@node-projects/web-component-designer 0.2.34 → 0.2.35

package/dist/index-min.js

@@ -1,8 +1,8 @@
-var kl=Object.defineProperty;var tg=Object.getOwnPropertyDescriptor;var ig=Object.getOwnPropertyNames;var rg=Object.prototype.hasOwnProperty;var g=(n,e)=>()=>(n&&(e=n(n=0)),e);var pu=(n,e)=>{for(var t in e)kl(n,t,{get:e[t],enumerable:!0})},ng=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of ig(e))!rg.call(n,r)&&r!==t&&kl(n,r,{get:()=>e[r],enumerable:!(i=tg(e,r))||i.enumerable});return n};var du=n=>ng(kl({},"__esModule",{value:!0}),n);import{BaseCustomWebComponentConstructorAppend as fg,css as gg,html as yg}from"@node-projects/base-custom-webcomponent";var Rl,zl,vg,ar,Fl=g(()=>{"use strict";Rl=436,zl={position:{top:"top",right:"right",bottom:"bottom",left:"left"},margin:{top:"margin-top",right:"margin-right",bottom:"margin-bottom",left:"margin-left"},border:{top:"border-top-width",right:"border-right-width",bottom:"border-bottom-width",left:"border-left-width"},padding:{top:"padding-top",right:"padding-right",bottom:"padding-bottom",left:"padding-left"},content:{width:"width",height:"height"}},vg={"border-top-width":"borderTopWidth","border-right-width":"borderRightWidth","border-bottom-width":"borderBottomWidth","border-left-width":"borderLeftWidth","margin-top":"marginTop","margin-right":"marginRight","margin-bottom":"marginBottom","margin-left":"marginLeft","padding-top":"paddingTop","padding-right":"paddingRight","padding-bottom":"paddingBottom","padding-left":"paddingLeft"},ar=class extends fg{static style=gg`:host{display:block;box-sizing:border-box;min-width:0;color:var(--wcd-property-grid-text-color,var(--property-grid-text-color,var(--wcd-color-text,#fff)));font:11px monospace;overflow:hidden}#box-model{display:grid;grid-template-columns:46px minmax(120px,1fr) 46px;grid-template-rows:22px minmax(29px,auto) minmax(58px,auto) minmax(29px,auto) 22px;grid-template-areas:". position-top ." "position-left margin position-right" "position-left margin position-right" "position-left margin position-right" ". position-bottom .";align-items:center;justify-items:center;width:100%;min-width:${Rl};padding:4px;transform-origin:top left}.ring{display:grid;grid-template-columns:42px minmax(56px,1fr) 42px;grid-template-rows:20px minmax(34px,auto) 20px;grid-template-areas:". top ." "left inner right" ". bottom .";align-items:center;justify-items:center;position:relative;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:116px;border:1px dashed rgba(0,0,0,.55)}#margin{grid-area:margin;background:var(--wcd-metrics-editor-margin-background,#f6c89f)}#border{grid-area:inner;background:var(--wcd-metrics-editor-border-background,#f7dd9c);border-style:solid;min-height:76px}#padding{grid-area:inner;background:var(--wcd-metrics-editor-padding-background,#c8d08f);min-height:38px}#content{grid-area:inner;display:grid;grid-template-columns:minmax(26px,1fr) auto minmax(26px,1fr);gap:4px;align-items:center;justify-items:center;width:100%;height:100%;min-height:24px;box-sizing:border-box;background:var(--wcd-metrics-editor-content-background,#8fb9c3);border:1px solid rgba(0,0,0,.65)}#content-label,#position-label{display:none}#border.box,#content.box{outline:2px solid rgba(0,0,0,.85);outline-offset:-2px}.label{position:absolute;top:2px;left:4px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;color:rgba(0,0,0,.72);font-size:10px;line-height:12px}input{width:38px;max-width:100%;min-width:0;height:17px;box-sizing:border-box;padding:0 2px;border:0;border-radius:0;background:0 0;color:rgba(0,0,0,.85);font:inherit;line-height:17px;text-align:center;outline:0}input:focus,input:hover{background:var(--wcd-metrics-editor-label-background,rgba(255,255,255,.72));box-shadow:0 0 0 1px rgba(0,0,0,.35)}input:disabled{opacity:.65}[data-side=top]{grid-area:top}[data-side=right]{grid-area:right}[data-side=bottom]{grid-area:bottom}[data-side=left]{grid-area:left}[data-area=position][data-side=top]{grid-area:position-top}[data-area=position][data-side=right]{grid-area:position-right}[data-area=position][data-side=bottom]{grid-area:position-bottom}[data-area=position][data-side=left]{grid-area:position-left}`;static template=yg`<div id="box-model"><span id="position-label" class="label" title="position">position</span> <input data-area="position" data-side="top" title="top" spellcheck="false"> <input data-area="position" data-side="right" title="right" spellcheck="false"> <input data-area="position" data-side="bottom" title="bottom" spellcheck="false"> <input data-area="position" data-side="left" title="left" spellcheck="false"><div id="margin" class="ring"><span class="label" title="margin">margin</span> <input data-area="margin" data-side="top" title="margin-top" spellcheck="false"> <input data-area="margin" data-side="right" title="margin-right" spellcheck="false"> <input data-area="margin" data-side="bottom" title="margin-bottom" spellcheck="false"> <input data-area="margin" data-side="left" title="margin-left" spellcheck="false"><div id="border" class="ring"><span class="label" title="border">border</span> <input data-area="border" data-side="top" title="border-top-width" spellcheck="false"> <input data-area="border" data-side="right" title="border-right-width" spellcheck="false"> <input data-area="border" data-side="bottom" title="border-bottom-width" spellcheck="false"> <input data-area="border" data-side="left" title="border-left-width" spellcheck="false"><div id="padding" class="ring"><span class="label" title="padding">padding</span> <input data-area="padding" data-side="top" title="padding-top" spellcheck="false"> <input data-area="padding" data-side="right" title="padding-right" spellcheck="false"> <input data-area="padding" data-side="bottom" title="padding-bottom" spellcheck="false"> <input data-area="padding" data-side="left" title="padding-left" spellcheck="false"><div id="content"><span id="content-label" class="label" title="content">content</span> <input data-area="content" data-side="width" title="width" spellcheck="false"> <span id="content-separator">x</span> <input data-area="content" data-side="height" title="height" spellcheck="false"></div></div></div></div></div>`;property;unsetValue="-";_borderDiv;_boxModelDiv;_contentDiv;_inputs=[];_values={};_isRefreshing=!1;_resizeObserver;constructor(){super(),this._restoreCachedInititalValues(),this._borderDiv=this._getDomElement("border"),this._boxModelDiv=this._getDomElement("box-model"),this._contentDiv=this._getDomElement("content"),this._inputs=[...this.shadowRoot.querySelectorAll("input[data-area][data-side]")]}ready(){this._parseAttributesToProperties(),this._wireEvents(),this._updateInputs(),requestAnimationFrame(()=>this._updateScale())}connectedCallback(){this._resizeObserver??=new ResizeObserver(()=>this._updateScale()),this._resizeObserver.observe(this),requestAnimationFrame(()=>this._updateScale())}disconnectedCallback(){this._resizeObserver?.disconnect()}get values(){return this._cloneValues(this._values)}set values(e){this._values=this._cloneValues(e??{}),this._updateInputs()}getPropertyName(e,t){return zl[e]?.[t]}refresh(e){if(this._contentDiv.classList.remove("box"),this._borderDiv.classList.remove("box"),!e){this.values={};return}let t=e.ownerDocument.defaultView.getComputedStyle(e),i={};for(let r of Object.keys(zl)){i[r]={};for(let o of Object.keys(zl[r])){let s=this.getPropertyName(r,o);i[r][o]=this._getComputedProperty(t,s,r)}}t.boxSizing=="content-box"?this._contentDiv.classList.add("box"):this._borderDiv.classList.add("box"),this.values=i,this._updateScale()}_wireEvents(){for(let e of this._inputs)e.addEventListener("focus",()=>e.select()),e.addEventListener("change",()=>this._commitInput(e)),e.addEventListener("keydown",t=>{t.key==="Enter"?(this._commitInput(e),e.blur()):t.key==="Escape"&&(this._updateInput(e),e.blur())})}_commitInput(e){if(this._isRefreshing)return;let t=e.dataset.area,i=e.dataset.side,r=this._values[t]?.[i]??"",o=e.value.trim();this._values[t]||(this._values[t]={}),this._values[t][i]=o,this._updateInput(e),r!==o&&this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,composed:!0,detail:{property:this.getPropertyName(t,i),area:t,side:i,newValue:o,oldValue:r}}))}_updateInputs(){this._isRefreshing=!0;try{for(let e of this._inputs)this._updateInput(e)}finally{this._isRefreshing=!1}}_updateInput(e){let t=e.dataset.area,i=e.dataset.side;e.value=this._values[t]?.[i]??this.unsetValue}_getComputedProperty(e,t,i){let r=vg[t]??t,o=e.getPropertyValue(t)||e[r];return i==="position"&&o==="auto"?this.unsetValue:o||this.unsetValue}_cloneValues(e){let t={};for(let i of Object.keys(e))t[i]={...e[i]};return t}_updateScale(){if(!this._boxModelDiv)return;let e=this.clientWidth;if(e<=0)return;let t=Math.min(1,e/Rl);this._boxModelDiv.style.width=t<1?Rl+"px":"100%",this._boxModelDiv.style.transform=t<1?`scale(${t})`:"",this.style.height=this._boxModelDiv.offsetHeight*t+"px"}};customElements.define("node-projects-metrics-editor",ar)});function ki(n){let e=n?.trim()??"";if(!e)return{kind:"empty"};let t=e.match(/^([+-]?(?:\d+(?:\.\d+)?|\.\d+))(?:([a-z%]+))?$/i);if(!t)return{kind:"text",text:e};let i=Number(t[1]);return Number.isNaN(i)?{kind:"text",text:e}:{kind:"numeric",numberText:t[1],value:i,unit:t[2]?.toLowerCase()??""}}function nn(n,e=4){if(!Number.isFinite(n))return"0";let t=10**Math.max(0,e),i=Math.round(n*t)/t;return Object.is(i,-0)?"0":`${i}`}function Ii(n,e){let t=n?.trim()??"";return t?t+(e??""):""}function ku(n){return n===""?" ":n}function Iu(n){let e=(n??[]).map(t=>t==null?null:t.trim()).filter(t=>t!=null);return[...new Set(e)]}function Du(n,e,t){return n!=null&&t.includes(n)?n:e??t[0]??null}function Au(n,e,t){if(t!=null){let i=n?.[t];if(Number.isFinite(i)&&i>0)return i}return e}var Bl=g(()=>{"use strict"});import{BaseCustomWebComponentConstructorAppend as _g,css as xg,html as bg,TypedEvent as Hl}from"@node-projects/base-custom-webcomponent";var Wl,wg,lr,Gl=g(()=>{"use strict";Bl();Bl();Wl="__node-projects-custom-value__",wg="\u22EE",lr=class extends _g{static style=xg`:host{display:block;width:100%;min-width:0}#container{display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto 16px;width:100%;height:24px;align-items:stretch}#value-wrapper{display:grid;grid-template-columns:14px minmax(0,1fr);min-width:0}#input,#scrubber,#select,#stepper button{border:none;box-sizing:border-box;height:24px;min-height:24px;background:0 0;color:inherit;font:inherit;outline:0;box-shadow:none}#select option{color:var(--wcd-numeric-style-input-select-option-color,var(--numeric-style-input-select-option-color,#000))}#scrubber,#stepper button{padding:0;line-height:1}#scrubber{border-right:0;cursor:ns-resize;font-size:11px;letter-spacing:-1px}#input{border-left:0;border-right:0;min-width:0;text-align:right}#input:focus,#scrubber:focus,#select:focus,#stepper button:focus{outline:0;box-shadow:none;border-color:var(--wcd-input-border-color,var(--input-border-color,var(--wcd-color-border,#596c7a)))}#input[disabled],#scrubber[disabled]{cursor:default}#input[disabled]{color:inherit;opacity:1;-webkit-text-fill-color:currentColor}#select{border-left:0;padding:0 15px 0 2px;line-height:1;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 0l4 4 4-4z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 2px center}#measure{position:absolute;visibility:hidden;white-space:nowrap;font:inherit;pointer-events:none}#stepper{display:grid;height:24px;min-height:24px;overflow:hidden;grid-template-rows:repeat(2,minmax(0,1fr))}#stepper button{height:auto;min-height:0;width:16px;min-width:16px;font-size:10px}`;static template=bg`<div id="container"><div id="value-wrapper"><button id="scrubber" type="button" aria-label="Drag to change value">${wg}</button> <input id="input" type="text" spellcheck="false"></div><select id="select"></select><div id="stepper"><button id="increase" type="button" aria-label="Increase value">+</button> <button id="decrease" type="button" aria-label="Decrease value">-</button></div><span id="measure"></span></div>`;_value="";get value(){return this._value}set value(e){this._setValue(e,!1,!1)}valueChanged=new Hl;valuePreviewChanged=new Hl;valuePreviewFinished=new Hl;_units=["px","%","pt"];get units(){return[...this._units]}set units(e){this._units=this._normalizeOptionValues(e),this._lastNumericUnit=this._units[0]??this._lastNumericUnit,this._updateValue()}_fixedValues=[];get fixedValues(){return[...this._fixedValues]}set fixedValues(e){this._fixedValues=this._normalizeOptionValues(e),this._updateValue()}_step=1;get step(){return this._step}set step(e){this._step=Number.isFinite(e)&&e>0?e:1}_unitSteps={};get unitSteps(){return{...this._unitSteps}}set unitSteps(e){this._unitSteps=e??{}}_min=null;get min(){return this._min}set min(e){this._min=Number.isFinite(e)?e:null}_max=null;get max(){return this._max}set max(e){this._max=Number.isFinite(e)?e:null}_readOnly=!1;get readOnly(){return this._readOnly}set readOnly(e){this._readOnly=e,this._applyReadonlyState()}get isInPreview(){return this._previewStartValue!=null}_allowCustomValue=!0;get allowCustomValue(){return this._allowCustomValue}set allowCustomValue(e){this._allowCustomValue=e,this._updateValue()}_unitValueConverter;get unitValueConverter(){return this._unitValueConverter}set unitValueConverter(e){this._unitValueConverter=e}_input;_select;_measure;_scrubberButton;_increaseButton;_decreaseButton;_lastNumericValue=0;_lastNumericUnit="px";_dragPointerId=null;_dragStartY=0;_dragStartNumericValue=0;_appliedDragSteps=0;_previewStartValue=null;_previewChanged=!1;_displayValueLock=null;_stepperPointerId=null;_stepperDirection=0;_stepperRepeatTimeout=null;_stepperRepeatInterval=null;_windowDragPointerMoveHandler=e=>this._handleWindowDragPointerMove(e);_windowDragPointerUpHandler=e=>this._finishDragInteractionForPointerEvent(e,!1);_windowDragPointerCancelHandler=e=>this._finishDragInteractionForPointerEvent(e,!0);_windowDragBlurHandler=()=>this._finishDragInteraction(!1);_windowPointerUpHandler=e=>this._handleWindowStepperPointerEnd(e);_windowPointerCancelHandler=e=>this._handleWindowStepperPointerEnd(e);_windowBlurHandler=()=>this._finishStepperInteraction(!1);_preferCustomMode=!1;constructor(){super(),this._restoreCachedInititalValues(),this._input=this._getDomElement("input"),this._select=this._getDomElement("select"),this._measure=this._getDomElement("measure"),this._scrubberButton=this._getDomElement("scrubber"),this._increaseButton=this._getDomElement("increase"),this._decreaseButton=this._getDomElement("decrease")}ready(){this._parseAttributesToProperties(),this._wireEvents(),this._updateValue()}_wireEvents(){this._input.addEventListener("change",()=>this._applyTypedValue()),this._input.addEventListener("keydown",e=>{e.key==="Enter"&&(this._applyTypedValue(),this._input.blur())}),this._scrubberButton.addEventListener("pointerdown",e=>this._handlePointerDown(e)),this._select.addEventListener("change",()=>this._applySelectedMode()),this._increaseButton.addEventListener("pointerdown",e=>this._handleStepperPointerDown(e,1)),this._decreaseButton.addEventListener("pointerdown",e=>this._handleStepperPointerDown(e,-1))}_handlePointerDown(e){if(!this._readOnly&&!(!this._isSelectedUnitMode()&&!this._switchToUnitModeForInteraction())){this._dragPointerId=e.pointerId,this._dragStartY=e.clientY,this._dragStartNumericValue=this._readEditableNumericValue(this._select.value),this._appliedDragSteps=0,this._startPreviewSession(),this._attachDragWindowListeners();try{this._scrubberButton.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}}_handleWindowDragPointerMove(e){if(this._dragPointerId!==e.pointerId||!this._isSelectedUnitMode())return;let t=this._calculateDraggedStepCount(this._dragStartY-e.clientY);if(t===this._appliedDragSteps)return;this._appliedDragSteps=t;let i=this._select.value,r=this._getEffectiveStep(i);this._previewNumericValue(this._getInteractiveStepValue(this._dragStartNumericValue,t,r),i,r),e.preventDefault()}_finishDragInteractionForPointerEvent(e,t){this._dragPointerId===e.pointerId&&this._finishDragInteraction(t,e.pointerId)}_finishDragInteraction(e,t){if(this._dragPointerId!=null){if(this._dragPointerId=null,this._appliedDragSteps=0,this._detachDragWindowListeners(),t!=null)try{this._scrubberButton.hasPointerCapture(t)&&this._scrubberButton.releasePointerCapture(t)}catch{}this._finishPreviewSession(e)}}_handleStepperPointerDown(e,t){this._readOnly||!this._isSelectedUnitMode()&&!this._switchToUnitModeForInteraction()||(this._finishStepperInteraction(!0),this._stepperPointerId=e.pointerId,this._stepperDirection=t,this._attachStepperWindowListeners(),this._startPreviewSession(),this._applyStepPreview(t),this._stepperRepeatTimeout=window.setTimeout(()=>{this._stepperRepeatInterval=window.setInterval(()=>this._applyStepPreview(this._stepperDirection),50)},350),e.preventDefault())}_handleWindowStepperPointerEnd(e){this._stepperPointerId===e.pointerId&&this._finishStepperInteraction(!1)}_finishStepperInteraction(e){this._stepperPointerId!=null&&(this._stepperPointerId=null,this._stepperDirection=0,this._detachStepperWindowListeners(),this._stopStepperRepeat(),this._finishPreviewSession(e))}_applySelectedMode(){let e=this._select.selectedOptions.item(0);if(!e)return;let t=e.dataset.kind;if(t==="fixed"){this._commitValue(e.value);return}if(t==="custom"){this._preferCustomMode=!0,this._updateValue(),requestAnimationFrame(()=>{this._input.focus(),this._input.select()});return}let i=e.value;this._lastNumericUnit=i,this._preferCustomMode=!1;let r=ki(this._value);if(r.kind==="numeric"){let a=this._convertNumericValue(r,i);this._commitValue(a);return}let o=this._resolveCurrentValueForUnit(i);if(o!=null){this._commitValue(o);return}if(r.kind==="empty"){this._updateValue(),this._input.focus();return}let s=Number(this._input.value);if(!Number.isNaN(s)){this._applyNumericValue(s,i);return}this._commitValue(""),this._input.focus()}_applyTypedValue(){let e=this._select.selectedOptions.item(0),t=e?.dataset.kind;if(t==="fixed")return;if(t==="custom"){this._commitValue(this._input.value);return}let i=this._input.value?.trim()??"";if(!i){this._commitValue("");return}let r=Number(i);Number.isNaN(r)||(this._lastNumericValue=this._clampNumericValue(r)),this._commitValue(Ii(i,e?.value??""))}_updateValue(){if(!this._input||!this._select)return;this._previewStartValue==null&&this._renderSelectOptions();let e=this._getDisplayState(this._displayValueLock??this._value);if(this._input.value=e.inputValue,this._input.style.display=e.inputVisible?"":"none",this._input.disabled=this._readOnly||!e.inputEnabled,this._select.value=e.selectValue,this._autoSizeSelect(),e.mode==="unit"&&e.selectedUnit!=null&&(this._lastNumericUnit=e.selectedUnit),e.mode==="unit"&&e.inputValue!==""){let r=Number(e.inputValue);Number.isNaN(r)||(this._lastNumericValue=this._clampNumericValue(r))}let t=this._units.length>0,i=this._readOnly||!t||e.mode==="custom";this._scrubberButton.disabled=i,this._increaseButton.disabled=i,this._decreaseButton.disabled=i,this._applyReadonlyState()}_getDisplayState(e){let t=ki(e);if(t.kind==="numeric"){if(this._preferCustomMode)return this._createCustomDisplayState(t.numberText);if(t.unit&&this._units.length&&!this._units.includes(t.unit))return this._createCustomDisplayState(e);let r=Du(t.unit,this._lastNumericUnit,this._units)??"";return{mode:"unit",inputValue:t.numberText,inputVisible:!0,inputEnabled:!0,selectValue:this._units.includes(r)?r:this._select.value||Wl,selectedUnit:r}}if(t.kind==="text")return!this._preferCustomMode&&this._fixedValues.includes(t.text)?{mode:"fixed",inputValue:"",inputVisible:!0,inputEnabled:!1,selectValue:t.text}:this._createCustomDisplayState(t.text);if(this._preferCustomMode)return this._createCustomDisplayState("");let i=this._lastNumericUnit??this._units[0]??"";return this._units.includes(i)?{mode:"unit",inputValue:"",inputVisible:!0,inputEnabled:!0,selectValue:i,selectedUnit:i}:this._createCustomDisplayState("")}_createCustomDisplayState(e){return!this._allowCustomValue&&this._units.length?{mode:"unit",inputValue:e,inputVisible:!0,inputEnabled:!0,selectValue:this._units[0],selectedUnit:this._units[0]}:{mode:"custom",inputValue:e,inputVisible:!0,inputEnabled:!0,selectValue:Wl}}_renderSelectOptions(){let e=this._select.value;if(this._select.replaceChildren(),this._units.length){let t=document.createElement("optgroup");t.label="Units";for(let i of this._units)t.appendChild(this._createOption(ku(i),i,"unit"));this._select.appendChild(t)}if(this._fixedValues.length){let t=document.createElement("optgroup");t.label="Values";for(let i of this._fixedValues)t.appendChild(this._createOption(i,i,"fixed"));this._select.appendChild(t)}(this._allowCustomValue||this._select.options.length===0)&&this._select.appendChild(this._createOption("custom",Wl,"custom")),e!==""?this._select.value=e:this._select.querySelector('option[value=""]')&&(this._select.value="")}_createOption(e,t,i){let r=document.createElement("option");return r.text=e,r.value=t,r.dataset.kind=i,r}_autoSizeSelect(){if(!this._measure||!this._select)return;let e=this._select.selectedOptions.item(0);this._measure.textContent=e?.text??"";let t=this._measure.offsetWidth;t>0?this._select.style.width=t+17+"px":requestAnimationFrame(()=>this._autoSizeSelect())}_applyReadonlyState(){!this._input||!this._select||(this._input.readOnly=this._readOnly,this._select.disabled=this._readOnly)}_convertNumericValue(e,t){if(t==null)return this._value;let i=e.unit;return this._unitValueConverter?.({value:e.value,numberText:e.numberText,rawValue:this._value,fromUnit:i,toUnit:t})??Ii(e.numberText,t)}_resolveCurrentValueForUnit(e){if(e==null)return null;let t=this._unitValueConverter?.({value:Number.NaN,numberText:"",rawValue:this._value,fromUnit:"",toUnit:e})?.trim();return t||null}_readEditableNumericValue(e){let t=ki(this._value);if(t.kind==="numeric"){let i=this._convertNumericValue(t,e),r=ki(i);return r.kind==="numeric"?r.value:t.value}if(this._input.value?.trim()){let i=Number(this._input.value);if(!Number.isNaN(i))return i}return this._lastNumericValue}_applyNumericValue(e,t){this._lastNumericValue=this._clampNumericValue(e),this._lastNumericUnit=t,this._commitValue(Ii(nn(this._lastNumericValue),t))}_previewNumericValue(e,t,i){this._lastNumericValue=this._clampNumericValue(e),this._lastNumericUnit=t;let r=i??this._getEffectiveStep(t);this._setValue(Ii(this._formatInteractiveNumericValue(this._lastNumericValue,r),t),!1,!0)}_commitValue(e){this._setValue(e,!0,!1)}_setValue(e,t,i){let r=e??"";if(!t&&!i&&this._previewStartValue!=null)return;let o=this._value;this._value=r,i?this._displayValueLock=r:this._displayValueLock!=null&&(r===this._displayValueLock||r!==o)&&(this._displayValueLock=null),this._preferCustomMode=!1,this._updateValue(),o!==r&&(i&&(this._previewChanged=!0,this.valuePreviewChanged.emit({newValue:r,oldValue:o})),t&&this.valueChanged.emit({newValue:r,oldValue:o}))}_startPreviewSession(){this._previewStartValue==null&&(this._previewStartValue=this._value,this._previewChanged=!1)}_finishPreviewSession(e){if(this._previewStartValue==null)return;let t=this._previewStartValue,i=this._displayValueLock??this._value,r=this._previewChanged&&t!==i,o=e||!r;this._previewStartValue=null,this._previewChanged=!1,o?(this._displayValueLock=null,this._value=t,this._updateValue()):(this._displayValueLock=i,this._updateValue()),this.valuePreviewFinished.emit({newValue:i,oldValue:t,wasCancelled:o})}_applyStepPreview(e){let t=this._select.value,i=this._getEffectiveStep(t);this._previewNumericValue(this._getInteractiveStepValue(this._readEditableNumericValue(t),e,i),t,i)}_stopStepperRepeat(){this._stepperRepeatTimeout!=null&&(window.clearTimeout(this._stepperRepeatTimeout),this._stepperRepeatTimeout=null),this._stepperRepeatInterval!=null&&(window.clearInterval(this._stepperRepeatInterval),this._stepperRepeatInterval=null)}_attachStepperWindowListeners(){window.addEventListener("pointerup",this._windowPointerUpHandler,!0),window.addEventListener("pointercancel",this._windowPointerCancelHandler,!0),window.addEventListener("blur",this._windowBlurHandler)}_attachDragWindowListeners(){window.addEventListener("pointermove",this._windowDragPointerMoveHandler,!0),window.addEventListener("pointerup",this._windowDragPointerUpHandler,!0),window.addEventListener("pointercancel",this._windowDragPointerCancelHandler,!0),window.addEventListener("blur",this._windowDragBlurHandler)}_detachStepperWindowListeners(){window.removeEventListener("pointerup",this._windowPointerUpHandler,!0),window.removeEventListener("pointercancel",this._windowPointerCancelHandler,!0),window.removeEventListener("blur",this._windowBlurHandler)}_detachDragWindowListeners(){window.removeEventListener("pointermove",this._windowDragPointerMoveHandler,!0),window.removeEventListener("pointerup",this._windowDragPointerUpHandler,!0),window.removeEventListener("pointercancel",this._windowDragPointerCancelHandler,!0),window.removeEventListener("blur",this._windowDragBlurHandler)}_calculateDraggedStepCount(e){let t=Math.abs(e),i=Math.min(t,20)/5,r=Math.max(Math.min(t-20,40),0)/3,o=Math.max(t-60,0)/2,s=Math.trunc(i+r+o);return Math.sign(e)*s}_getEffectiveStep(e){return Au(this._unitSteps,this._step,e)}_getInteractiveStepValue(e,t,i){let r=i??this._step,o=this._clampNumericValue(e);if(!Number.isFinite(o)||!Number.isFinite(t)||t===0)return o;let s=this._min??0,a=(o-s)/r,l=Math.round(a),c=Math.abs(a-l)<1e-9,h;t>0?h=(c?l+1:Math.ceil(a))+t-1:h=(c?l-1:Math.floor(a))+t+1;let p=s+h*r;return this._clampNumericValue(this._roundToStepPrecision(p,r))}_formatInteractiveNumericValue(e,t){let i=t??this._step;return nn(this._roundToStepPrecision(e,i),this._getStepPrecision(i))}_roundToStepPrecision(e,t){let r=10**this._getStepPrecision(t);return Math.round(e*r)/r}_getStepPrecision(e){let t=`${e??this._step}`.toLowerCase();if(t.includes("e-")){let[r,o]=t.split("e-"),s=Number(o),a=r.includes(".")?r.length-r.indexOf(".")-1:0;return s+a}let i=t.indexOf(".");return i>=0?t.length-i-1:0}_switchToUnitModeForInteraction(){let e=this._lastNumericUnit??this._units[0];if(e==null)return!1;this._preferCustomMode=!1;let t=this._resolveCurrentValueForUnit(e);return t!=null?(this._commitValue(t),this._isSelectedUnitMode()):(this._applyNumericValue(this._lastNumericValue,e),this._isSelectedUnitMode())}_isSelectedUnitMode(){return this._select.selectedOptions.item(0)?.dataset.kind==="unit"}_normalizeOptionValues(e){return Iu(e)}_clampNumericValue(e){let t=e;return this._min!=null&&(t=Math.max(this._min,t)),this._max!=null&&(t=Math.min(this._max,t)),t}};customElements.define("node-projects-numeric-style-input",lr)});import{TypedEvent as Ag}from"@node-projects/base-custom-webcomponent";var Di,an=g(()=>{"use strict";Di=class{_services=new Map;servicesChanged=new Ag;getLastService(e){let t=this._services.get(e);return t&&t.length?t[t.length-1]:null}getServices(e){return this._services.get(e)}register(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).push(t),this.servicesChanged.emit({serviceName:e})}registerLast(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).unshift(t),this.servicesChanged.emit({serviceName:e})}registerMultiple(e,t){for(let i of e)this._services.has(i)||this._services.set(i,[]),this._services.get(i).push(t),this.servicesChanged.emit({serviceName:i})}forSomeServicesTillResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r],s=t(o);if(s!=null)return s}return null}getLastServiceWhere(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r];if(t(o))return o}return null}getLastServiceResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r],s=t(o);if(s)return s}return null}async getLastServiceWhereAsync(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r];if(await t(o))return o}return null}}});import{BaseCustomWebComponentLazyAppend as Tg,css as Mg}from"@node-projects/base-custom-webcomponent";var cr,Ul=g(()=>{"use strict";cr=class extends Tg{_placeholder;_loading;static style=Mg`:host{display:block;overflow:hidden;background:var(--wcd-demo-view-background,#fff);height:100%;width:100%;position:relative}#placeholder{position:absolute;left:24px;height:100%;width:calc(100% - 24px)}#loading{position:absolute;top:60px;left:20px}#left{position:absolute;left:0;top:0;height:100%;width:24px;border-right:solid var(--wcd-demo-view-toolbar-border-color,#fff) 1px;box-sizing:border-box;background:var(--wcd-demo-view-toolbar-background,#000)}span{color:var(--wcd-color-text,#fff);rotate:270deg;display:block;position:absolute;top:35px;left:-38px;font-weight:600;font-family:monospace;font-size:24px}`;constructor(){super(),this._placeholder=document.createElement("div"),this._placeholder.id="placeholder",this._placeholder.style.transform="scale(1)",this.shadowRoot.appendChild(this._placeholder),this._loading=document.createElement("div"),this._loading.id="loading",this._loading.textContent="\u{1F6C0} Hold on, loading...",this.shadowRoot.appendChild(this._loading);let e=document.createElement("div");e.id="left";let t=document.createElement("span");t.innerText="PREVIEW",e.appendChild(t),this.shadowRoot.appendChild(e)}dispose(){}executeCommand;canExecuteCommand;async display(e,t,i,r){this._loading.hidden=!1,await e.demoProviderService.provideDemo(this._placeholder,e,t,i,r),this._loading.hidden=!0}};customElements.define("node-projects-demo-view",cr)});import{PropertyChangedArgs as ln,TypedEvent as hr}from"@node-projects/base-custom-webcomponent";var cn,Mu=g(()=>{"use strict";cn=class{_serviceContainer;_tool;_strokeColor="black";_strokeThickness="3";_fillBrush="none";constructor(e){this._serviceContainer=e}set tool(e){if(this._tool!==e){let t=this._tool;t&&t.dispose(),this._tool=e;let i=null;for(let r of this._serviceContainer.designerTools)r[1]==e&&(i=r[0]);this.onToolChanged.emit(new ln({name:i,tool:e},{name:null,tool:t})),this._tool&&this._tool.activated(this._serviceContainer)}}get tool(){return this._tool}onToolChanged=new hr;finishedWithTool=()=>this.tool=null;set strokeColor(e){if(this._strokeColor!==e){let t=this._strokeColor;this._strokeColor=e,this.onStrokeColorChanged.emit(new ln(e,t))}}get strokeColor(){return this._strokeColor}onStrokeColorChanged=new hr;set strokeThickness(e){if(this._strokeThickness!==e){let t=this._strokeThickness;this._strokeThickness=e,this.onStrokeThicknessChanged.emit(new ln(e,t))}}get strokeThickness(){return this._strokeThickness}onStrokeThicknessChanged=new hr;set fillBrush(e){if(this._fillBrush=e,this._fillBrush!==e){let t=this._fillBrush;this._fillBrush=e,this.onFillBrushChanged.emit(new ln(e,t))}}get fillBrush(){return this._fillBrush}onFillBrushChanged=new hr;showConfigClicked=new hr}});import{BaseCustomWebComponentConstructorAppend as Lg,css as Og,html as Vg,TypedEvent as Ng}from"@node-projects/base-custom-webcomponent";var pr,Xl=g(()=>{"use strict";pr=class extends Lg{dispose(){}canvasElement;elementsToPackages;onTextChanged=new Ng;_text;static style=Og`:host{display:block;height:100%;width:100%}textarea{height:100%;width:100%;resize:none;white-space:nowrap;box-sizing:border-box}`;static template=Vg`<div id="container" style="width:100%;height:100%;position:absolute"><textarea id="text"></textarea></div>`;executeCommand(e){}canExecuteCommand(e){return!1}async ready(){this._text=this._getDomElement("text")}focusEditor(){requestAnimationFrame(()=>{this.focus(),this._text.focus()})}activated(){}update(e){this._text.value=e}getText(){return this._text.value}setSelection(e){this._text.setSelectionRange(e.start,e.start+e.length)}};customElements.define("node-projects-code-view-simple",pr)});var Rg,hn,$l=g(()=>{"use strict";an();Ul();Mu();Xl();Rg=navigator.maxTouchPoints>0,hn=class extends Di{config={codeViewWidget:pr,demoViewWidget:cr};designerExtensions=new Map;sourceMapProviders=[];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 cn(this);options={zoomDesignerBackground:!0,roundPixelsToDecimalPlaces:0,resizerPixelSize:Rg?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 propertyEditorTypesServices(){return this.getServices("propertyEditorTypesService")}get htmlWriterService(){return this.getLastService("htmlWriterService")}get htmlParserService(){return this.getLastService("htmlParserService")}get renderedDesignItemServices(){return this.getServices("renderedDesignItemService")}get intializationService(){return this.getLastService("intializationService")}get elementAtPointService(){return this.getLastService("elementAtPointService")}get externalDragDropService(){return this.getLastService("externalDragDropService")}get copyPasteService(){return this.getLastService("copyPasteService")}get modelCommandService(){return this.getLastService("modelCommandService")}get demoProviderService(){return this.getLastService("demoProviderService")}get designItemService(){return this.getLastService("designItemService")}get configUiServices(){return this.getServices("configUiService")}get refactorServices(){return this.getServices("refactorService")}get deletionService(){return this.getLastService("deletionService")}get referencesChangedService(){return this.getLastService("referencesChangedService")}get miniatureViewService(){return this.getLastService("miniatureViewService")}get pngCreatorService(){return this.getLastService("pngCreatorService")}get searchService(){return this.getLastService("searchService")}get editorTypesServices(){return this.getServices("editorTypeService")}}});var z,Ie=g(()=>{"use strict";z=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 G,ut=g(()=>{"use strict";(function(n){n.none="none",n.all="all",n.some="some",n.bound="bound",n.fromStylesheet="fromStylesheet"})(G||(G={}))});var R,nt=g(()=>{"use strict";(function(n){n.explicitProperty="explicitProperty",n.property="property",n.attribute="attribute",n.class="class",n.css="css",n.cssvar="cssvar",n.event="event",n.content="content",n.visible="visible"})(R||(R={}))});var x,fe=g(()=>{"use strict";(function(n){n.property="property",n.attribute="attribute",n.propertyAndAttribute="propertyAndAttribute",n.cssValue="cssvalue",n.complex="complex",n.add="add"})(x||(x={}))});var A,ee=g(()=>{"use strict";(function(n){n[n.Element=1]="Element",n[n.Attribute=2]="Attribute",n[n.TextNode=3]="TextNode",n[n.Comment=8]="Comment",n[n.Document=9]="Document",n[n.DocumentFragment=11]="DocumentFragment"})(A||(A={}))});function dw(n){return n.getRootNode()?.host?.localName=="node-projects-designer-canvas"}function pn(n,e){return e.createRange().createContextualFragment(n,{includeShadowRoots:!0}).firstChild}function Lu(n,e){return n instanceof e||n instanceof(n.ownerDocument.defaultView??window)[e.name]}function Kl(n,...e){for(let t of e)if(n instanceof t||n instanceof(n.ownerDocument.defaultView??window)[t.name])return!0;return!1}function Bt(n){return n==null||Kl(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement,HTMLSelectElement,HTMLOptionElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function oi(n){return n==null||Kl(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement,HTMLSelectElement,HTMLOptionElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function Ou(n){if(Kl(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)||Lu(n,MathMLElement))return je.block;let e=(n.ownerDocument.defaultView??window).getComputedStyle(n).display;return e=="none"?je.none:e.startsWith("inline")?je.inline:je.block}function dn(n){return n.textContent.trim()==""&&n.textContent.indexOf("\xA0")<0}function uw(){let n=document.activeElement,e=null;for(;n!=e;)e=n,n.shadowRoot!=null&&n.shadowRoot.activeElement&&(n=n.shadowRoot.activeElement);return n}function mw(n){if(Lu(n,HTMLElement))return{x:n.offsetLeft,y:n.offsetTop};{let e=Z(n),t=Z(n.parentElement);return{x:e.x-t.x,y:e.y-t.y}}}function Z(n){let e=n.getBoundingClientRect();if(e.width==0&&e.height==0&&(n.ownerDocument.defaultView??window).getComputedStyle(n).display=="contents")if(n.shadowRoot)for(let i of n.shadowRoot.children){let r=Z(i);e=new DOMRect(Math.min(e.x,r.x),Math.min(e.y,r.y),Math.max(e.width,r.width),Math.max(e.height,r.height))}else for(let i of n.children){let r=Z(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 un(n){let e=(n.ownerDocument.defaultView??window).getComputedStyle(n).zoom;if(!e||e==="normal")return 1;if(e.endsWith("%")){let i=parseFloat(e);return Number.isFinite(i)&&i>0?i/100:1}let t=parseFloat(e);return Number.isFinite(t)&&t>0?t:1}function Vu(n){let e=parseInt(getComputedStyle(n).paddingLeft.replace("px",""))+parseInt(getComputedStyle(n).marginLeft.replace("px",""))+parseInt(getComputedStyle(n).borderLeft.replace("px",""))+parseInt(getComputedStyle(n).paddingRight.replace("px",""))+parseInt(getComputedStyle(n).marginRight.replace("px",""))+parseInt(getComputedStyle(n).borderRight.replace("px","")),t=parseInt(getComputedStyle(n).paddingTop.replace("px",""))+parseInt(getComputedStyle(n).marginTop.replace("px",""))+parseInt(getComputedStyle(n).borderTop.replace("px",""))+parseInt(getComputedStyle(n).paddingBottom.replace("px",""))+parseInt(getComputedStyle(n).marginBottom.replace("px",""))+parseInt(getComputedStyle(n).borderBottom.replace("px",""));return{x:e,y:t}}function si(n,e){let t={x:Number.MAX_VALUE,y:Number.MAX_VALUE},i={x:Number.MIN_VALUE,y:Number.MIN_VALUE},r;for(let o of n)o.nodeType==A.TextNode||o.nodeType==A.Comment||(r={x:e.getNormalizedElementCoordinates(o.element).x,y:e.getNormalizedElementCoordinates(o.element).y,width:e.getNormalizedElementCoordinates(o.element).width,height:e.getNormalizedElementCoordinates(o.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 je,de=g(()=>{"use strict";ee();(function(n){n[n.none=0]="none",n[n.inline=1]="inline",n[n.block=2]="block"})(je||(je={}))});function Ht(n){let e=n.match(/\s*!\s*important\s*$/i);return e?{value:n.substring(0,e.index).trimEnd(),important:!0}:{value:n,important:!1}}function Ye(n,e){return e?n+" !important":n}var Et=g(()=>{"use strict"});var ne,ze=g(()=>{"use strict";ut();Ie();nt();fe();ee();de();Et();ne=class n{constructor(e){this._recreateElementsOnPropertyChange=e}_recreateElementsOnPropertyChange=!1;static _stylesCache=new Map;_cssCacheClearTimer;static _bindingsCache=new Map;static _bindingsCacheClearTimer;_notifyChangedProperty(e,t,i){}async getProperty(e,t){let i=await this.getProperties(e);return"properties"in i[0]?i.flatMap(r=>r.properties).find(r=>r.name==t):i.find(r=>r.name==t)}async setValue(e,t,i){let r=e[0].openGroup("property changed: "+t.name+" to "+i);for(let o of e)if(this.isHandledElement(o)&&this.getProperty(o,t.name)){if(t.propertyType==x.cssValue){let s=typeof i=="string"?Ht(i):{value:i,important:!1};await o.updateStyleInSheetOrLocalAsync(t.propertyName??t.name,s.value,s.important),o.element.setAttribute("style",o.element.getAttribute("style"))}else{let s=t.attributeName;if(s||(s=z.camelToDashCase(t.name)),t.type==="object"){let a=JSON.stringify(i);t.propertyType==x.propertyAndAttribute?o.setPropertyAndAttribute(t.name,a):t.propertyType==x.attribute?o.setAttribute(s,a):t.propertyType==x.property&&o.setProperty(t.name,i)}else t.type=="boolean"&&(i===!1||i==null)?((t.propertyType==x.attribute||t.propertyType==x.propertyAndAttribute)&&o.removeAttribute(s),(t.propertyType==x.property||t.propertyType==x.propertyAndAttribute)&&o.setProperty(t.name,!1)):t.type=="boolean"&&i===!0?((t.propertyType==x.attribute||t.propertyType==x.propertyAndAttribute)&&o.setAttribute(s,""),(t.propertyType==x.property||t.propertyType==x.propertyAndAttribute)&&o.setProperty(t.name,!0)):t.propertyType==x.propertyAndAttribute?o.setPropertyAndAttribute(t.name,i):t.propertyType==x.attribute?o.setAttribute(s,i.toString()):t.propertyType==x.property&&o.setProperty(t.name,i)}this._notifyChangedProperty(o,t,i)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}getPropertyTarget(e,t){return t.propertyType==x.attribute?R.attribute:t.propertyType==x.cssValue?R.css:R.property}clearValue(e,t,i){let r=e[0].openGroup("property cleared: "+t.name);for(let o of e){if(i!="binding"){if(t.propertyType==x.cssValue)o.removeStyle(t.propertyName??t.name);else if((t.propertyType==x.property||t.propertyType==x.propertyAndAttribute)&&(o.element[t.propertyName??t.name]=null),t.propertyType==x.attribute||t.propertyType==x.propertyAndAttribute){let s=t.attributeName;s||(s=z.camelToDashCase(t.name)),o.removeAttribute(s)}}i!="value"&&o.serviceContainer.forSomeServicesTillResult("bindingService",s=>s.clearBinding(o,t.name,this.getPropertyTarget(o,t))),this._notifyChangedProperty(o,t,void 0)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){let o=t.attributeName;o||(o=z.camelToDashCase(t.name));for(let a of e){let l=!1;if(t.propertyType==x.cssValue?l=a.hasStyle(t.name):l=a.hasAttribute(o),i=i&&l,r=r||l,!i&&r)break}let s=n.getOrBuildCachedBindings(e[0]);if(t.propertyType==x.cssValue){if(s&&s.find(a=>(a.target==R.css||a.target==R.cssvar)&&a.targetName==t.name))return G.bound}else if(t.propertyType==x.attribute){if(s&&s.find(a=>a.target==R.attribute&&a.targetName==t.name))return G.bound}else if(t.propertyType==x.property){if(s&&s.find(a=>(a.target==R.property||a.target==R.explicitProperty)&&a.targetName==t.name))return G.bound}else if(s&&s.find(a=>(a.target==R.property||a.target==R.explicitProperty||a.target==R.attribute)&&a.targetName==t.name))return G.bound;if(!i&&t.propertyType==x.cssValue){let a=n._stylesCache.get(e[0]);if(a||(a=new Set(e[0].getAllStyles().filter(c=>c.selector!=null).flatMap(c=>c.declarations).map(c=>c.name)),n._stylesCache.set(e[0],a),clearTimeout(this._cssCacheClearTimer),this._cssCacheClearTimer=setTimeout(()=>n._stylesCache.clear(),30)),a.has(t.propertyName??t.name))return G.fromStylesheet}}else return G.none;return i?G.all:r?G.some:G.none}static getOrBuildCachedBindings(e){let t=n._bindingsCache.get(e);if(!t){let i=e.serviceContainer.getServices("bindingService");if(t=[],i)for(let r of i){let o=r.getBindings(e);o&&o.length>0&&t.push(...o)}n._bindingsCache.set(e,t),clearTimeout(this._bindingsCacheClearTimer),this._bindingsCacheClearTimer=setTimeout(()=>n._bindingsCache.clear(),30)}return t}getValue(e,t){if(e!=null&&e.length!==0)if(t.propertyType==x.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 typeof i=="string"?Ye(i,e[0].isStyleImportant(t.propertyName??t.name)):i}else if(t.propertyType==x.property){let i=t.propertyName;return i||(i=z.dashToCamelCase(t.name)),e[0].element[i]}else{let i=t.attributeName;if(i||(i=z.camelToDashCase(t.name)),t.type=="boolean"){if(e[0].hasAttribute(i)){let o=e[0].getAttribute(i);return o==""?!0:o}return!1}return e[0].getAttribute(i)}return null}getBinding(e,t){let i=n.getOrBuildCachedBindings(e[0]);return i!=null?t.propertyType==x.cssValue?i.find(r=>(r.target==R.css||r.target==R.cssvar)&&r.targetName==t.name):t.propertyType==x.attribute?i.find(r=>r.target==R.attribute&&r.targetName==t.name):t.propertyType==x.property?i.find(r=>(r.target==R.property||r.target==R.explicitProperty)&&r.targetName==t.name):i.find(r=>(r.target==R.property||r.target==R.explicitProperty||r.target==R.attribute)&&r.targetName==t.name):null}getUnsetValue(e,t){return t.propertyType==x.cssValue?e!=null&&e.length!==0&&e[0].nodeType==A.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 s of i.element.attributes)r+=s.name+'="'+s.value.replaceAll('"',"&quot;")+'" ';r+="></"+i.name+">";let o=pn(r,t[0].document);for(let s of[...i.element.childNodes])o.appendChild(s);o.style.pointerEvents="auto",i.node.insertAdjacentElement("beforebegin",o),i.node.parentNode&&i.node.parentNode.removeChild(i.node),i.replaceNode(o)}}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,o,s,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),o=t.service.getBinding(e,t);e[0].serviceContainer.config.openBindingsEditor(t,e,o,r)}}),t.service.isSet(e,t)==G.bound&&i.push({title:"clear binding",action:()=>{t.service.clearValue(e,t,"binding"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}})),i}}});var Y,ve=g(()=>{"use strict";(function(n){n[n.none=0]="none",n[n.full=1]="full",n[n.fullOnValueChange=2]="fullOnValueChange",n[n.fullOnClassChange=3]="fullOnClassChange"})(Y||(Y={}))});var mt,Ai=g(()=>{"use strict";Ie();ze();fe();ve();mt=class extends ne{getRefreshMode(e){return Y.fullOnClassChange}async getProperties(e){return this.isHandledElement(e)&&e.element?.constructor?.properties?this.parseProperties(e.element.constructor.properties):null}parseProperties(e){let t=[],i=Object.keys(e),r=Object.groupBy(i,o=>e[o].group??"");for(let o in r){let s={name:o,properties:[]};for(let a of r[o]){let l=e[a],c=l,h=null,p=null,d=!1,u=x.propertyAndAttribute;if(l.type&&(c=l.type,h=l.description,p=l.example,d=l.readonly,u=l.readonly?x.property:x.propertyAndAttribute),c===String){let m={name:a,type:"string",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Object){let m={name:a,type:"object",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Number){let m={name:a,type:"number",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Date){let m={name:a,type:"date",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Boolean){let m={name:a,type:"boolean",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(z.isTypescriptEnum(c)){let m={name:a,type:"enum",enumValues:z.getTypescriptEnumEntries(c),service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(typeof c=="string"){let m={name:a,type:c,service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else{let m={name:a,type:"string",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}}s.name==""?t.push(...s.properties):t.push(s)}return t}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}}});var mn,Ql=g(()=>{"use strict";Ai();mn=class extends mt{name="polymer";isHandledElement(e){return e.element.constructor.polymerElementVersion!=null}_notifyChangedProperty(e,t,i){e.element.set(t.name,i)}}});var fn,Zl=g(()=>{"use strict";Ai();fn=class extends mt{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 gn,ql=g(()=>{"use strict";fe();ve();ze();gn=class extends ne{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:x.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"placeholder",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"checked",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"valueAsDate",type:"string",service:this,propertyType:x.property},{name:"valueAsNumber",type:"string",service:this,propertyType:x.property}];textareaProperties=[{name:"value",type:"string",service:this,propertyType:x.property},{name:"placeholder",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"maxlength",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"cols",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"rows",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"resize",type:"list",values:["both","none","horizontal","vertical"],service:this,propertyType:x.cssValue}];selectProperties=[{name:"value",type:"string",service:this,propertyType:x.property},{name:"size",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"multiple",type:"boolean",service:this,propertyType:x.propertyAndAttribute}];buttonProperties=[{name:"type",type:"list",values:["button","submit","reset"],service:this,defaultValue:"button",propertyType:x.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:x.propertyAndAttribute}];anchorProperties=[{name:"href",type:"string",service:this,propertyType:x.propertyAndAttribute}];divProperties=[{name:"title",type:"string",service:this,propertyType:x.propertyAndAttribute}];imgProperties=[{name:"src",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"alt",type:"string",service:this,propertyType:x.propertyAndAttribute}];iframeProperties=[{name:"src",type:"string",service:this,propertyType:x.propertyAndAttribute}];formElementProperties=[{name:"autofocus",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"disabled",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"required",type:"boolean",service:this,propertyType:x.propertyAndAttribute}];meterProperties=[{name:"value",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"low",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"high",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"optimum",type:"number",service:this,propertyType:x.propertyAndAttribute}];name="native";getRefreshMode(e){return Y.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 et,Ti=g(()=>{"use strict";fe();ze();ve();et=class extends ne{getRefreshMode(e){return Y.none}commonProperties=[{name:"class",type:"string",service:this,attributeName:"class",propertyName:"className",propertyType:x.attribute},{name:"title",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"part",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"tabindex",type:"number",service:this,propertyType:x.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 yn,Jl=g(()=>{"use strict";Ti();fe();ve();yn=class extends et{rectProperties=[{name:"x",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"y",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"width",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"height",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"rx",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"ry",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute},{name:"fill",type:"color",defaultValue:"transparent",service:this,propertyType:x.attribute},{name:"fill-opacity",type:"number",defaultValue:"1",service:this,propertyType:x.attribute}];lineProperties=[{name:"x1",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"y1",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"x2",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"y2",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute}];ellipseProperties=[{name:"cx",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"cy",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"rx",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"ry",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute},{name:"fill",type:"color",defaultValue:"transparent",service:this,propertyType:x.attribute},{name:"fill-opacity",type:"number",defaultValue:"1",service:this,propertyType:x.attribute}];pathProperties=[{name:"d",type:"string",defaultValue:"",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute}];svgProperties=[{name:"width",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"height",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"viewBox",type:"string",service:this,propertyType:x.attribute}];defaultProperties=[{name:"stroke",type:"color",defaultValue:"currentcolor",service:this,propertyType:x.attribute},{name:"stroke-width",type:"svg-length",service:this,propertyType:x.attribute},{name:"stroke-opacity",type:"number",defaultValue:"1",service:this,propertyType:x.attribute},{name:"visibility",type:"list",values:["visible","hidden"],defaultValue:"visible",service:this,propertyType:x.attribute}];name="svg";getRefreshMode(e){return Y.fullOnClassChange}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){let t=null;if(!this.isHandledElement(e))return null;switch(e.element.localName){case"rect":t=[...this.rectProperties,...this.defaultProperties];break;case"line":t=[...this.lineProperties,...this.defaultProperties];break;case"ellipse":t=[...this.ellipseProperties,...this.defaultProperties];break;case"path":t=[...this.pathProperties,...this.defaultProperties];break;case"svg":t=this.svgProperties;break}if(e.element.localName=="line"||e.element.localName=="path"){let i=this.getAllMarkerIds(e);(i.length>0||e.hasAttribute("marker-start"))&&t.push({name:"marker-start",type:"string",values:i,service:this,propertyType:x.attribute}),(i.length>0||e.hasAttribute("marker-mid"))&&t.push({name:"marker-mid",type:"string",values:i,service:this,propertyType:x.attribute}),(i.length>0||e.hasAttribute("marker-end"))&&t.push({name:"marker-end",type:"string",values:i,service:this,propertyType:x.attribute})}return t}getAllMarkerIds(e){return[...e.element.ownerSVGElement.querySelectorAll("defs > marker")].map(o=>`url(#${o.id})`).filter(o=>!!o)}}});var Mi,ec=g(()=>{"use strict";Mi=class{constructor(e,t,i,r,o=!1,s=!1){this.title="Change Css Style "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r,this.newImportant=o,this.oldImportant=s}title;get affectedItems(){return[this.designItem]}undo(){return 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]="",[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.newValue,newValue:null}]):(this.designItem._withoutUndoSetStyle(this.name,this.oldValue,this.oldImportant),this.designItem.element.style.setProperty(this.name,this.oldValue,this.oldImportant?"important":""),[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.newValue,newValue:this.oldValue}])}do(){return 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]="",[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.oldValue,newValue:null}]):(this.designItem._withoutUndoSetStyle(this.name,this.newValue,this.newImportant),this.designItem.element.style.setProperty(this.name,this.newValue,this.newImportant?"important":""),[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.oldValue,newValue:this.newValue}])}designItem;name;newValue;oldValue;newImportant;oldImportant;mergeWith(e){return!1}}});var dr,tc=g(()=>{"use strict";dr=class n{constructor(e,t,i,r){this.title="Change Attribute "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){if(this.oldValue==null)return this.designItem._withoutUndoRemoveAttribute(this.name),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.newValue,newValue:null}];{let e=this.oldValue;return typeof this.oldValue!="string"&&(e=this.oldValue.toString()),this.designItem._withoutUndoSetAttribute(this.name,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.newValue,newValue:e}]}}do(){if(this.newValue==null)return this.designItem._withoutUndoRemoveAttribute(this.name),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.newValue,newValue:null}];{let e=this.newValue;return typeof this.newValue!="string"&&(e=this.newValue.toString()),this.designItem._withoutUndoSetAttribute(this.name,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.oldValue,newValue:e}]}}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var D,ot=g(()=>{"use strict";(function(n){n[n.Directly=0]="Directly",n[n.Permanent=1]="Permanent",n[n.Selection=2]="Selection",n[n.PrimarySelection=3]="PrimarySelection",n[n.PrimarySelectionContainer=4]="PrimarySelectionContainer",n[n.MouseOver=5]="MouseOver",n[n.OnlyOneItemSelected=6]="OnlyOneItemSelected",n[n.MultipleItemsSelected=7]="MultipleItemsSelected",n[n.ContainerDragOverAndCanBeEntered=8]="ContainerDragOverAndCanBeEntered",n[n.ContainerExternalDragOverAndCanBeEntered=9]="ContainerExternalDragOverAndCanBeEntered",n[n.ContainerDrag=10]="ContainerDrag",n[n.Doubleclick=11]="Doubleclick",n[n.Placement=12]="Placement",n[n.PrimarySelectionAndCanBeEntered=13]="PrimarySelectionAndCanBeEntered",n[n.PrimarySelectionContainerAndCanBeEntered=14]="PrimarySelectionContainerAndCanBeEntered",n[n.PrimarySelectionRefreshed=15]="PrimarySelectionRefreshed",n[n.ManualApplied=16]="ManualApplied"})(D||(D={}))});var ft,vn,_n,ic=g(()=>{"use strict";(function(n){n[n.Name=0]="Name",n[n.Value=1]="Value",n[n.InQuote=2]="InQuote"})(ft||(ft={}));vn=class{constructor(e,t,i){this.name=e.trim(),this.value=t.trim(),this.important=i}name;value;important},_n=class{entries=[];parse(e,t="'"){this.entries=[];let i="",r="",o=ft.Name;for(let s=0;s<e.length;s++){let a=e[s];if(o===ft.Name)a===":"?o=ft.Value:a===";"?i="":i+=a;else if(o===ft.Value)if(a===";"){let l=this.createEntry(i,r);this.entries.push(l),i="",r="",o=ft.Name}else a===t&&(o=ft.InQuote),r+=a;else o===ft.InQuote&&(a==="\\"?(r+=a,s++,a=e[s],r+=a):a===t?(r+=a,o=ft.Value):r+=a)}i.trim()!==""&&this.entries.push(this.createEntry(i,r))}createEntry(e,t){let i=t.match(/\s*!\s*important\s*$/i);return i?new vn(e,t.substring(0,i.index),!0):new vn(e,t,!1)}}});var Wt,rc=g(()=>{"use strict";Wt=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(){return this.oldParent?(this.oldParent._insertChildInternal(this.designItem,this.oldIndex),[{changeType:"moved",designItems:[this.designItem]}]):(this.designItem.parent._removeChildInternal(this.designItem),[{changeType:"removed",designItems:[this.designItem]}])}do(){return this.oldParent=this.designItem.parent,this.oldParent&&(this.oldIndex=this.designItem.parent.indexOf(this.designItem)),this.newParent._insertChildInternal(this.designItem,this.newIndex),[{changeType:this.oldParent?"moved":"added",designItems:[this.designItem]}]}designItem;newParent;newIndex;oldParent;oldIndex;newItem;mergeWith(e){return!1}}});var Li,xn=g(()=>{"use strict";Li=class{_textHolder="";indent=4;level=0;get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
+var kl=Object.defineProperty;var tg=Object.getOwnPropertyDescriptor;var ig=Object.getOwnPropertyNames;var rg=Object.prototype.hasOwnProperty;var g=(n,e)=>()=>(n&&(e=n(n=0)),e);var pu=(n,e)=>{for(var t in e)kl(n,t,{get:e[t],enumerable:!0})},ng=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of ig(e))!rg.call(n,r)&&r!==t&&kl(n,r,{get:()=>e[r],enumerable:!(i=tg(e,r))||i.enumerable});return n};var du=n=>ng(kl({},"__esModule",{value:!0}),n);import{BaseCustomWebComponentConstructorAppend as fg,css as gg,html as yg}from"@node-projects/base-custom-webcomponent";var Rl,zl,vg,ar,Fl=g(()=>{"use strict";Rl=436,zl={position:{top:"top",right:"right",bottom:"bottom",left:"left"},margin:{top:"margin-top",right:"margin-right",bottom:"margin-bottom",left:"margin-left"},border:{top:"border-top-width",right:"border-right-width",bottom:"border-bottom-width",left:"border-left-width"},padding:{top:"padding-top",right:"padding-right",bottom:"padding-bottom",left:"padding-left"},content:{width:"width",height:"height"}},vg={"border-top-width":"borderTopWidth","border-right-width":"borderRightWidth","border-bottom-width":"borderBottomWidth","border-left-width":"borderLeftWidth","margin-top":"marginTop","margin-right":"marginRight","margin-bottom":"marginBottom","margin-left":"marginLeft","padding-top":"paddingTop","padding-right":"paddingRight","padding-bottom":"paddingBottom","padding-left":"paddingLeft"},ar=class extends fg{static style=gg`:host{display:block;box-sizing:border-box;min-width:0;color:var(--wcd-property-grid-text-color,var(--property-grid-text-color,var(--wcd-color-text,#fff)));font:11px monospace;overflow:hidden}#box-model{display:grid;grid-template-columns:46px minmax(120px,1fr) 46px;grid-template-rows:22px minmax(29px,auto) minmax(58px,auto) minmax(29px,auto) 22px;grid-template-areas:". position-top ." "position-left margin position-right" "position-left margin position-right" "position-left margin position-right" ". position-bottom .";align-items:center;justify-items:center;width:100%;min-width:${Rl};padding:4px;transform-origin:top left}.ring{display:grid;grid-template-columns:42px minmax(56px,1fr) 42px;grid-template-rows:20px minmax(34px,auto) 20px;grid-template-areas:". top ." "left inner right" ". bottom .";align-items:center;justify-items:center;position:relative;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:116px;border:1px dashed rgba(0,0,0,.55)}#margin{grid-area:margin;background:var(--wcd-metrics-editor-margin-background,#f6c89f)}#border{grid-area:inner;background:var(--wcd-metrics-editor-border-background,#f7dd9c);border-style:solid;min-height:76px}#padding{grid-area:inner;background:var(--wcd-metrics-editor-padding-background,#c8d08f);min-height:38px}#content{grid-area:inner;display:grid;grid-template-columns:minmax(26px,1fr) auto minmax(26px,1fr);gap:4px;align-items:center;justify-items:center;width:100%;height:100%;min-height:24px;box-sizing:border-box;background:var(--wcd-metrics-editor-content-background,#8fb9c3);border:1px solid rgba(0,0,0,.65)}#content-label,#position-label{display:none}#border.box,#content.box{outline:2px solid rgba(0,0,0,.85);outline-offset:-2px}.label{position:absolute;top:2px;left:4px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;color:rgba(0,0,0,.72);font-size:10px;line-height:12px}input{width:38px;max-width:100%;min-width:0;height:17px;box-sizing:border-box;padding:0 2px;border:0;border-radius:0;background:0 0;color:rgba(0,0,0,.85);font:inherit;line-height:17px;text-align:center;outline:0}input:focus,input:hover{background:var(--wcd-metrics-editor-label-background,rgba(255,255,255,.72));box-shadow:0 0 0 1px rgba(0,0,0,.35)}input:disabled{opacity:.65}[data-side=top]{grid-area:top}[data-side=right]{grid-area:right}[data-side=bottom]{grid-area:bottom}[data-side=left]{grid-area:left}[data-area=position][data-side=top]{grid-area:position-top}[data-area=position][data-side=right]{grid-area:position-right}[data-area=position][data-side=bottom]{grid-area:position-bottom}[data-area=position][data-side=left]{grid-area:position-left}`;static template=yg`<div id="box-model"><span id="position-label" class="label" title="position">position</span> <input data-area="position" data-side="top" title="top" spellcheck="false"> <input data-area="position" data-side="right" title="right" spellcheck="false"> <input data-area="position" data-side="bottom" title="bottom" spellcheck="false"> <input data-area="position" data-side="left" title="left" spellcheck="false"><div id="margin" class="ring"><span class="label" title="margin">margin</span> <input data-area="margin" data-side="top" title="margin-top" spellcheck="false"> <input data-area="margin" data-side="right" title="margin-right" spellcheck="false"> <input data-area="margin" data-side="bottom" title="margin-bottom" spellcheck="false"> <input data-area="margin" data-side="left" title="margin-left" spellcheck="false"><div id="border" class="ring"><span class="label" title="border">border</span> <input data-area="border" data-side="top" title="border-top-width" spellcheck="false"> <input data-area="border" data-side="right" title="border-right-width" spellcheck="false"> <input data-area="border" data-side="bottom" title="border-bottom-width" spellcheck="false"> <input data-area="border" data-side="left" title="border-left-width" spellcheck="false"><div id="padding" class="ring"><span class="label" title="padding">padding</span> <input data-area="padding" data-side="top" title="padding-top" spellcheck="false"> <input data-area="padding" data-side="right" title="padding-right" spellcheck="false"> <input data-area="padding" data-side="bottom" title="padding-bottom" spellcheck="false"> <input data-area="padding" data-side="left" title="padding-left" spellcheck="false"><div id="content"><span id="content-label" class="label" title="content">content</span> <input data-area="content" data-side="width" title="width" spellcheck="false"> <span id="content-separator">x</span> <input data-area="content" data-side="height" title="height" spellcheck="false"></div></div></div></div></div>`;property;unsetValue="-";_borderDiv;_boxModelDiv;_contentDiv;_inputs=[];_values={};_isRefreshing=!1;_resizeObserver;constructor(){super(),this._restoreCachedInititalValues(),this._borderDiv=this._getDomElement("border"),this._boxModelDiv=this._getDomElement("box-model"),this._contentDiv=this._getDomElement("content"),this._inputs=[...this.shadowRoot.querySelectorAll("input[data-area][data-side]")]}ready(){this._parseAttributesToProperties(),this._wireEvents(),this._updateInputs(),requestAnimationFrame(()=>this._updateScale())}connectedCallback(){this._resizeObserver??=new ResizeObserver(()=>this._updateScale()),this._resizeObserver.observe(this),requestAnimationFrame(()=>this._updateScale())}disconnectedCallback(){this._resizeObserver?.disconnect()}get values(){return this._cloneValues(this._values)}set values(e){this._values=this._cloneValues(e??{}),this._updateInputs()}getPropertyName(e,t){return zl[e]?.[t]}refresh(e){if(this._contentDiv.classList.remove("box"),this._borderDiv.classList.remove("box"),!e){this.values={};return}let t=e.ownerDocument.defaultView.getComputedStyle(e),i={};for(let r of Object.keys(zl)){i[r]={};for(let o of Object.keys(zl[r])){let s=this.getPropertyName(r,o);i[r][o]=this._getComputedProperty(t,s,r)}}t.boxSizing=="content-box"?this._contentDiv.classList.add("box"):this._borderDiv.classList.add("box"),this.values=i,this._updateScale()}_wireEvents(){for(let e of this._inputs)e.addEventListener("focus",()=>e.select()),e.addEventListener("change",()=>this._commitInput(e)),e.addEventListener("keydown",t=>{t.key==="Enter"?(this._commitInput(e),e.blur()):t.key==="Escape"&&(this._updateInput(e),e.blur())})}_commitInput(e){if(this._isRefreshing)return;let t=e.dataset.area,i=e.dataset.side,r=this._values[t]?.[i]??"",o=e.value.trim();this._values[t]||(this._values[t]={}),this._values[t][i]=o,this._updateInput(e),r!==o&&this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,composed:!0,detail:{property:this.getPropertyName(t,i),area:t,side:i,newValue:o,oldValue:r}}))}_updateInputs(){this._isRefreshing=!0;try{for(let e of this._inputs)this._updateInput(e)}finally{this._isRefreshing=!1}}_updateInput(e){let t=e.dataset.area,i=e.dataset.side;e.value=this._values[t]?.[i]??this.unsetValue}_getComputedProperty(e,t,i){let r=vg[t]??t,o=e.getPropertyValue(t)||e[r];return i==="position"&&o==="auto"?this.unsetValue:o||this.unsetValue}_cloneValues(e){let t={};for(let i of Object.keys(e))t[i]={...e[i]};return t}_updateScale(){if(!this._boxModelDiv)return;let e=this.clientWidth;if(e<=0)return;let t=Math.min(1,e/Rl);this._boxModelDiv.style.width=t<1?Rl+"px":"100%",this._boxModelDiv.style.transform=t<1?`scale(${t})`:"",this.style.height=this._boxModelDiv.offsetHeight*t+"px"}};customElements.define("node-projects-metrics-editor",ar)});function ki(n){let e=n?.trim()??"";if(!e)return{kind:"empty"};let t=e.match(/^([+-]?(?:\d+(?:\.\d+)?|\.\d+))(?:([a-z%]+))?$/i);if(!t)return{kind:"text",text:e};let i=Number(t[1]);return Number.isNaN(i)?{kind:"text",text:e}:{kind:"numeric",numberText:t[1],value:i,unit:t[2]?.toLowerCase()??""}}function on(n,e=4){if(!Number.isFinite(n))return"0";let t=10**Math.max(0,e),i=Math.round(n*t)/t;return Object.is(i,-0)?"0":`${i}`}function Ii(n,e){let t=n?.trim()??"";return t?t+(e??""):""}function ku(n){return n===""?" ":n}function Iu(n){let e=(n??[]).map(t=>t==null?null:t.trim()).filter(t=>t!=null);return[...new Set(e)]}function Du(n,e,t){return n!=null&&t.includes(n)?n:e??t[0]??null}function Au(n,e,t){if(t!=null){let i=n?.[t];if(Number.isFinite(i)&&i>0)return i}return e}var Bl=g(()=>{"use strict"});import{BaseCustomWebComponentConstructorAppend as _g,css as xg,html as bg,TypedEvent as Hl}from"@node-projects/base-custom-webcomponent";var Wl,wg,lr,Gl=g(()=>{"use strict";Bl();Bl();Wl="__node-projects-custom-value__",wg="\u22EE",lr=class extends _g{static style=xg`:host{display:block;width:100%;min-width:0}#container{display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto 16px;width:100%;height:24px;align-items:stretch}#value-wrapper{display:grid;grid-template-columns:14px minmax(0,1fr);min-width:0}#input,#scrubber,#select,#stepper button{border:none;box-sizing:border-box;height:24px;min-height:24px;background:0 0;color:inherit;font:inherit;outline:0;box-shadow:none}#select option{color:var(--wcd-numeric-style-input-select-option-color,var(--numeric-style-input-select-option-color,#000))}#scrubber,#stepper button{padding:0;line-height:1}#scrubber{border-right:0;cursor:ns-resize;font-size:11px;letter-spacing:-1px}#input{border-left:0;border-right:0;min-width:0;text-align:right}#input:focus,#scrubber:focus,#select:focus,#stepper button:focus{outline:0;box-shadow:none;border-color:var(--wcd-input-border-color,var(--input-border-color,var(--wcd-color-border,#596c7a)))}#input[disabled],#scrubber[disabled]{cursor:default}#input[disabled]{color:inherit;opacity:1;-webkit-text-fill-color:currentColor}#select{border-left:0;padding:0 15px 0 2px;line-height:1;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 0l4 4 4-4z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 2px center}#measure{position:absolute;visibility:hidden;white-space:nowrap;font:inherit;pointer-events:none}#stepper{display:grid;height:24px;min-height:24px;overflow:hidden;grid-template-rows:repeat(2,minmax(0,1fr))}#stepper button{height:auto;min-height:0;width:16px;min-width:16px;font-size:10px}`;static template=bg`<div id="container"><div id="value-wrapper"><button id="scrubber" type="button" aria-label="Drag to change value">${wg}</button> <input id="input" type="text" spellcheck="false"></div><select id="select"></select><div id="stepper"><button id="increase" type="button" aria-label="Increase value">+</button> <button id="decrease" type="button" aria-label="Decrease value">-</button></div><span id="measure"></span></div>`;_value="";get value(){return this._value}set value(e){this._setValue(e,!1,!1)}valueChanged=new Hl;valuePreviewChanged=new Hl;valuePreviewFinished=new Hl;_units=["px","%","pt"];get units(){return[...this._units]}set units(e){this._units=this._normalizeOptionValues(e),this._lastNumericUnit=this._units[0]??this._lastNumericUnit,this._updateValue()}_fixedValues=[];get fixedValues(){return[...this._fixedValues]}set fixedValues(e){this._fixedValues=this._normalizeOptionValues(e),this._updateValue()}_step=1;get step(){return this._step}set step(e){this._step=Number.isFinite(e)&&e>0?e:1}_unitSteps={};get unitSteps(){return{...this._unitSteps}}set unitSteps(e){this._unitSteps=e??{}}_min=null;get min(){return this._min}set min(e){this._min=Number.isFinite(e)?e:null}_max=null;get max(){return this._max}set max(e){this._max=Number.isFinite(e)?e:null}_readOnly=!1;get readOnly(){return this._readOnly}set readOnly(e){this._readOnly=e,this._applyReadonlyState()}get isInPreview(){return this._previewStartValue!=null}_allowCustomValue=!0;get allowCustomValue(){return this._allowCustomValue}set allowCustomValue(e){this._allowCustomValue=e,this._updateValue()}_unitValueConverter;get unitValueConverter(){return this._unitValueConverter}set unitValueConverter(e){this._unitValueConverter=e}_input;_select;_measure;_scrubberButton;_increaseButton;_decreaseButton;_lastNumericValue=0;_lastNumericUnit="px";_dragPointerId=null;_dragStartY=0;_dragStartNumericValue=0;_appliedDragSteps=0;_previewStartValue=null;_previewChanged=!1;_displayValueLock=null;_stepperPointerId=null;_stepperDirection=0;_stepperRepeatTimeout=null;_stepperRepeatInterval=null;_windowDragPointerMoveHandler=e=>this._handleWindowDragPointerMove(e);_windowDragPointerUpHandler=e=>this._finishDragInteractionForPointerEvent(e,!1);_windowDragPointerCancelHandler=e=>this._finishDragInteractionForPointerEvent(e,!0);_windowDragBlurHandler=()=>this._finishDragInteraction(!1);_windowPointerUpHandler=e=>this._handleWindowStepperPointerEnd(e);_windowPointerCancelHandler=e=>this._handleWindowStepperPointerEnd(e);_windowBlurHandler=()=>this._finishStepperInteraction(!1);_preferCustomMode=!1;constructor(){super(),this._restoreCachedInititalValues(),this._input=this._getDomElement("input"),this._select=this._getDomElement("select"),this._measure=this._getDomElement("measure"),this._scrubberButton=this._getDomElement("scrubber"),this._increaseButton=this._getDomElement("increase"),this._decreaseButton=this._getDomElement("decrease")}ready(){this._parseAttributesToProperties(),this._wireEvents(),this._updateValue()}_wireEvents(){this._input.addEventListener("change",()=>this._applyTypedValue()),this._input.addEventListener("keydown",e=>{e.key==="Enter"&&(this._applyTypedValue(),this._input.blur())}),this._scrubberButton.addEventListener("pointerdown",e=>this._handlePointerDown(e)),this._select.addEventListener("change",()=>this._applySelectedMode()),this._increaseButton.addEventListener("pointerdown",e=>this._handleStepperPointerDown(e,1)),this._decreaseButton.addEventListener("pointerdown",e=>this._handleStepperPointerDown(e,-1))}_handlePointerDown(e){if(!this._readOnly&&!(!this._isSelectedUnitMode()&&!this._switchToUnitModeForInteraction())){this._dragPointerId=e.pointerId,this._dragStartY=e.clientY,this._dragStartNumericValue=this._readEditableNumericValue(this._select.value),this._appliedDragSteps=0,this._startPreviewSession(),this._attachDragWindowListeners();try{this._scrubberButton.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}}_handleWindowDragPointerMove(e){if(this._dragPointerId!==e.pointerId||!this._isSelectedUnitMode())return;let t=this._calculateDraggedStepCount(this._dragStartY-e.clientY);if(t===this._appliedDragSteps)return;this._appliedDragSteps=t;let i=this._select.value,r=this._getEffectiveStep(i);this._previewNumericValue(this._getInteractiveStepValue(this._dragStartNumericValue,t,r),i,r),e.preventDefault()}_finishDragInteractionForPointerEvent(e,t){this._dragPointerId===e.pointerId&&this._finishDragInteraction(t,e.pointerId)}_finishDragInteraction(e,t){if(this._dragPointerId!=null){if(this._dragPointerId=null,this._appliedDragSteps=0,this._detachDragWindowListeners(),t!=null)try{this._scrubberButton.hasPointerCapture(t)&&this._scrubberButton.releasePointerCapture(t)}catch{}this._finishPreviewSession(e)}}_handleStepperPointerDown(e,t){this._readOnly||!this._isSelectedUnitMode()&&!this._switchToUnitModeForInteraction()||(this._finishStepperInteraction(!0),this._stepperPointerId=e.pointerId,this._stepperDirection=t,this._attachStepperWindowListeners(),this._startPreviewSession(),this._applyStepPreview(t),this._stepperRepeatTimeout=window.setTimeout(()=>{this._stepperRepeatInterval=window.setInterval(()=>this._applyStepPreview(this._stepperDirection),50)},350),e.preventDefault())}_handleWindowStepperPointerEnd(e){this._stepperPointerId===e.pointerId&&this._finishStepperInteraction(!1)}_finishStepperInteraction(e){this._stepperPointerId!=null&&(this._stepperPointerId=null,this._stepperDirection=0,this._detachStepperWindowListeners(),this._stopStepperRepeat(),this._finishPreviewSession(e))}_applySelectedMode(){let e=this._select.selectedOptions.item(0);if(!e)return;let t=e.dataset.kind;if(t==="fixed"){this._commitValue(e.value);return}if(t==="custom"){this._preferCustomMode=!0,this._updateValue(),requestAnimationFrame(()=>{this._input.focus(),this._input.select()});return}let i=e.value;this._lastNumericUnit=i,this._preferCustomMode=!1;let r=ki(this._value);if(r.kind==="numeric"){let a=this._convertNumericValue(r,i);this._commitValue(a);return}let o=this._resolveCurrentValueForUnit(i);if(o!=null){this._commitValue(o);return}if(r.kind==="empty"){this._updateValue(),this._input.focus();return}let s=Number(this._input.value);if(!Number.isNaN(s)){this._applyNumericValue(s,i);return}this._commitValue(""),this._input.focus()}_applyTypedValue(){let e=this._select.selectedOptions.item(0),t=e?.dataset.kind;if(t==="fixed")return;if(t==="custom"){this._commitValue(this._input.value);return}let i=this._input.value?.trim()??"";if(!i){this._commitValue("");return}let r=Number(i);Number.isNaN(r)||(this._lastNumericValue=this._clampNumericValue(r)),this._commitValue(Ii(i,e?.value??""))}_updateValue(){if(!this._input||!this._select)return;this._previewStartValue==null&&this._renderSelectOptions();let e=this._getDisplayState(this._displayValueLock??this._value);if(this._input.value=e.inputValue,this._input.style.display=e.inputVisible?"":"none",this._input.disabled=this._readOnly||!e.inputEnabled,this._select.value=e.selectValue,this._autoSizeSelect(),e.mode==="unit"&&e.selectedUnit!=null&&(this._lastNumericUnit=e.selectedUnit),e.mode==="unit"&&e.inputValue!==""){let r=Number(e.inputValue);Number.isNaN(r)||(this._lastNumericValue=this._clampNumericValue(r))}let t=this._units.length>0,i=this._readOnly||!t||e.mode==="custom";this._scrubberButton.disabled=i,this._increaseButton.disabled=i,this._decreaseButton.disabled=i,this._applyReadonlyState()}_getDisplayState(e){let t=ki(e);if(t.kind==="numeric"){if(this._preferCustomMode)return this._createCustomDisplayState(t.numberText);if(t.unit&&this._units.length&&!this._units.includes(t.unit))return this._createCustomDisplayState(e);let r=Du(t.unit,this._lastNumericUnit,this._units)??"";return{mode:"unit",inputValue:t.numberText,inputVisible:!0,inputEnabled:!0,selectValue:this._units.includes(r)?r:this._select.value||Wl,selectedUnit:r}}if(t.kind==="text")return!this._preferCustomMode&&this._fixedValues.includes(t.text)?{mode:"fixed",inputValue:"",inputVisible:!0,inputEnabled:!1,selectValue:t.text}:this._createCustomDisplayState(t.text);if(this._preferCustomMode)return this._createCustomDisplayState("");let i=this._lastNumericUnit??this._units[0]??"";return this._units.includes(i)?{mode:"unit",inputValue:"",inputVisible:!0,inputEnabled:!0,selectValue:i,selectedUnit:i}:this._createCustomDisplayState("")}_createCustomDisplayState(e){return!this._allowCustomValue&&this._units.length?{mode:"unit",inputValue:e,inputVisible:!0,inputEnabled:!0,selectValue:this._units[0],selectedUnit:this._units[0]}:{mode:"custom",inputValue:e,inputVisible:!0,inputEnabled:!0,selectValue:Wl}}_renderSelectOptions(){let e=this._select.value;if(this._select.replaceChildren(),this._units.length){let t=document.createElement("optgroup");t.label="Units";for(let i of this._units)t.appendChild(this._createOption(ku(i),i,"unit"));this._select.appendChild(t)}if(this._fixedValues.length){let t=document.createElement("optgroup");t.label="Values";for(let i of this._fixedValues)t.appendChild(this._createOption(i,i,"fixed"));this._select.appendChild(t)}(this._allowCustomValue||this._select.options.length===0)&&this._select.appendChild(this._createOption("custom",Wl,"custom")),e!==""?this._select.value=e:this._select.querySelector('option[value=""]')&&(this._select.value="")}_createOption(e,t,i){let r=document.createElement("option");return r.text=e,r.value=t,r.dataset.kind=i,r}_autoSizeSelect(){if(!this._measure||!this._select)return;let e=this._select.selectedOptions.item(0);this._measure.textContent=e?.text??"";let t=this._measure.offsetWidth;t>0?this._select.style.width=t+17+"px":requestAnimationFrame(()=>this._autoSizeSelect())}_applyReadonlyState(){!this._input||!this._select||(this._input.readOnly=this._readOnly,this._select.disabled=this._readOnly)}_convertNumericValue(e,t){if(t==null)return this._value;let i=e.unit;return this._unitValueConverter?.({value:e.value,numberText:e.numberText,rawValue:this._value,fromUnit:i,toUnit:t})??Ii(e.numberText,t)}_resolveCurrentValueForUnit(e){if(e==null)return null;let t=this._unitValueConverter?.({value:Number.NaN,numberText:"",rawValue:this._value,fromUnit:"",toUnit:e})?.trim();return t||null}_readEditableNumericValue(e){let t=ki(this._value);if(t.kind==="numeric"){let i=this._convertNumericValue(t,e),r=ki(i);return r.kind==="numeric"?r.value:t.value}if(this._input.value?.trim()){let i=Number(this._input.value);if(!Number.isNaN(i))return i}return this._lastNumericValue}_applyNumericValue(e,t){this._lastNumericValue=this._clampNumericValue(e),this._lastNumericUnit=t,this._commitValue(Ii(on(this._lastNumericValue),t))}_previewNumericValue(e,t,i){this._lastNumericValue=this._clampNumericValue(e),this._lastNumericUnit=t;let r=i??this._getEffectiveStep(t);this._setValue(Ii(this._formatInteractiveNumericValue(this._lastNumericValue,r),t),!1,!0)}_commitValue(e){this._setValue(e,!0,!1)}_setValue(e,t,i){let r=e??"";if(!t&&!i&&this._previewStartValue!=null)return;let o=this._value;this._value=r,i?this._displayValueLock=r:this._displayValueLock!=null&&(r===this._displayValueLock||r!==o)&&(this._displayValueLock=null),this._preferCustomMode=!1,this._updateValue(),o!==r&&(i&&(this._previewChanged=!0,this.valuePreviewChanged.emit({newValue:r,oldValue:o})),t&&this.valueChanged.emit({newValue:r,oldValue:o}))}_startPreviewSession(){this._previewStartValue==null&&(this._previewStartValue=this._value,this._previewChanged=!1)}_finishPreviewSession(e){if(this._previewStartValue==null)return;let t=this._previewStartValue,i=this._displayValueLock??this._value,r=this._previewChanged&&t!==i,o=e||!r;this._previewStartValue=null,this._previewChanged=!1,o?(this._displayValueLock=null,this._value=t,this._updateValue()):(this._displayValueLock=i,this._updateValue()),this.valuePreviewFinished.emit({newValue:i,oldValue:t,wasCancelled:o})}_applyStepPreview(e){let t=this._select.value,i=this._getEffectiveStep(t);this._previewNumericValue(this._getInteractiveStepValue(this._readEditableNumericValue(t),e,i),t,i)}_stopStepperRepeat(){this._stepperRepeatTimeout!=null&&(window.clearTimeout(this._stepperRepeatTimeout),this._stepperRepeatTimeout=null),this._stepperRepeatInterval!=null&&(window.clearInterval(this._stepperRepeatInterval),this._stepperRepeatInterval=null)}_attachStepperWindowListeners(){window.addEventListener("pointerup",this._windowPointerUpHandler,!0),window.addEventListener("pointercancel",this._windowPointerCancelHandler,!0),window.addEventListener("blur",this._windowBlurHandler)}_attachDragWindowListeners(){window.addEventListener("pointermove",this._windowDragPointerMoveHandler,!0),window.addEventListener("pointerup",this._windowDragPointerUpHandler,!0),window.addEventListener("pointercancel",this._windowDragPointerCancelHandler,!0),window.addEventListener("blur",this._windowDragBlurHandler)}_detachStepperWindowListeners(){window.removeEventListener("pointerup",this._windowPointerUpHandler,!0),window.removeEventListener("pointercancel",this._windowPointerCancelHandler,!0),window.removeEventListener("blur",this._windowBlurHandler)}_detachDragWindowListeners(){window.removeEventListener("pointermove",this._windowDragPointerMoveHandler,!0),window.removeEventListener("pointerup",this._windowDragPointerUpHandler,!0),window.removeEventListener("pointercancel",this._windowDragPointerCancelHandler,!0),window.removeEventListener("blur",this._windowDragBlurHandler)}_calculateDraggedStepCount(e){let t=Math.abs(e),i=Math.min(t,20)/5,r=Math.max(Math.min(t-20,40),0)/3,o=Math.max(t-60,0)/2,s=Math.trunc(i+r+o);return Math.sign(e)*s}_getEffectiveStep(e){return Au(this._unitSteps,this._step,e)}_getInteractiveStepValue(e,t,i){let r=i??this._step,o=this._clampNumericValue(e);if(!Number.isFinite(o)||!Number.isFinite(t)||t===0)return o;let s=this._min??0,a=(o-s)/r,l=Math.round(a),c=Math.abs(a-l)<1e-9,h;t>0?h=(c?l+1:Math.ceil(a))+t-1:h=(c?l-1:Math.floor(a))+t+1;let p=s+h*r;return this._clampNumericValue(this._roundToStepPrecision(p,r))}_formatInteractiveNumericValue(e,t){let i=t??this._step;return on(this._roundToStepPrecision(e,i),this._getStepPrecision(i))}_roundToStepPrecision(e,t){let r=10**this._getStepPrecision(t);return Math.round(e*r)/r}_getStepPrecision(e){let t=`${e??this._step}`.toLowerCase();if(t.includes("e-")){let[r,o]=t.split("e-"),s=Number(o),a=r.includes(".")?r.length-r.indexOf(".")-1:0;return s+a}let i=t.indexOf(".");return i>=0?t.length-i-1:0}_switchToUnitModeForInteraction(){let e=this._lastNumericUnit??this._units[0];if(e==null)return!1;this._preferCustomMode=!1;let t=this._resolveCurrentValueForUnit(e);return t!=null?(this._commitValue(t),this._isSelectedUnitMode()):(this._applyNumericValue(this._lastNumericValue,e),this._isSelectedUnitMode())}_isSelectedUnitMode(){return this._select.selectedOptions.item(0)?.dataset.kind==="unit"}_normalizeOptionValues(e){return Iu(e)}_clampNumericValue(e){let t=e;return this._min!=null&&(t=Math.max(this._min,t)),this._max!=null&&(t=Math.min(this._max,t)),t}};customElements.define("node-projects-numeric-style-input",lr)});import{TypedEvent as Ag}from"@node-projects/base-custom-webcomponent";var Di,ln=g(()=>{"use strict";Di=class{_services=new Map;servicesChanged=new Ag;getLastService(e){let t=this._services.get(e);return t&&t.length?t[t.length-1]:null}getServices(e){return this._services.get(e)}register(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).push(t),this.servicesChanged.emit({serviceName:e})}registerLast(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).unshift(t),this.servicesChanged.emit({serviceName:e})}registerMultiple(e,t){for(let i of e)this._services.has(i)||this._services.set(i,[]),this._services.get(i).push(t),this.servicesChanged.emit({serviceName:i})}forSomeServicesTillResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r],s=t(o);if(s!=null)return s}return null}getLastServiceWhere(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r];if(t(o))return o}return null}getLastServiceResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r],s=t(o);if(s)return s}return null}async getLastServiceWhereAsync(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let o=i[r];if(await t(o))return o}return null}}});import{BaseCustomWebComponentLazyAppend as Tg,css as Mg}from"@node-projects/base-custom-webcomponent";var cr,Ul=g(()=>{"use strict";cr=class extends Tg{_placeholder;_loading;static style=Mg`:host{display:block;overflow:hidden;background:var(--wcd-demo-view-background,#fff);height:100%;width:100%;position:relative}#placeholder{position:absolute;left:24px;height:100%;width:calc(100% - 24px)}#loading{position:absolute;top:60px;left:20px}#left{position:absolute;left:0;top:0;height:100%;width:24px;border-right:solid var(--wcd-demo-view-toolbar-border-color,#fff) 1px;box-sizing:border-box;background:var(--wcd-demo-view-toolbar-background,#000)}span{color:var(--wcd-color-text,#fff);rotate:270deg;display:block;position:absolute;top:35px;left:-38px;font-weight:600;font-family:monospace;font-size:24px}`;constructor(){super(),this._placeholder=document.createElement("div"),this._placeholder.id="placeholder",this._placeholder.style.transform="scale(1)",this.shadowRoot.appendChild(this._placeholder),this._loading=document.createElement("div"),this._loading.id="loading",this._loading.textContent="\u{1F6C0} Hold on, loading...",this.shadowRoot.appendChild(this._loading);let e=document.createElement("div");e.id="left";let t=document.createElement("span");t.innerText="PREVIEW",e.appendChild(t),this.shadowRoot.appendChild(e)}dispose(){}executeCommand;canExecuteCommand;async display(e,t,i,r){this._loading.hidden=!1,await e.demoProviderService.provideDemo(this._placeholder,e,t,i,r),this._loading.hidden=!0}};customElements.define("node-projects-demo-view",cr)});import{PropertyChangedArgs as cn,TypedEvent as hr}from"@node-projects/base-custom-webcomponent";var hn,Mu=g(()=>{"use strict";hn=class{_serviceContainer;_tool;_strokeColor="black";_strokeThickness="3";_fillBrush="none";constructor(e){this._serviceContainer=e}set tool(e){if(this._tool!==e){let t=this._tool;t&&t.dispose(),this._tool=e;let i=null;for(let r of this._serviceContainer.designerTools)r[1]==e&&(i=r[0]);this.onToolChanged.emit(new cn({name:i,tool:e},{name:null,tool:t})),this._tool&&this._tool.activated(this._serviceContainer)}}get tool(){return this._tool}onToolChanged=new hr;finishedWithTool=()=>this.tool=null;set strokeColor(e){if(this._strokeColor!==e){let t=this._strokeColor;this._strokeColor=e,this.onStrokeColorChanged.emit(new cn(e,t))}}get strokeColor(){return this._strokeColor}onStrokeColorChanged=new hr;set strokeThickness(e){if(this._strokeThickness!==e){let t=this._strokeThickness;this._strokeThickness=e,this.onStrokeThicknessChanged.emit(new cn(e,t))}}get strokeThickness(){return this._strokeThickness}onStrokeThicknessChanged=new hr;set fillBrush(e){if(this._fillBrush=e,this._fillBrush!==e){let t=this._fillBrush;this._fillBrush=e,this.onFillBrushChanged.emit(new cn(e,t))}}get fillBrush(){return this._fillBrush}onFillBrushChanged=new hr;showConfigClicked=new hr}});import{BaseCustomWebComponentConstructorAppend as Lg,css as Og,html as Vg,TypedEvent as Ng}from"@node-projects/base-custom-webcomponent";var pr,Xl=g(()=>{"use strict";pr=class extends Lg{dispose(){}canvasElement;elementsToPackages;onTextChanged=new Ng;_text;static style=Og`:host{display:block;height:100%;width:100%}textarea{height:100%;width:100%;resize:none;white-space:nowrap;box-sizing:border-box}`;static template=Vg`<div id="container" style="width:100%;height:100%;position:absolute"><textarea id="text"></textarea></div>`;executeCommand(e){}canExecuteCommand(e){return!1}async ready(){this._text=this._getDomElement("text")}focusEditor(){requestAnimationFrame(()=>{this.focus(),this._text.focus()})}activated(){}update(e){this._text.value=e}getText(){return this._text.value}setSelection(e){this._text.setSelectionRange(e.start,e.start+e.length)}};customElements.define("node-projects-code-view-simple",pr)});var Rg,pn,$l=g(()=>{"use strict";ln();Ul();Mu();Xl();Rg=navigator.maxTouchPoints>0,pn=class extends Di{config={codeViewWidget:pr,demoViewWidget:cr};designerExtensions=new Map;sourceMapProviders=[];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 hn(this);options={zoomDesignerBackground:!0,roundPixelsToDecimalPlaces:0,resizerPixelSize:Rg?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 propertyEditorTypesServices(){return this.getServices("propertyEditorTypesService")}get htmlWriterService(){return this.getLastService("htmlWriterService")}get htmlParserService(){return this.getLastService("htmlParserService")}get renderedDesignItemServices(){return this.getServices("renderedDesignItemService")}get intializationService(){return this.getLastService("intializationService")}get elementAtPointService(){return this.getLastService("elementAtPointService")}get externalDragDropService(){return this.getLastService("externalDragDropService")}get copyPasteService(){return this.getLastService("copyPasteService")}get modelCommandService(){return this.getLastService("modelCommandService")}get demoProviderService(){return this.getLastService("demoProviderService")}get designItemService(){return this.getLastService("designItemService")}get configUiServices(){return this.getServices("configUiService")}get refactorServices(){return this.getServices("refactorService")}get deletionService(){return this.getLastService("deletionService")}get referencesChangedService(){return this.getLastService("referencesChangedService")}get miniatureViewService(){return this.getLastService("miniatureViewService")}get pngCreatorService(){return this.getLastService("pngCreatorService")}get searchService(){return this.getLastService("searchService")}get editorTypesServices(){return this.getServices("editorTypeService")}}});var z,Ie=g(()=>{"use strict";z=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 G,ut=g(()=>{"use strict";(function(n){n.none="none",n.all="all",n.some="some",n.bound="bound",n.fromStylesheet="fromStylesheet"})(G||(G={}))});var R,nt=g(()=>{"use strict";(function(n){n.explicitProperty="explicitProperty",n.property="property",n.attribute="attribute",n.class="class",n.css="css",n.cssvar="cssvar",n.event="event",n.content="content",n.visible="visible"})(R||(R={}))});var x,fe=g(()=>{"use strict";(function(n){n.property="property",n.attribute="attribute",n.propertyAndAttribute="propertyAndAttribute",n.cssValue="cssvalue",n.complex="complex",n.add="add"})(x||(x={}))});var A,ee=g(()=>{"use strict";(function(n){n[n.Element=1]="Element",n[n.Attribute=2]="Attribute",n[n.TextNode=3]="TextNode",n[n.Comment=8]="Comment",n[n.Document=9]="Document",n[n.DocumentFragment=11]="DocumentFragment"})(A||(A={}))});function dw(n){return n.getRootNode()?.host?.localName=="node-projects-designer-canvas"}function dn(n,e){return e.createRange().createContextualFragment(n,{includeShadowRoots:!0}).firstChild}function Lu(n,e){return n instanceof e||n instanceof(n.ownerDocument.defaultView??window)[e.name]}function Kl(n,...e){for(let t of e)if(n instanceof t||n instanceof(n.ownerDocument.defaultView??window)[t.name])return!0;return!1}function Bt(n){return n==null||Kl(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement,HTMLSelectElement,HTMLOptionElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function oi(n){return n==null||Kl(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement,HTMLSelectElement,HTMLOptionElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function Ou(n){if(Kl(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)||Lu(n,MathMLElement))return je.block;let e=(n.ownerDocument.defaultView??window).getComputedStyle(n).display;return e=="none"?je.none:e.startsWith("inline")?je.inline:je.block}function dr(n){return n.textContent.trim()==""&&n.textContent.indexOf("\xA0")<0}function uw(){let n=document.activeElement,e=null;for(;n!=e;)e=n,n.shadowRoot!=null&&n.shadowRoot.activeElement&&(n=n.shadowRoot.activeElement);return n}function mw(n){if(Lu(n,HTMLElement))return{x:n.offsetLeft,y:n.offsetTop};{let e=Z(n),t=Z(n.parentElement);return{x:e.x-t.x,y:e.y-t.y}}}function Z(n){let e=n.getBoundingClientRect();if(e.width==0&&e.height==0&&(n.ownerDocument.defaultView??window).getComputedStyle(n).display=="contents")if(n.shadowRoot)for(let i of n.shadowRoot.children){let r=Z(i);e=new DOMRect(Math.min(e.x,r.x),Math.min(e.y,r.y),Math.max(e.width,r.width),Math.max(e.height,r.height))}else for(let i of n.children){let r=Z(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 un(n){let e=(n.ownerDocument.defaultView??window).getComputedStyle(n).zoom;if(!e||e==="normal")return 1;if(e.endsWith("%")){let i=parseFloat(e);return Number.isFinite(i)&&i>0?i/100:1}let t=parseFloat(e);return Number.isFinite(t)&&t>0?t:1}function Vu(n){let e=parseInt(getComputedStyle(n).paddingLeft.replace("px",""))+parseInt(getComputedStyle(n).marginLeft.replace("px",""))+parseInt(getComputedStyle(n).borderLeft.replace("px",""))+parseInt(getComputedStyle(n).paddingRight.replace("px",""))+parseInt(getComputedStyle(n).marginRight.replace("px",""))+parseInt(getComputedStyle(n).borderRight.replace("px","")),t=parseInt(getComputedStyle(n).paddingTop.replace("px",""))+parseInt(getComputedStyle(n).marginTop.replace("px",""))+parseInt(getComputedStyle(n).borderTop.replace("px",""))+parseInt(getComputedStyle(n).paddingBottom.replace("px",""))+parseInt(getComputedStyle(n).marginBottom.replace("px",""))+parseInt(getComputedStyle(n).borderBottom.replace("px",""));return{x:e,y:t}}function si(n,e){let t={x:Number.MAX_VALUE,y:Number.MAX_VALUE},i={x:Number.MIN_VALUE,y:Number.MIN_VALUE},r;for(let o of n)o.nodeType==A.TextNode||o.nodeType==A.Comment||(r={x:e.getNormalizedElementCoordinates(o.element).x,y:e.getNormalizedElementCoordinates(o.element).y,width:e.getNormalizedElementCoordinates(o.element).width,height:e.getNormalizedElementCoordinates(o.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 je,de=g(()=>{"use strict";ee();(function(n){n[n.none=0]="none",n[n.inline=1]="inline",n[n.block=2]="block"})(je||(je={}))});function Ht(n){let e=n.match(/\s*!\s*important\s*$/i);return e?{value:n.substring(0,e.index).trimEnd(),important:!0}:{value:n,important:!1}}function Ye(n,e){return e?n+" !important":n}var Et=g(()=>{"use strict"});var ne,ze=g(()=>{"use strict";ut();Ie();nt();fe();ee();de();Et();ne=class n{constructor(e){this._recreateElementsOnPropertyChange=e}_recreateElementsOnPropertyChange=!1;static _stylesCache=new Map;_cssCacheClearTimer;static _bindingsCache=new Map;static _bindingsCacheClearTimer;_notifyChangedProperty(e,t,i){}async getProperty(e,t){let i=await this.getProperties(e);return"properties"in i[0]?i.flatMap(r=>r.properties).find(r=>r.name==t):i.find(r=>r.name==t)}async setValue(e,t,i){let r=e[0].openGroup("property changed: "+t.name+" to "+i);for(let o of e)if(this.isHandledElement(o)&&this.getProperty(o,t.name)){if(t.propertyType==x.cssValue){let s=typeof i=="string"?Ht(i):{value:i,important:!1};await o.updateStyleInSheetOrLocalAsync(t.propertyName??t.name,s.value,s.important),o.element.setAttribute("style",o.element.getAttribute("style"))}else{let s=t.attributeName;if(s||(s=z.camelToDashCase(t.name)),t.type==="object"){let a=JSON.stringify(i);t.propertyType==x.propertyAndAttribute?o.setPropertyAndAttribute(t.name,a):t.propertyType==x.attribute?o.setAttribute(s,a):t.propertyType==x.property&&o.setProperty(t.name,i)}else t.type=="boolean"&&(i===!1||i==null)?((t.propertyType==x.attribute||t.propertyType==x.propertyAndAttribute)&&o.removeAttribute(s),(t.propertyType==x.property||t.propertyType==x.propertyAndAttribute)&&o.setProperty(t.name,!1)):t.type=="boolean"&&i===!0?((t.propertyType==x.attribute||t.propertyType==x.propertyAndAttribute)&&o.setAttribute(s,""),(t.propertyType==x.property||t.propertyType==x.propertyAndAttribute)&&o.setProperty(t.name,!0)):t.propertyType==x.propertyAndAttribute?o.setPropertyAndAttribute(t.name,i):t.propertyType==x.attribute?o.setAttribute(s,i.toString()):t.propertyType==x.property&&o.setProperty(t.name,i)}this._notifyChangedProperty(o,t,i)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}getPropertyTarget(e,t){return t.propertyType==x.attribute?R.attribute:t.propertyType==x.cssValue?R.css:R.property}clearValue(e,t,i){let r=e[0].openGroup("property cleared: "+t.name);for(let o of e){if(i!="binding"){if(t.propertyType==x.cssValue)o.removeStyle(t.propertyName??t.name);else if((t.propertyType==x.property||t.propertyType==x.propertyAndAttribute)&&(o.element[t.propertyName??t.name]=null),t.propertyType==x.attribute||t.propertyType==x.propertyAndAttribute){let s=t.attributeName;s||(s=z.camelToDashCase(t.name)),o.removeAttribute(s)}}i!="value"&&o.serviceContainer.forSomeServicesTillResult("bindingService",s=>s.clearBinding(o,t.name,this.getPropertyTarget(o,t))),this._notifyChangedProperty(o,t,void 0)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){let o=t.attributeName;o||(o=z.camelToDashCase(t.name));for(let a of e){let l=!1;if(t.propertyType==x.cssValue?l=a.hasStyle(t.name):l=a.hasAttribute(o),i=i&&l,r=r||l,!i&&r)break}let s=n.getOrBuildCachedBindings(e[0]);if(t.propertyType==x.cssValue){if(s&&s.find(a=>(a.target==R.css||a.target==R.cssvar)&&a.targetName==t.name))return G.bound}else if(t.propertyType==x.attribute){if(s&&s.find(a=>a.target==R.attribute&&a.targetName==t.name))return G.bound}else if(t.propertyType==x.property){if(s&&s.find(a=>(a.target==R.property||a.target==R.explicitProperty)&&a.targetName==t.name))return G.bound}else if(s&&s.find(a=>(a.target==R.property||a.target==R.explicitProperty||a.target==R.attribute)&&a.targetName==t.name))return G.bound;if(!i&&t.propertyType==x.cssValue){let a=n._stylesCache.get(e[0]);if(a||(a=new Set(e[0].getAllStyles().filter(c=>c.selector!=null).flatMap(c=>c.declarations).map(c=>c.name)),n._stylesCache.set(e[0],a),clearTimeout(this._cssCacheClearTimer),this._cssCacheClearTimer=setTimeout(()=>n._stylesCache.clear(),30)),a.has(t.propertyName??t.name))return G.fromStylesheet}}else return G.none;return i?G.all:r?G.some:G.none}static getOrBuildCachedBindings(e){let t=n._bindingsCache.get(e);if(!t){let i=e.serviceContainer.getServices("bindingService");if(t=[],i)for(let r of i){let o=r.getBindings(e);o&&o.length>0&&t.push(...o)}n._bindingsCache.set(e,t),clearTimeout(this._bindingsCacheClearTimer),this._bindingsCacheClearTimer=setTimeout(()=>n._bindingsCache.clear(),30)}return t}getValue(e,t){if(e!=null&&e.length!==0)if(t.propertyType==x.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 typeof i=="string"?Ye(i,e[0].isStyleImportant(t.propertyName??t.name)):i}else if(t.propertyType==x.property){let i=t.propertyName;return i||(i=z.dashToCamelCase(t.name)),e[0].element[i]}else{let i=t.attributeName;if(i||(i=z.camelToDashCase(t.name)),t.type=="boolean"){if(e[0].hasAttribute(i)){let o=e[0].getAttribute(i);return o==""?!0:o}return!1}return e[0].getAttribute(i)}return null}getBinding(e,t){let i=n.getOrBuildCachedBindings(e[0]);return i!=null?t.propertyType==x.cssValue?i.find(r=>(r.target==R.css||r.target==R.cssvar)&&r.targetName==t.name):t.propertyType==x.attribute?i.find(r=>r.target==R.attribute&&r.targetName==t.name):t.propertyType==x.property?i.find(r=>(r.target==R.property||r.target==R.explicitProperty)&&r.targetName==t.name):i.find(r=>(r.target==R.property||r.target==R.explicitProperty||r.target==R.attribute)&&r.targetName==t.name):null}getUnsetValue(e,t){return t.propertyType==x.cssValue?e!=null&&e.length!==0&&e[0].nodeType==A.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 s of i.element.attributes)r+=s.name+'="'+s.value.replaceAll('"',"&quot;")+'" ';r+="></"+i.name+">";let o=dn(r,t[0].document);for(let s of[...i.element.childNodes])o.appendChild(s);o.style.pointerEvents="auto",i.node.insertAdjacentElement("beforebegin",o),i.node.parentNode&&i.node.parentNode.removeChild(i.node),i.replaceNode(o)}}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,o,s,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),o=t.service.getBinding(e,t);e[0].serviceContainer.config.openBindingsEditor(t,e,o,r)}}),t.service.isSet(e,t)==G.bound&&i.push({title:"clear binding",action:()=>{t.service.clearValue(e,t,"binding"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}})),i}}});var Y,ve=g(()=>{"use strict";(function(n){n[n.none=0]="none",n[n.full=1]="full",n[n.fullOnValueChange=2]="fullOnValueChange",n[n.fullOnClassChange=3]="fullOnClassChange"})(Y||(Y={}))});var mt,Ai=g(()=>{"use strict";Ie();ze();fe();ve();mt=class extends ne{getRefreshMode(e){return Y.fullOnClassChange}async getProperties(e){return this.isHandledElement(e)&&e.element?.constructor?.properties?this.parseProperties(e.element.constructor.properties):null}parseProperties(e){let t=[],i=Object.keys(e),r=Object.groupBy(i,o=>e[o].group??"");for(let o in r){let s={name:o,properties:[]};for(let a of r[o]){let l=e[a],c=l,h=null,p=null,d=!1,u=x.propertyAndAttribute;if(l.type&&(c=l.type,h=l.description,p=l.example,d=l.readonly,u=l.readonly?x.property:x.propertyAndAttribute),c===String){let m={name:a,type:"string",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Object){let m={name:a,type:"object",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Number){let m={name:a,type:"number",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Date){let m={name:a,type:"date",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(c===Boolean){let m={name:a,type:"boolean",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(z.isTypescriptEnum(c)){let m={name:a,type:"enum",enumValues:z.getTypescriptEnumEntries(c),service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else if(typeof c=="string"){let m={name:a,type:c,service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}else{let m={name:a,type:"string",service:this,propertyType:u,description:h,example:p,readonly:d};s.properties.push(m)}}s.name==""?t.push(...s.properties):t.push(s)}return t}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}}});var mn,Ql=g(()=>{"use strict";Ai();mn=class extends mt{name="polymer";isHandledElement(e){return e.element.constructor.polymerElementVersion!=null}_notifyChangedProperty(e,t,i){e.element.set(t.name,i)}}});var fn,Zl=g(()=>{"use strict";Ai();fn=class extends mt{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 gn,ql=g(()=>{"use strict";fe();ve();ze();gn=class extends ne{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:x.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"placeholder",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"checked",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"valueAsDate",type:"string",service:this,propertyType:x.property},{name:"valueAsNumber",type:"string",service:this,propertyType:x.property}];textareaProperties=[{name:"value",type:"string",service:this,propertyType:x.property},{name:"placeholder",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"maxlength",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"cols",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"rows",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"resize",type:"list",values:["both","none","horizontal","vertical"],service:this,propertyType:x.cssValue}];selectProperties=[{name:"value",type:"string",service:this,propertyType:x.property},{name:"size",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"multiple",type:"boolean",service:this,propertyType:x.propertyAndAttribute}];buttonProperties=[{name:"type",type:"list",values:["button","submit","reset"],service:this,defaultValue:"button",propertyType:x.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:x.propertyAndAttribute}];anchorProperties=[{name:"href",type:"string",service:this,propertyType:x.propertyAndAttribute}];divProperties=[{name:"title",type:"string",service:this,propertyType:x.propertyAndAttribute}];imgProperties=[{name:"src",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"alt",type:"string",service:this,propertyType:x.propertyAndAttribute}];iframeProperties=[{name:"src",type:"string",service:this,propertyType:x.propertyAndAttribute}];formElementProperties=[{name:"autofocus",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"disabled",type:"boolean",service:this,propertyType:x.propertyAndAttribute},{name:"required",type:"boolean",service:this,propertyType:x.propertyAndAttribute}];meterProperties=[{name:"value",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"low",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"high",type:"number",service:this,propertyType:x.propertyAndAttribute},{name:"optimum",type:"number",service:this,propertyType:x.propertyAndAttribute}];name="native";getRefreshMode(e){return Y.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 et,Ti=g(()=>{"use strict";fe();ze();ve();et=class extends ne{getRefreshMode(e){return Y.none}commonProperties=[{name:"class",type:"string",service:this,attributeName:"class",propertyName:"className",propertyType:x.attribute},{name:"title",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"part",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"tabindex",type:"number",service:this,propertyType:x.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 yn,Jl=g(()=>{"use strict";Ti();fe();ve();yn=class extends et{rectProperties=[{name:"x",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"y",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"width",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"height",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"rx",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"ry",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute},{name:"fill",type:"color",defaultValue:"transparent",service:this,propertyType:x.attribute},{name:"fill-opacity",type:"number",defaultValue:"1",service:this,propertyType:x.attribute}];lineProperties=[{name:"x1",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"y1",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"x2",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"y2",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute}];ellipseProperties=[{name:"cx",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"cy",type:"svg-length",defaultValue:"0",service:this,propertyType:x.attribute},{name:"rx",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"ry",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute},{name:"fill",type:"color",defaultValue:"transparent",service:this,propertyType:x.attribute},{name:"fill-opacity",type:"number",defaultValue:"1",service:this,propertyType:x.attribute}];pathProperties=[{name:"d",type:"string",defaultValue:"",service:this,propertyType:x.attribute},{name:"pathLength",type:"svg-length",service:this,propertyType:x.attribute}];svgProperties=[{name:"width",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"height",type:"svg-length",defaultValue:"auto",service:this,propertyType:x.attribute},{name:"viewBox",type:"string",service:this,propertyType:x.attribute}];defaultProperties=[{name:"stroke",type:"color",defaultValue:"currentcolor",service:this,propertyType:x.attribute},{name:"stroke-width",type:"svg-length",service:this,propertyType:x.attribute},{name:"stroke-opacity",type:"number",defaultValue:"1",service:this,propertyType:x.attribute},{name:"visibility",type:"list",values:["visible","hidden"],defaultValue:"visible",service:this,propertyType:x.attribute}];name="svg";getRefreshMode(e){return Y.fullOnClassChange}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){let t=null;if(!this.isHandledElement(e))return null;switch(e.element.localName){case"rect":t=[...this.rectProperties,...this.defaultProperties];break;case"line":t=[...this.lineProperties,...this.defaultProperties];break;case"ellipse":t=[...this.ellipseProperties,...this.defaultProperties];break;case"path":t=[...this.pathProperties,...this.defaultProperties];break;case"svg":t=this.svgProperties;break}if(e.element.localName=="line"||e.element.localName=="path"){let i=this.getAllMarkerIds(e);(i.length>0||e.hasAttribute("marker-start"))&&t.push({name:"marker-start",type:"string",values:i,service:this,propertyType:x.attribute}),(i.length>0||e.hasAttribute("marker-mid"))&&t.push({name:"marker-mid",type:"string",values:i,service:this,propertyType:x.attribute}),(i.length>0||e.hasAttribute("marker-end"))&&t.push({name:"marker-end",type:"string",values:i,service:this,propertyType:x.attribute})}return t}getAllMarkerIds(e){return[...e.element.ownerSVGElement.querySelectorAll("defs > marker")].map(o=>`url(#${o.id})`).filter(o=>!!o)}}});var Mi,ec=g(()=>{"use strict";Mi=class{constructor(e,t,i,r,o=!1,s=!1){this.title="Change Css Style "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r,this.newImportant=o,this.oldImportant=s}title;get affectedItems(){return[this.designItem]}undo(){return 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]="",[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.newValue,newValue:null}]):(this.designItem._withoutUndoSetStyle(this.name,this.oldValue,this.oldImportant),this.designItem.element.style.setProperty(this.name,this.oldValue,this.oldImportant?"important":""),[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.newValue,newValue:this.oldValue}])}do(){return 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]="",[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.oldValue,newValue:null}]):(this.designItem._withoutUndoSetStyle(this.name,this.newValue,this.newImportant),this.designItem.element.style.setProperty(this.name,this.newValue,this.newImportant?"important":""),[{changeType:"changed",designItems:this.affectedItems,type:"css",name:this.name,oldValue:this.oldValue,newValue:this.newValue}])}designItem;name;newValue;oldValue;newImportant;oldImportant;mergeWith(e){return!1}}});var ur,tc=g(()=>{"use strict";ur=class n{constructor(e,t,i,r){this.title="Change Attribute "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){if(this.oldValue==null)return this.designItem._withoutUndoRemoveAttribute(this.name),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.newValue,newValue:null}];{let e=this.oldValue;return typeof this.oldValue!="string"&&(e=this.oldValue.toString()),this.designItem._withoutUndoSetAttribute(this.name,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.newValue,newValue:e}]}}do(){if(this.newValue==null)return this.designItem._withoutUndoRemoveAttribute(this.name),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.newValue,newValue:null}];{let e=this.newValue;return typeof this.newValue!="string"&&(e=this.newValue.toString()),this.designItem._withoutUndoSetAttribute(this.name,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.name,oldValue:this.oldValue,newValue:e}]}}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var D,ot=g(()=>{"use strict";(function(n){n[n.Directly=0]="Directly",n[n.Permanent=1]="Permanent",n[n.Selection=2]="Selection",n[n.PrimarySelection=3]="PrimarySelection",n[n.PrimarySelectionContainer=4]="PrimarySelectionContainer",n[n.MouseOver=5]="MouseOver",n[n.OnlyOneItemSelected=6]="OnlyOneItemSelected",n[n.MultipleItemsSelected=7]="MultipleItemsSelected",n[n.ContainerDragOverAndCanBeEntered=8]="ContainerDragOverAndCanBeEntered",n[n.ContainerExternalDragOverAndCanBeEntered=9]="ContainerExternalDragOverAndCanBeEntered",n[n.ContainerDrag=10]="ContainerDrag",n[n.Doubleclick=11]="Doubleclick",n[n.Placement=12]="Placement",n[n.PrimarySelectionAndCanBeEntered=13]="PrimarySelectionAndCanBeEntered",n[n.PrimarySelectionContainerAndCanBeEntered=14]="PrimarySelectionContainerAndCanBeEntered",n[n.PrimarySelectionRefreshed=15]="PrimarySelectionRefreshed",n[n.ManualApplied=16]="ManualApplied"})(D||(D={}))});var ft,vn,_n,ic=g(()=>{"use strict";(function(n){n[n.Name=0]="Name",n[n.Value=1]="Value",n[n.InQuote=2]="InQuote"})(ft||(ft={}));vn=class{constructor(e,t,i){this.name=e.trim(),this.value=t.trim(),this.important=i}name;value;important},_n=class{entries=[];parse(e,t="'"){this.entries=[];let i="",r="",o=ft.Name;for(let s=0;s<e.length;s++){let a=e[s];if(o===ft.Name)a===":"?o=ft.Value:a===";"?i="":i+=a;else if(o===ft.Value)if(a===";"){let l=this.createEntry(i,r);this.entries.push(l),i="",r="",o=ft.Name}else a===t&&(o=ft.InQuote),r+=a;else o===ft.InQuote&&(a==="\\"?(r+=a,s++,a=e[s],r+=a):a===t?(r+=a,o=ft.Value):r+=a)}i.trim()!==""&&this.entries.push(this.createEntry(i,r))}createEntry(e,t){let i=t.match(/\s*!\s*important\s*$/i);return i?new vn(e,t.substring(0,i.index),!0):new vn(e,t,!1)}}});var Wt,rc=g(()=>{"use strict";Wt=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(){return this.oldParent?(this.oldParent._insertChildInternal(this.designItem,this.oldIndex),[{changeType:"moved",designItems:[this.designItem]}]):(this.designItem.parent._removeChildInternal(this.designItem),[{changeType:"removed",designItems:[this.designItem]}])}do(){return this.oldParent=this.designItem.parent,this.oldParent&&(this.oldIndex=this.designItem.parent.indexOf(this.designItem)),this.newParent._insertChildInternal(this.designItem,this.newIndex),[{changeType:this.oldParent?"moved":"added",designItems:[this.designItem]}]}designItem;newParent;newIndex;oldParent;oldIndex;newItem;mergeWith(e){return!1}}});var Li,xn=g(()=>{"use strict";Li=class{_textHolder="";indent=4;level=0;get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
 `}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+=`
 `}getString(){return this._textHolder}}});var bn,Nu=g(()=>{"use strict";bn=class{_textHolder="";get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
-`}levelRaise(){}levelShrink(){}write(e){this._textHolder+=e}writeLine(e){this._textHolder+=e}writeIndent(){}writeNewline(){}getString(){return this._textHolder}}});var J,st=g(()=>{"use strict";xn();Nu();J=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 isRawTextElementName(e){return e==="script"||e==="style"||e==="xmp"||e==="iframe"||e==="noembed"||e==="noframes"||e==="noscript"||e==="plaintext"}static normalizeContentValue(e,t){return this.isRawTextElementName(t)?e: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 Li:new bn;return e[0].serviceContainer.htmlWriterService.write(r,e,!0,i),r.getString()}}});import{css as zg}from"@node-projects/base-custom-webcomponent";var De,Gt=g(()=>{"use strict";De=class n{static _contextMenuCss=zg`.context_menu{position:fixed;inset:auto;margin:0;border:none;background:0 0;overflow:visible;opacity:0;transform:scale(0);transition:transform .1s;transform-origin:top left;padding:0;z-index:2147483647;color:var(--wcd-context-menu-color,var(--context-menu-color,#000));font-family:var(--wcd-context-menu-font-family,var(--context-menu-font-family,inherit));font-size:var(--wcd-context-menu-font-size,var(--context-menu-font-size,inherit));font-weight:var(--wcd-context-menu-font-weight,var(--context-menu-font-weight,inherit))}.context_menu.context_menu_display{opacity:1;transform:scale(1)}.context_menu,.context_menu *{box-sizing:border-box}.context_menu *{position:relative}.context_menu ul{list-style-type:none;padding:var(--wcd-context-menu-padding,var(--context-menu-padding,3px));margin:0;border:var(--wcd-context-menu-border,var(--context-menu-border,none));border-radius:var(--wcd-context-menu-border-radius,var(--context-menu-border-radius,0));background-color:var(--wcd-context-menu-background,var(--context-menu-background,#f5f7f7));box-shadow:var(--wcd-context-menu-shadow,var(--context-menu-shadow,0 0 5px #333));max-inline-size:calc(100vw - 8px);max-block-size:calc(100vh - 8px);overflow:auto;overscroll-behavior:contain;isolation:isolate}.context_menu ul[popover]{inset:auto;margin:0;border:var(--wcd-context-menu-border,var(--context-menu-border,none));border-radius:var(--wcd-context-menu-border-radius,var(--context-menu-border-radius,0))}.context_menu li{padding:var(--wcd-context-menu-item-padding-y,var(--context-menu-item-padding-y,0)) 1.7em var(--wcd-context-menu-item-padding-y,var(--context-menu-item-padding-y,0)) 0;cursor:pointer;white-space:nowrap;display:flex;align-items:center}.context_menu li:hover{background-color:var(--wcd-context-menu-hover-background,var(--context-menu-hover-background,#bbb))}.context_menu li .context_menu_icon_span{width:var(--wcd-context-menu-icon-column-width,var(--context-menu-icon-column-width,28px));display:inline-flex;align-items:center;justify-content:center}.context_menu li .context_menu_icon_span img{height:var(--wcd-context-menu-icon-size,var(--context-menu-icon-size,18px))}.context_menu li .context_menu_text{padding-left:2px;vertical-align:middle}.context_menu li .context_menu_sub_span{width:1em;display:inline-block;text-align:center;position:absolute;top:50%;right:.5em;transform:translateY(-50%)}.context_menu li>ul{position:absolute;inset:auto;top:0;left:100%;opacity:0;transition:opacity .2s;visibility:hidden}.context_menu li>ul.context_menu_submenu_popover{position:fixed}.context_menu li>ul:popover-open{opacity:1;visibility:visible}.context_menu li.context_menu_divider{border-bottom:1px solid var(--wcd-context-menu-divider-color,var(--context-menu-divider-color,#aaa));margin:5px;padding:0;cursor:default}.context_menu li.context_menu_divider:hover{background-color:inherit}.context_menu li[disabled=""]{color:var(--wcd-context-menu-disabled-color,var(--context-menu-disabled-color,#777));cursor:default}.context_menu li[disabled=""]:hover{background-color:inherit}.context_menu li.context_menu_marked{background-color:var(--wcd-context-menu-marked-background,var(--context-menu-marked-background,#5ebdec))}`;static count=0;static _openedContextMenus=new Set;menu;options;context;num;_menuElement;constructor(e,t,i){this.num=n.count++,this.menu=e,this.options=t,this.context=i,this.reload(),this._windowDown=this._windowDown.bind(this),this._windowKeyUp=this._windowKeyUp.bind(this),this._windowResize=this._windowResize.bind(this)}reload(){let e=this.options?.shadowRoot??document;this._menuElement==null&&(this._menuElement=document.createElement("div"),this._menuElement.className="context_menu",this._menuElement.id="context_menu_"+this.num,this._menuElement.setAttribute("popover","manual"),e===document?document.body.appendChild(this._menuElement):e.appendChild(this._menuElement)),this._menuElement.innerHTML="",e.adoptedStyleSheets.indexOf(n._contextMenuCss)<0&&(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n._contextMenuCss]),this._menuElement.appendChild(this.renderLevel(this.menu))}renderLevel(e){let t=document.createElement("ul"),i=!1;return e.forEach(r=>{if(r.title!=="-"){if(i){let c=document.createElement("li");c.className="context_menu_divider",i=!1,t.appendChild(c)}let o=document.createElement("li"),s=document.createElement("span");s.className="context_menu_icon_span",r.checked===!0?s.innerHTML="\u2714":(r.icon??"")!=""?s.innerHTML=r.icon??"":s.innerHTML=this.options?.defaultIcon??"";let a=document.createElement("span");a.className="context_menu_text",a.innerHTML=r.title??"";let l=document.createElement("span");if(l.className="context_menu_sub_span",r.children!=null&&(l.innerHTML=this.options?.subIcon??"&#155;"),o.appendChild(s),o.appendChild(a),o.appendChild(l),r.disabled)o.setAttribute("disabled","");else if(r.checkable?o.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),r.checked=!r.checked,s.innerHTML=r.checked?"\u2714":r.icon??this.options?.defaultIcon??"",r.action&&r.action(c,r,this.context,this)}):r.action&&o.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),r.action?.(c,r,this.context,this),this.close()}),this.options?.mode=="undo"&&o.addEventListener("mouseup",c=>{c.stopPropagation(),r.action?.(c,r,this.context,this),this.close()}),o.addEventListener("mouseenter",()=>{this.closeSiblingSubmenus(o),this.options?.mode=="undo"&&this.markUndoItems(o)}),r.children!=null){let c=this.renderLevel(r.children);this.configurePopoverSubmenu(c),o.appendChild(c),o.addEventListener("mouseenter",()=>{this.openPopoverSubmenu(o,c)})}t.appendChild(o)}else i=!0}),t}display(e){let t=this._menuElement,i=this.options?.mouseOffset!=null?this.options.mouseOffset:2;this.showPopover(t),this.positionMenu(t,e.clientX,e.clientY,i),t.classList.add("context_menu_display"),e.preventDefault(),n._openedContextMenus.add(this),window.addEventListener("keyup",this._windowKeyUp),window.addEventListener("resize",this._windowResize),window.addEventListener("mousedown",this._windowDown),setTimeout(()=>{n._openedContextMenus.has(this)&&window.addEventListener("contextmenu",this._windowDown)},150)}_windowResize(){this.close()}_windowDown(e){return e.preventDefault(),(!(e.target instanceof Node)||!this._menuElement.contains(e.target))&&this.close(),!1}_windowKeyUp(e){e.key==="Escape"&&this.close()}static show(e,t,i,r){let o=new n(e,i,r);return o.display(t),o}close(){this.hideDescendantSubmenus(this._menuElement),this.hidePopover(this._menuElement),this._menuElement.remove(),window.removeEventListener("mousedown",this._windowDown),window.removeEventListener("resize",this._windowResize),window.removeEventListener("keyup",this._windowKeyUp),setTimeout(()=>window.removeEventListener("contextmenu",this._windowDown),10),n._openedContextMenus.delete(this)}static closeAll(){for(let e of n._openedContextMenus.values())e.close()}configurePopoverSubmenu(e){e.classList.add("context_menu_submenu_popover"),e.setAttribute("popover","manual")}markUndoItems(e){if(e.parentElement==null)return;let t=!0;for(let i of e.parentElement.children)t?i.classList.add("context_menu_marked"):i.classList.remove("context_menu_marked"),i==e&&(t=!1)}closeSiblingSubmenus(e){if(e.parentElement!=null)for(let t of e.parentElement.children)t!==e&&this.hideDescendantSubmenus(t)}hideDescendantSubmenus(e){let t=e.querySelectorAll("ul[popover]");for(let i of t)this.hidePopover(i)}openPopoverSubmenu(e,t){this.showPopover(t),this.positionSubmenuPopover(e,t)}showPopover(e){this.isPopoverOpen(e)||e.showPopover()}hidePopover(e){e==null||!this.isPopoverOpen(e)||e.hidePopover()}isPopoverOpen(e){return e.matches(":popover-open")}positionMenu(e,t,i,r){let o=e.offsetWidth+4,s=e.offsetHeight+4,a=window.innerWidth-t,l=t,c=window.innerHeight-i,h=i,p=t+r;a<o&&l>a&&(p=t-o-r);let d=i+r;c<s&&h>c&&(d=i-s-r),e.style.left=`${Math.max(0,Math.min(p,window.innerWidth-o))}px`,e.style.top=`${Math.max(0,Math.min(d,window.innerHeight-s))}px`}positionSubmenuPopover(e,t){let i=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=t.offsetWidth||r.width,s=t.offsetHeight||r.height,a=window.innerWidth-i.right,l=i.left,c=i.right;a<o&&l>a&&(c=i.left-o);let h=window.innerHeight-i.top,p=i.bottom,d=i.top;h<s&&p>h&&(d=i.bottom-s),t.style.left=`${Math.max(0,Math.min(c,window.innerWidth-o))}px`,t.style.top=`${Math.max(0,Math.min(d,window.innerHeight-s))}px`,t.style.right="auto",t.style.bottom="auto"}}});var tt,ai=g(()=>{"use strict";Gt();tt=class{settingName;content;tooltp;contextmenu;constructor(e,t,i,r){this.settingName=e,this.content=t,this.tooltp=i,this.contextmenu=r}provideButtons(e,t){let i=document.createElement("div");typeof this.content=="string"?i.innerHTML=this.content:i.appendChild(this.content),i.title=this.tooltp,i.className="toolbar-control",t.instanceServiceContainer.designContext.extensionOptionsChanged.on(()=>{r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")});let r=t.instanceServiceContainer.designContext.extensionOptions;return r[this.settingName]!==!1&&i.classList.add("selected"),i.onclick=()=>{let o=r[this.settingName];r[this.settingName]=o===!1,r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")},i.oncontextmenu=o=>{o.preventDefault(),this.contextmenu&&De.show(this.contextmenu,o)},[i]}}});var Sn,wn,Cn=g(()=>{"use strict";ai();Sn="enableStylesheetService",wn=class extends tt{constructor(){super(Sn,"ss","modify Stylesheet")}}});var En,nc=g(()=>{"use strict";En=class{constructor(e,t,i){this.title="Change TextContent from '"+i+"' to '"+t+"'",this.designItem=e,this.newValue=t,this.oldValue=i}title;get affectedItems(){return[this.designItem]}undo(){return this.designItem.element.textContent=this.oldValue,this.designItem.refreshRenderedDesignItem(),[{changeType:"changed",designItems:this.affectedItems,type:"property",name:"textContent",oldValue:this.newValue,newValue:this.oldValue}]}do(){return this.designItem.element.textContent=this.newValue,this.designItem.refreshRenderedDesignItem(),[{changeType:"changed",designItems:this.affectedItems,type:"property",name:"textContent",oldValue:this.oldValue,newValue:this.newValue}]}designItem;newValue;oldValue;mergeWith(e){return!1}}});function Ru(n,...e){return n.reduce((t,i,r)=>t+i+(e[r]??""),"")}function zu(){return window.navigator.platform?.startsWith("Mac")||window.navigator.platform==="iPhone"||window.navigator.platform==="iPad"||window.navigator.platform==="iPod"}function Pt(n){return new Promise(e=>setTimeout(e,n))}async function Fu(n,e){let t=URL.createObjectURL(n),i=document.createElement("a");i.href=t,i.style.display="none",i.download=e,document.body.appendChild(i),i.click(),document.body.removeChild(i),await Pt(300)}function hS(n){for(var e=n.split(",")[0].split(":")[1].split(";")[0],t=atob(n.split(",")[1]),i=[],r=0;r<t.length;r++)i.push(t.charCodeAt(r));return new Blob([new Uint8Array(i)],{type:e})}function pS(n,e){return n.x>=e.x&&n.x<=e.x+e.width&&n.y>=e.y&&n.y<=e.y+e.height}function jt(n,e){return n.endsWith(e??"/")?n.substring(0,n.length-1):n}function Me(n,e){return n.startsWith(e??"/")?n.substring(1):n}function ur(){return new Promise(n=>requestAnimationFrame(n))}function dS(n,e){if(n===e)return!0;if(n==null||e==null||n.length!==e.length)return!1;for(var t=0;t<n.length;++t)if(n[t]!==e[t])return!1;return!0}function Bu(n,e,t=!1,i="."){if(e==null)return n;let r=e.split(i);for(let o=0;o<r.length;o++)if(n!=null)n=n[r[o]];else return t?Fg:null;return n}function oc(n,e,t,i="."){if(e==null)return;let r=e.split(i);for(let o=0;o<r.length-1;o++)if(n!=null){let s=n[r[o]];s==null&&(s={},n[r[o]]=s),n=s}n!=null&&(n[r[r.length-1]]=t)}var Fg,Fe=g(()=>{"use strict"});var Pn,sc=g(()=>{"use strict";Fe();Pn=class n{constructor(e,t,i,r){this.title="Change Property "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){return oc(this.designItem.node,this.name,this.oldValue),[{changeType:"changed",type:"property",name:this.name,designItems:[this.designItem]}]}do(){return oc(this.designItem.node,this.name,this.newValue),[{changeType:"changed",type:"property",name:this.name,designItems:[this.designItem]}]}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var mr,ac=g(()=>{"use strict";mr=class n{constructor(e,t,i,r,o){this.title="Change Attribute & Property"+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.attributeName=t,this.propertyName=i,this.newValue=r,this.oldValue=o}title;get affectedItems(){return[this.designItem]}undo(){if(this.designItem.element[this.propertyName]=this.oldValue,this.oldValue==null)return this.designItem._withoutUndoRemoveAttribute(this.attributeName),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.newValue,newValue:null}];{let e=this.oldValue;return typeof this.oldValue!="string"&&(e=this.oldValue.toString()),this.designItem._withoutUndoSetAttribute(this.attributeName,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.newValue,newValue:e}]}}do(){if(this.designItem.element[this.propertyName]=this.newValue,this.newValue==null)return this.designItem._withoutUndoRemoveAttribute(this.attributeName),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.newValue,newValue:null}];{let e=this.newValue;return typeof this.newValue!="string"&&(e=this.newValue.toString()),this.designItem._withoutUndoSetAttribute(this.attributeName,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.oldValue,newValue:e}]}}designItem;attributeName;propertyName;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.attributeName===e.attributeName&&this.propertyName===e.propertyName?(this.newValue=e.newValue,!0):!1}}});import{TypedEvent as Bg}from"@node-projects/base-custom-webcomponent";var Oi,Vi,li,at,Yt,Ut,Xt,$t,Kt,O,oe=g(()=>{"use strict";ec();ee();tc();ot();ic();Ie();rc();st();Cn();nc();sc();Fe();ac();Oi="node-projects-hide-at-design-time",Vi="node-projects-hide-at-run-time",li="node-projects-lock-at-design-time",at="node-projects-force-hover",Yt="node-projects-force-active",Ut="node-projects-force-visited",Xt="node-projects-force-focus",$t="node-projects-force-focus-within",Kt="node-projects-force-focus-visible",O=class n{lastContainerSize;parsedNode;node;view;serviceContainer;instanceServiceContainer;nodeReplaced=new Bg;get window(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument.defaultView:this.node.ownerDocument.defaultView??window}get document(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument:this.node.ownerDocument}get usableContainer(){return this.isRootItem&&this.element instanceof(this.element.ownerDocument.defaultView??window).HTMLIFrameElement?this.element.contentWindow.document:this.isRootItem?this.node.shadowRoot:this.element}async clone(){try{let e=J.ConvertToString([this],!1);return(await this.serviceContainer.htmlParserService.parse(e,this.serviceContainer,this.instanceServiceContainer,!0))[0]}catch{console.warn("could not clone design item.",this)}return null}*allMatching(e){if(this.hasChildren)for(let t of this.children())t.nodeType==A.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}replaceNode(e){n._designItemMap.delete(this.node),n._designItemMap.set(e,this),this.view==this.node&&(this.view=e),this.node=e,this.nodeReplaced.emit()}get nodeType(){return this.node instanceof(this.node.ownerDocument.defaultView??window).Comment?A.Comment:this.node instanceof(this.node.ownerDocument.defaultView??window).Text?A.TextNode:A.Element}_attributes;get hasAttributes(){return this._attributes.size>0}hasAttribute(e){return this._attributes.has(e)}getAttribute(e){return this._attributes.get(e)}*attributes(){for(let e of this._attributes)yield e}_withoutUndoSetAttribute(e,t){try{this.isRootItem||this.element.setAttribute(e,t)}catch(i){i?.code!==5&&console.warn(i)}this._attributes.set(e,t),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_withoutUndoRemoveAttribute(e){try{this.isRootItem||this.element.removeAttribute(e)}catch(t){t?.code!==5&&console.warn(t)}this._attributes.delete(e),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_styles;_stylePriorities;get hasStyles(){return this._styles.size>0}hasStyle(e){let t=e;return t.startsWith("--")||(t=z.camelToDashCase(e)),this._styles.has(t)}getStyle(e){let t=e;return t.startsWith("--")||(t=z.camelToDashCase(e)),this._styles.get(t)}isStyleImportant(e){let t=e;return t.startsWith("--")||(t=z.camelToDashCase(e)),this._stylePriorities.get(t)===!0}*styles(){for(let e of this._styles)yield e}_withoutUndoSetStyle(e,t,i=!1){let r=e;r.startsWith("--")||(r=z.camelToDashCase(e)),this._styles.set(r,t),i?this._stylePriorities.set(r,!0):this._stylePriorities.delete(r)}_withoutUndoRemoveStyle(e){let t=e;t.startsWith("--")||(t=z.camelToDashCase(e)),this._styles.delete(t),this._stylePriorities.delete(t)}static _designItemMap=new WeakMap;get element(){return this.view}get name(){return this.node.localName}get id(){return this.element.id}set id(e){let t=this.element.id;this.element.id=e,this.id?this.setAttribute("id",e):this.removeAttribute("id"),this.serviceContainer.referencesChangedService&&this.serviceContainer.referencesChangedService.notifyReferencesChanged([{designItem:this,oldValue:t,type:"idChanged"}])}get isRootItem(){return this.instanceServiceContainer.designerCanvas.rootDesignItem===this}*childrenRect(e){if(this.hasChildren)for(let t of this.children())t.nodeType==A.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}_childArray=[];get hasChildren(){return this._childArray.length>0}*children(e=!1){for(let t of this._childArray)if(yield t,e)for(let i of t.children(e))yield i}get childCount(){return this._childArray.length}get firstChild(){return this._childArray[0]}_parent;get parent(){return this._parent}indexOf(e){return this._childArray.indexOf(e)}insertAdjacentElement(e,t){let i;t=="afterbegin"?i=new Wt(e,this,0):t=="beforeend"?i=new Wt(e,this,this._childArray.length):t=="beforebegin"?i=new Wt(e,this.parent,this.parent.indexOf(this)):t=="afterend"&&(i=new Wt(e,this.parent,this.parent.indexOf(this)+1)),this.instanceServiceContainer.undoService.execute(i)}insertChild(e,t){let i=new Wt(e,this,t);this.instanceServiceContainer.undoService.execute(i)}removeChild(e){this.serviceContainer.deletionService.removeItems([e])}remove(){this.serviceContainer.deletionService.removeItems([this])}clearChildren(){for(let e=this._childArray.length-1;e>=0;e--)this._childArray[e].remove()}get hasContent(){return(this.nodeType==A.TextNode||this.nodeType==A.Comment)&&this.element.textContent!=""||this._childArray.length===0}get content(){return this.nodeType==A.TextNode||this.nodeType==A.Comment?this.node.textContent:this._childArray.map(e=>e.content).join()}set content(e){let t=this.openGroup("set content");this.clearChildren();let i=document.createTextNode(e),r=n.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);if(this.nodeType==A.TextNode){let o=this.parent.indexOf(this),s=this.parent;this.remove(),s.insertChild(r,o)}else if(this.nodeType==A.Comment){let o=new En(this,e,this.content);this.instanceServiceContainer.undoService.execute(o)}else this.insertChild(r);t.commit()}get innerHTML(){return J.ConvertToString([...this.children()],!1)}set innerHTML(e){if(this.nodeType!=A.TextNode){let t=this.openGroup("set innerHTML");this.clearChildren();let i=document.createRange();i.selectNode(document.body);let r=i.createContextualFragment(e);for(let o of[...r.childNodes]){let s=n.createDesignItemFromInstance(o,this.serviceContainer,this.instanceServiceContainer);this.insertChild(s)}t.commit()}}get isEmptyTextNode(){return this.nodeType===A.TextNode&&this.content?.trim()==""}get hideAtDesignTime(){return this.hasAttribute(Oi)}set hideAtDesignTime(e){e?this.setAttribute(Oi,""):this.removeAttribute(Oi)}get hideAtRunTime(){return this.hasAttribute(Vi)}set hideAtRunTime(e){e?this.setAttribute(Vi,""):this.removeAttribute(Vi)}get lockAtDesignTime(){return this.hasAttribute(li)}set lockAtDesignTime(e){e?this.setAttribute(li,""):this.removeAttribute(li)}static createDesignItemFromInstance(e,t,i){e=n.updateRenderedNode(t,e);let r=t.designItemService.createDesignItem(e,e,t,i);if(e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&e.getAttribute("shadowrootmode")=="open")try{let o=e.parentNode.attachShadow({mode:"open"}),s=e.content.cloneNode(!0);o.appendChild(s)}catch(o){console.error("error attaching shadowdom",o)}if(r.nodeType==A.Element){for(let o of r.element.attributes)o.name!=="style"&&r._attributes.set(o.name,o.value);if(e instanceof(e.ownerDocument.defaultView??window).HTMLElement||e instanceof(e.ownerDocument.defaultView??window).SVGElement){let o=new _n,s=e.getAttribute("style");if(s){o.parse(s);for(let a of o.entries)r._styles.set(a.name,a.value),a.important&&r._stylePriorities.set(a.name,!0)}t.designItemService.handleSpecialAttributes(li,r)}e.draggable=!1}r._childArray=r._internalUpdateChildrenFromNodesChildren();for(let o of r._childArray)o._parent=r;return r.refreshRenderedDesignItem(),r}static updateRenderedNode(e,t){let i=t;for(let r of e.renderedDesignItemServices??[]){let o=r.updateRenderedNode(i)??i;o!==i&&i.parentNode&&i.parentNode.replaceChild(o,i),i=o}return i}querySelectorAll(e){return this.usableContainer.querySelectorAll(e)}removeDesignerAttributesAndStylesFromChildren(){let e=this.querySelectorAll("*");for(let t of e){let i=n.GetDesignItem(t);i.hasAttribute("draggable")||t.removeAttribute("draggable"),i.hasStyle("pointer-events")||(t.style.pointerEvents="")}}updateChildrenFromNodesChildren(){this._childArray=this._internalUpdateChildrenFromNodesChildren();for(let e of this._childArray)e._parent=this}_internalUpdateChildrenFromNodesChildren(){let e=[];if(this.nodeType==A.Element)if(this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement)for(let t of this.element.content.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else if(this.isRootItem&&this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLIFrameElement)for(let t of this.element.contentWindow.document.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else for(let t of this.element.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}return e}_backupWhenEditContent;_inEditContent=!1;editContent(){this._inEditContent=!0,this._backupWhenEditContent=[...this.element.childNodes];let e=this.element.innerHTML;this.element.innerHTML="",this.element.innerHTML=e,this.element.setAttribute("contenteditable","")}editContentFinish(){if(this._inEditContent){this._inEditContent=!1,this.element.removeAttribute("contenteditable"),this.element.innerHTML="";for(let e of this._backupWhenEditContent)this.element.appendChild(e);this._backupWhenEditContent=null}}constructor(e,t,i,r){this.node=e,this.view=e,this.parsedNode=t,this.serviceContainer=i,this.instanceServiceContainer=r,this._attributes=new Map,this._styles=new Map,this._stylePriorities=new Map,n._designItemMap.set(e,this)}setView(e){this.view=e,n._designItemMap.set(e,this),this.refreshRenderedDesignItem()}refreshRenderedDesignItem(){for(let e of this.serviceContainer.renderedDesignItemServices??[])e.updateRenderedDesignItem(this)}openGroup(e){return this.instanceServiceContainer.undoService.openGroup(e)}getOrCreateDesignItem(e){return n.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer)}static GetOrCreateDesignItem(e,t,i,r){if(!e)return null;let o=n._designItemMap.get(e);return o||(o=i.designItemService.createDesignItem(e,t,i,r)),o}static GetDesignItem(e){return e?n._designItemMap.get(e):null}setStyle(e,t,i){let r=e;if(r.startsWith("--")||(r=z.camelToDashCase(e)),this.isRootItem)throw"not allowed to set style on root item or use async setStyle";{let o=new Mi(this,r,t,this._styles.get(r),i,this.isStyleImportant(r));this.instanceServiceContainer.undoService.execute(o)}}async setStyleAsync(e,t,i){let r=e;if(r.startsWith("--")||(r=z.camelToDashCase(e)),this.isRootItem)if(this.instanceServiceContainer.stylesheetService){let o=this.instanceServiceContainer.stylesheetService.getDeclarationsSortedBySpecificity(this,e);if(o!==null&&o.length>0)this.instanceServiceContainer.stylesheetService.updateDeclarationValue(o[0],t,i);else{let s=this.instanceServiceContainer.stylesheetService.getRules(":host").filter(a=>!a.stylesheet?.readOnly);if(o===null||s.length===0){let a=this.openGroup("add rule and set style: "+e),l=this.instanceServiceContainer.stylesheetService.getStylesheets(),c=await this.instanceServiceContainer.stylesheetService.addRule(l[0],":host");this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(c,e,t,i),a.commit()}else this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(s[0],e,t,i)}}else throw"not allowed to set style on root item";else{let o=new Mi(this,r,t,this._styles.get(r),i,this.isStyleImportant(r));this.instanceServiceContainer.undoService.execute(o)}}removeStyle(e){let t=e;t.startsWith("--")||(t=z.camelToDashCase(e));let i=new Mi(this,t,"",this._styles.get(t),!1,this.isStyleImportant(t));this.instanceServiceContainer.undoService.execute(i)}updateStyleInSheetOrLocal(e,t,i,r){let o=e;o.startsWith("--")||(o=z.camelToDashCase(e));let s=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,o).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Sn]===!1||!s?.length?this.getStyle(o)!=t||r?this.setStyle(o,t,i):t==null&&this.removeStyle(o):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(s[0],t,i)}async updateStyleInSheetOrLocalAsync(e,t,i,r){let o=e;o.startsWith("--")||(o=z.camelToDashCase(e));let s=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,o).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Sn]===!1||!s?.length?this.getStyle(o)!=t||r?await this.setStyleAsync(o,t,i):t==null&&this.removeStyle(o):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(s[0],t,i)}getStyleFromSheetOrLocal(e,t=null){let i=e;if(i.startsWith("--")||(i=z.camelToDashCase(e)),this.hasStyle(e))return this.getStyle(i);let r=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,i);return r&&r.length>0?r[0].value:null}getStyleFromSheetOrLocalOrComputed(e,t=null){let i=e;i.startsWith("--")||(i=z.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyleProperty(e,t=null){let i=e;i.startsWith("--")||(i=z.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyle(){return this.nodeType==A.Element?this.window.getComputedStyle(this.element):null}_stylesCache=null;_cacheClearTimer;getAllStyles(){let e=this._stylesCache;if(e)return e;if(this.nodeType!=A.Element)return[];let t=[...this._styles.entries()].map(i=>({name:i[0],value:i[1],important:this.isStyleImportant(i[0]),parent:null}));if(this.instanceServiceContainer.stylesheetService)try{let i=this.instanceServiceContainer.stylesheetService?.getAppliedRules(this);if(i)return[{selector:null,declarations:t,specificity:null,stylesheet:null},...i]}catch(i){console.warn("getAppliedRules",i)}return e=[{selector:null,declarations:t,specificity:null,stylesheet:null}],this._stylesCache=e,clearTimeout(this._cacheClearTimer),this._cacheClearTimer=setTimeout(()=>this._stylesCache=null,30),e}setAttribute(e,t){let i=new dr(this,e,t,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(i)}removeAttribute(e){let t=new dr(this,e,null,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(t)}setPropertyAndAttribute(e,t){let i=z.camelToDashCase(e),r=z.dashToCamelCase(e);if(this.isRootItem)throw"not allowed to set attribute on root item";let o=new mr(this,i,r,t,this.element[r]);this.instanceServiceContainer.undoService.execute(o)}removePropertyAndAttribute(e){let t=z.camelToDashCase(e),i=z.dashToCamelCase(e),r=new mr(this,t,i,null,this.element[i]);this.instanceServiceContainer.undoService.execute(r)}setProperty(e,t){if(this.isRootItem)throw"not allowed to set attribute on root item";let i=Bu(this.node,e),r=new Pn(this,e,t,i);this.instanceServiceContainer.undoService.execute(r)}_insertChildInternal(e,t){this._insertChildsInternal([e],t)}_insertChildsInternal(e,t){let i=this.document.createDocumentFragment(),r=null;for(let o of e)o.parent&&this.instanceServiceContainer.selectionService.primarySelection==o&&(o.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(o.parent,D.PrimarySelectionContainer),o.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(o.parent,D.PrimarySelectionContainerAndCanBeEntered)),o.parent&&o.parent._removeChildInternal(o),i.appendChild(o.view),o._parent=this,t==null||this._childArray.length==0||t>=this._childArray.length?this._childArray.push(o):(r=this._childArray[t],this._childArray.splice(t,0,o),t++);r==null?this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.appendChild(i)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.appendChild(i):this.view.appendChild(i):this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.insertBefore(i,r.element)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.insertBefore(i,r.element):this.view.insertBefore(i,r.element),this.refreshRenderedDesignItem()}_removeChildInternal(e){e.parent&&this.instanceServiceContainer.selectionService.primarySelection==e&&(e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,D.PrimarySelectionContainer),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,D.PrimarySelectionAndCanBeEntered)),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtensions([e],!0);let t=this._childArray.indexOf(e);t>-1&&(this._childArray.splice(t,1),e.element.remove(),e._parent=null),this.refreshRenderedDesignItem()}getPlacementService(e){return this.nodeType!=A.Element?null:(e??=getComputedStyle(this.element),this.serviceContainer.getLastServiceWhere("containerService",t=>t.serviceForContainer(this,e)))}static createDesignItemFromImageBlob(e,t,i){return new Promise(r=>{let o=new FileReader;o.onloadend=()=>{let s=document.createElement("img");s.src=o.result;let a=n.createDesignItemFromInstance(s,e,t);return r(a)},o.readAsDataURL(i)})}get hasForcedCss(){return this.cssForceHover||this.cssForceActive||this.cssForceVisited||this.cssForceFocus||this.cssForceFocusWithin||this.cssForceFocusVisible}get cssForceHover(){return this.element.hasAttribute(at)}set cssForceHover(e){e?this.element.setAttribute(at,""):this.element.removeAttribute(at),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:at,designItems:[this]}])}get cssForceActive(){return this.element.hasAttribute(Yt)}set cssForceActive(e){e?this.element.setAttribute(Yt,""):this.element.removeAttribute(Yt),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Yt,designItems:[this]}])}get cssForceVisited(){return this.element.hasAttribute(Ut)}set cssForceVisited(e){e?this.element.setAttribute(Ut,""):this.element.removeAttribute(Ut),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Ut,designItems:[this]}])}get cssForceFocus(){return this.element.hasAttribute(Xt)}set cssForceFocus(e){e?this.element.setAttribute(Xt,""):this.element.removeAttribute(Xt),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Xt,designItems:[this]}])}get cssForceFocusWithin(){return this.element.hasAttribute($t)}set cssForceFocusWithin(e){e?this.element.setAttribute($t,""):this.element.removeAttribute($t),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:$t,designItems:[this]}])}get cssForceFocusVisible(){return this.element.hasAttribute(Kt)}set cssForceFocusVisible(e){e?this.element.setAttribute(Kt,""):this.element.removeAttribute(Kt),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Kt,designItems:[this]}])}}});function lc(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}var Hu=g(()=>{"use strict"});var kn,In=g(()=>{"use strict";kn=navigator.userAgent.toLowerCase().includes("firefox")});var Dn,cc=g(()=>{"use strict";oe();Hu();de();In();Dn=class{async getElement(e,t,i){if(e.import){let l=e.import;l[0]==="."&&(l=(window.location.origin+window.location.pathname).split("/").slice(0,-1).join("/")+"/"+l),window.importShim?importShim(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}):import(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}),i.designContext.imports.indexOf(l)<=0&&i.designContext.imports.push(l)}let r="";if(e.defaultAttributes)for(let l in e.defaultAttributes){let c=e.defaultAttributes[l];try{typeof c=="object"?r+=" "+l+'="'+lc(JSON.stringify(e.defaultAttributes[l]))+'"':r+=" "+l+'="'+lc(e.defaultAttributes[l])+'"'}catch(h){console.warn(h)}}let o="<"+e.tag+r+"></"+e.tag+">",s=pn(o,i.designerCanvas.rootDesignItem.document);if(s._inNodeProjectsDesignerView=!0,e.defaultWidth&&(s.style.width=e.defaultWidth),e.defaultHeight&&(s.style.height=e.defaultHeight),s.style.position="absolute",e.defaultStyles)for(let l in e.defaultStyles)s.style[l]=e.defaultStyles[l];if(e.defaultContent)if(typeof e.defaultContent=="string"){let l;i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe&&!kn?l=i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe(e.defaultContent):l=new i.designerCanvas.rootDesignItem.window.DOMParser().parseFromString(e.defaultContent,"text/html",{includeShadowRoots:!0}),s.append(...l.head.childNodes),s.append(...l.body.childNodes)}else s.appendChild(e.defaultContent);return O.createDesignItemFromInstance(s,t,i)}}});var ae,Le=g(()=>{"use strict";ut();ae=class{element;property;designItems;disableChangeNotification=!1;constructor(e){this.property=e}async _previewValueChanged(e){this.disableChangeNotification||this.designItems&&this.designItems.length&&await this.property.service.previewValue?.(this.designItems,this.property,e)}async _removePreviewValue(){this.disableChangeNotification||this.designItems&&this.designItems.length&&await this.property.service.removePreviewValue?.(this.designItems,this.property)}async _valueChanged(e){if(!this.disableChangeNotification&&this.designItems&&this.designItems.length){let t=this.designItems[0].openGroup("set property: "+this.property.name);e==null?this.property.service.clearValue(this.designItems,this.property,"value"):await this.property.service.setValue(this.designItems,this.property,e),t.commit()}}designItemsChanged(e){this.designItems=e}refreshValueWithoutNotification(e,t){e==G.none?this.element.classList.add("unset-value"):this.element.classList.remove("unset-value"),this.disableChangeNotification=!0;try{this.refreshValue(e,t)}catch(i){console.error(i)}this.disableChangeNotification=!1}}});var An,hc=g(()=>{"use strict";Le();An=class extends ae{constructor(e){super(e);let t=document.createElement("node-projects-color-input");e.readonly&&(t.readOnly=!0),t.onchange=async i=>{await this.property.service.removePreviewValue?.(this.designItems,this.property),this._valueChanged(t.value)},t.oninput=async i=>{await this.property.service.previewValue?.(this.designItems,this.property,t.value)},this.element=t}refreshValue(e,t){t?this.element.value=t:this.element.value="rgba(0, 0, 0, 1)"}}});var Tn,pc=g(()=>{"use strict";Le();Tn=class extends ae{constructor(e){super(e);let t=document.createElement("input");t.type="datetime-local",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.value),this.element=t}refreshValue(e,t){t?this.element.value=t:this.element.value=null}}});import{html as Hg}from"@node-projects/base-custom-webcomponent";var Mn,dc=g(()=>{"use strict";Le();Mn=class n extends ae{static template=Hg`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;_input;constructor(e){super(e);let t=n.template.content.cloneNode(!0);this._input=t.getElementById("input"),e.readonly&&(this._input.readOnly=!0),this._input.onchange=i=>this._valueChanged(this._input.value),this.element=t}refreshValue(e,t){this._input.value=t}}});var Ln,uc=g(()=>{"use strict";Le();Ln=class extends ae{constructor(e){super(e);let t=document.createElement("input");t.type="number",e.readonly&&(t.readOnly=!0),t.min=e.min,t.max=e.max,t.step=e.step,t.onchange=i=>this._valueChanged(t.value==""?null:t.valueAsNumber),this.element=t}refreshValue(e,t){this.element.value=t===void 0?null:t}}});var fr,mc=g(()=>{"use strict";Le();fr=class extends ae{elementSelect;elementInput;constructor(e){super(e);let t=document.createElement("div"),i=document.createElement("select");if(e.type=="enum")for(let o of e.enumValues){let s=document.createElement("option");s.value=o[1],s.text=o[0],i.appendChild(s)}else for(let o of e.values){let s=document.createElement("option");s.value=o,s.text=o,i.appendChild(s)}e.readonly&&(i.disabled=!0),i.onchange=o=>this._valueChanged(i.value);let r=document.createElement("input");r.style.display="none",r.onchange=o=>this._valueChanged(r.value),this.elementSelect=i,this.elementInput=r,t.appendChild(this.elementSelect),t.appendChild(this.elementInput),this.element=t}refreshValue(e,t){this.elementSelect.style.display="block",this.elementInput.style.display="none",this.elementSelect.value=t,this.elementSelect.value!=t&&t&&(this.elementInput.value=t,this.elementSelect.style.display="none",this.elementInput.style.display="block")}}});var On,fc=g(()=>{"use strict";Le();On=class n extends ae{static _nextListId=0;constructor(e){super(e);let t=document.createElement("input");if(t.type="text",e.readonly&&(t.readOnly=!0),e.values?.length){let i=`wcd-text-property-editor-values-${n._nextListId++}`,r=document.createElement("datalist");r.id=i;for(let o of e.values){let s=document.createElement("option");s.value=o,r.appendChild(s)}t.setAttribute("list",i),t.appendChild(r)}t.onchange=i=>this._valueChanged(t.value),t.onfocus=i=>{t.selectionStart=0,t.selectionEnd=t.value?.length},this.element=t}refreshValue(e,t){t==null?this.element.value="":this.element.value=t}}});var Vn,gc=g(()=>{"use strict";Le();Vn=class extends ae{constructor(e){super(e);let t=document.createElement("input");t.type="checkbox",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.checked),this.element=t}refreshValue(e,t){this.element.checked=t}}});import{BaseCustomWebComponentConstructorAppend as Wg,css as Gg,html as jg}from"@node-projects/base-custom-webcomponent";var gr,Wu=g(()=>{"use strict";gr=class extends Wg{static style=Gg`div{font-size:10px;color:var(--wcd-color-text,#fff)}#property{color:var(--wcd-image-button-list-selector-property-color,#00aff0)}#value{color:var(--wcd-image-button-list-selector-value-color,#d3d3d3)}#value.value-set{color:var(--wcd-image-button-list-selector-value-set-color,wheat)}.container{display:flex;flex-direction:row}::slotted(button){min-width:24px;height:24px;padding:1px;background:var(--wcd-image-button-list-selector-button-background,#fff);border:1px solid var(--wcd-image-button-list-selector-button-border-color,#d3d3d3)}`;static template=jg`<div><div id="header" style="display:none"><span id="property"></span><span id="vhd">: <span id="value"></span></span></div><div part="container" class="container"><slot id="slot"></slot></div></div>`;static properties={value:String,property:String,unsetValue:String,noValueInHeader:Boolean};constructor(){super(),this._restoreCachedInititalValues()}_value;get value(){return this._value}set value(e){this._value=e,this._updateValue()}property;unsetValue;noValueInHeader;_updateValue(){this.value?(this._getDomElement("value").innerText=this.value,this._getDomElement("value").classList.add("value-set")):this._getDomElement("value").classList.remove("value-set");let e=this._getDomElement("slot");for(let t of e.assignedElements())t.dataset.value==this.value?t.style.background="cornflowerblue":t.style.background=""}ready(){this._parseAttributesToProperties(),this.property&&(this._getDomElement("header").style.display="block"),this.noValueInHeader&&(this._getDomElement("vhd").style.display="none");let e=this._getDomElement("slot");e.onclick=t=>{let i=t.composedPath();for(let r of e.assignedElements())if(i.indexOf(r)>=0){let o=this._value;this.value=r.dataset.value;let s=new CustomEvent("value-changed",{detail:{newValue:this._value,oldValue:o}});this.dispatchEvent(s)}},this._getDomElement("property").innerText=this.property??"",this._getDomElement("value").innerText=this.unsetValue??"",this._updateValue()}};customElements.define("node-projects-image-button-list-selector",gr)});function Ug(){let n=globalThis.webComponentDesignerAssetsPath;if(n)return n.endsWith("/")?n:n+"/";try{let e=new URL(import.meta.url);if(e.protocol==="http:"||e.protocol==="https:")return e.origin+e.pathname.split("/").slice(0,-1).join("/")+"/../assets/"}catch{}return Yg}function n0(n){P=n.endsWith("/")?n:n+"/"}var Ni,ci,yc,Yg,P,he=g(()=>{"use strict";Ni="text/json/elementdefintion",ci="text/json/bindingobject",yc="text/json/propertydrop",Yg="assets/web-component-designer/";P=Ug()});var Nn,vc=g(()=>{"use strict";Le();Wu();Ie();he();Nn=class extends ae{constructor(e){super(e);let t=new gr;t.property=e.name,t.unsetValue=e.defaultValue;let i=z.camelToDashCase(e.name);if(e.type=="enum")for(let r of e.enumValues){let o=document.createElement("button");o.dataset.value=r[1];let s=document.createElement("img");s.title=r[1],s.src=P+"images/chromeDevtools/"+i+"-"+r[1]+"-icon.svg",o.appendChild(s),t.appendChild(o)}else for(let r of e.values){let o=document.createElement("button");o.dataset.value=r;let s=document.createElement("img");s.title=r,s.src=P+"images/chromeDevtools/"+i+"-"+r+"-icon.svg",o.appendChild(s),t.appendChild(o)}t.addEventListener("value-changed",r=>this._valueChanged(t.value)),this.element=t}refreshValue(e,t){this.element.value=t}}});import{BaseCustomWebComponentConstructorAppend as Xg,css as $g,html as Kg,TypedEvent as Rn}from"@node-projects/base-custom-webcomponent";var yr,Gu=g(()=>{"use strict";yr=class extends Xg{static style=$g`:host{margin:4px;margin-left:auto;margin-right:auto}#container{display:grid;grid-template-columns:minmax(30px,40px) minmax(30px,60px) minmax(30px,40px);grid-template-rows:auto;grid-template-areas:"  .   top     ." "left middle right" "  .  bottom   .";column-gap:2px;row-gap:2px}input{width:20px;text-align:center;font-size:10px;height:20px;padding:0}#left{grid-area:left;justify-self:end}#top{grid-area:top;align-self:end;justify-self:center}#right{grid-area:right;justify-self:start}#bottom{grid-area:bottom;align-self:start;justify-self:center}#rect{grid-area:middle;border:1px solid var(--wcd-thickness-editor-border-color,#000);background:var(--wcd-thickness-editor-background,#d3d3d3)}`;static template=Kg`<div id="container"><input id="left"> <input id="top"> <input id="right"> <input id="bottom"><div id="rect"></div></div>`;_leftInput;_topInput;_rightInput;_bottomInput;_valueLeft;get valueLeft(){return this._valueLeft}set valueLeft(e){let t=this._valueLeft;this._valueLeft=e,t!==e&&(this._updateValue(),this.valueLeftChanged.emit({newValue:e,oldValue:t}))}valueLeftChanged=new Rn;_valueTop;get valueTop(){return this._valueTop}set valueTop(e){let t=this._valueTop;this._valueTop=e,t!==e&&(this._updateValue(),this.valueTopChanged.emit({newValue:e,oldValue:t}))}valueTopChanged=new Rn;_valueRight;get valueRight(){return this._valueRight}set valueRight(e){let t=this._valueRight;this._valueRight=e,t!==e&&(this._updateValue(),this.valueRightChanged.emit({newValue:e,oldValue:t}))}valueRightChanged=new Rn;_valueBottom;get valueBottom(){return this._valueBottom}set valueBottom(e){let t=this._valueBottom;this._valueBottom=e,t!==e&&(this._updateValue(),this.valueBottomChanged.emit({newValue:e,oldValue:t}))}valueBottomChanged=new Rn;property;unsetValue;_updateValue(){this._leftInput.value=this.valueLeft,this._topInput.value=this.valueTop,this._rightInput.value=this.valueRight,this._bottomInput.value=this._valueBottom}ready(){this._parseAttributesToProperties(),this._leftInput=this._getDomElement("left"),this._topInput=this._getDomElement("top"),this._rightInput=this._getDomElement("right"),this._bottomInput=this._getDomElement("bottom"),this._leftInput.onkeyup=e=>{e.key==="Enter"&&(this._valueLeft=this._leftInput.value)},this._topInput.onkeyup=e=>{e.key==="Enter"&&(this._valueTop=this._topInput.value)},this._rightInput.onkeyup=e=>{e.key==="Enter"&&(this._valueRight=this._rightInput.value)},this._bottomInput.onkeyup=e=>{e.key==="Enter"&&(this._valueBottom=this._bottomInput.value)},this._leftInput.onblur=e=>this._valueLeft=this._leftInput.value,this._topInput.onblur=e=>this._valueTop=this._topInput.value,this._rightInput.onblur=e=>this._valueRight=this._rightInput.value,this._bottomInput.onblur=e=>this._valueBottom=this._bottomInput.value,this._updateValue()}};customElements.define("node-projects-thickness-editor",yr)});var zn,_c=g(()=>{"use strict";Le();Gu();zn=class extends ae{constructor(e){super(e);let t=new yr;t.property=e.name,t.valueLeftChanged.on(i=>this._valueChanged(i.newValue)),this.element=t}refreshValue(e,t){this.element.valueLeft=t}}});var Ri,xc=g(()=>{"use strict";Le();Ri=class n extends ae{static fontList;constructor(e){super(e);let t=document.createElement("select");e.readonly&&(t.disabled=!0),this.element=t,n.addFontsToSelect(t),this.element.onchange=i=>this._valueChanged(this.element.value)}static addFontsToSelect(e){n.fontList?n.parseFontList(e):window.queryLocalFonts?window.queryLocalFonts().then(t=>{n.fontList=[...new Set(t.map(i=>i.family))],n.parseFontList(e)}):(n.fontList=["Verdana","Arial","Tahoma","Trebuchet MS","Times New Roman","Georgia","Garamond","Courier New","Brush Script MT"],n.parseFontList(e))}static parseFontList(e){for(let t of n.fontList){let i=document.createElement("option");i.value=t,i.text=t,e.appendChild(i)}}refreshValue(e,t){this.element.value=t}}});function Sc(n,e=4){if(!Number.isFinite(n))return"0";let t=10**Math.max(0,e),i=Math.round(n*t)/t;return Object.is(i,-0)?"0":`${i}`}function hi(n,e){let t=n?.trim()??"";return t?t+(e??""):""}function ju(n){let e=n?.trim()??"";if(!e)return{kind:"empty"};let t=e.match(/^([+-]?(?:\d+(?:\.\d+)?|\.\d+))(?:([a-z%]+))?$/i);if(!t)return{kind:"text",text:e};let i=Number(t[1]);return Number.isNaN(i)?{kind:"text",text:e}:{kind:"numeric",numberText:t[1],value:i,unit:t[2]?.toLowerCase()??""}}function Bn(n){return n?.replace(/-([a-z])/g,(e,t)=>t.toUpperCase())??""}function ay(n){return n?.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)??""}function Uu(n){return n.property.numericValueDecimalPlaces??(n.fromUnit==="%"||n.toUnit==="%"?2:4)}function ly(n,e,t){return n==null?null:typeof n=="number"?hi(Sc(n,t),e):n}function Hn(n){return n.designItems?.[0]?.element??null}function cy(n){return n?typeof HTMLElement<"u"&&n instanceof HTMLElement?!0:typeof n.getBoundingClientRect=="function":!1}function Xu(n){if(!n)return null;if(n.parentElement)return n.parentElement;if(n.assignedSlot)return n.assignedSlot;let t=n.getRootNode?.()?.host;if(cy(t))return t;let i=n.ownerDocument;return i?.body??i?.documentElement??null}function $u(n){let e=parseFloat(n??"");return Number.isNaN(e)?null:e}function hy(n){if(typeof getComputedStyle!="function")return null;let e=Hn(n);if(!e)return null;let t=getComputedStyle(e),i=n.property.propertyName??n.property.name;if(!i)return null;let r=typeof t.getPropertyValue=="function"?l=>t.getPropertyValue(l):l=>"";if(i.startsWith("--"))return r(i)?.trim()??null;let o=i.includes("-")?i:ay(i),s=r(o)?.trim();if(s)return s;let a=Bn(i);return t[a]?.trim()??null}function py(n){let e=ju(n.rawValue);if(e.kind==="numeric")return{...n,value:e.value,numberText:e.numberText,fromUnit:e.unit||n.fromUnit,rawValue:hi(e.numberText,e.unit)};let t=hy(n),i=ju(t);if(i.kind!=="numeric"){if(n.numericType!=="css-length")return null;let r=Ku(n);if(r==null)return null;let o=Sc(r);return{...n,value:r,numberText:o,fromUnit:"px",rawValue:hi(o,"px")}}return{...n,value:i.value,numberText:i.numberText,fromUnit:i.unit,rawValue:hi(i.numberText,i.unit)}}function dy(n){if(typeof window>"u")return null;switch(n){case"vw":return window.innerWidth/100;case"vh":return window.innerHeight/100;case"vmin":return Math.min(window.innerWidth,window.innerHeight)/100;case"vmax":return Math.max(window.innerWidth,window.innerHeight)/100;default:return null}}function vr(n,e){if(typeof getComputedStyle!="function")return null;let t=Hn(n);if(!t)return null;let i=e?Xu(t)??t:t;return $u(getComputedStyle(i).fontSize)}function uy(){return typeof getComputedStyle!="function"||typeof document>"u"?null:$u(getComputedStyle(document.documentElement).fontSize)}function my(n){if(typeof getComputedStyle!="function")return null;let e=Hn(n);if(!e)return null;let t=Bn(n.property.propertyName??n.property.name);if(t==="fontSize")return vr(n,!0);if(t==="lineHeight")return vr(n,!1);let r=(Xu(e)??e).getBoundingClientRect?.();return r?ny.has(t)?r.height:(ry.has(t),r.width):null}function Ku(n){let e=Hn(n);if(!e)return null;let t=e.getBoundingClientRect?.();if(!t)return null;let i=Bn(n.property.propertyName??n.property.name);return oy.has(i)?t.width:sy.has(i)?t.height:null}function bc(n,e){let t=e?.toLowerCase()??"";if(!t)return null;let i=qg.get(t);if(i!=null)return i;if(t==="%"){let r=my(n);return r==null?null:r/100}if(t==="em")return vr(n,Bn(n.property.propertyName??n.property.name)==="fontSize");if(t==="rem")return uy();if(t==="ex"){let r=vr(n,!1);return r==null?null:r/2}if(t==="ch"){let r=vr(n,!1);return r==null?null:r/2}return dy(t)}function Qu(n){let e=py(n);if(!e)return hi(n.numberText,n.toUnit);let t=Uu(n),i;switch(e.numericType){case"css-length":i=fy(e.value,e.fromUnit,e.toUnit,e);break;case"css-angle":i=Fn(e.value,e.fromUnit,e.toUnit,Jg);break;case"css-time":i=Fn(e.value,e.fromUnit,e.toUnit,ey);break;case"css-frequency":i=Fn(e.value,e.fromUnit,e.toUnit,ty);break;case"css-resolution":i=Fn(e.value,e.fromUnit,e.toUnit,iy);break;case"css-flex":i=e.value;break;case"css-scale":i=gy(e.value,e.fromUnit,e.toUnit);break}return i==null?hi(e.numberText,e.toUnit):hi(Sc(i,t),e.toUnit)}function fy(n,e,t,i){let r=e?.toLowerCase()??"",o=t?.toLowerCase()??"";if(r!=="%"&&o==="%"){let l=Ku(i),c=bc(i,o);if(l!=null&&c!=null)return l/c}let s=bc(i,e),a=bc(i,t);return s==null||a==null?null:n*s/a}function gy(n,e,t){let i=e?.toLowerCase()??"",r=t?.toLowerCase()??"";if(i===r)return n;let o=i==="%"?.01:i===""?1:null,s=r==="%"?.01:r===""?1:null;return o==null||s==null?null:n*o/s}function Fn(n,e,t,i){let r=e?.toLowerCase()??"",o=t?.toLowerCase()??"";if(!r||!o||r===o)return n;if(!i)return null;let s=i.get(r),a=i.get(o);return s==null||a==null?null:n*s/a}function Cc(n,e){return Zg.includes(n??"")?n:null}function Zu(n,e){return Cc(n,e)!=null}function yy(n){let e=Uu(n),t=ly(n.property.numericValueConverter?.(n.value,n.fromUnit,n.toUnit,n.property,n.numericType,n.numberText,n.rawValue,n.designItems),n.toUnit,e);return t??Qu(n)}function qu(n){return[...new Set([...n??[],...Qg].filter(Boolean))]}function Ju(n){let e=Cc(n.type,n.propertyName??n.name);return n.values=qu(n.values),e&&(n.units??=[...wc[e]],n.unitSteps??={...Yu[e]},n.numericValueConverter??=(t,i,r,o,s,a,l,c)=>Qu({property:o,numericType:s,designItems:c,value:t,numberText:a??`${t}`,rawValue:l??`${t}${i}`,fromUnit:i,toUnit:r})),n}function em(n){let e=Cc(n.type,n.name);if(!e)return null;let t=Yu[e]??{};return{numericType:e,units:n.units?.length?n.units:wc[e],fixedValues:qu(n.values),unitSteps:{...t,...n.unitSteps??{}},convertValue:i=>yy({...i,property:n,numericType:e})}}var Qg,wc,Zg,Yu,qg,Jg,ey,ty,iy,ry,ny,oy,sy,Wn=g(()=>{"use strict";Qg=["initial","inherit","unset"],wc={"css-length":["px","%","em","rem","vw","vh","vmin","vmax","pt","pc","in","cm","mm","q","ch","ex"],"css-angle":["deg","grad","rad","turn"],"css-time":["ms","s"],"css-frequency":["hz","khz"],"css-flex":["fr"],"css-resolution":["dpi","dpcm","dppx","x"],"css-scale":["","%"],"svg-length":["","%"]},Zg=Object.keys(wc),Yu={"css-length":{em:.1,rem:.1,in:.01,cm:.1,ch:.1,ex:.1},"css-angle":{rad:.01,turn:.1},"css-time":{ms:10,s:.1},"css-frequency":{khz:.1},"css-flex":{fr:.1},"css-resolution":{dppx:.1,x:.1},"css-scale":{"":.1,"%":10},"svg-length":{"":1,"%":10}},qg=new Map([["px",1],["in",96],["cm",96/2.54],["mm",96/25.4],["q",96/101.6],["pt",96/72],["pc",16]]),Jg=new Map([["deg",1],["grad",.9],["rad",180/Math.PI],["turn",360]]),ey=new Map([["ms",1],["s",1e3]]),ty=new Map([["hz",1],["khz",1e3]]),iy=new Map([["dpi",1],["dpcm",2.54],["dppx",96],["x",96]]),ry=new Set(["width","minWidth","maxWidth","inlineSize","minInlineSize","maxInlineSize","left","right","columnGap","gap","flexBasis","perspective"]),ny=new Set(["height","minHeight","maxHeight","top","bottom","blockSize","minBlockSize","maxBlockSize","rowGap"]),oy=new Set(["width","minWidth","maxWidth","inlineSize","minInlineSize","maxInlineSize"]),sy=new Set(["height","minHeight","maxHeight","blockSize","minBlockSize","maxBlockSize"])});var Gn,Ec=g(()=>{"use strict";Gl();Le();Wn();Gn=class extends ae{constructor(e){super(e);let t=em(e),i=new lr;i.units=t?.units??e.units??[],i.fixedValues=t?.fixedValues??e.values,i.unitValueConverter=r=>t?.convertValue({...r,designItems:this.designItems}),i.unitSteps=t?.unitSteps??e.unitSteps??{},i.step=e.step,i.min=e.min,i.max=e.max,i.readOnly=e.readonly,i.valueChanged.on(async r=>this._valueChanged(r.newValue===""?null:r.newValue)),i.valuePreviewChanged.on(async r=>this._previewValueChanged(r.newValue===""?null:r.newValue)),i.valuePreviewFinished.on(async r=>{await this._removePreviewValue(),!r.wasCancelled&&await this._valueChanged(r.newValue===""?null:r.newValue)}),this.element=i}designItemsChanged(e){super.designItemsChanged(e)}refreshValue(e,t){this.element.value=t==null?"":String(t)}}});var jn,Pc=g(()=>{"use strict";Et();ut();jn=class{element;property;designItems;_innerEditor;_importantButton;_value;_disableChangeNotification=!1;constructor(e,t){this.property=e;let i={...e,service:this._createServiceProxy(e.service)};this._innerEditor=t(i),this._importantButton=document.createElement("button"),this._importantButton.type="button",this._importantButton.textContent="!",this._importantButton.title="!important",this._importantButton.disabled=e.readonly===!0,this._importantButton.style.width="18px",this._importantButton.style.height="18px",this._importantButton.style.margin="-2px 0 0 -2px",this._importantButton.style.padding="0",this._importantButton.style.border="1px solid var(--wcd-input-border-color, var(--input-border-color, var(--wcd-color-border, #596c7a)))",this._importantButton.style.background="transparent",this._importantButton.style.color="lightslategray",this._importantButton.style.fontWeight="bold",this._importantButton.style.lineHeight="16px",this._importantButton.style.cursor="pointer",this._importantButton.onclick=async()=>{this._disableChangeNotification||!this.designItems?.length||this._value==null||this._value===""||(this._setImportant(!this._isImportant()),await this.property.service.setValue(this.designItems,this.property,this._appendImportant(this._value)),this.designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this.designItems))},this.element=document.createElement("div"),this.element.style.display="grid",this.element.style.gridTemplateColumns="minmax(0, 1fr) 18px",this.element.style.alignItems="center",this.element.style.gap="2px",this.element.appendChild(this._innerEditor.element),this.element.appendChild(this._importantButton)}_createServiceProxy(e){let t=Object.create(e);return t.setValue=async(i,r,o)=>e.setValue(i,this.property,this._appendImportant(o)),t.previewValue=async(i,r,o)=>e.previewValue?.(i,this.property,this._appendImportant(o)),t.removePreviewValue=async(i,r)=>e.removePreviewValue?.(i,this.property),t.clearValue=(i,r,o)=>e.clearValue(i,this.property,o),t}_appendImportant(e){return typeof e!="string"?e:(this._value=e,Ye(e,this._isImportant()))}designItemsChanged(e){this.designItems=e,this._innerEditor.designItemsChanged(e)}_refreshImportant(e,t){let i=typeof t=="string"?Ht(t):{value:t,important:!1};this._value=i.value,this._setImportant(i.important),this._importantButton.disabled=this.property.readonly===!0||e==G.none||i.value==null||i.value==="",this._importantButton.style.cursor=this._importantButton.disabled?"default":"pointer"}_isImportant(){return this._importantButton.dataset.checked==="true"}_setImportant(e){this._importantButton.dataset.checked=e?"true":"false",this._importantButton.style.background=e?"orange":"transparent",this._importantButton.style.color=e?"black":"lightslategray"}refreshValue(e,t){this._refreshImportant(e,t),this._innerEditor.refreshValue(e,this._value)}refreshValueWithoutNotification(e,t){e==G.none?this.element.classList.add("unset-value"):this.element.classList.remove("unset-value"),this._disableChangeNotification=!0;try{this._refreshImportant(e,t),this._innerEditor.refreshValueWithoutNotification(e,this._value)}catch(i){console.error(i)}this._disableChangeNotification=!1}}});var Yn,kc=g(()=>{"use strict";hc();pc();dc();uc();mc();fc();gc();vc();_c();xc();Ec();Wn();fe();Pc();Yn=class{getEditorForProperty(e){return e.propertyType===x.cssValue?new jn(e,t=>this._getEditorForProperty(t)):this._getEditorForProperty(e)}_getEditorForProperty(e){if(e.createEditor)return e.createEditor(e);if(Zu(e.type,e.name))return new Gn(e);switch(e.type){case"json":return new Mn(e);case"css-color":case"color":return new An(e);case"font":return new Ri(e);case"date":return new Tn(e);case"number":return new Ln(e);case"list":return new fr(e);case"enum":return new fr(e);case"boolean":return new Vn(e);case"img-list":return new Nn(e);case"thickness":return new zn(e);case"string":default:return new On(e)}}}});import{BaseCustomWebComponentLazyAppend as vy,BaseCustomWebComponentConstructorAppend as _y,BaseCustomWebComponentNoAttachedTemplate as xy,BaseCustomWebComponentConstructorAppendLazyReady as by}from"@node-projects/base-custom-webcomponent";var Un,Ic=g(()=>{"use strict";Ai();Un=class extends mt{name="baseCustomWebComponent";isHandledElement(e){return e.element instanceof vy||e.element instanceof by||e.element instanceof _y||e.element instanceof xy}_notifyChangedProperty(e,t,i){e.element._parseAttributesToProperties()}}});function Xn(n,e,t){if(e==null||e==""){n.style.transform=t;return}let i=new DOMMatrix(e),o=new DOMMatrix(t).multiply(i);n.style.transform=o.toString()}function zi(n){return new DOMPoint(n.m41,n.m42,0,0)}var Dc=g(()=>{"use strict"});var w,Ue=g(()=>{"use strict";(function(n){n.Move="M",n.Line="L",n.CubicBezier="C",n.QuadraticBezier="Q",n.Arc="A",n.Close="Z",n.HorizontalLine="H",n.VerticalLine="V",n.SmoothCubic="S",n.SmoothQuadratic="T"})(w||(w={}))});function kt(n,e,t=45){let i=tm(n,e),s=(Math.round(i/t)*t+360)%360*Math.PI/180,a=e.x-n.x,l=e.y-n.y,c=Math.sqrt(a*a+l*l),h=n.x+Math.cos(s)*c,p=n.y-Math.sin(s)*c;return{x:h,y:p}}function Fi(n,e){let t,i=Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)),r=tm(n,e),o=r-(Math.floor(r/90)*90+45);return t=i*Math.cos(o*(Math.PI/180))/Math.sqrt(2),t}function tm(n,e){let t=-1*Math.atan2(e.y-n.y,e.x-n.x)*180/Math.PI;return t<0&&(t+=360),t}function im(n,e,t){let i=e.x-n.x,r=e.y-n.y,o=Math.sqrt(i*i+r*r);if(o===0)return[];if(t<=0)return[e];let s=Math.max(1,Math.ceil(o/t)),a=[];for(let l=1;l<=s;l++)a.push({x:n.x+i*l/s,y:n.y+r*l/s});return a}function rm(n,e,t){let i="",r=n.getPathData({normalize:!0});for(let o of r)switch(o.type){case"M":case"m":case"L":case"l":case"T":case"t":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" ";break;case"Z":case"z":i+=o.type+" ";break;case"C":case"c":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" "+(o.values[2]-e)+" "+(o.values[3]-t)+" "+(o.values[4]-e)+" "+(o.values[5]-t)+" ";break;case"S":case"s":case"Q":case"q":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" "+(o.values[2]-e)+" "+(o.values[3]-t)+" ";break;case"A":case"a":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" "+o.values[2]+" "+o.values[3]+" "+o.values[4]+" "+(o.values[5]-e)+" "+(o.values[6]-t)+" ";break}return i}function pi(n){let e="";for(let i of n){e+=i.type+" ";for(var t=0;t<i.values.length;t++)i.values[t]!=null&&!isNaN(i.values[t])&&(e+=i.values[t]+" ")}return e}var Xe=g(()=>{"use strict";(!SVGPathElement.prototype.getPathData||!SVGPathElement.prototype.setPathData)&&(function(){var n={Z:"Z",M:"M",L:"L",C:"C",Q:"Q",A:"A",H:"H",V:"V",S:"S",T:"T",z:"Z",m:"m",l:"l",c:"c",q:"q",a:"a",h:"h",v:"v",s:"s",t:"t"},e=function(s){this._string=s,this._currentIndex=0,this._endIndex=this._string.length,this._prevCommand=null,this._skipOptionalSpaces()};e.prototype={parseSegment:function(){var s=this._string[this._currentIndex],a=n[s]?n[s]:null;if(a===null){if(this._prevCommand===null||((s==="+"||s==="-"||s==="."||s>="0"&&s<="9")&&this._prevCommand!=="Z"?this._prevCommand==="M"?a="L":this._prevCommand==="m"?a="l":a=this._prevCommand:a=null,a===null))return null}else this._currentIndex+=1;this._prevCommand=a;var l=null,c=a.toUpperCase();return c==="H"||c==="V"?l=[this._parseNumber()]:c==="M"||c==="L"||c==="T"?l=[this._parseNumber(),this._parseNumber()]:c==="S"||c==="Q"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="C"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="A"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseArcFlag(),this._parseArcFlag(),this._parseNumber(),this._parseNumber()]:c==="Z"&&(this._skipOptionalSpaces(),l=[]),l===null||l.indexOf(null)>=0?null:{type:a,values:l}},hasMoreData:function(){return this._currentIndex<this._endIndex},peekSegmentType:function(){var s=this._string[this._currentIndex];return n[s]?n[s]:null},initialCommandIsMoveTo:function(){if(!this.hasMoreData())return!0;var s=this.peekSegmentType();return s==="M"||s==="m"},_isCurrentSpace:function(){var s=this._string[this._currentIndex];return s<=" "&&(s===" "||s===`
-`||s==="	"||s==="\r"||s==="\f")},_skipOptionalSpaces:function(){for(;this._currentIndex<this._endIndex&&this._isCurrentSpace();)this._currentIndex+=1;return this._currentIndex<this._endIndex},_skipOptionalSpacesOrDelimiter:function(){return this._currentIndex<this._endIndex&&!this._isCurrentSpace()&&this._string[this._currentIndex]!==","?!1:(this._skipOptionalSpaces()&&this._currentIndex<this._endIndex&&this._string[this._currentIndex]===","&&(this._currentIndex+=1,this._skipOptionalSpaces()),this._currentIndex<this._endIndex)},_parseNumber:function(){var s=0,a=0,l=1,c=0,h=1,p=1,d=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,h=-1),this._currentIndex===this._endIndex||(this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")&&this._string[this._currentIndex]!==".")return null;for(var u=this._currentIndex;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)this._currentIndex+=1;if(this._currentIndex!==u)for(var m=this._currentIndex-1,f=1;m>=u;)a+=f*(this._string[m]-"0"),m-=1,f*=10;if(this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="."){if(this._currentIndex+=1,this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)l*=10,c+=(this._string.charAt(this._currentIndex)-"0")/l,this._currentIndex+=1}if(this._currentIndex!==d&&this._currentIndex+1<this._endIndex&&(this._string[this._currentIndex]==="e"||this._string[this._currentIndex]==="E")&&this._string[this._currentIndex+1]!=="x"&&this._string[this._currentIndex+1]!=="m"){if(this._currentIndex+=1,this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,p=-1),this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)s*=10,s+=this._string[this._currentIndex]-"0",this._currentIndex+=1}var y=a+c;return y*=h,s&&(y*=Math.pow(10,p*s)),d===this._currentIndex?null:(this._skipOptionalSpacesOrDelimiter(),y)},_parseArcFlag:function(){if(this._currentIndex>=this._endIndex)return null;var s=null,a=this._string[this._currentIndex];if(this._currentIndex+=1,a==="0")s=0;else if(a==="1")s=1;else return null;return this._skipOptionalSpacesOrDelimiter(),s}};var t=function(s){if(!s||s.length===0)return[];var a=new e(s),l=[];if(a.initialCommandIsMoveTo())for(;a.hasMoreData();){var c=a.parseSegment();if(c===null)break;l.push(c)}return l},i=function(s,a,l,c,h,p,d,u,m,f){var y=function(rt){return Math.PI*rt/180},v=function(rt,St,Ge){var Rt=rt*Math.cos(Ge)-St*Math.sin(Ge),Pi=rt*Math.sin(Ge)+St*Math.cos(Ge);return{x:Rt,y:Pi}},C=y(d),b=[],_,S,E,I;if(f)_=f[0],S=f[1],E=f[2],I=f[3];else{var j=v(s,a,-C);s=j.x,a=j.y;var H=v(l,c,-C);l=H.x,c=H.y;var N=(s-l)/2,K=(a-c)/2,Q=N*N/(h*h)+K*K/(p*p);Q>1&&(Q=Math.sqrt(Q),h=Q*h,p=Q*p);var ce;u===m?ce=-1:ce=1;var B=h*h,ye=p*p,L=B*ye-B*K*K-ye*N*N,ie=B*K*K+ye*N*N,X=ce*Math.sqrt(Math.abs(L/ie));E=X*h*K/p+(s+l)/2,I=X*-p*N/h+(a+c)/2,_=Math.asin(parseFloat(((a-I)/p).toFixed(9))),S=Math.asin(parseFloat(((c-I)/p).toFixed(9))),s<E&&(_=Math.PI-_),l<E&&(S=Math.PI-S),_<0&&(_=Math.PI*2+_),S<0&&(S=Math.PI*2+S),m&&_>S&&(_=_-Math.PI*2),!m&&S>_&&(S=S-Math.PI*2)}var q=S-_;if(Math.abs(q)>Math.PI*120/180){var We=S,ke=l,Ze=c;m&&S>_?S=_+Math.PI*120/180*1:S=_+Math.PI*120/180*-1,l=E+h*Math.cos(S),c=I+p*Math.sin(S),b=i(l,c,ke,Ze,h,p,d,0,m,[S,We,E,I])}q=S-_;var qe=Math.cos(_),Qr=Math.sin(_),Zr=Math.cos(S),Pl=Math.sin(S),qr=Math.tan(q/4),Ei=4/3*h*qr,Nt=4/3*p*qr,wt=[s,a],pt=[s+Ei*Qr,a-Nt*qe],ri=[l+Ei*Pl,c-Nt*Zr],be=[l,c];if(pt[0]=2*wt[0]-pt[0],pt[1]=2*wt[1]-pt[1],f)return[pt,ri,be].concat(b);b=[pt,ri,be].concat(b);for(var dt=[],Je=0;Je<b.length;Je+=3){let rt=v(b[Je][0],b[Je][1],C),St=v(b[Je+1][0],b[Je+1][1],C),Ge=v(b[Je+2][0],b[Je+2][1],C);dt.push([rt.x,rt.y,St.x,St.y,Ge.x,Ge.y])}return dt},r=function(s){var a=[],l=null,c=null,h=null,p=null;return s.forEach(function(d){var u=d.type;if(u==="M"){var m=d.values[0],f=d.values[1];a.push({type:"M",values:[m,f]}),h=m,p=f,l=m,c=f}else if(u==="m"){var m=l+d.values[0],f=c+d.values[1];a.push({type:"M",values:[m,f]}),h=m,p=f,l=m,c=f}else if(u==="L"){var m=d.values[0],f=d.values[1];a.push({type:"L",values:[m,f]}),l=m,c=f}else if(u==="l"){var m=l+d.values[0],f=c+d.values[1];a.push({type:"L",values:[m,f]}),l=m,c=f}else if(u==="C"){var y=d.values[0],v=d.values[1],C=d.values[2],b=d.values[3],m=d.values[4],f=d.values[5];a.push({type:"C",values:[y,v,C,b,m,f]}),l=m,c=f}else if(u==="c"){var y=l+d.values[0],v=c+d.values[1],C=l+d.values[2],b=c+d.values[3],m=l+d.values[4],f=c+d.values[5];a.push({type:"C",values:[y,v,C,b,m,f]}),l=m,c=f}else if(u==="Q"){var y=d.values[0],v=d.values[1],m=d.values[2],f=d.values[3];a.push({type:"Q",values:[y,v,m,f]}),l=m,c=f}else if(u==="q"){var y=l+d.values[0],v=c+d.values[1],m=l+d.values[2],f=c+d.values[3];a.push({type:"Q",values:[y,v,m,f]}),l=m,c=f}else if(u==="A"){var m=d.values[5],f=d.values[6];a.push({type:"A",values:[d.values[0],d.values[1],d.values[2],d.values[3],d.values[4],m,f]}),l=m,c=f}else if(u==="a"){var m=l+d.values[5],f=c+d.values[6];a.push({type:"A",values:[d.values[0],d.values[1],d.values[2],d.values[3],d.values[4],m,f]}),l=m,c=f}else if(u==="H"){var m=d.values[0];a.push({type:"H",values:[m]}),l=m}else if(u==="h"){var m=l+d.values[0];a.push({type:"H",values:[m]}),l=m}else if(u==="V"){var f=d.values[0];a.push({type:"V",values:[f]}),c=f}else if(u==="v"){var f=c+d.values[0];a.push({type:"V",values:[f]}),c=f}else if(u==="S"){var C=d.values[0],b=d.values[1],m=d.values[2],f=d.values[3];a.push({type:"S",values:[C,b,m,f]}),l=m,c=f}else if(u==="s"){var C=l+d.values[0],b=c+d.values[1],m=l+d.values[2],f=c+d.values[3];a.push({type:"S",values:[C,b,m,f]}),l=m,c=f}else if(u==="T"){var m=d.values[0],f=d.values[1];a.push({type:"T",values:[m,f]}),l=m,c=f}else if(u==="t"){var m=l+d.values[0],f=c+d.values[1];a.push({type:"T",values:[m,f]}),l=m,c=f}else(u==="Z"||u==="z")&&(a.push({type:"Z",values:[]}),l=h,c=p)}),a},o=function(s){var a=[],l=null,c=null,h=null,p=null,d=null,u=null,m=null;return s.forEach(function(f){if(f.type==="M"){var y=f.values[0],v=f.values[1];a.push({type:"M",values:[y,v]}),u=y,m=v,p=y,d=v}else if(f.type==="C"){var C=f.values[0],b=f.values[1],_=f.values[2],S=f.values[3],y=f.values[4],v=f.values[5];a.push({type:"C",values:[C,b,_,S,y,v]}),c=_,h=S,p=y,d=v}else if(f.type==="L"){var y=f.values[0],v=f.values[1];a.push({type:"L",values:[y,v]}),p=y,d=v}else if(f.type==="H"){var y=f.values[0];a.push({type:"L",values:[y,d]}),p=y}else if(f.type==="V"){var v=f.values[0];a.push({type:"L",values:[p,v]}),d=v}else if(f.type==="S"){var _=f.values[0],S=f.values[1],y=f.values[2],v=f.values[3],E,I;l==="C"||l==="S"?(E=p+(p-c),I=d+(d-h)):(E=p,I=d),a.push({type:"C",values:[E,I,_,S,y,v]}),c=_,h=S,p=y,d=v}else if(f.type==="T"){var y=f.values[0],v=f.values[1],C,b;l==="Q"||l==="T"?(C=p+(p-c),b=d+(d-h)):(C=p,b=d);var E=p+2*(C-p)/3,I=d+2*(b-d)/3,j=y+2*(C-y)/3,H=v+2*(b-v)/3;a.push({type:"C",values:[E,I,j,H,y,v]}),c=C,h=b,p=y,d=v}else if(f.type==="Q"){var C=f.values[0],b=f.values[1],y=f.values[2],v=f.values[3],E=p+2*(C-p)/3,I=d+2*(b-d)/3,j=y+2*(C-y)/3,H=v+2*(b-v)/3;a.push({type:"C",values:[E,I,j,H,y,v]}),c=C,h=b,p=y,d=v}else if(f.type==="A"){let B=Math.abs(f.values[0]),ye=Math.abs(f.values[1]);var N=f.values[2],K=f.values[3],Q=f.values[4],y=f.values[5],v=f.values[6];if(B===0||ye===0)a.push({type:"C",values:[p,d,y,v,y,v]}),p=y,d=v;else if(p!==y||d!==v){var ce=i(p,d,y,v,B,ye,N,K,Q);ce.forEach(function(X){a.push({type:"C",values:X})}),p=y,d=v}}else f.type==="Z"&&(a.push(f),p=u,d=m);l=f.type}),a};SVGPathElement.prototype.getPathData=function(s){if(s&&s.normalize){let a;return a=t(this.getAttribute("d")||""),o(r(a))}else return t(this.getAttribute("d")||"")},SVGPathElement.prototype.setPathData=function(s){if(s.length===0)this.removeAttribute("d");else{let a="";for(let l=0,c=s.length;l<c;l+=1){let h=s[l];l>0&&(a+=" "),a+=h.type,h.values&&h.values.length>0&&(a+=" "+h.values.join(" "))}this.setAttribute("d",a)}},SVGRectElement.prototype.getPathData=function(s){var a=this.x.baseVal.value,l=this.y.baseVal.value,c=this.width.baseVal.value,h=this.height.baseVal.value,p=this.hasAttribute("rx")?this.rx.baseVal.value:this.ry.baseVal.value,d=this.hasAttribute("ry")?this.ry.baseVal.value:this.rx.baseVal.value;p>c/2&&(p=c/2),d>h/2&&(d=h/2);var u=[{type:"M",values:[a+p,l]},{type:"H",values:[a+c-p]},{type:"A",values:[p,d,0,0,1,a+c,l+d]},{type:"V",values:[l+h-d]},{type:"A",values:[p,d,0,0,1,a+c-p,l+h]},{type:"H",values:[a+p]},{type:"A",values:[p,d,0,0,1,a,l+h-d]},{type:"V",values:[l+d]},{type:"A",values:[p,d,0,0,1,a+p,l]},{type:"Z",values:[]}];return u=u.filter(function(m){return!(m.type==="A"&&(m.values[0]===0||m.values[1]===0))}),s&&s.normalize===!0&&(u=o(u)),u},SVGCircleElement.prototype.getPathData=function(s){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.r.baseVal.value,h=[{type:"M",values:[a+c,l]},{type:"A",values:[c,c,0,0,1,a,l+c]},{type:"A",values:[c,c,0,0,1,a-c,l]},{type:"A",values:[c,c,0,0,1,a,l-c]},{type:"A",values:[c,c,0,0,1,a+c,l]},{type:"Z",values:[]}];return s&&s.normalize===!0&&(h=o(h)),h},SVGEllipseElement.prototype.getPathData=function(s){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.rx.baseVal.value,h=this.ry.baseVal.value,p=[{type:"M",values:[a+c,l]},{type:"A",values:[c,h,0,0,1,a,l+h]},{type:"A",values:[c,h,0,0,1,a-c,l]},{type:"A",values:[c,h,0,0,1,a,l-h]},{type:"A",values:[c,h,0,0,1,a+c,l]},{type:"Z",values:[]}];return s&&s.normalize===!0&&(p=o(p)),p},SVGLineElement.prototype.getPathData=function(){return[{type:"M",values:[this.x1.baseVal.value,this.y1.baseVal.value]},{type:"L",values:[this.x2.baseVal.value,this.y2.baseVal.value]}]},SVGPolylineElement.prototype.getPathData=function(){for(var s=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);s.push({type:a===0?"M":"L",values:[l.x,l.y]})}return s},SVGPolygonElement.prototype.getPathData=function(){for(var s=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);s.push({type:a===0?"M":"L",values:[l.x,l.y]})}return s.push({type:"Z",values:[]}),s}})()});var Ac={};pu(Ac,{SvgPathGeometryReader:()=>_r});var _r,xr=g(()=>{"use strict";Ue();Xe();Xe();_r=class{read(e){let i=e.getPathData({normalize:!1}),r=[],o={x:0,y:0},s={x:0,y:0},a=!1;for(let l of i){let c=l.type===l.type.toLowerCase();switch(l.type.toUpperCase()){case"M":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1];r.push({type:w.Move,relative:c,point:{x:p,y:d}}),o={x:p,y:d},s={x:p,y:d};break}case"L":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1];r.push({type:w.Line,relative:c,point:{x:p,y:d}}),o={x:p,y:d};break}case"H":{let p=c?o.x+l.values[0]:l.values[0];r.push({type:w.HorizontalLine,relative:c,point:{x:p,y:o.y}}),o={x:p,y:o.y};break}case"V":{let p=c?o.y+l.values[0]:l.values[0];r.push({type:w.VerticalLine,relative:c,point:{x:o.x,y:p}}),o={x:o.x,y:p};break}case"C":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1],u=c?o.x+l.values[2]:l.values[2],m=c?o.y+l.values[3]:l.values[3],f=c?o.x+l.values[4]:l.values[4],y=c?o.y+l.values[5]:l.values[5];r.push({type:w.CubicBezier,relative:c,point:{x:f,y},cp1:{x:p,y:d},cp2:{x:u,y:m}}),o={x:f,y};break}case"S":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1],u=c?o.x+l.values[2]:l.values[2],m=c?o.y+l.values[3]:l.values[3];r.push({type:w.SmoothCubic,relative:c,point:{x:u,y:m},cp2:{x:p,y:d}}),o={x:u,y:m};break}case"Q":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1],u=c?o.x+l.values[2]:l.values[2],m=c?o.y+l.values[3]:l.values[3];r.push({type:w.QuadraticBezier,relative:c,point:{x:u,y:m},cp1:{x:p,y:d}}),o={x:u,y:m};break}case"T":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1];r.push({type:w.SmoothQuadratic,relative:c,point:{x:p,y:d}}),o={x:p,y:d};break}case"A":{let p=c?o.x+l.values[5]:l.values[5],d=c?o.y+l.values[6]:l.values[6];r.push({type:w.Arc,relative:c,point:{x:p,y:d},arc:{rx:l.values[0],ry:l.values[1],rotation:l.values[2],largeArc:l.values[3]===1,sweep:l.values[4]===1}}),o={x:p,y:d};break}case"Z":{a=!0,r.push({type:w.Close,relative:c,point:{...s}}),o={...s};break}}}return{segments:r,closed:a}}serialize(e){let t=[],i={x:0,y:0};for(let r of e.segments){let o=r.relative;switch(r.type){case w.Move:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"m":"M",values:[s,a]}),i={...r.point};break}case w.Line:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"l":"L",values:[s,a]}),i={...r.point};break}case w.HorizontalLine:{let s=o?r.point.x-i.x:r.point.x;t.push({type:o?"h":"H",values:[s]}),i={...r.point};break}case w.VerticalLine:{let s=o?r.point.y-i.y:r.point.y;t.push({type:o?"v":"V",values:[s]}),i={...r.point};break}case w.CubicBezier:{let s=o?r.cp1.x-i.x:r.cp1.x,a=o?r.cp1.y-i.y:r.cp1.y,l=o?r.cp2.x-i.x:r.cp2.x,c=o?r.cp2.y-i.y:r.cp2.y,h=o?r.point.x-i.x:r.point.x,p=o?r.point.y-i.y:r.point.y;t.push({type:o?"c":"C",values:[s,a,l,c,h,p]}),i={...r.point};break}case w.SmoothCubic:{let s=o?r.cp2.x-i.x:r.cp2.x,a=o?r.cp2.y-i.y:r.cp2.y,l=o?r.point.x-i.x:r.point.x,c=o?r.point.y-i.y:r.point.y;t.push({type:o?"s":"S",values:[s,a,l,c]}),i={...r.point};break}case w.QuadraticBezier:{let s=o?r.cp1.x-i.x:r.cp1.x,a=o?r.cp1.y-i.y:r.cp1.y,l=o?r.point.x-i.x:r.point.x,c=o?r.point.y-i.y:r.point.y;t.push({type:o?"q":"Q",values:[s,a,l,c]}),i={...r.point};break}case w.SmoothQuadratic:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"t":"T",values:[s,a]}),i={...r.point};break}case w.Arc:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"a":"A",values:[r.arc.rx,r.arc.ry,r.arc.rotation,r.arc.largeArc?1:0,r.arc.sweep?1:0,s,a]}),i={...r.point};break}case w.Close:{t.push({type:o?"z":"Z",values:[]});break}}}return[{attribute:"d",value:pi(t)}]}}});function Sy(n,e){let t=n.style.getPropertyValue(e).trim();return t?{target:"style",unit:Cy(t)}:{target:"attribute"}}function Cy(n){let e=n.trim().match(/^-?(?:\d+|\d*\.\d+)([a-z%]*)$/i);return e&&e[1]?e[1]:"px"}function $n(n,e,t){let i=t?.[n];return i?.target==="style"?{attribute:n,value:`${e}${i.unit??"px"}`,target:"style"}:{attribute:n,value:e.toString()}}var wy,Kn,Tc=g(()=>{"use strict";Ue();wy=["x","y","width","height"];Kn=class{read(e){let t=e,i=t.getBBox(),r=i.x,o=i.y,s=i.width,a=i.height,l=[{type:w.Move,relative:!1,point:{x:r,y:o}},{type:w.Line,relative:!1,point:{x:r+s,y:o}},{type:w.Line,relative:!1,point:{x:r+s,y:o+a}},{type:w.Line,relative:!1,point:{x:r,y:o+a}},{type:w.Close,relative:!1,point:{x:r,y:o}}],c=Object.fromEntries(wy.map(h=>[h,Sy(t,h)]));return{segments:l,closed:!0,serializationHints:c}}serialize(e){let t=e.segments.filter(c=>c.type!==w.Close);if(t.length<2)return[];let i=t.map(c=>c.point.x),r=t.map(c=>c.point.y),o=Math.min(...i),s=Math.min(...r),a=Math.max(...i),l=Math.max(...r);return[$n("x",o,e.serializationHints),$n("y",s,e.serializationHints),$n("width",a-o,e.serializationHints),$n("height",l-s,e.serializationHints)]}}});var Qn,Mc=g(()=>{"use strict";Ue();Qn=class{read(e){let t=e,i=t.x1.baseVal.value,r=t.y1.baseVal.value,o=t.x2.baseVal.value,s=t.y2.baseVal.value;return{segments:[{type:w.Move,relative:!1,point:{x:i,y:r}},{type:w.Line,relative:!1,point:{x:o,y:s}}],closed:!1}}serialize(e){let t=e.segments.filter(i=>i.type!==w.Close);return t.length<2?[]:[{attribute:"x1",value:t[0].point.x.toString()},{attribute:"y1",value:t[0].point.y.toString()},{attribute:"x2",value:t[1].point.x.toString()},{attribute:"y2",value:t[1].point.y.toString()}]}}});var Zn,Lc=g(()=>{"use strict";Ue();Zn=class{read(e){let t=e,i=t.cx.baseVal.value,r=t.cy.baseVal.value,o=t.rx.baseVal.value,s=t.ry.baseVal.value;return{segments:[{type:w.Move,relative:!1,point:{x:i,y:r-s}},{type:w.Arc,relative:!1,point:{x:i+o,y:r},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r+s},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i-o,y:r},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r-s},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:i,y:r-s}}],closed:!0}}serialize(e){let t=e.segments.filter(p=>p.type!==w.Close);if(t.length<4)return[];let i=t[0].point,r=t[1].point,o=t[2].point,s=t[3].point,a=(r.x+s.x)/2,l=(i.y+o.y)/2,c=Math.abs(r.x-s.x)/2,h=Math.abs(o.y-i.y)/2;return[{attribute:"cx",value:a.toString()},{attribute:"cy",value:l.toString()},{attribute:"rx",value:c.toString()},{attribute:"ry",value:h.toString()}]}}});var qn,Oc=g(()=>{"use strict";Ue();qn=class{read(e){let t=e,i=t.cx.baseVal.value,r=t.cy.baseVal.value,o=t.r.baseVal.value;return{segments:[{type:w.Move,relative:!1,point:{x:i,y:r-o}},{type:w.Arc,relative:!1,point:{x:i+o,y:r},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r+o},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i-o,y:r},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r-o},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:i,y:r-o}}],closed:!0}}serialize(e){let t=e.segments.filter(h=>h.type!==w.Close);if(t.length<4)return[];let i=t[0].point,r=t[1].point,o=t[2].point,s=t[3].point,a=(r.x+s.x)/2,l=(i.y+o.y)/2,c=Math.max(Math.abs(r.x-s.x)/2,Math.abs(o.y-i.y)/2);return[{attribute:"cx",value:a.toString()},{attribute:"cy",value:l.toString()},{attribute:"r",value:c.toString()}]}}});var Jn,Vc=g(()=>{"use strict";Ue();Jn=class{read(e){let i=e.points,r=[];for(let o=0;o<i.numberOfItems;o++){let s=i.getItem(o);o===0?r.push({type:w.Move,relative:!1,point:{x:s.x,y:s.y}}):r.push({type:w.Line,relative:!1,point:{x:s.x,y:s.y}})}return r.length>0&&r.push({type:w.Close,relative:!1,point:{...r[0].point}}),{segments:r,closed:!0}}serialize(e){return[{attribute:"points",value:e.segments.filter(r=>r.type!==w.Close).map(r=>`${r.point.x},${r.point.y}`).join(" ")}]}}});var eo,Nc=g(()=>{"use strict";Ue();eo=class{read(e){let i=e.points,r=[];for(let o=0;o<i.numberOfItems;o++){let s=i.getItem(o);o===0?r.push({type:w.Move,relative:!1,point:{x:s.x,y:s.y}}):r.push({type:w.Line,relative:!1,point:{x:s.x,y:s.y}})}return{segments:r,closed:!1}}serialize(e){return[{attribute:"points",value:e.segments.filter(r=>r.type!==w.Close).map(r=>`${r.point.x},${r.point.y}`).join(" ")}]}}});function Qt(n){if(n instanceof SVGPathElement)return _e.has(SVGPathElement)||_e.set(SVGPathElement,new _r),_e.get(SVGPathElement);if(n instanceof SVGRectElement)return _e.has(SVGRectElement)||_e.set(SVGRectElement,new Kn),_e.get(SVGRectElement);if(n instanceof SVGLineElement)return _e.has(SVGLineElement)||_e.set(SVGLineElement,new Qn),_e.get(SVGLineElement);if(n instanceof SVGEllipseElement)return _e.has(SVGEllipseElement)||_e.set(SVGEllipseElement,new Zn),_e.get(SVGEllipseElement);if(n instanceof SVGCircleElement)return _e.has(SVGCircleElement)||_e.set(SVGCircleElement,new qn),_e.get(SVGCircleElement);if(n instanceof SVGPolygonElement)return _e.has(SVGPolygonElement)||_e.set(SVGPolygonElement,new Jn),_e.get(SVGPolygonElement);if(n instanceof SVGPolylineElement)return _e.has(SVGPolylineElement)||_e.set(SVGPolylineElement,new eo),_e.get(SVGPolylineElement)}function fC(n,e){nm.set(n,e)}function gC(n){return nm.get(n)??null}var _e,nm,Bi=g(()=>{"use strict";xr();Tc();Mc();Lc();Oc();Vc();Nc();_e=new Map;nm=new Map});function Py(n){return"style"in n}function pe(n,e){return e>=0?n.toFixed(e):n.toString()}function Rc(n,e){return e<0?n:n.replace(Ey,t=>pe(Number(t),e))}function om(n,e){return e<0?n:n.map(t=>({...t,value:Rc(t.value,e)}))}function sm(n,e,t=-1){for(let i of om(e,t))i.target==="style"&&Py(n)?n.style.setProperty(i.attribute,i.value):n.setAttribute(i.attribute,i.value)}function to(n,e){let t=om(e,n.serviceContainer.options.roundPixelsToDecimalPlaces);for(let i of t)i.target==="style"?n.setStyle(i.attribute,i.value):n.setAttribute(i.attribute,i.value)}var Ey,di=g(()=>{"use strict";Ey=/-?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?/gi});function ue(n){let e=[];e:for(let t of n){let i=t.parent;for(;i!=null&&!i.isRootItem;){if(n.indexOf(i)>=0)continue e;i=i.parent}e.push(t)}return e}function io(n,e){if(e==="position"){let t=getComputedStyle(n.element),i=parseFloat(t.left);i=Number.isNaN(i)?null:i;let r=parseFloat(t.top);return r=Number.isNaN(r)?null:r,{x:i??0,y:r??0}}return{x:0,y:0}}function ro(n,e,t,i){let r=e.element,o=getComputedStyle(r);if(i==="position"){if(ky(e,t))return;let s=n.element,a=n.getComputedStyle();a.position!=="relative"&&a.position!=="absolute"&&s&&s.offsetParent&&(s=s.offsetParent,s&&(a=n.window.getComputedStyle(s)));let l=null,c=null,h=null,p=null,d=0,u=0,m=0,f=0,y=!1;if(o.position==="relative"||o.position==="absolute")l=parseFloat(r.style.left),l=Number.isNaN(l)?null:l,h=parseFloat(r.style.top),h=Number.isNaN(h)?null:h,c=parseFloat(r.style.right),c=Number.isNaN(c)?null:c,p=parseFloat(r.style.bottom),p=Number.isNaN(p)?null:p,y=!0;else if(s&&s!==n.element){let v=Z(s),C=Z(e.element);d=C.left-v.left,u=C.right-v.right,m=C.top-v.top,f=C.bottom-v.bottom}y||e.setStyle("position","absolute"),(l||c==null)&&e.setStyle("left",V(e,t.x+(l??0)+d)+"px"),(h||p==null)&&e.setStyle("top",V(e,t.y+(h??0)+m)+"px"),c!=null&&e.setStyle("right",V(e,(c??0)-t.x+u)+"px"),p!=null&&e.setStyle("bottom",V(e,(p??0)-t.y+f)+"px")}}function no(n,e){let t=e.a*e.d-e.b*e.c;return Math.abs(t)<1e-10?n:{x:(e.d*n.x-e.c*n.y)/t,y:(-e.b*n.x+e.a*n.y)/t}}function ky(n,e){let t=n.element;if(!(t instanceof SVGGraphicsElement)||t instanceof SVGSVGElement)return!1;let i=Qt(t);if(!i)return!1;let r=i.read(t);for(let a of r.segments)a.point&&(a.point.x+=e.x,a.point.y+=e.y),a.cp1&&(a.cp1.x+=e.x,a.cp1.y+=e.y),a.cp2&&(a.cp2.x+=e.x,a.cp2.y+=e.y);let o=i.serialize(r);if(!o.length)return!1;let s=n.openGroup("place svg geometry");return to(n,o),s.commit(),!0}function V(n,e){return n.serviceContainer.options.roundPixelsToDecimalPlaces>=0?e.toFixed(n.serviceContainer.options.roundPixelsToDecimalPlaces):e.toString()}var Oe=g(()=>{"use strict";de();Bi();di()});function $(n){return zu()?n.metaKey:n.ctrlKey}var $e=g(()=>{"use strict";Fe()});function am(n){let e=n.element;return e instanceof SVGGraphicsElement&&!(e instanceof SVGSVGElement)&&!!Qt(e)}function zc(n){let e=[];for(let t of n)t.nodeType===A.TextNode||t.nodeType===A.Comment||e.push(t);return e}var gt,Hi=g(()=>{"use strict";st();Dc();Oe();ot();Xe();$e();ee();de();Bi();gt=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(J.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,o,s){let a=o.x-i.x,l=o.y-i.y;if(!$(e)){if(t.alignOnGrid){let c=io(s,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=Z(s.element),h=t.snapLines.snapToPosition({x:o.x-r.x,y:o.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,o,s,a){let l=s.x,c=s.y;if(!$(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:s.x-o.x,y:s.y-o.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=this.calculateTrack(e,t,r,o,s,a[0]);e.shiftKey&&(l=kt({x:0,y:0},l,90));let c=ue(zc(a));for(let h of c){let p=h.instanceServiceContainer.designerCanvas.canvas,d=h.parent.element.getBoxQuads({relativeTo:p,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],u=h.parent.element.convertPointFromNode(new DOMPoint(l.x+d.p1.x,l.y+d.p1.y),p,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),f=new DOMMatrix;m.rotate!="none"&&m.rotate&&(f=f.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(f=f.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),u=f.inverse().transformPoint(u);let y=un(h.element);y!==1&&(u=new DOMPoint(u.x/y,u.y/y));let v=new DOMMatrix().translate(u.x,u.y);Xn(h.element,h.getStyle("transform"),v.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ue(t);for(let o of r)i=="drop"&&o.setStyle("position","absolute"),e.insertChild(o),o.lastContainerSize&&(o.hasStyle("width")||o.setStyle("width",o.lastContainerSize.width+"px"),o.hasStyle("height")||o.setStyle("height",o.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ue(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,o,s,a){let l=ue(a);for(let c of l){let h=zi(new DOMMatrix(c.element.style.transform)),p=zi(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let d={x:h.x,y:h.y},u=getComputedStyle(c.element),m=new DOMMatrix;u.rotate!="none"&&u.rotate&&(m=m.multiply(new DOMMatrix("rotate("+u.rotate.replace(" ",",")+")"))),u.scale!="none"&&u.scale&&(m=m.multiply(new DOMMatrix("scale("+u.scale.replace(" ",",")+")"))),am(c)||(d=m.transformPoint(d));let f={x:d.x-p.x,y:d.y-p.y};am(c)&&(f=no(f,new DOMMatrix(c.getStyle("transform")??""))),ro(i,c,f,"position")}for(let c of a)t.extensionManager.removeExtension(c,D.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}}});var Zt,br=g(()=>{"use strict";oe();In();xn();Zt=class{async parse(e,t,i,r){let o;Document.parseHTMLUnsafe&&!kn?o=Document.parseHTMLUnsafe(e):o=new DOMParser().parseFromString(e,"text/html",{includeShadowRoots:!0});let s=this.createDesignItems(o.head.childNodes,t,i),a=this.createDesignItems(o.body.childNodes,t,i),l=[...s,...a];return!r&&i.designItemDocumentPositionService&&l.length&&t.htmlWriterService.write(new Li,l,!0,!0),l}createDesignItems(e,t,i){let r=[];for(let o of e)r.push(this._createDesignItemsRecursive(o,t,i));return r}_createDesignItemsRecursive(e,t,i){return O.createDesignItemFromInstance(e,t,i)}}});var oo,Fc=g(()=>{"use strict";Ai();Ie();fe();oo=class extends mt{name="lit2";isHandledElement(e){return!!e.element.constructor.elementProperties}async getProperties(e){if(!this.isHandledElement(e))return null;let t=[];for(let i of e.element.constructor.elementProperties.entries()){let r=i[0],o=i[1],s=o;if(o.type&&(s=o.type),s===String){let a={name:r,type:"string",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Object){let a={name:r,type:"string",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Number){let a={name:r,type:"number",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Date){let a={name:r,type:"date",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Boolean){let a={name:r,type:"boolean",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(z.isTypescriptEnum(s)){let a={name:r,type:"enum",enumValues:z.getTypescriptEnumEntries(s),service:this,propertyType:x.propertyAndAttribute};t.push(a)}}return t}_notifyChangedProperty(e,t,i){}}});function lm(n,e){Bc||(Bc=document.createElement("canvas"));let t=Bc.getContext("2d");return t.font=e,t.measureText(n).width}var Bc,cm=g(()=>{"use strict"});var te,It=g(()=>{"use strict";(function(n){n.Pointer="Pointer",n.DrawSelection="DrawSelection",n.DrawPath="DrawPath",n.DrawRect="DrawRect",n.DrawEllipsis="DrawEllipsis",n.DrawLine="DrawLine",n.Zoom="Zoom",n.Pan="Pan",n.MagicWandSelector="MagicWandSelector",n.RectangleSelector="RectangleSelector",n.PickColor="PickColor",n.Text="Text",n.DrawElementTool="DrawElementTool",n.Guides="Guides",n.Inspect="Inspect",n.Accessibility="Accessibility",n.Position="Position",n.Padding="Padding",n.Margin="Margin",n.Flexbox="Flexbox",n.Move="Move",n.HueShift="HueShift",n.BoxShadows="BoxShadows",n.FontStyles="FontStyles"})(te||(te={}))});var M,se=g(()=>{"use strict";(function(n){n[n.Background=10]="Background",n[n.Normal=20]="Normal",n[n.Foreground=30]="Foreground"})(M||(M={}))});var Wi,Hc=g(()=>{"use strict";se();Wi=class{overlays=[];overlayLayerView;extensionManager;designerCanvas;constructor(e,t){this.extensionManager=e,this.designerCanvas=t,this.overlayLayerView=t.overlayLayer}_backup;_valuesHaveChanges(...e){if(this._backup==null)return this._backup=e,!0;for(let t=0;t<e.length;t++)if(e[t]!==this._backup[t])return this._backup=e,!0;return!1}_removeAllOverlays(){for(let e of this.overlays)try{this.overlayLayerView.removeOverlay(e)}catch(t){console.error(t)}this.overlays=[]}_addOverlay(e,t=M.Normal){this.overlayLayerView.addOverlay(this.constructor.name,e,t),this.overlays.push(e)}_drawGroup(e,t,i){let r=this.overlayLayerView.drawGroup(this.constructor.name,e,t,i);return t||this.overlays.push(r),r}_drawLine(e,t,i,r,o,s,a){let l=this.overlayLayerView.drawLine(this.constructor.name,e,t,i,r,o,s,a);return s||this.overlays.push(l),l}_drawCircle(e,t,i,r,o,s){let a=this.overlayLayerView.drawCircle(this.constructor.name,e,t,i,r,o,s);return o||this.overlays.push(a),a}_drawRect(e,t,i,r,o,s,a){let l=this.overlayLayerView.drawRect(this.constructor.name,e,t,i,r,o,s,a);return s||this.overlays.push(l),l}_drawComplexRect(e,t,i,r){let o="M"+e.map(a=>a.x+","+a.y).join(" ")+"Z",s=this.overlayLayerView.drawPath(this.constructor.name,o,t,i,r);return i||this.overlays.push(s),s}_drawPath(e,t,i,r){let o=this.overlayLayerView.drawPath(this.constructor.name,e,t,i,r);return i||this.overlays.push(o),o}_drawText(e,t,i,r,o,s){let a=this.overlayLayerView.drawText(this.constructor.name,e,t,i,r,o,s);return o||this.overlays.push(a),a}_drawHTML(e,t,i,r,o,s,a,l){let c=this.overlayLayerView.drawHTML(this.constructor.name,e,t,i,r,o,s,a,l);return a||this.overlays.push(c),c}_drawTextWithBackground(e,t,i,r,o,s,a){let l=this.overlayLayerView.drawTextWithBackground(this.constructor.name,e,t,i,r,o,s,a);return s||this.overlays.push(...l),l}_drawTransformedRect(e,t,i,r){let o="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+"Z",s=this.overlayLayerView.drawPath(this.constructor.name,o,t,i,r);return i||this.overlays.push(s),s}}});var F,le=g(()=>{"use strict";Hc();se();F=class extends Wi{extendedItem;constructor(e,t,i){super(e,t),this.extendedItem=i}remove(){this.extensionManager.removeExtensionInstance(this.extendedItem,this)}createToolbar(e,t,i,r=M.Foreground){let o=e.content.cloneNode(!0);o.querySelectorAll("*").forEach(a=>{a.onpointerdown=l=>{this.designerCanvas.ignoreEvent(l)},a instanceof HTMLInputElement&&(a.addEventListener("keydown",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}),a.addEventListener("keyup",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}))});let s=document.createElementNS("http://www.w3.org/2000/svg","foreignObject");return s.classList.add("svg-toolbar-container"),s.setAttribute("width",""+t),s.setAttribute("height",""+i),s.appendChild(o),s.style.scale=""+1/this.designerCanvas.zoomFactor,s.style.transformBox="fill-box",this._addOverlay(s,r),s.updatePosition=a=>{s.style.scale=""+1/this.designerCanvas.zoomFactor;let l=this.overlayLayerView.getBoundingClientRect(),c=s.children[0].getBoundingClientRect(),h=this.designerCanvas.scaleFactor,p=l.width/h-this.designerCanvas.canvasOffset.x*h;c.width+a.x*h>p&&(a.x=(p-c.width)/h),a.x<-this.designerCanvas.canvasOffset.x&&(a.x=-this.designerCanvas.canvasOffset.x),s.setAttribute("x",""+a.x),s.setAttribute("y",""+a.y)},s.getById=a=>s.querySelector("#"+a),s}}});var Iy,so,Wc=g(()=>{"use strict";de();cm();It();le();Iy=60,so=class extends F{_rect;_clickRect;_text;_width;_createTitleText;constructor(e,t,i,r){super(e,t,i),this._createTitleText=r}extend(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p1.x)){let r=Z(this.extendedItem.element),o=lm(this.extendedItem.name,"10px monospace"),s=Math.sqrt(Math.pow(i.p2.x-i.p1.x,2)+Math.pow(i.p2.y-i.p1.y,2)),a=this.extendedItem.name;this.extendedItem.id&&(a="#"+this.extendedItem.id),this._createTitleText&&(a=this._createTitleText(this.extendedItem)),this._width=Math.max(Math.min(s,o),Iy),this._rect=this._drawRect(i.p1.x,i.p1.y,this._width,15,"svg-primary-selection-move",this._rect),this._clickRect=this._drawRect(i.p1.x,i.p1.y,this._width,18,"svg-invisible",this._clickRect),this._clickRect.style.background="transparent",this._text=this._drawHTML('<div style="position:relative; pointer-events: none;"><span style="width: 100%; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: 0 0; padding-left: 2px;">'+a+"</span></div>",(r.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,i.p1.y-16,this._width,15,"svg-text-primary",this._text),this._text.style.overflow="visible",this._clickRect.addEventListener("pointerdown",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointermove",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointerup",l=>this._pointerEvent(l)),this._clickRect.addEventListener("contextmenu",l=>{l.preventDefault(),this.designerCanvas.showDesignItemContextMenu(this.extendedItem,l)}),this.refresh(e,t)}}_drawMoveOverlay(e){}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(i.p1.x)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI;if(this._valuesHaveChanges(i.p1.x,i.p1.y,r,this.designerCanvas.scaleFactor)){let o=15/this.designerCanvas.scaleFactor,s=-(16/this.designerCanvas.scaleFactor),a=this._width/this.designerCanvas.scaleFactor;this._rect.setAttribute("x",""+i.p1.x),this._rect.setAttribute("y",""+i.p1.y),this._rect.style.rotate=r+"deg",this._rect.style.translate="0 "+s+"px",this._rect.style.transformOrigin="0 100%",this._rect.style.transformBox="fill-box",this._rect.setAttribute("height",""+o),this._rect.setAttribute("width",""+a),this._rect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._clickRect.setAttribute("x",""+i.p1.x),this._clickRect.setAttribute("y",""+i.p1.y),this._clickRect.style.rotate=r+"deg",this._clickRect.style.translate="0 "+s+"px",this._clickRect.style.transformOrigin="0 100%",this._clickRect.style.transformBox="fill-box",this._clickRect.setAttribute("height",""+(o+3)),this._clickRect.setAttribute("width",""+a),this._clickRect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._text.setAttribute("x",""+i.p1.x),this._text.setAttribute("y",""+i.p1.y),this._text.style.fontSize=10/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("height",""+o),this._text.setAttribute("width",""+a),this._text.children[0].children[0].style.rotate=r+"deg",this._text.children[0].children[0].style.translate="0 "+s+"px",this._text.children[0].children[0].style.transformOrigin="0 100%"}}}_pointerEvent(e){e.preventDefault(),e.stopPropagation(),e.button!=2&&this.designerCanvas.serviceContainer.designerTools.get(te.Pointer).pointerEventHandler(this.designerCanvas,e,this.extendedItem.element)}dispose(){this._removeAllOverlays()}}});import{css as Dy}from"@node-projects/base-custom-webcomponent";var ao,Gc=g(()=>{"use strict";Wc();ao=class{_createTitleText;constructor(e){this._createTitleText=e}shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new so(e,t,i,this._createTitleText)}static style=Dy`.svg-text-primary{stroke:none;color:var(--wcd-color-text,#fff);font-family:monospace}`}});var k,me=g(()=>{"use strict";(function(n){n.PointerDown="pointerdown",n.PointerMove="pointermove",n.PointerUp="pointerup",n.DragEnter="dragenter",n.DragEnd="dragend",n.DragLeave="dragleave",n.DragOver="dragover",n.Drop="drop",n.Scroll="scroll",n.Wheel="wheel",n.ContextMenu="contextmenu",n.KeyDown="keydown",n.KeyUp="keyup",n.DblClick="dblclick"})(k||(k={}))});function jc(n,e,t){if(!n)return null;let i={px:o=>o,cm:o=>o*38,mm:o=>o*3.8,q:o=>o*.95,in:o=>o*96,pc:o=>o*16,pt:o=>o*1.333333,rem:o=>o*parseFloat(getComputedStyle(document.documentElement).fontSize),em:o=>o*parseFloat(getComputedStyle(e).fontSize),vw:o=>o/100*window.innerWidth,vh:o=>o/100*window.innerHeight,vmin:o=>o/100*(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:o=>o/100*(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:o=>o*parseFloat(getComputedStyle(e).lineHeight),rlh:o=>o*parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":o=>o/100*(t=="height"?lo(e).height:lo(e).width),ms:o=>o,s:o=>o*1e3,deg:o=>o,rad:o=>o*(180/Math.PI),grad:o=>o*(180/200),turn:o=>o*360},r=n.trim().match(hm);if(r){let o=Number(r[1]),s=r[2].toLowerCase();if(s in i)return i[s](o)}return n}function ui(n){let e=n.trim().match(hm);return e?e[2].toLowerCase():null}function Gi(n,e,t,i,r){if(!n)return null;let o={px:s=>s,cm:s=>s/38,mm:s=>s/3.8,q:s=>s/.95,in:s=>s/96,pc:s=>s/16,pt:s=>s/1.333333,rem:s=>s/parseFloat(getComputedStyle(document.documentElement).fontSize),em:s=>s/parseFloat(getComputedStyle(e).fontSize),vw:s=>s*100/window.innerWidth,vh:s=>s*100/window.innerHeight,vmin:s=>s*100/(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:s=>s*100/(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:s=>s/parseFloat(getComputedStyle(e).lineHeight),rlh:s=>s/parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":s=>s*100/(t=="height"?lo(e).height:lo(e).width),ms:s=>s,s:s=>s/1e3,deg:s=>s,rad:s=>s/(180/Math.PI),grad:s=>s/(180/200),turn:s=>s/360};if(typeof n=="string"&&(n=jc(n,e,t)),i in o){let s=o[i](n);return r?r(s)+i:s+i}return r?r(n):n}function lo(n){return{width:n.offsetWidth,height:n.offsetHeight}}function Ty(n){let e=n.split(" "),t=[];for(let i=0;i<e.length;i++){let r=e[i];if(r.startsWith("repeat("))for(;!r.includes(")");)i++,e[i]&&(r+=e[i]);t.push(r)}return t}function pm(n){let e=Ty(n),t=[];for(let i of e)if(i.startsWith("repeat(")){let r=i.split(",");for(let o=0;o<parseInt(r[0].substring(7));o++)t.push(r[1].substring(0,r[1].length-1))}else t.push(i);return t.map(i=>ui(i))}var Ay,hm,Yc=g(()=>{"use strict";Ay=["px","cm","mm","q","in","pc","pt","rem","em","vw","vh","vmin","vmax","lh","rlh","%","ms","s","deg","rad","grad","turn","cqw","cqh","cqi","cqb","cqmin","cqmax","fr"],hm=new RegExp(`^([-+]?(?:\\d+(?:\\.\\d+)?))(${Ay.join("|")})$`,"i")});function Qc(n=window,e=!1){n.__getBoxQuadsPolyfillFns??={},n.__getBoxQuadsPolyfillFns.getBoxQuads=Ly,n.__getBoxQuadsPolyfillFns.convertQuadFromNode=ym,n.__getBoxQuadsPolyfillFns.convertRectFromNode=vm,n.__getBoxQuadsPolyfillFns.convertPointFromNode=My,(e||!n.Node.prototype.getBoxQuads)&&(n.Node.prototype.getBoxQuads=function(t){return n.__getBoxQuadsPolyfillFns.getBoxQuads(this,t)}),(e||!n.Node.prototype.convertQuadFromNode)&&(n.Node.prototype.convertQuadFromNode=function(t,i,r){return n.__getBoxQuadsPolyfillFns.convertQuadFromNode(this,t,i,r)}),(e||!n.Node.prototype.convertRectFromNode)&&(n.Node.prototype.convertRectFromNode=function(t,i,r){return n.__getBoxQuadsPolyfillFns.convertRectFromNode(this,t,i,r)}),(e||!n.Node.prototype.convertPointFromNode)&&(n.Node.prototype.convertPointFromNode=function(t,i,r){return n.__getBoxQuadsPolyfillFns.convertPointFromNode(this,t,i,r)})}function ym(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body,o=it(t,r,i?.iframes,!0),s=it(n,r,i?.iframes,!0).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=re(t);e=new DOMQuad(Ve(e.p1,i.fromBox,l,-1),Ve(e.p2,i.fromBox,l,-1),Ve(e.p3,i.fromBox,l,-1),Ve(e.p4,i.fromBox,l,-1))}let a=new DOMQuad(s.transformPoint(o.transformPoint(e.p1)),s.transformPoint(o.transformPoint(e.p2)),s.transformPoint(o.transformPoint(e.p3)),s.transformPoint(o.transformPoint(e.p4)));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=re(n);a=new DOMQuad(Ve(a.p1,i.toBox,l,-1),Ve(a.p2,i.toBox,l,-1),Ve(a.p3,i.toBox,l,-1),Ve(a.p4,i.toBox,l,-1))}return a}function vm(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,o=it(t,r,i?.iframes,!0),s=it(n,r,i?.iframes,!0).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=Ve(new DOMPoint(e.x,e.y),i.fromBox,re(t),1);e=new DOMRect(l.x,l.y,e.width,e.height)}let a=new DOMQuad(s.transformPoint(o.transformPoint(new DOMPoint(e.x,e.y))),s.transformPoint(o.transformPoint(new DOMPoint(e.x+e.width,e.y))),s.transformPoint(o.transformPoint(new DOMPoint(e.x+e.width,e.y+e.height))),s.transformPoint(o.transformPoint(new DOMPoint(e.x,e.y+e.height))));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=re(n);a=new DOMQuad(Ve(a.p1,i.toBox,l,-1),Ve(a.p2,i.toBox,l,-1),Ve(a.p3,i.toBox,l,-1),Ve(a.p4,i.toBox,l,-1))}return a}function My(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,o=it(t,r,i?.iframes,!0),s=it(n,r,i?.iframes,!0).inverse();i?.fromBox&&i?.fromBox!=="border"&&(e=Ve(e,i.fromBox,re(t),1));let a=s.transformPoint(o.transformPoint(e));return i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&(a=Ve(a,i.toBox,re(n),-1)),a}function Ve(n,e,t,i){if(e==="margin"){let r=parseFloat(t.marginLeft),o=parseFloat(t.marginTop);return new DOMPoint(n.x-i*r,n.y-i*o)}else if(e==="padding"){let r=parseFloat(t.borderLeftWidth),o=parseFloat(t.borderTopWidth);return new DOMPoint(n.x+i*r,n.y+i*o)}else if(e==="content"){let r=parseFloat(t.borderLeftWidth),o=parseFloat(t.borderTopWidth),s=parseFloat(t.paddingLeft),a=parseFloat(t.paddingTop);return new DOMPoint(n.x+i*(r+s),n.y+i*(o+a))}return n}function At(){ge.clear(),qt.clear(),Sr=new WeakMap}function _m(){Dt=new WeakMap,ge=new Map,qt=new Map,Sr=new WeakMap}function re(n){if(!Sr)return(n.ownerDocument.defaultView??window).getComputedStyle(n);let e=Sr.get(n);return e||(e=(n.ownerDocument.defaultView??window).getComputedStyle(n),Sr.set(n,e)),e}function Zc(n){return!!n&&n.nodeType===Node.ELEMENT_NODE}function qc(n){if(!Zc(n))return 1;let t=re(n).zoom;if(!t||t==="normal")return 1;if(t.endsWith("%")){let r=parseFloat(t);return Number.isFinite(r)&&r>0?r/100:1}let i=parseFloat(t);return Number.isFinite(i)&&i>0?i:1}function xm(n){if(!Zc(n))return new DOMMatrix;let e=qc(n);return e===1?new DOMMatrix:new DOMMatrix().scaleSelf(e)}function dm(n,e,t=!0){let i=Jc(n,e);if(!t||!Zc(n))return i;let r=xm(n);return r.isIdentity?i:r.multiply(i)}function Ly(n,e){let t=n.ownerDocument.documentElement??n.ownerDocument.body,i=e?.relativeTo??t,r=n.ownerDocument.documentElement??n.ownerDocument.body,o=i!==r&&Gy(n,i,e?.iframes),s;if(ge){let b=Dt.get(n);b===void 0&&Dt.set(n,b=fo++);let _=Dt.get(i);_===void 0&&Dt.set(i,_=fo++),s=b+"_"+_+"_"+(e?.box??"border");let S=ge.get(s);if(S)return S}let a=it(n,o?r:i,e?.iframes),l=n.ownerDocument.defaultView??window,c=l.Text,h=l.SVGGraphicsElement,p=l.SVGSVGElement;if(n instanceof Text||n instanceof c){let b=a.is2D&&Math.abs(a.b)<1e-10&&Math.abs(a.c)<1e-10,_=n.ownerDocument.createRange();_.selectNodeContents(n);let S=_.getClientRects(),E=n.ownerDocument.documentElement??n.ownerDocument.body,I=E?.getBoundingClientRect(),j=L=>{if(i===E)return new DOMQuad(new DOMPoint(L.x,L.y),new DOMPoint(L.x+L.width,L.y),new DOMPoint(L.x+L.width,L.y+L.height),new DOMPoint(L.x,L.y+L.height));let ie=new DOMRect(L.x-(I?.x??0),L.y-(I?.y??0),L.width,L.height);return vm(i,ie,E,{iframes:e?.iframes})};if(S.length>1){if(b){let be=[];for(let dt of S)dt.width<1&&dt.height<1||be.push(j(dt));if(be.length>0)return ge&&ge.set(s,be),be}let L=Ce(n,e?.iframes),ie=it(L,o?E:i,e?.iframes),X=Jc(L,e?.iframes),q=L.getBoundingClientRect(),We=X.a,ke=X.b,Ze=X.c,qe=X.d,Qr=L.offsetWidth,Zr=L.offsetHeight,Pl=q.x+q.width/2-(We*Qr/2+Ze*Zr/2),qr=q.y+q.height/2-(ke*Qr/2+qe*Zr/2),Ei=We*qe-ke*Ze,Nt=Math.abs(We),wt=Math.abs(ke),pt=Nt*Nt-wt*wt,ri=[];for(let be of S){if(be.width<1&&be.height<1)continue;let dt=be.x+be.width/2-Pl,Je=be.y+be.height/2-qr,rt,St;Math.abs(Ei)>1e-10?(rt=(qe*dt-Ze*Je)/Ei,St=(We*Je-ke*dt)/Ei):(rt=dt,St=Je);let Ge,Rt;if(Math.abs(pt)>1e-6)Ge=Math.max(0,(Nt*be.width-wt*be.height)/pt),Rt=Math.max(0,(Nt*be.height-wt*be.width)/pt);else{let cu=re(L);Rt=Math.max(0,parseFloat(cu.lineHeight)||parseFloat(cu.fontSize)*1.2||16);let hu=Math.max(Nt,wt);Ge=hu>1e-6?Math.max(0,(be.width-Rt*wt)/hu):be.width}let Pi=rt-Ge/2,Jr=St-Rt/2,eg=new DOMQuad(ie.transformPoint(new DOMPoint(Pi,Jr)),ie.transformPoint(new DOMPoint(Pi+Ge,Jr)),ie.transformPoint(new DOMPoint(Pi+Ge,Jr+Rt)),ie.transformPoint(new DOMPoint(Pi,Jr+Rt)));ri.push(wr(eg,n,i,e?.iframes,o,e?.box))}if(ri.length>0)return ge&&ge.set(s,ri),ri}let H=_.getBoundingClientRect();if(b){let L=[j(H)];return ge&&ge.set(s,L),L}let{width:N,height:K}=wm(a,H,n),Q=a.is2D,ce=[new DOMPoint(0,0),new DOMPoint(N,0),new DOMPoint(N,K),new DOMPoint(0,K)],B=Array(4);if(Q)for(let L=0;L<4;L++)B[L]=ce[L].matrixTransform(a);else for(let L=0;L<4;L++)B[L]=co(ce[L],a).matrixTransform(a),B[L]=ho(B[L]);let ye=[wr(new DOMQuad(B[0],B[1],B[2],B[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,ye),ye}if((n instanceof SVGGraphicsElement||n instanceof h)&&!(n instanceof SVGSVGElement||n instanceof p)){let b=n.getBBox(),_=jy(n,b),S=_.x-b.x,E=_.y-b.y,I=S+_.width,j=E+_.height,H=[new DOMPoint(_.x,_.y),new DOMPoint(_.x+_.width,_.y),new DOMPoint(_.x+_.width,_.y+_.height),new DOMPoint(_.x,_.y+_.height)],N=[new DOMPoint(S,E),new DOMPoint(I,E),new DOMPoint(I,j),new DOMPoint(S,j)],K=By(n,i,e?.iframes)?null:n.getScreenCTM();if(K){let B=new DOMQuad(H[0].matrixTransform(K),H[1].matrixTransform(K),H[2].matrixTransform(K),H[3].matrixTransform(K)),ye=[bm(B,n,i,e?.iframes)];return ge&&ge.set(s,ye),ye}let Q=Array(4);if(a.is2D)for(let B=0;B<4;B++)Q[B]=N[B].matrixTransform(a);else for(let B=0;B<4;B++)Q[B]=co(N[B],a).matrixTransform(a),Q[B]=ho(Q[B]);let ce=[wr(new DOMQuad(Q[0],Q[1],Q[2],Q[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,ce),ce}if(n instanceof l.Element&&i===n.ownerDocument.documentElement&&(!e?.box||e.box==="border")&&a.is2D&&Math.abs(a.b)<1e-10&&Math.abs(a.c)<1e-10){let b=n.getBoundingClientRect(),_=[new DOMQuad(new DOMPoint(b.x,b.y),new DOMPoint(b.x+b.width,b.y),new DOMPoint(b.x+b.width,b.y+b.height),new DOMPoint(b.x,b.y+b.height))];return ge&&ge.set(s,_),_}let{width:d,height:u}=Ee(n,a),m=l.Element,f=a.is2D;if(n instanceof Element||n instanceof m){let b=e?.box;if(b==="margin"||b==="padding"||b==="content"){let _=re(n),S,E,I,j,H,N,K,Q;if(b==="margin"){let L=parseFloat(_.marginLeft),ie=parseFloat(_.marginTop),X=parseFloat(_.marginRight),q=parseFloat(_.marginBottom);S=-L,E=-ie,I=d+X,j=-ie,H=d+X,N=u+q,K=-L,Q=u+q}else if(b==="padding"){let L=parseFloat(_.borderLeftWidth),ie=parseFloat(_.borderTopWidth),X=parseFloat(_.borderRightWidth),q=parseFloat(_.borderBottomWidth);S=L,E=ie,I=d-X,j=ie,H=d-X,N=u-q,K=L,Q=u-q}else{let L=parseFloat(_.borderLeftWidth),ie=parseFloat(_.borderTopWidth),X=parseFloat(_.borderRightWidth),q=parseFloat(_.borderBottomWidth),We=parseFloat(_.paddingLeft),ke=parseFloat(_.paddingTop),Ze=parseFloat(_.paddingRight),qe=parseFloat(_.paddingBottom);S=L+We,E=ie+ke,I=d-X-Ze,j=ie+ke,H=d-X-Ze,N=u-q-qe,K=L+We,Q=u-q-qe}let ce=[new DOMPoint(S,E),new DOMPoint(I,j),new DOMPoint(H,N),new DOMPoint(K,Q)],B=Array(4);if(f)for(let L=0;L<4;L++)B[L]=ce[L].matrixTransform(a);else for(let L=0;L<4;L++)B[L]=co(ce[L],a).matrixTransform(a),B[L]=ho(B[L]);let ye=[wr(new DOMQuad(B[0],B[1],B[2],B[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,ye),ye}}let y=[new DOMPoint(0,0),new DOMPoint(d,0),new DOMPoint(d,u),new DOMPoint(0,u)],v=Array(4);if(f)for(let b=0;b<4;b++)v[b]=y[b].matrixTransform(a);else for(let b=0;b<4;b++)v[b]=co(y[b],a).matrixTransform(a),v[b]=ho(v[b]);let C=[wr(new DOMQuad(v[0],v[1],v[2],v[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,C),C}function wr(n,e,t,i,r,o){return r?(n=Oy(n,e,o),bm(n,e,t,i)):Hy(n,e,t,i)}function Oy(n,e,t){if(t&&t!=="border")return n;let i=e.ownerDocument.defaultView??window;if(!(e instanceof i.Element))return n;let r=e.getBoundingClientRect(),o=Math.min(n.p1.x,n.p2.x,n.p3.x,n.p4.x),s=Math.min(n.p1.y,n.p2.y,n.p3.y,n.p4.y),a=r.left-o,l=r.top-s;if(Math.abs(a)<1e-10&&Math.abs(l)<1e-10)return n;let c=h=>new DOMPoint(h.x+a,h.y+l,h.z,h.w);return new DOMQuad(c(n.p1),c(n.p2),c(n.p3),c(n.p4))}function bm(n,e,t,i){let r=e.ownerDocument.documentElement??e.ownerDocument.body;if(t===r)return n;let o=e.ownerDocument.defaultView??window;if(t instanceof o.SVGElement){let s=t.getScreenCTM();if(s){let a=s.inverse();return new DOMQuad(n.p1.matrixTransform(a),n.p2.matrixTransform(a),n.p3.matrixTransform(a),n.p4.matrixTransform(a))}}if(t.ownerDocument===e.ownerDocument&&t instanceof o.HTMLElement){let s=Vy(n,t,i);if(s)return s}if(t===e.ownerDocument.body){let s=t.getBoundingClientRect(),a=t.scrollLeft||0,l=t.scrollTop||0;return new DOMQuad(new DOMPoint(n.p1.x-s.x+a,n.p1.y-s.y+l),new DOMPoint(n.p2.x-s.x+a,n.p2.y-s.y+l),new DOMPoint(n.p3.x-s.x+a,n.p3.y-s.y+l),new DOMPoint(n.p4.x-s.x+a,n.p4.y-s.y+l))}return ym(t,n,r,{iframes:i})}function Vy(n,e,t){let i=Ny(e,t);if(!i)return null;let r=e.getBoundingClientRect(),o=i.x,s=i.y;if(!Number.isFinite(o)||!Number.isFinite(s)||Math.abs(o)<1e-10||Math.abs(s)<1e-10)return null;let a=e.scrollLeft||0,l=e.scrollTop||0,c=h=>new DOMPoint((h.x-r.x)/o+a,(h.y-r.y)/s+l);return new DOMQuad(c(n.p1),c(n.p2),c(n.p3),c(n.p4))}function Ny(n,e){let t=n.ownerDocument.defaultView??window,i={x:1,y:1},r=n;for(;r&&r!==n.ownerDocument.documentElement;){if(r instanceof t.Element){let o=re(r),s=Ry(o);if(!s)return null;let a=qc(r);i.x*=s.x*a,i.y*=s.y*a}r=Ce(r,e)}return i}function Ry(n){if(n.perspective&&n.perspective!=="none"||n.rotate&&n.rotate!=="none"&&!Fy(n.rotate))return null;let e=zy(n.scale);if(!e)return null;let t=n.transform;if(!t||t==="none")return e;if(t.startsWith("matrix3d(")){let i=um(t);return i?.length===16&&i[0]>0&&i[5]>0&&Math.abs(i[1])<1e-10&&Math.abs(i[4])<1e-10&&Math.abs(i[3])<1e-10&&Math.abs(i[7])<1e-10&&Math.abs(i[11])<1e-10?{x:e.x*i[0],y:e.y*i[5]}:null}if(t.startsWith("matrix(")){let i=um(t);return i?.length===6&&i[0]>0&&i[3]>0&&Math.abs(i[1])<1e-10&&Math.abs(i[2])<1e-10?{x:e.x*i[0],y:e.y*i[3]}:null}return null}function zy(n){if(!n||n==="none")return{x:1,y:1};let e=n.split(/\s+/).map(t=>parseFloat(t)).filter(Number.isFinite);return e.length===0||e[0]<=0||e[1]!=null&&e[1]<=0?null:{x:e[0],y:e[1]??e[0]}}function um(n){let e=n.indexOf("("),t=n.lastIndexOf(")");if(e<0||t<=e)return null;let i=n.slice(e+1,t).split(",").map(r=>parseFloat(r.trim()));return i.every(Number.isFinite)?i:null}function Fy(n){let e=n.match(/-?\d*\.?\d+(?:e[-+]?\d+)?/gi);if(!e?.length)return!1;let t=parseFloat(e[e.length-1]);return Number.isFinite(t)&&Math.abs(t)<1e-10}function By(n,e,t){let i=n.ownerDocument.defaultView??window,r=Ce(n,t);for(;r&&r!==e&&r!==n.ownerDocument.documentElement;){if(r instanceof i.HTMLElement){let o=re(r);if(Cm.some(s=>o[s]?o[s]!=="none":!1))return!0}r=Ce(r,t)}return!1}function Hy(n,e,t,i){if(t!==e.ownerDocument.documentElement||Wy(e,i))return n;let r=e.ownerDocument.defaultView??window,o=r.scrollX??e.ownerDocument.documentElement.scrollLeft??0,s=r.scrollY??e.ownerDocument.documentElement.scrollTop??0;return o===0&&s===0?n:new DOMQuad(new DOMPoint(n.p1.x-o,n.p1.y-s),new DOMPoint(n.p2.x-o,n.p2.y-s),new DOMPoint(n.p3.x-o,n.p3.y-s),new DOMPoint(n.p4.x-o,n.p4.y-s))}function Wy(n,e){let t=n.ownerDocument.defaultView??window,i=null;for(n instanceof t.Text?i=Ce(n,e):n instanceof t.Element&&(i=n);i&&i!==n.ownerDocument.documentElement;){if(re(i).position==="fixed")return go(i,e)==null;i=Ce(i,e)}return!1}function Gy(n,e,t){let i=n.ownerDocument.defaultView??window,r=null;for(n instanceof i.Text?r=Ce(n,t):n instanceof i.Element&&(r=n);r&&r!==n.ownerDocument.documentElement;){if(re(r).position==="fixed"){let s=go(r,t);return s==null||s!==e&&!$c(e,s)}if(r===e)break;r=Ce(r,t)}return!1}function wm(n,e,t){let i=Math.abs(n?.a??1),r=Math.abs(n?.b??0),o=i*i-r*r,s,a;if(Math.abs(o)>1e-6)s=Math.max(0,(i*e.width-r*e.height)/o),a=Math.max(0,(i*e.height-r*e.width)/o);else{let l=t.parentElement,c=16;if(l){let p=re(l);c=parseFloat(p.lineHeight)||parseFloat(p.fontSize)*1.2||16}a=Math.max(0,c);let h=Math.max(i,r);s=h>1e-6?Math.max(0,(e.width-a*r)/h):e.width}return{width:s,height:a}}function co(n,e){let t=-(n.x*e.m13+n.y*e.m23+e.m43)/e.m33;return new DOMPoint(n.x,n.y,t,1)}function ho(n){return new DOMPoint(n.x/n.w,n.y/n.w)}function Ee(n,e){let t=0,i=0,r=n.ownerDocument.defaultView??window;if(n instanceof HTMLElement||n instanceof r.HTMLElement)t=n.offsetWidth,i=n.offsetHeight;else if(n instanceof SVGSVGElement||n instanceof r.SVGSVGElement)t=n.width.baseVal.value,i=n.height.baseVal.value;else if(n instanceof SVGGraphicsElement||n instanceof r.SVGGraphicsElement){let o=n.getBBox();t=o.width,i=o.height}else if(n instanceof MathMLElement||n instanceof r.MathMLElement){let o=n.getBoundingClientRect();t=o.width/(e?.a??1),i=o.height/(e?.d??1)}else if(n instanceof Text||n instanceof r.Text){let o=n.ownerDocument.createRange();o.selectNodeContents(n);let s=o.getBoundingClientRect(),a=wm(e,s,n);t=a.width,i=a.height}return{width:t,height:i}}function jy(n,e){let t=re(n),i=t.stroke!=="none"&&parseFloat(t.strokeWidth)||0;if(i<=0)return e;let r=Yy(n,e,i);return new DOMRect(e.x-r.left,e.y-r.top,e.width+r.left+r.right,e.height+r.top+r.bottom)}function Yy(n,e,t){let i=t/2;if(n instanceof SVGLineElement||n instanceof(n.ownerDocument.defaultView??window).SVGLineElement){let o=n.x1.baseVal.value,s=n.y1.baseVal.value,a=n.x2.baseVal.value,l=n.y2.baseVal.value,c=a-o,h=l-s,p=Math.hypot(c,h);if(p>1e-10){let d=i*Math.abs(h)/p,u=i*Math.abs(c)/p,m=re(n).strokeLinecap;return(m==="round"||m==="square")&&(d+=i*Math.abs(c)/p,u+=i*Math.abs(h)/p),{left:d,right:d,top:u,bottom:u}}}let r=t*2;return{left:r,right:r,top:r,bottom:r}}function po(n,e,t){if(n instanceof HTMLElement||n instanceof(n.ownerDocument.defaultView??window).HTMLElement){if(n instanceof HTMLHtmlElement||n instanceof(n.ownerDocument.defaultView??window).HTMLHtmlElement)return new DOMPoint(0,0);let i=re(n);if(i.position==="fixed"){let r=go(n,t);if(!r){let h=i.left&&i.left!=="auto"?parseFloat(i.left):n.offsetLeft,p=i.top&&i.top!=="auto"?parseFloat(i.top):n.offsetTop;return new DOMPoint(h,p)}let o=it(r,n.ownerDocument.body,t,!0).inverse(),s=n.getBoundingClientRect(),a=o.transformPoint(s),l=r.getBoundingClientRect(),c=o.transformPoint(l);return new DOMPoint(a.x-c.x,a.y-c.y)}return e?new DOMPoint(n.offsetLeft-(n.scrollLeft-parseFloat(i.borderLeftWidth)),n.offsetTop-(n.scrollTop-parseFloat(i.borderTopWidth))):new DOMPoint(n.offsetLeft,n.offsetTop)}else if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let i=n.ownerDocument.createRange();i.selectNodeContents(n);let r=i.getBoundingClientRect(),o=Ce(n,t),s=o.getBoundingClientRect(),a=Jc(o,t),l=a.a,c=a.b,h=a.c,p=a.d,d=o.offsetWidth,u=o.offsetHeight,m=s.x+s.width/2-(l*d/2+h*u/2),f=s.y+s.height/2-(c*d/2+p*u/2),y=r.x+r.width/2-m,v=r.y+r.height/2-f,C=l*p-c*h,b,_;Math.abs(C)>1e-10?(b=(p*y-h*v)/C,_=(l*v-c*y)/C):(b=y,_=v);let S=Math.abs(l),E=Math.abs(c),I=S*S-E*E,j,H;if(Math.abs(I)>1e-6)j=Math.max(0,(S*r.width-E*r.height)/I),H=Math.max(0,(S*r.height-E*r.width)/I);else{let N=re(o);H=parseFloat(N.lineHeight)||parseFloat(N.fontSize)*1.2||16,H=Math.max(0,H);let K=Math.max(S,E);j=K>1e-6?Math.max(0,(r.width-H*E)/K):r.width}return new DOMPoint(b-j/2,_-H/2)}else if(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element){if((n instanceof SVGGraphicsElement||n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement)&&!(n instanceof SVGSVGElement||n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement)){let h=n.getBBox();return new DOMPoint(h.x,h.y)}let i=re(n);if(i.position==="absolute")return new DOMPoint(parseFloat(i.left),parseFloat(i.top));let r=Ce(n,t),o=it(r,document.body,t,!0).inverse(),s=n.getBoundingClientRect(),a=o.transformPoint(s),l=r.getBoundingClientRect(),c=o.transformPoint(l);return new DOMPoint(a.x-c.x,a.y-c.y)}}function it(n,e,t,i=!1){let r;if(qt){let d=Dt.get(n);d===void 0&&Dt.set(n,d=fo++);let u=Dt.get(e);u===void 0&&Dt.set(e,u=fo++),r=d+"_"+u+"_"+(i?"no-self-zoom":"full");let m=qt.get(r);if(m)return m}let o=n,s,l=(o instanceof SVGGraphicsElement||o instanceof(o.ownerDocument.defaultView??window).SVGGraphicsElement)&&!(o instanceof SVGSVGElement||o instanceof(o.ownerDocument.defaultView??window).SVGSVGElement)?new DOMMatrix:dm(o,t,!i),c=l.isIdentity?new DOMMatrix:l,h=Ce(o,t);h&&(c.is2D||re(h).transformStyle!=="preserve-3d"&&mm(c));let p=null;for(;o!=e&&o!=null;){let d=Ce(o,t);if((o instanceof HTMLElement||o instanceof(o.ownerDocument.defaultView??window).HTMLElement)&&re(o).position==="fixed"&&(d=go(o,t)??e),o.assignedSlot!=null){if(o.nodeType===Node.ELEMENT_NODE){let u=Kc(o);if(p!==u&&(p===null||o===p||!$c(p,o))){let f=gm(o,"offsetLeft"),y=gm(o,"offsetTop");(f!==0||y!==0)&&(c=new DOMMatrix().translateSelf(f,y).multiplySelf(c)),p=u}p===null&&(p=u)}else if(o.nodeType===Node.TEXT_NODE){let u=po(o,o!==n,t);(u.x!==0||u.y!==0)&&(c=new DOMMatrix().translateSelf(u.x,u.y).multiplySelf(c))}}else if(!(o instanceof SVGSVGElement)&&!(o instanceof(o.ownerDocument.defaultView??window).SVGSVGElement)&&(o instanceof SVGGraphicsElement||o instanceof(o.ownerDocument.defaultView??window).SVGGraphicsElement)){let u=o.getCTM(),m=o.getBBox();(m.x!==0||m.y!==0)&&(c=new DOMMatrix().translateSelf(m.x,m.y).multiplySelf(c)),c=new DOMMatrix([u.a,u.b,u.c,u.d,u.e,u.f]).multiplySelf(c),d=o.ownerSVGElement}else if(o instanceof HTMLElement||o instanceof(o.ownerDocument.defaultView??window).HTMLElement){if((re(o).position==="fixed"&&o===n||p!==o.offsetParent)&&!(o instanceof HTMLSlotElement||o instanceof(o.ownerDocument.defaultView??window).HTMLSlotElement)&&(p===null||o===p||!$c(p,o))){let f=po(o,o!==n,t),y=qc(o);p=o.offsetParent,(f.x!==0||f.y!==0)&&(c=new DOMMatrix().translateSelf(f.x*y,f.y*y).multiplySelf(c))}}else{let u=po(o,o!==n,t);p=null,(u.x!==0||u.y!==0)&&(c=new DOMMatrix().translateSelf(u.x,u.y).multiplySelf(c))}if(d){if(d===e){if(p!==null&&(d instanceof HTMLElement||d instanceof(d.ownerDocument.defaultView??window).HTMLElement)&&d.offsetParent===p){let f=po(d,!1,t);(f.x!==0||f.y!==0)&&(c=new DOMMatrix().translate(-f.x,-f.y).multiply(c))}!(d===d.ownerDocument.documentElement)&&(d.scrollTop||d.scrollLeft)&&(c=new DOMMatrix().translate(-d.scrollLeft,-d.scrollTop).multiply(c));let m=xm(d);return m.isIdentity||(c=m.multiply(c)),qt&&qt.set(r,c),c}s=dm(d,t),s.isIdentity||(c=s.multiply(c)),h=Ce(d,t),h&&(c.is2D||re(h).transformStyle!=="preserve-3d"&&mm(c))}o=d}return qt&&qt.set(r,c),c}function Ce(n,e){if((n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&n.assignedSlot)return n.assignedSlot;if(n.parentElement==null&&(n.parentNode instanceof ShadowRoot||n.parentNode instanceof(n.ownerDocument.defaultView??window).ShadowRoot))return n.parentNode.host;if((n instanceof HTMLHtmlElement||n instanceof(n.ownerDocument.defaultView??window).HTMLHtmlElement)&&e){for(let t of e)if(t?.contentDocument==n.ownerDocument)return t}return n.parentElement}function Jc(n,e){if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text)return new DOMMatrix;let t=n,i=re(t),r=i.transform!=="none"&&!!i.transform,o=i.translate!=="none"&&!!i.translate,s=i.rotate!=="none"&&!!i.rotate,a=i.scale!=="none"&&!!i.scale,l=!!i.offsetPath&&i.offsetPath!=="none";if(!r&&!o&&!s&&!a&&!l){let v=Ce(t,e);if(!v)return new DOMMatrix;let C=re(v);if(!C.perspective||C.perspective==="none")return new DOMMatrix;let b=fm(t,e);return b??new DOMMatrix}let c=new DOMMatrix,h=i.transformOrigin.split(" "),p=parseFloat(h[0]),d=parseFloat(h[1]),u=h[2]?parseFloat(h[2]):0,m=p!==0||d!==0||u!==0,f=m?new DOMMatrix().translateSelf(p,d,u):null;if(o){let v=i.translate;if(v.includes("%")){let C=v.split(" "),b=t.getBoundingClientRect();C[0].endsWith("%")&&(C[0]=parseFloat(C[0])*b.width/100+"px"),C[1]?.endsWith("%")&&(C[1]=parseFloat(C[1])*b.height/100+"px"),v=C.join(",")}c.multiplySelf(new DOMMatrix("translate("+v.replaceAll(" ",",")+")"))}s&&c.multiplySelf(new DOMMatrix("rotate("+i.rotate.replaceAll(" ",",")+")")),a&&c.multiplySelf(new DOMMatrix("scale("+i.scale.replaceAll(" ",",")+")")),l&&c.multiplySelf(Uy(n)),r&&c.multiplySelf(new DOMMatrix(i.transform)),m&&(c=f.multiply(c.multiplySelf(f.inverse())));let y=fm(n,e);return y!=null&&(c=y.multiplySelf(c)),c}function mm(n){if(n.m31=0,n.m32=0,n.m13=0,n.m23=0,n.m33=1,n.m43=0,n.m34=0,n.m14==0&&n.m24==0&&n.m44!=1&&n.m44!=0){let e=1/n.m44;n.m11*=e,n.m12*=e,n.m21*=e,n.m22*=e,n.m41*=e,n.m42*=e,n.m44=1}}function fm(n,e){let t=Ce(n,e);if(t){let i=re(t);if(i.perspective!=="none"){let r=new DOMMatrix,o=parseFloat(i.perspective);if(r.m34=-1/o,i.perspectiveOrigin){let s=i.perspectiveOrigin.split(" "),a=parseFloat(s[0])-n.offsetLeft,l=parseFloat(s[1])-n.offsetTop,c=new DOMMatrix().translateSelf(a,l),h=new DOMMatrix().translateSelf(-a,-l);return c.multiplySelf(r.multiplySelf(h))}}}return null}function Uy(n){let e=re(n),t=e.offsetPath,i=e.offsetDistance,r=e.offsetRotate,o=e.offsetAnchor,s=e.transformOrigin,a=$y(i),{x:l,y:c,angle:h}=Qy(n,t,a),p=n.parentElement;(p instanceof HTMLElement||p instanceof(p.ownerDocument.defaultView??window).HTMLElement)&&(n.offsetParent===p?(l-=n.offsetLeft,c-=n.offsetTop):n.offsetParent===p.offsetParent&&(l-=n.offsetLeft-p.offsetLeft,c-=n.offsetTop-p.offsetTop));let d=0;if(r.startsWith("auto")){let y=r.split(/\s+/),v=y.length===2?parseFloat(y[1]):0;d=h+v}else d=parseFloat(r);let u=Xy(o,s,n),m=new DOMMatrix().translateSelf(-u.x,-u.y),f=m.translate(l,c);return f.multiplySelf(m.invertSelf()),f.rotateSelf(d),f.translateSelf(-u.x,-u.y),f}function Xy(n,e,t){let i=t.offsetWidth,r=t.offsetHeight;(!n||n==="auto")&&(n=e);let o=n.split(/\s+/);if(o.length===1)return{x:Uc(o[0],i),y:r/2};let s=Uc(o[0],i),a=Uc(o[1],r);return{x:s,y:a}}function Uc(n,e){if(n=n.trim(),n.endsWith("%"))return parseFloat(n)/100*e;if(n.endsWith("px"))return parseFloat(n);switch(n){case"left":return 0;case"top":return 0;case"center":return e/2;case"right":return e;case"bottom":return e}return parseFloat(n)}function $y(n){return n=n.trim(),n.endsWith("%")?parseFloat(n)/100:parseFloat(n)}function Ky(n){return n?(n=n.trim(),n.endsWith("deg")?parseFloat(n):n.endsWith("rad")?parseFloat(n)*(180/Math.PI):n.endsWith("grad")?parseFloat(n)*.9:parseFloat(n)):0}function Qy(n,e,t){if(!e||e==="none")return{x:0,y:0,angle:0};let i=e.trim(),r=i.match(/path\(["'](.+)["']\)/);return r?Zy(r[1],t):i.startsWith("circle(")?Jy(i,t):i.startsWith("ellipse(")?ev(i,t):i.startsWith("inset(")?av(i,n,t):i.startsWith("rect(")?tv(i,t):i.startsWith("xywh(")?iv(i,t):i.startsWith("ray(")?qy(i,t):i.startsWith("polygon(")?rv(i,t):(console.warn("Unsupported offset-path:",e),{x:0,y:0,angle:0})}function Zy(n,e){let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d",n);let i=t.getTotalLength(),r=e<=1?e*i:e,o=t.getPointAtLength(r),s=t.getPointAtLength(Math.min(i,r+.01)),a=Math.atan2(s.y-o.y,s.x-o.x)*180/Math.PI;return{x:o.x,y:o.y,angle:a}}function qy(n,e){let i=n.match(/ray\(([^)]+)\)/)[1].trim(),[r,o]=i.split("at").map(m=>m&&m.trim()),s=r.split(/\s+/),a=Ky(s[0]),l=a*Math.PI/180,c=0,h=0;if(o){let m=o.split(/\s+/);c=parseFloat(m[0]),h=parseFloat(m[1])}let p=(e<=1,e),d=c+Math.cos(l)*p,u=h+Math.sin(l)*p;return{x:d,y:u,angle:a}}function Jy(n,e){let i=n.match(/circle\(([^)]+)\)/)[1],[r,o]=i.split("at").map(u=>u.trim()),s=parseFloat(r),[a,l]=o.split(/\s+/).map(parseFloat),c=e*2*Math.PI,h=a+Math.cos(c)*s,p=l+Math.sin(c)*s,d=c*180/Math.PI+90;return{x:h,y:p,angle:d}}function ev(n,e){let i=n.match(/ellipse\(([^)]+)\)/)[1].split("at"),r=i[0].trim().split(/\s+/).map(parseFloat),o=i[1].trim().split(/\s+/).map(parseFloat),s=r[0],a=r[1],l=o[0],c=o[1],h=e*2*Math.PI,p=l+Math.cos(h)*s,d=c+Math.sin(h)*a,u=-Math.sin(h)*s,m=Math.cos(h)*a,f=Math.atan2(m,u)*180/Math.PI;return{x:p,y:d,angle:f}}function tv(n,e){let i=n.match(/rect\(([^)]+)\)/)[1].split(/\s+/).map(l=>parseFloat(l)),r=i[0],o=i[1],s=i[2],a=i[3];return Sm(r,a,o,s,e)}function iv(n,e){let i=n.match(/xywh\(([^)]+)\)/)[1].split(/\s+/).map(parseFloat),r=i[0],o=i[1],s=i[2],a=i[3];return Sm(o,r,r+s,o+a,e)}function rv(n,e){let r=n.match(/polygon\(([^)]+)\)/)[1].split(",").map(b=>b.trim().split(/\s+/).map(parseFloat)),o=[0];for(let b=1;b<r.length;b++){let _=r[b][0]-r[b-1][0],S=r[b][1]-r[b-1][1];o.push(Math.hypot(_,S)+o[b-1])}let s=r[0][0]-r[r.length-1][0],a=r[0][1]-r[r.length-1][1];o.push(Math.hypot(s,a)+o[o.length-1]);let l=o[o.length-1],c=e*l,h=o.findIndex(b=>b>=c);h<=0&&(h=1);let p=o[h-1],d=o[h],u=(c-p)/(d-p),m=r[(h-1)%r.length],f=r[h%r.length],y=m[0]+(f[0]-m[0])*u,v=m[1]+(f[1]-m[1])*u,C=Math.atan2(f[1]-m[1],f[0]-m[0])*180/Math.PI;return{x:y,y:v,angle:C}}function Sm(n,e,t,i,r){let o=t-e,s=i-n,a=2*(o+s),l=r*a;if(l<o)return{x:e+l,y:n,angle:0};if(l-=o,l<s){let h=n+l;return{x:t,y:h,angle:90}}if(l-=s,l<o)return{x:t-l,y:i,angle:180};l-=o;let c=i-l;return{x:e,y:c,angle:270}}function nv(n){let e=[],t=0;for(;t<n.length;){let i=n[t];if(/\s/.test(i)){t++;continue}if("+-*/()".includes(i)){e.push({type:i,value:i}),t++;continue}if(/[0-9.]/.test(i)){let r=t;for(;/[0-9.]/.test(n[t]);)t++;let o=n.slice(r,t);if(n[t]==="%"){t++,e.push({type:"percentage",value:parseFloat(o)});continue}if(n.slice(t,t+2)==="px"){t+=2,e.push({type:"dimension",value:parseFloat(o),unit:"px"});continue}e.push({type:"number",value:parseFloat(o)});continue}if(/[a-zA-Z]/.test(i)){let r=t;for(;/[a-zA-Z]/.test(n[t]);)t++;let o=n.slice(r,t);if(o==="calc"&&n[t]==="("){e.push({type:"func",value:"calc"});continue}throw new Error("Unsupported function: "+o)}throw new Error("Unexpected character in calc(): "+i)}return e}function ov(n){let e=0;function t(){return n[e]}function i(){return n[e++]}function r(){let l=o();for(;t()&&(t().type==="+"||t().type==="-");){let c=i().type,h=o();l={type:"binary",op:c,left:l,right:h}}return l}function o(){let l=s();for(;t()&&(t().type==="*"||t().type==="/");){let c=i().type,h=s();l={type:"binary",op:c,left:l,right:h}}return l}function s(){let l=t();if(!l)throw"Unexpected end in calc()";if(l.type==="number")return i(),{type:"number",value:l.value};if(l.type==="dimension")return i(),{type:"dimension",value:l.value,unit:l.unit};if(l.type==="percentage")return i(),{type:"percentage",value:l.value};if(l.type==="func"){if(i(),t().type!=="(")throw"Expected '(' after calc";i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}if(l.type==="("){i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}throw new Error("Unexpected calc token "+JSON.stringify(l))}let a=r();if(e!==n.length)throw"Extra tokens after calc";return a}function Xc(n,e){switch(n.type){case"number":return n.value;case"dimension":return n.value;case"percentage":return e.percentBase*(n.value/100);case"binary":{let t=Xc(n.left,e),i=Xc(n.right,e);switch(n.op){case"+":return t+i;case"-":return t-i;case"*":return t*i;case"/":return t/i}}}throw"Invalid AST node "+n.type}function uo(n,e,t=!1){if(n=n.trim(),/^[0-9.]+px$/.test(n))return parseFloat(n);let i=t?e.offsetHeight:e.offsetWidth;if(/^[0-9.]+%$/.test(n)){let o=parseFloat(n);return i*(o/100)}let r=ov(nv(n));return Xc(r,{percentBase:i})}function sv(n){let e=n.trim().replace(/^inset\s*\(/,"").replace(/\)\s*$/,""),t=[],i="",r=0;for(let o=0;o<e.length;o++){let s=e[o];s==="("?(r++,i+=s):s===")"?(r--,i+=s):/\s/.test(s)&&r===0?i.trim()!==""&&(t.push(i.trim()),i=""):i+=s}return i.trim()!==""&&t.push(i.trim()),t}function av(n,e,t){let i=sv(n);if(i.length!==4)throw new Error("inset() must have 4 arguments");let r=uo(i[0],e,!0),o=uo(i[1],e,!1),s=uo(i[2],e,!0),a=uo(i[3],e,!1),l=e.offsetWidth,c=e.offsetHeight,h=a,p=r,d=l-o,u=c-s,f=2*(d-h+(u-p))*t,y=d-h;return f<=y?{x:h+f,y:p,angle:0}:(f-=y,y=u-p,f<=y?{x:d,y:p+f,angle:90}:(f-=y,y=d-h,f<=y?{x:d-f,y:u,angle:180}:(f-=y,{x:h,y:u-f,angle:270})))}function hv(n){return Cm.some(e=>n[e]?n[e]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||(n.backdropFilter?n.backdropFilter!=="none":!1)||(n.filter?n.filter!=="none":!1)||lv.some(e=>(n.willChange||"").includes(e))||cv.some(e=>(n.contain||"").includes(e))}function mo(n){return n.assignedSlot?n.assignedSlot:n.parentNode instanceof ShadowRoot?n.parentNode.host:n.parentNode}function $c(n,e){for(let t=e;t;t=mo(t))if(t===n)return!0;return!1}function pv(n){let e=new Set,t=n.getRootNode(),i=n.ownerDocument?.defaultView?.ShadowRoot??ShadowRoot;for(;t;)e.add(t),t instanceof i?t=t.host?.getRootNode()??null:t=t.parentNode?t.parentNode.getRootNode():null;return e}function Kc(n){for(let e=n;e;e=mo(e))if(e instanceof Element&&re(e).display==="none")return null;for(let e=mo(n);e;e=mo(e)){if(!(e instanceof Element))continue;let t=re(e);if(t.display!=="contents"&&(t.position!=="static"||hv(t)||e.tagName==="BODY"))return e}return null}function gm(n,e){let t=n[e],i=Kc(n),r=pv(n);for(;i&&!r.has(i.getRootNode());)t-=i[e],i=Kc(i);return t}function dv(n){let e=re(n);if(e.transform&&e.transform!=="none"||e.perspective&&e.perspective!=="none"||e.filter&&e.filter!=="none"||e.backdropFilter&&e.backdropFilter!=="none")return!0;let t=e.contain||"";if(t.includes("paint")||t.includes("layout")||t.includes("strict")||t.includes("content"))return!0;let i=e.willChange||"";return/transform|perspective|filter|backdrop-filter/.test(i)}function go(n,e){let t=Ce(n,e);for(;t;){if(dv(t))return t;t=Ce(t,e)}return null}var Dt,ge,qt,Sr,fo,Cm,lv,cv,yt=g(()=>{"use strict";fo=0;Cm=["transform","translate","scale","rotate","perspective"],lv=["transform","translate","scale","rotate","perspective","filter"],cv=["paint","layout","strict","content"]});var yo,eh=g(()=>{"use strict";me();Yc();de();yt();Oe();le();yo=class extends F{_startPos;_circle;_circle2;_oldValue;_offsetInControl;constructor(e,t,i){super(e,t,i)}_getTransformOriginCanvasPoint(){let t=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ");return it(this.extendedItem.element,this.designerCanvas.canvas,this.designerCanvas.iframes).transformPoint(new DOMPoint(parseFloat(t[0]),parseFloat(t[1])))}refresh(e,t){let i=this._getTransformOriginCanvasPoint();this._valuesHaveChanges(i.x,i.y,this.designerCanvas.zoomFactor)&&(this._removeAllOverlays(),this._circle=this._drawCircle(i.x,i.y,5/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle.style.cursor="pointer",this._circle2=this._drawCircle(i.x,i.y,1/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle2.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle2.style.pointerEvents="none",this._circle.addEventListener(k.PointerDown,r=>this.pointerEvent(r)),this._circle.addEventListener(k.PointerMove,r=>this.pointerEvent(r)),this._circle.addEventListener(k.PointerUp,r=>this.pointerEvent(r)))}extend(e,t){let i=this._getTransformOriginCanvasPoint();if(isNaN(i.x)||isNaN(i.y)){this.remove();return}else{let r=this.extendedItem.getStyleFromSheetOrLocal("transform-origin");r&&(this._oldValue=r),this.refresh(e,t)}}pointerEvent(e){e.stopPropagation();let t=getComputedStyle(this.extendedItem.element),i=t.transformOrigin.split(" "),r=[];r[0]=parseFloat(i[0])/parseFloat(this.extendedItem.element.style.width),r[1]=parseFloat(i[1])/parseFloat(this.extendedItem.element.style.height);let o=this._getTransformOriginCanvasPoint(),s=this.designerCanvas.getNormalizedEventCoordinates(e),a=this.extendedItem.element.convertPointFromNode(s,this.designerCanvas.canvas),l=this.designerCanvas.getNormalizedEventCoordinates(e);switch(e.type){case k.PointerDown:e.target.setPointerCapture(e.pointerId);let c=Z(e.target);this._offsetInControl={x:c.width/2+(c.x-e.x),y:c.height/2+(c.y-e.y)},this._startPos={x:l.x,y:l.y};break;case k.PointerMove:if(this._startPos&&e.buttons>0){let h=l.x-this._startPos.x,p=l.y-this._startPos.y;this._circle.setAttribute("cx",o.x+h),this._circle.setAttribute("cy",o.y+p),this._circle2.setAttribute("cx",o.x+h),this._circle2.setAttribute("cy",o.y+p)}break;case k.PointerUp:if(e.target.releasePointerCapture(e.pointerId),this._startPos){a.x+=this._offsetInControl.x,a.y+=this._offsetInControl.y;let h=this.extendedItem.openGroup("change transform-origin"),p=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0];if(this._oldValue)try{let m=this._oldValue.split(" "),f=Gi(a.x,this.extendedItem.element,"width",ui(m[0]),v=>V(this.extendedItem,v)),y=Gi(a.x,this.extendedItem.element,"width",ui(m[0]),v=>V(this.extendedItem,v));m.length>1&&(y=Gi(a.y,this.extendedItem.element,"height",ui(m[1]),v=>V(this.extendedItem,v))),this.extendedItem.updateStyleInSheetOrLocal("transform-origin",f+" "+y)}catch{this.extendedItem.updateStyleInSheetOrLocal("transform-origin",V(this.extendedItem,a.x)+"px "+V(this.extendedItem,a.y)+"px")}else this.extendedItem.updateStyleInSheetOrLocal("transform-origin",V(this.extendedItem,a.x)+"px "+V(this.extendedItem,a.y)+"px");At();let d=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0],u={x:p.p1.x-d.p1.x,y:p.p1.y-d.p1.y};t.translate&&t.translate!=="none"&&(u.x+=parseFloat(t.translate.split(" ")[0]),t.translate.split(" ").length===1?u.y+=parseFloat(t.translate.split(" ")[0]):u.y+=parseFloat(t.translate.split(" ")[1])),this.extendedItem.updateStyleInSheetOrLocal("translate",V(this.extendedItem,u.x)+"px "+V(this.extendedItem,u.y)+"px"),h.commit(),this.refresh(null,null),this._startPos=null}break}}dispose(){this._removeAllOverlays()}}});import{css as uv}from"@node-projects/base-custom-webcomponent";var vo,th=g(()=>{"use strict";eh();de();vo=class{showOnlyWhenSet;constructor(e=!0){this.showOnlyWhenSet=e}shouldExtend(e,t,i){if(!i.isRootItem&&i.node instanceof HTMLElement||i.node instanceof SVGElement&&i.node.localName==="svg"){if(!this.showOnlyWhenSet||i.hasStyle("transformOrigin"))return!0;let r=getComputedStyle(i.element);if(r.display!="inline"&&i.element.getBoundingClientRect){let o=Z(i.element),s=r.transformOrigin.split(" "),a=parseFloat(s[0])-o.width/2,l=parseFloat(s[1])-o.height/2;if(a>.5||a<-.5||l>.5||l<-.5)return!0}}return!1}getExtension(e,t,i){return new yo(e,t,i)}static style=uv`.svg-transform-origin{stroke:var(--wcd-color-selection,#3899ec);fill:#000;pointer-events:auto}`}});var _o,ih=g(()=>{"use strict";le();se();_o=class extends F{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.margin!=="0px"){let r=Number.parseFloat(i.marginLeft.replace("px","")),o=Number.parseFloat(i.marginTop.replace("px","")),s=Number.parseFloat(i.marginRight.replace("px","")),a=Number.parseFloat(i.marginBottom.replace("px",""));if(!isNaN(r)&&!isNaN(o)&&!isNaN(s)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,o,s,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"margin",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(p=>p.x+","+p.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(p=>p.x+","+p.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-margin-fill",this._path,M.Background),this._path2=this._drawPath(h,"svg-margin",this._path2,M.Background)}}}}dispose(){this._removeAllOverlays()}}});function Im(n){let e=n;for(;e;){if(e instanceof(e.ownerDocument.defaultView??window).SVGSVGElement)return!0;if(e instanceof(e.ownerDocument.defaultView??window).SVGDefsElement||e instanceof(e.ownerDocument.defaultView??window).SVGMetadataElement)return!1;e=e.parentElement}return!0}function CE(n,...e){let t=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.innerHTML=mi(n,...e),t}function mi(n,...e){if(n.length===1)return n.raw[0];{let t="";for(let i=0;i<n.length;i++)t+=n[i]+(e[i]??"");return t}}function mv(n){let e=n.ownerDocument.defaultView??window;return n instanceof e.SVGPathElement||n instanceof e.SVGRectElement||n instanceof e.SVGLineElement||n instanceof e.SVGCircleElement||n instanceof e.SVGEllipseElement||n instanceof e.SVGPolygonElement||n instanceof e.SVGPolylineElement}function Cr(n,e,t){let i=Lm(n,e);if(i){let s=Pm(n,t);return So(i.matrix,s.x/i.bbox.width,s.y/i.bbox.height)}let r=Pm(n,t),o=e.canvas.convertPointFromNode(r,n,{iframes:e.iframes});return{x:o.x,y:o.y}}function Dm(n,e,t){let i=Lm(n,e);if(i){let o=So(i.inverseMatrix,t.x,t.y);return{x:i.bbox.x+o.x*i.bbox.width,y:i.bbox.y+o.y*i.bbox.height}}let r=n.convertPointFromNode({x:t.x,y:t.y},e.canvas,{iframes:e.iframes});return kv(n,{x:r.x,y:r.y})}function Am(n,e,t){let i=Tm(n,e);if(!(t?.includeMarkers!==!1))return i;let o=fv(n,e);return i&&o?`${i} ${o}`:i??o}function Tm(n,e){if(!mv(n))return null;let t=n.getPathData;if(!t)return null;let i=t.call(n,{normalize:!0})??[];if(!i.length)return null;let r=[],o={x:0,y:0},s={x:0,y:0};for(let a of i){let l=a.type.toUpperCase(),c=a.type!==l,h=a.values??[],p=(u,m)=>c?{x:o.x+u,y:o.y+m}:{x:u,y:m},d=(u,m)=>{let f=p(u,m);return Cr(n,e,f)};switch(l){case"M":{let u=d(h[0],h[1]);r.push({type:"M",values:[u.x,u.y]}),o=p(h[0],h[1]),s={...o};break}case"L":{let u=d(h[0],h[1]);r.push({type:"L",values:[u.x,u.y]}),o=p(h[0],h[1]);break}case"H":{let u=c?{x:o.x+h[0],y:o.y}:{x:h[0],y:o.y},m=Cr(n,e,u);r.push({type:"L",values:[m.x,m.y]}),o=u;break}case"V":{let u=c?{x:o.x,y:o.y+h[0]}:{x:o.x,y:h[0]},m=Cr(n,e,u);r.push({type:"L",values:[m.x,m.y]}),o=u;break}case"C":{let u=d(h[0],h[1]),m=d(h[2],h[3]),f=d(h[4],h[5]);r.push({type:"C",values:[u.x,u.y,m.x,m.y,f.x,f.y]}),o=p(h[4],h[5]);break}case"S":{let u=d(h[0],h[1]),m=d(h[2],h[3]);r.push({type:"S",values:[u.x,u.y,m.x,m.y]}),o=p(h[2],h[3]);break}case"Q":{let u=d(h[0],h[1]),m=d(h[2],h[3]);r.push({type:"Q",values:[u.x,u.y,m.x,m.y]}),o=p(h[2],h[3]);break}case"T":{let u=d(h[0],h[1]);r.push({type:"T",values:[u.x,u.y]}),o=p(h[0],h[1]);break}case"A":{let u=d(h[5],h[6]);r.push({type:"A",values:[h[0],h[1],h[2],h[3],h[4],u.x,u.y]}),o=p(h[5],h[6]);break}case"Z":{r.push({type:"Z",values:[]}),o={...s};break}}}return pi(r)}function fv(n,e){if(!nh(n))return null;let t=gv(n);if(!t.length)return null;let i=n.ownerSVGElement;if(!i)return null;let r=document.createElementNS("http://www.w3.org/2000/svg","g");r.setAttribute("visibility","hidden"),r.setAttribute("pointer-events","none"),i.appendChild(r);try{let o=[];for(let s of t){let a=vv(n,s);if(!a)continue;r.appendChild(a);let l=a.querySelectorAll("path, rect, line, circle, ellipse, polygon, polyline");for(let c of l){let h=Tm(c,e);h&&o.push(h)}}return o.length?o.join(" "):null}finally{r.remove()}}function gv(n){let e=yv(n);if(!e.length)return[];let t=[],i=rh(n,"marker-start"),r=rh(n,"marker-mid"),o=rh(n,"marker-end");if(i&&t.push({marker:i,point:e[0].start,angle:xo(i,e[0].startAngle,void 0,!0)}),r){for(let s=0;s<e.length-1;s++)Em(e[s].end,e[s+1].start)&&t.push({marker:r,point:e[s].end,angle:xo(r,e[s].endAngle,e[s+1].startAngle,!1)});Em(e[e.length-1].end,e[0].start)&&e.length>1&&t.push({marker:r,point:e[e.length-1].end,angle:xo(r,e[e.length-1].endAngle,e[0].startAngle,!1)})}if(o){let s=e[e.length-1];t.push({marker:o,point:s.end,angle:xo(o,s.endAngle,void 0,!1)})}return t}function yv(n){let e=n.getPathData;if(!e)return[];let t=e.call(n,{normalize:!0})??[],i=[],r={x:0,y:0},o={x:0,y:0};for(let s of t)switch(s.type){case"M":{r={x:s.values[0],y:s.values[1]},o={...r};break}case"L":{let a={x:s.values[0],y:s.values[1]},l=bo(r,a);l!=null&&i.push({start:{...r},end:a,startAngle:l,endAngle:l}),r=a;break}case"C":{let a={x:s.values[0],y:s.values[1]},l={x:s.values[2],y:s.values[3]},c={x:s.values[4],y:s.values[5]},h=Ev([r,a,l,c]),p=Pv([r,a,l,c]);h!=null&&p!=null&&i.push({start:{...r},end:c,startAngle:h,endAngle:p}),r=c;break}case"Z":{let a=bo(r,o);a!=null&&i.push({start:{...r},end:{...o},startAngle:a,endAngle:a}),r={...o};break}}return i}function rh(n,e){let t=n.getAttribute(e)?.trim();if(!t)return null;let r=/^url\((['"]?)(.*?)\1\)$/.exec(t)?.[2]??t;if(!r.startsWith("#"))return null;let o=n.getRootNode(),s=typeof o.querySelector=="function"?o.querySelector(r):null;return s instanceof(n.ownerDocument.defaultView??window).SVGMarkerElement?s:null}function vv(n,e){let t=e.marker;if(!t.childNodes.length)return null;let i=_v(n,t),r=document.createElementNS("http://www.w3.org/2000/svg","g"),o=[`translate(${e.point.x} ${e.point.y})`,`rotate(${e.angle})`];i!==1&&o.push(`scale(${i})`),r.setAttribute("transform",o.join(" "));let s=xv(t),a=bv(t,s,{x:wo(t.refX),y:wo(t.refY)}),l=document.createElementNS("http://www.w3.org/2000/svg","g");l.setAttribute("transform",`translate(${-a.x} ${-a.y})`),r.appendChild(l);let c=document.createElementNS("http://www.w3.org/2000/svg","g");s&&c.setAttribute("transform",s.transform),l.appendChild(c);for(let h of Array.from(t.childNodes))c.appendChild(h.cloneNode(!0));return r}function _v(n,e){if(e.getAttribute("markerUnits")==="userSpaceOnUse")return 1;let t=parseFloat(getComputedStyle(n).strokeWidth);return Number.isFinite(t)&&t>0?t:1}function xv(n){let e=n.viewBox.baseVal;if(e==null||e.width===0&&e.height===0)return null;let t=wo(n.markerWidth),i=wo(n.markerHeight);if(!t||!i||!e.width||!e.height)return null;let r=n.preserveAspectRatio.baseVal,o=t/e.width,s=i/e.height,a=-e.x*o,l=-e.y*s;if(r.align!==SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_NONE){let c=r.meetOrSlice===SVGPreserveAspectRatio.SVG_MEETORSLICE_SLICE?Math.max(o,s):Math.min(o,s);o=c,s=c;let h=t-e.width*c,p=i-e.height*c,{xAlign:d,yAlign:u}=wv(r.align);a=-e.x*c+h*d,l=-e.y*c+p*u}return{transform:`matrix(${o} 0 0 ${s} ${a} ${l})`,scaleX:o,scaleY:s,translateX:a,translateY:l}}function bv(n,e,t){return e?{x:t.x*e.scaleX+e.translateX,y:t.y*e.scaleY+e.translateY}:t}function wv(n){switch(n){case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMIN:return{xAlign:.5,yAlign:0};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMIN:return{xAlign:1,yAlign:0};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMID:return{xAlign:0,yAlign:.5};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMID:return{xAlign:.5,yAlign:.5};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMID:return{xAlign:1,yAlign:.5};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMAX:return{xAlign:0,yAlign:1};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMAX:return{xAlign:.5,yAlign:1};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMAX:return{xAlign:1,yAlign:1};default:return{xAlign:0,yAlign:0}}}function xo(n,e,t,i){let r=n.orientType.baseVal===SVGMarkerElement.SVG_MARKER_ORIENT_AUTO?"auto":n.getAttribute("orient")?.trim()??"0";if(r==="auto"||r==="auto-start-reverse"){let o=t==null?e:Cv(e,t);return i&&r==="auto-start-reverse"&&(o+=180),o}return Sv(r)}function Sv(n){return n.endsWith("rad")?parseFloat(n)*180/Math.PI:n.endsWith("turn")?parseFloat(n)*360:n.endsWith("grad")?parseFloat(n)*.9:parseFloat(n)}function Cv(n,e){let t={x:Math.cos(n*Math.PI/180),y:Math.sin(n*Math.PI/180)},i={x:Math.cos(e*Math.PI/180),y:Math.sin(e*Math.PI/180)},r={x:t.x+i.x,y:t.y+i.y};return Math.abs(r.x)<1e-10&&Math.abs(r.y)<1e-10?e:Math.atan2(r.y,r.x)*180/Math.PI}function Ev(n){for(let e=0;e<n.length-1;e++){let t=bo(n[e],n[e+1]);if(t!=null)return t}return null}function Pv(n){for(let e=n.length-1;e>0;e--){let t=bo(n[e-1],n[e]);if(t!=null)return t}return null}function bo(n,e){let t=e.x-n.x,i=e.y-n.y;return Math.abs(t)<1e-10&&Math.abs(i)<1e-10?null:Math.atan2(i,t)*180/Math.PI}function Em(n,e){return Math.abs(n.x-e.x)<1e-10&&Math.abs(n.y-e.y)<1e-10}function wo(n){return n?.baseVal?.value??0}function Pm(n,e){let t=Mm(n);return{x:e.x-t.x,y:e.y-t.y}}function kv(n,e){let t=Mm(n);return{x:e.x+t.x,y:e.y+t.y}}function Mm(n){if(!nh(n)||Om(n))return{x:0,y:0};let e=n.getBBox();return{x:e.x,y:e.y}}function Lm(n,e){if(!nh(n)||Om(n))return null;let t=n.getBBox();if(Math.abs(t.width)<1e-10||Math.abs(t.height)<1e-10)return null;let i=Iv(n,t,e);if(!i)return null;let r=oh(i);if(!r)return null;let o=Vm(r);return o?{bbox:t,matrix:r,inverseMatrix:o}:null}function nh(n){return n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement}function Om(n){return n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement}function Iv(n,e,t){if(!Mv(n,t.canvas,t.iframes)){let i=Av(n,e,t);if(i)return i}return Dv(n,e,t)}function Dv(n,e,t){let i=n.getBoxQuads({relativeTo:t.canvas,iframes:t.iframes})[0];if(!i)return null;let r=Lv(n,e);if(Math.abs(r.width)<1e-10||Math.abs(r.height)<1e-10)return null;let o=oh(i);if(!o)return null;let s=(p,d)=>So(o,(p-r.x)/r.width,(d-r.y)/r.height),a=s(e.x,e.y),l=s(e.x+e.width,e.y),c=s(e.x+e.width,e.y+e.height),h=s(e.x,e.y+e.height);return new DOMQuad(new DOMPoint(a.x,a.y),new DOMPoint(l.x,l.y),new DOMPoint(c.x,c.y),new DOMPoint(h.x,h.y))}function Av(n,e,t){let i=n.getScreenCTM(),r=t.canvas.getBoxQuads({relativeTo:t.canvas.ownerDocument.documentElement})[0];if(!i||!r)return null;let o=oh(r),s=o?Vm(o):null;if(!s)return null;let a=l=>{let c=Tv(l.matrixTransform(i),n,t.canvas),h=So(s,c.x,c.y);return new DOMPoint(h.x*t.canvas.offsetWidth,h.y*t.canvas.offsetHeight)};return new DOMQuad(a(new DOMPoint(e.x,e.y)),a(new DOMPoint(e.x+e.width,e.y)),a(new DOMPoint(e.x+e.width,e.y+e.height)),a(new DOMPoint(e.x,e.y+e.height)))}function Tv(n,e,t){let i=new DOMPoint(n.x,n.y);if(e.ownerDocument===t.ownerDocument)return i;let r=e.ownerDocument.defaultView?.frameElement;for(;r;){let o=r.getBoundingClientRect();if(i=new DOMPoint(i.x+o.left,i.y+o.top),r.ownerDocument===t.ownerDocument)break;r=r.ownerDocument.defaultView?.frameElement}return i}function Mv(n,e,t){let i=n.ownerDocument.defaultView??window,r=n.parentElement;for(;r&&r!==e&&r!==n.ownerDocument.documentElement;){if(r instanceof i.HTMLElement&&km(r))return!0;r=r.parentElement}if(n.ownerDocument!==e.ownerDocument)for(r=t?.find(s=>s?.contentDocument===n.ownerDocument)??n.ownerDocument.defaultView?.frameElement;r&&r!==e&&r!==e.ownerDocument.documentElement;){if(r instanceof e.ownerDocument.defaultView.HTMLElement&&km(r))return!0;r=r.parentElement}return!1}function km(n){let e=(n.ownerDocument.defaultView??window).getComputedStyle(n);return e.perspective!=="none"||e.transform.startsWith("matrix3d(")||e.transformStyle==="preserve-3d"}function Lv(n,e){let t=(n.ownerDocument.defaultView??window).getComputedStyle(n),i=t.stroke!=="none"&&parseFloat(t.strokeWidth)||0;if(i<=0)return e;let r=Ov(n,i);return new DOMRect(e.x-r.left,e.y-r.top,e.width+r.left+r.right,e.height+r.top+r.bottom)}function Ov(n,e){let t=n.ownerDocument.defaultView??window,i=e/2;if(n instanceof t.SVGLineElement){let o=n.x1.baseVal.value,s=n.y1.baseVal.value,a=n.x2.baseVal.value,l=n.y2.baseVal.value,c=a-o,h=l-s,p=Math.hypot(c,h);if(p>1e-10){let d=i*Math.abs(h)/p,u=i*Math.abs(c)/p,m=t.getComputedStyle(n).strokeLinecap;return(m==="round"||m==="square")&&(d+=i*Math.abs(c)/p,u+=i*Math.abs(h)/p),{left:d,right:d,top:u,bottom:u}}}let r=e*2;return{left:r,right:r,top:r,bottom:r}}function oh(n){let e=n.p1.x,t=n.p1.y,i=n.p2.x,r=n.p2.y,o=n.p3.x,s=n.p3.y,a=n.p4.x,l=n.p4.y,c=e-i+o-a,h=t-r+s-l,p=i-o,d=r-s,u=a-o,m=l-s,f=0,y=0;if(Math.abs(c)>=1e-10||Math.abs(h)>=1e-10){let v=p*m-d*u;if(Math.abs(v)<1e-10)return null;f=(c*m-h*u)/v,y=(p*h-d*c)/v}return[i-e+f*i,a-e+y*a,e,r-t+f*r,l-t+y*l,t,f,y,1]}function So(n,e,t){let i=n[0]*e+n[1]*t+n[2],r=n[3]*e+n[4]*t+n[5],o=n[6]*e+n[7]*t+n[8],s=Math.abs(o)<1e-10?o<0?-1e-10:1e-10:o;return{x:i/s,y:r/s}}function Vm(n){let e=n[0]*(n[4]*n[8]-n[5]*n[7])-n[1]*(n[3]*n[8]-n[5]*n[6])+n[2]*(n[3]*n[7]-n[4]*n[6]);if(Math.abs(e)<1e-10)return null;let t=1/e;return[(n[4]*n[8]-n[5]*n[7])*t,(n[2]*n[7]-n[1]*n[8])*t,(n[1]*n[5]-n[2]*n[4])*t,(n[5]*n[6]-n[3]*n[8])*t,(n[0]*n[8]-n[2]*n[6])*t,(n[2]*n[3]-n[0]*n[5])*t,(n[3]*n[7]-n[4]*n[6])*t,(n[1]*n[6]-n[0]*n[7])*t,(n[0]*n[4]-n[1]*n[3])*t]}var Jt=g(()=>{"use strict";Xe();Xe()});import{css as Vv}from"@node-projects/base-custom-webcomponent";var Co,sh=g(()=>{"use strict";ih();ee();Jt();Co=class{shouldExtend(e,t,i){return i.nodeType==A.Element}getExtension(e,t,i){return new _o(e,t,i)}style=Vv`.svg-margin-fill{fill:color(display-p3 1 0 1 / 15%);fill-rule:evenodd}.svg-margin{fill:color(display-p3 1 0 1 / 80%);fill-rule:evenodd;mask:url(#mask-stripe-margin)}`;static svgDefs=mi`<pattern id="pattern-stripe-margin" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-margin"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-margin)"></mask>`}});var fi,Eo,Po,ah=g(()=>{"use strict";yt();le();fi=["left","right","top","bottom"],Eo={left:"right",right:"left",top:"bottom",bottom:"top"},Po=class extends F{_options;_lines=[];_locks=[];_texts=[];constructor(e,t,i,r={}){super(e,t,i),this._options=r}extend(){this.refresh()}_getSpecifiedStyle(e){return this.extendedItem.element.computedStyleMap?.().get(e)?.toString()??this.extendedItem.getStyleFromSheetOrLocal(e)??"auto"}refresh(){let e=this.extendedItem.element,t=this.extendedItem.getComputedStyle().position==="absolute",i=(t?e.offsetParent:null)??this.extendedItem.parent?.element;if(!i)return;let r=e.getBoxQuads({relativeTo:i,iframes:this.designerCanvas.iframes})[0];if(!r)return;let o=Ee(i),s=i.ownerDocument.defaultView.getComputedStyle(i),a=t&&parseFloat(s.borderLeftWidth)||0,l=t&&parseFloat(s.borderTopWidth)||0,c=o.width-(t&&parseFloat(s.borderRightWidth)||0),h=o.height-(t&&parseFloat(s.borderBottomWidth)||0),p=(E,I)=>({x:(E.x+I.x)/2,y:(E.y+I.y)/2}),d=[p(r.p1,r.p4),p(r.p2,r.p3),p(r.p1,r.p2),p(r.p4,r.p3)],u=[{x:a,y:d[0].y},{x:c,y:d[1].y},{x:d[2].x,y:l},{x:d[3].x,y:h}],m=[d[0].x-a,c-d[1].x,d[2].y-l,h-d[3].y],f=E=>{let I=this.designerCanvas.canvas.convertPointFromNode(E,i,{iframes:this.designerCanvas.iframes});return{x:I.x/I.w,y:I.y/I.w}},y=u.map(f),v=d.map(f),C=u.map((E,I)=>f({x:(E.x+d[I].x)/2,y:(E.y+d[I].y)/2})),b=fi.map(E=>this._getSpecifiedStyle(E)!=="auto"),_=t&&this._options.allowDocking!==!1,S=this.designerCanvas.scaleFactor;if(this._valuesHaveChanges(S,t,_,...b,...m,...y.flatMap(E=>[E.x,E.y]),...v.flatMap(E=>[E.x,E.y]),...C.flatMap(E=>[E.x,E.y])))for(let E=0;E<fi.length;E++)this._lines[E]=this._drawLine(y[E].x,y[E].y,v[E].x,v[E].y,"svg-position",this._lines[E]),this._lines[E].style.strokeWidth=""+1/S,this._lines[E].style.strokeDasharray=t&&b[E]?"none":""+4/S,t?this._drawLock(E,C[E].x,C[E].y,b[E],_):this._locks[E]&&(this._locks[E].style.display="none"),this._texts[E]=this._drawTextWithBackground(""+Math.round(m[E]),C[E].x,C[E].y-(t?16/S:0),"white","svg-position-text",this._texts[E]),this._texts[E][2].style.fontSize=this._texts[E][3].style.fontSize=12/S+"px"}_drawLock(e,t,i,r,o){let s=this._locks[e];s||(s=this._locks[e]=this._drawGroup("svg-position-lock"),s.innerHTML='<title></title><rect x="-10" y="-10" width="20" height="20" rx="3"/><path/>',s.onpointerdown=c=>{c.stopPropagation(),this.designerCanvas.ignoreEvent(c)},s.onclick=c=>{c.stopPropagation(),this._switchDockingSide(fi[e])},s.onkeydown=c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.stopPropagation(),this._switchDockingSide(fi[e]))});let a=r?Eo[fi[e]]:fi[e];s.style.display="",s.style.pointerEvents=o?"all":"none",s.style.cursor=o?"pointer":"default",s.setAttribute("transform",`translate(${t} ${i}) scale(${1/this.designerCanvas.scaleFactor})`),s.setAttribute("role","button"),s.setAttribute("tabindex",o?"0":"-1"),s.setAttribute("aria-disabled",""+!o),s.setAttribute("aria-pressed",""+r);let l=`${fi[e]}: ${r?"anchored":"not anchored"}${o?`. Anchor to ${a}`:""}`;s.setAttribute("aria-label",l),s.querySelector("title").textContent=l,s.querySelector("path").setAttribute("d",(r?"M-3 -1 V-4 A3 3 0 0 1 3 -4 V-1":"M1 -1 V-5 A3 3 0 0 1 7 -5 V-3")+" M-5 -1 H5 V6 H-5 Z M0 1 V4")}_switchDockingSide(e){if(this._options.allowDocking===!1)return;let t=this.extendedItem.getComputedStyle();if(t.position!=="absolute")return;let i=this._getSpecifiedStyle(e)!=="auto"?Eo[e]:e,r=t.getPropertyValue(i);if(!Number.isFinite(parseFloat(r)))return;let o=i==="left"||i==="right",s=o?"width":"height",a=t.getPropertyValue(s),l=o?["left","right"]:["top","bottom"],c=this.extendedItem.element.offsetParent;if(c&&l.every(u=>this._getSpecifiedStyle(u)!=="auto")){let u=c.ownerDocument.defaultView.getComputedStyle(c),m=o&&u.direction==="rtl"?"left":l[1];if(i===m){let f=(b,_)=>parseFloat(b.getPropertyValue(_))||0,y=(b,_,S="")=>l.reduce((E,I)=>E+f(b,_+I+S),0),v=f(u,s)+(u.boxSizing==="border-box"?-y(u,"border-","-width"):y(u,"padding-")),C=f(t,s)+(t.boxSizing==="border-box"?0:y(t,"padding-")+y(t,"border-","-width"));r=v-C-y(t,"margin-")-f(t,Eo[i])+"px"}}let h=(o?["margin-left","margin-right"]:["margin-top","margin-bottom"]).filter(u=>this._getSpecifiedStyle(u)==="auto").map(u=>[u,t.getPropertyValue(u)]),p=this._getSpecifiedStyle(s)==="auto",d=this.extendedItem.openGroup(`Anchor to ${i}`);try{p&&this.extendedItem.setStyle(s,a);for(let[u,m]of h)this.extendedItem.setStyle(u,m);this.extendedItem.setStyle(i,r),this.extendedItem.setStyle(Eo[i],"auto"),d.commit()}catch(u){throw d.abort(),u}this.extensionManager.refreshAllExtensions([this.extendedItem])}dispose(){this._removeAllOverlays()}}});import{css as Nv}from"@node-projects/base-custom-webcomponent";var ko,lh=g(()=>{"use strict";ah();ko=class{_options;constructor(e={}){this._options=e}shouldExtend(e,t,i){if(!i?.parent||i.element instanceof HTMLTemplateElement)return!1;let r=getComputedStyle(i.element);return r.position==="relative"||r.position==="absolute"}getExtension(e,t,i){return new Po(e,t,i,this._options)}static style=Nv`.svg-position-text{text-anchor:middle;alignment-baseline:central}.svg-position-lock rect{fill:#fff;stroke:#888;stroke-width:1}.svg-position-lock path{fill:none;stroke:#000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svg-position-lock[aria-pressed=true] path{stroke:var(--wcd-color-selection,#3899ec)}.svg-position-lock:focus rect,.svg-position-lock[aria-disabled=false]:hover rect{stroke:var(--wcd-color-selection,#3899ec);fill:#eaf4fc}`}});var Io,ch=g(()=>{"use strict";le();se();Jt();Io=class extends F{_rect;_options;constructor(e,t,i,r){super(e,t,i),this._options={useSvgGeometryOutline:!0,includeSvgMarkers:!0,...r??{}}}extend(){this.refresh()}refresh(){if(this._options.useSvgGeometryOutline){let t=Am(this.extendedItem.element,this.designerCanvas,{includeMarkers:this._options.includeSvgMarkers});if(t){this._rect=this._drawPath(t,"svg-hover-fill",this._rect,M.Background),this._rect.style.strokeWidth=(3/this.designerCanvas.scaleFactor).toString();return}}let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];isNaN(e.p1.x)||(this._rect=this._drawTransformedRect(e,"svg-hover",this._rect,M.Background),this._rect.style.strokeWidth=(3/this.designerCanvas.scaleFactor).toString())}dispose(){this._removeAllOverlays()}}});import{css as Rv}from"@node-projects/base-custom-webcomponent";var Do,hh=g(()=>{"use strict";ch();Do=class{_options;constructor(e){this._options=e??{}}shouldExtend(e,t,i){return!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new Io(e,t,i,this._options)}static style=Rv`.svg-hover{stroke:#90caf966;fill:none}.svg-hover-fill{stroke:#90caf966;fill:#90caf966}`}});var Pe,ph=g(()=>{"use strict";(function(n){n.DragOrSelect="DragOrSelect",n.Drag="Drag",n.Resize="Resize",n.Rotate="Rotate",n.DrawSelection="DrawSelection",n.DrawingSelection="DrawingSelection"})(Pe||(Pe={}))});var Ao,dh=g(()=>{"use strict";me();ph();oe();ot();It();$e();Ao=class n{cursor="default";_minMoveOffset=5;_movedSinceStartedAction=!1;_initialPoint;_actionType;_actionStartedDesignItem;_actionStartedClickDesignItem;_actionStartedDesignItems;_clonedItems;_copiedItemsInserted=!1;_previousEventName;_dragOverExtensionItem;_dragParentExtensionItem;_moveItemsOffset={x:0,y:0};_initialOffset;_started=!1;_holdTimeout;_firstTimeInMove;_secondTimeInMove;_changeGroup;constructor(){}activated(e){}dispose(){}_showContextMenu(e,t){if(e.preventDefault(),!$(e)){let i=t.elementsFromPoint(e.x,e.y);for(let s of t.instanceServiceContainer.selectionService.selectedElements)if(i.indexOf(s.element)>=0){t.showDesignItemContextMenu(t.instanceServiceContainer.selectionService.primarySelection,e);return}let r=t.serviceContainer.elementAtPointService.getElementAtPoint(t,{x:e.x,y:e.y}),o=O.GetOrCreateDesignItem(r,r,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.selectionService.isSelected(o)||t.instanceServiceContainer.selectionService.setSelectedElements([o],e),t.showDesignItemContextMenu(o,e)}}pointerEventHandler(e,t,i){$(t)?this.cursor="copy":this.cursor="default";let r=e.serviceContainer.elementInteractionServices;if(r){for(let a of r)if(a.stopEventHandling(e,t,i))return}if(t.button==2&&t.type==k.PointerDown){this._showContextMenu(t,e);return}if($(t)&&t.shiftKey||t.buttons==4){let a=e.serviceContainer.designerTools.get(te.Pan);if(a){a.pointerEventHandler(e,t,i);return}}switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._movedSinceStartedAction=!1,this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case k.PointerMove:this._firstTimeInMove&&(this._secondTimeInMove=!0),this._secondTimeInMove?this._firstTimeInMove=!1:this._firstTimeInMove=!0;break}if(!i)return;let o=e.getNormalizedEventCoordinates(t),s=O.GetOrCreateDesignItem(i,i,e.serviceContainer,e.instanceServiceContainer);this._actionType==null&&(this._initialPoint=o,t.shiftKey?(t.preventDefault(),this._actionType=Pe.DrawSelection):t.type==k.PointerDown&&(this._actionStartedDesignItem=s,this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.snapLines.clearSnaplines(),s!==e.rootDesignItem?this._actionType=Pe.Drag:i===e||i===e.rootDesignItem.element||i==null?this._actionType=Pe.DrawSelection:this._actionType=Pe.DragOrSelect)),t.type===k.PointerMove&&(this._movedSinceStartedAction=this._movedSinceStartedAction||Math.abs(o.x-this._initialPoint.x)>this._minMoveOffset||Math.abs(o.y-this._initialPoint.y)>this._minMoveOffset,this._actionType==Pe.DrawSelection&&(this._actionType=Pe.DrawingSelection)),this._actionType==Pe.DrawSelection||this._actionType==Pe.DrawingSelection?this._pointerActionTypeDrawSelection(e,t,i):(this._actionType==Pe.DragOrSelect||this._actionType==Pe.Drag)&&this._pointerActionTypeDragOrSelect(e,t,s,o),t.type==k.PointerUp&&(e.snapLines.clearSnaplines(),this._actionType==Pe.DrawSelection&&s!==e.rootDesignItem&&e.instanceServiceContainer.selectionService.setSelectedElements([s],t),this._resetTool()),this._previousEventName=t.type}_resetTool(){this._actionType=null,this._actionStartedDesignItem=null,this._actionStartedClickDesignItem=null,this._actionStartedDesignItems=null,this._movedSinceStartedAction=!1,this._initialPoint=null,this._initialOffset=null}_pointerActionTypeDrawSelection(e,t,i){let r=e.serviceContainer.designerTools.get(te.DrawSelection);r&&(this._resetTool(),r.pointerEventHandler(e,t,i))}async _pointerActionTypeDragOrSelect(e,t,i,r,o=!1){this._holdTimeout&&(clearTimeout(this._holdTimeout),this._holdTimeout=null);let s=i;if(t.altKey){if(t.type==k.PointerDown){let a=e.instanceServiceContainer.selectionService.primarySelection;if(a){let l=e.elementsFromPoint(t.x,t.y),c=l.indexOf(a.element);c>=0&&c++;let h=l[c];h&&(i=O.GetOrCreateDesignItem(h,h,e.serviceContainer,e.instanceServiceContainer))}}s=i}else t.type==k.PointerDown&&(i=this._getDesignItemToStartDrag(e,i,r));switch(t.type){case k.PointerDown:{this._actionStartedClickDesignItem=s,this._actionStartedDesignItem=i,this._initialOffset=e.getNormalizedOffsetInElement(t,this._actionStartedDesignItem.element),this._moveItemsOffset={x:0,y:0},this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements);break}case k.PointerMove:{if(t.buttons==0)return;if(this._firstTimeInMove){let l=this._actionStartedDesignItem??i;l.instanceServiceContainer.selectionService.selectedElements.includes(l)||($(t)?l.instanceServiceContainer.selectionService.setSelectedElements([...l.instanceServiceContainer.selectionService.selectedElements,l],t):l.instanceServiceContainer.selectionService.setSelectedElements([l],t),this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements))}if(e.readOnly)return;if(!this._clonedItems){this._clonedItems=[];for(let l of this._actionStartedDesignItems){let c=await l.clone();this._clonedItems&&c&&this._clonedItems.push(c)}}if(!this._actionStartedDesignItem)return;if(this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"),window.addEventListener("pointerup",()=>{this._changeGroup?.abort(),this._changeGroup=null},{once:!0})),$(t)&&!this._copiedItemsInserted){this._changeGroup.title="Copy Elements",this._copiedItemsInserted=!0;for(let l=0;l<this._clonedItems.length;l++)this._actionStartedDesignItems[l].insertAdjacentElement(this._clonedItems[l],"beforebegin")}else if(!$(t)&&this._copiedItemsInserted){this._changeGroup.title="Move Elements";for(let l of this._clonedItems)l.remove();this._copiedItemsInserted=!1}let a=r.x!=this._initialPoint.x||r.y!=this._initialPoint.y;if(this._actionType!=Pe.Drag&&a&&(this._actionType=Pe.Drag),this._movedSinceStartedAction){let l=getComputedStyle(this._actionStartedDesignItem.parent.element),c=e.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(this._actionStartedDesignItem.parent,l,this._actionStartedDesignItem));if(c){let h=this._actionStartedDesignItem.parent;this._dragParentExtensionItem!=h?(e.extensionManager.removeExtension(this._dragParentExtensionItem,D.ContainerDrag),e.extensionManager.applyExtension(h,D.ContainerDrag,t),this._dragParentExtensionItem=h):e.extensionManager.refreshExtension(h,D.ContainerDrag);let p=c.canLeave(this._actionStartedDesignItem.parent,this._actionStartedDesignItems),d=null,u=null;if(p&&([d,u]=n.FindPossibleContainer(this._actionStartedDesignItem,this._actionStartedDesignItems,t),d!=null?this._dragOverExtensionItem!=d?(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),e.extensionManager.applyExtension(d,D.ContainerDragOverAndCanBeEntered,t),this._dragOverExtensionItem=d):e.extensionManager.refreshExtension(d,D.ContainerDragOverAndCanBeEntered,t):this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null)),u&&(this._holdTimeout=setTimeout(()=>{this._pointerActionTypeDragOrSelect(e,t,i,r,!0)},1e3)),u&&(t.altKey||o)){let m=c.getElementOffset(this._actionStartedDesignItem.parent,this._actionStartedDesignItem),f=u.getElementOffset(d,this._actionStartedDesignItem);this._moveItemsOffset={x:f.x-m.x+this._moveItemsOffset.x,y:f.y-m.y+this._moveItemsOffset.y},c.leaveContainer(this._actionStartedDesignItem.parent,this._actionStartedDesignItems);let y={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};u.enterContainer(d,this._actionStartedDesignItems,"normal"),u.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,y,this._actionStartedDesignItems),e.extensionManager.removeExtension(this._dragParentExtensionItem,D.ContainerDrag),e.extensionManager.applyExtension(d,D.ContainerDrag,t),this._dragParentExtensionItem=d,e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,e.extensionManager.refreshAllAppliedExtentions()}else{let m={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(this._started)c.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,m,this._actionStartedDesignItems);else if(!c.startPlacementAllowed||c.startPlacementAllowed(t,e,this._actionStartedDesignItem.parent,this._actionStartedDesignItems)){for(let f of this._actionStartedDesignItems)e.extensionManager.removeExtension(f,D.Placement),e.extensionManager.removeExtension(f,D.MouseOver),e.extensionManager.applyExtension(f,D.Placement,t);c.startPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,m,this._actionStartedDesignItems),this._started=!0}}e.extensionManager.refreshExtensions(this._actionStartedDesignItems,null,t,null,20)}}break}case k.PointerUp:{if(this._started=!1,!this._movedSinceStartedAction||this._actionType==Pe.DragOrSelect){this._previousEventName==k.PointerDown&&!$(t)?e.instanceServiceContainer.selectionService.setSelectedElements([this._actionStartedClickDesignItem??this._actionStartedDesignItem],t):this.checkSelectElement(t,e,i);return}if(this._movedSinceStartedAction){let a=getComputedStyle(this._actionStartedDesignItem.parent.element),l=e.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(this._actionStartedDesignItem.parent,a,this._actionStartedDesignItem)),c={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(l){this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"));try{l.finishPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,c,e.instanceServiceContainer.selectionService.selectedElements),this._changeGroup.commit(),this._changeGroup=null}catch(p){console.error(p),this._changeGroup.abort()}this._changeGroup=null;let h=e.elementsFromPoint(t.x,t.y);for(let p of this._actionStartedDesignItems)h.includes(p.element)&&e.extensionManager.applyExtension(p,D.MouseOver,t),e.extensionManager.removeExtension(p,D.Placement)}else this._changeGroup&&this._changeGroup.abort(),this._changeGroup=null;e.extensionManager.removeExtension(this._dragParentExtensionItem,D.ContainerDrag),this._dragParentExtensionItem=null,e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,this._moveItemsOffset={x:0,y:0}}e.extensionManager.refreshExtensions(e.instanceServiceContainer.selectionService.selectedElements,null,t,null,20),this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null);break}}}_getDesignItemToStartDrag(e,t,i){let r=e.instanceServiceContainer.selectionService.selectedElements;if(!r?.length||t.isRootItem||r.includes(t))return t;for(let o of r)if(!(!o||o.isRootItem||o===t)&&this._isPointInsideDesignItemQuad(e,o,i))return o;return t}_isPointInsideDesignItemQuad(e,t,i){let r=t.element.getBoxQuads({box:"border",relativeTo:e.canvas,iframes:e.iframes})[0];return r?this._isPointInsideQuad(i,r):!1}_isPointInsideQuad(e,t){let i=[t.p1,t.p2,t.p3,t.p4];for(let o=0;o<i.length;o++){let s=i[o],a=i[(o+1)%i.length];if(this._isPointOnSegment(e,s,a))return!0}let r=!1;for(let o=0,s=i.length-1;o<i.length;s=o++){let a=i[o],l=i[s];a.y>e.y!=l.y>e.y&&e.x<(l.x-a.x)*(e.y-a.y)/(l.y-a.y||Number.EPSILON)+a.x&&(r=!r)}return r}_isPointOnSegment(e,t,i){let o=(e.y-t.y)*(i.x-t.x)-(e.x-t.x)*(i.y-t.y);if(Math.abs(o)>1e-4)return!1;let s=(e.x-t.x)*(i.x-t.x)+(e.y-t.y)*(i.y-t.y);if(s<-1e-4)return!1;let a=(i.x-t.x)*(i.x-t.x)+(i.y-t.y)*(i.y-t.y);return s<=a+1e-4}checkSelectElement(e,t,i){if($(e)){let r=t.instanceServiceContainer.selectionService.selectedElements.indexOf(i);if(r>=0){let o=t.instanceServiceContainer.selectionService.selectedElements.slice(0);o.splice(r,1),t.instanceServiceContainer.selectionService.setSelectedElements(o,e)}else{let o=t.instanceServiceContainer.selectionService.selectedElements.slice(0);o.push(i),t.instanceServiceContainer.selectionService.setSelectedElements(o,e)}}else t.instanceServiceContainer.selectionService.selectedElements.indexOf(i)<0&&t.instanceServiceContainer.selectionService.setSelectedElements([i],e)}static FindPossibleContainer(e,t,i){let r=null,o=null,s=e.instanceServiceContainer.designerCanvas,a=s.elementsFromPoint(i.x,i.y);a.push(s.rootDesignItem.element);for(let l of a)if(l!=e.element){if(l==e.parent.element)break;if(l==s.rootDesignItem.element){r=s.rootDesignItem;let c=getComputedStyle(r.element);if(o=s.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),o){if(o.canEnter(r,t))break;r=null,o=null;break}break}else{r=O.GetOrCreateDesignItem(l,l,s.serviceContainer,s.instanceServiceContainer);let c=getComputedStyle(r.element);if(o=s.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),o){if(o.canEnter(r,t))break;r=null,o=null;continue}}}return[r,o]}keyboardEventHandler(e,t,i){}}});var Se,vt=g(()=>{"use strict";Se=class{constructor(e,t,i){this.title="Insert Item",this.containerItem=e,this.index=t,this.newItem=i}title;get affectedItems(){return[this.containerItem,this.newItem]}undo(){return this.newItem.parent._removeChildInternal(this.newItem),[{changeType:"removed",designItems:[this.newItem]}]}do(){return this.containerItem._insertChildInternal(this.newItem,this.index),[{changeType:"added",designItems:[this.newItem]}]}containerItem;index;newItem;mergeWith(e){return!1}}});var To,zv,Mo,uh=g(()=>{"use strict";me();Xe();vt();oe();se();di();To=10,zv=5,Mo=class{options;cursor="crosshair";_pathD;_path;_samePoint=!1;_p2pMode=!1;_dragMode=!1;_pointerMoved=!1;_eventStarted=!1;_lastPoint;_startPoint;_captureElement;_pointerId;_angleStep;constructor(e){this.options=e,e?.angleStep!==void 0&&(this._angleStep=e.angleStep)}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:e.clickOverlay.focus(),this._eventStarted=!0,this._p2pMode||(this._captureElement=t.target,this._pointerId=t.pointerId,this._captureElement.setPointerCapture(this._pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._pathD="M "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._path.setAttribute("stroke",this.options?.strokeColor??e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",this.options?.fillBrush??e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",this.options?.strokeThickness??e.serviceContainer.globalContext.strokeThickness),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground),this._startPoint=r),this._lastPoint!=null&&this._lastPoint.x===r.x&&this._lastPoint.y===r.y&&!this._samePoint&&(this._samePoint=!0),this._lastPoint==null&&(this._lastPoint=r),this._startPoint==null&&(this._startPoint=r);break;case k.PointerMove:if(this._eventStarted&&(this._pointerMoved=!0),this._p2pMode){if(this._path){let o=r;(t.shiftKey||this._angleStep)&&(o=kt(this._lastPoint,r,this._angleStep??45)),this._path.setAttribute("d",this._pathD+"L "+o.x+" "+o.y)+""}}else if(this._dragMode=!0,this._path&&this._lastPoint){let o=this.options?.interpolatePoints?im(this._lastPoint,r,this.options.interpolationDistance??zv):[r];for(let s of o)this._pathD+="L "+s.x+" "+s.y+" ";this._path.setAttribute("d",this._pathD),this._lastPoint=r}break;case k.PointerUp:if(this._eventStarted&&!this._pointerMoved&&(this._p2pMode=!0),this._p2pMode&&!this._samePoint&&this._startPoint.x!=r.x&&this._startPoint.y!=r.y&&this._path)if(t.shiftKey||this._angleStep){let o=kt(this._lastPoint,r,this._angleStep??45);this._pathD+="L "+o.x+" "+o.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=o}else this._pathD+="L "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=r;(this._samePoint&&this._p2pMode||this._dragMode&&!this._p2pMode)&&this._finalizePath(e);break}t.preventDefault(),t.stopPropagation()}keyboardEventHandler(e,t,i){t.key==="Escape"&&this._finalizePath(e)}_finalizePath(e){this._captureElement?.releasePointerCapture(this._pointerId),this._captureElement=void 0,e.releaseActiveTool(),this._eventStarted=!1,this._p2pMode=!1,this._pointerMoved=!1,this._samePoint=!1,this._dragMode=!1;let t=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let i=document.createElementNS("http://www.w3.org/2000/svg","svg"),r=t.x-To,o=t.y-To,s=e.serviceContainer.options.roundPixelsToDecimalPlaces;this._path.setAttribute("d",this._pathD);let a=rm(this._path,r,o);this._path.setAttribute("d",Rc(a,s)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),i.appendChild(this._path),i.style.left=pe(r,s)+"px",i.style.top=pe(o,s)+"px",i.style.position="absolute",i.style.width=Math.round(t.width+2*To)+"px",i.style.height=Math.round(t.height+2*To)+"px",i.style.overflow="visible",i.style.stroke=this.options?.strokeColor??e.serviceContainer.globalContext.strokeColor,i.style.fill=this.options?.fillBrush??e.serviceContainer.globalContext.fillBrush,i.style.strokeWidth=this.options?.strokeThickness??e.serviceContainer.globalContext.strokeThickness,this._path=void 0,this._pathD=void 0,this._lastPoint=void 0;let l=O.createDesignItemFromInstance(i,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,l)),e.serviceContainer.globalContext.finishedWithTool(this)}}});var Lo,mh=g(()=>{"use strict";le();Lo=class extends F{_line1;_line2;_line3;_line4;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._line1=this._drawLine(i.p1.x,i.p1.y,i.p2.x,i.p2.y,"svg-selection",this._line1),this._line2=this._drawLine(i.p1.x,i.p1.y,i.p4.x,i.p4.y,"svg-selection",this._line2),this._line3=this._drawLine(i.p2.x,i.p2.y,i.p3.x,i.p3.y,"svg-selection",this._line3),this._line4=this._drawLine(i.p4.x,i.p4.y,i.p3.x,i.p3.y,"svg-selection",this._line4),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString())}}dispose(){this._removeAllOverlays()}}});import{css as Fv}from"@node-projects/base-custom-webcomponent";var Oo,fh=g(()=>{"use strict";mh();ee();Oo=class{shouldExtend(e,t,i){return!i.isRootItem&&i.nodeType!=A.Comment&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new Lo(e,t,i)}static style=Fv`.svg-selection{stroke:var(--wcd-color-selection,#3899ec);fill:transparent;stroke-width:2}`}});function ji(n){let e=getComputedStyle(n),t=1,i=1;return e.gridRowEnd=="auto"?t=1:e.gridRowEnd.startsWith("span")?t=parseInt(e.gridRowEnd.substring(4)):t=parseInt(e.gridRowEnd)-parseInt(e.gridRowStart),e.gridColumnEnd=="auto"?i=1:e.gridColumnEnd.startsWith("span")?i=parseInt(e.gridColumnEnd.substring(4)):i=parseInt(e.gridColumnEnd)-parseInt(e.gridColumnStart),{colSpan:i,rowSpan:t}}function Er(n,e){let t=n.instanceServiceContainer.designerCanvas,i=n.element.convertPointFromNode(new DOMPoint(e.x,e.y),t.canvas,{iframes:t.iframes});return{x:i.x,y:i.y}}function Yi(n){let e=n.instanceServiceContainer.designerCanvas,t=e.canvas.convertPointFromNode(new DOMPoint(0,0),n.element,{iframes:e.iframes}),i=e.canvas.convertPointFromNode(new DOMPoint(1,0),n.element,{iframes:e.iframes}),r=e.canvas.convertPointFromNode(new DOMPoint(0,1),n.element,{iframes:e.iframes});return new DOMMatrix([i.x-t.x,i.y-t.y,r.x-t.x,r.y-t.y,t.x,t.y])}function Nm(n,e){let t=n.cells[0];if(!t?.length||!Number.isFinite(e))return 0;let i=0;for(let r=0;r<t.length;r++){let o=t[r];e>o.localX+o.width/2&&(i=r)}return i}function Rm(n,e){let t=n.cells[0];if(!t?.length||!Number.isFinite(e))return 1;let i=1;for(let r=0;r<t.length;r++){let o=t[r];e>o.localX+o.width/2&&(i=r+2)}return i}function zm(n,e){if(!n.cells.length||!Number.isFinite(e))return 0;let t=0;for(let i=0;i<n.cells.length;i++){let r=n.cells[i][0];e>r.localY+r.height/2&&(t=i)}return t}function Fm(n,e){if(!n.cells.length||!Number.isFinite(e))return 1;let t=1;for(let i=0;i<n.cells.length;i++){let r=n.cells[i][0];e>r.localY+r.height/2&&(t=i+2)}return t}function Pr(n,e,t=lt(n)){let i=Er(n,e);if(!Number.isFinite(i.x)||!Number.isFinite(i.y))return null;for(let r=0;r<t.cells.length;r++)for(let o=0;o<t.cells[r].length;o++){let s=t.cells[r][o];if(i.x>=s.localX&&i.x<=s.localX+s.width&&i.y>=s.localY&&i.y<=s.localY+s.height)return{row:r,column:o,cell:s,localPoint:i}}return null}function lt(n){let e=n.instanceServiceContainer.designerCanvas,t=n.element.getBoxQuads({relativeTo:e.canvas,iframes:e.iframes})[0],i=Ee(n.element),r=getComputedStyle(n.element),o=r.gridTemplateRows.split(" "),s=r.gridTemplateColumns.split(" "),a=Number.parseFloat(r.paddingLeft),l=Number.parseFloat(r.paddingTop),c=Number.parseFloat(r.borderLeftWidth),h=Number.parseFloat(r.borderTopWidth),p=0,d=0,u=0,m=0,f=t.p1.x+c,y=t.p1.y+h,v=c,C=h,b=null;r.gridTemplateAreas&&r.gridTemplateAreas!=="none"&&(b=r.gridTemplateAreas.split('"')),r.columnGap&&r.columnGap!="normal"&&(d=Number.parseFloat(r.columnGap.replace("px",""))),r.rowGap&&r.rowGap!="normal"&&(u=Number.parseFloat(r.rowGap.replace("px","")));let _=0,S=0;for(let I of s){let j=Number.parseFloat(I.replace("px",""));_+=j+d}_-=d;for(let I of o){let j=Number.parseFloat(I.replace("px",""));S+=j+u}if(S-=u,r.justifyContent=="center"){let I=(i.width-_)/2;f+=I,v+=I}else if(r.justifyContent=="end"){let I=i.width-_;f+=I,v+=I}else if(r.justifyContent=="space-between")d+=(i.width-_)/(s.length-1);else if(r.justifyContent=="space-around"){let I=(i.width-_)/(s.length*2);d+=I*2,f+=I,v+=I}else if(r.justifyContent=="space-evenly"){let I=(i.width-_)/(s.length+1);d+=I,f+=I,v+=I}if(r.alignContent=="center"){let I=(i.height-S)/2;y+=I,C+=I}else if(r.alignContent=="end"){let I=i.height-S;y+=I,C+=I}else if(r.alignContent=="space-between")u+=(i.height-S)/(o.length-1);else if(r.alignContent=="space-around"){let I=(i.height-S)/(o.length*2);u+=I*2,y+=I,C+=I}else if(r.alignContent=="space-evenly"){let I=(i.height-S)/(o.length+1);u+=I,y+=I,C+=I}let E={cells:[],gaps:[],xGap:d,yGap:u};for(let I=0;I<o.length;I++){let j=o[I],H=null;b&&b[m+1]&&(H=b[m+1].split(" "));let N=0,K=0,Q=Number.parseFloat(j.replace("px","")),ce=[];E.cells.push(ce);for(let B=0;B<s.length;B++){let ye=s[B];B>0&&(E.gaps.push({x:N+f+a,y:p+y+l,width:d,height:Q,localX:N+v+a,localY:p+C+l,column:B,row:I,type:"v"}),N+=d);let L=Number.parseFloat(ye.replace("px",""));I>0&&E.gaps.push({x:N+f+a,y:p+y-u+l,width:L,height:u,localX:N+v+a,localY:p+C-u+l,column:B,row:I,type:"h"});let ie=null;if(H&&H[K]){let q=H[K].trim();q!="."&&(ie=q)}let X={x:N+f+a,y:p+y+l,width:L,height:Q,name:ie,localX:N+v+a,localY:p+C+l};ce.push(X),N+=L,K++}p+=Q+u,m+=2}return E}var gi=g(()=>{"use strict";yt()});function Ui(n,e){switch(e){case"left":let t=getComputedStyle(n).left;return n.style.removeProperty("right"),n.style.left=t,t;case"top":let i=getComputedStyle(n).top;return n.style.removeProperty("bottom"),n.style.top=i,i}}var Vo,gh=g(()=>{"use strict";me();de();gi();Oe();yt();le();Vo=class extends F{resizeAllSelected;_initialSizes=null;_actionModeStarted;_initialPoint=null;_offsetPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialHandleCanvasPoint=null;_initialLocalToCanvasMatrix=null;_initialBorderBoxSize=null;_initialFixedResizeAnchor=null;_currentAnchorHandle=null;_resizeStrategy;_resizeStrategyState;constructor(e,t,i,r){super(e,t,i),this.resizeAllSelected=r,this._resizeStrategy=t.serviceContainer.getLastServiceWhere("elementResizeStrategy",o=>o.isHandledElement(i))}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p1.x)){this.remove();return}if(this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)){let r={"nw-resize":i.p1,"n-resize":{x:(i.p1.x+i.p2.x)/2,y:(i.p1.y+i.p2.y)/2},"ne-resize":i.p2,"w-resize":{x:(i.p1.x+i.p4.x)/2,y:(i.p1.y+i.p4.y)/2},"sw-resize":i.p4,"s-resize":{x:(i.p4.x+i.p3.x)/2,y:(i.p4.y+i.p3.y)/2},"e-resize":{x:(i.p2.x+i.p3.x)/2,y:(i.p2.y+i.p3.y)/2},"se-resize":i.p3},o=(s,a)=>{let l=s,c,h=this._actionModeStarted,p=this._currentAnchorHandle;this._initialPoint&&p&&p!==h&&(s===h?(l=p,c="show"):s===p&&(this._oppositeHandle(h)===p?(l=h,c="show"):c="hide"));let d=r[l];return this._drawResizerOverlay(d.x,d.y,s,a,c)};this._circle1=o("nw-resize",this._circle1),this._circle2=o("n-resize",this._circle2),this._circle3=o("ne-resize",this._circle3),this._circle4=o("w-resize",this._circle4),this._circle5=o("sw-resize",this._circle5),this._circle6=o("s-resize",this._circle6),this._circle8=o("e-resize",this._circle8),this._circle7=o("se-resize",this._circle7)}}}_oppositeHandle(e){return{"nw-resize":"se-resize","n-resize":"s-resize","ne-resize":"sw-resize","w-resize":"e-resize","sw-resize":"ne-resize","s-resize":"n-resize","e-resize":"w-resize","se-resize":"nw-resize"}[e]}_drawResizerOverlay(e,t,i,r,o){let s=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-primary-resizer",r);return s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(s.addEventListener(k.PointerDown,a=>this._pointerActionTypeResize(s,a,i)),s.addEventListener(k.PointerMove,a=>this._pointerActionTypeResize(s,a,i)),s.addEventListener(k.PointerUp,a=>this._pointerActionTypeResize(s,a,i)),this._resizeStrategy&&s.addEventListener("pointercancel",a=>this._pointerActionTypeResize(s,a,i))),s.style.cursor=i,s.style.display=o==="show"?"":o==="hide"||this._resizeStrategy&&!this._resizeStrategy.getEnabledHandles(this.extendedItem).includes(i)?"none":"",s}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:let o=parseFloat(e.getAttribute("cx")??"0"),s=parseFloat(e.getAttribute("cy")??"0");if(this._offsetPoint={x:o-r.x,y:s-r.y},t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._initialHandleCanvasPoint=new DOMPoint(o,s),this._initialLocalToCanvasMatrix=Yi(this.extendedItem),this._initialBorderBoxSize=Ee(this.extendedItem.element),this._initialFixedResizeAnchor=this._getFixedResizeAnchor(this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas,iframes:this.designerCanvas.iframes})[0],i),this._currentAnchorHandle=i,this._initialSizes=[],this._actionModeStarted=i,this._initialSizes.push(this._getInitialSize(this.extendedItem.element)),this._resizeStrategy&&(this._resizeStrategyState=this._resizeStrategy.begin(this._strategyContext(this._initialSizes[0]))),this.resizeAllSelected)for(let l of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)this._initialSizes.push(this._getInitialSize(l.element));if(this.designerCanvas.alignOnSnap&&this.designerCanvas.snapLines.calculateSnaplines(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.prepareResize(this.extendedItem,this._actionModeStarted),this.resizeAllSelected)for(let l of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)l!==this.extendedItem&&this.prepareResize(l,this._actionModeStarted);break;case k.PointerMove:if(this._initialPoint){if(!this._initialSizes||!this._initialHandleCanvasPoint||!this._initialLocalToCanvasMatrix||!this._initialBorderBoxSize)return;let l=getComputedStyle(this.extendedItem.parent.element),h=this.designerCanvas.serviceContainer.getLastServiceWhere("containerService",_=>_.serviceForContainer(this.extendedItem.parent,l)).placePoint(t,this.designerCanvas,this.extendedItem.parent,this._initialPoint,{x:0,y:0},r,this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),p=new DOMPoint(h.x+this._offsetPoint.x,h.y+this._offsetPoint.y),d=this._getLocalHandleDelta(p);if(!d)return;let u=d.x,m=d.y;t.shiftKey&&(u=u<m?u:m,m=u);let f=0,y=null,v=null;switch(this._actionModeStarted){case"e-resize":if(y=this._initialSizes[f].width+u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width+u)+"px")}break;case"se-resize":if(y=this._initialSizes[f].width+u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height+m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width+u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height+m)+"px")}break;case"s-resize":if(v=this._initialSizes[f].height+m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.height=V(this.extendedItem,this._initialSizes[f].height+m)+"px")}break;case"sw-resize":if(y=this._initialSizes[f].width-u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height+m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width-u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height+m)+"px")}break;case"w-resize":if(y=this._initialSizes[f].width-u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width-u)+"px")}break;case"nw-resize":if(y=this._initialSizes[f].width-u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height-m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width-u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height-m)+"px")}break;case"n-resize":if(v=this._initialSizes[f].height-m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.height=V(this.extendedItem,this._initialSizes[f].height-m)+"px")}break;case"ne-resize":if(y=this._initialSizes[f].width+u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height-m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width+u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height-m)+"px")}break}let C=this._getCurrentBorderBoxSize(u,m);if(!C)return;if(this._resizeStrategy){let _=this._resizeStrategy.preview(this._strategyContext(C),this._resizeStrategyState);_&&(C=_,this._currentAnchorHandle=_.anchorHandle??this._actionModeStarted)}this._applyAnchorCorrection(C);let b=[this.extendedItem,this.extendedItem.parent];this.resizeAllSelected&&b.push(...this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.extensionManager.refreshExtensions(b),this.designerCanvas?.raiseDesignItemsChanged(b,"resize",!1)}break;case k.PointerUp:if(t.target.releasePointerCapture(t.pointerId),!this._initialPoint)return;let a=this.extendedItem.openGroup(this.resizeAllSelected&&this.designerCanvas.instanceServiceContainer.selectionService.selectedElements.length>1?"Resize Elements":"Resize &lt;"+this.extendedItem.name+"&gt;");try{let l=this.extendedItem.element;if(this._resizeStrategy){let d=Ee(this.extendedItem.element);this._resizeStrategy.commit(this._strategyContext(d),this._resizeStrategyState)}else this.extendedItem.setStyle("width",this.extendedItem.element.style.width),this.extendedItem.setStyle("height",this.extendedItem.element.style.height);let c=parseFloat(Ui(l,"left")),h=parseFloat(Ui(l,"top")),p=this._getAnchorCorrectionInParent(Ee(this.extendedItem.element));if(p&&(c+=p.x,h+=p.y,l.style.left=V(this.extendedItem,c)+"px",l.style.top=V(this.extendedItem,h)+"px"),this.extendedItem.setStyle("left",V(this.extendedItem,c)+"px"),this.extendedItem.setStyle("top",V(this.extendedItem,h)+"px"),this.resizeAllSelected){for(let d of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)d!==this.extendedItem&&(d.setStyle("width",d.element.style.width),d.setStyle("height",d.element.style.height),d.setStyle("left",V(this.extendedItem,parseFloat(Ui(d.element,"left")))+"px"),d.setStyle("top",V(this.extendedItem,parseFloat(Ui(d.element,"top")))+"px"));this.designerCanvas?.raiseDesignItemsChanged(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements,"resize",!0)}else this.designerCanvas?.raiseDesignItemsChanged([this.extendedItem],"resize",!0);a.commit()}catch(l){a.abort(),console.error(l)}this._initialSizes=null,this._initialPoint=null,this._initialHandleCanvasPoint=null,this._initialLocalToCanvasMatrix=null,this._initialBorderBoxSize=null,this._initialFixedResizeAnchor=null,this._currentAnchorHandle=null,this._resizeStrategyState=void 0;break;case"pointercancel":this._initialPoint&&this._resizeStrategy&&this._initialSizes&&this._resizeStrategy.cancel(this._strategyContext(this._initialSizes[0]),this._resizeStrategyState),this._initialSizes=null,this._initialPoint=null,this._resizeStrategyState=void 0,this._currentAnchorHandle=null;break}}_strategyContext(e){return{designItem:this.extendedItem,handle:this._actionModeStarted,initialSize:this._initialSizes?.[0]??e,currentSize:e}}_getLocalHandleDelta(e){if(!this._initialHandleCanvasPoint||!this._initialLocalToCanvasMatrix)return null;let t=new DOMMatrix([this._initialLocalToCanvasMatrix.a,this._initialLocalToCanvasMatrix.b,this._initialLocalToCanvasMatrix.c,this._initialLocalToCanvasMatrix.d,0,0]);if(!t.is2D)return null;let i=new DOMPoint(e.x-this._initialHandleCanvasPoint.x,e.y-this._initialHandleCanvasPoint.y);return t.inverse().transformPoint(i)}_getCurrentBorderBoxSize(e,t){if(!this._initialBorderBoxSize)return null;let i=this._initialBorderBoxSize.width,r=this._initialBorderBoxSize.height;switch(this._actionModeStarted){case"e-resize":case"se-resize":case"ne-resize":i+=e;break;case"w-resize":case"sw-resize":case"nw-resize":i-=e;break}switch(this._actionModeStarted){case"s-resize":case"se-resize":case"sw-resize":r+=t;break;case"n-resize":case"ne-resize":case"nw-resize":r-=t;break}return{width:i,height:r}}_getInitialSize(e){let t=Ee(e),i={x:0,y:0};return getComputedStyle(e).boxSizing=="content-box"&&(i=Vu(e)),{width:t.width-i.x,height:t.height-i.y}}_getFixedResizeAnchor(e,t){if(!e)return null;switch(t){case"e-resize":return new DOMPoint((e.p1.x+e.p4.x)/2,(e.p1.y+e.p4.y)/2);case"se-resize":return new DOMPoint(e.p1.x,e.p1.y);case"s-resize":return new DOMPoint((e.p1.x+e.p2.x)/2,(e.p1.y+e.p2.y)/2);case"sw-resize":return new DOMPoint(e.p2.x,e.p2.y);case"w-resize":return new DOMPoint((e.p2.x+e.p3.x)/2,(e.p2.y+e.p3.y)/2);case"nw-resize":return new DOMPoint(e.p3.x,e.p3.y);case"n-resize":return new DOMPoint((e.p4.x+e.p3.x)/2,(e.p4.y+e.p3.y)/2);case"ne-resize":return new DOMPoint(e.p4.x,e.p4.y);default:return null}}_getFixedResizeAnchorLocal(e,t){switch(t){case"e-resize":return new DOMPoint(0,e.height/2);case"se-resize":return new DOMPoint(0,0);case"s-resize":return new DOMPoint(e.width/2,0);case"sw-resize":return new DOMPoint(e.width,0);case"w-resize":return new DOMPoint(e.width,e.height/2);case"nw-resize":return new DOMPoint(e.width,e.height);case"n-resize":return new DOMPoint(e.width/2,e.height);case"ne-resize":return new DOMPoint(0,e.height);default:return null}}_getAnchorCorrectionInParent(e){if(!this._initialFixedResizeAnchor)return null;let t=this._getFixedResizeAnchorLocal(e,this._currentAnchorHandle??this._actionModeStarted);if(!t)return null;let i=this.extendedItem.parent.element.convertPointFromNode(this._initialFixedResizeAnchor,this.designerCanvas.canvas,{iframes:this.designerCanvas.iframes}),r=this.designerCanvas.canvas.convertPointFromNode(t,this.extendedItem.element,{iframes:this.designerCanvas.iframes}),o=this.extendedItem.parent.element.convertPointFromNode(r,this.designerCanvas.canvas,{iframes:this.designerCanvas.iframes});return{x:i.x-o.x,y:i.y-o.y}}_applyAnchorCorrection(e){let t=this._getAnchorCorrectionInParent(e);if(!t)return;let i=this.extendedItem.element,r=parseFloat(Ui(i,"left"))+t.x,o=parseFloat(Ui(i,"top"))+t.y;i.style.left=V(this.extendedItem,r)+"px",i.style.top=V(this.extendedItem,o)+"px"}prepareResize(e,t){let i=null,r=null,o=null,s=null;switch(this._actionModeStarted){case"e-resize":o=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=o;break;case"se-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,o=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=o;break;case"s-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i;break;case"sw-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,s=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=s;break;case"w-resize":s=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=s;break;case"nw-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,s=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=s;break;case"n-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r;break;case"ne-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,o=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=o;break}}dispose(){this._removeAllOverlays()}}});import{css as Bv}from"@node-projects/base-custom-webcomponent";var No,yh=g(()=>{"use strict";gh();ee();No=class{resizeAllSelected;constructor(e=!1){this.resizeAllSelected=e}shouldExtend(e,t,i){if(t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement)return!1;let r=t.serviceContainer.getLastServiceWhere("elementResizeStrategy",o=>o.isHandledElement(i));return r&&r.getEnabledHandles(i).length===0?!1:!i.isRootItem&&i.nodeType==A.Element}getExtension(e,t,i){return new Vo(e,t,i,this.resizeAllSelected)}static style=Bv`.svg-primary-resizer{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;pointer-events:auto}`}});function Bm(n){let e=Math.hypot(n.x,n.y);return e<1e-8?{x:0,y:0}:{x:n.x/e,y:n.y/e}}function Xi(n){return{x:(n.p1.x+n.p2.x+n.p3.x+n.p4.x)/4,y:(n.p1.y+n.p2.y+n.p3.y+n.p4.y)/4}}function Hm(n,e){return{x:(n.x+e.x)/2,y:(n.y+e.y)/2}}function Hv(n,e,t,i){let r=e.x-n.x,o=e.y-n.y,s=Bm({x:-o,y:r});s.x===0&&s.y===0&&(s=Bm(i));let a=Hm(n,e),l={x:t.x-a.x,y:t.y-a.y};return s.x*l.x+s.y*l.y>0&&(s={x:-s.x,y:-s.y}),s}function Be(n,e,t,i,r){let o=Hm(n,e),s=Hv(n,e,t,r);return{x:o.x+s.x*i,y:o.y+s.y*i}}var Ro=g(()=>{"use strict"});var zo,vh=g(()=>{"use strict";$e();Oe();yt();le();Ro();zo=class extends F{_rotateLine;_rotateCircle;_startPoint=null;_rotateCirclePosition={x:0,y:0};constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!i)return;let r=[i.p1,i.p2,i.p3,i.p4];if(r.some(c=>!Number.isFinite(c.x)||!Number.isFinite(c.y))){this.remove();return}if(!this._valuesHaveChanges(this.designerCanvas.zoomFactor,...r.flatMap(c=>[c.x,c.y])))return;let o=Xi(i),s=Be(i.p1,i.p2,o,30/this.designerCanvas.zoomFactor,{x:0,y:-1}),a=Be(i.p1,i.p2,o,22/this.designerCanvas.zoomFactor,{x:0,y:-1}),l=Be(i.p1,i.p2,o,6/this.designerCanvas.zoomFactor,{x:0,y:-1});this._rotateLine=this._drawLine(a.x,a.y,l.x,l.y,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(s.x,s.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(s.x,s.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",c=>{c.stopPropagation(),this._rotateCirclePosition=this._getRotateReferencePoint(),c.target.setPointerCapture(c.pointerId);let h=this.designerCanvas.getNormalizedEventCoordinates(c);this._startPoint=this.extendedItem.element.convertPointFromNode({x:h.x,y:h.y},this.designerCanvas.canvas)}),this._rotateCircle.addEventListener("pointermove",c=>{c.stopPropagation(),this._startPoint&&(this.extendedItem.element.style.rotate="none",this.extendedItem.element.style.rotate=this.getAngle(c)+"deg")}),this._rotateCircle.addEventListener("pointerup",c=>{c.stopPropagation(),c.target.releasePointerCapture(c.pointerId),this._startPoint=null,this.extendedItem.element.style.rotate="none",this.extendedItem.setStyle("rotate",this.getAngle(c)+"deg")}))}_getRotateReferencePoint(){let e=this.extendedItem.element,i={x:Ee(this.extendedItem.element).width/2,y:-30/this.designerCanvas.zoomFactor},r=e.style.rotate;try{e.style.rotate="none";let o=e.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!o)return i;let s=Xi(o),a=Be(o.p1,o.p2,s,30/this.designerCanvas.zoomFactor,{x:0,y:-1}),l=e.convertPointFromNode(a,this.designerCanvas.canvas);return!Number.isFinite(l.x)||!Number.isFinite(l.y)?i:{x:l.x,y:l.y}}finally{e.style.rotate=r}}getAngle(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),i={x:t.x,y:t.y},r=this.extendedItem.element.convertPointFromNode(i,this.designerCanvas.canvas),s=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),a={x:parseFloat(s[0]),y:parseFloat(s[1])},l=Math.atan2(this._rotateCirclePosition.y-a.y,this._rotateCirclePosition.x-a.x)*180/Math.PI+90,c=Math.atan2(r.y-a.y,r.x-a.x)*180/Math.PI+90-l;return $(e)||(c=Math.round(c/15)*15),V(this.extendedItem,c)}dispose(){this._removeAllOverlays()}}});import{css as Wv}from"@node-projects/base-custom-webcomponent";var Fo,_h=g(()=>{"use strict";vh();Fo=class{type;constructor(e="center-top"){this.type=e}shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new zo(e,t,i)}static style=Wv`.svg-primary-rotate{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-transparent{fill:transparent;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-selection,#3899ec);stroke-width:1}`}});var Bo,xh=g(()=>{"use strict";$e();Oe();de();le();Bo=class extends F{_rotateLine;_rotateCircle;_rectLine1;_rectLine2;_rectLine3;_rectLine4;_initialCorners;_startAngle;_groupCenter;_initialHandleX;_initialHandleY;_initialLineX1;_initialLineY1;_initialLineX2;_initialLineY2;_currentDelta=0;_elementStartStates;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=ue(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements);if(i.length<2)return;let r,o,s,a,l,c;if(this._elementStartStates){let h=this._currentDelta*Math.PI/180,p=Math.cos(h),d=Math.sin(h),u=(C,b)=>this._groupCenter.x+(C-this._groupCenter.x)*p-(b-this._groupCenter.y)*d,m=(C,b)=>this._groupCenter.y+(C-this._groupCenter.x)*d+(b-this._groupCenter.y)*p;r=u(this._initialHandleX,this._initialHandleY),o=m(this._initialHandleX,this._initialHandleY),s=u(this._initialLineX1,this._initialLineY1),a=m(this._initialLineX1,this._initialLineY1),l=u(this._initialLineX2,this._initialLineY2),c=m(this._initialLineX2,this._initialLineY2);let y=this._initialCorners.map(C=>({x:u(C.x,C.y),y:m(C.x,C.y)})),v=(2/this.designerCanvas.zoomFactor).toString();this._rectLine1=this._drawLine(y[0].x,y[0].y,y[1].x,y[1].y,"svg-rotate-group-rect",this._rectLine1),this._rectLine2=this._drawLine(y[1].x,y[1].y,y[2].x,y[2].y,"svg-rotate-group-rect",this._rectLine2),this._rectLine3=this._drawLine(y[2].x,y[2].y,y[3].x,y[3].y,"svg-rotate-group-rect",this._rectLine3),this._rectLine4=this._drawLine(y[3].x,y[3].y,y[0].x,y[0].y,"svg-rotate-group-rect",this._rectLine4),this._rectLine1.style.strokeWidth=v,this._rectLine2.style.strokeWidth=v,this._rectLine3.style.strokeWidth=v,this._rectLine4.style.strokeWidth=v}else{this._rectLine1&&(this._rectLine1.style.display="none",this._rectLine2.style.display="none",this._rectLine3.style.display="none",this._rectLine4.style.display="none");let h=si(i,this.designerCanvas),p=h.x+h.width/2,d=h.y;r=p,o=d-30/this.designerCanvas.zoomFactor,s=p,a=d-22/this.designerCanvas.zoomFactor,l=p,c=d-6/this.designerCanvas.zoomFactor}this._rotateLine=this._drawLine(s,a,l,c,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(r,o,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(r,o,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",h=>{h.stopPropagation(),h.target.setPointerCapture(h.pointerId);let p=ue(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),d=si(p,this.designerCanvas),u=d.x+d.width/2,m=d.y;this._groupCenter={x:u,y:d.y+d.height/2},this._initialHandleX=u,this._initialHandleY=m-30/this.designerCanvas.zoomFactor,this._initialLineX1=u,this._initialLineY1=m-22/this.designerCanvas.zoomFactor,this._initialLineX2=u,this._initialLineY2=m-6/this.designerCanvas.zoomFactor,this._initialCorners=[{x:d.x,y:d.y},{x:d.x+d.width,y:d.y},{x:d.x+d.width,y:d.y+d.height},{x:d.x,y:d.y+d.height}],this._rectLine1&&(this._rectLine1.style.display="",this._rectLine2.style.display="",this._rectLine3.style.display="",this._rectLine4.style.display="");let f=this.designerCanvas.getNormalizedEventCoordinates(h);this._startAngle=Math.atan2(f.y-this._groupCenter.y,f.x-this._groupCenter.x),this._currentDelta=0,this._elementStartStates=p.map(y=>{let v=this.designerCanvas.getNormalizedElementCoordinates(y.element),C=this.designerCanvas.getNormalizedElementCoordinates(y.parent.element),b=y.getStyle("rotate")??"0deg",_=parseFloat(b)||0,S=getComputedStyle(y.element),E=parseFloat(S.width)/2,I=parseFloat(S.height)/2;return{item:y,rotation:_,centerX:v.x+v.width/2,centerY:v.y+v.height/2,cssHalfWidth:E,cssHalfHeight:I,parentX:C.x,parentY:C.y,parentWidth:C.width,parentHeight:C.height,usesRight:y.hasStyle("right")&&!y.hasStyle("left"),usesBottom:y.hasStyle("bottom")&&!y.hasStyle("top")}})}),this._rotateCircle.addEventListener("pointermove",h=>{if(h.stopPropagation(),!!this._elementStartStates){this._currentDelta=this._getDelta(h);for(let p of this._elementStartStates)this._applyRotation(p,this._currentDelta,!1)}}),this._rotateCircle.addEventListener("pointerup",h=>{if(h.stopPropagation(),h.target.releasePointerCapture(h.pointerId),!this._elementStartStates)return;let p=this._getDelta(h),d=this.designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup("rotateGroup");for(let u of this._elementStartStates)this._applyRotation(u,p,!0);d.commit(),this._elementStartStates=null,this._currentDelta=0}))}_getDelta(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),r=(Math.atan2(t.y-this._groupCenter.y,t.x-this._groupCenter.x)-this._startAngle)*180/Math.PI;return r=((r+180)%360+360)%360-180,$(e)||(r=Math.round(r/15)*15),r}_applyRotation(e,t,i){let r=t*Math.PI/180,o=Math.cos(r),s=Math.sin(r),a=e.centerX-this._groupCenter.x,l=e.centerY-this._groupCenter.y,c=this._groupCenter.x+a*o-l*s,h=this._groupCenter.y+a*s+l*o,p=V(e.item,e.rotation+t),d=c-e.cssHalfWidth-e.parentX,u=h-e.cssHalfHeight-e.parentY,m=e.parentX+e.parentWidth-c-e.cssHalfWidth,f=e.parentY+e.parentHeight-h-e.cssHalfHeight;if(i)e.usesRight?e.item.setStyle("right",m+"px"):e.item.setStyle("left",d+"px"),e.usesBottom?e.item.setStyle("bottom",f+"px"):e.item.setStyle("top",u+"px"),e.item.setStyle("rotate",p+"deg");else{let y=e.item.element;e.usesRight?y.style.right=m+"px":y.style.left=d+"px",e.usesBottom?y.style.bottom=f+"px":y.style.top=u+"px",y.style.rotate=p+"deg"}}dispose(){this._removeAllOverlays()}}});import{css as Gv}from"@node-projects/base-custom-webcomponent";var Ho,bh=g(()=>{"use strict";xh();Ho=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new Bo(e,t,i)}static style=Gv`.svg-primary-rotate{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-selection,#3899ec);stroke-width:1}.svg-rotate-group-rect{stroke:var(--wcd-color-selection,#3899ec);fill:transparent;stroke-width:2;stroke-dasharray:5 3}`}});var Wo,wh=g(()=>{"use strict";me();se();Wo=class{cursor="zoom-in";_rect;_startPoint;_endPoint;_pointerMovementTolerance=5;_zoomStepSize=.2;activated(e){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._startPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._startPoint.x*e.zoomFactor),this._rect.setAttribute("y",this._startPoint.y*e.zoomFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,M.Foreground);break;case k.PointerMove:if(this._startPoint){let s=r.x-this._startPoint.x,a=r.y-this._startPoint.y;s>=0?(this._rect.setAttribute("x",this._startPoint.x),this._rect.setAttribute("width",s)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*s)),a>=0?(this._rect.setAttribute("y",this._startPoint.y),this._rect.setAttribute("height",a)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*a))}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._endPoint=r;let o=t.button==0;switch(t.button){case 0:case 2:this._zoomOnto(o,this._startPoint,this._endPoint,e);break}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._startPoint=null;break}}_zoomOnto(e,t,i,r){if(this._isPositionEqual(t,i)){let o=r.zoomFactor,s=e?o+this._zoomStepSize:o-this._zoomStepSize;r.zoomTowardsPoint(i,s)}else r.zoomOntoRectangle(t,i)}_isPositionEqual(e,t){let i=this._pointerMovementTolerance;return Math.abs(e.x-t.x)<=i&&Math.abs(e.y-t.y)<=i}keyboardEventHandler(e,t,i){}dispose(){}}});var Go,Sh=g(()=>{"use strict";me();Go=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case k.PointerMove:(t.buttons==1||t.buttons==4)&&(e.canvasOffset={x:e.canvasOffset.x+t.movementX/e.zoomFactor,y:e.canvasOffset.y+t.movementY/e.zoomFactor});break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var T,Tt=g(()=>{"use strict";(function(n){n.copy="copy",n.paste="paste",n.cut="cut",n.delete="delete",n.undo="undo",n.redo="redo",n.holdUndo="holdUndo",n.holdRedo="holdRedo",n.rotateCounterClockwise="rotateCounterClockwise",n.rotateClockwise="rotateClockwise",n.mirrorHorizontal="mirrorHorizontal",n.mirrorVertical="mirrorVertical",n.selectAll="selectAll",n.moveToFront="moveToFront",n.moveForward="moveForward",n.moveBackward="moveBackward",n.moveToBack="moveToBack",n.arrangeLeft="arrangeLeft",n.arrangeCenter="arrangeCenter",n.arrangeRight="arrangeRight",n.arrangeTop="arrangeTop",n.arrangeMiddle="arrangeMiddle",n.arrangeBottom="arrangeBottom",n.unifyWidth="unifyWidth",n.unifyHeight="unifyHeight",n.distributeHorizontal="distributeHorizontaly",n.distributeVertical="distributeVertical",n.setTool="setTool",n.setStrokeColor="setStrokeColor",n.setFillBrush="setFillBrush",n.setStrokeThickness="setStrokeThickness",n.screenshot="screenshot"})(T||(T={}))});var jo,Ch=g(()=>{"use strict";Tt();he();jo=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return t.readOnly?[{title:"copy",icon:`<img src="${P+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:T.copy})},shortCut:"Ctrl + C",disabled:i===null}]:[{title:"copy",icon:`<img src="${P+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:T.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${P+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:T.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${P+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:T.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${P+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:T.delete})},shortCut:"Del",disabled:i===null}]}}});function Uv(n){return n.startsWith("border")||n.startsWith("corner")}function Xv(n){return n.startsWith("background")}function $v(n){return n==="transform"||n.startsWith("transform-")||Yv.has(n)}function Kv(n){return n.startsWith("font")||n.startsWith("text")||jv.has(n)}function Qv(n,e){let t=[],i=new Set;for(let r=0;r<n.length;r++){let o=z.camelToDashCase(n[r]);if(!o||i.has(o)||!e(o))continue;let s=n.getPropertyValue(o)?.trim();s&&(i.add(o),t.push({name:o,value:s}))}return t}function Wm(n){let e=n.filter(a=>Uv(a.name)),t=n.filter(a=>Xv(a.name)),i=n.filter(a=>$v(a.name)),r=n.filter(a=>Kv(a.name)),o=[],s=new Set;for(let a of[e,t,i,r])for(let l of a)s.has(l.name)||(s.add(l.name),o.push(l));return{all:o,border:e,background:t,transform:i,text:r}}function eP(n){let e=Qv(n,()=>!0);return Wm(e)}function Gm(n){let e=[],t=new Set;for(let[i,r]of n){let o=i?.trim().toLowerCase(),s=r?.trim();!o||!s||t.has(o)||(t.add(o),e.push({name:o,value:s}))}return e.length?Wm(e):null}function jm(n,e){return n[e]}var J1,jv,Yv,Eh=g(()=>{"use strict";Ie();J1=["all","border","background","transform","text"],jv=new Set(["color","caret-color","line-height","letter-spacing","word-spacing","white-space","word-break","overflow-wrap","hyphens","tab-size","direction","writing-mode","unicode-bidi"]),Yv=new Set(["translate","rotate","scale"])});var Yo,Ph=g(()=>{"use strict";ee();Eh();Yo=class{shouldProvideContextmenu(e,t,i,r){return!t.readOnly&&this._getTargetDesignItems(t).length>0}provideContextMenuItems(e,t,i){return[{title:"paste format",children:[this._createPasteFormatItem(t,"all"),{title:"-"},this._createPasteFormatItem(t,"border"),this._createPasteFormatItem(t,"background"),this._createPasteFormatItem(t,"transform"),this._createPasteFormatItem(t,"text")]}]}_createPasteFormatItem(e,t){return{title:t,action:()=>{this._pasteFormat(e,t)}}}_getTargetDesignItems(e){return e.instanceServiceContainer.selectionService.selectedElements?.filter(t=>t?.nodeType===A.Element&&!t.isRootItem)??[]}async _pasteFormat(e,t){let[i]=await e.serviceContainer.copyPasteService.getPasteItems(e.serviceContainer,e.instanceServiceContainer),r=i?.find(h=>h?.nodeType===A.Element&&h.hasStyles&&!h.isRootItem),o=r?Gm(r.styles()):null;if(!o)return;let s=jm(o,t),a=this._getTargetDesignItems(e);if(!s.length||!a.length)return;let l=a[0].openGroup(`paste format: ${t}`),c=!1;for(let h of a)for(let p of s)h.getStyle(p.name)!==p.value&&(h.setStyle(p.name,p.value),c=!0);c?l.commit():l.abort()}}});import{BaseCustomWebComponentConstructorAppend as Zv,css as qv,html as Jv}from"@node-projects/base-custom-webcomponent";var xe,Mt=g(()=>{"use strict";xe=class extends Zv{static style=qv`:host{position:fixed;display:block;z-index:9999;min-width:200px;user-select:none;touch-action:none}.window-frame{background:var(--wcd-color-surface-raised,#2c2c2c);border:1px solid var(--wcd-color-border-strong,#111);border-radius:4px;box-shadow:0 4px 24px var(--wcd-tool-window-shadow-color,rgba(0,0,0,.7));display:flex;flex-direction:column;overflow:hidden}.title-bar{display:flex;align-items:center;justify-content:space-between;background:var(--wcd-color-surface,#1a1a1a);padding:2px 5px;cursor:move;flex-shrink:0;height:18px;box-sizing:border-box}.title-text{color:var(--wcd-color-text-muted,#ccc);font-size:11px;font-family:sans-serif;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn{width:14px;height:14px;background:0 0;border:none;color:var(--wcd-color-text-muted,#888);font-size:12px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:2px;flex-shrink:0}.close-btn:hover{background:var(--wcd-tool-window-close-hover-background,#c0392b);color:var(--wcd-color-text,#fff)}.window-content{overflow:auto}`;static template=Jv`<div class="window-frame"><div class="title-bar" id="title-bar"><span class="title-text" id="title-text"></span> <button class="close-btn" id="close-btn" title="Close">✕</button></div><div class="window-content" id="window-content"></div></div>`;get windowContentStyle(){return null}_dragging=!1;_dragOffsetX=0;_dragOffsetY=0;_titleBar;_titleText;_closeBtn;_contentArea;constructor(){super(),this._titleBar=this._getDomElement("title-bar"),this._titleText=this._getDomElement("title-text"),this._closeBtn=this._getDomElement("close-btn"),this._contentArea=this._getDomElement("window-content"),this._titleText.textContent=this.windowTitle;let e=this.windowTemplate;if(typeof e=="string"){let i=document.createElement("template");i.innerHTML=e,this._contentArea.appendChild(i.content.cloneNode(!0))}else this._contentArea.appendChild(e.content.cloneNode(!0));let t=this.windowContentStyle;t&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,t]),this._closeBtn.onclick=()=>this._close(),this._titleBar.addEventListener("pointerdown",i=>this._onPointerDown(i))}connectedCallback(){!this.style.left&&!this.style.top&&(this.style.left="100px",this.style.top="100px")}_close(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.remove()}_onPointerDown(e){if(e.button!==0||e.target===this._closeBtn)return;e.preventDefault(),this._dragging=!0;let t=this.getBoundingClientRect();this._dragOffsetX=e.clientX-t.left,this._dragOffsetY=e.clientY-t.top,this._titleBar.setPointerCapture(e.pointerId),this._titleBar.addEventListener("pointermove",this._onPointerMove),this._titleBar.addEventListener("pointerup",this._onPointerUp)}_onPointerMove=e=>{if(!this._dragging)return;let t=e.clientX-this._dragOffsetX,i=e.clientY-this._dragOffsetY;t=Math.max(0,Math.min(t,window.innerWidth-40)),i=Math.max(0,Math.min(i,window.innerHeight-30)),this.style.left=t+"px",this.style.top=i+"px"};_onPointerUp=e=>{this._dragging=!1,this._titleBar.releasePointerCapture(e.pointerId),this._titleBar.removeEventListener("pointermove",this._onPointerMove),this._titleBar.removeEventListener("pointerup",this._onPointerUp)};static showWindow(e,t){if(t){let i=t.getBoundingClientRect();e.style.left=i.right+8+"px",e.style.top=i.top+"px"}else e.style.left=Math.max(0,(window.innerWidth-260)/2)+"px",e.style.top="120px";document.body.appendChild(e)}}});import{css as e_}from"@node-projects/base-custom-webcomponent";var yi,Uo=g(()=>{"use strict";Mt();Oe();de();yi=class extends xe{_designerCanvas;_previousSelectionRect;_selectionChanged;_relativeButton;_absoluteButton;_applyButton;_inputX;_inputY;_inputR;_inputSpacingX;_inputSpacingY;_originTopLeft;_originTopMid;_originTopRight;_originMidLeft;_originMidMid;_originMidRight;_originBotLeft;_originBotMid;_originBotRight;_transformMode;_transformOrigin;get windowTitle(){return"Transform"}get windowContentStyle(){return e_`:host{width:232px;font:12px system-ui,sans-serif;color:var(--wcd-designer-view-statusbar-color,#354348)}.window-frame{background:var(--wcd-tool-popup-background,var(--wcd-designer-view-statusbar-background,#787f82));border:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.title-bar{height:29px;padding:6px 8px;background:var(--wcd-tool-popup-title-background,rgba(255,255,255,.08));border-bottom:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a))}.title-text{font:600 11px/16px system-ui,sans-serif;color:inherit}.close-btn{color:inherit;width:20px;height:20px;border-radius:4px}.window-content{padding:8px}#input-div,#spacing-div{display:grid;gap:6px 8px;align-items:center;font-size:11px}#input-div{grid-template-columns:auto minmax(0,1fr)}#spacing-div{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px;padding-top:8px;border-top:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a))}input[type=number]{box-sizing:border-box;width:100%;min-width:0;height:24px;padding:0 4px;border:1px solid var(--wcd-color-border,#596c7a);border-radius:4px;background:var(--wcd-input-background-color,#fff);color:inherit;font:inherit}#button-div{display:flex;gap:4px;margin-top:8px}#button-div button{flex:1}.window-content button{height:24px;border:0;border-radius:4px;padding:0 8px;font:inherit;color:inherit;background:rgba(255,255,255,.12);cursor:pointer}#transform-button-apply,.window-content button[aria-pressed=true]{background:var(--wcd-designer-view-tool-selected-background,#00bfff)}.close-btn:hover,.window-content button:hover{background:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6));color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}#origin-div{display:grid;justify-items:center;gap:8px;margin:12px 0;font-size:11px}#cube{display:grid;grid-template-columns:repeat(3,16px);gap:8px;padding:8px;border:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));border-radius:4px;background:rgba(255,255,255,.08)}#cube input{width:16px;height:16px;margin:0;accent-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}#apply-div{display:flex;justify-content:flex-end}`}get windowTemplate(){return`
+`}levelRaise(){}levelShrink(){}write(e){this._textHolder+=e}writeLine(e){this._textHolder+=e}writeIndent(){}writeNewline(){}getString(){return this._textHolder}}});var J,st=g(()=>{"use strict";xn();Nu();J=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 isRawTextElementName(e){return e==="script"||e==="style"||e==="xmp"||e==="iframe"||e==="noembed"||e==="noframes"||e==="noscript"||e==="plaintext"}static normalizeContentValue(e,t){return this.isRawTextElementName(t)?e: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 Li:new bn;return e[0].serviceContainer.htmlWriterService.write(r,e,!0,i),r.getString()}}});import{css as zg}from"@node-projects/base-custom-webcomponent";var De,Gt=g(()=>{"use strict";De=class n{static _contextMenuCss=zg`.context_menu{position:fixed;inset:auto;margin:0;border:none;background:0 0;overflow:visible;opacity:0;transform:scale(0);transition:transform .1s;transform-origin:top left;padding:0;z-index:2147483647;color:var(--wcd-context-menu-color,var(--context-menu-color,#000));font-family:var(--wcd-context-menu-font-family,var(--context-menu-font-family,inherit));font-size:var(--wcd-context-menu-font-size,var(--context-menu-font-size,inherit));font-weight:var(--wcd-context-menu-font-weight,var(--context-menu-font-weight,inherit))}.context_menu.context_menu_display{opacity:1;transform:scale(1)}.context_menu,.context_menu *{box-sizing:border-box}.context_menu *{position:relative}.context_menu ul{list-style-type:none;padding:var(--wcd-context-menu-padding,var(--context-menu-padding,3px));margin:0;border:var(--wcd-context-menu-border,var(--context-menu-border,none));border-radius:var(--wcd-context-menu-border-radius,var(--context-menu-border-radius,0));background-color:var(--wcd-context-menu-background,var(--context-menu-background,#f5f7f7));box-shadow:var(--wcd-context-menu-shadow,var(--context-menu-shadow,0 0 5px #333));max-inline-size:calc(100vw - 8px);max-block-size:calc(100vh - 8px);overflow:auto;overscroll-behavior:contain;isolation:isolate}.context_menu ul[popover]{inset:auto;margin:0;border:var(--wcd-context-menu-border,var(--context-menu-border,none));border-radius:var(--wcd-context-menu-border-radius,var(--context-menu-border-radius,0))}.context_menu li{padding:var(--wcd-context-menu-item-padding-y,var(--context-menu-item-padding-y,0)) 1.7em var(--wcd-context-menu-item-padding-y,var(--context-menu-item-padding-y,0)) 0;cursor:pointer;white-space:nowrap;display:flex;align-items:center}.context_menu li:hover{background-color:var(--wcd-context-menu-hover-background,var(--context-menu-hover-background,#bbb))}.context_menu li .context_menu_icon_span{width:var(--wcd-context-menu-icon-column-width,var(--context-menu-icon-column-width,28px));display:inline-flex;align-items:center;justify-content:center}.context_menu li .context_menu_icon_span img{height:var(--wcd-context-menu-icon-size,var(--context-menu-icon-size,18px))}.context_menu li .context_menu_text{padding-left:2px;vertical-align:middle}.context_menu li .context_menu_sub_span{width:1em;display:inline-block;text-align:center;position:absolute;top:50%;right:.5em;transform:translateY(-50%)}.context_menu li>ul{position:absolute;inset:auto;top:0;left:100%;opacity:0;transition:opacity .2s;visibility:hidden}.context_menu li>ul.context_menu_submenu_popover{position:fixed}.context_menu li>ul:popover-open{opacity:1;visibility:visible}.context_menu li.context_menu_divider{border-bottom:1px solid var(--wcd-context-menu-divider-color,var(--context-menu-divider-color,#aaa));margin:5px;padding:0;cursor:default}.context_menu li.context_menu_divider:hover{background-color:inherit}.context_menu li[disabled=""]{color:var(--wcd-context-menu-disabled-color,var(--context-menu-disabled-color,#777));cursor:default}.context_menu li[disabled=""]:hover{background-color:inherit}.context_menu li.context_menu_marked{background-color:var(--wcd-context-menu-marked-background,var(--context-menu-marked-background,#5ebdec))}`;static count=0;static _openedContextMenus=new Set;menu;options;context;num;_menuElement;constructor(e,t,i){this.num=n.count++,this.menu=e,this.options=t,this.context=i,this.reload(),this._windowDown=this._windowDown.bind(this),this._windowKeyUp=this._windowKeyUp.bind(this),this._windowResize=this._windowResize.bind(this)}reload(){let e=this.options?.shadowRoot??document;this._menuElement==null&&(this._menuElement=document.createElement("div"),this._menuElement.className="context_menu",this._menuElement.id="context_menu_"+this.num,this._menuElement.setAttribute("popover","manual"),e===document?document.body.appendChild(this._menuElement):e.appendChild(this._menuElement)),this._menuElement.innerHTML="",e.adoptedStyleSheets.indexOf(n._contextMenuCss)<0&&(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n._contextMenuCss]),this._menuElement.appendChild(this.renderLevel(this.menu))}renderLevel(e){let t=document.createElement("ul"),i=!1;return e.forEach(r=>{if(r.title!=="-"){if(i){let c=document.createElement("li");c.className="context_menu_divider",i=!1,t.appendChild(c)}let o=document.createElement("li"),s=document.createElement("span");s.className="context_menu_icon_span",r.checked===!0?s.innerHTML="\u2714":(r.icon??"")!=""?s.innerHTML=r.icon??"":s.innerHTML=this.options?.defaultIcon??"";let a=document.createElement("span");a.className="context_menu_text",a.innerHTML=r.title??"";let l=document.createElement("span");if(l.className="context_menu_sub_span",r.children!=null&&(l.innerHTML=this.options?.subIcon??"&#155;"),o.appendChild(s),o.appendChild(a),o.appendChild(l),r.disabled)o.setAttribute("disabled","");else if(r.checkable?o.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),r.checked=!r.checked,s.innerHTML=r.checked?"\u2714":r.icon??this.options?.defaultIcon??"",r.action&&r.action(c,r,this.context,this)}):r.action&&o.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),r.action?.(c,r,this.context,this),this.close()}),this.options?.mode=="undo"&&o.addEventListener("mouseup",c=>{c.stopPropagation(),r.action?.(c,r,this.context,this),this.close()}),o.addEventListener("mouseenter",()=>{this.closeSiblingSubmenus(o),this.options?.mode=="undo"&&this.markUndoItems(o)}),r.children!=null){let c=this.renderLevel(r.children);this.configurePopoverSubmenu(c),o.appendChild(c),o.addEventListener("mouseenter",()=>{this.openPopoverSubmenu(o,c)})}t.appendChild(o)}else i=!0}),t}display(e){let t=this._menuElement,i=this.options?.mouseOffset!=null?this.options.mouseOffset:2;this.showPopover(t),this.positionMenu(t,e.clientX,e.clientY,i),t.classList.add("context_menu_display"),e.preventDefault(),n._openedContextMenus.add(this),window.addEventListener("keyup",this._windowKeyUp),window.addEventListener("resize",this._windowResize),window.addEventListener("mousedown",this._windowDown),setTimeout(()=>{n._openedContextMenus.has(this)&&window.addEventListener("contextmenu",this._windowDown)},150)}_windowResize(){this.close()}_windowDown(e){return e.preventDefault(),(!(e.target instanceof Node)||!this._menuElement.contains(e.target))&&this.close(),!1}_windowKeyUp(e){e.key==="Escape"&&this.close()}static show(e,t,i,r){let o=new n(e,i,r);return o.display(t),o}close(){this.hideDescendantSubmenus(this._menuElement),this.hidePopover(this._menuElement),this._menuElement.remove(),window.removeEventListener("mousedown",this._windowDown),window.removeEventListener("resize",this._windowResize),window.removeEventListener("keyup",this._windowKeyUp),setTimeout(()=>window.removeEventListener("contextmenu",this._windowDown),10),n._openedContextMenus.delete(this)}static closeAll(){for(let e of n._openedContextMenus.values())e.close()}configurePopoverSubmenu(e){e.classList.add("context_menu_submenu_popover"),e.setAttribute("popover","manual")}markUndoItems(e){if(e.parentElement==null)return;let t=!0;for(let i of e.parentElement.children)t?i.classList.add("context_menu_marked"):i.classList.remove("context_menu_marked"),i==e&&(t=!1)}closeSiblingSubmenus(e){if(e.parentElement!=null)for(let t of e.parentElement.children)t!==e&&this.hideDescendantSubmenus(t)}hideDescendantSubmenus(e){let t=e.querySelectorAll("ul[popover]");for(let i of t)this.hidePopover(i)}openPopoverSubmenu(e,t){this.showPopover(t),this.positionSubmenuPopover(e,t)}showPopover(e){this.isPopoverOpen(e)||e.showPopover()}hidePopover(e){e==null||!this.isPopoverOpen(e)||e.hidePopover()}isPopoverOpen(e){return e.matches(":popover-open")}positionMenu(e,t,i,r){let o=e.offsetWidth+4,s=e.offsetHeight+4,a=window.innerWidth-t,l=t,c=window.innerHeight-i,h=i,p=t+r;a<o&&l>a&&(p=t-o-r);let d=i+r;c<s&&h>c&&(d=i-s-r),e.style.left=`${Math.max(0,Math.min(p,window.innerWidth-o))}px`,e.style.top=`${Math.max(0,Math.min(d,window.innerHeight-s))}px`}positionSubmenuPopover(e,t){let i=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=t.offsetWidth||r.width,s=t.offsetHeight||r.height,a=window.innerWidth-i.right,l=i.left,c=i.right;a<o&&l>a&&(c=i.left-o);let h=window.innerHeight-i.top,p=i.bottom,d=i.top;h<s&&p>h&&(d=i.bottom-s),t.style.left=`${Math.max(0,Math.min(c,window.innerWidth-o))}px`,t.style.top=`${Math.max(0,Math.min(d,window.innerHeight-s))}px`,t.style.right="auto",t.style.bottom="auto"}}});var tt,ai=g(()=>{"use strict";Gt();tt=class{settingName;content;tooltp;contextmenu;constructor(e,t,i,r){this.settingName=e,this.content=t,this.tooltp=i,this.contextmenu=r}provideButtons(e,t){let i=document.createElement("div");typeof this.content=="string"?i.innerHTML=this.content:i.appendChild(this.content),i.title=this.tooltp,i.className="toolbar-control",t.instanceServiceContainer.designContext.extensionOptionsChanged.on(()=>{r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")});let r=t.instanceServiceContainer.designContext.extensionOptions;return r[this.settingName]!==!1&&i.classList.add("selected"),i.onclick=()=>{let o=r[this.settingName];r[this.settingName]=o===!1,r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")},i.oncontextmenu=o=>{o.preventDefault(),this.contextmenu&&De.show(this.contextmenu,o)},[i]}}});var Sn,wn,Cn=g(()=>{"use strict";ai();Sn="enableStylesheetService",wn=class extends tt{constructor(){super(Sn,"ss","modify Stylesheet")}}});var En,nc=g(()=>{"use strict";En=class{constructor(e,t,i){this.title="Change TextContent from '"+i+"' to '"+t+"'",this.designItem=e,this.newValue=t,this.oldValue=i}title;get affectedItems(){return[this.designItem]}undo(){return this.designItem.element.textContent=this.oldValue,this.designItem.refreshRenderedDesignItem(),[{changeType:"changed",designItems:this.affectedItems,type:"property",name:"textContent",oldValue:this.newValue,newValue:this.oldValue}]}do(){return this.designItem.element.textContent=this.newValue,this.designItem.refreshRenderedDesignItem(),[{changeType:"changed",designItems:this.affectedItems,type:"property",name:"textContent",oldValue:this.oldValue,newValue:this.newValue}]}designItem;newValue;oldValue;mergeWith(e){return!1}}});function Ru(n,...e){return n.reduce((t,i,r)=>t+i+(e[r]??""),"")}function zu(){return window.navigator.platform?.startsWith("Mac")||window.navigator.platform==="iPhone"||window.navigator.platform==="iPad"||window.navigator.platform==="iPod"}function Pt(n){return new Promise(e=>setTimeout(e,n))}async function Fu(n,e){let t=URL.createObjectURL(n),i=document.createElement("a");i.href=t,i.style.display="none",i.download=e,document.body.appendChild(i),i.click(),document.body.removeChild(i),await Pt(300)}function hS(n){for(var e=n.split(",")[0].split(":")[1].split(";")[0],t=atob(n.split(",")[1]),i=[],r=0;r<t.length;r++)i.push(t.charCodeAt(r));return new Blob([new Uint8Array(i)],{type:e})}function pS(n,e){return n.x>=e.x&&n.x<=e.x+e.width&&n.y>=e.y&&n.y<=e.y+e.height}function jt(n,e){return n.endsWith(e??"/")?n.substring(0,n.length-1):n}function Me(n,e){return n.startsWith(e??"/")?n.substring(1):n}function mr(){return new Promise(n=>requestAnimationFrame(n))}function dS(n,e){if(n===e)return!0;if(n==null||e==null||n.length!==e.length)return!1;for(var t=0;t<n.length;++t)if(n[t]!==e[t])return!1;return!0}function Bu(n,e,t=!1,i="."){if(e==null)return n;let r=e.split(i);for(let o=0;o<r.length;o++)if(n!=null)n=n[r[o]];else return t?Fg:null;return n}function oc(n,e,t,i="."){if(e==null)return;let r=e.split(i);for(let o=0;o<r.length-1;o++)if(n!=null){let s=n[r[o]];s==null&&(s={},n[r[o]]=s),n=s}n!=null&&(n[r[r.length-1]]=t)}var Fg,Fe=g(()=>{"use strict"});var Pn,sc=g(()=>{"use strict";Fe();Pn=class n{constructor(e,t,i,r){this.title="Change Property "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){return oc(this.designItem.node,this.name,this.oldValue),[{changeType:"changed",type:"property",name:this.name,designItems:[this.designItem]}]}do(){return oc(this.designItem.node,this.name,this.newValue),[{changeType:"changed",type:"property",name:this.name,designItems:[this.designItem]}]}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var fr,ac=g(()=>{"use strict";fr=class n{constructor(e,t,i,r,o){this.title="Change Attribute & Property"+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.attributeName=t,this.propertyName=i,this.newValue=r,this.oldValue=o}title;get affectedItems(){return[this.designItem]}undo(){if(this.designItem.element[this.propertyName]=this.oldValue,this.oldValue==null)return this.designItem._withoutUndoRemoveAttribute(this.attributeName),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.newValue,newValue:null}];{let e=this.oldValue;return typeof this.oldValue!="string"&&(e=this.oldValue.toString()),this.designItem._withoutUndoSetAttribute(this.attributeName,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.newValue,newValue:e}]}}do(){if(this.designItem.element[this.propertyName]=this.newValue,this.newValue==null)return this.designItem._withoutUndoRemoveAttribute(this.attributeName),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.newValue,newValue:null}];{let e=this.newValue;return typeof this.newValue!="string"&&(e=this.newValue.toString()),this.designItem._withoutUndoSetAttribute(this.attributeName,e),[{changeType:"changed",designItems:this.affectedItems,type:"attribute",name:this.attributeName,oldValue:this.oldValue,newValue:e}]}}designItem;attributeName;propertyName;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.attributeName===e.attributeName&&this.propertyName===e.propertyName?(this.newValue=e.newValue,!0):!1}}});import{TypedEvent as Bg}from"@node-projects/base-custom-webcomponent";var Oi,Vi,li,at,Yt,Ut,Xt,$t,Kt,O,oe=g(()=>{"use strict";ec();ee();tc();ot();ic();Ie();rc();st();Cn();nc();sc();Fe();ac();Oi="node-projects-hide-at-design-time",Vi="node-projects-hide-at-run-time",li="node-projects-lock-at-design-time",at="node-projects-force-hover",Yt="node-projects-force-active",Ut="node-projects-force-visited",Xt="node-projects-force-focus",$t="node-projects-force-focus-within",Kt="node-projects-force-focus-visible",O=class n{lastContainerSize;parsedNode;node;view;serviceContainer;instanceServiceContainer;nodeReplaced=new Bg;get window(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument.defaultView:this.node.ownerDocument.defaultView??window}get document(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument:this.node.ownerDocument}get usableContainer(){return this.isRootItem&&this.element instanceof(this.element.ownerDocument.defaultView??window).HTMLIFrameElement?this.element.contentWindow.document:this.isRootItem?this.node.shadowRoot:this.element}async clone(){try{let e=J.ConvertToString([this],!1);return(await this.serviceContainer.htmlParserService.parse(e,this.serviceContainer,this.instanceServiceContainer,!0))[0]}catch{console.warn("could not clone design item.",this)}return null}*allMatching(e){if(this.hasChildren)for(let t of this.children())t.nodeType==A.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}replaceNode(e){n._designItemMap.delete(this.node),n._designItemMap.set(e,this),this.view==this.node&&(this.view=e),this.node=e,this.nodeReplaced.emit()}get nodeType(){return this.node instanceof(this.node.ownerDocument.defaultView??window).Comment?A.Comment:this.node instanceof(this.node.ownerDocument.defaultView??window).Text?A.TextNode:A.Element}_attributes;get hasAttributes(){return this._attributes.size>0}hasAttribute(e){return this._attributes.has(e)}getAttribute(e){return this._attributes.get(e)}*attributes(){for(let e of this._attributes)yield e}_withoutUndoSetAttribute(e,t){try{this.isRootItem||this.element.setAttribute(e,t)}catch(i){i?.code!==5&&console.warn(i)}this._attributes.set(e,t),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_withoutUndoRemoveAttribute(e){try{this.isRootItem||this.element.removeAttribute(e)}catch(t){t?.code!==5&&console.warn(t)}this._attributes.delete(e),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_styles;_stylePriorities;get hasStyles(){return this._styles.size>0}hasStyle(e){let t=e;return t.startsWith("--")||(t=z.camelToDashCase(e)),this._styles.has(t)}getStyle(e){let t=e;return t.startsWith("--")||(t=z.camelToDashCase(e)),this._styles.get(t)}isStyleImportant(e){let t=e;return t.startsWith("--")||(t=z.camelToDashCase(e)),this._stylePriorities.get(t)===!0}*styles(){for(let e of this._styles)yield e}_withoutUndoSetStyle(e,t,i=!1){let r=e;r.startsWith("--")||(r=z.camelToDashCase(e)),this._styles.set(r,t),i?this._stylePriorities.set(r,!0):this._stylePriorities.delete(r)}_withoutUndoRemoveStyle(e){let t=e;t.startsWith("--")||(t=z.camelToDashCase(e)),this._styles.delete(t),this._stylePriorities.delete(t)}static _designItemMap=new WeakMap;get element(){return this.view}get name(){return this.node.localName}get id(){return this.element.id}set id(e){let t=this.element.id;this.element.id=e,this.id?this.setAttribute("id",e):this.removeAttribute("id"),this.serviceContainer.referencesChangedService&&this.serviceContainer.referencesChangedService.notifyReferencesChanged([{designItem:this,oldValue:t,type:"idChanged"}])}get isRootItem(){return this.instanceServiceContainer.designerCanvas.rootDesignItem===this}*childrenRect(e){if(this.hasChildren)for(let t of this.children())t.nodeType==A.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}_childArray=[];get hasChildren(){return this._childArray.length>0}*children(e=!1){for(let t of this._childArray)if(yield t,e)for(let i of t.children(e))yield i}get childCount(){return this._childArray.length}get firstChild(){return this._childArray[0]}_parent;get parent(){return this._parent}indexOf(e){return this._childArray.indexOf(e)}insertAdjacentElement(e,t){let i;t=="afterbegin"?i=new Wt(e,this,0):t=="beforeend"?i=new Wt(e,this,this._childArray.length):t=="beforebegin"?i=new Wt(e,this.parent,this.parent.indexOf(this)):t=="afterend"&&(i=new Wt(e,this.parent,this.parent.indexOf(this)+1)),this.instanceServiceContainer.undoService.execute(i)}insertChild(e,t){let i=new Wt(e,this,t);this.instanceServiceContainer.undoService.execute(i)}removeChild(e){this.serviceContainer.deletionService.removeItems([e])}remove(){this.serviceContainer.deletionService.removeItems([this])}clearChildren(){for(let e=this._childArray.length-1;e>=0;e--)this._childArray[e].remove()}get hasContent(){return(this.nodeType==A.TextNode||this.nodeType==A.Comment)&&this.element.textContent!=""||this._childArray.length===0}get content(){return this.nodeType==A.TextNode||this.nodeType==A.Comment?this.node.textContent:this._childArray.map(e=>e.content).join()}set content(e){let t=this.openGroup("set content");this.clearChildren();let i=document.createTextNode(e),r=n.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);if(this.nodeType==A.TextNode){let o=this.parent.indexOf(this),s=this.parent;this.remove(),s.insertChild(r,o)}else if(this.nodeType==A.Comment){let o=new En(this,e,this.content);this.instanceServiceContainer.undoService.execute(o)}else this.insertChild(r);t.commit()}get innerHTML(){return J.ConvertToString([...this.children()],!1)}set innerHTML(e){if(this.nodeType!=A.TextNode){let t=this.openGroup("set innerHTML");this.clearChildren();let i=document.createRange();i.selectNode(document.body);let r=i.createContextualFragment(e);for(let o of[...r.childNodes]){let s=n.createDesignItemFromInstance(o,this.serviceContainer,this.instanceServiceContainer);this.insertChild(s)}t.commit()}}get isEmptyTextNode(){return this.nodeType===A.TextNode&&this.content?.trim()==""}get hideAtDesignTime(){return this.hasAttribute(Oi)}set hideAtDesignTime(e){e?this.setAttribute(Oi,""):this.removeAttribute(Oi)}get hideAtRunTime(){return this.hasAttribute(Vi)}set hideAtRunTime(e){e?this.setAttribute(Vi,""):this.removeAttribute(Vi)}get lockAtDesignTime(){return this.hasAttribute(li)}set lockAtDesignTime(e){e?this.setAttribute(li,""):this.removeAttribute(li)}static createDesignItemFromInstance(e,t,i){e=n.updateRenderedNode(t,e);let r=t.designItemService.createDesignItem(e,e,t,i);if(e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&e.getAttribute("shadowrootmode")=="open")try{let o=e.parentNode.attachShadow({mode:"open"}),s=e.content.cloneNode(!0);o.appendChild(s)}catch(o){console.error("error attaching shadowdom",o)}if(r.nodeType==A.Element){for(let o of r.element.attributes)o.name!=="style"&&r._attributes.set(o.name,o.value);if(e instanceof(e.ownerDocument.defaultView??window).HTMLElement||e instanceof(e.ownerDocument.defaultView??window).SVGElement){let o=new _n,s=e.getAttribute("style");if(s){o.parse(s);for(let a of o.entries)r._styles.set(a.name,a.value),a.important&&r._stylePriorities.set(a.name,!0)}t.designItemService.handleSpecialAttributes(li,r)}e.draggable=!1}r._childArray=r._internalUpdateChildrenFromNodesChildren();for(let o of r._childArray)o._parent=r;return r.refreshRenderedDesignItem(),r}static updateRenderedNode(e,t){let i=t;for(let r of e.renderedDesignItemServices??[]){let o=r.updateRenderedNode(i)??i;o!==i&&i.parentNode&&i.parentNode.replaceChild(o,i),i=o}return i}querySelectorAll(e){return this.usableContainer.querySelectorAll(e)}removeDesignerAttributesAndStylesFromChildren(){let e=this.querySelectorAll("*");for(let t of e){let i=n.GetDesignItem(t);i.hasAttribute("draggable")||t.removeAttribute("draggable"),i.hasStyle("pointer-events")||(t.style.pointerEvents="")}}updateChildrenFromNodesChildren(){this._childArray=this._internalUpdateChildrenFromNodesChildren();for(let e of this._childArray)e._parent=this}_internalUpdateChildrenFromNodesChildren(){let e=[];if(this.nodeType==A.Element)if(this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement)for(let t of this.element.content.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else if(this.isRootItem&&this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLIFrameElement)for(let t of this.element.contentWindow.document.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else for(let t of this.element.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}return e}_backupWhenEditContent;_inEditContent=!1;editContent(){this._inEditContent=!0,this._backupWhenEditContent=[...this.element.childNodes];let e=this.element.innerHTML;this.element.innerHTML="",this.element.innerHTML=e,this.element.setAttribute("contenteditable","")}editContentFinish(){if(this._inEditContent){this._inEditContent=!1,this.element.removeAttribute("contenteditable"),this.element.innerHTML="";for(let e of this._backupWhenEditContent)this.element.appendChild(e);this._backupWhenEditContent=null}}constructor(e,t,i,r){this.node=e,this.view=e,this.parsedNode=t,this.serviceContainer=i,this.instanceServiceContainer=r,this._attributes=new Map,this._styles=new Map,this._stylePriorities=new Map,n._designItemMap.set(e,this)}setView(e){this.view=e,n._designItemMap.set(e,this),this.refreshRenderedDesignItem()}refreshRenderedDesignItem(){for(let e of this.serviceContainer.renderedDesignItemServices??[])e.updateRenderedDesignItem(this)}openGroup(e){return this.instanceServiceContainer.undoService.openGroup(e)}getOrCreateDesignItem(e){return n.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer)}static GetOrCreateDesignItem(e,t,i,r){if(!e)return null;let o=n._designItemMap.get(e);return o||(o=i.designItemService.createDesignItem(e,t,i,r)),o}static GetDesignItem(e){return e?n._designItemMap.get(e):null}setStyle(e,t,i){let r=e;if(r.startsWith("--")||(r=z.camelToDashCase(e)),this.isRootItem)throw"not allowed to set style on root item or use async setStyle";{let o=new Mi(this,r,t,this._styles.get(r),i,this.isStyleImportant(r));this.instanceServiceContainer.undoService.execute(o)}}async setStyleAsync(e,t,i){let r=e;if(r.startsWith("--")||(r=z.camelToDashCase(e)),this.isRootItem)if(this.instanceServiceContainer.stylesheetService){let o=this.instanceServiceContainer.stylesheetService.getDeclarationsSortedBySpecificity(this,e);if(o!==null&&o.length>0)this.instanceServiceContainer.stylesheetService.updateDeclarationValue(o[0],t,i);else{let s=this.instanceServiceContainer.stylesheetService.getRules(":host").filter(a=>!a.stylesheet?.readOnly);if(o===null||s.length===0){let a=this.openGroup("add rule and set style: "+e),l=this.instanceServiceContainer.stylesheetService.getStylesheets(),c=await this.instanceServiceContainer.stylesheetService.addRule(l[0],":host");this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(c,e,t,i),a.commit()}else this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(s[0],e,t,i)}}else throw"not allowed to set style on root item";else{let o=new Mi(this,r,t,this._styles.get(r),i,this.isStyleImportant(r));this.instanceServiceContainer.undoService.execute(o)}}removeStyle(e){let t=e;t.startsWith("--")||(t=z.camelToDashCase(e));let i=new Mi(this,t,"",this._styles.get(t),!1,this.isStyleImportant(t));this.instanceServiceContainer.undoService.execute(i)}updateStyleInSheetOrLocal(e,t,i,r){let o=e;o.startsWith("--")||(o=z.camelToDashCase(e));let s=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,o).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Sn]===!1||!s?.length?this.getStyle(o)!=t||r?this.setStyle(o,t,i):t==null&&this.removeStyle(o):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(s[0],t,i)}async updateStyleInSheetOrLocalAsync(e,t,i,r){let o=e;o.startsWith("--")||(o=z.camelToDashCase(e));let s=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,o).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Sn]===!1||!s?.length?this.getStyle(o)!=t||r?await this.setStyleAsync(o,t,i):t==null&&this.removeStyle(o):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(s[0],t,i)}getStyleFromSheetOrLocal(e,t=null){let i=e;if(i.startsWith("--")||(i=z.camelToDashCase(e)),this.hasStyle(e))return this.getStyle(i);let r=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,i);return r&&r.length>0?r[0].value:null}getStyleFromSheetOrLocalOrComputed(e,t=null){let i=e;i.startsWith("--")||(i=z.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyleProperty(e,t=null){let i=e;i.startsWith("--")||(i=z.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyle(){return this.nodeType==A.Element?this.window.getComputedStyle(this.element):null}_stylesCache=null;_cacheClearTimer;getAllStyles(){let e=this._stylesCache;if(e)return e;if(this.nodeType!=A.Element)return[];let t=[...this._styles.entries()].map(i=>({name:i[0],value:i[1],important:this.isStyleImportant(i[0]),parent:null}));if(this.instanceServiceContainer.stylesheetService)try{let i=this.instanceServiceContainer.stylesheetService?.getAppliedRules(this);if(i)return[{selector:null,declarations:t,specificity:null,stylesheet:null},...i]}catch(i){console.warn("getAppliedRules",i)}return e=[{selector:null,declarations:t,specificity:null,stylesheet:null}],this._stylesCache=e,clearTimeout(this._cacheClearTimer),this._cacheClearTimer=setTimeout(()=>this._stylesCache=null,30),e}setAttribute(e,t){let i=new ur(this,e,t,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(i)}removeAttribute(e){let t=new ur(this,e,null,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(t)}setPropertyAndAttribute(e,t){let i=z.camelToDashCase(e),r=z.dashToCamelCase(e);if(this.isRootItem)throw"not allowed to set attribute on root item";let o=new fr(this,i,r,t,this.element[r]);this.instanceServiceContainer.undoService.execute(o)}removePropertyAndAttribute(e){let t=z.camelToDashCase(e),i=z.dashToCamelCase(e),r=new fr(this,t,i,null,this.element[i]);this.instanceServiceContainer.undoService.execute(r)}setProperty(e,t){if(this.isRootItem)throw"not allowed to set attribute on root item";let i=Bu(this.node,e),r=new Pn(this,e,t,i);this.instanceServiceContainer.undoService.execute(r)}_insertChildInternal(e,t){this._insertChildsInternal([e],t)}_insertChildsInternal(e,t){let i=this.document.createDocumentFragment(),r=null;for(let o of e)o.parent&&this.instanceServiceContainer.selectionService.primarySelection==o&&(o.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(o.parent,D.PrimarySelectionContainer),o.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(o.parent,D.PrimarySelectionContainerAndCanBeEntered)),o.parent&&o.parent._removeChildInternal(o),i.appendChild(o.view),o._parent=this,t==null||this._childArray.length==0||t>=this._childArray.length?this._childArray.push(o):(r=this._childArray[t],this._childArray.splice(t,0,o),t++);r==null?this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.appendChild(i)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.appendChild(i):this.view.appendChild(i):this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.insertBefore(i,r.element)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.insertBefore(i,r.element):this.view.insertBefore(i,r.element),this.refreshRenderedDesignItem()}_removeChildInternal(e){e.parent&&this.instanceServiceContainer.selectionService.primarySelection==e&&(e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,D.PrimarySelectionContainer),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,D.PrimarySelectionAndCanBeEntered)),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtensions([e],!0);let t=this._childArray.indexOf(e);t>-1&&(this._childArray.splice(t,1),e.element.remove(),e._parent=null),this.refreshRenderedDesignItem()}getPlacementService(e){return this.nodeType!=A.Element?null:(e??=getComputedStyle(this.element),this.serviceContainer.getLastServiceWhere("containerService",t=>t.serviceForContainer(this,e)))}static createDesignItemFromImageBlob(e,t,i){return new Promise(r=>{let o=new FileReader;o.onloadend=()=>{let s=document.createElement("img");s.src=o.result;let a=n.createDesignItemFromInstance(s,e,t);return r(a)},o.readAsDataURL(i)})}get hasForcedCss(){return this.cssForceHover||this.cssForceActive||this.cssForceVisited||this.cssForceFocus||this.cssForceFocusWithin||this.cssForceFocusVisible}get cssForceHover(){return this.element.hasAttribute(at)}set cssForceHover(e){e?this.element.setAttribute(at,""):this.element.removeAttribute(at),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:at,designItems:[this]}])}get cssForceActive(){return this.element.hasAttribute(Yt)}set cssForceActive(e){e?this.element.setAttribute(Yt,""):this.element.removeAttribute(Yt),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Yt,designItems:[this]}])}get cssForceVisited(){return this.element.hasAttribute(Ut)}set cssForceVisited(e){e?this.element.setAttribute(Ut,""):this.element.removeAttribute(Ut),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Ut,designItems:[this]}])}get cssForceFocus(){return this.element.hasAttribute(Xt)}set cssForceFocus(e){e?this.element.setAttribute(Xt,""):this.element.removeAttribute(Xt),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Xt,designItems:[this]}])}get cssForceFocusWithin(){return this.element.hasAttribute($t)}set cssForceFocusWithin(e){e?this.element.setAttribute($t,""):this.element.removeAttribute($t),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:$t,designItems:[this]}])}get cssForceFocusVisible(){return this.element.hasAttribute(Kt)}set cssForceFocusVisible(e){e?this.element.setAttribute(Kt,""):this.element.removeAttribute(Kt),this.instanceServiceContainer.onContentChanged.emit([{changeType:"changed",type:"attribute",name:Kt,designItems:[this]}])}}});function lc(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}var Hu=g(()=>{"use strict"});var kn,In=g(()=>{"use strict";kn=navigator.userAgent.toLowerCase().includes("firefox")});var Dn,cc=g(()=>{"use strict";oe();Hu();de();In();Dn=class{async getElement(e,t,i){if(e.import){let l=e.import;l[0]==="."&&(l=(window.location.origin+window.location.pathname).split("/").slice(0,-1).join("/")+"/"+l),window.importShim?importShim(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}):import(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}),i.designContext.imports.indexOf(l)<=0&&i.designContext.imports.push(l)}let r="";if(e.defaultAttributes)for(let l in e.defaultAttributes){let c=e.defaultAttributes[l];try{typeof c=="object"?r+=" "+l+'="'+lc(JSON.stringify(e.defaultAttributes[l]))+'"':r+=" "+l+'="'+lc(e.defaultAttributes[l])+'"'}catch(h){console.warn(h)}}let o="<"+e.tag+r+"></"+e.tag+">",s=dn(o,i.designerCanvas.rootDesignItem.document);if(s._inNodeProjectsDesignerView=!0,e.defaultWidth&&(s.style.width=e.defaultWidth),e.defaultHeight&&(s.style.height=e.defaultHeight),s.style.position="absolute",e.defaultStyles)for(let l in e.defaultStyles)s.style[l]=e.defaultStyles[l];if(e.defaultContent)if(typeof e.defaultContent=="string"){let l;i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe&&!kn?l=i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe(e.defaultContent):l=new i.designerCanvas.rootDesignItem.window.DOMParser().parseFromString(e.defaultContent,"text/html",{includeShadowRoots:!0}),s.append(...l.head.childNodes),s.append(...l.body.childNodes)}else s.appendChild(e.defaultContent);return O.createDesignItemFromInstance(s,t,i)}}});var ae,Le=g(()=>{"use strict";ut();ae=class{element;property;designItems;disableChangeNotification=!1;constructor(e){this.property=e}async _previewValueChanged(e){this.disableChangeNotification||this.designItems&&this.designItems.length&&await this.property.service.previewValue?.(this.designItems,this.property,e)}async _removePreviewValue(){this.disableChangeNotification||this.designItems&&this.designItems.length&&await this.property.service.removePreviewValue?.(this.designItems,this.property)}async _valueChanged(e){if(!this.disableChangeNotification&&this.designItems&&this.designItems.length){let t=this.designItems[0].openGroup("set property: "+this.property.name);e==null?this.property.service.clearValue(this.designItems,this.property,"value"):await this.property.service.setValue(this.designItems,this.property,e),t.commit()}}designItemsChanged(e){this.designItems=e}refreshValueWithoutNotification(e,t){e==G.none?this.element.classList.add("unset-value"):this.element.classList.remove("unset-value"),this.disableChangeNotification=!0;try{this.refreshValue(e,t)}catch(i){console.error(i)}this.disableChangeNotification=!1}}});var An,hc=g(()=>{"use strict";Le();An=class extends ae{constructor(e){super(e);let t=document.createElement("node-projects-color-input");e.readonly&&(t.readOnly=!0),t.onchange=async i=>{await this.property.service.removePreviewValue?.(this.designItems,this.property),this._valueChanged(t.value)},t.oninput=async i=>{await this.property.service.previewValue?.(this.designItems,this.property,t.value)},this.element=t}refreshValue(e,t){t?this.element.value=t:this.element.value="rgba(0, 0, 0, 1)"}}});var Tn,pc=g(()=>{"use strict";Le();Tn=class extends ae{constructor(e){super(e);let t=document.createElement("input");t.type="datetime-local",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.value),this.element=t}refreshValue(e,t){t?this.element.value=t:this.element.value=null}}});import{html as Hg}from"@node-projects/base-custom-webcomponent";var Mn,dc=g(()=>{"use strict";Le();Mn=class n extends ae{static template=Hg`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;_input;constructor(e){super(e);let t=n.template.content.cloneNode(!0);this._input=t.getElementById("input"),e.readonly&&(this._input.readOnly=!0),this._input.onchange=i=>this._valueChanged(this._input.value),this.element=t}refreshValue(e,t){this._input.value=t}}});var Ln,uc=g(()=>{"use strict";Le();Ln=class extends ae{constructor(e){super(e);let t=document.createElement("input");t.type="number",e.readonly&&(t.readOnly=!0),t.min=e.min,t.max=e.max,t.step=e.step,t.onchange=i=>this._valueChanged(t.value==""?null:t.valueAsNumber),this.element=t}refreshValue(e,t){this.element.value=t===void 0?null:t}}});var gr,mc=g(()=>{"use strict";Le();gr=class extends ae{elementSelect;elementInput;constructor(e){super(e);let t=document.createElement("div"),i=document.createElement("select");if(e.type=="enum")for(let o of e.enumValues){let s=document.createElement("option");s.value=o[1],s.text=o[0],i.appendChild(s)}else for(let o of e.values){let s=document.createElement("option");s.value=o,s.text=o,i.appendChild(s)}e.readonly&&(i.disabled=!0),i.onchange=o=>this._valueChanged(i.value);let r=document.createElement("input");r.style.display="none",r.onchange=o=>this._valueChanged(r.value),this.elementSelect=i,this.elementInput=r,t.appendChild(this.elementSelect),t.appendChild(this.elementInput),this.element=t}refreshValue(e,t){this.elementSelect.style.display="block",this.elementInput.style.display="none",this.elementSelect.value=t,this.elementSelect.value!=t&&t&&(this.elementInput.value=t,this.elementSelect.style.display="none",this.elementInput.style.display="block")}}});var On,fc=g(()=>{"use strict";Le();On=class n extends ae{static _nextListId=0;constructor(e){super(e);let t=document.createElement("input");if(t.type="text",e.readonly&&(t.readOnly=!0),e.values?.length){let i=`wcd-text-property-editor-values-${n._nextListId++}`,r=document.createElement("datalist");r.id=i;for(let o of e.values){let s=document.createElement("option");s.value=o,r.appendChild(s)}t.setAttribute("list",i),t.appendChild(r)}t.onchange=i=>this._valueChanged(t.value),t.onfocus=i=>{t.selectionStart=0,t.selectionEnd=t.value?.length},this.element=t}refreshValue(e,t){t==null?this.element.value="":this.element.value=t}}});var Vn,gc=g(()=>{"use strict";Le();Vn=class extends ae{constructor(e){super(e);let t=document.createElement("input");t.type="checkbox",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.checked),this.element=t}refreshValue(e,t){this.element.checked=t}}});import{BaseCustomWebComponentConstructorAppend as Wg,css as Gg,html as jg}from"@node-projects/base-custom-webcomponent";var yr,Wu=g(()=>{"use strict";yr=class extends Wg{static style=Gg`div{font-size:10px;color:var(--wcd-color-text,#fff)}#property{color:var(--wcd-image-button-list-selector-property-color,#00aff0)}#value{color:var(--wcd-image-button-list-selector-value-color,#d3d3d3)}#value.value-set{color:var(--wcd-image-button-list-selector-value-set-color,wheat)}.container{display:flex;flex-direction:row}::slotted(button){min-width:24px;height:24px;padding:1px;background:var(--wcd-image-button-list-selector-button-background,#fff);border:1px solid var(--wcd-image-button-list-selector-button-border-color,#d3d3d3)}`;static template=jg`<div><div id="header" style="display:none"><span id="property"></span><span id="vhd">: <span id="value"></span></span></div><div part="container" class="container"><slot id="slot"></slot></div></div>`;static properties={value:String,property:String,unsetValue:String,noValueInHeader:Boolean};constructor(){super(),this._restoreCachedInititalValues()}_value;get value(){return this._value}set value(e){this._value=e,this._updateValue()}property;unsetValue;noValueInHeader;_updateValue(){this.value?(this._getDomElement("value").innerText=this.value,this._getDomElement("value").classList.add("value-set")):this._getDomElement("value").classList.remove("value-set");let e=this._getDomElement("slot");for(let t of e.assignedElements())t.dataset.value==this.value?t.style.background="cornflowerblue":t.style.background=""}ready(){this._parseAttributesToProperties(),this.property&&(this._getDomElement("header").style.display="block"),this.noValueInHeader&&(this._getDomElement("vhd").style.display="none");let e=this._getDomElement("slot");e.onclick=t=>{let i=t.composedPath();for(let r of e.assignedElements())if(i.indexOf(r)>=0){let o=this._value;this.value=r.dataset.value;let s=new CustomEvent("value-changed",{detail:{newValue:this._value,oldValue:o}});this.dispatchEvent(s)}},this._getDomElement("property").innerText=this.property??"",this._getDomElement("value").innerText=this.unsetValue??"",this._updateValue()}};customElements.define("node-projects-image-button-list-selector",yr)});function Ug(){let n=globalThis.webComponentDesignerAssetsPath;if(n)return n.endsWith("/")?n:n+"/";try{let e=new URL(import.meta.url);if(e.protocol==="http:"||e.protocol==="https:")return e.origin+e.pathname.split("/").slice(0,-1).join("/")+"/../assets/"}catch{}return Yg}function n0(n){P=n.endsWith("/")?n:n+"/"}var Ni,ci,yc,Yg,P,he=g(()=>{"use strict";Ni="text/json/elementdefintion",ci="text/json/bindingobject",yc="text/json/propertydrop",Yg="assets/web-component-designer/";P=Ug()});var Nn,vc=g(()=>{"use strict";Le();Wu();Ie();he();Nn=class extends ae{constructor(e){super(e);let t=new yr;t.property=e.name,t.unsetValue=e.defaultValue;let i=z.camelToDashCase(e.name);if(e.type=="enum")for(let r of e.enumValues){let o=document.createElement("button");o.dataset.value=r[1];let s=document.createElement("img");s.title=r[1],s.src=P+"images/chromeDevtools/"+i+"-"+r[1]+"-icon.svg",o.appendChild(s),t.appendChild(o)}else for(let r of e.values){let o=document.createElement("button");o.dataset.value=r;let s=document.createElement("img");s.title=r,s.src=P+"images/chromeDevtools/"+i+"-"+r+"-icon.svg",o.appendChild(s),t.appendChild(o)}t.addEventListener("value-changed",r=>this._valueChanged(t.value)),this.element=t}refreshValue(e,t){this.element.value=t}}});import{BaseCustomWebComponentConstructorAppend as Xg,css as $g,html as Kg,TypedEvent as Rn}from"@node-projects/base-custom-webcomponent";var vr,Gu=g(()=>{"use strict";vr=class extends Xg{static style=$g`:host{margin:4px;margin-left:auto;margin-right:auto}#container{display:grid;grid-template-columns:minmax(30px,40px) minmax(30px,60px) minmax(30px,40px);grid-template-rows:auto;grid-template-areas:"  .   top     ." "left middle right" "  .  bottom   .";column-gap:2px;row-gap:2px}input{width:20px;text-align:center;font-size:10px;height:20px;padding:0}#left{grid-area:left;justify-self:end}#top{grid-area:top;align-self:end;justify-self:center}#right{grid-area:right;justify-self:start}#bottom{grid-area:bottom;align-self:start;justify-self:center}#rect{grid-area:middle;border:1px solid var(--wcd-thickness-editor-border-color,#000);background:var(--wcd-thickness-editor-background,#d3d3d3)}`;static template=Kg`<div id="container"><input id="left"> <input id="top"> <input id="right"> <input id="bottom"><div id="rect"></div></div>`;_leftInput;_topInput;_rightInput;_bottomInput;_valueLeft;get valueLeft(){return this._valueLeft}set valueLeft(e){let t=this._valueLeft;this._valueLeft=e,t!==e&&(this._updateValue(),this.valueLeftChanged.emit({newValue:e,oldValue:t}))}valueLeftChanged=new Rn;_valueTop;get valueTop(){return this._valueTop}set valueTop(e){let t=this._valueTop;this._valueTop=e,t!==e&&(this._updateValue(),this.valueTopChanged.emit({newValue:e,oldValue:t}))}valueTopChanged=new Rn;_valueRight;get valueRight(){return this._valueRight}set valueRight(e){let t=this._valueRight;this._valueRight=e,t!==e&&(this._updateValue(),this.valueRightChanged.emit({newValue:e,oldValue:t}))}valueRightChanged=new Rn;_valueBottom;get valueBottom(){return this._valueBottom}set valueBottom(e){let t=this._valueBottom;this._valueBottom=e,t!==e&&(this._updateValue(),this.valueBottomChanged.emit({newValue:e,oldValue:t}))}valueBottomChanged=new Rn;property;unsetValue;_updateValue(){this._leftInput.value=this.valueLeft,this._topInput.value=this.valueTop,this._rightInput.value=this.valueRight,this._bottomInput.value=this._valueBottom}ready(){this._parseAttributesToProperties(),this._leftInput=this._getDomElement("left"),this._topInput=this._getDomElement("top"),this._rightInput=this._getDomElement("right"),this._bottomInput=this._getDomElement("bottom"),this._leftInput.onkeyup=e=>{e.key==="Enter"&&(this._valueLeft=this._leftInput.value)},this._topInput.onkeyup=e=>{e.key==="Enter"&&(this._valueTop=this._topInput.value)},this._rightInput.onkeyup=e=>{e.key==="Enter"&&(this._valueRight=this._rightInput.value)},this._bottomInput.onkeyup=e=>{e.key==="Enter"&&(this._valueBottom=this._bottomInput.value)},this._leftInput.onblur=e=>this._valueLeft=this._leftInput.value,this._topInput.onblur=e=>this._valueTop=this._topInput.value,this._rightInput.onblur=e=>this._valueRight=this._rightInput.value,this._bottomInput.onblur=e=>this._valueBottom=this._bottomInput.value,this._updateValue()}};customElements.define("node-projects-thickness-editor",vr)});var zn,_c=g(()=>{"use strict";Le();Gu();zn=class extends ae{constructor(e){super(e);let t=new vr;t.property=e.name,t.valueLeftChanged.on(i=>this._valueChanged(i.newValue)),this.element=t}refreshValue(e,t){this.element.valueLeft=t}}});var Ri,xc=g(()=>{"use strict";Le();Ri=class n extends ae{static fontList;constructor(e){super(e);let t=document.createElement("select");e.readonly&&(t.disabled=!0),this.element=t,n.addFontsToSelect(t),this.element.onchange=i=>this._valueChanged(this.element.value)}static addFontsToSelect(e){n.fontList?n.parseFontList(e):window.queryLocalFonts?window.queryLocalFonts().then(t=>{n.fontList=[...new Set(t.map(i=>i.family))],n.parseFontList(e)}):(n.fontList=["Verdana","Arial","Tahoma","Trebuchet MS","Times New Roman","Georgia","Garamond","Courier New","Brush Script MT"],n.parseFontList(e))}static parseFontList(e){for(let t of n.fontList){let i=document.createElement("option");i.value=t,i.text=t,e.appendChild(i)}}refreshValue(e,t){this.element.value=t}}});function Sc(n,e=4){if(!Number.isFinite(n))return"0";let t=10**Math.max(0,e),i=Math.round(n*t)/t;return Object.is(i,-0)?"0":`${i}`}function hi(n,e){let t=n?.trim()??"";return t?t+(e??""):""}function ju(n){let e=n?.trim()??"";if(!e)return{kind:"empty"};let t=e.match(/^([+-]?(?:\d+(?:\.\d+)?|\.\d+))(?:([a-z%]+))?$/i);if(!t)return{kind:"text",text:e};let i=Number(t[1]);return Number.isNaN(i)?{kind:"text",text:e}:{kind:"numeric",numberText:t[1],value:i,unit:t[2]?.toLowerCase()??""}}function Bn(n){return n?.replace(/-([a-z])/g,(e,t)=>t.toUpperCase())??""}function ay(n){return n?.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)??""}function Uu(n){return n.property.numericValueDecimalPlaces??(n.fromUnit==="%"||n.toUnit==="%"?2:4)}function ly(n,e,t){return n==null?null:typeof n=="number"?hi(Sc(n,t),e):n}function Hn(n){return n.designItems?.[0]?.element??null}function cy(n){return n?typeof HTMLElement<"u"&&n instanceof HTMLElement?!0:typeof n.getBoundingClientRect=="function":!1}function Xu(n){if(!n)return null;if(n.parentElement)return n.parentElement;if(n.assignedSlot)return n.assignedSlot;let t=n.getRootNode?.()?.host;if(cy(t))return t;let i=n.ownerDocument;return i?.body??i?.documentElement??null}function $u(n){let e=parseFloat(n??"");return Number.isNaN(e)?null:e}function hy(n){if(typeof getComputedStyle!="function")return null;let e=Hn(n);if(!e)return null;let t=getComputedStyle(e),i=n.property.propertyName??n.property.name;if(!i)return null;let r=typeof t.getPropertyValue=="function"?l=>t.getPropertyValue(l):l=>"";if(i.startsWith("--"))return r(i)?.trim()??null;let o=i.includes("-")?i:ay(i),s=r(o)?.trim();if(s)return s;let a=Bn(i);return t[a]?.trim()??null}function py(n){let e=ju(n.rawValue);if(e.kind==="numeric")return{...n,value:e.value,numberText:e.numberText,fromUnit:e.unit||n.fromUnit,rawValue:hi(e.numberText,e.unit)};let t=hy(n),i=ju(t);if(i.kind!=="numeric"){if(n.numericType!=="css-length")return null;let r=Ku(n);if(r==null)return null;let o=Sc(r);return{...n,value:r,numberText:o,fromUnit:"px",rawValue:hi(o,"px")}}return{...n,value:i.value,numberText:i.numberText,fromUnit:i.unit,rawValue:hi(i.numberText,i.unit)}}function dy(n){if(typeof window>"u")return null;switch(n){case"vw":return window.innerWidth/100;case"vh":return window.innerHeight/100;case"vmin":return Math.min(window.innerWidth,window.innerHeight)/100;case"vmax":return Math.max(window.innerWidth,window.innerHeight)/100;default:return null}}function _r(n,e){if(typeof getComputedStyle!="function")return null;let t=Hn(n);if(!t)return null;let i=e?Xu(t)??t:t;return $u(getComputedStyle(i).fontSize)}function uy(){return typeof getComputedStyle!="function"||typeof document>"u"?null:$u(getComputedStyle(document.documentElement).fontSize)}function my(n){if(typeof getComputedStyle!="function")return null;let e=Hn(n);if(!e)return null;let t=Bn(n.property.propertyName??n.property.name);if(t==="fontSize")return _r(n,!0);if(t==="lineHeight")return _r(n,!1);let r=(Xu(e)??e).getBoundingClientRect?.();return r?ny.has(t)?r.height:(ry.has(t),r.width):null}function Ku(n){let e=Hn(n);if(!e)return null;let t=e.getBoundingClientRect?.();if(!t)return null;let i=Bn(n.property.propertyName??n.property.name);return oy.has(i)?t.width:sy.has(i)?t.height:null}function bc(n,e){let t=e?.toLowerCase()??"";if(!t)return null;let i=qg.get(t);if(i!=null)return i;if(t==="%"){let r=my(n);return r==null?null:r/100}if(t==="em")return _r(n,Bn(n.property.propertyName??n.property.name)==="fontSize");if(t==="rem")return uy();if(t==="ex"){let r=_r(n,!1);return r==null?null:r/2}if(t==="ch"){let r=_r(n,!1);return r==null?null:r/2}return dy(t)}function Qu(n){let e=py(n);if(!e)return hi(n.numberText,n.toUnit);let t=Uu(n),i;switch(e.numericType){case"css-length":i=fy(e.value,e.fromUnit,e.toUnit,e);break;case"css-angle":i=Fn(e.value,e.fromUnit,e.toUnit,Jg);break;case"css-time":i=Fn(e.value,e.fromUnit,e.toUnit,ey);break;case"css-frequency":i=Fn(e.value,e.fromUnit,e.toUnit,ty);break;case"css-resolution":i=Fn(e.value,e.fromUnit,e.toUnit,iy);break;case"css-flex":i=e.value;break;case"css-scale":i=gy(e.value,e.fromUnit,e.toUnit);break}return i==null?hi(e.numberText,e.toUnit):hi(Sc(i,t),e.toUnit)}function fy(n,e,t,i){let r=e?.toLowerCase()??"",o=t?.toLowerCase()??"";if(r!=="%"&&o==="%"){let l=Ku(i),c=bc(i,o);if(l!=null&&c!=null)return l/c}let s=bc(i,e),a=bc(i,t);return s==null||a==null?null:n*s/a}function gy(n,e,t){let i=e?.toLowerCase()??"",r=t?.toLowerCase()??"";if(i===r)return n;let o=i==="%"?.01:i===""?1:null,s=r==="%"?.01:r===""?1:null;return o==null||s==null?null:n*o/s}function Fn(n,e,t,i){let r=e?.toLowerCase()??"",o=t?.toLowerCase()??"";if(!r||!o||r===o)return n;if(!i)return null;let s=i.get(r),a=i.get(o);return s==null||a==null?null:n*s/a}function Cc(n,e){return Zg.includes(n??"")?n:null}function Zu(n,e){return Cc(n,e)!=null}function yy(n){let e=Uu(n),t=ly(n.property.numericValueConverter?.(n.value,n.fromUnit,n.toUnit,n.property,n.numericType,n.numberText,n.rawValue,n.designItems),n.toUnit,e);return t??Qu(n)}function qu(n){return[...new Set([...n??[],...Qg].filter(Boolean))]}function Ju(n){let e=Cc(n.type,n.propertyName??n.name);return n.values=qu(n.values),e&&(n.units??=[...wc[e]],n.unitSteps??={...Yu[e]},n.numericValueConverter??=(t,i,r,o,s,a,l,c)=>Qu({property:o,numericType:s,designItems:c,value:t,numberText:a??`${t}`,rawValue:l??`${t}${i}`,fromUnit:i,toUnit:r})),n}function em(n){let e=Cc(n.type,n.name);if(!e)return null;let t=Yu[e]??{};return{numericType:e,units:n.units?.length?n.units:wc[e],fixedValues:qu(n.values),unitSteps:{...t,...n.unitSteps??{}},convertValue:i=>yy({...i,property:n,numericType:e})}}var Qg,wc,Zg,Yu,qg,Jg,ey,ty,iy,ry,ny,oy,sy,Wn=g(()=>{"use strict";Qg=["initial","inherit","unset"],wc={"css-length":["px","%","em","rem","vw","vh","vmin","vmax","pt","pc","in","cm","mm","q","ch","ex"],"css-angle":["deg","grad","rad","turn"],"css-time":["ms","s"],"css-frequency":["hz","khz"],"css-flex":["fr"],"css-resolution":["dpi","dpcm","dppx","x"],"css-scale":["","%"],"svg-length":["","%"]},Zg=Object.keys(wc),Yu={"css-length":{em:.1,rem:.1,in:.01,cm:.1,ch:.1,ex:.1},"css-angle":{rad:.01,turn:.1},"css-time":{ms:10,s:.1},"css-frequency":{khz:.1},"css-flex":{fr:.1},"css-resolution":{dppx:.1,x:.1},"css-scale":{"":.1,"%":10},"svg-length":{"":1,"%":10}},qg=new Map([["px",1],["in",96],["cm",96/2.54],["mm",96/25.4],["q",96/101.6],["pt",96/72],["pc",16]]),Jg=new Map([["deg",1],["grad",.9],["rad",180/Math.PI],["turn",360]]),ey=new Map([["ms",1],["s",1e3]]),ty=new Map([["hz",1],["khz",1e3]]),iy=new Map([["dpi",1],["dpcm",2.54],["dppx",96],["x",96]]),ry=new Set(["width","minWidth","maxWidth","inlineSize","minInlineSize","maxInlineSize","left","right","columnGap","gap","flexBasis","perspective"]),ny=new Set(["height","minHeight","maxHeight","top","bottom","blockSize","minBlockSize","maxBlockSize","rowGap"]),oy=new Set(["width","minWidth","maxWidth","inlineSize","minInlineSize","maxInlineSize"]),sy=new Set(["height","minHeight","maxHeight","blockSize","minBlockSize","maxBlockSize"])});var Gn,Ec=g(()=>{"use strict";Gl();Le();Wn();Gn=class extends ae{constructor(e){super(e);let t=em(e),i=new lr;i.units=t?.units??e.units??[],i.fixedValues=t?.fixedValues??e.values,i.unitValueConverter=r=>t?.convertValue({...r,designItems:this.designItems}),i.unitSteps=t?.unitSteps??e.unitSteps??{},i.step=e.step,i.min=e.min,i.max=e.max,i.readOnly=e.readonly,i.valueChanged.on(async r=>this._valueChanged(r.newValue===""?null:r.newValue)),i.valuePreviewChanged.on(async r=>this._previewValueChanged(r.newValue===""?null:r.newValue)),i.valuePreviewFinished.on(async r=>{await this._removePreviewValue(),!r.wasCancelled&&await this._valueChanged(r.newValue===""?null:r.newValue)}),this.element=i}designItemsChanged(e){super.designItemsChanged(e)}refreshValue(e,t){this.element.value=t==null?"":String(t)}}});var jn,Pc=g(()=>{"use strict";Et();ut();jn=class{element;property;designItems;_innerEditor;_importantButton;_value;_disableChangeNotification=!1;constructor(e,t){this.property=e;let i={...e,service:this._createServiceProxy(e.service)};this._innerEditor=t(i),this._importantButton=document.createElement("button"),this._importantButton.type="button",this._importantButton.textContent="!",this._importantButton.title="!important",this._importantButton.disabled=e.readonly===!0,this._importantButton.style.width="18px",this._importantButton.style.height="18px",this._importantButton.style.margin="-2px 0 0 -2px",this._importantButton.style.padding="0",this._importantButton.style.border="1px solid var(--wcd-input-border-color, var(--input-border-color, var(--wcd-color-border, #596c7a)))",this._importantButton.style.background="transparent",this._importantButton.style.color="lightslategray",this._importantButton.style.fontWeight="bold",this._importantButton.style.lineHeight="16px",this._importantButton.style.cursor="pointer",this._importantButton.onclick=async()=>{this._disableChangeNotification||!this.designItems?.length||this._value==null||this._value===""||(this._setImportant(!this._isImportant()),await this.property.service.setValue(this.designItems,this.property,this._appendImportant(this._value)),this.designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this.designItems))},this.element=document.createElement("div"),this.element.style.display="grid",this.element.style.gridTemplateColumns="minmax(0, 1fr) 18px",this.element.style.alignItems="center",this.element.style.gap="2px",this.element.appendChild(this._innerEditor.element),this.element.appendChild(this._importantButton)}_createServiceProxy(e){let t=Object.create(e);return t.setValue=async(i,r,o)=>e.setValue(i,this.property,this._appendImportant(o)),t.previewValue=async(i,r,o)=>e.previewValue?.(i,this.property,this._appendImportant(o)),t.removePreviewValue=async(i,r)=>e.removePreviewValue?.(i,this.property),t.clearValue=(i,r,o)=>e.clearValue(i,this.property,o),t}_appendImportant(e){return typeof e!="string"?e:(this._value=e,Ye(e,this._isImportant()))}designItemsChanged(e){this.designItems=e,this._innerEditor.designItemsChanged(e)}_refreshImportant(e,t){let i=typeof t=="string"?Ht(t):{value:t,important:!1};this._value=i.value,this._setImportant(i.important),this._importantButton.disabled=this.property.readonly===!0||e==G.none||i.value==null||i.value==="",this._importantButton.style.cursor=this._importantButton.disabled?"default":"pointer"}_isImportant(){return this._importantButton.dataset.checked==="true"}_setImportant(e){this._importantButton.dataset.checked=e?"true":"false",this._importantButton.style.background=e?"orange":"transparent",this._importantButton.style.color=e?"black":"lightslategray"}refreshValue(e,t){this._refreshImportant(e,t),this._innerEditor.refreshValue(e,this._value)}refreshValueWithoutNotification(e,t){e==G.none?this.element.classList.add("unset-value"):this.element.classList.remove("unset-value"),this._disableChangeNotification=!0;try{this._refreshImportant(e,t),this._innerEditor.refreshValueWithoutNotification(e,this._value)}catch(i){console.error(i)}this._disableChangeNotification=!1}}});var Yn,kc=g(()=>{"use strict";hc();pc();dc();uc();mc();fc();gc();vc();_c();xc();Ec();Wn();fe();Pc();Yn=class{getEditorForProperty(e){return e.propertyType===x.cssValue?new jn(e,t=>this._getEditorForProperty(t)):this._getEditorForProperty(e)}_getEditorForProperty(e){if(e.createEditor)return e.createEditor(e);if(Zu(e.type,e.name))return new Gn(e);switch(e.type){case"json":return new Mn(e);case"css-color":case"color":return new An(e);case"font":return new Ri(e);case"date":return new Tn(e);case"number":return new Ln(e);case"list":return new gr(e);case"enum":return new gr(e);case"boolean":return new Vn(e);case"img-list":return new Nn(e);case"thickness":return new zn(e);case"string":default:return new On(e)}}}});import{BaseCustomWebComponentLazyAppend as vy,BaseCustomWebComponentConstructorAppend as _y,BaseCustomWebComponentNoAttachedTemplate as xy,BaseCustomWebComponentConstructorAppendLazyReady as by}from"@node-projects/base-custom-webcomponent";var Un,Ic=g(()=>{"use strict";Ai();Un=class extends mt{name="baseCustomWebComponent";isHandledElement(e){return e.element instanceof vy||e.element instanceof by||e.element instanceof _y||e.element instanceof xy}_notifyChangedProperty(e,t,i){e.element._parseAttributesToProperties()}}});function Xn(n,e,t){if(e==null||e==""){n.style.transform=t;return}let i=new DOMMatrix(e),o=new DOMMatrix(t).multiply(i);n.style.transform=o.toString()}function zi(n){return new DOMPoint(n.m41,n.m42,0,0)}var Dc=g(()=>{"use strict"});var w,Ue=g(()=>{"use strict";(function(n){n.Move="M",n.Line="L",n.CubicBezier="C",n.QuadraticBezier="Q",n.Arc="A",n.Close="Z",n.HorizontalLine="H",n.VerticalLine="V",n.SmoothCubic="S",n.SmoothQuadratic="T"})(w||(w={}))});function kt(n,e,t=45){let i=tm(n,e),s=(Math.round(i/t)*t+360)%360*Math.PI/180,a=e.x-n.x,l=e.y-n.y,c=Math.sqrt(a*a+l*l),h=n.x+Math.cos(s)*c,p=n.y-Math.sin(s)*c;return{x:h,y:p}}function Fi(n,e){let t,i=Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)),r=tm(n,e),o=r-(Math.floor(r/90)*90+45);return t=i*Math.cos(o*(Math.PI/180))/Math.sqrt(2),t}function tm(n,e){let t=-1*Math.atan2(e.y-n.y,e.x-n.x)*180/Math.PI;return t<0&&(t+=360),t}function im(n,e,t){let i=e.x-n.x,r=e.y-n.y,o=Math.sqrt(i*i+r*r);if(o===0)return[];if(t<=0)return[e];let s=Math.max(1,Math.ceil(o/t)),a=[];for(let l=1;l<=s;l++)a.push({x:n.x+i*l/s,y:n.y+r*l/s});return a}function rm(n,e,t){let i="",r=n.getPathData({normalize:!0});for(let o of r)switch(o.type){case"M":case"m":case"L":case"l":case"T":case"t":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" ";break;case"Z":case"z":i+=o.type+" ";break;case"C":case"c":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" "+(o.values[2]-e)+" "+(o.values[3]-t)+" "+(o.values[4]-e)+" "+(o.values[5]-t)+" ";break;case"S":case"s":case"Q":case"q":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" "+(o.values[2]-e)+" "+(o.values[3]-t)+" ";break;case"A":case"a":i+=o.type+" "+(o.values[0]-e)+" "+(o.values[1]-t)+" "+o.values[2]+" "+o.values[3]+" "+o.values[4]+" "+(o.values[5]-e)+" "+(o.values[6]-t)+" ";break}return i}function pi(n){let e="";for(let i of n){e+=i.type+" ";for(var t=0;t<i.values.length;t++)i.values[t]!=null&&!isNaN(i.values[t])&&(e+=i.values[t]+" ")}return e}var Xe=g(()=>{"use strict";(!SVGPathElement.prototype.getPathData||!SVGPathElement.prototype.setPathData)&&(function(){var n={Z:"Z",M:"M",L:"L",C:"C",Q:"Q",A:"A",H:"H",V:"V",S:"S",T:"T",z:"Z",m:"m",l:"l",c:"c",q:"q",a:"a",h:"h",v:"v",s:"s",t:"t"},e=function(s){this._string=s,this._currentIndex=0,this._endIndex=this._string.length,this._prevCommand=null,this._skipOptionalSpaces()};e.prototype={parseSegment:function(){var s=this._string[this._currentIndex],a=n[s]?n[s]:null;if(a===null){if(this._prevCommand===null||((s==="+"||s==="-"||s==="."||s>="0"&&s<="9")&&this._prevCommand!=="Z"?this._prevCommand==="M"?a="L":this._prevCommand==="m"?a="l":a=this._prevCommand:a=null,a===null))return null}else this._currentIndex+=1;this._prevCommand=a;var l=null,c=a.toUpperCase();return c==="H"||c==="V"?l=[this._parseNumber()]:c==="M"||c==="L"||c==="T"?l=[this._parseNumber(),this._parseNumber()]:c==="S"||c==="Q"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="C"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="A"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseArcFlag(),this._parseArcFlag(),this._parseNumber(),this._parseNumber()]:c==="Z"&&(this._skipOptionalSpaces(),l=[]),l===null||l.indexOf(null)>=0?null:{type:a,values:l}},hasMoreData:function(){return this._currentIndex<this._endIndex},peekSegmentType:function(){var s=this._string[this._currentIndex];return n[s]?n[s]:null},initialCommandIsMoveTo:function(){if(!this.hasMoreData())return!0;var s=this.peekSegmentType();return s==="M"||s==="m"},_isCurrentSpace:function(){var s=this._string[this._currentIndex];return s<=" "&&(s===" "||s===`
+`||s==="	"||s==="\r"||s==="\f")},_skipOptionalSpaces:function(){for(;this._currentIndex<this._endIndex&&this._isCurrentSpace();)this._currentIndex+=1;return this._currentIndex<this._endIndex},_skipOptionalSpacesOrDelimiter:function(){return this._currentIndex<this._endIndex&&!this._isCurrentSpace()&&this._string[this._currentIndex]!==","?!1:(this._skipOptionalSpaces()&&this._currentIndex<this._endIndex&&this._string[this._currentIndex]===","&&(this._currentIndex+=1,this._skipOptionalSpaces()),this._currentIndex<this._endIndex)},_parseNumber:function(){var s=0,a=0,l=1,c=0,h=1,p=1,d=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,h=-1),this._currentIndex===this._endIndex||(this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")&&this._string[this._currentIndex]!==".")return null;for(var u=this._currentIndex;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)this._currentIndex+=1;if(this._currentIndex!==u)for(var m=this._currentIndex-1,f=1;m>=u;)a+=f*(this._string[m]-"0"),m-=1,f*=10;if(this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="."){if(this._currentIndex+=1,this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)l*=10,c+=(this._string.charAt(this._currentIndex)-"0")/l,this._currentIndex+=1}if(this._currentIndex!==d&&this._currentIndex+1<this._endIndex&&(this._string[this._currentIndex]==="e"||this._string[this._currentIndex]==="E")&&this._string[this._currentIndex+1]!=="x"&&this._string[this._currentIndex+1]!=="m"){if(this._currentIndex+=1,this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,p=-1),this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)s*=10,s+=this._string[this._currentIndex]-"0",this._currentIndex+=1}var y=a+c;return y*=h,s&&(y*=Math.pow(10,p*s)),d===this._currentIndex?null:(this._skipOptionalSpacesOrDelimiter(),y)},_parseArcFlag:function(){if(this._currentIndex>=this._endIndex)return null;var s=null,a=this._string[this._currentIndex];if(this._currentIndex+=1,a==="0")s=0;else if(a==="1")s=1;else return null;return this._skipOptionalSpacesOrDelimiter(),s}};var t=function(s){if(!s||s.length===0)return[];var a=new e(s),l=[];if(a.initialCommandIsMoveTo())for(;a.hasMoreData();){var c=a.parseSegment();if(c===null)break;l.push(c)}return l},i=function(s,a,l,c,h,p,d,u,m,f){var y=function(rt){return Math.PI*rt/180},v=function(rt,St,Ge){var Rt=rt*Math.cos(Ge)-St*Math.sin(Ge),Pi=rt*Math.sin(Ge)+St*Math.cos(Ge);return{x:Rt,y:Pi}},C=y(d),b=[],_,S,E,I;if(f)_=f[0],S=f[1],E=f[2],I=f[3];else{var j=v(s,a,-C);s=j.x,a=j.y;var H=v(l,c,-C);l=H.x,c=H.y;var N=(s-l)/2,K=(a-c)/2,Q=N*N/(h*h)+K*K/(p*p);Q>1&&(Q=Math.sqrt(Q),h=Q*h,p=Q*p);var ce;u===m?ce=-1:ce=1;var B=h*h,ye=p*p,L=B*ye-B*K*K-ye*N*N,ie=B*K*K+ye*N*N,X=ce*Math.sqrt(Math.abs(L/ie));E=X*h*K/p+(s+l)/2,I=X*-p*N/h+(a+c)/2,_=Math.asin(parseFloat(((a-I)/p).toFixed(9))),S=Math.asin(parseFloat(((c-I)/p).toFixed(9))),s<E&&(_=Math.PI-_),l<E&&(S=Math.PI-S),_<0&&(_=Math.PI*2+_),S<0&&(S=Math.PI*2+S),m&&_>S&&(_=_-Math.PI*2),!m&&S>_&&(S=S-Math.PI*2)}var q=S-_;if(Math.abs(q)>Math.PI*120/180){var We=S,ke=l,Ze=c;m&&S>_?S=_+Math.PI*120/180*1:S=_+Math.PI*120/180*-1,l=E+h*Math.cos(S),c=I+p*Math.sin(S),b=i(l,c,ke,Ze,h,p,d,0,m,[S,We,E,I])}q=S-_;var qe=Math.cos(_),Zr=Math.sin(_),qr=Math.cos(S),Pl=Math.sin(S),Jr=Math.tan(q/4),Ei=4/3*h*Jr,Nt=4/3*p*Jr,wt=[s,a],pt=[s+Ei*Zr,a-Nt*qe],ri=[l+Ei*Pl,c-Nt*qr],be=[l,c];if(pt[0]=2*wt[0]-pt[0],pt[1]=2*wt[1]-pt[1],f)return[pt,ri,be].concat(b);b=[pt,ri,be].concat(b);for(var dt=[],Je=0;Je<b.length;Je+=3){let rt=v(b[Je][0],b[Je][1],C),St=v(b[Je+1][0],b[Je+1][1],C),Ge=v(b[Je+2][0],b[Je+2][1],C);dt.push([rt.x,rt.y,St.x,St.y,Ge.x,Ge.y])}return dt},r=function(s){var a=[],l=null,c=null,h=null,p=null;return s.forEach(function(d){var u=d.type;if(u==="M"){var m=d.values[0],f=d.values[1];a.push({type:"M",values:[m,f]}),h=m,p=f,l=m,c=f}else if(u==="m"){var m=l+d.values[0],f=c+d.values[1];a.push({type:"M",values:[m,f]}),h=m,p=f,l=m,c=f}else if(u==="L"){var m=d.values[0],f=d.values[1];a.push({type:"L",values:[m,f]}),l=m,c=f}else if(u==="l"){var m=l+d.values[0],f=c+d.values[1];a.push({type:"L",values:[m,f]}),l=m,c=f}else if(u==="C"){var y=d.values[0],v=d.values[1],C=d.values[2],b=d.values[3],m=d.values[4],f=d.values[5];a.push({type:"C",values:[y,v,C,b,m,f]}),l=m,c=f}else if(u==="c"){var y=l+d.values[0],v=c+d.values[1],C=l+d.values[2],b=c+d.values[3],m=l+d.values[4],f=c+d.values[5];a.push({type:"C",values:[y,v,C,b,m,f]}),l=m,c=f}else if(u==="Q"){var y=d.values[0],v=d.values[1],m=d.values[2],f=d.values[3];a.push({type:"Q",values:[y,v,m,f]}),l=m,c=f}else if(u==="q"){var y=l+d.values[0],v=c+d.values[1],m=l+d.values[2],f=c+d.values[3];a.push({type:"Q",values:[y,v,m,f]}),l=m,c=f}else if(u==="A"){var m=d.values[5],f=d.values[6];a.push({type:"A",values:[d.values[0],d.values[1],d.values[2],d.values[3],d.values[4],m,f]}),l=m,c=f}else if(u==="a"){var m=l+d.values[5],f=c+d.values[6];a.push({type:"A",values:[d.values[0],d.values[1],d.values[2],d.values[3],d.values[4],m,f]}),l=m,c=f}else if(u==="H"){var m=d.values[0];a.push({type:"H",values:[m]}),l=m}else if(u==="h"){var m=l+d.values[0];a.push({type:"H",values:[m]}),l=m}else if(u==="V"){var f=d.values[0];a.push({type:"V",values:[f]}),c=f}else if(u==="v"){var f=c+d.values[0];a.push({type:"V",values:[f]}),c=f}else if(u==="S"){var C=d.values[0],b=d.values[1],m=d.values[2],f=d.values[3];a.push({type:"S",values:[C,b,m,f]}),l=m,c=f}else if(u==="s"){var C=l+d.values[0],b=c+d.values[1],m=l+d.values[2],f=c+d.values[3];a.push({type:"S",values:[C,b,m,f]}),l=m,c=f}else if(u==="T"){var m=d.values[0],f=d.values[1];a.push({type:"T",values:[m,f]}),l=m,c=f}else if(u==="t"){var m=l+d.values[0],f=c+d.values[1];a.push({type:"T",values:[m,f]}),l=m,c=f}else(u==="Z"||u==="z")&&(a.push({type:"Z",values:[]}),l=h,c=p)}),a},o=function(s){var a=[],l=null,c=null,h=null,p=null,d=null,u=null,m=null;return s.forEach(function(f){if(f.type==="M"){var y=f.values[0],v=f.values[1];a.push({type:"M",values:[y,v]}),u=y,m=v,p=y,d=v}else if(f.type==="C"){var C=f.values[0],b=f.values[1],_=f.values[2],S=f.values[3],y=f.values[4],v=f.values[5];a.push({type:"C",values:[C,b,_,S,y,v]}),c=_,h=S,p=y,d=v}else if(f.type==="L"){var y=f.values[0],v=f.values[1];a.push({type:"L",values:[y,v]}),p=y,d=v}else if(f.type==="H"){var y=f.values[0];a.push({type:"L",values:[y,d]}),p=y}else if(f.type==="V"){var v=f.values[0];a.push({type:"L",values:[p,v]}),d=v}else if(f.type==="S"){var _=f.values[0],S=f.values[1],y=f.values[2],v=f.values[3],E,I;l==="C"||l==="S"?(E=p+(p-c),I=d+(d-h)):(E=p,I=d),a.push({type:"C",values:[E,I,_,S,y,v]}),c=_,h=S,p=y,d=v}else if(f.type==="T"){var y=f.values[0],v=f.values[1],C,b;l==="Q"||l==="T"?(C=p+(p-c),b=d+(d-h)):(C=p,b=d);var E=p+2*(C-p)/3,I=d+2*(b-d)/3,j=y+2*(C-y)/3,H=v+2*(b-v)/3;a.push({type:"C",values:[E,I,j,H,y,v]}),c=C,h=b,p=y,d=v}else if(f.type==="Q"){var C=f.values[0],b=f.values[1],y=f.values[2],v=f.values[3],E=p+2*(C-p)/3,I=d+2*(b-d)/3,j=y+2*(C-y)/3,H=v+2*(b-v)/3;a.push({type:"C",values:[E,I,j,H,y,v]}),c=C,h=b,p=y,d=v}else if(f.type==="A"){let B=Math.abs(f.values[0]),ye=Math.abs(f.values[1]);var N=f.values[2],K=f.values[3],Q=f.values[4],y=f.values[5],v=f.values[6];if(B===0||ye===0)a.push({type:"C",values:[p,d,y,v,y,v]}),p=y,d=v;else if(p!==y||d!==v){var ce=i(p,d,y,v,B,ye,N,K,Q);ce.forEach(function(X){a.push({type:"C",values:X})}),p=y,d=v}}else f.type==="Z"&&(a.push(f),p=u,d=m);l=f.type}),a};SVGPathElement.prototype.getPathData=function(s){if(s&&s.normalize){let a;return a=t(this.getAttribute("d")||""),o(r(a))}else return t(this.getAttribute("d")||"")},SVGPathElement.prototype.setPathData=function(s){if(s.length===0)this.removeAttribute("d");else{let a="";for(let l=0,c=s.length;l<c;l+=1){let h=s[l];l>0&&(a+=" "),a+=h.type,h.values&&h.values.length>0&&(a+=" "+h.values.join(" "))}this.setAttribute("d",a)}},SVGRectElement.prototype.getPathData=function(s){var a=this.x.baseVal.value,l=this.y.baseVal.value,c=this.width.baseVal.value,h=this.height.baseVal.value,p=this.hasAttribute("rx")?this.rx.baseVal.value:this.ry.baseVal.value,d=this.hasAttribute("ry")?this.ry.baseVal.value:this.rx.baseVal.value;p>c/2&&(p=c/2),d>h/2&&(d=h/2);var u=[{type:"M",values:[a+p,l]},{type:"H",values:[a+c-p]},{type:"A",values:[p,d,0,0,1,a+c,l+d]},{type:"V",values:[l+h-d]},{type:"A",values:[p,d,0,0,1,a+c-p,l+h]},{type:"H",values:[a+p]},{type:"A",values:[p,d,0,0,1,a,l+h-d]},{type:"V",values:[l+d]},{type:"A",values:[p,d,0,0,1,a+p,l]},{type:"Z",values:[]}];return u=u.filter(function(m){return!(m.type==="A"&&(m.values[0]===0||m.values[1]===0))}),s&&s.normalize===!0&&(u=o(u)),u},SVGCircleElement.prototype.getPathData=function(s){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.r.baseVal.value,h=[{type:"M",values:[a+c,l]},{type:"A",values:[c,c,0,0,1,a,l+c]},{type:"A",values:[c,c,0,0,1,a-c,l]},{type:"A",values:[c,c,0,0,1,a,l-c]},{type:"A",values:[c,c,0,0,1,a+c,l]},{type:"Z",values:[]}];return s&&s.normalize===!0&&(h=o(h)),h},SVGEllipseElement.prototype.getPathData=function(s){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.rx.baseVal.value,h=this.ry.baseVal.value,p=[{type:"M",values:[a+c,l]},{type:"A",values:[c,h,0,0,1,a,l+h]},{type:"A",values:[c,h,0,0,1,a-c,l]},{type:"A",values:[c,h,0,0,1,a,l-h]},{type:"A",values:[c,h,0,0,1,a+c,l]},{type:"Z",values:[]}];return s&&s.normalize===!0&&(p=o(p)),p},SVGLineElement.prototype.getPathData=function(){return[{type:"M",values:[this.x1.baseVal.value,this.y1.baseVal.value]},{type:"L",values:[this.x2.baseVal.value,this.y2.baseVal.value]}]},SVGPolylineElement.prototype.getPathData=function(){for(var s=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);s.push({type:a===0?"M":"L",values:[l.x,l.y]})}return s},SVGPolygonElement.prototype.getPathData=function(){for(var s=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);s.push({type:a===0?"M":"L",values:[l.x,l.y]})}return s.push({type:"Z",values:[]}),s}})()});var Ac={};pu(Ac,{SvgPathGeometryReader:()=>xr});var xr,br=g(()=>{"use strict";Ue();Xe();Xe();xr=class{read(e){let i=e.getPathData({normalize:!1}),r=[],o={x:0,y:0},s={x:0,y:0},a=!1;for(let l of i){let c=l.type===l.type.toLowerCase();switch(l.type.toUpperCase()){case"M":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1];r.push({type:w.Move,relative:c,point:{x:p,y:d}}),o={x:p,y:d},s={x:p,y:d};break}case"L":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1];r.push({type:w.Line,relative:c,point:{x:p,y:d}}),o={x:p,y:d};break}case"H":{let p=c?o.x+l.values[0]:l.values[0];r.push({type:w.HorizontalLine,relative:c,point:{x:p,y:o.y}}),o={x:p,y:o.y};break}case"V":{let p=c?o.y+l.values[0]:l.values[0];r.push({type:w.VerticalLine,relative:c,point:{x:o.x,y:p}}),o={x:o.x,y:p};break}case"C":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1],u=c?o.x+l.values[2]:l.values[2],m=c?o.y+l.values[3]:l.values[3],f=c?o.x+l.values[4]:l.values[4],y=c?o.y+l.values[5]:l.values[5];r.push({type:w.CubicBezier,relative:c,point:{x:f,y},cp1:{x:p,y:d},cp2:{x:u,y:m}}),o={x:f,y};break}case"S":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1],u=c?o.x+l.values[2]:l.values[2],m=c?o.y+l.values[3]:l.values[3];r.push({type:w.SmoothCubic,relative:c,point:{x:u,y:m},cp2:{x:p,y:d}}),o={x:u,y:m};break}case"Q":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1],u=c?o.x+l.values[2]:l.values[2],m=c?o.y+l.values[3]:l.values[3];r.push({type:w.QuadraticBezier,relative:c,point:{x:u,y:m},cp1:{x:p,y:d}}),o={x:u,y:m};break}case"T":{let p=c?o.x+l.values[0]:l.values[0],d=c?o.y+l.values[1]:l.values[1];r.push({type:w.SmoothQuadratic,relative:c,point:{x:p,y:d}}),o={x:p,y:d};break}case"A":{let p=c?o.x+l.values[5]:l.values[5],d=c?o.y+l.values[6]:l.values[6];r.push({type:w.Arc,relative:c,point:{x:p,y:d},arc:{rx:l.values[0],ry:l.values[1],rotation:l.values[2],largeArc:l.values[3]===1,sweep:l.values[4]===1}}),o={x:p,y:d};break}case"Z":{a=!0,r.push({type:w.Close,relative:c,point:{...s}}),o={...s};break}}}return{segments:r,closed:a}}serialize(e){let t=[],i={x:0,y:0};for(let r of e.segments){let o=r.relative;switch(r.type){case w.Move:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"m":"M",values:[s,a]}),i={...r.point};break}case w.Line:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"l":"L",values:[s,a]}),i={...r.point};break}case w.HorizontalLine:{let s=o?r.point.x-i.x:r.point.x;t.push({type:o?"h":"H",values:[s]}),i={...r.point};break}case w.VerticalLine:{let s=o?r.point.y-i.y:r.point.y;t.push({type:o?"v":"V",values:[s]}),i={...r.point};break}case w.CubicBezier:{let s=o?r.cp1.x-i.x:r.cp1.x,a=o?r.cp1.y-i.y:r.cp1.y,l=o?r.cp2.x-i.x:r.cp2.x,c=o?r.cp2.y-i.y:r.cp2.y,h=o?r.point.x-i.x:r.point.x,p=o?r.point.y-i.y:r.point.y;t.push({type:o?"c":"C",values:[s,a,l,c,h,p]}),i={...r.point};break}case w.SmoothCubic:{let s=o?r.cp2.x-i.x:r.cp2.x,a=o?r.cp2.y-i.y:r.cp2.y,l=o?r.point.x-i.x:r.point.x,c=o?r.point.y-i.y:r.point.y;t.push({type:o?"s":"S",values:[s,a,l,c]}),i={...r.point};break}case w.QuadraticBezier:{let s=o?r.cp1.x-i.x:r.cp1.x,a=o?r.cp1.y-i.y:r.cp1.y,l=o?r.point.x-i.x:r.point.x,c=o?r.point.y-i.y:r.point.y;t.push({type:o?"q":"Q",values:[s,a,l,c]}),i={...r.point};break}case w.SmoothQuadratic:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"t":"T",values:[s,a]}),i={...r.point};break}case w.Arc:{let s=o?r.point.x-i.x:r.point.x,a=o?r.point.y-i.y:r.point.y;t.push({type:o?"a":"A",values:[r.arc.rx,r.arc.ry,r.arc.rotation,r.arc.largeArc?1:0,r.arc.sweep?1:0,s,a]}),i={...r.point};break}case w.Close:{t.push({type:o?"z":"Z",values:[]});break}}}return[{attribute:"d",value:pi(t)}]}}});function Sy(n,e){let t=n.style.getPropertyValue(e).trim();return t?{target:"style",unit:Cy(t)}:{target:"attribute"}}function Cy(n){let e=n.trim().match(/^-?(?:\d+|\d*\.\d+)([a-z%]*)$/i);return e&&e[1]?e[1]:"px"}function $n(n,e,t){let i=t?.[n];return i?.target==="style"?{attribute:n,value:`${e}${i.unit??"px"}`,target:"style"}:{attribute:n,value:e.toString()}}var wy,Kn,Tc=g(()=>{"use strict";Ue();wy=["x","y","width","height"];Kn=class{read(e){let t=e,i=t.getBBox(),r=i.x,o=i.y,s=i.width,a=i.height,l=[{type:w.Move,relative:!1,point:{x:r,y:o}},{type:w.Line,relative:!1,point:{x:r+s,y:o}},{type:w.Line,relative:!1,point:{x:r+s,y:o+a}},{type:w.Line,relative:!1,point:{x:r,y:o+a}},{type:w.Close,relative:!1,point:{x:r,y:o}}],c=Object.fromEntries(wy.map(h=>[h,Sy(t,h)]));return{segments:l,closed:!0,serializationHints:c}}serialize(e){let t=e.segments.filter(c=>c.type!==w.Close);if(t.length<2)return[];let i=t.map(c=>c.point.x),r=t.map(c=>c.point.y),o=Math.min(...i),s=Math.min(...r),a=Math.max(...i),l=Math.max(...r);return[$n("x",o,e.serializationHints),$n("y",s,e.serializationHints),$n("width",a-o,e.serializationHints),$n("height",l-s,e.serializationHints)]}}});var Qn,Mc=g(()=>{"use strict";Ue();Qn=class{read(e){let t=e,i=t.x1.baseVal.value,r=t.y1.baseVal.value,o=t.x2.baseVal.value,s=t.y2.baseVal.value;return{segments:[{type:w.Move,relative:!1,point:{x:i,y:r}},{type:w.Line,relative:!1,point:{x:o,y:s}}],closed:!1}}serialize(e){let t=e.segments.filter(i=>i.type!==w.Close);return t.length<2?[]:[{attribute:"x1",value:t[0].point.x.toString()},{attribute:"y1",value:t[0].point.y.toString()},{attribute:"x2",value:t[1].point.x.toString()},{attribute:"y2",value:t[1].point.y.toString()}]}}});var Zn,Lc=g(()=>{"use strict";Ue();Zn=class{read(e){let t=e,i=t.cx.baseVal.value,r=t.cy.baseVal.value,o=t.rx.baseVal.value,s=t.ry.baseVal.value;return{segments:[{type:w.Move,relative:!1,point:{x:i,y:r-s}},{type:w.Arc,relative:!1,point:{x:i+o,y:r},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r+s},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i-o,y:r},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r-s},arc:{rx:o,ry:s,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:i,y:r-s}}],closed:!0}}serialize(e){let t=e.segments.filter(p=>p.type!==w.Close);if(t.length<4)return[];let i=t[0].point,r=t[1].point,o=t[2].point,s=t[3].point,a=(r.x+s.x)/2,l=(i.y+o.y)/2,c=Math.abs(r.x-s.x)/2,h=Math.abs(o.y-i.y)/2;return[{attribute:"cx",value:a.toString()},{attribute:"cy",value:l.toString()},{attribute:"rx",value:c.toString()},{attribute:"ry",value:h.toString()}]}}});var qn,Oc=g(()=>{"use strict";Ue();qn=class{read(e){let t=e,i=t.cx.baseVal.value,r=t.cy.baseVal.value,o=t.r.baseVal.value;return{segments:[{type:w.Move,relative:!1,point:{x:i,y:r-o}},{type:w.Arc,relative:!1,point:{x:i+o,y:r},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r+o},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i-o,y:r},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:i,y:r-o},arc:{rx:o,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:i,y:r-o}}],closed:!0}}serialize(e){let t=e.segments.filter(h=>h.type!==w.Close);if(t.length<4)return[];let i=t[0].point,r=t[1].point,o=t[2].point,s=t[3].point,a=(r.x+s.x)/2,l=(i.y+o.y)/2,c=Math.max(Math.abs(r.x-s.x)/2,Math.abs(o.y-i.y)/2);return[{attribute:"cx",value:a.toString()},{attribute:"cy",value:l.toString()},{attribute:"r",value:c.toString()}]}}});var Jn,Vc=g(()=>{"use strict";Ue();Jn=class{read(e){let i=e.points,r=[];for(let o=0;o<i.numberOfItems;o++){let s=i.getItem(o);o===0?r.push({type:w.Move,relative:!1,point:{x:s.x,y:s.y}}):r.push({type:w.Line,relative:!1,point:{x:s.x,y:s.y}})}return r.length>0&&r.push({type:w.Close,relative:!1,point:{...r[0].point}}),{segments:r,closed:!0}}serialize(e){return[{attribute:"points",value:e.segments.filter(r=>r.type!==w.Close).map(r=>`${r.point.x},${r.point.y}`).join(" ")}]}}});var eo,Nc=g(()=>{"use strict";Ue();eo=class{read(e){let i=e.points,r=[];for(let o=0;o<i.numberOfItems;o++){let s=i.getItem(o);o===0?r.push({type:w.Move,relative:!1,point:{x:s.x,y:s.y}}):r.push({type:w.Line,relative:!1,point:{x:s.x,y:s.y}})}return{segments:r,closed:!1}}serialize(e){return[{attribute:"points",value:e.segments.filter(r=>r.type!==w.Close).map(r=>`${r.point.x},${r.point.y}`).join(" ")}]}}});function Qt(n){if(n instanceof SVGPathElement)return _e.has(SVGPathElement)||_e.set(SVGPathElement,new xr),_e.get(SVGPathElement);if(n instanceof SVGRectElement)return _e.has(SVGRectElement)||_e.set(SVGRectElement,new Kn),_e.get(SVGRectElement);if(n instanceof SVGLineElement)return _e.has(SVGLineElement)||_e.set(SVGLineElement,new Qn),_e.get(SVGLineElement);if(n instanceof SVGEllipseElement)return _e.has(SVGEllipseElement)||_e.set(SVGEllipseElement,new Zn),_e.get(SVGEllipseElement);if(n instanceof SVGCircleElement)return _e.has(SVGCircleElement)||_e.set(SVGCircleElement,new qn),_e.get(SVGCircleElement);if(n instanceof SVGPolygonElement)return _e.has(SVGPolygonElement)||_e.set(SVGPolygonElement,new Jn),_e.get(SVGPolygonElement);if(n instanceof SVGPolylineElement)return _e.has(SVGPolylineElement)||_e.set(SVGPolylineElement,new eo),_e.get(SVGPolylineElement)}function fC(n,e){nm.set(n,e)}function gC(n){return nm.get(n)??null}var _e,nm,Bi=g(()=>{"use strict";br();Tc();Mc();Lc();Oc();Vc();Nc();_e=new Map;nm=new Map});function Py(n){return"style"in n}function pe(n,e){return e>=0?n.toFixed(e):n.toString()}function Rc(n,e){return e<0?n:n.replace(Ey,t=>pe(Number(t),e))}function om(n,e){return e<0?n:n.map(t=>({...t,value:Rc(t.value,e)}))}function sm(n,e,t=-1){for(let i of om(e,t))i.target==="style"&&Py(n)?n.style.setProperty(i.attribute,i.value):n.setAttribute(i.attribute,i.value)}function to(n,e){let t=om(e,n.serviceContainer.options.roundPixelsToDecimalPlaces);for(let i of t)i.target==="style"?n.setStyle(i.attribute,i.value):n.setAttribute(i.attribute,i.value)}var Ey,di=g(()=>{"use strict";Ey=/-?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?/gi});function ue(n){let e=[];e:for(let t of n){let i=t.parent;for(;i!=null&&!i.isRootItem;){if(n.indexOf(i)>=0)continue e;i=i.parent}e.push(t)}return e}function io(n,e){if(e==="position"){let t=getComputedStyle(n.element),i=parseFloat(t.left);i=Number.isNaN(i)?null:i;let r=parseFloat(t.top);return r=Number.isNaN(r)?null:r,{x:i??0,y:r??0}}return{x:0,y:0}}function ro(n,e,t,i){let r=e.element,o=getComputedStyle(r);if(i==="position"){if(ky(e,t))return;let s=n.element,a=n.getComputedStyle();a.position!=="relative"&&a.position!=="absolute"&&s&&s.offsetParent&&(s=s.offsetParent,s&&(a=n.window.getComputedStyle(s)));let l=null,c=null,h=null,p=null,d=0,u=0,m=0,f=0,y=!1;if(o.position==="relative"||o.position==="absolute")l=parseFloat(r.style.left),l=Number.isNaN(l)?null:l,h=parseFloat(r.style.top),h=Number.isNaN(h)?null:h,c=parseFloat(r.style.right),c=Number.isNaN(c)?null:c,p=parseFloat(r.style.bottom),p=Number.isNaN(p)?null:p,y=!0;else if(s&&s!==n.element){let v=Z(s),C=Z(e.element);d=C.left-v.left,u=C.right-v.right,m=C.top-v.top,f=C.bottom-v.bottom}y||e.setStyle("position","absolute"),(l||c==null)&&e.setStyle("left",V(e,t.x+(l??0)+d)+"px"),(h||p==null)&&e.setStyle("top",V(e,t.y+(h??0)+m)+"px"),c!=null&&e.setStyle("right",V(e,(c??0)-t.x+u)+"px"),p!=null&&e.setStyle("bottom",V(e,(p??0)-t.y+f)+"px")}}function no(n,e){let t=e.a*e.d-e.b*e.c;return Math.abs(t)<1e-10?n:{x:(e.d*n.x-e.c*n.y)/t,y:(-e.b*n.x+e.a*n.y)/t}}function ky(n,e){let t=n.element;if(!(t instanceof SVGGraphicsElement)||t instanceof SVGSVGElement)return!1;let i=Qt(t);if(!i)return!1;let r=i.read(t);for(let a of r.segments)a.point&&(a.point.x+=e.x,a.point.y+=e.y),a.cp1&&(a.cp1.x+=e.x,a.cp1.y+=e.y),a.cp2&&(a.cp2.x+=e.x,a.cp2.y+=e.y);let o=i.serialize(r);if(!o.length)return!1;let s=n.openGroup("place svg geometry");return to(n,o),s.commit(),!0}function V(n,e){return n.serviceContainer.options.roundPixelsToDecimalPlaces>=0?e.toFixed(n.serviceContainer.options.roundPixelsToDecimalPlaces):e.toString()}var Oe=g(()=>{"use strict";de();Bi();di()});function $(n){return zu()?n.metaKey:n.ctrlKey}var $e=g(()=>{"use strict";Fe()});function am(n){let e=n.element;return e instanceof SVGGraphicsElement&&!(e instanceof SVGSVGElement)&&!!Qt(e)}function zc(n){let e=[];for(let t of n)t.nodeType===A.TextNode||t.nodeType===A.Comment||e.push(t);return e}var gt,Hi=g(()=>{"use strict";st();Dc();Oe();ot();Xe();$e();ee();de();Bi();gt=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(J.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,o,s){let a=o.x-i.x,l=o.y-i.y;if(!$(e)){if(t.alignOnGrid){let c=io(s,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=Z(s.element),h=t.snapLines.snapToPosition({x:o.x-r.x,y:o.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,o,s,a){let l=s.x,c=s.y;if(!$(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:s.x-o.x,y:s.y-o.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=this.calculateTrack(e,t,r,o,s,a[0]);e.shiftKey&&(l=kt({x:0,y:0},l,90));let c=ue(zc(a));for(let h of c){let p=h.instanceServiceContainer.designerCanvas.canvas,d=h.parent.element.getBoxQuads({relativeTo:p,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],u=h.parent.element.convertPointFromNode(new DOMPoint(l.x+d.p1.x,l.y+d.p1.y),p,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),f=new DOMMatrix;m.rotate!="none"&&m.rotate&&(f=f.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(f=f.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),u=f.inverse().transformPoint(u);let y=un(h.element);y!==1&&(u=new DOMPoint(u.x/y,u.y/y));let v=new DOMMatrix().translate(u.x,u.y);Xn(h.element,h.getStyle("transform"),v.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ue(t);for(let o of r)i=="drop"&&o.setStyle("position","absolute"),e.insertChild(o),o.lastContainerSize&&(o.hasStyle("width")||o.setStyle("width",o.lastContainerSize.width+"px"),o.hasStyle("height")||o.setStyle("height",o.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ue(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,o,s,a){let l=ue(a);for(let c of l){let h=zi(new DOMMatrix(c.element.style.transform)),p=zi(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let d={x:h.x,y:h.y},u=getComputedStyle(c.element),m=new DOMMatrix;u.rotate!="none"&&u.rotate&&(m=m.multiply(new DOMMatrix("rotate("+u.rotate.replace(" ",",")+")"))),u.scale!="none"&&u.scale&&(m=m.multiply(new DOMMatrix("scale("+u.scale.replace(" ",",")+")"))),am(c)||(d=m.transformPoint(d));let f={x:d.x-p.x,y:d.y-p.y};am(c)&&(f=no(f,new DOMMatrix(c.getStyle("transform")??""))),ro(i,c,f,"position")}for(let c of a)t.extensionManager.removeExtension(c,D.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}}});var Zt,wr=g(()=>{"use strict";oe();In();xn();Zt=class{async parse(e,t,i,r){let o;Document.parseHTMLUnsafe&&!kn?o=Document.parseHTMLUnsafe(e):o=new DOMParser().parseFromString(e,"text/html",{includeShadowRoots:!0});let s=this.createDesignItems(o.head.childNodes,t,i),a=this.createDesignItems(o.body.childNodes,t,i),l=[...s,...a];return!r&&i.designItemDocumentPositionService&&l.length&&t.htmlWriterService.write(new Li,l,!0,!0),l}createDesignItems(e,t,i){let r=[];for(let o of e)r.push(this._createDesignItemsRecursive(o,t,i));return r}_createDesignItemsRecursive(e,t,i){return O.createDesignItemFromInstance(e,t,i)}}});var oo,Fc=g(()=>{"use strict";Ai();Ie();fe();oo=class extends mt{name="lit2";isHandledElement(e){return!!e.element.constructor.elementProperties}async getProperties(e){if(!this.isHandledElement(e))return null;let t=[];for(let i of e.element.constructor.elementProperties.entries()){let r=i[0],o=i[1],s=o;if(o.type&&(s=o.type),s===String){let a={name:r,type:"string",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Object){let a={name:r,type:"string",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Number){let a={name:r,type:"number",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Date){let a={name:r,type:"date",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(s===Boolean){let a={name:r,type:"boolean",service:this,propertyType:x.propertyAndAttribute};t.push(a)}else if(z.isTypescriptEnum(s)){let a={name:r,type:"enum",enumValues:z.getTypescriptEnumEntries(s),service:this,propertyType:x.propertyAndAttribute};t.push(a)}}return t}_notifyChangedProperty(e,t,i){}}});function lm(n,e){Bc||(Bc=document.createElement("canvas"));let t=Bc.getContext("2d");return t.font=e,t.measureText(n).width}var Bc,cm=g(()=>{"use strict"});var te,It=g(()=>{"use strict";(function(n){n.Pointer="Pointer",n.DrawSelection="DrawSelection",n.DrawPath="DrawPath",n.DrawRect="DrawRect",n.DrawEllipsis="DrawEllipsis",n.DrawLine="DrawLine",n.Zoom="Zoom",n.Pan="Pan",n.MagicWandSelector="MagicWandSelector",n.RectangleSelector="RectangleSelector",n.PickColor="PickColor",n.Text="Text",n.DrawElementTool="DrawElementTool",n.Guides="Guides",n.Inspect="Inspect",n.Accessibility="Accessibility",n.Position="Position",n.Padding="Padding",n.Margin="Margin",n.Flexbox="Flexbox",n.Move="Move",n.HueShift="HueShift",n.BoxShadows="BoxShadows",n.FontStyles="FontStyles"})(te||(te={}))});var M,se=g(()=>{"use strict";(function(n){n[n.Background=10]="Background",n[n.Normal=20]="Normal",n[n.Foreground=30]="Foreground"})(M||(M={}))});var Wi,Hc=g(()=>{"use strict";se();Wi=class{overlays=[];overlayLayerView;extensionManager;designerCanvas;constructor(e,t){this.extensionManager=e,this.designerCanvas=t,this.overlayLayerView=t.overlayLayer}_backup;_valuesHaveChanges(...e){if(this._backup==null)return this._backup=e,!0;for(let t=0;t<e.length;t++)if(e[t]!==this._backup[t])return this._backup=e,!0;return!1}_removeAllOverlays(){for(let e of this.overlays)try{this.overlayLayerView.removeOverlay(e)}catch(t){console.error(t)}this.overlays=[]}_addOverlay(e,t=M.Normal){this.overlayLayerView.addOverlay(this.constructor.name,e,t),this.overlays.push(e)}_drawGroup(e,t,i){let r=this.overlayLayerView.drawGroup(this.constructor.name,e,t,i);return t||this.overlays.push(r),r}_drawLine(e,t,i,r,o,s,a){let l=this.overlayLayerView.drawLine(this.constructor.name,e,t,i,r,o,s,a);return s||this.overlays.push(l),l}_drawCircle(e,t,i,r,o,s){let a=this.overlayLayerView.drawCircle(this.constructor.name,e,t,i,r,o,s);return o||this.overlays.push(a),a}_drawRect(e,t,i,r,o,s,a){let l=this.overlayLayerView.drawRect(this.constructor.name,e,t,i,r,o,s,a);return s||this.overlays.push(l),l}_drawComplexRect(e,t,i,r){let o="M"+e.map(a=>a.x+","+a.y).join(" ")+"Z",s=this.overlayLayerView.drawPath(this.constructor.name,o,t,i,r);return i||this.overlays.push(s),s}_drawPath(e,t,i,r){let o=this.overlayLayerView.drawPath(this.constructor.name,e,t,i,r);return i||this.overlays.push(o),o}_drawText(e,t,i,r,o,s){let a=this.overlayLayerView.drawText(this.constructor.name,e,t,i,r,o,s);return o||this.overlays.push(a),a}_drawHTML(e,t,i,r,o,s,a,l){let c=this.overlayLayerView.drawHTML(this.constructor.name,e,t,i,r,o,s,a,l);return a||this.overlays.push(c),c}_drawTextWithBackground(e,t,i,r,o,s,a){let l=this.overlayLayerView.drawTextWithBackground(this.constructor.name,e,t,i,r,o,s,a);return s||this.overlays.push(...l),l}_drawTransformedRect(e,t,i,r){let o="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+"Z",s=this.overlayLayerView.drawPath(this.constructor.name,o,t,i,r);return i||this.overlays.push(s),s}}});var F,le=g(()=>{"use strict";Hc();se();F=class extends Wi{extendedItem;constructor(e,t,i){super(e,t),this.extendedItem=i}remove(){this.extensionManager.removeExtensionInstance(this.extendedItem,this)}createToolbar(e,t,i,r=M.Foreground){let o=e.content.cloneNode(!0);o.querySelectorAll("*").forEach(a=>{a.onpointerdown=l=>{this.designerCanvas.ignoreEvent(l)},a instanceof HTMLInputElement&&(a.addEventListener("keydown",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}),a.addEventListener("keyup",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}))});let s=document.createElementNS("http://www.w3.org/2000/svg","foreignObject");return s.classList.add("svg-toolbar-container"),s.setAttribute("width",""+t),s.setAttribute("height",""+i),s.appendChild(o),s.style.scale=""+1/this.designerCanvas.zoomFactor,s.style.transformBox="fill-box",this._addOverlay(s,r),s.updatePosition=a=>{s.style.scale=""+1/this.designerCanvas.zoomFactor;let l=this.overlayLayerView.getBoundingClientRect(),c=s.children[0].getBoundingClientRect(),h=this.designerCanvas.scaleFactor,p=l.width/h-this.designerCanvas.canvasOffset.x*h;c.width+a.x*h>p&&(a.x=(p-c.width)/h),a.x<-this.designerCanvas.canvasOffset.x&&(a.x=-this.designerCanvas.canvasOffset.x),s.setAttribute("x",""+a.x),s.setAttribute("y",""+a.y)},s.getById=a=>s.querySelector("#"+a),s}}});var Iy,so,Wc=g(()=>{"use strict";de();cm();It();le();Iy=60,so=class extends F{_rect;_clickRect;_text;_width;_createTitleText;constructor(e,t,i,r){super(e,t,i),this._createTitleText=r}extend(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p1.x)){let r=Z(this.extendedItem.element),o=lm(this.extendedItem.name,"10px monospace"),s=Math.sqrt(Math.pow(i.p2.x-i.p1.x,2)+Math.pow(i.p2.y-i.p1.y,2)),a=this.extendedItem.name;this.extendedItem.id&&(a="#"+this.extendedItem.id),this._createTitleText&&(a=this._createTitleText(this.extendedItem)),this._width=Math.max(Math.min(s,o),Iy),this._rect=this._drawRect(i.p1.x,i.p1.y,this._width,15,"svg-primary-selection-move",this._rect),this._clickRect=this._drawRect(i.p1.x,i.p1.y,this._width,18,"svg-invisible",this._clickRect),this._clickRect.style.background="transparent",this._text=this._drawHTML('<div style="position:relative; pointer-events: none;"><span style="width: 100%; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: 0 0; padding-left: 2px;">'+a+"</span></div>",(r.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,i.p1.y-16,this._width,15,"svg-text-primary",this._text),this._text.style.overflow="visible",this._clickRect.addEventListener("pointerdown",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointermove",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointerup",l=>this._pointerEvent(l)),this._clickRect.addEventListener("contextmenu",l=>{l.preventDefault(),this.designerCanvas.showDesignItemContextMenu(this.extendedItem,l)}),this.refresh(e,t)}}_drawMoveOverlay(e){}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(i.p1.x)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI;if(this._valuesHaveChanges(i.p1.x,i.p1.y,r,this.designerCanvas.scaleFactor)){let o=15/this.designerCanvas.scaleFactor,s=-(16/this.designerCanvas.scaleFactor),a=this._width/this.designerCanvas.scaleFactor;this._rect.setAttribute("x",""+i.p1.x),this._rect.setAttribute("y",""+i.p1.y),this._rect.style.rotate=r+"deg",this._rect.style.translate="0 "+s+"px",this._rect.style.transformOrigin="0 100%",this._rect.style.transformBox="fill-box",this._rect.setAttribute("height",""+o),this._rect.setAttribute("width",""+a),this._rect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._clickRect.setAttribute("x",""+i.p1.x),this._clickRect.setAttribute("y",""+i.p1.y),this._clickRect.style.rotate=r+"deg",this._clickRect.style.translate="0 "+s+"px",this._clickRect.style.transformOrigin="0 100%",this._clickRect.style.transformBox="fill-box",this._clickRect.setAttribute("height",""+(o+3)),this._clickRect.setAttribute("width",""+a),this._clickRect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._text.setAttribute("x",""+i.p1.x),this._text.setAttribute("y",""+i.p1.y),this._text.style.fontSize=10/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("height",""+o),this._text.setAttribute("width",""+a),this._text.children[0].children[0].style.rotate=r+"deg",this._text.children[0].children[0].style.translate="0 "+s+"px",this._text.children[0].children[0].style.transformOrigin="0 100%"}}}_pointerEvent(e){e.preventDefault(),e.stopPropagation(),e.button!=2&&this.designerCanvas.serviceContainer.designerTools.get(te.Pointer).pointerEventHandler(this.designerCanvas,e,this.extendedItem.element)}dispose(){this._removeAllOverlays()}}});import{css as Dy}from"@node-projects/base-custom-webcomponent";var ao,Gc=g(()=>{"use strict";Wc();ao=class{_createTitleText;constructor(e){this._createTitleText=e}shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new so(e,t,i,this._createTitleText)}static style=Dy`.svg-text-primary{stroke:none;color:var(--wcd-color-text,#fff);font-family:monospace}`}});var k,me=g(()=>{"use strict";(function(n){n.PointerDown="pointerdown",n.PointerMove="pointermove",n.PointerUp="pointerup",n.DragEnter="dragenter",n.DragEnd="dragend",n.DragLeave="dragleave",n.DragOver="dragover",n.Drop="drop",n.Scroll="scroll",n.Wheel="wheel",n.ContextMenu="contextmenu",n.KeyDown="keydown",n.KeyUp="keyup",n.DblClick="dblclick"})(k||(k={}))});function jc(n,e,t){if(!n)return null;let i={px:o=>o,cm:o=>o*38,mm:o=>o*3.8,q:o=>o*.95,in:o=>o*96,pc:o=>o*16,pt:o=>o*1.333333,rem:o=>o*parseFloat(getComputedStyle(document.documentElement).fontSize),em:o=>o*parseFloat(getComputedStyle(e).fontSize),vw:o=>o/100*window.innerWidth,vh:o=>o/100*window.innerHeight,vmin:o=>o/100*(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:o=>o/100*(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:o=>o*parseFloat(getComputedStyle(e).lineHeight),rlh:o=>o*parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":o=>o/100*(t=="height"?lo(e).height:lo(e).width),ms:o=>o,s:o=>o*1e3,deg:o=>o,rad:o=>o*(180/Math.PI),grad:o=>o*(180/200),turn:o=>o*360},r=n.trim().match(hm);if(r){let o=Number(r[1]),s=r[2].toLowerCase();if(s in i)return i[s](o)}return n}function ui(n){let e=n.trim().match(hm);return e?e[2].toLowerCase():null}function Gi(n,e,t,i,r){if(!n)return null;let o={px:s=>s,cm:s=>s/38,mm:s=>s/3.8,q:s=>s/.95,in:s=>s/96,pc:s=>s/16,pt:s=>s/1.333333,rem:s=>s/parseFloat(getComputedStyle(document.documentElement).fontSize),em:s=>s/parseFloat(getComputedStyle(e).fontSize),vw:s=>s*100/window.innerWidth,vh:s=>s*100/window.innerHeight,vmin:s=>s*100/(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:s=>s*100/(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:s=>s/parseFloat(getComputedStyle(e).lineHeight),rlh:s=>s/parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":s=>s*100/(t=="height"?lo(e).height:lo(e).width),ms:s=>s,s:s=>s/1e3,deg:s=>s,rad:s=>s/(180/Math.PI),grad:s=>s/(180/200),turn:s=>s/360};if(typeof n=="string"&&(n=jc(n,e,t)),i in o){let s=o[i](n);return r?r(s)+i:s+i}return r?r(n):n}function lo(n){return{width:n.offsetWidth,height:n.offsetHeight}}function Ty(n){let e=n.split(" "),t=[];for(let i=0;i<e.length;i++){let r=e[i];if(r.startsWith("repeat("))for(;!r.includes(")");)i++,e[i]&&(r+=e[i]);t.push(r)}return t}function pm(n){let e=Ty(n),t=[];for(let i of e)if(i.startsWith("repeat(")){let r=i.split(",");for(let o=0;o<parseInt(r[0].substring(7));o++)t.push(r[1].substring(0,r[1].length-1))}else t.push(i);return t.map(i=>ui(i))}var Ay,hm,Yc=g(()=>{"use strict";Ay=["px","cm","mm","q","in","pc","pt","rem","em","vw","vh","vmin","vmax","lh","rlh","%","ms","s","deg","rad","grad","turn","cqw","cqh","cqi","cqb","cqmin","cqmax","fr"],hm=new RegExp(`^([-+]?(?:\\d+(?:\\.\\d+)?))(${Ay.join("|")})$`,"i")});function Qc(n=window,e=!1){n.__getBoxQuadsPolyfillFns??={},n.__getBoxQuadsPolyfillFns.getBoxQuads=Ly,n.__getBoxQuadsPolyfillFns.convertQuadFromNode=ym,n.__getBoxQuadsPolyfillFns.convertRectFromNode=vm,n.__getBoxQuadsPolyfillFns.convertPointFromNode=My,(e||!n.Node.prototype.getBoxQuads)&&(n.Node.prototype.getBoxQuads=function(t){return n.__getBoxQuadsPolyfillFns.getBoxQuads(this,t)}),(e||!n.Node.prototype.convertQuadFromNode)&&(n.Node.prototype.convertQuadFromNode=function(t,i,r){return n.__getBoxQuadsPolyfillFns.convertQuadFromNode(this,t,i,r)}),(e||!n.Node.prototype.convertRectFromNode)&&(n.Node.prototype.convertRectFromNode=function(t,i,r){return n.__getBoxQuadsPolyfillFns.convertRectFromNode(this,t,i,r)}),(e||!n.Node.prototype.convertPointFromNode)&&(n.Node.prototype.convertPointFromNode=function(t,i,r){return n.__getBoxQuadsPolyfillFns.convertPointFromNode(this,t,i,r)})}function ym(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body,o=it(t,r,i?.iframes,!0),s=it(n,r,i?.iframes,!0).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=re(t);e=new DOMQuad(Ve(e.p1,i.fromBox,l,-1),Ve(e.p2,i.fromBox,l,-1),Ve(e.p3,i.fromBox,l,-1),Ve(e.p4,i.fromBox,l,-1))}let a=new DOMQuad(s.transformPoint(o.transformPoint(e.p1)),s.transformPoint(o.transformPoint(e.p2)),s.transformPoint(o.transformPoint(e.p3)),s.transformPoint(o.transformPoint(e.p4)));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=re(n);a=new DOMQuad(Ve(a.p1,i.toBox,l,-1),Ve(a.p2,i.toBox,l,-1),Ve(a.p3,i.toBox,l,-1),Ve(a.p4,i.toBox,l,-1))}return a}function vm(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,o=it(t,r,i?.iframes,!0),s=it(n,r,i?.iframes,!0).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=Ve(new DOMPoint(e.x,e.y),i.fromBox,re(t),1);e=new DOMRect(l.x,l.y,e.width,e.height)}let a=new DOMQuad(s.transformPoint(o.transformPoint(new DOMPoint(e.x,e.y))),s.transformPoint(o.transformPoint(new DOMPoint(e.x+e.width,e.y))),s.transformPoint(o.transformPoint(new DOMPoint(e.x+e.width,e.y+e.height))),s.transformPoint(o.transformPoint(new DOMPoint(e.x,e.y+e.height))));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=re(n);a=new DOMQuad(Ve(a.p1,i.toBox,l,-1),Ve(a.p2,i.toBox,l,-1),Ve(a.p3,i.toBox,l,-1),Ve(a.p4,i.toBox,l,-1))}return a}function My(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,o=it(t,r,i?.iframes,!0),s=it(n,r,i?.iframes,!0).inverse();i?.fromBox&&i?.fromBox!=="border"&&(e=Ve(e,i.fromBox,re(t),1));let a=s.transformPoint(o.transformPoint(e));return i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&(a=Ve(a,i.toBox,re(n),-1)),a}function Ve(n,e,t,i){if(e==="margin"){let r=parseFloat(t.marginLeft),o=parseFloat(t.marginTop);return new DOMPoint(n.x-i*r,n.y-i*o)}else if(e==="padding"){let r=parseFloat(t.borderLeftWidth),o=parseFloat(t.borderTopWidth);return new DOMPoint(n.x+i*r,n.y+i*o)}else if(e==="content"){let r=parseFloat(t.borderLeftWidth),o=parseFloat(t.borderTopWidth),s=parseFloat(t.paddingLeft),a=parseFloat(t.paddingTop);return new DOMPoint(n.x+i*(r+s),n.y+i*(o+a))}return n}function At(){ge.clear(),qt.clear(),Cr=new WeakMap}function _m(){Dt=new WeakMap,ge=new Map,qt=new Map,Cr=new WeakMap}function re(n){if(!Cr)return(n.ownerDocument.defaultView??window).getComputedStyle(n);let e=Cr.get(n);return e||(e=(n.ownerDocument.defaultView??window).getComputedStyle(n),Cr.set(n,e)),e}function Zc(n){return!!n&&n.nodeType===Node.ELEMENT_NODE}function qc(n){if(!Zc(n))return 1;let t=re(n).zoom;if(!t||t==="normal")return 1;if(t.endsWith("%")){let r=parseFloat(t);return Number.isFinite(r)&&r>0?r/100:1}let i=parseFloat(t);return Number.isFinite(i)&&i>0?i:1}function xm(n){if(!Zc(n))return new DOMMatrix;let e=qc(n);return e===1?new DOMMatrix:new DOMMatrix().scaleSelf(e)}function dm(n,e,t=!0){let i=Jc(n,e);if(!t||!Zc(n))return i;let r=xm(n);return r.isIdentity?i:r.multiply(i)}function Ly(n,e){let t=n.ownerDocument.documentElement??n.ownerDocument.body,i=e?.relativeTo??t,r=n.ownerDocument.documentElement??n.ownerDocument.body,o=i!==r&&Gy(n,i,e?.iframes),s;if(ge){let b=Dt.get(n);b===void 0&&Dt.set(n,b=fo++);let _=Dt.get(i);_===void 0&&Dt.set(i,_=fo++),s=b+"_"+_+"_"+(e?.box??"border");let S=ge.get(s);if(S)return S}let a=it(n,o?r:i,e?.iframes),l=n.ownerDocument.defaultView??window,c=l.Text,h=l.SVGGraphicsElement,p=l.SVGSVGElement;if(n instanceof Text||n instanceof c){let b=a.is2D&&Math.abs(a.b)<1e-10&&Math.abs(a.c)<1e-10,_=n.ownerDocument.createRange();_.selectNodeContents(n);let S=_.getClientRects(),E=n.ownerDocument.documentElement??n.ownerDocument.body,I=E?.getBoundingClientRect(),j=L=>{if(i===E)return new DOMQuad(new DOMPoint(L.x,L.y),new DOMPoint(L.x+L.width,L.y),new DOMPoint(L.x+L.width,L.y+L.height),new DOMPoint(L.x,L.y+L.height));let ie=new DOMRect(L.x-(I?.x??0),L.y-(I?.y??0),L.width,L.height);return vm(i,ie,E,{iframes:e?.iframes})};if(S.length>1){if(b){let be=[];for(let dt of S)dt.width<1&&dt.height<1||be.push(j(dt));if(be.length>0)return ge&&ge.set(s,be),be}let L=Ce(n,e?.iframes),ie=it(L,o?E:i,e?.iframes),X=Jc(L,e?.iframes),q=L.getBoundingClientRect(),We=X.a,ke=X.b,Ze=X.c,qe=X.d,Zr=L.offsetWidth,qr=L.offsetHeight,Pl=q.x+q.width/2-(We*Zr/2+Ze*qr/2),Jr=q.y+q.height/2-(ke*Zr/2+qe*qr/2),Ei=We*qe-ke*Ze,Nt=Math.abs(We),wt=Math.abs(ke),pt=Nt*Nt-wt*wt,ri=[];for(let be of S){if(be.width<1&&be.height<1)continue;let dt=be.x+be.width/2-Pl,Je=be.y+be.height/2-Jr,rt,St;Math.abs(Ei)>1e-10?(rt=(qe*dt-Ze*Je)/Ei,St=(We*Je-ke*dt)/Ei):(rt=dt,St=Je);let Ge,Rt;if(Math.abs(pt)>1e-6)Ge=Math.max(0,(Nt*be.width-wt*be.height)/pt),Rt=Math.max(0,(Nt*be.height-wt*be.width)/pt);else{let cu=re(L);Rt=Math.max(0,parseFloat(cu.lineHeight)||parseFloat(cu.fontSize)*1.2||16);let hu=Math.max(Nt,wt);Ge=hu>1e-6?Math.max(0,(be.width-Rt*wt)/hu):be.width}let Pi=rt-Ge/2,en=St-Rt/2,eg=new DOMQuad(ie.transformPoint(new DOMPoint(Pi,en)),ie.transformPoint(new DOMPoint(Pi+Ge,en)),ie.transformPoint(new DOMPoint(Pi+Ge,en+Rt)),ie.transformPoint(new DOMPoint(Pi,en+Rt)));ri.push(Sr(eg,n,i,e?.iframes,o,e?.box))}if(ri.length>0)return ge&&ge.set(s,ri),ri}let H=_.getBoundingClientRect();if(b){let L=[j(H)];return ge&&ge.set(s,L),L}let{width:N,height:K}=wm(a,H,n),Q=a.is2D,ce=[new DOMPoint(0,0),new DOMPoint(N,0),new DOMPoint(N,K),new DOMPoint(0,K)],B=Array(4);if(Q)for(let L=0;L<4;L++)B[L]=ce[L].matrixTransform(a);else for(let L=0;L<4;L++)B[L]=co(ce[L],a).matrixTransform(a),B[L]=ho(B[L]);let ye=[Sr(new DOMQuad(B[0],B[1],B[2],B[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,ye),ye}if((n instanceof SVGGraphicsElement||n instanceof h)&&!(n instanceof SVGSVGElement||n instanceof p)){let b=n.getBBox(),_=jy(n,b),S=_.x-b.x,E=_.y-b.y,I=S+_.width,j=E+_.height,H=[new DOMPoint(_.x,_.y),new DOMPoint(_.x+_.width,_.y),new DOMPoint(_.x+_.width,_.y+_.height),new DOMPoint(_.x,_.y+_.height)],N=[new DOMPoint(S,E),new DOMPoint(I,E),new DOMPoint(I,j),new DOMPoint(S,j)],K=By(n,i,e?.iframes)?null:n.getScreenCTM();if(K){let B=new DOMQuad(H[0].matrixTransform(K),H[1].matrixTransform(K),H[2].matrixTransform(K),H[3].matrixTransform(K)),ye=[bm(B,n,i,e?.iframes)];return ge&&ge.set(s,ye),ye}let Q=Array(4);if(a.is2D)for(let B=0;B<4;B++)Q[B]=N[B].matrixTransform(a);else for(let B=0;B<4;B++)Q[B]=co(N[B],a).matrixTransform(a),Q[B]=ho(Q[B]);let ce=[Sr(new DOMQuad(Q[0],Q[1],Q[2],Q[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,ce),ce}if(n instanceof l.Element&&i===n.ownerDocument.documentElement&&(!e?.box||e.box==="border")&&a.is2D&&Math.abs(a.b)<1e-10&&Math.abs(a.c)<1e-10){let b=n.getBoundingClientRect(),_=[new DOMQuad(new DOMPoint(b.x,b.y),new DOMPoint(b.x+b.width,b.y),new DOMPoint(b.x+b.width,b.y+b.height),new DOMPoint(b.x,b.y+b.height))];return ge&&ge.set(s,_),_}let{width:d,height:u}=Ee(n,a),m=l.Element,f=a.is2D;if(n instanceof Element||n instanceof m){let b=e?.box;if(b==="margin"||b==="padding"||b==="content"){let _=re(n),S,E,I,j,H,N,K,Q;if(b==="margin"){let L=parseFloat(_.marginLeft),ie=parseFloat(_.marginTop),X=parseFloat(_.marginRight),q=parseFloat(_.marginBottom);S=-L,E=-ie,I=d+X,j=-ie,H=d+X,N=u+q,K=-L,Q=u+q}else if(b==="padding"){let L=parseFloat(_.borderLeftWidth),ie=parseFloat(_.borderTopWidth),X=parseFloat(_.borderRightWidth),q=parseFloat(_.borderBottomWidth);S=L,E=ie,I=d-X,j=ie,H=d-X,N=u-q,K=L,Q=u-q}else{let L=parseFloat(_.borderLeftWidth),ie=parseFloat(_.borderTopWidth),X=parseFloat(_.borderRightWidth),q=parseFloat(_.borderBottomWidth),We=parseFloat(_.paddingLeft),ke=parseFloat(_.paddingTop),Ze=parseFloat(_.paddingRight),qe=parseFloat(_.paddingBottom);S=L+We,E=ie+ke,I=d-X-Ze,j=ie+ke,H=d-X-Ze,N=u-q-qe,K=L+We,Q=u-q-qe}let ce=[new DOMPoint(S,E),new DOMPoint(I,j),new DOMPoint(H,N),new DOMPoint(K,Q)],B=Array(4);if(f)for(let L=0;L<4;L++)B[L]=ce[L].matrixTransform(a);else for(let L=0;L<4;L++)B[L]=co(ce[L],a).matrixTransform(a),B[L]=ho(B[L]);let ye=[Sr(new DOMQuad(B[0],B[1],B[2],B[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,ye),ye}}let y=[new DOMPoint(0,0),new DOMPoint(d,0),new DOMPoint(d,u),new DOMPoint(0,u)],v=Array(4);if(f)for(let b=0;b<4;b++)v[b]=y[b].matrixTransform(a);else for(let b=0;b<4;b++)v[b]=co(y[b],a).matrixTransform(a),v[b]=ho(v[b]);let C=[Sr(new DOMQuad(v[0],v[1],v[2],v[3]),n,i,e?.iframes,o,e?.box)];return ge&&ge.set(s,C),C}function Sr(n,e,t,i,r,o){return r?(n=Oy(n,e,o),bm(n,e,t,i)):Hy(n,e,t,i)}function Oy(n,e,t){if(t&&t!=="border")return n;let i=e.ownerDocument.defaultView??window;if(!(e instanceof i.Element))return n;let r=e.getBoundingClientRect(),o=Math.min(n.p1.x,n.p2.x,n.p3.x,n.p4.x),s=Math.min(n.p1.y,n.p2.y,n.p3.y,n.p4.y),a=r.left-o,l=r.top-s;if(Math.abs(a)<1e-10&&Math.abs(l)<1e-10)return n;let c=h=>new DOMPoint(h.x+a,h.y+l,h.z,h.w);return new DOMQuad(c(n.p1),c(n.p2),c(n.p3),c(n.p4))}function bm(n,e,t,i){let r=e.ownerDocument.documentElement??e.ownerDocument.body;if(t===r)return n;let o=e.ownerDocument.defaultView??window;if(t instanceof o.SVGElement){let s=t.getScreenCTM();if(s){let a=s.inverse();return new DOMQuad(n.p1.matrixTransform(a),n.p2.matrixTransform(a),n.p3.matrixTransform(a),n.p4.matrixTransform(a))}}if(t.ownerDocument===e.ownerDocument&&t instanceof o.HTMLElement){let s=Vy(n,t,i);if(s)return s}if(t===e.ownerDocument.body){let s=t.getBoundingClientRect(),a=t.scrollLeft||0,l=t.scrollTop||0;return new DOMQuad(new DOMPoint(n.p1.x-s.x+a,n.p1.y-s.y+l),new DOMPoint(n.p2.x-s.x+a,n.p2.y-s.y+l),new DOMPoint(n.p3.x-s.x+a,n.p3.y-s.y+l),new DOMPoint(n.p4.x-s.x+a,n.p4.y-s.y+l))}return ym(t,n,r,{iframes:i})}function Vy(n,e,t){let i=Ny(e,t);if(!i)return null;let r=e.getBoundingClientRect(),o=i.x,s=i.y;if(!Number.isFinite(o)||!Number.isFinite(s)||Math.abs(o)<1e-10||Math.abs(s)<1e-10)return null;let a=e.scrollLeft||0,l=e.scrollTop||0,c=h=>new DOMPoint((h.x-r.x)/o+a,(h.y-r.y)/s+l);return new DOMQuad(c(n.p1),c(n.p2),c(n.p3),c(n.p4))}function Ny(n,e){let t=n.ownerDocument.defaultView??window,i={x:1,y:1},r=n;for(;r&&r!==n.ownerDocument.documentElement;){if(r instanceof t.Element){let o=re(r),s=Ry(o);if(!s)return null;let a=qc(r);i.x*=s.x*a,i.y*=s.y*a}r=Ce(r,e)}return i}function Ry(n){if(n.perspective&&n.perspective!=="none"||n.rotate&&n.rotate!=="none"&&!Fy(n.rotate))return null;let e=zy(n.scale);if(!e)return null;let t=n.transform;if(!t||t==="none")return e;if(t.startsWith("matrix3d(")){let i=um(t);return i?.length===16&&i[0]>0&&i[5]>0&&Math.abs(i[1])<1e-10&&Math.abs(i[4])<1e-10&&Math.abs(i[3])<1e-10&&Math.abs(i[7])<1e-10&&Math.abs(i[11])<1e-10?{x:e.x*i[0],y:e.y*i[5]}:null}if(t.startsWith("matrix(")){let i=um(t);return i?.length===6&&i[0]>0&&i[3]>0&&Math.abs(i[1])<1e-10&&Math.abs(i[2])<1e-10?{x:e.x*i[0],y:e.y*i[3]}:null}return null}function zy(n){if(!n||n==="none")return{x:1,y:1};let e=n.split(/\s+/).map(t=>parseFloat(t)).filter(Number.isFinite);return e.length===0||e[0]<=0||e[1]!=null&&e[1]<=0?null:{x:e[0],y:e[1]??e[0]}}function um(n){let e=n.indexOf("("),t=n.lastIndexOf(")");if(e<0||t<=e)return null;let i=n.slice(e+1,t).split(",").map(r=>parseFloat(r.trim()));return i.every(Number.isFinite)?i:null}function Fy(n){let e=n.match(/-?\d*\.?\d+(?:e[-+]?\d+)?/gi);if(!e?.length)return!1;let t=parseFloat(e[e.length-1]);return Number.isFinite(t)&&Math.abs(t)<1e-10}function By(n,e,t){let i=n.ownerDocument.defaultView??window,r=Ce(n,t);for(;r&&r!==e&&r!==n.ownerDocument.documentElement;){if(r instanceof i.HTMLElement){let o=re(r);if(Cm.some(s=>o[s]?o[s]!=="none":!1))return!0}r=Ce(r,t)}return!1}function Hy(n,e,t,i){if(t!==e.ownerDocument.documentElement||Wy(e,i))return n;let r=e.ownerDocument.defaultView??window,o=r.scrollX??e.ownerDocument.documentElement.scrollLeft??0,s=r.scrollY??e.ownerDocument.documentElement.scrollTop??0;return o===0&&s===0?n:new DOMQuad(new DOMPoint(n.p1.x-o,n.p1.y-s),new DOMPoint(n.p2.x-o,n.p2.y-s),new DOMPoint(n.p3.x-o,n.p3.y-s),new DOMPoint(n.p4.x-o,n.p4.y-s))}function Wy(n,e){let t=n.ownerDocument.defaultView??window,i=null;for(n instanceof t.Text?i=Ce(n,e):n instanceof t.Element&&(i=n);i&&i!==n.ownerDocument.documentElement;){if(re(i).position==="fixed")return go(i,e)==null;i=Ce(i,e)}return!1}function Gy(n,e,t){let i=n.ownerDocument.defaultView??window,r=null;for(n instanceof i.Text?r=Ce(n,t):n instanceof i.Element&&(r=n);r&&r!==n.ownerDocument.documentElement;){if(re(r).position==="fixed"){let s=go(r,t);return s==null||s!==e&&!$c(e,s)}if(r===e)break;r=Ce(r,t)}return!1}function wm(n,e,t){let i=Math.abs(n?.a??1),r=Math.abs(n?.b??0),o=i*i-r*r,s,a;if(Math.abs(o)>1e-6)s=Math.max(0,(i*e.width-r*e.height)/o),a=Math.max(0,(i*e.height-r*e.width)/o);else{let l=t.parentElement,c=16;if(l){let p=re(l);c=parseFloat(p.lineHeight)||parseFloat(p.fontSize)*1.2||16}a=Math.max(0,c);let h=Math.max(i,r);s=h>1e-6?Math.max(0,(e.width-a*r)/h):e.width}return{width:s,height:a}}function co(n,e){let t=-(n.x*e.m13+n.y*e.m23+e.m43)/e.m33;return new DOMPoint(n.x,n.y,t,1)}function ho(n){return new DOMPoint(n.x/n.w,n.y/n.w)}function Ee(n,e){let t=0,i=0,r=n.ownerDocument.defaultView??window;if(n instanceof HTMLElement||n instanceof r.HTMLElement)t=n.offsetWidth,i=n.offsetHeight;else if(n instanceof SVGSVGElement||n instanceof r.SVGSVGElement)t=n.width.baseVal.value,i=n.height.baseVal.value;else if(n instanceof SVGGraphicsElement||n instanceof r.SVGGraphicsElement){let o=n.getBBox();t=o.width,i=o.height}else if(n instanceof MathMLElement||n instanceof r.MathMLElement){let o=n.getBoundingClientRect();t=o.width/(e?.a??1),i=o.height/(e?.d??1)}else if(n instanceof Text||n instanceof r.Text){let o=n.ownerDocument.createRange();o.selectNodeContents(n);let s=o.getBoundingClientRect(),a=wm(e,s,n);t=a.width,i=a.height}return{width:t,height:i}}function jy(n,e){let t=re(n),i=t.stroke!=="none"&&parseFloat(t.strokeWidth)||0;if(i<=0)return e;let r=Yy(n,e,i);return new DOMRect(e.x-r.left,e.y-r.top,e.width+r.left+r.right,e.height+r.top+r.bottom)}function Yy(n,e,t){let i=t/2;if(n instanceof SVGLineElement||n instanceof(n.ownerDocument.defaultView??window).SVGLineElement){let o=n.x1.baseVal.value,s=n.y1.baseVal.value,a=n.x2.baseVal.value,l=n.y2.baseVal.value,c=a-o,h=l-s,p=Math.hypot(c,h);if(p>1e-10){let d=i*Math.abs(h)/p,u=i*Math.abs(c)/p,m=re(n).strokeLinecap;return(m==="round"||m==="square")&&(d+=i*Math.abs(c)/p,u+=i*Math.abs(h)/p),{left:d,right:d,top:u,bottom:u}}}let r=t*2;return{left:r,right:r,top:r,bottom:r}}function po(n,e,t){if(n instanceof HTMLElement||n instanceof(n.ownerDocument.defaultView??window).HTMLElement){if(n instanceof HTMLHtmlElement||n instanceof(n.ownerDocument.defaultView??window).HTMLHtmlElement)return new DOMPoint(0,0);let i=re(n);if(i.position==="fixed"){let r=go(n,t);if(!r){let h=i.left&&i.left!=="auto"?parseFloat(i.left):n.offsetLeft,p=i.top&&i.top!=="auto"?parseFloat(i.top):n.offsetTop;return new DOMPoint(h,p)}let o=it(r,n.ownerDocument.body,t,!0).inverse(),s=n.getBoundingClientRect(),a=o.transformPoint(s),l=r.getBoundingClientRect(),c=o.transformPoint(l);return new DOMPoint(a.x-c.x,a.y-c.y)}return e?new DOMPoint(n.offsetLeft-(n.scrollLeft-parseFloat(i.borderLeftWidth)),n.offsetTop-(n.scrollTop-parseFloat(i.borderTopWidth))):new DOMPoint(n.offsetLeft,n.offsetTop)}else if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let i=n.ownerDocument.createRange();i.selectNodeContents(n);let r=i.getBoundingClientRect(),o=Ce(n,t),s=o.getBoundingClientRect(),a=Jc(o,t),l=a.a,c=a.b,h=a.c,p=a.d,d=o.offsetWidth,u=o.offsetHeight,m=s.x+s.width/2-(l*d/2+h*u/2),f=s.y+s.height/2-(c*d/2+p*u/2),y=r.x+r.width/2-m,v=r.y+r.height/2-f,C=l*p-c*h,b,_;Math.abs(C)>1e-10?(b=(p*y-h*v)/C,_=(l*v-c*y)/C):(b=y,_=v);let S=Math.abs(l),E=Math.abs(c),I=S*S-E*E,j,H;if(Math.abs(I)>1e-6)j=Math.max(0,(S*r.width-E*r.height)/I),H=Math.max(0,(S*r.height-E*r.width)/I);else{let N=re(o);H=parseFloat(N.lineHeight)||parseFloat(N.fontSize)*1.2||16,H=Math.max(0,H);let K=Math.max(S,E);j=K>1e-6?Math.max(0,(r.width-H*E)/K):r.width}return new DOMPoint(b-j/2,_-H/2)}else if(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element){if((n instanceof SVGGraphicsElement||n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement)&&!(n instanceof SVGSVGElement||n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement)){let h=n.getBBox();return new DOMPoint(h.x,h.y)}let i=re(n);if(i.position==="absolute")return new DOMPoint(parseFloat(i.left),parseFloat(i.top));let r=Ce(n,t),o=it(r,document.body,t,!0).inverse(),s=n.getBoundingClientRect(),a=o.transformPoint(s),l=r.getBoundingClientRect(),c=o.transformPoint(l);return new DOMPoint(a.x-c.x,a.y-c.y)}}function it(n,e,t,i=!1){let r;if(qt){let d=Dt.get(n);d===void 0&&Dt.set(n,d=fo++);let u=Dt.get(e);u===void 0&&Dt.set(e,u=fo++),r=d+"_"+u+"_"+(i?"no-self-zoom":"full");let m=qt.get(r);if(m)return m}let o=n,s,l=(o instanceof SVGGraphicsElement||o instanceof(o.ownerDocument.defaultView??window).SVGGraphicsElement)&&!(o instanceof SVGSVGElement||o instanceof(o.ownerDocument.defaultView??window).SVGSVGElement)?new DOMMatrix:dm(o,t,!i),c=l.isIdentity?new DOMMatrix:l,h=Ce(o,t);h&&(c.is2D||re(h).transformStyle!=="preserve-3d"&&mm(c));let p=null;for(;o!=e&&o!=null;){let d=Ce(o,t);if((o instanceof HTMLElement||o instanceof(o.ownerDocument.defaultView??window).HTMLElement)&&re(o).position==="fixed"&&(d=go(o,t)??e),o.assignedSlot!=null){if(o.nodeType===Node.ELEMENT_NODE){let u=Kc(o);if(p!==u&&(p===null||o===p||!$c(p,o))){let f=gm(o,"offsetLeft"),y=gm(o,"offsetTop");(f!==0||y!==0)&&(c=new DOMMatrix().translateSelf(f,y).multiplySelf(c)),p=u}p===null&&(p=u)}else if(o.nodeType===Node.TEXT_NODE){let u=po(o,o!==n,t);(u.x!==0||u.y!==0)&&(c=new DOMMatrix().translateSelf(u.x,u.y).multiplySelf(c))}}else if(!(o instanceof SVGSVGElement)&&!(o instanceof(o.ownerDocument.defaultView??window).SVGSVGElement)&&(o instanceof SVGGraphicsElement||o instanceof(o.ownerDocument.defaultView??window).SVGGraphicsElement)){let u=o.getCTM(),m=o.getBBox();(m.x!==0||m.y!==0)&&(c=new DOMMatrix().translateSelf(m.x,m.y).multiplySelf(c)),c=new DOMMatrix([u.a,u.b,u.c,u.d,u.e,u.f]).multiplySelf(c),d=o.ownerSVGElement}else if(o instanceof HTMLElement||o instanceof(o.ownerDocument.defaultView??window).HTMLElement){if((re(o).position==="fixed"&&o===n||p!==o.offsetParent)&&!(o instanceof HTMLSlotElement||o instanceof(o.ownerDocument.defaultView??window).HTMLSlotElement)&&(p===null||o===p||!$c(p,o))){let f=po(o,o!==n,t),y=qc(o);p=o.offsetParent,(f.x!==0||f.y!==0)&&(c=new DOMMatrix().translateSelf(f.x*y,f.y*y).multiplySelf(c))}}else{let u=po(o,o!==n,t);p=null,(u.x!==0||u.y!==0)&&(c=new DOMMatrix().translateSelf(u.x,u.y).multiplySelf(c))}if(d){if(d===e){if(p!==null&&(d instanceof HTMLElement||d instanceof(d.ownerDocument.defaultView??window).HTMLElement)&&d.offsetParent===p){let f=po(d,!1,t);(f.x!==0||f.y!==0)&&(c=new DOMMatrix().translate(-f.x,-f.y).multiply(c))}!(d===d.ownerDocument.documentElement)&&(d.scrollTop||d.scrollLeft)&&(c=new DOMMatrix().translate(-d.scrollLeft,-d.scrollTop).multiply(c));let m=xm(d);return m.isIdentity||(c=m.multiply(c)),qt&&qt.set(r,c),c}s=dm(d,t),s.isIdentity||(c=s.multiply(c)),h=Ce(d,t),h&&(c.is2D||re(h).transformStyle!=="preserve-3d"&&mm(c))}o=d}return qt&&qt.set(r,c),c}function Ce(n,e){if((n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&n.assignedSlot)return n.assignedSlot;if(n.parentElement==null&&(n.parentNode instanceof ShadowRoot||n.parentNode instanceof(n.ownerDocument.defaultView??window).ShadowRoot))return n.parentNode.host;if((n instanceof HTMLHtmlElement||n instanceof(n.ownerDocument.defaultView??window).HTMLHtmlElement)&&e){for(let t of e)if(t?.contentDocument==n.ownerDocument)return t}return n.parentElement}function Jc(n,e){if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text)return new DOMMatrix;let t=n,i=re(t),r=i.transform!=="none"&&!!i.transform,o=i.translate!=="none"&&!!i.translate,s=i.rotate!=="none"&&!!i.rotate,a=i.scale!=="none"&&!!i.scale,l=!!i.offsetPath&&i.offsetPath!=="none";if(!r&&!o&&!s&&!a&&!l){let v=Ce(t,e);if(!v)return new DOMMatrix;let C=re(v);if(!C.perspective||C.perspective==="none")return new DOMMatrix;let b=fm(t,e);return b??new DOMMatrix}let c=new DOMMatrix,h=i.transformOrigin.split(" "),p=parseFloat(h[0]),d=parseFloat(h[1]),u=h[2]?parseFloat(h[2]):0,m=p!==0||d!==0||u!==0,f=m?new DOMMatrix().translateSelf(p,d,u):null;if(o){let v=i.translate;if(v.includes("%")){let C=v.split(" "),b=t.getBoundingClientRect();C[0].endsWith("%")&&(C[0]=parseFloat(C[0])*b.width/100+"px"),C[1]?.endsWith("%")&&(C[1]=parseFloat(C[1])*b.height/100+"px"),v=C.join(",")}c.multiplySelf(new DOMMatrix("translate("+v.replaceAll(" ",",")+")"))}s&&c.multiplySelf(new DOMMatrix("rotate("+i.rotate.replaceAll(" ",",")+")")),a&&c.multiplySelf(new DOMMatrix("scale("+i.scale.replaceAll(" ",",")+")")),l&&c.multiplySelf(Uy(n)),r&&c.multiplySelf(new DOMMatrix(i.transform)),m&&(c=f.multiply(c.multiplySelf(f.inverse())));let y=fm(n,e);return y!=null&&(c=y.multiplySelf(c)),c}function mm(n){if(n.m31=0,n.m32=0,n.m13=0,n.m23=0,n.m33=1,n.m43=0,n.m34=0,n.m14==0&&n.m24==0&&n.m44!=1&&n.m44!=0){let e=1/n.m44;n.m11*=e,n.m12*=e,n.m21*=e,n.m22*=e,n.m41*=e,n.m42*=e,n.m44=1}}function fm(n,e){let t=Ce(n,e);if(t){let i=re(t);if(i.perspective!=="none"){let r=new DOMMatrix,o=parseFloat(i.perspective);if(r.m34=-1/o,i.perspectiveOrigin){let s=i.perspectiveOrigin.split(" "),a=parseFloat(s[0])-n.offsetLeft,l=parseFloat(s[1])-n.offsetTop,c=new DOMMatrix().translateSelf(a,l),h=new DOMMatrix().translateSelf(-a,-l);return c.multiplySelf(r.multiplySelf(h))}}}return null}function Uy(n){let e=re(n),t=e.offsetPath,i=e.offsetDistance,r=e.offsetRotate,o=e.offsetAnchor,s=e.transformOrigin,a=$y(i),{x:l,y:c,angle:h}=Qy(n,t,a),p=n.parentElement;(p instanceof HTMLElement||p instanceof(p.ownerDocument.defaultView??window).HTMLElement)&&(n.offsetParent===p?(l-=n.offsetLeft,c-=n.offsetTop):n.offsetParent===p.offsetParent&&(l-=n.offsetLeft-p.offsetLeft,c-=n.offsetTop-p.offsetTop));let d=0;if(r.startsWith("auto")){let y=r.split(/\s+/),v=y.length===2?parseFloat(y[1]):0;d=h+v}else d=parseFloat(r);let u=Xy(o,s,n),m=new DOMMatrix().translateSelf(-u.x,-u.y),f=m.translate(l,c);return f.multiplySelf(m.invertSelf()),f.rotateSelf(d),f.translateSelf(-u.x,-u.y),f}function Xy(n,e,t){let i=t.offsetWidth,r=t.offsetHeight;(!n||n==="auto")&&(n=e);let o=n.split(/\s+/);if(o.length===1)return{x:Uc(o[0],i),y:r/2};let s=Uc(o[0],i),a=Uc(o[1],r);return{x:s,y:a}}function Uc(n,e){if(n=n.trim(),n.endsWith("%"))return parseFloat(n)/100*e;if(n.endsWith("px"))return parseFloat(n);switch(n){case"left":return 0;case"top":return 0;case"center":return e/2;case"right":return e;case"bottom":return e}return parseFloat(n)}function $y(n){return n=n.trim(),n.endsWith("%")?parseFloat(n)/100:parseFloat(n)}function Ky(n){return n?(n=n.trim(),n.endsWith("deg")?parseFloat(n):n.endsWith("rad")?parseFloat(n)*(180/Math.PI):n.endsWith("grad")?parseFloat(n)*.9:parseFloat(n)):0}function Qy(n,e,t){if(!e||e==="none")return{x:0,y:0,angle:0};let i=e.trim(),r=i.match(/path\(["'](.+)["']\)/);return r?Zy(r[1],t):i.startsWith("circle(")?Jy(i,t):i.startsWith("ellipse(")?ev(i,t):i.startsWith("inset(")?av(i,n,t):i.startsWith("rect(")?tv(i,t):i.startsWith("xywh(")?iv(i,t):i.startsWith("ray(")?qy(i,t):i.startsWith("polygon(")?rv(i,t):(console.warn("Unsupported offset-path:",e),{x:0,y:0,angle:0})}function Zy(n,e){let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d",n);let i=t.getTotalLength(),r=e<=1?e*i:e,o=t.getPointAtLength(r),s=t.getPointAtLength(Math.min(i,r+.01)),a=Math.atan2(s.y-o.y,s.x-o.x)*180/Math.PI;return{x:o.x,y:o.y,angle:a}}function qy(n,e){let i=n.match(/ray\(([^)]+)\)/)[1].trim(),[r,o]=i.split("at").map(m=>m&&m.trim()),s=r.split(/\s+/),a=Ky(s[0]),l=a*Math.PI/180,c=0,h=0;if(o){let m=o.split(/\s+/);c=parseFloat(m[0]),h=parseFloat(m[1])}let p=(e<=1,e),d=c+Math.cos(l)*p,u=h+Math.sin(l)*p;return{x:d,y:u,angle:a}}function Jy(n,e){let i=n.match(/circle\(([^)]+)\)/)[1],[r,o]=i.split("at").map(u=>u.trim()),s=parseFloat(r),[a,l]=o.split(/\s+/).map(parseFloat),c=e*2*Math.PI,h=a+Math.cos(c)*s,p=l+Math.sin(c)*s,d=c*180/Math.PI+90;return{x:h,y:p,angle:d}}function ev(n,e){let i=n.match(/ellipse\(([^)]+)\)/)[1].split("at"),r=i[0].trim().split(/\s+/).map(parseFloat),o=i[1].trim().split(/\s+/).map(parseFloat),s=r[0],a=r[1],l=o[0],c=o[1],h=e*2*Math.PI,p=l+Math.cos(h)*s,d=c+Math.sin(h)*a,u=-Math.sin(h)*s,m=Math.cos(h)*a,f=Math.atan2(m,u)*180/Math.PI;return{x:p,y:d,angle:f}}function tv(n,e){let i=n.match(/rect\(([^)]+)\)/)[1].split(/\s+/).map(l=>parseFloat(l)),r=i[0],o=i[1],s=i[2],a=i[3];return Sm(r,a,o,s,e)}function iv(n,e){let i=n.match(/xywh\(([^)]+)\)/)[1].split(/\s+/).map(parseFloat),r=i[0],o=i[1],s=i[2],a=i[3];return Sm(o,r,r+s,o+a,e)}function rv(n,e){let r=n.match(/polygon\(([^)]+)\)/)[1].split(",").map(b=>b.trim().split(/\s+/).map(parseFloat)),o=[0];for(let b=1;b<r.length;b++){let _=r[b][0]-r[b-1][0],S=r[b][1]-r[b-1][1];o.push(Math.hypot(_,S)+o[b-1])}let s=r[0][0]-r[r.length-1][0],a=r[0][1]-r[r.length-1][1];o.push(Math.hypot(s,a)+o[o.length-1]);let l=o[o.length-1],c=e*l,h=o.findIndex(b=>b>=c);h<=0&&(h=1);let p=o[h-1],d=o[h],u=(c-p)/(d-p),m=r[(h-1)%r.length],f=r[h%r.length],y=m[0]+(f[0]-m[0])*u,v=m[1]+(f[1]-m[1])*u,C=Math.atan2(f[1]-m[1],f[0]-m[0])*180/Math.PI;return{x:y,y:v,angle:C}}function Sm(n,e,t,i,r){let o=t-e,s=i-n,a=2*(o+s),l=r*a;if(l<o)return{x:e+l,y:n,angle:0};if(l-=o,l<s){let h=n+l;return{x:t,y:h,angle:90}}if(l-=s,l<o)return{x:t-l,y:i,angle:180};l-=o;let c=i-l;return{x:e,y:c,angle:270}}function nv(n){let e=[],t=0;for(;t<n.length;){let i=n[t];if(/\s/.test(i)){t++;continue}if("+-*/()".includes(i)){e.push({type:i,value:i}),t++;continue}if(/[0-9.]/.test(i)){let r=t;for(;/[0-9.]/.test(n[t]);)t++;let o=n.slice(r,t);if(n[t]==="%"){t++,e.push({type:"percentage",value:parseFloat(o)});continue}if(n.slice(t,t+2)==="px"){t+=2,e.push({type:"dimension",value:parseFloat(o),unit:"px"});continue}e.push({type:"number",value:parseFloat(o)});continue}if(/[a-zA-Z]/.test(i)){let r=t;for(;/[a-zA-Z]/.test(n[t]);)t++;let o=n.slice(r,t);if(o==="calc"&&n[t]==="("){e.push({type:"func",value:"calc"});continue}throw new Error("Unsupported function: "+o)}throw new Error("Unexpected character in calc(): "+i)}return e}function ov(n){let e=0;function t(){return n[e]}function i(){return n[e++]}function r(){let l=o();for(;t()&&(t().type==="+"||t().type==="-");){let c=i().type,h=o();l={type:"binary",op:c,left:l,right:h}}return l}function o(){let l=s();for(;t()&&(t().type==="*"||t().type==="/");){let c=i().type,h=s();l={type:"binary",op:c,left:l,right:h}}return l}function s(){let l=t();if(!l)throw"Unexpected end in calc()";if(l.type==="number")return i(),{type:"number",value:l.value};if(l.type==="dimension")return i(),{type:"dimension",value:l.value,unit:l.unit};if(l.type==="percentage")return i(),{type:"percentage",value:l.value};if(l.type==="func"){if(i(),t().type!=="(")throw"Expected '(' after calc";i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}if(l.type==="("){i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}throw new Error("Unexpected calc token "+JSON.stringify(l))}let a=r();if(e!==n.length)throw"Extra tokens after calc";return a}function Xc(n,e){switch(n.type){case"number":return n.value;case"dimension":return n.value;case"percentage":return e.percentBase*(n.value/100);case"binary":{let t=Xc(n.left,e),i=Xc(n.right,e);switch(n.op){case"+":return t+i;case"-":return t-i;case"*":return t*i;case"/":return t/i}}}throw"Invalid AST node "+n.type}function uo(n,e,t=!1){if(n=n.trim(),/^[0-9.]+px$/.test(n))return parseFloat(n);let i=t?e.offsetHeight:e.offsetWidth;if(/^[0-9.]+%$/.test(n)){let o=parseFloat(n);return i*(o/100)}let r=ov(nv(n));return Xc(r,{percentBase:i})}function sv(n){let e=n.trim().replace(/^inset\s*\(/,"").replace(/\)\s*$/,""),t=[],i="",r=0;for(let o=0;o<e.length;o++){let s=e[o];s==="("?(r++,i+=s):s===")"?(r--,i+=s):/\s/.test(s)&&r===0?i.trim()!==""&&(t.push(i.trim()),i=""):i+=s}return i.trim()!==""&&t.push(i.trim()),t}function av(n,e,t){let i=sv(n);if(i.length!==4)throw new Error("inset() must have 4 arguments");let r=uo(i[0],e,!0),o=uo(i[1],e,!1),s=uo(i[2],e,!0),a=uo(i[3],e,!1),l=e.offsetWidth,c=e.offsetHeight,h=a,p=r,d=l-o,u=c-s,f=2*(d-h+(u-p))*t,y=d-h;return f<=y?{x:h+f,y:p,angle:0}:(f-=y,y=u-p,f<=y?{x:d,y:p+f,angle:90}:(f-=y,y=d-h,f<=y?{x:d-f,y:u,angle:180}:(f-=y,{x:h,y:u-f,angle:270})))}function hv(n){return Cm.some(e=>n[e]?n[e]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||(n.backdropFilter?n.backdropFilter!=="none":!1)||(n.filter?n.filter!=="none":!1)||lv.some(e=>(n.willChange||"").includes(e))||cv.some(e=>(n.contain||"").includes(e))}function mo(n){return n.assignedSlot?n.assignedSlot:n.parentNode instanceof ShadowRoot?n.parentNode.host:n.parentNode}function $c(n,e){for(let t=e;t;t=mo(t))if(t===n)return!0;return!1}function pv(n){let e=new Set,t=n.getRootNode(),i=n.ownerDocument?.defaultView?.ShadowRoot??ShadowRoot;for(;t;)e.add(t),t instanceof i?t=t.host?.getRootNode()??null:t=t.parentNode?t.parentNode.getRootNode():null;return e}function Kc(n){for(let e=n;e;e=mo(e))if(e instanceof Element&&re(e).display==="none")return null;for(let e=mo(n);e;e=mo(e)){if(!(e instanceof Element))continue;let t=re(e);if(t.display!=="contents"&&(t.position!=="static"||hv(t)||e.tagName==="BODY"))return e}return null}function gm(n,e){let t=n[e],i=Kc(n),r=pv(n);for(;i&&!r.has(i.getRootNode());)t-=i[e],i=Kc(i);return t}function dv(n){let e=re(n);if(e.transform&&e.transform!=="none"||e.perspective&&e.perspective!=="none"||e.filter&&e.filter!=="none"||e.backdropFilter&&e.backdropFilter!=="none")return!0;let t=e.contain||"";if(t.includes("paint")||t.includes("layout")||t.includes("strict")||t.includes("content"))return!0;let i=e.willChange||"";return/transform|perspective|filter|backdrop-filter/.test(i)}function go(n,e){let t=Ce(n,e);for(;t;){if(dv(t))return t;t=Ce(t,e)}return null}var Dt,ge,qt,Cr,fo,Cm,lv,cv,yt=g(()=>{"use strict";fo=0;Cm=["transform","translate","scale","rotate","perspective"],lv=["transform","translate","scale","rotate","perspective","filter"],cv=["paint","layout","strict","content"]});var yo,eh=g(()=>{"use strict";me();Yc();de();yt();Oe();le();yo=class extends F{_startPos;_circle;_circle2;_oldValue;_offsetInControl;constructor(e,t,i){super(e,t,i)}_getTransformOriginCanvasPoint(){let t=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ");return it(this.extendedItem.element,this.designerCanvas.canvas,this.designerCanvas.iframes).transformPoint(new DOMPoint(parseFloat(t[0]),parseFloat(t[1])))}refresh(e,t){let i=this._getTransformOriginCanvasPoint();this._valuesHaveChanges(i.x,i.y,this.designerCanvas.zoomFactor)&&(this._removeAllOverlays(),this._circle=this._drawCircle(i.x,i.y,5/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle.style.cursor="pointer",this._circle2=this._drawCircle(i.x,i.y,1/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle2.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle2.style.pointerEvents="none",this._circle.addEventListener(k.PointerDown,r=>this.pointerEvent(r)),this._circle.addEventListener(k.PointerMove,r=>this.pointerEvent(r)),this._circle.addEventListener(k.PointerUp,r=>this.pointerEvent(r)))}extend(e,t){let i=this._getTransformOriginCanvasPoint();if(isNaN(i.x)||isNaN(i.y)){this.remove();return}else{let r=this.extendedItem.getStyleFromSheetOrLocal("transform-origin");r&&(this._oldValue=r),this.refresh(e,t)}}pointerEvent(e){e.stopPropagation();let t=getComputedStyle(this.extendedItem.element),i=t.transformOrigin.split(" "),r=[];r[0]=parseFloat(i[0])/parseFloat(this.extendedItem.element.style.width),r[1]=parseFloat(i[1])/parseFloat(this.extendedItem.element.style.height);let o=this._getTransformOriginCanvasPoint(),s=this.designerCanvas.getNormalizedEventCoordinates(e),a=this.extendedItem.element.convertPointFromNode(s,this.designerCanvas.canvas),l=this.designerCanvas.getNormalizedEventCoordinates(e);switch(e.type){case k.PointerDown:e.target.setPointerCapture(e.pointerId);let c=Z(e.target);this._offsetInControl={x:c.width/2+(c.x-e.x),y:c.height/2+(c.y-e.y)},this._startPos={x:l.x,y:l.y};break;case k.PointerMove:if(this._startPos&&e.buttons>0){let h=l.x-this._startPos.x,p=l.y-this._startPos.y;this._circle.setAttribute("cx",o.x+h),this._circle.setAttribute("cy",o.y+p),this._circle2.setAttribute("cx",o.x+h),this._circle2.setAttribute("cy",o.y+p)}break;case k.PointerUp:if(e.target.releasePointerCapture(e.pointerId),this._startPos){a.x+=this._offsetInControl.x,a.y+=this._offsetInControl.y;let h=this.extendedItem.openGroup("change transform-origin"),p=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0];if(this._oldValue)try{let m=this._oldValue.split(" "),f=Gi(a.x,this.extendedItem.element,"width",ui(m[0]),v=>V(this.extendedItem,v)),y=Gi(a.x,this.extendedItem.element,"width",ui(m[0]),v=>V(this.extendedItem,v));m.length>1&&(y=Gi(a.y,this.extendedItem.element,"height",ui(m[1]),v=>V(this.extendedItem,v))),this.extendedItem.updateStyleInSheetOrLocal("transform-origin",f+" "+y)}catch{this.extendedItem.updateStyleInSheetOrLocal("transform-origin",V(this.extendedItem,a.x)+"px "+V(this.extendedItem,a.y)+"px")}else this.extendedItem.updateStyleInSheetOrLocal("transform-origin",V(this.extendedItem,a.x)+"px "+V(this.extendedItem,a.y)+"px");At();let d=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0],u={x:p.p1.x-d.p1.x,y:p.p1.y-d.p1.y};t.translate&&t.translate!=="none"&&(u.x+=parseFloat(t.translate.split(" ")[0]),t.translate.split(" ").length===1?u.y+=parseFloat(t.translate.split(" ")[0]):u.y+=parseFloat(t.translate.split(" ")[1])),this.extendedItem.updateStyleInSheetOrLocal("translate",V(this.extendedItem,u.x)+"px "+V(this.extendedItem,u.y)+"px"),h.commit(),this.refresh(null,null),this._startPos=null}break}}dispose(){this._removeAllOverlays()}}});import{css as uv}from"@node-projects/base-custom-webcomponent";var vo,th=g(()=>{"use strict";eh();de();vo=class{showOnlyWhenSet;constructor(e=!0){this.showOnlyWhenSet=e}shouldExtend(e,t,i){if(!i.isRootItem&&i.node instanceof HTMLElement||i.node instanceof SVGElement&&i.node.localName==="svg"){if(!this.showOnlyWhenSet||i.hasStyle("transformOrigin"))return!0;let r=getComputedStyle(i.element);if(r.display!="inline"&&i.element.getBoundingClientRect){let o=Z(i.element),s=r.transformOrigin.split(" "),a=parseFloat(s[0])-o.width/2,l=parseFloat(s[1])-o.height/2;if(a>.5||a<-.5||l>.5||l<-.5)return!0}}return!1}getExtension(e,t,i){return new yo(e,t,i)}static style=uv`.svg-transform-origin{stroke:var(--wcd-color-selection,#3899ec);fill:#000;pointer-events:auto}`}});var _o,ih=g(()=>{"use strict";le();se();_o=class extends F{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.margin!=="0px"){let r=Number.parseFloat(i.marginLeft.replace("px","")),o=Number.parseFloat(i.marginTop.replace("px","")),s=Number.parseFloat(i.marginRight.replace("px","")),a=Number.parseFloat(i.marginBottom.replace("px",""));if(!isNaN(r)&&!isNaN(o)&&!isNaN(s)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,o,s,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"margin",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(p=>p.x+","+p.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(p=>p.x+","+p.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-margin-fill",this._path,M.Background),this._path2=this._drawPath(h,"svg-margin",this._path2,M.Background)}}}}dispose(){this._removeAllOverlays()}}});function Im(n){let e=n;for(;e;){if(e instanceof(e.ownerDocument.defaultView??window).SVGSVGElement)return!0;if(e instanceof(e.ownerDocument.defaultView??window).SVGDefsElement||e instanceof(e.ownerDocument.defaultView??window).SVGMetadataElement)return!1;e=e.parentElement}return!0}function CE(n,...e){let t=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.innerHTML=mi(n,...e),t}function mi(n,...e){if(n.length===1)return n.raw[0];{let t="";for(let i=0;i<n.length;i++)t+=n[i]+(e[i]??"");return t}}function mv(n){let e=n.ownerDocument.defaultView??window;return n instanceof e.SVGPathElement||n instanceof e.SVGRectElement||n instanceof e.SVGLineElement||n instanceof e.SVGCircleElement||n instanceof e.SVGEllipseElement||n instanceof e.SVGPolygonElement||n instanceof e.SVGPolylineElement}function Er(n,e,t){let i=Lm(n,e);if(i){let s=Pm(n,t);return So(i.matrix,s.x/i.bbox.width,s.y/i.bbox.height)}let r=Pm(n,t),o=e.canvas.convertPointFromNode(r,n,{iframes:e.iframes});return{x:o.x,y:o.y}}function Dm(n,e,t){let i=Lm(n,e);if(i){let o=So(i.inverseMatrix,t.x,t.y);return{x:i.bbox.x+o.x*i.bbox.width,y:i.bbox.y+o.y*i.bbox.height}}let r=n.convertPointFromNode({x:t.x,y:t.y},e.canvas,{iframes:e.iframes});return kv(n,{x:r.x,y:r.y})}function Am(n,e,t){let i=Tm(n,e);if(!(t?.includeMarkers!==!1))return i;let o=fv(n,e);return i&&o?`${i} ${o}`:i??o}function Tm(n,e){if(!mv(n))return null;let t=n.getPathData;if(!t)return null;let i=t.call(n,{normalize:!0})??[];if(!i.length)return null;let r=[],o={x:0,y:0},s={x:0,y:0};for(let a of i){let l=a.type.toUpperCase(),c=a.type!==l,h=a.values??[],p=(u,m)=>c?{x:o.x+u,y:o.y+m}:{x:u,y:m},d=(u,m)=>{let f=p(u,m);return Er(n,e,f)};switch(l){case"M":{let u=d(h[0],h[1]);r.push({type:"M",values:[u.x,u.y]}),o=p(h[0],h[1]),s={...o};break}case"L":{let u=d(h[0],h[1]);r.push({type:"L",values:[u.x,u.y]}),o=p(h[0],h[1]);break}case"H":{let u=c?{x:o.x+h[0],y:o.y}:{x:h[0],y:o.y},m=Er(n,e,u);r.push({type:"L",values:[m.x,m.y]}),o=u;break}case"V":{let u=c?{x:o.x,y:o.y+h[0]}:{x:o.x,y:h[0]},m=Er(n,e,u);r.push({type:"L",values:[m.x,m.y]}),o=u;break}case"C":{let u=d(h[0],h[1]),m=d(h[2],h[3]),f=d(h[4],h[5]);r.push({type:"C",values:[u.x,u.y,m.x,m.y,f.x,f.y]}),o=p(h[4],h[5]);break}case"S":{let u=d(h[0],h[1]),m=d(h[2],h[3]);r.push({type:"S",values:[u.x,u.y,m.x,m.y]}),o=p(h[2],h[3]);break}case"Q":{let u=d(h[0],h[1]),m=d(h[2],h[3]);r.push({type:"Q",values:[u.x,u.y,m.x,m.y]}),o=p(h[2],h[3]);break}case"T":{let u=d(h[0],h[1]);r.push({type:"T",values:[u.x,u.y]}),o=p(h[0],h[1]);break}case"A":{let u=d(h[5],h[6]);r.push({type:"A",values:[h[0],h[1],h[2],h[3],h[4],u.x,u.y]}),o=p(h[5],h[6]);break}case"Z":{r.push({type:"Z",values:[]}),o={...s};break}}}return pi(r)}function fv(n,e){if(!nh(n))return null;let t=gv(n);if(!t.length)return null;let i=n.ownerSVGElement;if(!i)return null;let r=document.createElementNS("http://www.w3.org/2000/svg","g");r.setAttribute("visibility","hidden"),r.setAttribute("pointer-events","none"),i.appendChild(r);try{let o=[];for(let s of t){let a=vv(n,s);if(!a)continue;r.appendChild(a);let l=a.querySelectorAll("path, rect, line, circle, ellipse, polygon, polyline");for(let c of l){let h=Tm(c,e);h&&o.push(h)}}return o.length?o.join(" "):null}finally{r.remove()}}function gv(n){let e=yv(n);if(!e.length)return[];let t=[],i=rh(n,"marker-start"),r=rh(n,"marker-mid"),o=rh(n,"marker-end");if(i&&t.push({marker:i,point:e[0].start,angle:xo(i,e[0].startAngle,void 0,!0)}),r){for(let s=0;s<e.length-1;s++)Em(e[s].end,e[s+1].start)&&t.push({marker:r,point:e[s].end,angle:xo(r,e[s].endAngle,e[s+1].startAngle,!1)});Em(e[e.length-1].end,e[0].start)&&e.length>1&&t.push({marker:r,point:e[e.length-1].end,angle:xo(r,e[e.length-1].endAngle,e[0].startAngle,!1)})}if(o){let s=e[e.length-1];t.push({marker:o,point:s.end,angle:xo(o,s.endAngle,void 0,!1)})}return t}function yv(n){let e=n.getPathData;if(!e)return[];let t=e.call(n,{normalize:!0})??[],i=[],r={x:0,y:0},o={x:0,y:0};for(let s of t)switch(s.type){case"M":{r={x:s.values[0],y:s.values[1]},o={...r};break}case"L":{let a={x:s.values[0],y:s.values[1]},l=bo(r,a);l!=null&&i.push({start:{...r},end:a,startAngle:l,endAngle:l}),r=a;break}case"C":{let a={x:s.values[0],y:s.values[1]},l={x:s.values[2],y:s.values[3]},c={x:s.values[4],y:s.values[5]},h=Ev([r,a,l,c]),p=Pv([r,a,l,c]);h!=null&&p!=null&&i.push({start:{...r},end:c,startAngle:h,endAngle:p}),r=c;break}case"Z":{let a=bo(r,o);a!=null&&i.push({start:{...r},end:{...o},startAngle:a,endAngle:a}),r={...o};break}}return i}function rh(n,e){let t=n.getAttribute(e)?.trim();if(!t)return null;let r=/^url\((['"]?)(.*?)\1\)$/.exec(t)?.[2]??t;if(!r.startsWith("#"))return null;let o=n.getRootNode(),s=typeof o.querySelector=="function"?o.querySelector(r):null;return s instanceof(n.ownerDocument.defaultView??window).SVGMarkerElement?s:null}function vv(n,e){let t=e.marker;if(!t.childNodes.length)return null;let i=_v(n,t),r=document.createElementNS("http://www.w3.org/2000/svg","g"),o=[`translate(${e.point.x} ${e.point.y})`,`rotate(${e.angle})`];i!==1&&o.push(`scale(${i})`),r.setAttribute("transform",o.join(" "));let s=xv(t),a=bv(t,s,{x:wo(t.refX),y:wo(t.refY)}),l=document.createElementNS("http://www.w3.org/2000/svg","g");l.setAttribute("transform",`translate(${-a.x} ${-a.y})`),r.appendChild(l);let c=document.createElementNS("http://www.w3.org/2000/svg","g");s&&c.setAttribute("transform",s.transform),l.appendChild(c);for(let h of Array.from(t.childNodes))c.appendChild(h.cloneNode(!0));return r}function _v(n,e){if(e.getAttribute("markerUnits")==="userSpaceOnUse")return 1;let t=parseFloat(getComputedStyle(n).strokeWidth);return Number.isFinite(t)&&t>0?t:1}function xv(n){let e=n.viewBox.baseVal;if(e==null||e.width===0&&e.height===0)return null;let t=wo(n.markerWidth),i=wo(n.markerHeight);if(!t||!i||!e.width||!e.height)return null;let r=n.preserveAspectRatio.baseVal,o=t/e.width,s=i/e.height,a=-e.x*o,l=-e.y*s;if(r.align!==SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_NONE){let c=r.meetOrSlice===SVGPreserveAspectRatio.SVG_MEETORSLICE_SLICE?Math.max(o,s):Math.min(o,s);o=c,s=c;let h=t-e.width*c,p=i-e.height*c,{xAlign:d,yAlign:u}=wv(r.align);a=-e.x*c+h*d,l=-e.y*c+p*u}return{transform:`matrix(${o} 0 0 ${s} ${a} ${l})`,scaleX:o,scaleY:s,translateX:a,translateY:l}}function bv(n,e,t){return e?{x:t.x*e.scaleX+e.translateX,y:t.y*e.scaleY+e.translateY}:t}function wv(n){switch(n){case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMIN:return{xAlign:.5,yAlign:0};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMIN:return{xAlign:1,yAlign:0};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMID:return{xAlign:0,yAlign:.5};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMID:return{xAlign:.5,yAlign:.5};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMID:return{xAlign:1,yAlign:.5};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMAX:return{xAlign:0,yAlign:1};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMAX:return{xAlign:.5,yAlign:1};case SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMAX:return{xAlign:1,yAlign:1};default:return{xAlign:0,yAlign:0}}}function xo(n,e,t,i){let r=n.orientType.baseVal===SVGMarkerElement.SVG_MARKER_ORIENT_AUTO?"auto":n.getAttribute("orient")?.trim()??"0";if(r==="auto"||r==="auto-start-reverse"){let o=t==null?e:Cv(e,t);return i&&r==="auto-start-reverse"&&(o+=180),o}return Sv(r)}function Sv(n){return n.endsWith("rad")?parseFloat(n)*180/Math.PI:n.endsWith("turn")?parseFloat(n)*360:n.endsWith("grad")?parseFloat(n)*.9:parseFloat(n)}function Cv(n,e){let t={x:Math.cos(n*Math.PI/180),y:Math.sin(n*Math.PI/180)},i={x:Math.cos(e*Math.PI/180),y:Math.sin(e*Math.PI/180)},r={x:t.x+i.x,y:t.y+i.y};return Math.abs(r.x)<1e-10&&Math.abs(r.y)<1e-10?e:Math.atan2(r.y,r.x)*180/Math.PI}function Ev(n){for(let e=0;e<n.length-1;e++){let t=bo(n[e],n[e+1]);if(t!=null)return t}return null}function Pv(n){for(let e=n.length-1;e>0;e--){let t=bo(n[e-1],n[e]);if(t!=null)return t}return null}function bo(n,e){let t=e.x-n.x,i=e.y-n.y;return Math.abs(t)<1e-10&&Math.abs(i)<1e-10?null:Math.atan2(i,t)*180/Math.PI}function Em(n,e){return Math.abs(n.x-e.x)<1e-10&&Math.abs(n.y-e.y)<1e-10}function wo(n){return n?.baseVal?.value??0}function Pm(n,e){let t=Mm(n);return{x:e.x-t.x,y:e.y-t.y}}function kv(n,e){let t=Mm(n);return{x:e.x+t.x,y:e.y+t.y}}function Mm(n){if(!nh(n)||Om(n))return{x:0,y:0};let e=n.getBBox();return{x:e.x,y:e.y}}function Lm(n,e){if(!nh(n)||Om(n))return null;let t=n.getBBox();if(Math.abs(t.width)<1e-10||Math.abs(t.height)<1e-10)return null;let i=Iv(n,t,e);if(!i)return null;let r=oh(i);if(!r)return null;let o=Vm(r);return o?{bbox:t,matrix:r,inverseMatrix:o}:null}function nh(n){return n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement}function Om(n){return n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement}function Iv(n,e,t){if(!Mv(n,t.canvas,t.iframes)){let i=Av(n,e,t);if(i)return i}return Dv(n,e,t)}function Dv(n,e,t){let i=n.getBoxQuads({relativeTo:t.canvas,iframes:t.iframes})[0];if(!i)return null;let r=Lv(n,e);if(Math.abs(r.width)<1e-10||Math.abs(r.height)<1e-10)return null;let o=oh(i);if(!o)return null;let s=(p,d)=>So(o,(p-r.x)/r.width,(d-r.y)/r.height),a=s(e.x,e.y),l=s(e.x+e.width,e.y),c=s(e.x+e.width,e.y+e.height),h=s(e.x,e.y+e.height);return new DOMQuad(new DOMPoint(a.x,a.y),new DOMPoint(l.x,l.y),new DOMPoint(c.x,c.y),new DOMPoint(h.x,h.y))}function Av(n,e,t){let i=n.getScreenCTM(),r=t.canvas.getBoxQuads({relativeTo:t.canvas.ownerDocument.documentElement})[0];if(!i||!r)return null;let o=oh(r),s=o?Vm(o):null;if(!s)return null;let a=l=>{let c=Tv(l.matrixTransform(i),n,t.canvas),h=So(s,c.x,c.y);return new DOMPoint(h.x*t.canvas.offsetWidth,h.y*t.canvas.offsetHeight)};return new DOMQuad(a(new DOMPoint(e.x,e.y)),a(new DOMPoint(e.x+e.width,e.y)),a(new DOMPoint(e.x+e.width,e.y+e.height)),a(new DOMPoint(e.x,e.y+e.height)))}function Tv(n,e,t){let i=new DOMPoint(n.x,n.y);if(e.ownerDocument===t.ownerDocument)return i;let r=e.ownerDocument.defaultView?.frameElement;for(;r;){let o=r.getBoundingClientRect();if(i=new DOMPoint(i.x+o.left,i.y+o.top),r.ownerDocument===t.ownerDocument)break;r=r.ownerDocument.defaultView?.frameElement}return i}function Mv(n,e,t){let i=n.ownerDocument.defaultView??window,r=n.parentElement;for(;r&&r!==e&&r!==n.ownerDocument.documentElement;){if(r instanceof i.HTMLElement&&km(r))return!0;r=r.parentElement}if(n.ownerDocument!==e.ownerDocument)for(r=t?.find(s=>s?.contentDocument===n.ownerDocument)??n.ownerDocument.defaultView?.frameElement;r&&r!==e&&r!==e.ownerDocument.documentElement;){if(r instanceof e.ownerDocument.defaultView.HTMLElement&&km(r))return!0;r=r.parentElement}return!1}function km(n){let e=(n.ownerDocument.defaultView??window).getComputedStyle(n);return e.perspective!=="none"||e.transform.startsWith("matrix3d(")||e.transformStyle==="preserve-3d"}function Lv(n,e){let t=(n.ownerDocument.defaultView??window).getComputedStyle(n),i=t.stroke!=="none"&&parseFloat(t.strokeWidth)||0;if(i<=0)return e;let r=Ov(n,i);return new DOMRect(e.x-r.left,e.y-r.top,e.width+r.left+r.right,e.height+r.top+r.bottom)}function Ov(n,e){let t=n.ownerDocument.defaultView??window,i=e/2;if(n instanceof t.SVGLineElement){let o=n.x1.baseVal.value,s=n.y1.baseVal.value,a=n.x2.baseVal.value,l=n.y2.baseVal.value,c=a-o,h=l-s,p=Math.hypot(c,h);if(p>1e-10){let d=i*Math.abs(h)/p,u=i*Math.abs(c)/p,m=t.getComputedStyle(n).strokeLinecap;return(m==="round"||m==="square")&&(d+=i*Math.abs(c)/p,u+=i*Math.abs(h)/p),{left:d,right:d,top:u,bottom:u}}}let r=e*2;return{left:r,right:r,top:r,bottom:r}}function oh(n){let e=n.p1.x,t=n.p1.y,i=n.p2.x,r=n.p2.y,o=n.p3.x,s=n.p3.y,a=n.p4.x,l=n.p4.y,c=e-i+o-a,h=t-r+s-l,p=i-o,d=r-s,u=a-o,m=l-s,f=0,y=0;if(Math.abs(c)>=1e-10||Math.abs(h)>=1e-10){let v=p*m-d*u;if(Math.abs(v)<1e-10)return null;f=(c*m-h*u)/v,y=(p*h-d*c)/v}return[i-e+f*i,a-e+y*a,e,r-t+f*r,l-t+y*l,t,f,y,1]}function So(n,e,t){let i=n[0]*e+n[1]*t+n[2],r=n[3]*e+n[4]*t+n[5],o=n[6]*e+n[7]*t+n[8],s=Math.abs(o)<1e-10?o<0?-1e-10:1e-10:o;return{x:i/s,y:r/s}}function Vm(n){let e=n[0]*(n[4]*n[8]-n[5]*n[7])-n[1]*(n[3]*n[8]-n[5]*n[6])+n[2]*(n[3]*n[7]-n[4]*n[6]);if(Math.abs(e)<1e-10)return null;let t=1/e;return[(n[4]*n[8]-n[5]*n[7])*t,(n[2]*n[7]-n[1]*n[8])*t,(n[1]*n[5]-n[2]*n[4])*t,(n[5]*n[6]-n[3]*n[8])*t,(n[0]*n[8]-n[2]*n[6])*t,(n[2]*n[3]-n[0]*n[5])*t,(n[3]*n[7]-n[4]*n[6])*t,(n[1]*n[6]-n[0]*n[7])*t,(n[0]*n[4]-n[1]*n[3])*t]}var Jt=g(()=>{"use strict";Xe();Xe()});import{css as Vv}from"@node-projects/base-custom-webcomponent";var Co,sh=g(()=>{"use strict";ih();ee();Jt();Co=class{shouldExtend(e,t,i){return i.nodeType==A.Element}getExtension(e,t,i){return new _o(e,t,i)}style=Vv`.svg-margin-fill{fill:color(display-p3 1 0 1 / 15%);fill-rule:evenodd}.svg-margin{fill:color(display-p3 1 0 1 / 80%);fill-rule:evenodd;mask:url(#mask-stripe-margin)}`;static svgDefs=mi`<pattern id="pattern-stripe-margin" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-margin"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-margin)"></mask>`}});var fi,Eo,Po,ah=g(()=>{"use strict";yt();le();fi=["left","right","top","bottom"],Eo={left:"right",right:"left",top:"bottom",bottom:"top"},Po=class extends F{_options;_lines=[];_locks=[];_texts=[];constructor(e,t,i,r={}){super(e,t,i),this._options=r}extend(){this.refresh()}_getSpecifiedStyle(e){return this.extendedItem.element.computedStyleMap?.().get(e)?.toString()??this.extendedItem.getStyleFromSheetOrLocal(e)??"auto"}refresh(){let e=this.extendedItem.element,t=this.extendedItem.getComputedStyle().position==="absolute",i=(t?e.offsetParent:null)??this.extendedItem.parent?.element;if(!i)return;let r=e.getBoxQuads({relativeTo:i,iframes:this.designerCanvas.iframes})[0];if(!r)return;let o=Ee(i),s=i.ownerDocument.defaultView.getComputedStyle(i),a=t&&parseFloat(s.borderLeftWidth)||0,l=t&&parseFloat(s.borderTopWidth)||0,c=o.width-(t&&parseFloat(s.borderRightWidth)||0),h=o.height-(t&&parseFloat(s.borderBottomWidth)||0),p=(E,I)=>({x:(E.x+I.x)/2,y:(E.y+I.y)/2}),d=[p(r.p1,r.p4),p(r.p2,r.p3),p(r.p1,r.p2),p(r.p4,r.p3)],u=[{x:a,y:d[0].y},{x:c,y:d[1].y},{x:d[2].x,y:l},{x:d[3].x,y:h}],m=[d[0].x-a,c-d[1].x,d[2].y-l,h-d[3].y],f=E=>{let I=this.designerCanvas.canvas.convertPointFromNode(E,i,{iframes:this.designerCanvas.iframes});return{x:I.x/I.w,y:I.y/I.w}},y=u.map(f),v=d.map(f),C=u.map((E,I)=>f({x:(E.x+d[I].x)/2,y:(E.y+d[I].y)/2})),b=fi.map(E=>this._getSpecifiedStyle(E)!=="auto"),_=t&&this._options.allowDocking!==!1,S=this.designerCanvas.scaleFactor;if(this._valuesHaveChanges(S,t,_,...b,...m,...y.flatMap(E=>[E.x,E.y]),...v.flatMap(E=>[E.x,E.y]),...C.flatMap(E=>[E.x,E.y])))for(let E=0;E<fi.length;E++)this._lines[E]=this._drawLine(y[E].x,y[E].y,v[E].x,v[E].y,"svg-position",this._lines[E]),this._lines[E].style.strokeWidth=""+1/S,this._lines[E].style.strokeDasharray=t&&b[E]?"none":""+4/S,t?this._drawLock(E,C[E].x,C[E].y,b[E],_):this._locks[E]&&(this._locks[E].style.display="none"),this._texts[E]=this._drawTextWithBackground(""+Math.round(m[E]),C[E].x,C[E].y-(t?16/S:0),"white","svg-position-text",this._texts[E]),this._texts[E][2].style.fontSize=this._texts[E][3].style.fontSize=12/S+"px"}_drawLock(e,t,i,r,o){let s=this._locks[e];s||(s=this._locks[e]=this._drawGroup("svg-position-lock"),s.innerHTML='<title></title><rect x="-10" y="-10" width="20" height="20" rx="3"/><path/>',s.onpointerdown=c=>{c.stopPropagation(),this.designerCanvas.ignoreEvent(c)},s.onclick=c=>{c.stopPropagation(),this._switchDockingSide(fi[e])},s.onkeydown=c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.stopPropagation(),this._switchDockingSide(fi[e]))});let a=r?Eo[fi[e]]:fi[e];s.style.display="",s.style.pointerEvents=o?"all":"none",s.style.cursor=o?"pointer":"default",s.setAttribute("transform",`translate(${t} ${i}) scale(${1/this.designerCanvas.scaleFactor})`),s.setAttribute("role","button"),s.setAttribute("tabindex",o?"0":"-1"),s.setAttribute("aria-disabled",""+!o),s.setAttribute("aria-pressed",""+r);let l=`${fi[e]}: ${r?"anchored":"not anchored"}${o?`. Anchor to ${a}`:""}`;s.setAttribute("aria-label",l),s.querySelector("title").textContent=l,s.querySelector("path").setAttribute("d",(r?"M-3 -1 V-4 A3 3 0 0 1 3 -4 V-1":"M1 -1 V-5 A3 3 0 0 1 7 -5 V-3")+" M-5 -1 H5 V6 H-5 Z M0 1 V4")}_switchDockingSide(e){if(this._options.allowDocking===!1)return;let t=this.extendedItem.getComputedStyle();if(t.position!=="absolute")return;let i=this._getSpecifiedStyle(e)!=="auto"?Eo[e]:e,r=t.getPropertyValue(i);if(!Number.isFinite(parseFloat(r)))return;let o=i==="left"||i==="right",s=o?"width":"height",a=t.getPropertyValue(s),l=o?["left","right"]:["top","bottom"],c=this.extendedItem.element.offsetParent;if(c&&l.every(u=>this._getSpecifiedStyle(u)!=="auto")){let u=c.ownerDocument.defaultView.getComputedStyle(c),m=o&&u.direction==="rtl"?"left":l[1];if(i===m){let f=(b,_)=>parseFloat(b.getPropertyValue(_))||0,y=(b,_,S="")=>l.reduce((E,I)=>E+f(b,_+I+S),0),v=f(u,s)+(u.boxSizing==="border-box"?-y(u,"border-","-width"):y(u,"padding-")),C=f(t,s)+(t.boxSizing==="border-box"?0:y(t,"padding-")+y(t,"border-","-width"));r=v-C-y(t,"margin-")-f(t,Eo[i])+"px"}}let h=(o?["margin-left","margin-right"]:["margin-top","margin-bottom"]).filter(u=>this._getSpecifiedStyle(u)==="auto").map(u=>[u,t.getPropertyValue(u)]),p=this._getSpecifiedStyle(s)==="auto",d=this.extendedItem.openGroup(`Anchor to ${i}`);try{p&&this.extendedItem.setStyle(s,a);for(let[u,m]of h)this.extendedItem.setStyle(u,m);this.extendedItem.setStyle(i,r),this.extendedItem.setStyle(Eo[i],"auto"),d.commit()}catch(u){throw d.abort(),u}this.extensionManager.refreshAllExtensions([this.extendedItem])}dispose(){this._removeAllOverlays()}}});import{css as Nv}from"@node-projects/base-custom-webcomponent";var ko,lh=g(()=>{"use strict";ah();ko=class{_options;constructor(e={}){this._options=e}shouldExtend(e,t,i){if(!i?.parent||i.element instanceof HTMLTemplateElement)return!1;let r=getComputedStyle(i.element);return r.position==="relative"||r.position==="absolute"}getExtension(e,t,i){return new Po(e,t,i,this._options)}static style=Nv`.svg-position-text{text-anchor:middle;alignment-baseline:central}.svg-position-lock rect{fill:#fff;stroke:#888;stroke-width:1}.svg-position-lock path{fill:none;stroke:#000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svg-position-lock[aria-pressed=true] path{stroke:var(--wcd-color-selection,#3899ec)}.svg-position-lock:focus rect,.svg-position-lock[aria-disabled=false]:hover rect{stroke:var(--wcd-color-selection,#3899ec);fill:#eaf4fc}`}});var Io,ch=g(()=>{"use strict";le();se();Jt();Io=class extends F{_rect;_options;constructor(e,t,i,r){super(e,t,i),this._options={useSvgGeometryOutline:!0,includeSvgMarkers:!0,...r??{}}}extend(){this.refresh()}refresh(){if(this._options.useSvgGeometryOutline){let t=Am(this.extendedItem.element,this.designerCanvas,{includeMarkers:this._options.includeSvgMarkers});if(t){this._rect=this._drawPath(t,"svg-hover-fill",this._rect,M.Background),this._rect.style.strokeWidth=(3/this.designerCanvas.scaleFactor).toString();return}}let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];isNaN(e.p1.x)||(this._rect=this._drawTransformedRect(e,"svg-hover",this._rect,M.Background),this._rect.style.strokeWidth=(3/this.designerCanvas.scaleFactor).toString())}dispose(){this._removeAllOverlays()}}});import{css as Rv}from"@node-projects/base-custom-webcomponent";var Do,hh=g(()=>{"use strict";ch();Do=class{_options;constructor(e){this._options=e??{}}shouldExtend(e,t,i){return!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new Io(e,t,i,this._options)}static style=Rv`.svg-hover{stroke:#90caf966;fill:none}.svg-hover-fill{stroke:#90caf966;fill:#90caf966}`}});var Pe,ph=g(()=>{"use strict";(function(n){n.DragOrSelect="DragOrSelect",n.Drag="Drag",n.Resize="Resize",n.Rotate="Rotate",n.DrawSelection="DrawSelection",n.DrawingSelection="DrawingSelection"})(Pe||(Pe={}))});var Ao,dh=g(()=>{"use strict";me();ph();oe();ot();It();$e();Ao=class n{cursor="default";_minMoveOffset=5;_movedSinceStartedAction=!1;_initialPoint;_actionType;_actionStartedDesignItem;_actionStartedClickDesignItem;_actionStartedDesignItems;_clonedItems;_copiedItemsInserted=!1;_previousEventName;_dragOverExtensionItem;_dragParentExtensionItem;_moveItemsOffset={x:0,y:0};_initialOffset;_started=!1;_holdTimeout;_firstTimeInMove;_secondTimeInMove;_changeGroup;constructor(){}activated(e){}dispose(){}_showContextMenu(e,t){if(e.preventDefault(),!$(e)){let i=t.elementsFromPoint(e.x,e.y);for(let s of t.instanceServiceContainer.selectionService.selectedElements)if(i.indexOf(s.element)>=0){t.showDesignItemContextMenu(t.instanceServiceContainer.selectionService.primarySelection,e);return}let r=t.serviceContainer.elementAtPointService.getElementAtPoint(t,{x:e.x,y:e.y}),o=O.GetOrCreateDesignItem(r,r,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.selectionService.isSelected(o)||t.instanceServiceContainer.selectionService.setSelectedElements([o],e),t.showDesignItemContextMenu(o,e)}}pointerEventHandler(e,t,i){$(t)?this.cursor="copy":this.cursor="default";let r=e.serviceContainer.elementInteractionServices;if(r){for(let a of r)if(a.stopEventHandling(e,t,i))return}if(t.button==2&&t.type==k.PointerDown){this._showContextMenu(t,e);return}if($(t)&&t.shiftKey||t.buttons==4){let a=e.serviceContainer.designerTools.get(te.Pan);if(a){a.pointerEventHandler(e,t,i);return}}switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._movedSinceStartedAction=!1,this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case k.PointerMove:this._firstTimeInMove&&(this._secondTimeInMove=!0),this._secondTimeInMove?this._firstTimeInMove=!1:this._firstTimeInMove=!0;break}if(!i)return;let o=e.getNormalizedEventCoordinates(t),s=O.GetOrCreateDesignItem(i,i,e.serviceContainer,e.instanceServiceContainer);this._actionType==null&&(this._initialPoint=o,t.shiftKey?(t.preventDefault(),this._actionType=Pe.DrawSelection):t.type==k.PointerDown&&(this._actionStartedDesignItem=s,this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.snapLines.clearSnaplines(),s!==e.rootDesignItem?this._actionType=Pe.Drag:i===e||i===e.rootDesignItem.element||i==null?this._actionType=Pe.DrawSelection:this._actionType=Pe.DragOrSelect)),t.type===k.PointerMove&&(this._movedSinceStartedAction=this._movedSinceStartedAction||Math.abs(o.x-this._initialPoint.x)>this._minMoveOffset||Math.abs(o.y-this._initialPoint.y)>this._minMoveOffset,this._actionType==Pe.DrawSelection&&(this._actionType=Pe.DrawingSelection)),this._actionType==Pe.DrawSelection||this._actionType==Pe.DrawingSelection?this._pointerActionTypeDrawSelection(e,t,i):(this._actionType==Pe.DragOrSelect||this._actionType==Pe.Drag)&&this._pointerActionTypeDragOrSelect(e,t,s,o),t.type==k.PointerUp&&(e.snapLines.clearSnaplines(),this._actionType==Pe.DrawSelection&&s!==e.rootDesignItem&&e.instanceServiceContainer.selectionService.setSelectedElements([s],t),this._resetTool()),this._previousEventName=t.type}_resetTool(){this._actionType=null,this._actionStartedDesignItem=null,this._actionStartedClickDesignItem=null,this._actionStartedDesignItems=null,this._movedSinceStartedAction=!1,this._initialPoint=null,this._initialOffset=null}_pointerActionTypeDrawSelection(e,t,i){let r=e.serviceContainer.designerTools.get(te.DrawSelection);r&&(this._resetTool(),r.pointerEventHandler(e,t,i))}async _pointerActionTypeDragOrSelect(e,t,i,r,o=!1){this._holdTimeout&&(clearTimeout(this._holdTimeout),this._holdTimeout=null);let s=i;if(t.altKey){if(t.type==k.PointerDown){let a=e.instanceServiceContainer.selectionService.primarySelection;if(a){let l=e.elementsFromPoint(t.x,t.y),c=l.indexOf(a.element);c>=0&&c++;let h=l[c];h&&(i=O.GetOrCreateDesignItem(h,h,e.serviceContainer,e.instanceServiceContainer))}}s=i}else t.type==k.PointerDown&&(i=this._getDesignItemToStartDrag(e,i,r));switch(t.type){case k.PointerDown:{this._actionStartedClickDesignItem=s,this._actionStartedDesignItem=i,this._initialOffset=e.getNormalizedOffsetInElement(t,this._actionStartedDesignItem.element),this._moveItemsOffset={x:0,y:0},this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements);break}case k.PointerMove:{if(t.buttons==0)return;if(this._firstTimeInMove){let l=this._actionStartedDesignItem??i;l.instanceServiceContainer.selectionService.selectedElements.includes(l)||($(t)?l.instanceServiceContainer.selectionService.setSelectedElements([...l.instanceServiceContainer.selectionService.selectedElements,l],t):l.instanceServiceContainer.selectionService.setSelectedElements([l],t),this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements))}if(e.readOnly)return;if(!this._clonedItems){this._clonedItems=[];for(let l of this._actionStartedDesignItems){let c=await l.clone();this._clonedItems&&c&&this._clonedItems.push(c)}}if(!this._actionStartedDesignItem)return;if(this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"),window.addEventListener("pointerup",()=>{this._changeGroup?.abort(),this._changeGroup=null},{once:!0})),$(t)&&!this._copiedItemsInserted){this._changeGroup.title="Copy Elements",this._copiedItemsInserted=!0;for(let l=0;l<this._clonedItems.length;l++)this._actionStartedDesignItems[l].insertAdjacentElement(this._clonedItems[l],"beforebegin")}else if(!$(t)&&this._copiedItemsInserted){this._changeGroup.title="Move Elements";for(let l of this._clonedItems)l.remove();this._copiedItemsInserted=!1}let a=r.x!=this._initialPoint.x||r.y!=this._initialPoint.y;if(this._actionType!=Pe.Drag&&a&&(this._actionType=Pe.Drag),this._movedSinceStartedAction){let l=getComputedStyle(this._actionStartedDesignItem.parent.element),c=e.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(this._actionStartedDesignItem.parent,l,this._actionStartedDesignItem));if(c){let h=this._actionStartedDesignItem.parent;this._dragParentExtensionItem!=h?(e.extensionManager.removeExtension(this._dragParentExtensionItem,D.ContainerDrag),e.extensionManager.applyExtension(h,D.ContainerDrag,t),this._dragParentExtensionItem=h):e.extensionManager.refreshExtension(h,D.ContainerDrag);let p=c.canLeave(this._actionStartedDesignItem.parent,this._actionStartedDesignItems),d=null,u=null;if(p&&([d,u]=n.FindPossibleContainer(this._actionStartedDesignItem,this._actionStartedDesignItems,t),d!=null?this._dragOverExtensionItem!=d?(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),e.extensionManager.applyExtension(d,D.ContainerDragOverAndCanBeEntered,t),this._dragOverExtensionItem=d):e.extensionManager.refreshExtension(d,D.ContainerDragOverAndCanBeEntered,t):this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null)),u&&(this._holdTimeout=setTimeout(()=>{this._pointerActionTypeDragOrSelect(e,t,i,r,!0)},1e3)),u&&(t.altKey||o)){let m=c.getElementOffset(this._actionStartedDesignItem.parent,this._actionStartedDesignItem),f=u.getElementOffset(d,this._actionStartedDesignItem);this._moveItemsOffset={x:f.x-m.x+this._moveItemsOffset.x,y:f.y-m.y+this._moveItemsOffset.y},c.leaveContainer(this._actionStartedDesignItem.parent,this._actionStartedDesignItems);let y={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};u.enterContainer(d,this._actionStartedDesignItems,"normal"),u.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,y,this._actionStartedDesignItems),e.extensionManager.removeExtension(this._dragParentExtensionItem,D.ContainerDrag),e.extensionManager.applyExtension(d,D.ContainerDrag,t),this._dragParentExtensionItem=d,e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,e.extensionManager.refreshAllAppliedExtentions()}else{let m={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(this._started)c.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,m,this._actionStartedDesignItems);else if(!c.startPlacementAllowed||c.startPlacementAllowed(t,e,this._actionStartedDesignItem.parent,this._actionStartedDesignItems)){for(let f of this._actionStartedDesignItems)e.extensionManager.removeExtension(f,D.Placement),e.extensionManager.removeExtension(f,D.MouseOver),e.extensionManager.applyExtension(f,D.Placement,t);c.startPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,m,this._actionStartedDesignItems),this._started=!0}}e.extensionManager.refreshExtensions(this._actionStartedDesignItems,null,t,null,20)}}break}case k.PointerUp:{if(this._started=!1,!this._movedSinceStartedAction||this._actionType==Pe.DragOrSelect){this._previousEventName==k.PointerDown&&!$(t)?e.instanceServiceContainer.selectionService.setSelectedElements([this._actionStartedClickDesignItem??this._actionStartedDesignItem],t):this.checkSelectElement(t,e,i);return}if(this._movedSinceStartedAction){let a=getComputedStyle(this._actionStartedDesignItem.parent.element),l=e.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(this._actionStartedDesignItem.parent,a,this._actionStartedDesignItem)),c={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(l){this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"));try{l.finishPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,c,e.instanceServiceContainer.selectionService.selectedElements),this._changeGroup.commit(),this._changeGroup=null}catch(p){console.error(p),this._changeGroup.abort()}this._changeGroup=null;let h=e.elementsFromPoint(t.x,t.y);for(let p of this._actionStartedDesignItems)h.includes(p.element)&&e.extensionManager.applyExtension(p,D.MouseOver,t),e.extensionManager.removeExtension(p,D.Placement)}else this._changeGroup&&this._changeGroup.abort(),this._changeGroup=null;e.extensionManager.removeExtension(this._dragParentExtensionItem,D.ContainerDrag),this._dragParentExtensionItem=null,e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,this._moveItemsOffset={x:0,y:0}}e.extensionManager.refreshExtensions(e.instanceServiceContainer.selectionService.selectedElements,null,t,null,20),this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null);break}}}_getDesignItemToStartDrag(e,t,i){let r=e.instanceServiceContainer.selectionService.selectedElements;if(!r?.length||t.isRootItem||r.includes(t))return t;for(let o of r)if(!(!o||o.isRootItem||o===t)&&this._isPointInsideDesignItemQuad(e,o,i))return o;return t}_isPointInsideDesignItemQuad(e,t,i){let r=t.element.getBoxQuads({box:"border",relativeTo:e.canvas,iframes:e.iframes})[0];return r?this._isPointInsideQuad(i,r):!1}_isPointInsideQuad(e,t){let i=[t.p1,t.p2,t.p3,t.p4];for(let o=0;o<i.length;o++){let s=i[o],a=i[(o+1)%i.length];if(this._isPointOnSegment(e,s,a))return!0}let r=!1;for(let o=0,s=i.length-1;o<i.length;s=o++){let a=i[o],l=i[s];a.y>e.y!=l.y>e.y&&e.x<(l.x-a.x)*(e.y-a.y)/(l.y-a.y||Number.EPSILON)+a.x&&(r=!r)}return r}_isPointOnSegment(e,t,i){let o=(e.y-t.y)*(i.x-t.x)-(e.x-t.x)*(i.y-t.y);if(Math.abs(o)>1e-4)return!1;let s=(e.x-t.x)*(i.x-t.x)+(e.y-t.y)*(i.y-t.y);if(s<-1e-4)return!1;let a=(i.x-t.x)*(i.x-t.x)+(i.y-t.y)*(i.y-t.y);return s<=a+1e-4}checkSelectElement(e,t,i){if($(e)){let r=t.instanceServiceContainer.selectionService.selectedElements.indexOf(i);if(r>=0){let o=t.instanceServiceContainer.selectionService.selectedElements.slice(0);o.splice(r,1),t.instanceServiceContainer.selectionService.setSelectedElements(o,e)}else{let o=t.instanceServiceContainer.selectionService.selectedElements.slice(0);o.push(i),t.instanceServiceContainer.selectionService.setSelectedElements(o,e)}}else t.instanceServiceContainer.selectionService.selectedElements.indexOf(i)<0&&t.instanceServiceContainer.selectionService.setSelectedElements([i],e)}static FindPossibleContainer(e,t,i){let r=null,o=null,s=e.instanceServiceContainer.designerCanvas,a=s.elementsFromPoint(i.x,i.y);a.push(s.rootDesignItem.element);for(let l of a)if(l!=e.element){if(l==e.parent.element)break;if(l==s.rootDesignItem.element){r=s.rootDesignItem;let c=getComputedStyle(r.element);if(o=s.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),o){if(o.canEnter(r,t))break;r=null,o=null;break}break}else{r=O.GetOrCreateDesignItem(l,l,s.serviceContainer,s.instanceServiceContainer);let c=getComputedStyle(r.element);if(o=s.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),o){if(o.canEnter(r,t))break;r=null,o=null;continue}}}return[r,o]}keyboardEventHandler(e,t,i){}}});var Se,vt=g(()=>{"use strict";Se=class{constructor(e,t,i){this.title="Insert Item",this.containerItem=e,this.index=t,this.newItem=i}title;get affectedItems(){return[this.containerItem,this.newItem]}undo(){return this.newItem.parent._removeChildInternal(this.newItem),[{changeType:"removed",designItems:[this.newItem]}]}do(){return this.containerItem._insertChildInternal(this.newItem,this.index),[{changeType:"added",designItems:[this.newItem]}]}containerItem;index;newItem;mergeWith(e){return!1}}});var To,zv,Mo,uh=g(()=>{"use strict";me();Xe();vt();oe();se();di();To=10,zv=5,Mo=class{options;cursor="crosshair";_pathD;_path;_samePoint=!1;_p2pMode=!1;_dragMode=!1;_pointerMoved=!1;_eventStarted=!1;_lastPoint;_startPoint;_captureElement;_pointerId;_angleStep;constructor(e){this.options=e,e?.angleStep!==void 0&&(this._angleStep=e.angleStep)}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:e.clickOverlay.focus(),this._eventStarted=!0,this._p2pMode||(this._captureElement=t.target,this._pointerId=t.pointerId,this._captureElement.setPointerCapture(this._pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._pathD="M "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._path.setAttribute("stroke",this.options?.strokeColor??e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",this.options?.fillBrush??e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",this.options?.strokeThickness??e.serviceContainer.globalContext.strokeThickness),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground),this._startPoint=r),this._lastPoint!=null&&this._lastPoint.x===r.x&&this._lastPoint.y===r.y&&!this._samePoint&&(this._samePoint=!0),this._lastPoint==null&&(this._lastPoint=r),this._startPoint==null&&(this._startPoint=r);break;case k.PointerMove:if(this._eventStarted&&(this._pointerMoved=!0),this._p2pMode){if(this._path){let o=r;(t.shiftKey||this._angleStep)&&(o=kt(this._lastPoint,r,this._angleStep??45)),this._path.setAttribute("d",this._pathD+"L "+o.x+" "+o.y)+""}}else if(this._dragMode=!0,this._path&&this._lastPoint){let o=this.options?.interpolatePoints?im(this._lastPoint,r,this.options.interpolationDistance??zv):[r];for(let s of o)this._pathD+="L "+s.x+" "+s.y+" ";this._path.setAttribute("d",this._pathD),this._lastPoint=r}break;case k.PointerUp:if(this._eventStarted&&!this._pointerMoved&&(this._p2pMode=!0),this._p2pMode&&!this._samePoint&&this._startPoint.x!=r.x&&this._startPoint.y!=r.y&&this._path)if(t.shiftKey||this._angleStep){let o=kt(this._lastPoint,r,this._angleStep??45);this._pathD+="L "+o.x+" "+o.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=o}else this._pathD+="L "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=r;(this._samePoint&&this._p2pMode||this._dragMode&&!this._p2pMode)&&this._finalizePath(e);break}t.preventDefault(),t.stopPropagation()}keyboardEventHandler(e,t,i){t.key==="Escape"&&this._finalizePath(e)}_finalizePath(e){this._captureElement?.releasePointerCapture(this._pointerId),this._captureElement=void 0,e.releaseActiveTool(),this._eventStarted=!1,this._p2pMode=!1,this._pointerMoved=!1,this._samePoint=!1,this._dragMode=!1;let t=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let i=document.createElementNS("http://www.w3.org/2000/svg","svg"),r=t.x-To,o=t.y-To,s=e.serviceContainer.options.roundPixelsToDecimalPlaces;this._path.setAttribute("d",this._pathD);let a=rm(this._path,r,o);this._path.setAttribute("d",Rc(a,s)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),i.appendChild(this._path),i.style.left=pe(r,s)+"px",i.style.top=pe(o,s)+"px",i.style.position="absolute",i.style.width=Math.round(t.width+2*To)+"px",i.style.height=Math.round(t.height+2*To)+"px",i.style.overflow="visible",i.style.stroke=this.options?.strokeColor??e.serviceContainer.globalContext.strokeColor,i.style.fill=this.options?.fillBrush??e.serviceContainer.globalContext.fillBrush,i.style.strokeWidth=this.options?.strokeThickness??e.serviceContainer.globalContext.strokeThickness,this._path=void 0,this._pathD=void 0,this._lastPoint=void 0;let l=O.createDesignItemFromInstance(i,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,l)),e.serviceContainer.globalContext.finishedWithTool(this)}}});var Lo,mh=g(()=>{"use strict";le();Lo=class extends F{_line1;_line2;_line3;_line4;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._line1=this._drawLine(i.p1.x,i.p1.y,i.p2.x,i.p2.y,"svg-selection",this._line1),this._line2=this._drawLine(i.p1.x,i.p1.y,i.p4.x,i.p4.y,"svg-selection",this._line2),this._line3=this._drawLine(i.p2.x,i.p2.y,i.p3.x,i.p3.y,"svg-selection",this._line3),this._line4=this._drawLine(i.p4.x,i.p4.y,i.p3.x,i.p3.y,"svg-selection",this._line4),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString())}}dispose(){this._removeAllOverlays()}}});import{css as Fv}from"@node-projects/base-custom-webcomponent";var Oo,fh=g(()=>{"use strict";mh();ee();Oo=class{shouldExtend(e,t,i){return!i.isRootItem&&i.nodeType!=A.Comment&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new Lo(e,t,i)}static style=Fv`.svg-selection{stroke:var(--wcd-color-selection,#3899ec);fill:transparent;stroke-width:2}`}});function ji(n){let e=getComputedStyle(n),t=1,i=1;return e.gridRowEnd=="auto"?t=1:e.gridRowEnd.startsWith("span")?t=parseInt(e.gridRowEnd.substring(4)):t=parseInt(e.gridRowEnd)-parseInt(e.gridRowStart),e.gridColumnEnd=="auto"?i=1:e.gridColumnEnd.startsWith("span")?i=parseInt(e.gridColumnEnd.substring(4)):i=parseInt(e.gridColumnEnd)-parseInt(e.gridColumnStart),{colSpan:i,rowSpan:t}}function Pr(n,e){let t=n.instanceServiceContainer.designerCanvas,i=n.element.convertPointFromNode(new DOMPoint(e.x,e.y),t.canvas,{iframes:t.iframes});return{x:i.x,y:i.y}}function Yi(n){let e=n.instanceServiceContainer.designerCanvas,t=e.canvas.convertPointFromNode(new DOMPoint(0,0),n.element,{iframes:e.iframes}),i=e.canvas.convertPointFromNode(new DOMPoint(1,0),n.element,{iframes:e.iframes}),r=e.canvas.convertPointFromNode(new DOMPoint(0,1),n.element,{iframes:e.iframes});return new DOMMatrix([i.x-t.x,i.y-t.y,r.x-t.x,r.y-t.y,t.x,t.y])}function Nm(n,e){let t=n.cells[0];if(!t?.length||!Number.isFinite(e))return 0;let i=0;for(let r=0;r<t.length;r++){let o=t[r];e>o.localX+o.width/2&&(i=r)}return i}function Rm(n,e){let t=n.cells[0];if(!t?.length||!Number.isFinite(e))return 1;let i=1;for(let r=0;r<t.length;r++){let o=t[r];e>o.localX+o.width/2&&(i=r+2)}return i}function zm(n,e){if(!n.cells.length||!Number.isFinite(e))return 0;let t=0;for(let i=0;i<n.cells.length;i++){let r=n.cells[i][0];e>r.localY+r.height/2&&(t=i)}return t}function Fm(n,e){if(!n.cells.length||!Number.isFinite(e))return 1;let t=1;for(let i=0;i<n.cells.length;i++){let r=n.cells[i][0];e>r.localY+r.height/2&&(t=i+2)}return t}function kr(n,e,t=lt(n)){let i=Pr(n,e);if(!Number.isFinite(i.x)||!Number.isFinite(i.y))return null;for(let r=0;r<t.cells.length;r++)for(let o=0;o<t.cells[r].length;o++){let s=t.cells[r][o];if(i.x>=s.localX&&i.x<=s.localX+s.width&&i.y>=s.localY&&i.y<=s.localY+s.height)return{row:r,column:o,cell:s,localPoint:i}}return null}function lt(n){let e=n.instanceServiceContainer.designerCanvas,t=n.element.getBoxQuads({relativeTo:e.canvas,iframes:e.iframes})[0],i=Ee(n.element),r=getComputedStyle(n.element),o=r.gridTemplateRows.split(" "),s=r.gridTemplateColumns.split(" "),a=Number.parseFloat(r.paddingLeft),l=Number.parseFloat(r.paddingTop),c=Number.parseFloat(r.borderLeftWidth),h=Number.parseFloat(r.borderTopWidth),p=0,d=0,u=0,m=0,f=t.p1.x+c,y=t.p1.y+h,v=c,C=h,b=null;r.gridTemplateAreas&&r.gridTemplateAreas!=="none"&&(b=r.gridTemplateAreas.split('"')),r.columnGap&&r.columnGap!="normal"&&(d=Number.parseFloat(r.columnGap.replace("px",""))),r.rowGap&&r.rowGap!="normal"&&(u=Number.parseFloat(r.rowGap.replace("px","")));let _=0,S=0;for(let I of s){let j=Number.parseFloat(I.replace("px",""));_+=j+d}_-=d;for(let I of o){let j=Number.parseFloat(I.replace("px",""));S+=j+u}if(S-=u,r.justifyContent=="center"){let I=(i.width-_)/2;f+=I,v+=I}else if(r.justifyContent=="end"){let I=i.width-_;f+=I,v+=I}else if(r.justifyContent=="space-between")d+=(i.width-_)/(s.length-1);else if(r.justifyContent=="space-around"){let I=(i.width-_)/(s.length*2);d+=I*2,f+=I,v+=I}else if(r.justifyContent=="space-evenly"){let I=(i.width-_)/(s.length+1);d+=I,f+=I,v+=I}if(r.alignContent=="center"){let I=(i.height-S)/2;y+=I,C+=I}else if(r.alignContent=="end"){let I=i.height-S;y+=I,C+=I}else if(r.alignContent=="space-between")u+=(i.height-S)/(o.length-1);else if(r.alignContent=="space-around"){let I=(i.height-S)/(o.length*2);u+=I*2,y+=I,C+=I}else if(r.alignContent=="space-evenly"){let I=(i.height-S)/(o.length+1);u+=I,y+=I,C+=I}let E={cells:[],gaps:[],xGap:d,yGap:u};for(let I=0;I<o.length;I++){let j=o[I],H=null;b&&b[m+1]&&(H=b[m+1].split(" "));let N=0,K=0,Q=Number.parseFloat(j.replace("px","")),ce=[];E.cells.push(ce);for(let B=0;B<s.length;B++){let ye=s[B];B>0&&(E.gaps.push({x:N+f+a,y:p+y+l,width:d,height:Q,localX:N+v+a,localY:p+C+l,column:B,row:I,type:"v"}),N+=d);let L=Number.parseFloat(ye.replace("px",""));I>0&&E.gaps.push({x:N+f+a,y:p+y-u+l,width:L,height:u,localX:N+v+a,localY:p+C-u+l,column:B,row:I,type:"h"});let ie=null;if(H&&H[K]){let q=H[K].trim();q!="."&&(ie=q)}let X={x:N+f+a,y:p+y+l,width:L,height:Q,name:ie,localX:N+v+a,localY:p+C+l};ce.push(X),N+=L,K++}p+=Q+u,m+=2}return E}var gi=g(()=>{"use strict";yt()});function Ui(n,e){switch(e){case"left":let t=getComputedStyle(n).left;return n.style.removeProperty("right"),n.style.left=t,t;case"top":let i=getComputedStyle(n).top;return n.style.removeProperty("bottom"),n.style.top=i,i}}var Vo,gh=g(()=>{"use strict";me();de();gi();Oe();yt();le();Vo=class extends F{resizeAllSelected;_initialSizes=null;_actionModeStarted;_initialPoint=null;_offsetPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialHandleCanvasPoint=null;_initialLocalToCanvasMatrix=null;_initialBorderBoxSize=null;_initialFixedResizeAnchor=null;_currentAnchorHandle=null;_resizeStrategy;_resizeStrategyState;constructor(e,t,i,r){super(e,t,i),this.resizeAllSelected=r,this._resizeStrategy=t.serviceContainer.getLastServiceWhere("elementResizeStrategy",o=>o.isHandledElement(i))}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p1.x)){this.remove();return}if(this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)){let r={"nw-resize":i.p1,"n-resize":{x:(i.p1.x+i.p2.x)/2,y:(i.p1.y+i.p2.y)/2},"ne-resize":i.p2,"w-resize":{x:(i.p1.x+i.p4.x)/2,y:(i.p1.y+i.p4.y)/2},"sw-resize":i.p4,"s-resize":{x:(i.p4.x+i.p3.x)/2,y:(i.p4.y+i.p3.y)/2},"e-resize":{x:(i.p2.x+i.p3.x)/2,y:(i.p2.y+i.p3.y)/2},"se-resize":i.p3},o=(s,a)=>{let l=s,c,h=this._actionModeStarted,p=this._currentAnchorHandle;this._initialPoint&&p&&p!==h&&(s===h?(l=p,c="show"):s===p&&(this._oppositeHandle(h)===p?(l=h,c="show"):c="hide"));let d=r[l];return this._drawResizerOverlay(d.x,d.y,s,a,c)};this._circle1=o("nw-resize",this._circle1),this._circle2=o("n-resize",this._circle2),this._circle3=o("ne-resize",this._circle3),this._circle4=o("w-resize",this._circle4),this._circle5=o("sw-resize",this._circle5),this._circle6=o("s-resize",this._circle6),this._circle8=o("e-resize",this._circle8),this._circle7=o("se-resize",this._circle7)}}}_oppositeHandle(e){return{"nw-resize":"se-resize","n-resize":"s-resize","ne-resize":"sw-resize","w-resize":"e-resize","sw-resize":"ne-resize","s-resize":"n-resize","e-resize":"w-resize","se-resize":"nw-resize"}[e]}_drawResizerOverlay(e,t,i,r,o){let s=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-primary-resizer",r);return s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(s.addEventListener(k.PointerDown,a=>this._pointerActionTypeResize(s,a,i)),s.addEventListener(k.PointerMove,a=>this._pointerActionTypeResize(s,a,i)),s.addEventListener(k.PointerUp,a=>this._pointerActionTypeResize(s,a,i)),this._resizeStrategy&&s.addEventListener("pointercancel",a=>this._pointerActionTypeResize(s,a,i))),s.style.cursor=i,s.style.display=o==="show"?"":o==="hide"||this._resizeStrategy&&!this._resizeStrategy.getEnabledHandles(this.extendedItem).includes(i)?"none":"",s}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:let o=parseFloat(e.getAttribute("cx")??"0"),s=parseFloat(e.getAttribute("cy")??"0");if(this._offsetPoint={x:o-r.x,y:s-r.y},t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._initialHandleCanvasPoint=new DOMPoint(o,s),this._initialLocalToCanvasMatrix=Yi(this.extendedItem),this._initialBorderBoxSize=Ee(this.extendedItem.element),this._initialFixedResizeAnchor=this._getFixedResizeAnchor(this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas,iframes:this.designerCanvas.iframes})[0],i),this._currentAnchorHandle=i,this._initialSizes=[],this._actionModeStarted=i,this._initialSizes.push(this._getInitialSize(this.extendedItem.element)),this._resizeStrategy&&(this._resizeStrategyState=this._resizeStrategy.begin(this._strategyContext(this._initialSizes[0]))),this.resizeAllSelected)for(let l of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)this._initialSizes.push(this._getInitialSize(l.element));if(this.designerCanvas.alignOnSnap&&this.designerCanvas.snapLines.calculateSnaplines(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.prepareResize(this.extendedItem,this._actionModeStarted),this.resizeAllSelected)for(let l of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)l!==this.extendedItem&&this.prepareResize(l,this._actionModeStarted);break;case k.PointerMove:if(this._initialPoint){if(!this._initialSizes||!this._initialHandleCanvasPoint||!this._initialLocalToCanvasMatrix||!this._initialBorderBoxSize)return;let l=getComputedStyle(this.extendedItem.parent.element),h=this.designerCanvas.serviceContainer.getLastServiceWhere("containerService",_=>_.serviceForContainer(this.extendedItem.parent,l)).placePoint(t,this.designerCanvas,this.extendedItem.parent,this._initialPoint,{x:0,y:0},r,this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),p=new DOMPoint(h.x+this._offsetPoint.x,h.y+this._offsetPoint.y),d=this._getLocalHandleDelta(p);if(!d)return;let u=d.x,m=d.y;t.shiftKey&&(u=u<m?u:m,m=u);let f=0,y=null,v=null;switch(this._actionModeStarted){case"e-resize":if(y=this._initialSizes[f].width+u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width+u)+"px")}break;case"se-resize":if(y=this._initialSizes[f].width+u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height+m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width+u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height+m)+"px")}break;case"s-resize":if(v=this._initialSizes[f].height+m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.height=V(this.extendedItem,this._initialSizes[f].height+m)+"px")}break;case"sw-resize":if(y=this._initialSizes[f].width-u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height+m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width-u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height+m)+"px")}break;case"w-resize":if(y=this._initialSizes[f].width-u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width-u)+"px")}break;case"nw-resize":if(y=this._initialSizes[f].width-u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height-m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width-u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height-m)+"px")}break;case"n-resize":if(v=this._initialSizes[f].height-m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.height=V(this.extendedItem,this._initialSizes[f].height-m)+"px")}break;case"ne-resize":if(y=this._initialSizes[f].width+u,this.extendedItem.element.style.width=V(this.extendedItem,y)+"px",v=this._initialSizes[f].height-m,this.extendedItem.element.style.height=V(this.extendedItem,v)+"px",this.resizeAllSelected){f++;for(let _ of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)_!==this.extendedItem&&(_.element.style.width=V(this.extendedItem,this._initialSizes[f].width+u)+"px",_.element.style.height=V(this.extendedItem,this._initialSizes[f].height-m)+"px")}break}let C=this._getCurrentBorderBoxSize(u,m);if(!C)return;if(this._resizeStrategy){let _=this._resizeStrategy.preview(this._strategyContext(C),this._resizeStrategyState);_&&(C=_,this._currentAnchorHandle=_.anchorHandle??this._actionModeStarted)}this._applyAnchorCorrection(C);let b=[this.extendedItem,this.extendedItem.parent];this.resizeAllSelected&&b.push(...this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.extensionManager.refreshExtensions(b),this.designerCanvas?.raiseDesignItemsChanged(b,"resize",!1)}break;case k.PointerUp:if(t.target.releasePointerCapture(t.pointerId),!this._initialPoint)return;let a=this.extendedItem.openGroup(this.resizeAllSelected&&this.designerCanvas.instanceServiceContainer.selectionService.selectedElements.length>1?"Resize Elements":"Resize &lt;"+this.extendedItem.name+"&gt;");try{let l=this.extendedItem.element;if(this._resizeStrategy){let d=Ee(this.extendedItem.element);this._resizeStrategy.commit(this._strategyContext(d),this._resizeStrategyState)}else this.extendedItem.setStyle("width",this.extendedItem.element.style.width),this.extendedItem.setStyle("height",this.extendedItem.element.style.height);let c=parseFloat(Ui(l,"left")),h=parseFloat(Ui(l,"top")),p=this._getAnchorCorrectionInParent(Ee(this.extendedItem.element));if(p&&(c+=p.x,h+=p.y,l.style.left=V(this.extendedItem,c)+"px",l.style.top=V(this.extendedItem,h)+"px"),this.extendedItem.setStyle("left",V(this.extendedItem,c)+"px"),this.extendedItem.setStyle("top",V(this.extendedItem,h)+"px"),this.resizeAllSelected){for(let d of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)d!==this.extendedItem&&(d.setStyle("width",d.element.style.width),d.setStyle("height",d.element.style.height),d.setStyle("left",V(this.extendedItem,parseFloat(Ui(d.element,"left")))+"px"),d.setStyle("top",V(this.extendedItem,parseFloat(Ui(d.element,"top")))+"px"));this.designerCanvas?.raiseDesignItemsChanged(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements,"resize",!0)}else this.designerCanvas?.raiseDesignItemsChanged([this.extendedItem],"resize",!0);a.commit()}catch(l){a.abort(),console.error(l)}this._initialSizes=null,this._initialPoint=null,this._initialHandleCanvasPoint=null,this._initialLocalToCanvasMatrix=null,this._initialBorderBoxSize=null,this._initialFixedResizeAnchor=null,this._currentAnchorHandle=null,this._resizeStrategyState=void 0;break;case"pointercancel":this._initialPoint&&this._resizeStrategy&&this._initialSizes&&this._resizeStrategy.cancel(this._strategyContext(this._initialSizes[0]),this._resizeStrategyState),this._initialSizes=null,this._initialPoint=null,this._resizeStrategyState=void 0,this._currentAnchorHandle=null;break}}_strategyContext(e){return{designItem:this.extendedItem,handle:this._actionModeStarted,initialSize:this._initialSizes?.[0]??e,currentSize:e}}_getLocalHandleDelta(e){if(!this._initialHandleCanvasPoint||!this._initialLocalToCanvasMatrix)return null;let t=new DOMMatrix([this._initialLocalToCanvasMatrix.a,this._initialLocalToCanvasMatrix.b,this._initialLocalToCanvasMatrix.c,this._initialLocalToCanvasMatrix.d,0,0]);if(!t.is2D)return null;let i=new DOMPoint(e.x-this._initialHandleCanvasPoint.x,e.y-this._initialHandleCanvasPoint.y);return t.inverse().transformPoint(i)}_getCurrentBorderBoxSize(e,t){if(!this._initialBorderBoxSize)return null;let i=this._initialBorderBoxSize.width,r=this._initialBorderBoxSize.height;switch(this._actionModeStarted){case"e-resize":case"se-resize":case"ne-resize":i+=e;break;case"w-resize":case"sw-resize":case"nw-resize":i-=e;break}switch(this._actionModeStarted){case"s-resize":case"se-resize":case"sw-resize":r+=t;break;case"n-resize":case"ne-resize":case"nw-resize":r-=t;break}return{width:i,height:r}}_getInitialSize(e){let t=Ee(e),i={x:0,y:0};return getComputedStyle(e).boxSizing=="content-box"&&(i=Vu(e)),{width:t.width-i.x,height:t.height-i.y}}_getFixedResizeAnchor(e,t){if(!e)return null;switch(t){case"e-resize":return new DOMPoint((e.p1.x+e.p4.x)/2,(e.p1.y+e.p4.y)/2);case"se-resize":return new DOMPoint(e.p1.x,e.p1.y);case"s-resize":return new DOMPoint((e.p1.x+e.p2.x)/2,(e.p1.y+e.p2.y)/2);case"sw-resize":return new DOMPoint(e.p2.x,e.p2.y);case"w-resize":return new DOMPoint((e.p2.x+e.p3.x)/2,(e.p2.y+e.p3.y)/2);case"nw-resize":return new DOMPoint(e.p3.x,e.p3.y);case"n-resize":return new DOMPoint((e.p4.x+e.p3.x)/2,(e.p4.y+e.p3.y)/2);case"ne-resize":return new DOMPoint(e.p4.x,e.p4.y);default:return null}}_getFixedResizeAnchorLocal(e,t){switch(t){case"e-resize":return new DOMPoint(0,e.height/2);case"se-resize":return new DOMPoint(0,0);case"s-resize":return new DOMPoint(e.width/2,0);case"sw-resize":return new DOMPoint(e.width,0);case"w-resize":return new DOMPoint(e.width,e.height/2);case"nw-resize":return new DOMPoint(e.width,e.height);case"n-resize":return new DOMPoint(e.width/2,e.height);case"ne-resize":return new DOMPoint(0,e.height);default:return null}}_getAnchorCorrectionInParent(e){if(!this._initialFixedResizeAnchor)return null;let t=this._getFixedResizeAnchorLocal(e,this._currentAnchorHandle??this._actionModeStarted);if(!t)return null;let i=this.extendedItem.parent.element.convertPointFromNode(this._initialFixedResizeAnchor,this.designerCanvas.canvas,{iframes:this.designerCanvas.iframes}),r=this.designerCanvas.canvas.convertPointFromNode(t,this.extendedItem.element,{iframes:this.designerCanvas.iframes}),o=this.extendedItem.parent.element.convertPointFromNode(r,this.designerCanvas.canvas,{iframes:this.designerCanvas.iframes});return{x:i.x-o.x,y:i.y-o.y}}_applyAnchorCorrection(e){let t=this._getAnchorCorrectionInParent(e);if(!t)return;let i=this.extendedItem.element,r=parseFloat(Ui(i,"left"))+t.x,o=parseFloat(Ui(i,"top"))+t.y;i.style.left=V(this.extendedItem,r)+"px",i.style.top=V(this.extendedItem,o)+"px"}prepareResize(e,t){let i=null,r=null,o=null,s=null;switch(this._actionModeStarted){case"e-resize":o=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=o;break;case"se-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,o=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=o;break;case"s-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i;break;case"sw-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,s=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=s;break;case"w-resize":s=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=s;break;case"nw-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,s=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=s;break;case"n-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r;break;case"ne-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,o=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=o;break}}dispose(){this._removeAllOverlays()}}});import{css as Bv}from"@node-projects/base-custom-webcomponent";var No,yh=g(()=>{"use strict";gh();ee();No=class{resizeAllSelected;constructor(e=!1){this.resizeAllSelected=e}shouldExtend(e,t,i){if(t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement)return!1;let r=t.serviceContainer.getLastServiceWhere("elementResizeStrategy",o=>o.isHandledElement(i));return r&&r.getEnabledHandles(i).length===0?!1:!i.isRootItem&&i.nodeType==A.Element}getExtension(e,t,i){return new Vo(e,t,i,this.resizeAllSelected)}static style=Bv`.svg-primary-resizer{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;pointer-events:auto}`}});function Bm(n){let e=Math.hypot(n.x,n.y);return e<1e-8?{x:0,y:0}:{x:n.x/e,y:n.y/e}}function Xi(n){return{x:(n.p1.x+n.p2.x+n.p3.x+n.p4.x)/4,y:(n.p1.y+n.p2.y+n.p3.y+n.p4.y)/4}}function Hm(n,e){return{x:(n.x+e.x)/2,y:(n.y+e.y)/2}}function Hv(n,e,t,i){let r=e.x-n.x,o=e.y-n.y,s=Bm({x:-o,y:r});s.x===0&&s.y===0&&(s=Bm(i));let a=Hm(n,e),l={x:t.x-a.x,y:t.y-a.y};return s.x*l.x+s.y*l.y>0&&(s={x:-s.x,y:-s.y}),s}function Be(n,e,t,i,r){let o=Hm(n,e),s=Hv(n,e,t,r);return{x:o.x+s.x*i,y:o.y+s.y*i}}var Ro=g(()=>{"use strict"});var zo,vh=g(()=>{"use strict";$e();Oe();yt();le();Ro();zo=class extends F{_rotateLine;_rotateCircle;_startPoint=null;_rotateCirclePosition={x:0,y:0};constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!i)return;let r=[i.p1,i.p2,i.p3,i.p4];if(r.some(c=>!Number.isFinite(c.x)||!Number.isFinite(c.y))){this.remove();return}if(!this._valuesHaveChanges(this.designerCanvas.zoomFactor,...r.flatMap(c=>[c.x,c.y])))return;let o=Xi(i),s=Be(i.p1,i.p2,o,30/this.designerCanvas.zoomFactor,{x:0,y:-1}),a=Be(i.p1,i.p2,o,22/this.designerCanvas.zoomFactor,{x:0,y:-1}),l=Be(i.p1,i.p2,o,6/this.designerCanvas.zoomFactor,{x:0,y:-1});this._rotateLine=this._drawLine(a.x,a.y,l.x,l.y,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(s.x,s.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(s.x,s.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",c=>{c.stopPropagation(),this._rotateCirclePosition=this._getRotateReferencePoint(),c.target.setPointerCapture(c.pointerId);let h=this.designerCanvas.getNormalizedEventCoordinates(c);this._startPoint=this.extendedItem.element.convertPointFromNode({x:h.x,y:h.y},this.designerCanvas.canvas)}),this._rotateCircle.addEventListener("pointermove",c=>{c.stopPropagation(),this._startPoint&&(this.extendedItem.element.style.rotate="none",this.extendedItem.element.style.rotate=this.getAngle(c)+"deg")}),this._rotateCircle.addEventListener("pointerup",c=>{c.stopPropagation(),c.target.releasePointerCapture(c.pointerId),this._startPoint=null,this.extendedItem.element.style.rotate="none",this.extendedItem.setStyle("rotate",this.getAngle(c)+"deg")}))}_getRotateReferencePoint(){let e=this.extendedItem.element,i={x:Ee(this.extendedItem.element).width/2,y:-30/this.designerCanvas.zoomFactor},r=e.style.rotate;try{e.style.rotate="none";let o=e.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!o)return i;let s=Xi(o),a=Be(o.p1,o.p2,s,30/this.designerCanvas.zoomFactor,{x:0,y:-1}),l=e.convertPointFromNode(a,this.designerCanvas.canvas);return!Number.isFinite(l.x)||!Number.isFinite(l.y)?i:{x:l.x,y:l.y}}finally{e.style.rotate=r}}getAngle(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),i={x:t.x,y:t.y},r=this.extendedItem.element.convertPointFromNode(i,this.designerCanvas.canvas),s=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),a={x:parseFloat(s[0]),y:parseFloat(s[1])},l=Math.atan2(this._rotateCirclePosition.y-a.y,this._rotateCirclePosition.x-a.x)*180/Math.PI+90,c=Math.atan2(r.y-a.y,r.x-a.x)*180/Math.PI+90-l;return $(e)||(c=Math.round(c/15)*15),V(this.extendedItem,c)}dispose(){this._removeAllOverlays()}}});import{css as Wv}from"@node-projects/base-custom-webcomponent";var Fo,_h=g(()=>{"use strict";vh();Fo=class{type;constructor(e="center-top"){this.type=e}shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new zo(e,t,i)}static style=Wv`.svg-primary-rotate{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-transparent{fill:transparent;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-selection,#3899ec);stroke-width:1}`}});var Bo,xh=g(()=>{"use strict";$e();Oe();de();le();Bo=class extends F{_rotateLine;_rotateCircle;_rectLine1;_rectLine2;_rectLine3;_rectLine4;_initialCorners;_startAngle;_groupCenter;_initialHandleX;_initialHandleY;_initialLineX1;_initialLineY1;_initialLineX2;_initialLineY2;_currentDelta=0;_elementStartStates;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=ue(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements);if(i.length<2)return;let r,o,s,a,l,c;if(this._elementStartStates){let h=this._currentDelta*Math.PI/180,p=Math.cos(h),d=Math.sin(h),u=(C,b)=>this._groupCenter.x+(C-this._groupCenter.x)*p-(b-this._groupCenter.y)*d,m=(C,b)=>this._groupCenter.y+(C-this._groupCenter.x)*d+(b-this._groupCenter.y)*p;r=u(this._initialHandleX,this._initialHandleY),o=m(this._initialHandleX,this._initialHandleY),s=u(this._initialLineX1,this._initialLineY1),a=m(this._initialLineX1,this._initialLineY1),l=u(this._initialLineX2,this._initialLineY2),c=m(this._initialLineX2,this._initialLineY2);let y=this._initialCorners.map(C=>({x:u(C.x,C.y),y:m(C.x,C.y)})),v=(2/this.designerCanvas.zoomFactor).toString();this._rectLine1=this._drawLine(y[0].x,y[0].y,y[1].x,y[1].y,"svg-rotate-group-rect",this._rectLine1),this._rectLine2=this._drawLine(y[1].x,y[1].y,y[2].x,y[2].y,"svg-rotate-group-rect",this._rectLine2),this._rectLine3=this._drawLine(y[2].x,y[2].y,y[3].x,y[3].y,"svg-rotate-group-rect",this._rectLine3),this._rectLine4=this._drawLine(y[3].x,y[3].y,y[0].x,y[0].y,"svg-rotate-group-rect",this._rectLine4),this._rectLine1.style.strokeWidth=v,this._rectLine2.style.strokeWidth=v,this._rectLine3.style.strokeWidth=v,this._rectLine4.style.strokeWidth=v}else{this._rectLine1&&(this._rectLine1.style.display="none",this._rectLine2.style.display="none",this._rectLine3.style.display="none",this._rectLine4.style.display="none");let h=si(i,this.designerCanvas),p=h.x+h.width/2,d=h.y;r=p,o=d-30/this.designerCanvas.zoomFactor,s=p,a=d-22/this.designerCanvas.zoomFactor,l=p,c=d-6/this.designerCanvas.zoomFactor}this._rotateLine=this._drawLine(s,a,l,c,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(r,o,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(r,o,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",h=>{h.stopPropagation(),h.target.setPointerCapture(h.pointerId);let p=ue(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),d=si(p,this.designerCanvas),u=d.x+d.width/2,m=d.y;this._groupCenter={x:u,y:d.y+d.height/2},this._initialHandleX=u,this._initialHandleY=m-30/this.designerCanvas.zoomFactor,this._initialLineX1=u,this._initialLineY1=m-22/this.designerCanvas.zoomFactor,this._initialLineX2=u,this._initialLineY2=m-6/this.designerCanvas.zoomFactor,this._initialCorners=[{x:d.x,y:d.y},{x:d.x+d.width,y:d.y},{x:d.x+d.width,y:d.y+d.height},{x:d.x,y:d.y+d.height}],this._rectLine1&&(this._rectLine1.style.display="",this._rectLine2.style.display="",this._rectLine3.style.display="",this._rectLine4.style.display="");let f=this.designerCanvas.getNormalizedEventCoordinates(h);this._startAngle=Math.atan2(f.y-this._groupCenter.y,f.x-this._groupCenter.x),this._currentDelta=0,this._elementStartStates=p.map(y=>{let v=this.designerCanvas.getNormalizedElementCoordinates(y.element),C=this.designerCanvas.getNormalizedElementCoordinates(y.parent.element),b=y.getStyle("rotate")??"0deg",_=parseFloat(b)||0,S=getComputedStyle(y.element),E=parseFloat(S.width)/2,I=parseFloat(S.height)/2;return{item:y,rotation:_,centerX:v.x+v.width/2,centerY:v.y+v.height/2,cssHalfWidth:E,cssHalfHeight:I,parentX:C.x,parentY:C.y,parentWidth:C.width,parentHeight:C.height,usesRight:y.hasStyle("right")&&!y.hasStyle("left"),usesBottom:y.hasStyle("bottom")&&!y.hasStyle("top")}})}),this._rotateCircle.addEventListener("pointermove",h=>{if(h.stopPropagation(),!!this._elementStartStates){this._currentDelta=this._getDelta(h);for(let p of this._elementStartStates)this._applyRotation(p,this._currentDelta,!1)}}),this._rotateCircle.addEventListener("pointerup",h=>{if(h.stopPropagation(),h.target.releasePointerCapture(h.pointerId),!this._elementStartStates)return;let p=this._getDelta(h),d=this.designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup("rotateGroup");for(let u of this._elementStartStates)this._applyRotation(u,p,!0);d.commit(),this._elementStartStates=null,this._currentDelta=0}))}_getDelta(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),r=(Math.atan2(t.y-this._groupCenter.y,t.x-this._groupCenter.x)-this._startAngle)*180/Math.PI;return r=((r+180)%360+360)%360-180,$(e)||(r=Math.round(r/15)*15),r}_applyRotation(e,t,i){let r=t*Math.PI/180,o=Math.cos(r),s=Math.sin(r),a=e.centerX-this._groupCenter.x,l=e.centerY-this._groupCenter.y,c=this._groupCenter.x+a*o-l*s,h=this._groupCenter.y+a*s+l*o,p=V(e.item,e.rotation+t),d=c-e.cssHalfWidth-e.parentX,u=h-e.cssHalfHeight-e.parentY,m=e.parentX+e.parentWidth-c-e.cssHalfWidth,f=e.parentY+e.parentHeight-h-e.cssHalfHeight;if(i)e.usesRight?e.item.setStyle("right",m+"px"):e.item.setStyle("left",d+"px"),e.usesBottom?e.item.setStyle("bottom",f+"px"):e.item.setStyle("top",u+"px"),e.item.setStyle("rotate",p+"deg");else{let y=e.item.element;e.usesRight?y.style.right=m+"px":y.style.left=d+"px",e.usesBottom?y.style.bottom=f+"px":y.style.top=u+"px",y.style.rotate=p+"deg"}}dispose(){this._removeAllOverlays()}}});import{css as Gv}from"@node-projects/base-custom-webcomponent";var Ho,bh=g(()=>{"use strict";xh();Ho=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new Bo(e,t,i)}static style=Gv`.svg-primary-rotate{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-selection,#3899ec);stroke-width:1}.svg-rotate-group-rect{stroke:var(--wcd-color-selection,#3899ec);fill:transparent;stroke-width:2;stroke-dasharray:5 3}`}});var Wo,wh=g(()=>{"use strict";me();se();Wo=class{cursor="zoom-in";_rect;_startPoint;_endPoint;_pointerMovementTolerance=5;_zoomStepSize=.2;activated(e){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._startPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._startPoint.x*e.zoomFactor),this._rect.setAttribute("y",this._startPoint.y*e.zoomFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,M.Foreground);break;case k.PointerMove:if(this._startPoint){let s=r.x-this._startPoint.x,a=r.y-this._startPoint.y;s>=0?(this._rect.setAttribute("x",this._startPoint.x),this._rect.setAttribute("width",s)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*s)),a>=0?(this._rect.setAttribute("y",this._startPoint.y),this._rect.setAttribute("height",a)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*a))}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._endPoint=r;let o=t.button==0;switch(t.button){case 0:case 2:this._zoomOnto(o,this._startPoint,this._endPoint,e);break}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._startPoint=null;break}}_zoomOnto(e,t,i,r){if(this._isPositionEqual(t,i)){let o=r.zoomFactor,s=e?o+this._zoomStepSize:o-this._zoomStepSize;r.zoomTowardsPoint(i,s)}else r.zoomOntoRectangle(t,i)}_isPositionEqual(e,t){let i=this._pointerMovementTolerance;return Math.abs(e.x-t.x)<=i&&Math.abs(e.y-t.y)<=i}keyboardEventHandler(e,t,i){}dispose(){}}});var Go,Sh=g(()=>{"use strict";me();Go=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case k.PointerMove:(t.buttons==1||t.buttons==4)&&(e.canvasOffset={x:e.canvasOffset.x+t.movementX/e.zoomFactor,y:e.canvasOffset.y+t.movementY/e.zoomFactor});break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var T,Tt=g(()=>{"use strict";(function(n){n.copy="copy",n.paste="paste",n.cut="cut",n.delete="delete",n.undo="undo",n.redo="redo",n.holdUndo="holdUndo",n.holdRedo="holdRedo",n.rotateCounterClockwise="rotateCounterClockwise",n.rotateClockwise="rotateClockwise",n.mirrorHorizontal="mirrorHorizontal",n.mirrorVertical="mirrorVertical",n.selectAll="selectAll",n.moveToFront="moveToFront",n.moveForward="moveForward",n.moveBackward="moveBackward",n.moveToBack="moveToBack",n.arrangeLeft="arrangeLeft",n.arrangeCenter="arrangeCenter",n.arrangeRight="arrangeRight",n.arrangeTop="arrangeTop",n.arrangeMiddle="arrangeMiddle",n.arrangeBottom="arrangeBottom",n.unifyWidth="unifyWidth",n.unifyHeight="unifyHeight",n.distributeHorizontal="distributeHorizontaly",n.distributeVertical="distributeVertical",n.setTool="setTool",n.setStrokeColor="setStrokeColor",n.setFillBrush="setFillBrush",n.setStrokeThickness="setStrokeThickness",n.screenshot="screenshot"})(T||(T={}))});var jo,Ch=g(()=>{"use strict";Tt();he();jo=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return t.readOnly?[{title:"copy",icon:`<img src="${P+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:T.copy})},shortCut:"Ctrl + C",disabled:i===null}]:[{title:"copy",icon:`<img src="${P+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:T.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${P+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:T.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${P+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:T.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${P+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:T.delete})},shortCut:"Del",disabled:i===null}]}}});function Uv(n){return n.startsWith("border")||n.startsWith("corner")}function Xv(n){return n.startsWith("background")}function $v(n){return n==="transform"||n.startsWith("transform-")||Yv.has(n)}function Kv(n){return n.startsWith("font")||n.startsWith("text")||jv.has(n)}function Qv(n,e){let t=[],i=new Set;for(let r=0;r<n.length;r++){let o=z.camelToDashCase(n[r]);if(!o||i.has(o)||!e(o))continue;let s=n.getPropertyValue(o)?.trim();s&&(i.add(o),t.push({name:o,value:s}))}return t}function Wm(n){let e=n.filter(a=>Uv(a.name)),t=n.filter(a=>Xv(a.name)),i=n.filter(a=>$v(a.name)),r=n.filter(a=>Kv(a.name)),o=[],s=new Set;for(let a of[e,t,i,r])for(let l of a)s.has(l.name)||(s.add(l.name),o.push(l));return{all:o,border:e,background:t,transform:i,text:r}}function eP(n){let e=Qv(n,()=>!0);return Wm(e)}function Gm(n){let e=[],t=new Set;for(let[i,r]of n){let o=i?.trim().toLowerCase(),s=r?.trim();!o||!s||t.has(o)||(t.add(o),e.push({name:o,value:s}))}return e.length?Wm(e):null}function jm(n,e){return n[e]}var J1,jv,Yv,Eh=g(()=>{"use strict";Ie();J1=["all","border","background","transform","text"],jv=new Set(["color","caret-color","line-height","letter-spacing","word-spacing","white-space","word-break","overflow-wrap","hyphens","tab-size","direction","writing-mode","unicode-bidi"]),Yv=new Set(["translate","rotate","scale"])});var Yo,Ph=g(()=>{"use strict";ee();Eh();Yo=class{shouldProvideContextmenu(e,t,i,r){return!t.readOnly&&this._getTargetDesignItems(t).length>0}provideContextMenuItems(e,t,i){return[{title:"paste format",children:[this._createPasteFormatItem(t,"all"),{title:"-"},this._createPasteFormatItem(t,"border"),this._createPasteFormatItem(t,"background"),this._createPasteFormatItem(t,"transform"),this._createPasteFormatItem(t,"text")]}]}_createPasteFormatItem(e,t){return{title:t,action:()=>{this._pasteFormat(e,t)}}}_getTargetDesignItems(e){return e.instanceServiceContainer.selectionService.selectedElements?.filter(t=>t?.nodeType===A.Element&&!t.isRootItem)??[]}async _pasteFormat(e,t){let[i]=await e.serviceContainer.copyPasteService.getPasteItems(e.serviceContainer,e.instanceServiceContainer),r=i?.find(h=>h?.nodeType===A.Element&&h.hasStyles&&!h.isRootItem),o=r?Gm(r.styles()):null;if(!o)return;let s=jm(o,t),a=this._getTargetDesignItems(e);if(!s.length||!a.length)return;let l=a[0].openGroup(`paste format: ${t}`),c=!1;for(let h of a)for(let p of s)h.getStyle(p.name)!==p.value&&(h.setStyle(p.name,p.value),c=!0);c?l.commit():l.abort()}}});import{BaseCustomWebComponentConstructorAppend as Zv,css as qv,html as Jv}from"@node-projects/base-custom-webcomponent";var xe,Mt=g(()=>{"use strict";xe=class extends Zv{static style=qv`:host{position:fixed;display:block;z-index:9999;min-width:200px;user-select:none;touch-action:none}.window-frame{background:var(--wcd-color-surface-raised,#2c2c2c);border:1px solid var(--wcd-color-border-strong,#111);border-radius:4px;box-shadow:0 4px 24px var(--wcd-tool-window-shadow-color,rgba(0,0,0,.7));display:flex;flex-direction:column;overflow:hidden}.title-bar{display:flex;align-items:center;justify-content:space-between;background:var(--wcd-color-surface,#1a1a1a);padding:2px 5px;cursor:move;flex-shrink:0;height:18px;box-sizing:border-box}.title-text{color:var(--wcd-color-text-muted,#ccc);font-size:11px;font-family:sans-serif;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn{width:14px;height:14px;background:0 0;border:none;color:var(--wcd-color-text-muted,#888);font-size:12px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:2px;flex-shrink:0}.close-btn:hover{background:var(--wcd-tool-window-close-hover-background,#c0392b);color:var(--wcd-color-text,#fff)}.window-content{overflow:auto}`;static template=Jv`<div class="window-frame"><div class="title-bar" id="title-bar"><span class="title-text" id="title-text"></span> <button class="close-btn" id="close-btn" title="Close">✕</button></div><div class="window-content" id="window-content"></div></div>`;get windowContentStyle(){return null}_dragging=!1;_dragOffsetX=0;_dragOffsetY=0;_titleBar;_titleText;_closeBtn;_contentArea;constructor(){super(),this._titleBar=this._getDomElement("title-bar"),this._titleText=this._getDomElement("title-text"),this._closeBtn=this._getDomElement("close-btn"),this._contentArea=this._getDomElement("window-content"),this._titleText.textContent=this.windowTitle;let e=this.windowTemplate;if(typeof e=="string"){let i=document.createElement("template");i.innerHTML=e,this._contentArea.appendChild(i.content.cloneNode(!0))}else this._contentArea.appendChild(e.content.cloneNode(!0));let t=this.windowContentStyle;t&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,t]),this._closeBtn.onclick=()=>this._close(),this._titleBar.addEventListener("pointerdown",i=>this._onPointerDown(i))}connectedCallback(){!this.style.left&&!this.style.top&&(this.style.left="100px",this.style.top="100px")}_close(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.remove()}_onPointerDown(e){if(e.button!==0||e.target===this._closeBtn)return;e.preventDefault(),this._dragging=!0;let t=this.getBoundingClientRect();this._dragOffsetX=e.clientX-t.left,this._dragOffsetY=e.clientY-t.top,this._titleBar.setPointerCapture(e.pointerId),this._titleBar.addEventListener("pointermove",this._onPointerMove),this._titleBar.addEventListener("pointerup",this._onPointerUp)}_onPointerMove=e=>{if(!this._dragging)return;let t=e.clientX-this._dragOffsetX,i=e.clientY-this._dragOffsetY;t=Math.max(0,Math.min(t,window.innerWidth-40)),i=Math.max(0,Math.min(i,window.innerHeight-30)),this.style.left=t+"px",this.style.top=i+"px"};_onPointerUp=e=>{this._dragging=!1,this._titleBar.releasePointerCapture(e.pointerId),this._titleBar.removeEventListener("pointermove",this._onPointerMove),this._titleBar.removeEventListener("pointerup",this._onPointerUp)};static showWindow(e,t){if(t){let i=t.getBoundingClientRect();e.style.left=i.right+8+"px",e.style.top=i.top+"px"}else e.style.left=Math.max(0,(window.innerWidth-260)/2)+"px",e.style.top="120px";document.body.appendChild(e)}}});import{css as e_}from"@node-projects/base-custom-webcomponent";var yi,Uo=g(()=>{"use strict";Mt();Oe();de();yi=class extends xe{_designerCanvas;_previousSelectionRect;_selectionChanged;_relativeButton;_absoluteButton;_applyButton;_inputX;_inputY;_inputR;_inputSpacingX;_inputSpacingY;_originTopLeft;_originTopMid;_originTopRight;_originMidLeft;_originMidMid;_originMidRight;_originBotLeft;_originBotMid;_originBotRight;_transformMode;_transformOrigin;get windowTitle(){return"Transform"}get windowContentStyle(){return e_`:host{width:232px;font:12px system-ui,sans-serif;color:var(--wcd-designer-view-statusbar-color,#354348)}.window-frame{background:var(--wcd-tool-popup-background,var(--wcd-designer-view-statusbar-background,#787f82));border:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.title-bar{height:29px;padding:6px 8px;background:var(--wcd-tool-popup-title-background,rgba(255,255,255,.08));border-bottom:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a))}.title-text{font:600 11px/16px system-ui,sans-serif;color:inherit}.close-btn{color:inherit;width:20px;height:20px;border-radius:4px}.window-content{padding:8px}#input-div,#spacing-div{display:grid;gap:6px 8px;align-items:center;font-size:11px}#input-div{grid-template-columns:auto minmax(0,1fr)}#spacing-div{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px;padding-top:8px;border-top:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a))}input[type=number]{box-sizing:border-box;width:100%;min-width:0;height:24px;padding:0 4px;border:1px solid var(--wcd-color-border,#596c7a);border-radius:4px;background:var(--wcd-input-background-color,#fff);color:inherit;font:inherit}#button-div{display:flex;gap:4px;margin-top:8px}#button-div button{flex:1}.window-content button{height:24px;border:0;border-radius:4px;padding:0 8px;font:inherit;color:inherit;background:rgba(255,255,255,.12);cursor:pointer}#transform-button-apply,.window-content button[aria-pressed=true]{background:var(--wcd-designer-view-tool-selected-background,#00bfff)}.close-btn:hover,.window-content button:hover{background:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6));color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}#origin-div{display:grid;justify-items:center;gap:8px;margin:12px 0;font-size:11px}#cube{display:grid;grid-template-columns:repeat(3,16px);gap:8px;padding:8px;border:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));border-radius:4px;background:rgba(255,255,255,.08)}#cube input{width:16px;height:16px;margin:0;accent-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}#apply-div{display:flex;justify-content:flex-end}`}get windowTemplate(){return`
       <div id="input-div">
         <label for="transform-input-x">X</label>
         <input type="number" id="transform-input-x">
@@ -40,7 +40,7 @@ var kl=Object.defineProperty;var tg=Object.getOwnPropertyDescriptor;var ig=Objec
 
       <div id="apply-div">
         <button id="transform-button-apply" style="width:100px;">Apply</button>
-      </div>`}constructor(e){super(),this._designerCanvas=e,this._relativeButton=this._getDomElement("transform-button-relative"),this._absoluteButton=this._getDomElement("transform-button-absolute"),this._applyButton=this._getDomElement("transform-button-apply"),this._inputX=this._getDomElement("transform-input-x"),this._inputY=this._getDomElement("transform-input-y"),this._inputR=this._getDomElement("transform-input-r"),this._inputSpacingX=this._getDomElement("spacing-input-x"),this._inputSpacingY=this._getDomElement("spacing-input-y"),this._originTopLeft=this._getDomElement("origin-top-left"),this._originTopMid=this._getDomElement("origin-top-mid"),this._originTopRight=this._getDomElement("origin-top-right"),this._originMidLeft=this._getDomElement("origin-mid-left"),this._originMidMid=this._getDomElement("origin-mid-mid"),this._originMidRight=this._getDomElement("origin-mid-right"),this._originBotLeft=this._getDomElement("origin-bot-left"),this._originBotMid=this._getDomElement("origin-bot-mid"),this._originBotRight=this._getDomElement("origin-bot-right"),this._relativeButton.onclick=()=>this._changePositionMode("relative"),this._absoluteButton.onclick=()=>this._changePositionMode("absolute"),this._applyButton.onclick=()=>this._applyTransform(),this._transformMode="relative",this._changePositionMode(this._transformMode)}_changePositionMode(e){this._relativeButton.setAttribute("aria-pressed",String(e==="relative")),this._absoluteButton.setAttribute("aria-pressed",String(e==="absolute")),this._transformMode=e}_applyTransform(){if(this._checkOrigin(),!this._designerCanvas)return;let e=this._designerCanvas.instanceServiceContainer.selectionService.selectedElements;if(e=ue(e),this._selectionChanged=!1,this._designerCanvas.instanceServiceContainer.selectionService.onSelectionChanged.once(()=>{this._selectionChanged=!0,this._previousSelectionRect=null}),e.length!=0){let t={x:isNaN(this._inputX.valueAsNumber)?null:this._inputX.valueAsNumber,y:isNaN(this._inputY.valueAsNumber)?null:this._inputY.valueAsNumber},i=this._inputR.valueAsNumber?this._inputR.valueAsNumber:0,r=e[0].openGroup("Transform selection");(!this._previousSelectionRect||this._selectionChanged)&&(this._previousSelectionRect=si(e,this._designerCanvas));let o=this._calculateTransformOriginPosition(this._previousSelectionRect);for(let s of e){let a={x:parseFloat(s.getStyle("left")),y:parseFloat(s.getStyle("top")),width:parseFloat(s.getStyle("width")),height:parseFloat(s.getStyle("height"))},l=s.getStyle("transform"),c=0;l&&(c=parseFloat(s.getStyle("transform").replaceAll("rotate(","").replaceAll("deg)","")));let h=this._calculateTransform(this._previousSelectionRect,o,a,i,t,this._transformMode);s.setStyle("left",h.x.toString()+"px"),s.setStyle("top",h.y.toString()+"px");let p;for(this._transformMode=="relative"?p=c+i:p=i;p>=360;)p-=360;p!=0?s.setStyle("transform","rotate("+p+"deg)"):s.removeStyle("transform")}this._applySpacing(e),r.commit()}}_calculateTransformOriginPosition(e){switch(this._transformOrigin){case"topLeft":return{x:e.x,y:e.y};case"topMid":return{x:e.x+e.width/2,y:e.y};case"topRight":return{x:e.x+e.width,y:e.y};case"midLeft":return{x:e.x,y:e.y+e.height/2};case"midMid":return{x:e.x+e.width/2,y:e.y+e.height/2};case"midRight":return{x:e.x+e.width,y:e.y+e.height/2};case"botLeft":return{x:e.x,y:e.y+e.height};case"botMid":return{x:e.x+e.width/2,y:e.y+e.height};case"botRight":return{x:e.x+e.width,y:e.y+e.height}}}_checkOrigin(){this._originTopLeft.checked?this._transformOrigin="topLeft":this._originTopMid.checked?this._transformOrigin="topMid":this._originTopRight.checked?this._transformOrigin="topRight":this._originMidLeft.checked?this._transformOrigin="midLeft":this._originMidMid.checked?this._transformOrigin="midMid":this._originMidRight.checked?this._transformOrigin="midRight":this._originBotLeft.checked?this._transformOrigin="botLeft":this._originBotMid.checked?this._transformOrigin="botMid":this._originBotRight.checked&&(this._transformOrigin="botRight")}_calculateTransform(e,t,i,r,o,s){let a;r=r*(Math.PI/180),s=="absolute"&&(o.x&&(o.x=o.x-e.x),o.y&&(o.y=o.y-e.y)),t={x:t.x-i.width/2,y:t.y-i.height/2};let l={x:i.x-t.x,y:i.y-t.y};return a={x:Math.cos(r)*l.x-Math.sin(r)*l.y+t.x+o.x,y:Math.sin(r)*l.x+Math.cos(r)*l.y+t.y+o.y},a}_applySpacing(e){let t=this._inputSpacingX.valueAsNumber,i=this._inputSpacingY.valueAsNumber;if(!isNaN(t)){let r=e.sort((s,a)=>parseFloat(s.getStyle("left"))-parseFloat(a.getStyle("left"))),o=parseFloat(r[0].getStyle("left"));for(let s=0;s<r.length;s++)r[s].setStyle("left",s*t+o+"px")}if(!isNaN(i)){let r=e.sort((s,a)=>parseFloat(s.getStyle("top"))-parseFloat(a.getStyle("top"))),o=parseFloat(r[0].getStyle("top"));for(let s=0;s<r.length;s++)r[s].setStyle("top",s*i+o+"px")}}};customElements.define("node-projects-designer-transform-tool-popup",yi)});import{css as t_}from"@node-projects/base-custom-webcomponent";function Xo(){return{inset:!1,offsetX:5,offsetY:5,blur:10,spread:0,color:"#000000",opacity:50,enabled:!0}}function i_(n,e,t){return"#"+[n,e,t].map(i=>i.toString(16).padStart(2,"0")).join("")}function r_(n){let e=[],t=0,i="";for(let o=0;o<n.length;o++){let s=n[o];if(s==="(")t++;else if(s===")")t--;else if(s===","&&t===0){let a=i.trim();a&&e.push(a),i="";continue}i+=s}let r=i.trim();return r&&e.push(r),e}function n_(n){if(!n||n==="none")return[Xo()];let e=[];for(let t of r_(n)){let i=o_(t.trim());i&&e.push(i)}return e.length?e:[Xo()]}function o_(n){let e="#000000",t=100,i=n,r=i.match(/(rgba?\([^)]+\)|hsla?\([^)]+\))/);if(r){let l=r[1];i=i.replace(l,"").trim();let c=l.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);c&&(e=i_(parseInt(c[1]),parseInt(c[2]),parseInt(c[3])),t=c[4]!=null?Math.round(parseFloat(c[4])*100):100)}else{let l=i.match(/(#[0-9a-fA-F]{3,8})/);l&&(e=l[1].length===4?"#"+l[1].slice(1).split("").map(c=>c+c).join(""):l[1].slice(0,7),i=i.replace(l[1],"").trim())}let o=i.split(/\s+/).filter(Boolean),s=!1,a=[];for(let l of o){if(l==="inset"){s=!0;continue}let c=parseFloat(l);isNaN(c)||a.push(c)}return a.length<2?null:{inset:s,offsetX:a[0]??0,offsetY:a[1]??0,blur:a[2]??0,spread:a[3]??0,color:e,opacity:t,enabled:!0}}function s_(n){let e=a_(n.color),t=(n.opacity/100).toFixed(2);return`${n.inset?"inset ":""}${n.offsetX}px ${n.offsetY}px ${n.blur}px ${n.spread}px rgba(${e},${t})`}function a_(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}var kr,kh=g(()=>{"use strict";Mt();kr=class extends xe{_designerCanvas;_layers=[Xo()];_selectedIndex=0;_layerList;_removeBtn;_insetCheck;_enabledCheck;_inputX;_inputY;_inputBlur;_inputSpread;_inputColor;_inputOpacity;_opacityVal;_previewBox;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Box Shadow Editor"}get windowContentStyle(){return t_`*{box-sizing:border-box}.bse-root{display:flex;flex-direction:column;width:380px;color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;padding:8px;gap:8px;background:var(--wcd-color-surface-raised,#2c2c2c)}.preview-area{display:flex;align-items:center;justify-content:center;height:110px;background:repeating-conic-gradient(#444 0 25%,#333 0 50%) 0 0/16px 16px;border-radius:4px;border:1px solid var(--wcd-color-border-strong,#111)}.preview-box{width:70px;height:70px;background:var(--wcd-box-shadow-editor-preview-background,#fff);border-radius:4px}.layers-row{display:flex;gap:6px;align-items:flex-start}.layer-list{list-style:none;margin:0;padding:0;flex:1;min-height:60px;max-height:100px;overflow-y:auto;background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border-strong,#111);border-radius:3px}.layer-list li{padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-list li.selected{background:var(--wcd-box-shadow-editor-preview-box-background,#3a3a5a)}.layer-list li .swatch{width:12px;height:12px;border-radius:2px;border:1px solid var(--wcd-color-border,#555);flex-shrink:0;display:inline-block}.layer-list li .disabled-label{opacity:.4}.layer-buttons{display:flex;flex-direction:column;gap:4px}.layer-buttons button{width:24px;height:24px;padding:0;font-size:14px;background:var(--wcd-color-surface-hover,#444);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border-strong,#222);border-radius:3px;cursor:pointer;line-height:1}.layer-buttons button:hover{background:#666}.controls{display:grid;grid-template-columns:90px 1fr 36px;gap:4px 6px;align-items:center}.controls label{color:var(--wcd-color-text-muted,#aaa)}.controls input[type=range]{width:100%}.controls input[type=number]{width:100%;background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#444);color:var(--wcd-color-text,#ddd);border-radius:3px;padding:2px 4px}.controls input[type=color]{width:100%;height:24px;padding:1px;background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#444);border-radius:3px;cursor:pointer}.check-row{display:flex;gap:14px;align-items:center;margin-bottom:2px}.check-row label{display:flex;align-items:center;gap:4px;cursor:pointer;user-select:none}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:11px;padding:6px;resize:none;width:100%;height:48px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:4px 12px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}.val-label{text-align:right;color:var(--wcd-color-text-muted,#888)}`}get windowTemplate(){return`
+      </div>`}constructor(e){super(),this._designerCanvas=e,this._relativeButton=this._getDomElement("transform-button-relative"),this._absoluteButton=this._getDomElement("transform-button-absolute"),this._applyButton=this._getDomElement("transform-button-apply"),this._inputX=this._getDomElement("transform-input-x"),this._inputY=this._getDomElement("transform-input-y"),this._inputR=this._getDomElement("transform-input-r"),this._inputSpacingX=this._getDomElement("spacing-input-x"),this._inputSpacingY=this._getDomElement("spacing-input-y"),this._originTopLeft=this._getDomElement("origin-top-left"),this._originTopMid=this._getDomElement("origin-top-mid"),this._originTopRight=this._getDomElement("origin-top-right"),this._originMidLeft=this._getDomElement("origin-mid-left"),this._originMidMid=this._getDomElement("origin-mid-mid"),this._originMidRight=this._getDomElement("origin-mid-right"),this._originBotLeft=this._getDomElement("origin-bot-left"),this._originBotMid=this._getDomElement("origin-bot-mid"),this._originBotRight=this._getDomElement("origin-bot-right"),this._relativeButton.onclick=()=>this._changePositionMode("relative"),this._absoluteButton.onclick=()=>this._changePositionMode("absolute"),this._applyButton.onclick=()=>this._applyTransform(),this._transformMode="relative",this._changePositionMode(this._transformMode)}_changePositionMode(e){this._relativeButton.setAttribute("aria-pressed",String(e==="relative")),this._absoluteButton.setAttribute("aria-pressed",String(e==="absolute")),this._transformMode=e}_applyTransform(){if(this._checkOrigin(),!this._designerCanvas)return;let e=this._designerCanvas.instanceServiceContainer.selectionService.selectedElements;if(e=ue(e),this._selectionChanged=!1,this._designerCanvas.instanceServiceContainer.selectionService.onSelectionChanged.once(()=>{this._selectionChanged=!0,this._previousSelectionRect=null}),e.length!=0){let t={x:isNaN(this._inputX.valueAsNumber)?null:this._inputX.valueAsNumber,y:isNaN(this._inputY.valueAsNumber)?null:this._inputY.valueAsNumber},i=this._inputR.valueAsNumber?this._inputR.valueAsNumber:0,r=e[0].openGroup("Transform selection");(!this._previousSelectionRect||this._selectionChanged)&&(this._previousSelectionRect=si(e,this._designerCanvas));let o=this._calculateTransformOriginPosition(this._previousSelectionRect);for(let s of e){let a={x:parseFloat(s.getStyle("left")),y:parseFloat(s.getStyle("top")),width:parseFloat(s.getStyle("width")),height:parseFloat(s.getStyle("height"))},l=s.getStyle("transform"),c=0;l&&(c=parseFloat(s.getStyle("transform").replaceAll("rotate(","").replaceAll("deg)","")));let h=this._calculateTransform(this._previousSelectionRect,o,a,i,t,this._transformMode);s.setStyle("left",h.x.toString()+"px"),s.setStyle("top",h.y.toString()+"px");let p;for(this._transformMode=="relative"?p=c+i:p=i;p>=360;)p-=360;p!=0?s.setStyle("transform","rotate("+p+"deg)"):s.removeStyle("transform")}this._applySpacing(e),r.commit()}}_calculateTransformOriginPosition(e){switch(this._transformOrigin){case"topLeft":return{x:e.x,y:e.y};case"topMid":return{x:e.x+e.width/2,y:e.y};case"topRight":return{x:e.x+e.width,y:e.y};case"midLeft":return{x:e.x,y:e.y+e.height/2};case"midMid":return{x:e.x+e.width/2,y:e.y+e.height/2};case"midRight":return{x:e.x+e.width,y:e.y+e.height/2};case"botLeft":return{x:e.x,y:e.y+e.height};case"botMid":return{x:e.x+e.width/2,y:e.y+e.height};case"botRight":return{x:e.x+e.width,y:e.y+e.height}}}_checkOrigin(){this._originTopLeft.checked?this._transformOrigin="topLeft":this._originTopMid.checked?this._transformOrigin="topMid":this._originTopRight.checked?this._transformOrigin="topRight":this._originMidLeft.checked?this._transformOrigin="midLeft":this._originMidMid.checked?this._transformOrigin="midMid":this._originMidRight.checked?this._transformOrigin="midRight":this._originBotLeft.checked?this._transformOrigin="botLeft":this._originBotMid.checked?this._transformOrigin="botMid":this._originBotRight.checked&&(this._transformOrigin="botRight")}_calculateTransform(e,t,i,r,o,s){let a;r=r*(Math.PI/180),s=="absolute"&&(o.x&&(o.x=o.x-e.x),o.y&&(o.y=o.y-e.y)),t={x:t.x-i.width/2,y:t.y-i.height/2};let l={x:i.x-t.x,y:i.y-t.y};return a={x:Math.cos(r)*l.x-Math.sin(r)*l.y+t.x+o.x,y:Math.sin(r)*l.x+Math.cos(r)*l.y+t.y+o.y},a}_applySpacing(e){let t=this._inputSpacingX.valueAsNumber,i=this._inputSpacingY.valueAsNumber;if(!isNaN(t)){let r=e.sort((s,a)=>parseFloat(s.getStyle("left"))-parseFloat(a.getStyle("left"))),o=parseFloat(r[0].getStyle("left"));for(let s=0;s<r.length;s++)r[s].setStyle("left",s*t+o+"px")}if(!isNaN(i)){let r=e.sort((s,a)=>parseFloat(s.getStyle("top"))-parseFloat(a.getStyle("top"))),o=parseFloat(r[0].getStyle("top"));for(let s=0;s<r.length;s++)r[s].setStyle("top",s*i+o+"px")}}};customElements.define("node-projects-designer-transform-tool-popup",yi)});import{css as t_}from"@node-projects/base-custom-webcomponent";function Xo(){return{inset:!1,offsetX:5,offsetY:5,blur:10,spread:0,color:"#000000",opacity:50,enabled:!0}}function i_(n,e,t){return"#"+[n,e,t].map(i=>i.toString(16).padStart(2,"0")).join("")}function r_(n){let e=[],t=0,i="";for(let o=0;o<n.length;o++){let s=n[o];if(s==="(")t++;else if(s===")")t--;else if(s===","&&t===0){let a=i.trim();a&&e.push(a),i="";continue}i+=s}let r=i.trim();return r&&e.push(r),e}function n_(n){if(!n||n==="none")return[Xo()];let e=[];for(let t of r_(n)){let i=o_(t.trim());i&&e.push(i)}return e.length?e:[Xo()]}function o_(n){let e="#000000",t=100,i=n,r=i.match(/(rgba?\([^)]+\)|hsla?\([^)]+\))/);if(r){let l=r[1];i=i.replace(l,"").trim();let c=l.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);c&&(e=i_(parseInt(c[1]),parseInt(c[2]),parseInt(c[3])),t=c[4]!=null?Math.round(parseFloat(c[4])*100):100)}else{let l=i.match(/(#[0-9a-fA-F]{3,8})/);l&&(e=l[1].length===4?"#"+l[1].slice(1).split("").map(c=>c+c).join(""):l[1].slice(0,7),i=i.replace(l[1],"").trim())}let o=i.split(/\s+/).filter(Boolean),s=!1,a=[];for(let l of o){if(l==="inset"){s=!0;continue}let c=parseFloat(l);isNaN(c)||a.push(c)}return a.length<2?null:{inset:s,offsetX:a[0]??0,offsetY:a[1]??0,blur:a[2]??0,spread:a[3]??0,color:e,opacity:t,enabled:!0}}function s_(n){let e=a_(n.color),t=(n.opacity/100).toFixed(2);return`${n.inset?"inset ":""}${n.offsetX}px ${n.offsetY}px ${n.blur}px ${n.spread}px rgba(${e},${t})`}function a_(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}var Ir,kh=g(()=>{"use strict";Mt();Ir=class extends xe{_designerCanvas;_layers=[Xo()];_selectedIndex=0;_layerList;_removeBtn;_insetCheck;_enabledCheck;_inputX;_inputY;_inputBlur;_inputSpread;_inputColor;_inputOpacity;_opacityVal;_previewBox;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Box Shadow Editor"}get windowContentStyle(){return t_`*{box-sizing:border-box}.bse-root{display:flex;flex-direction:column;width:380px;color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;padding:8px;gap:8px;background:var(--wcd-color-surface-raised,#2c2c2c)}.preview-area{display:flex;align-items:center;justify-content:center;height:110px;background:repeating-conic-gradient(#444 0 25%,#333 0 50%) 0 0/16px 16px;border-radius:4px;border:1px solid var(--wcd-color-border-strong,#111)}.preview-box{width:70px;height:70px;background:var(--wcd-box-shadow-editor-preview-background,#fff);border-radius:4px}.layers-row{display:flex;gap:6px;align-items:flex-start}.layer-list{list-style:none;margin:0;padding:0;flex:1;min-height:60px;max-height:100px;overflow-y:auto;background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border-strong,#111);border-radius:3px}.layer-list li{padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-list li.selected{background:var(--wcd-box-shadow-editor-preview-box-background,#3a3a5a)}.layer-list li .swatch{width:12px;height:12px;border-radius:2px;border:1px solid var(--wcd-color-border,#555);flex-shrink:0;display:inline-block}.layer-list li .disabled-label{opacity:.4}.layer-buttons{display:flex;flex-direction:column;gap:4px}.layer-buttons button{width:24px;height:24px;padding:0;font-size:14px;background:var(--wcd-color-surface-hover,#444);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border-strong,#222);border-radius:3px;cursor:pointer;line-height:1}.layer-buttons button:hover{background:#666}.controls{display:grid;grid-template-columns:90px 1fr 36px;gap:4px 6px;align-items:center}.controls label{color:var(--wcd-color-text-muted,#aaa)}.controls input[type=range]{width:100%}.controls input[type=number]{width:100%;background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#444);color:var(--wcd-color-text,#ddd);border-radius:3px;padding:2px 4px}.controls input[type=color]{width:100%;height:24px;padding:1px;background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#444);border-radius:3px;cursor:pointer}.check-row{display:flex;gap:14px;align-items:center;margin-bottom:2px}.check-row label{display:flex;align-items:center;gap:4px;cursor:pointer;user-select:none}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:11px;padding:6px;resize:none;width:100%;height:48px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:4px 12px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}.val-label{text-align:right;color:var(--wcd-color-text-muted,#888)}`}get windowTemplate(){return`
       <div class="bse-root">
         <div class="preview-area">
           <div class="preview-box" id="bse-preview"></div>
@@ -95,7 +95,7 @@ var kl=Object.defineProperty;var tg=Object.getOwnPropertyDescriptor;var ig=Objec
           <button id="bse-copy-btn">Copy CSS</button>
           <button class="apply-btn" id="bse-apply-btn">Apply to selection</button>
         </div>
-      </div>`}constructor(e){super(),this._designerCanvas=e,this._layerList=this._getDomElement("bse-layer-list"),this._removeBtn=this._getDomElement("bse-remove-btn"),this._insetCheck=this._getDomElement("bse-inset"),this._enabledCheck=this._getDomElement("bse-enabled"),this._inputX=this._getDomElement("bse-x"),this._inputY=this._getDomElement("bse-y"),this._inputBlur=this._getDomElement("bse-blur"),this._inputSpread=this._getDomElement("bse-spread"),this._inputColor=this._getDomElement("bse-color"),this._inputOpacity=this._getDomElement("bse-opacity"),this._opacityVal=this._getDomElement("bse-opacity-val"),this._previewBox=this._getDomElement("bse-preview"),this._cssOutput=this._getDomElement("bse-css-out"),this._loadBtn=this._getDomElement("bse-load-btn"),this._copyBtn=this._getDomElement("bse-copy-btn"),this._applyBtn=this._getDomElement("bse-apply-btn"),this._getDomElement("bse-add-btn").onclick=()=>this._addLayer(),this._getDomElement("bse-dup-btn").onclick=()=>this._duplicateLayer(),this._getDomElement("bse-up-btn").onclick=()=>this._moveLayer(-1),this._getDomElement("bse-down-btn").onclick=()=>this._moveLayer(1),this._removeBtn.onclick=()=>this._removeLayer(),this._insetCheck.onchange=()=>{this._currentLayer().inset=this._insetCheck.checked,this._refresh()},this._enabledCheck.onchange=()=>{this._currentLayer().enabled=this._enabledCheck.checked,this._refresh()};for(let[t,i,r]of[[this._inputX,"offsetX","bse-x-val"],[this._inputY,"offsetY","bse-y-val"],[this._inputBlur,"blur","bse-blur-val"],[this._inputSpread,"spread","bse-spread-val"]])t.oninput=()=>{this._currentLayer()[i]=Number(t.value),this._getDomElement(r).textContent=t.value+"px",this._refresh()};this._inputColor.oninput=()=>{this._currentLayer().color=this._inputColor.value,this._refresh()},this._inputOpacity.oninput=()=>{this._currentLayer().opacity=Number(this._inputOpacity.value),this._opacityVal.textContent=this._inputOpacity.value+"%",this._refresh()},this._copyBtn.onclick=()=>{navigator.clipboard?.writeText(this._cssOutput.value).catch(()=>{})},this._applyBtn.onclick=()=>this._applyToSelection(),this._loadBtn.onclick=()=>{this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()},this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()}_loadFromPrimarySelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.primarySelection;if(!e)return;let t=e.getStyle("box-shadow");t&&(this._layers=n_(t),this._selectedIndex=0)}_currentLayer(){return this._layers[this._selectedIndex]}_addLayer(){this._layers.push(Xo()),this._selectedIndex=this._layers.length-1,this._renderList(),this._loadControls(),this._refresh()}_duplicateLayer(){let e={...this._currentLayer()};this._layers.splice(this._selectedIndex+1,0,e),this._selectedIndex=this._selectedIndex+1,this._renderList(),this._loadControls(),this._refresh()}_removeLayer(){this._layers.length<=1||(this._layers.splice(this._selectedIndex,1),this._selectedIndex=Math.min(this._selectedIndex,this._layers.length-1),this._renderList(),this._loadControls(),this._refresh())}_moveLayer(e){let t=this._selectedIndex,i=t+e;i<0||i>=this._layers.length||([this._layers[t],this._layers[i]]=[this._layers[i],this._layers[t]],this._selectedIndex=i,this._renderList(),this._refresh())}_renderList(){this._layerList.innerHTML="",this._layers.forEach((e,t)=>{let i=document.createElement("li");t===this._selectedIndex&&i.classList.add("selected");let r=document.createElement("span");r.className="swatch",r.style.background=e.color,i.appendChild(r);let o=document.createElement("span");o.textContent=`${e.inset?"inset ":""}${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.spread}px`,e.enabled||o.classList.add("disabled-label"),i.appendChild(o),i.onclick=()=>{this._selectedIndex=t,this._renderList(),this._loadControls()},this._layerList.appendChild(i)})}_loadControls(){let e=this._currentLayer();this._insetCheck.checked=e.inset,this._enabledCheck.checked=e.enabled,this._inputX.value=String(e.offsetX),this._getDomElement("bse-x-val").textContent=e.offsetX+"px",this._inputY.value=String(e.offsetY),this._getDomElement("bse-y-val").textContent=e.offsetY+"px",this._inputBlur.value=String(e.blur),this._getDomElement("bse-blur-val").textContent=e.blur+"px",this._inputSpread.value=String(e.spread),this._getDomElement("bse-spread-val").textContent=e.spread+"px",this._inputColor.value=e.color,this._inputOpacity.value=String(e.opacity),this._opacityVal.textContent=e.opacity+"%"}_buildCss(){return this._layers.filter(e=>e.enabled).map(s_).join(", ")||"none"}_refresh(){let e=this._buildCss();this._previewBox.style.boxShadow=e,this._cssOutput.value=`box-shadow: ${e};`,this._renderList()}_applyToSelection(){if(!this._designerCanvas)return;let e=this._designerCanvas.instanceServiceContainer.selectionService.selectedElements;if(!e?.length)return;let t=this._buildCss(),i=e[0].openGroup("Apply box-shadow");for(let r of e)r.setStyle("box-shadow",t);i.commit()}};customElements.define("node-projects-designer-box-shadow-editor",kr)});import{css as l_}from"@node-projects/base-custom-webcomponent";function $o(){return{offsetX:2,offsetY:2,blur:4,color:"#000000",opacity:50,enabled:!0}}function c_(n,e,t){return"#"+[n,e,t].map(i=>i.toString(16).padStart(2,"0")).join("")}function h_(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}function p_(n){let e=[],t=0,i="";for(let o of n){if(o==="(")t++;else if(o===")")t--;else if(o===","&&t===0){let s=i.trim();s&&e.push(s),i="";continue}i+=o}let r=i.trim();return r&&e.push(r),e}function d_(n){let e=(n.opacity/100).toFixed(2);return`${n.offsetX}px ${n.offsetY}px ${n.blur}px rgba(${h_(n.color)},${e})`}function u_(n){if(!n||n==="none")return[$o()];let e=[];for(let t of p_(n)){let i=m_(t.trim());i&&e.push(i)}return e.length?e:[$o()]}function m_(n){let e="#000000",t=100,i=n,r=i.match(/(rgba?\([^)]+\)|hsla?\([^)]+\))/);if(r){let s=r[1];i=i.replace(s,"").trim();let a=s.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);a&&(e=c_(parseInt(a[1]),parseInt(a[2]),parseInt(a[3])),t=a[4]!=null?Math.round(parseFloat(a[4])*100):100)}else{let s=i.match(/(#[0-9a-fA-F]{3,8})/);s&&(e=s[1].length===4?"#"+s[1].slice(1).split("").map(a=>a+a).join(""):s[1].slice(0,7),i=i.replace(s[1],"").trim())}let o=i.split(/\s+/).filter(Boolean).map(s=>parseFloat(s)).filter(s=>!isNaN(s));return o.length<2?null:{offsetX:o[0]??0,offsetY:o[1]??0,blur:o[2]??0,color:e,opacity:t,enabled:!0}}var Ir,Ih=g(()=>{"use strict";Mt();Ir=class extends xe{_designerCanvas;_layers=[$o()];_selectedIndex=0;_layerList;_removeBtn;_enabledCheck;_inputX;_inputY;_inputBlur;_inputColor;_inputOpacity;_opacityVal;_previewText;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Text Shadow Editor"}get windowContentStyle(){return l_`*{box-sizing:border-box}.tse-root{display:flex;flex-direction:column;width:360px;color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;gap:6px;padding:8px;background:var(--wcd-color-surface-raised,#2a2a2a)}.preview-area{background:var(--wcd-color-surface,#1a1a1a);border:1px solid var(--wcd-color-border,#444);border-radius:4px;height:60px;display:flex;align-items:center;justify-content:center}.preview-text{font-size:28px;font-weight:700;color:var(--wcd-color-text,#fff);user-select:none}.layers-row{display:flex;gap:4px}.layer-list{flex:1;list-style:none;margin:0;padding:0;border:1px solid var(--wcd-color-border,#444);border-radius:3px;max-height:80px;overflow-y:auto;background:var(--wcd-color-surface,#1e1e1e)}.layer-list li{display:flex;align-items:center;gap:5px;padding:2px 5px;cursor:pointer;font-size:11px}.layer-list li:hover{background:#333}.layer-list li.selected{background:#2a4a7a}.swatch{width:12px;height:12px;border-radius:2px;border:1px solid var(--wcd-color-border,#555);flex-shrink:0}.disabled-label{opacity:.4}.layer-buttons{display:flex;flex-direction:column;gap:2px}.layer-buttons button{width:22px;height:22px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:13px;padding:0}.layer-buttons button:hover{background:#555}.controls{display:grid;grid-template-columns:60px 1fr 38px;gap:3px 6px;align-items:center}.controls label{color:var(--wcd-color-text-muted,#aaa)}.controls input[type=range]{width:100%}.controls input[type=color]{width:100%;height:22px;padding:1px;border:1px solid var(--wcd-color-border,#555);border-radius:3px;background:var(--wcd-color-surface,#1e1e1e);cursor:pointer}.check-row{display:flex;gap:12px;align-items:center}.check-row label{display:flex;align-items:center;gap:4px;cursor:pointer;user-select:none}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:11px;padding:6px;resize:none;width:100%;height:40px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:4px 12px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}.val-label{text-align:right;color:var(--wcd-color-text-muted,#888)}`}get windowTemplate(){return`
+      </div>`}constructor(e){super(),this._designerCanvas=e,this._layerList=this._getDomElement("bse-layer-list"),this._removeBtn=this._getDomElement("bse-remove-btn"),this._insetCheck=this._getDomElement("bse-inset"),this._enabledCheck=this._getDomElement("bse-enabled"),this._inputX=this._getDomElement("bse-x"),this._inputY=this._getDomElement("bse-y"),this._inputBlur=this._getDomElement("bse-blur"),this._inputSpread=this._getDomElement("bse-spread"),this._inputColor=this._getDomElement("bse-color"),this._inputOpacity=this._getDomElement("bse-opacity"),this._opacityVal=this._getDomElement("bse-opacity-val"),this._previewBox=this._getDomElement("bse-preview"),this._cssOutput=this._getDomElement("bse-css-out"),this._loadBtn=this._getDomElement("bse-load-btn"),this._copyBtn=this._getDomElement("bse-copy-btn"),this._applyBtn=this._getDomElement("bse-apply-btn"),this._getDomElement("bse-add-btn").onclick=()=>this._addLayer(),this._getDomElement("bse-dup-btn").onclick=()=>this._duplicateLayer(),this._getDomElement("bse-up-btn").onclick=()=>this._moveLayer(-1),this._getDomElement("bse-down-btn").onclick=()=>this._moveLayer(1),this._removeBtn.onclick=()=>this._removeLayer(),this._insetCheck.onchange=()=>{this._currentLayer().inset=this._insetCheck.checked,this._refresh()},this._enabledCheck.onchange=()=>{this._currentLayer().enabled=this._enabledCheck.checked,this._refresh()};for(let[t,i,r]of[[this._inputX,"offsetX","bse-x-val"],[this._inputY,"offsetY","bse-y-val"],[this._inputBlur,"blur","bse-blur-val"],[this._inputSpread,"spread","bse-spread-val"]])t.oninput=()=>{this._currentLayer()[i]=Number(t.value),this._getDomElement(r).textContent=t.value+"px",this._refresh()};this._inputColor.oninput=()=>{this._currentLayer().color=this._inputColor.value,this._refresh()},this._inputOpacity.oninput=()=>{this._currentLayer().opacity=Number(this._inputOpacity.value),this._opacityVal.textContent=this._inputOpacity.value+"%",this._refresh()},this._copyBtn.onclick=()=>{navigator.clipboard?.writeText(this._cssOutput.value).catch(()=>{})},this._applyBtn.onclick=()=>this._applyToSelection(),this._loadBtn.onclick=()=>{this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()},this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()}_loadFromPrimarySelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.primarySelection;if(!e)return;let t=e.getStyle("box-shadow");t&&(this._layers=n_(t),this._selectedIndex=0)}_currentLayer(){return this._layers[this._selectedIndex]}_addLayer(){this._layers.push(Xo()),this._selectedIndex=this._layers.length-1,this._renderList(),this._loadControls(),this._refresh()}_duplicateLayer(){let e={...this._currentLayer()};this._layers.splice(this._selectedIndex+1,0,e),this._selectedIndex=this._selectedIndex+1,this._renderList(),this._loadControls(),this._refresh()}_removeLayer(){this._layers.length<=1||(this._layers.splice(this._selectedIndex,1),this._selectedIndex=Math.min(this._selectedIndex,this._layers.length-1),this._renderList(),this._loadControls(),this._refresh())}_moveLayer(e){let t=this._selectedIndex,i=t+e;i<0||i>=this._layers.length||([this._layers[t],this._layers[i]]=[this._layers[i],this._layers[t]],this._selectedIndex=i,this._renderList(),this._refresh())}_renderList(){this._layerList.innerHTML="",this._layers.forEach((e,t)=>{let i=document.createElement("li");t===this._selectedIndex&&i.classList.add("selected");let r=document.createElement("span");r.className="swatch",r.style.background=e.color,i.appendChild(r);let o=document.createElement("span");o.textContent=`${e.inset?"inset ":""}${e.offsetX}px ${e.offsetY}px ${e.blur}px ${e.spread}px`,e.enabled||o.classList.add("disabled-label"),i.appendChild(o),i.onclick=()=>{this._selectedIndex=t,this._renderList(),this._loadControls()},this._layerList.appendChild(i)})}_loadControls(){let e=this._currentLayer();this._insetCheck.checked=e.inset,this._enabledCheck.checked=e.enabled,this._inputX.value=String(e.offsetX),this._getDomElement("bse-x-val").textContent=e.offsetX+"px",this._inputY.value=String(e.offsetY),this._getDomElement("bse-y-val").textContent=e.offsetY+"px",this._inputBlur.value=String(e.blur),this._getDomElement("bse-blur-val").textContent=e.blur+"px",this._inputSpread.value=String(e.spread),this._getDomElement("bse-spread-val").textContent=e.spread+"px",this._inputColor.value=e.color,this._inputOpacity.value=String(e.opacity),this._opacityVal.textContent=e.opacity+"%"}_buildCss(){return this._layers.filter(e=>e.enabled).map(s_).join(", ")||"none"}_refresh(){let e=this._buildCss();this._previewBox.style.boxShadow=e,this._cssOutput.value=`box-shadow: ${e};`,this._renderList()}_applyToSelection(){if(!this._designerCanvas)return;let e=this._designerCanvas.instanceServiceContainer.selectionService.selectedElements;if(!e?.length)return;let t=this._buildCss(),i=e[0].openGroup("Apply box-shadow");for(let r of e)r.setStyle("box-shadow",t);i.commit()}};customElements.define("node-projects-designer-box-shadow-editor",Ir)});import{css as l_}from"@node-projects/base-custom-webcomponent";function $o(){return{offsetX:2,offsetY:2,blur:4,color:"#000000",opacity:50,enabled:!0}}function c_(n,e,t){return"#"+[n,e,t].map(i=>i.toString(16).padStart(2,"0")).join("")}function h_(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}function p_(n){let e=[],t=0,i="";for(let o of n){if(o==="(")t++;else if(o===")")t--;else if(o===","&&t===0){let s=i.trim();s&&e.push(s),i="";continue}i+=o}let r=i.trim();return r&&e.push(r),e}function d_(n){let e=(n.opacity/100).toFixed(2);return`${n.offsetX}px ${n.offsetY}px ${n.blur}px rgba(${h_(n.color)},${e})`}function u_(n){if(!n||n==="none")return[$o()];let e=[];for(let t of p_(n)){let i=m_(t.trim());i&&e.push(i)}return e.length?e:[$o()]}function m_(n){let e="#000000",t=100,i=n,r=i.match(/(rgba?\([^)]+\)|hsla?\([^)]+\))/);if(r){let s=r[1];i=i.replace(s,"").trim();let a=s.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);a&&(e=c_(parseInt(a[1]),parseInt(a[2]),parseInt(a[3])),t=a[4]!=null?Math.round(parseFloat(a[4])*100):100)}else{let s=i.match(/(#[0-9a-fA-F]{3,8})/);s&&(e=s[1].length===4?"#"+s[1].slice(1).split("").map(a=>a+a).join(""):s[1].slice(0,7),i=i.replace(s[1],"").trim())}let o=i.split(/\s+/).filter(Boolean).map(s=>parseFloat(s)).filter(s=>!isNaN(s));return o.length<2?null:{offsetX:o[0]??0,offsetY:o[1]??0,blur:o[2]??0,color:e,opacity:t,enabled:!0}}var Dr,Ih=g(()=>{"use strict";Mt();Dr=class extends xe{_designerCanvas;_layers=[$o()];_selectedIndex=0;_layerList;_removeBtn;_enabledCheck;_inputX;_inputY;_inputBlur;_inputColor;_inputOpacity;_opacityVal;_previewText;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Text Shadow Editor"}get windowContentStyle(){return l_`*{box-sizing:border-box}.tse-root{display:flex;flex-direction:column;width:360px;color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;gap:6px;padding:8px;background:var(--wcd-color-surface-raised,#2a2a2a)}.preview-area{background:var(--wcd-color-surface,#1a1a1a);border:1px solid var(--wcd-color-border,#444);border-radius:4px;height:60px;display:flex;align-items:center;justify-content:center}.preview-text{font-size:28px;font-weight:700;color:var(--wcd-color-text,#fff);user-select:none}.layers-row{display:flex;gap:4px}.layer-list{flex:1;list-style:none;margin:0;padding:0;border:1px solid var(--wcd-color-border,#444);border-radius:3px;max-height:80px;overflow-y:auto;background:var(--wcd-color-surface,#1e1e1e)}.layer-list li{display:flex;align-items:center;gap:5px;padding:2px 5px;cursor:pointer;font-size:11px}.layer-list li:hover{background:#333}.layer-list li.selected{background:#2a4a7a}.swatch{width:12px;height:12px;border-radius:2px;border:1px solid var(--wcd-color-border,#555);flex-shrink:0}.disabled-label{opacity:.4}.layer-buttons{display:flex;flex-direction:column;gap:2px}.layer-buttons button{width:22px;height:22px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:13px;padding:0}.layer-buttons button:hover{background:#555}.controls{display:grid;grid-template-columns:60px 1fr 38px;gap:3px 6px;align-items:center}.controls label{color:var(--wcd-color-text-muted,#aaa)}.controls input[type=range]{width:100%}.controls input[type=color]{width:100%;height:22px;padding:1px;border:1px solid var(--wcd-color-border,#555);border-radius:3px;background:var(--wcd-color-surface,#1e1e1e);cursor:pointer}.check-row{display:flex;gap:12px;align-items:center}.check-row label{display:flex;align-items:center;gap:4px;cursor:pointer;user-select:none}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:11px;padding:6px;resize:none;width:100%;height:40px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:4px 12px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}.val-label{text-align:right;color:var(--wcd-color-text-muted,#888)}`}get windowTemplate(){return`
       <div class="tse-root">
         <div class="preview-area">
           <div class="preview-text" id="tse-preview">Sample Text</div>
@@ -145,7 +145,7 @@ var kl=Object.defineProperty;var tg=Object.getOwnPropertyDescriptor;var ig=Objec
           <button id="tse-copy-btn">Copy CSS</button>
           <button class="apply-btn" id="tse-apply-btn">Apply to selection</button>
         </div>
-      </div>`}constructor(e){super(),this._designerCanvas=e,this._layerList=this._getDomElement("tse-layer-list"),this._removeBtn=this._getDomElement("tse-remove-btn"),this._enabledCheck=this._getDomElement("tse-enabled"),this._inputX=this._getDomElement("tse-x"),this._inputY=this._getDomElement("tse-y"),this._inputBlur=this._getDomElement("tse-blur"),this._inputColor=this._getDomElement("tse-color"),this._inputOpacity=this._getDomElement("tse-opacity"),this._opacityVal=this._getDomElement("tse-opacity-val"),this._previewText=this._getDomElement("tse-preview"),this._cssOutput=this._getDomElement("tse-css-out"),this._loadBtn=this._getDomElement("tse-load-btn"),this._copyBtn=this._getDomElement("tse-copy-btn"),this._applyBtn=this._getDomElement("tse-apply-btn"),this._getDomElement("tse-add-btn").onclick=()=>this._addLayer(),this._getDomElement("tse-dup-btn").onclick=()=>this._duplicateLayer(),this._getDomElement("tse-up-btn").onclick=()=>this._moveLayer(-1),this._getDomElement("tse-down-btn").onclick=()=>this._moveLayer(1),this._removeBtn.onclick=()=>this._removeLayer(),this._enabledCheck.onchange=()=>{this._currentLayer().enabled=this._enabledCheck.checked,this._refresh()};for(let[t,i,r]of[[this._inputX,"offsetX","tse-x-val"],[this._inputY,"offsetY","tse-y-val"],[this._inputBlur,"blur","tse-blur-val"]])t.oninput=()=>{this._currentLayer()[i]=Number(t.value),this._getDomElement(r).textContent=t.value+"px",this._refresh()};this._inputColor.oninput=()=>{this._currentLayer().color=this._inputColor.value,this._refresh()},this._inputOpacity.oninput=()=>{this._currentLayer().opacity=Number(this._inputOpacity.value),this._opacityVal.textContent=this._inputOpacity.value+"%",this._refresh()},this._copyBtn.onclick=()=>{navigator.clipboard?.writeText(this._cssOutput.value).catch(()=>{})},this._applyBtn.onclick=()=>this._applyToSelection(),this._loadBtn.onclick=()=>{this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()},this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()}_loadFromPrimarySelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.primarySelection;if(!e)return;let t=e.getStyle("text-shadow");t&&(this._layers=u_(t),this._selectedIndex=0)}_currentLayer(){return this._layers[this._selectedIndex]}_addLayer(){this._layers.push($o()),this._selectedIndex=this._layers.length-1,this._renderList(),this._loadControls(),this._refresh()}_duplicateLayer(){this._layers.splice(this._selectedIndex+1,0,{...this._currentLayer()}),this._selectedIndex=this._selectedIndex+1,this._renderList(),this._loadControls(),this._refresh()}_removeLayer(){this._layers.length<=1||(this._layers.splice(this._selectedIndex,1),this._selectedIndex=Math.min(this._selectedIndex,this._layers.length-1),this._renderList(),this._loadControls(),this._refresh())}_moveLayer(e){let t=this._selectedIndex,i=t+e;i<0||i>=this._layers.length||([this._layers[t],this._layers[i]]=[this._layers[i],this._layers[t]],this._selectedIndex=i,this._renderList(),this._refresh())}_renderList(){this._layerList.innerHTML="",this._layers.forEach((e,t)=>{let i=document.createElement("li");t===this._selectedIndex&&i.classList.add("selected");let r=document.createElement("span");r.className="swatch",r.style.background=e.color,i.appendChild(r);let o=document.createElement("span");o.textContent=`${e.offsetX}px ${e.offsetY}px ${e.blur}px`,e.enabled||o.classList.add("disabled-label"),i.appendChild(o),i.onclick=()=>{this._selectedIndex=t,this._renderList(),this._loadControls()},this._layerList.appendChild(i)})}_loadControls(){let e=this._currentLayer();this._enabledCheck.checked=e.enabled,this._inputX.value=String(e.offsetX),this._getDomElement("tse-x-val").textContent=e.offsetX+"px",this._inputY.value=String(e.offsetY),this._getDomElement("tse-y-val").textContent=e.offsetY+"px",this._inputBlur.value=String(e.blur),this._getDomElement("tse-blur-val").textContent=e.blur+"px",this._inputColor.value=e.color,this._inputOpacity.value=String(e.opacity),this._opacityVal.textContent=e.opacity+"%"}_buildCss(){return this._layers.filter(e=>e.enabled).map(d_).join(", ")||"none"}_refresh(){let e=this._buildCss();this._previewText.style.textShadow=e,this._cssOutput.value=e,this._renderList()}_applyToSelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.selectedElements;if(!e?.length)return;let t=this._buildCss(),i=e[0].openGroup("set text-shadow");for(let r of e)t==="none"?r.removeStyle("text-shadow"):r.setStyle("text-shadow",t);i.commit()}};customElements.define("node-projects-text-shadow-editor-window",Ir)});import{css as f_}from"@node-projects/base-custom-webcomponent";function Ym(){return{type:"linear",angle:135,radialShape:"ellipse",radialSize:"farthest-corner",posX:50,posY:50,stops:[{color:"#667eea",opacity:100,position:0},{color:"#764ba2",opacity:100,position:100}],repeating:!1}}function g_(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}function y_(n,e,t){return"#"+[n,e,t].map(i=>i.toString(16).padStart(2,"0")).join("")}function v_(n){return`rgba(${g_(n.color)},${(n.opacity/100).toFixed(2)}) ${n.position}%`}function Ko(n){let t=[...n.stops].sort((r,o)=>r.position-o.position).map(v_).join(", "),i=n.repeating?"repeating-":"";return n.type==="linear"?`${i}linear-gradient(${n.angle}deg, ${t})`:n.type==="radial"?`${i}radial-gradient(${n.radialShape} ${n.radialSize} at ${n.posX}% ${n.posY}%, ${t})`:`${i}conic-gradient(from ${n.angle}deg at ${n.posX}% ${n.posY}%, ${t})`}function __(n){let e=["repeating-linear-gradient","repeating-radial-gradient","repeating-conic-gradient","linear-gradient","radial-gradient","conic-gradient"];for(let t of e){let i=n.indexOf(t+"(");if(i===-1)continue;let r=i+t.length,o=0,s=r;for(let a=r;a<n.length;a++)if(n[a]==="(")o++;else if(n[a]===")"&&(o--,o===0)){s=a;break}return n.slice(i,s+1)}return null}function x_(n){let e=[],t=0,i="";for(let r of n){if(r==="(")t++;else if(r===")")t--;else if(r===","&&t===0){e.push(i),i="";continue}i+=r}return i&&e.push(i),e}function b_(n){let e="#000000",t=100,i=0,r=n.trim(),o=r.match(/^(rgba?\([^)]+\)|hsla?\([^)]+\))/);if(o){let a=o[1];r=r.slice(a.length).trim();let l=a.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);l&&(e=y_(parseInt(l[1]),parseInt(l[2]),parseInt(l[3])),t=l[4]!=null?Math.round(parseFloat(l[4])*100):100)}else{let a=r.match(/^(#[0-9a-fA-F]{3,8})/);if(a)e=a[1].length===4?"#"+a[1].slice(1).split("").map(l=>l+l).join(""):a[1].slice(0,7),r=r.slice(a[1].length).trim();else return null}let s=r.match(/([\d.]+)%/);return s&&(i=parseFloat(s[1])),{color:e,opacity:t,position:i}}function w_(n){let e=n.trim();return e.startsWith("#")||/^rgba?\(/.test(e)||/^hsla?\(/.test(e)}function S_(n){let e=Ym();if(!n)return e;let t=n.trim();e.repeating=t.startsWith("repeating-");let i=e.repeating?t.slice(10):t;if(i.startsWith("linear-gradient"))e.type="linear";else if(i.startsWith("radial-gradient"))e.type="radial";else if(i.startsWith("conic-gradient"))e.type="conic";else return e;let r=i.indexOf("("),o=i.lastIndexOf(")");if(r<0||o<0)return e;let s=i.slice(r+1,o),a=x_(s),l=[],c=0;for(let p=0;p<a.length;p++){if(w_(a[p])){c=p;break}l.push(a[p]),p===a.length-1&&(c=a.length)}if(e.type==="linear"){let p=l[0]?.trim()??"",d=p.match(/^(-?[\d.]+)deg$/);if(d)e.angle=parseFloat(d[1]);else if(p.startsWith("to ")){let u={"to right":90,"to left":270,"to bottom":180,"to top":0,"to bottom right":135,"to bottom left":225,"to top right":45,"to top left":315};e.angle=u[p]??135}}else if(e.type==="radial"){let d=(l[0]?.trim()??"").match(/^(.*?)\s+at\s+([\d.]+)%\s+([\d.]+)%$/);if(d){let u=d[1].trim();e.posX=parseFloat(d[2]),e.posY=parseFloat(d[3]),e.radialShape=u.includes("circle")?"circle":"ellipse";for(let m of["closest-side","closest-corner","farthest-side","farthest-corner"])if(u.includes(m)){e.radialSize=m;break}}}else if(e.type==="conic"){let p=l[0]?.trim()??"",d=p.match(/from\s+(-?[\d.]+)deg/);d&&(e.angle=parseFloat(d[1]));let u=p.match(/at\s+([\d.]+)%\s+([\d.]+)%/);u&&(e.posX=parseFloat(u[1]),e.posY=parseFloat(u[2]))}let h=[];for(let p=c;p<a.length;p++){let d=b_(a[p]);d&&h.push(d)}return h.length>=2&&(e.stops=h),e}var Dr,Dh=g(()=>{"use strict";Mt();Dr=class extends xe{_designerCanvas;_config=Ym();_selectedStopIndex=0;_previewStrip;_stopTrack;_typeSelect;_repeatingCheck;_linearGroup;_radialGroup;_conicGroup;_angleInput;_angleVal;_conicAngleInput;_conicAngleVal;_shapeSelect;_sizeSelect;_posXInput;_posXVal;_posYInput;_posYVal;_conicPosXInput;_conicPosXVal;_conicPosYInput;_conicPosYVal;_stopColorInput;_stopOpacityInput;_stopOpacityVal;_stopPositionInput;_stopPositionVal;_removeStopBtn;_propertySelect;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Gradient Editor"}get windowContentStyle(){return f_`*{box-sizing:border-box}.ge-root{display:flex;flex-direction:column;width:380px;color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;gap:6px;padding:8px;background:var(--wcd-color-surface-raised,#2a2a2a)}.preview-strip{height:50px;border-radius:4px 4px 0 0;border:1px solid var(--wcd-color-border,#444);border-bottom:none}.stop-track{height:20px;background:repeating-conic-gradient(#333 0 25%,#444 0 50%) 0 0/10px 10px;border:1px solid var(--wcd-color-border,#444);border-radius:0 0 4px 4px;position:relative;cursor:crosshair;margin-bottom:2px}.stop-marker{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;border:2px solid var(--wcd-gradient-editor-stop-border-color,#aaa);cursor:pointer;transform:translateX(-50%);transition:border-color .1s}.stop-marker.selected{border-color:var(--wcd-gradient-editor-stop-selected-border-color,#fff);box-shadow:0 0 0 2px var(--wcd-gradient-editor-stop-selected-glow-color,#3a7ad5);z-index:1}.row{display:grid;grid-template-columns:70px 1fr 40px;gap:3px 6px;align-items:center}.row.two-col{grid-template-columns:70px 1fr}.row.multi{grid-template-columns:70px 1fr 70px 1fr}.row label{color:var(--wcd-color-text-muted,#aaa)}.row input[type=range]{width:100%}.row input[type=color]{width:100%;height:22px;padding:1px;border:1px solid var(--wcd-color-border,#555);border-radius:3px;background:var(--wcd-color-surface,#1e1e1e);cursor:pointer}select{background:var(--wcd-color-surface-raised,#2e2e2e);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;padding:2px 4px;font-size:11px;width:100%}.separator{height:1px;background:var(--wcd-color-surface-hover,#444);margin:2px 0}.stop-header{display:flex;justify-content:space-between;align-items:center;color:var(--wcd-color-text-muted,#888);font-size:11px}.stop-header .stop-actions{display:flex;gap:3px}.stop-actions button{padding:1px 7px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.stop-actions button:hover{background:#555}.val-label{text-align:right;color:var(--wcd-color-text-muted,#888)}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:11px;padding:6px;resize:none;width:100%;height:48px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:4px 12px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}`}get windowTemplate(){return`
+      </div>`}constructor(e){super(),this._designerCanvas=e,this._layerList=this._getDomElement("tse-layer-list"),this._removeBtn=this._getDomElement("tse-remove-btn"),this._enabledCheck=this._getDomElement("tse-enabled"),this._inputX=this._getDomElement("tse-x"),this._inputY=this._getDomElement("tse-y"),this._inputBlur=this._getDomElement("tse-blur"),this._inputColor=this._getDomElement("tse-color"),this._inputOpacity=this._getDomElement("tse-opacity"),this._opacityVal=this._getDomElement("tse-opacity-val"),this._previewText=this._getDomElement("tse-preview"),this._cssOutput=this._getDomElement("tse-css-out"),this._loadBtn=this._getDomElement("tse-load-btn"),this._copyBtn=this._getDomElement("tse-copy-btn"),this._applyBtn=this._getDomElement("tse-apply-btn"),this._getDomElement("tse-add-btn").onclick=()=>this._addLayer(),this._getDomElement("tse-dup-btn").onclick=()=>this._duplicateLayer(),this._getDomElement("tse-up-btn").onclick=()=>this._moveLayer(-1),this._getDomElement("tse-down-btn").onclick=()=>this._moveLayer(1),this._removeBtn.onclick=()=>this._removeLayer(),this._enabledCheck.onchange=()=>{this._currentLayer().enabled=this._enabledCheck.checked,this._refresh()};for(let[t,i,r]of[[this._inputX,"offsetX","tse-x-val"],[this._inputY,"offsetY","tse-y-val"],[this._inputBlur,"blur","tse-blur-val"]])t.oninput=()=>{this._currentLayer()[i]=Number(t.value),this._getDomElement(r).textContent=t.value+"px",this._refresh()};this._inputColor.oninput=()=>{this._currentLayer().color=this._inputColor.value,this._refresh()},this._inputOpacity.oninput=()=>{this._currentLayer().opacity=Number(this._inputOpacity.value),this._opacityVal.textContent=this._inputOpacity.value+"%",this._refresh()},this._copyBtn.onclick=()=>{navigator.clipboard?.writeText(this._cssOutput.value).catch(()=>{})},this._applyBtn.onclick=()=>this._applyToSelection(),this._loadBtn.onclick=()=>{this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()},this._loadFromPrimarySelection(),this._renderList(),this._loadControls(),this._refresh()}_loadFromPrimarySelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.primarySelection;if(!e)return;let t=e.getStyle("text-shadow");t&&(this._layers=u_(t),this._selectedIndex=0)}_currentLayer(){return this._layers[this._selectedIndex]}_addLayer(){this._layers.push($o()),this._selectedIndex=this._layers.length-1,this._renderList(),this._loadControls(),this._refresh()}_duplicateLayer(){this._layers.splice(this._selectedIndex+1,0,{...this._currentLayer()}),this._selectedIndex=this._selectedIndex+1,this._renderList(),this._loadControls(),this._refresh()}_removeLayer(){this._layers.length<=1||(this._layers.splice(this._selectedIndex,1),this._selectedIndex=Math.min(this._selectedIndex,this._layers.length-1),this._renderList(),this._loadControls(),this._refresh())}_moveLayer(e){let t=this._selectedIndex,i=t+e;i<0||i>=this._layers.length||([this._layers[t],this._layers[i]]=[this._layers[i],this._layers[t]],this._selectedIndex=i,this._renderList(),this._refresh())}_renderList(){this._layerList.innerHTML="",this._layers.forEach((e,t)=>{let i=document.createElement("li");t===this._selectedIndex&&i.classList.add("selected");let r=document.createElement("span");r.className="swatch",r.style.background=e.color,i.appendChild(r);let o=document.createElement("span");o.textContent=`${e.offsetX}px ${e.offsetY}px ${e.blur}px`,e.enabled||o.classList.add("disabled-label"),i.appendChild(o),i.onclick=()=>{this._selectedIndex=t,this._renderList(),this._loadControls()},this._layerList.appendChild(i)})}_loadControls(){let e=this._currentLayer();this._enabledCheck.checked=e.enabled,this._inputX.value=String(e.offsetX),this._getDomElement("tse-x-val").textContent=e.offsetX+"px",this._inputY.value=String(e.offsetY),this._getDomElement("tse-y-val").textContent=e.offsetY+"px",this._inputBlur.value=String(e.blur),this._getDomElement("tse-blur-val").textContent=e.blur+"px",this._inputColor.value=e.color,this._inputOpacity.value=String(e.opacity),this._opacityVal.textContent=e.opacity+"%"}_buildCss(){return this._layers.filter(e=>e.enabled).map(d_).join(", ")||"none"}_refresh(){let e=this._buildCss();this._previewText.style.textShadow=e,this._cssOutput.value=e,this._renderList()}_applyToSelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.selectedElements;if(!e?.length)return;let t=this._buildCss(),i=e[0].openGroup("set text-shadow");for(let r of e)t==="none"?r.removeStyle("text-shadow"):r.setStyle("text-shadow",t);i.commit()}};customElements.define("node-projects-text-shadow-editor-window",Dr)});import{css as f_}from"@node-projects/base-custom-webcomponent";function Ym(){return{type:"linear",angle:135,radialShape:"ellipse",radialSize:"farthest-corner",posX:50,posY:50,stops:[{color:"#667eea",opacity:100,position:0},{color:"#764ba2",opacity:100,position:100}],repeating:!1}}function g_(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}function y_(n,e,t){return"#"+[n,e,t].map(i=>i.toString(16).padStart(2,"0")).join("")}function v_(n){return`rgba(${g_(n.color)},${(n.opacity/100).toFixed(2)}) ${n.position}%`}function Ko(n){let t=[...n.stops].sort((r,o)=>r.position-o.position).map(v_).join(", "),i=n.repeating?"repeating-":"";return n.type==="linear"?`${i}linear-gradient(${n.angle}deg, ${t})`:n.type==="radial"?`${i}radial-gradient(${n.radialShape} ${n.radialSize} at ${n.posX}% ${n.posY}%, ${t})`:`${i}conic-gradient(from ${n.angle}deg at ${n.posX}% ${n.posY}%, ${t})`}function __(n){let e=["repeating-linear-gradient","repeating-radial-gradient","repeating-conic-gradient","linear-gradient","radial-gradient","conic-gradient"];for(let t of e){let i=n.indexOf(t+"(");if(i===-1)continue;let r=i+t.length,o=0,s=r;for(let a=r;a<n.length;a++)if(n[a]==="(")o++;else if(n[a]===")"&&(o--,o===0)){s=a;break}return n.slice(i,s+1)}return null}function x_(n){let e=[],t=0,i="";for(let r of n){if(r==="(")t++;else if(r===")")t--;else if(r===","&&t===0){e.push(i),i="";continue}i+=r}return i&&e.push(i),e}function b_(n){let e="#000000",t=100,i=0,r=n.trim(),o=r.match(/^(rgba?\([^)]+\)|hsla?\([^)]+\))/);if(o){let a=o[1];r=r.slice(a.length).trim();let l=a.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);l&&(e=y_(parseInt(l[1]),parseInt(l[2]),parseInt(l[3])),t=l[4]!=null?Math.round(parseFloat(l[4])*100):100)}else{let a=r.match(/^(#[0-9a-fA-F]{3,8})/);if(a)e=a[1].length===4?"#"+a[1].slice(1).split("").map(l=>l+l).join(""):a[1].slice(0,7),r=r.slice(a[1].length).trim();else return null}let s=r.match(/([\d.]+)%/);return s&&(i=parseFloat(s[1])),{color:e,opacity:t,position:i}}function w_(n){let e=n.trim();return e.startsWith("#")||/^rgba?\(/.test(e)||/^hsla?\(/.test(e)}function S_(n){let e=Ym();if(!n)return e;let t=n.trim();e.repeating=t.startsWith("repeating-");let i=e.repeating?t.slice(10):t;if(i.startsWith("linear-gradient"))e.type="linear";else if(i.startsWith("radial-gradient"))e.type="radial";else if(i.startsWith("conic-gradient"))e.type="conic";else return e;let r=i.indexOf("("),o=i.lastIndexOf(")");if(r<0||o<0)return e;let s=i.slice(r+1,o),a=x_(s),l=[],c=0;for(let p=0;p<a.length;p++){if(w_(a[p])){c=p;break}l.push(a[p]),p===a.length-1&&(c=a.length)}if(e.type==="linear"){let p=l[0]?.trim()??"",d=p.match(/^(-?[\d.]+)deg$/);if(d)e.angle=parseFloat(d[1]);else if(p.startsWith("to ")){let u={"to right":90,"to left":270,"to bottom":180,"to top":0,"to bottom right":135,"to bottom left":225,"to top right":45,"to top left":315};e.angle=u[p]??135}}else if(e.type==="radial"){let d=(l[0]?.trim()??"").match(/^(.*?)\s+at\s+([\d.]+)%\s+([\d.]+)%$/);if(d){let u=d[1].trim();e.posX=parseFloat(d[2]),e.posY=parseFloat(d[3]),e.radialShape=u.includes("circle")?"circle":"ellipse";for(let m of["closest-side","closest-corner","farthest-side","farthest-corner"])if(u.includes(m)){e.radialSize=m;break}}}else if(e.type==="conic"){let p=l[0]?.trim()??"",d=p.match(/from\s+(-?[\d.]+)deg/);d&&(e.angle=parseFloat(d[1]));let u=p.match(/at\s+([\d.]+)%\s+([\d.]+)%/);u&&(e.posX=parseFloat(u[1]),e.posY=parseFloat(u[2]))}let h=[];for(let p=c;p<a.length;p++){let d=b_(a[p]);d&&h.push(d)}return h.length>=2&&(e.stops=h),e}var Ar,Dh=g(()=>{"use strict";Mt();Ar=class extends xe{_designerCanvas;_config=Ym();_selectedStopIndex=0;_previewStrip;_stopTrack;_typeSelect;_repeatingCheck;_linearGroup;_radialGroup;_conicGroup;_angleInput;_angleVal;_conicAngleInput;_conicAngleVal;_shapeSelect;_sizeSelect;_posXInput;_posXVal;_posYInput;_posYVal;_conicPosXInput;_conicPosXVal;_conicPosYInput;_conicPosYVal;_stopColorInput;_stopOpacityInput;_stopOpacityVal;_stopPositionInput;_stopPositionVal;_removeStopBtn;_propertySelect;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Gradient Editor"}get windowContentStyle(){return f_`*{box-sizing:border-box}.ge-root{display:flex;flex-direction:column;width:380px;color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;gap:6px;padding:8px;background:var(--wcd-color-surface-raised,#2a2a2a)}.preview-strip{height:50px;border-radius:4px 4px 0 0;border:1px solid var(--wcd-color-border,#444);border-bottom:none}.stop-track{height:20px;background:repeating-conic-gradient(#333 0 25%,#444 0 50%) 0 0/10px 10px;border:1px solid var(--wcd-color-border,#444);border-radius:0 0 4px 4px;position:relative;cursor:crosshair;margin-bottom:2px}.stop-marker{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;border:2px solid var(--wcd-gradient-editor-stop-border-color,#aaa);cursor:pointer;transform:translateX(-50%);transition:border-color .1s}.stop-marker.selected{border-color:var(--wcd-gradient-editor-stop-selected-border-color,#fff);box-shadow:0 0 0 2px var(--wcd-gradient-editor-stop-selected-glow-color,#3a7ad5);z-index:1}.row{display:grid;grid-template-columns:70px 1fr 40px;gap:3px 6px;align-items:center}.row.two-col{grid-template-columns:70px 1fr}.row.multi{grid-template-columns:70px 1fr 70px 1fr}.row label{color:var(--wcd-color-text-muted,#aaa)}.row input[type=range]{width:100%}.row input[type=color]{width:100%;height:22px;padding:1px;border:1px solid var(--wcd-color-border,#555);border-radius:3px;background:var(--wcd-color-surface,#1e1e1e);cursor:pointer}select{background:var(--wcd-color-surface-raised,#2e2e2e);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;padding:2px 4px;font-size:11px;width:100%}.separator{height:1px;background:var(--wcd-color-surface-hover,#444);margin:2px 0}.stop-header{display:flex;justify-content:space-between;align-items:center;color:var(--wcd-color-text-muted,#888);font-size:11px}.stop-header .stop-actions{display:flex;gap:3px}.stop-actions button{padding:1px 7px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.stop-actions button:hover{background:#555}.val-label{text-align:right;color:var(--wcd-color-text-muted,#888)}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:11px;padding:6px;resize:none;width:100%;height:48px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:4px 12px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:3px;cursor:pointer;font-size:12px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}`}get windowTemplate(){return`
       <div class="ge-root">
         <div class="preview-strip" id="ge-preview-strip"></div>
         <div class="stop-track" id="ge-stop-track"></div>
@@ -263,7 +263,7 @@ var kl=Object.defineProperty;var tg=Object.getOwnPropertyDescriptor;var ig=Objec
           <button id="ge-copy-btn">Copy CSS</button>
           <button class="apply-btn" id="ge-apply-btn">Apply to selection</button>
         </div>
-      </div>`}constructor(e){super(),this._designerCanvas=e,this._previewStrip=this._getDomElement("ge-preview-strip"),this._stopTrack=this._getDomElement("ge-stop-track"),this._typeSelect=this._getDomElement("ge-type"),this._repeatingCheck=this._getDomElement("ge-repeating"),this._linearGroup=this._getDomElement("ge-linear-group"),this._radialGroup=this._getDomElement("ge-radial-group"),this._conicGroup=this._getDomElement("ge-conic-group"),this._angleInput=this._getDomElement("ge-angle"),this._angleVal=this._getDomElement("ge-angle-val"),this._conicAngleInput=this._getDomElement("ge-conic-angle"),this._conicAngleVal=this._getDomElement("ge-conic-angle-val"),this._shapeSelect=this._getDomElement("ge-shape"),this._sizeSelect=this._getDomElement("ge-size"),this._posXInput=this._getDomElement("ge-pos-x"),this._posXVal=this._getDomElement("ge-pos-x-val"),this._posYInput=this._getDomElement("ge-pos-y"),this._posYVal=this._getDomElement("ge-pos-y-val"),this._conicPosXInput=this._getDomElement("ge-conic-pos-x"),this._conicPosXVal=this._getDomElement("ge-conic-pos-x-val"),this._conicPosYInput=this._getDomElement("ge-conic-pos-y"),this._conicPosYVal=this._getDomElement("ge-conic-pos-y-val"),this._stopColorInput=this._getDomElement("ge-stop-color"),this._stopOpacityInput=this._getDomElement("ge-stop-opacity"),this._stopOpacityVal=this._getDomElement("ge-stop-opacity-val"),this._stopPositionInput=this._getDomElement("ge-stop-pos"),this._stopPositionVal=this._getDomElement("ge-stop-pos-val"),this._removeStopBtn=this._getDomElement("ge-remove-stop-btn"),this._propertySelect=this._getDomElement("ge-property"),this._cssOutput=this._getDomElement("ge-css-out"),this._loadBtn=this._getDomElement("ge-load-btn"),this._copyBtn=this._getDomElement("ge-copy-btn"),this._applyBtn=this._getDomElement("ge-apply-btn"),this._typeSelect.onchange=()=>{this._config.type=this._typeSelect.value,this._updateTypeVisibility(),this._refresh()},this._repeatingCheck.onchange=()=>{this._config.repeating=this._repeatingCheck.checked,this._refresh()},this._angleInput.oninput=()=>{this._config.angle=Number(this._angleInput.value),this._angleVal.textContent=this._angleInput.value+"\xB0",this._refresh()},this._conicAngleInput.oninput=()=>{this._config.angle=Number(this._conicAngleInput.value),this._conicAngleVal.textContent=this._conicAngleInput.value+"\xB0",this._refresh()},this._shapeSelect.onchange=()=>{this._config.radialShape=this._shapeSelect.value,this._refresh()},this._sizeSelect.onchange=()=>{this._config.radialSize=this._sizeSelect.value,this._refresh()},this._posXInput.oninput=()=>{this._config.posX=Number(this._posXInput.value),this._posXVal.textContent=this._posXInput.value+"%",this._refresh()},this._posYInput.oninput=()=>{this._config.posY=Number(this._posYInput.value),this._posYVal.textContent=this._posYInput.value+"%",this._refresh()},this._conicPosXInput.oninput=()=>{this._config.posX=Number(this._conicPosXInput.value),this._conicPosXVal.textContent=this._conicPosXInput.value+"%",this._refresh()},this._conicPosYInput.oninput=()=>{this._config.posY=Number(this._conicPosYInput.value),this._conicPosYVal.textContent=this._conicPosYInput.value+"%",this._refresh()},this._stopColorInput.oninput=()=>{this._currentStop().color=this._stopColorInput.value,this._refresh()},this._stopOpacityInput.oninput=()=>{this._currentStop().opacity=Number(this._stopOpacityInput.value),this._stopOpacityVal.textContent=this._stopOpacityInput.value+"%",this._refresh()},this._stopPositionInput.oninput=()=>{this._currentStop().position=Number(this._stopPositionInput.value),this._stopPositionVal.textContent=this._stopPositionInput.value+"%",this._refresh()},this._getDomElement("ge-add-stop-btn").onclick=()=>this._addStop(50),this._removeStopBtn.onclick=()=>this._removeStop(),this._stopTrack.addEventListener("click",t=>{let i=this._stopTrack.getBoundingClientRect(),r=Math.round((t.clientX-i.left)/i.width*100);this._addStop(Math.max(0,Math.min(100,r)))}),this._copyBtn.onclick=()=>{navigator.clipboard?.writeText(this._cssOutput.value).catch(()=>{})},this._applyBtn.onclick=()=>this._applyToSelection(),this._loadBtn.onclick=()=>{this._loadFromPrimarySelection(),this._selectedStopIndex=Math.max(0,Math.min(this._selectedStopIndex,this._config.stops.length-1)),this._updateTypeVisibility(),this._syncControls(),this._renderStopTrack(),this._refreshOutput()},this._loadFromPrimarySelection(),this._updateTypeVisibility(),this._syncControls(),this._renderStopTrack(),this._refreshOutput()}_loadFromPrimarySelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.primarySelection;if(e)for(let t of["background-image","background"]){let i=e.getStyle(t);if(i&&i.includes("gradient")){let r=__(i);r&&(this._config=S_(r),t==="background"&&(this._propertySelect.value="background"));break}}}_currentStop(){return this._config.stops[this._selectedStopIndex]}_addStop(e){this._config.stops.push({color:"#ffffff",opacity:100,position:e}),this._selectedStopIndex=this._config.stops.length-1,this._syncControls(),this._renderStopTrack(),this._refreshOutput()}_removeStop(){this._config.stops.length<=2||(this._config.stops.splice(this._selectedStopIndex,1),this._selectedStopIndex=Math.min(this._selectedStopIndex,this._config.stops.length-1),this._syncControls(),this._renderStopTrack(),this._refreshOutput())}_updateTypeVisibility(){this._linearGroup.style.display=this._config.type==="linear"?"":"none",this._radialGroup.style.display=this._config.type==="radial"?"":"none",this._conicGroup.style.display=this._config.type==="conic"?"":"none"}_syncControls(){this._typeSelect.value=this._config.type,this._repeatingCheck.checked=this._config.repeating,this._angleInput.value=String(this._config.angle),this._angleVal.textContent=this._config.angle+"\xB0",this._conicAngleInput.value=String(this._config.angle),this._conicAngleVal.textContent=this._config.angle+"\xB0",this._shapeSelect.value=this._config.radialShape,this._sizeSelect.value=this._config.radialSize,this._posXInput.value=String(this._config.posX),this._posXVal.textContent=this._config.posX+"%",this._posYInput.value=String(this._config.posY),this._posYVal.textContent=this._config.posY+"%",this._conicPosXInput.value=String(this._config.posX),this._conicPosXVal.textContent=this._config.posX+"%",this._conicPosYInput.value=String(this._config.posY),this._conicPosYVal.textContent=this._config.posY+"%";let e=this._currentStop();this._stopColorInput.value=e.color,this._stopOpacityInput.value=String(e.opacity),this._stopOpacityVal.textContent=e.opacity+"%",this._stopPositionInput.value=String(e.position),this._stopPositionVal.textContent=e.position+"%"}_renderStopTrack(){let e=Ko(this._config);this._previewStrip.style.background=e,this._stopTrack.innerHTML="",this._config.stops.forEach((t,i)=>{let r=document.createElement("div");r.className="stop-marker"+(i===this._selectedStopIndex?" selected":""),r.style.left=`${t.position}%`,r.style.background=t.color,r.style.opacity=String(t.opacity/100),r.addEventListener("click",o=>{o.stopPropagation(),this._selectedStopIndex=i,this._syncControls(),this._renderStopTrack()}),r.addEventListener("pointerdown",o=>{o.preventDefault(),o.stopPropagation(),r.setPointerCapture(o.pointerId);let s=this._stopTrack.getBoundingClientRect(),a=c=>{let h=Math.max(0,Math.min(1,(c.clientX-s.left)/s.width)),p=Math.round(h*100);this._config.stops[i].position=p,this._selectedStopIndex=i,r.style.left=p+"%",this._stopTrack.querySelectorAll(".stop-marker").forEach((d,u)=>{d.classList.toggle("selected",u===i)}),this._previewStrip.style.background=Ko(this._config),this._refreshOutput()},l=()=>{r.removeEventListener("pointermove",a),r.removeEventListener("pointerup",l),this._syncControls(),this._renderStopTrack()};r.addEventListener("pointermove",a),r.addEventListener("pointerup",l)}),this._stopTrack.appendChild(r)})}_refreshOutput(){this._cssOutput.value=Ko(this._config)}_refresh(){this._renderStopTrack(),this._refreshOutput()}_applyToSelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.selectedElements;if(!e?.length)return;let t=Ko(this._config),i=this._propertySelect.value,r=e[0].openGroup(`set ${i}`);for(let o of e)o.setStyle(i,t);r.commit()}};customElements.define("node-projects-gradient-editor-window",Dr)});import{css as C_}from"@node-projects/base-custom-webcomponent";function Qo(){return{x:0,y:0,shape:"round"}}function Zo(){return{width:1,style:"solid",color:"#000000",opacity:100}}function Um(){return{topLeft:{...Qo()},topRight:{...Qo()},bottomRight:{...Qo()},bottomLeft:{...Qo()},uniform:!0,width:1,borderUniform:!0,top:{...Zo()},right:{...Zo()},bottom:{...Zo()},left:{...Zo()}}}function Mh(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}function E_(n){return n.x===n.y?`${n.x}%`:`${n.x}% ${n.y}%`}function P_(n){let e=[n.topLeft,n.topRight,n.bottomRight,n.bottomLeft],t=e.map(s=>`${s.x}%`),i=e.map(s=>`${s.y}%`);return e.every(s=>s.x===e[0].x&&s.y===e[0].y)?E_(e[0]):e.every(s=>s.x===s.y)?t.join(" "):`${t.join(" ")} / ${i.join(" ")}`}function k_(n){let e=[n.topLeft.shape,n.topRight.shape,n.bottomRight.shape,n.bottomLeft.shape];return e.every(r=>r==="round")?null:e[0]===e[1]&&e[1]===e[2]&&e[2]===e[3]?e[0]:e.join(" ")}function I_(n){let e=n.width>0?`${n.width}px`:"0px";if(n.borderUniform){let{style:t,color:i,opacity:r}=n.top,o=`${Mh(i)},${(r/100).toFixed(2)}`;return{width:e,style:t,color:`rgba(${o})`}}else{let t=[n.top,n.right,n.bottom,n.left],i=t.map(a=>a.style),r=t.map(a=>`rgba(${`${Mh(a.color)},${(a.opacity/100).toFixed(2)}`})`),o=i[0]===i[1]&&i[1]===i[2]&&i[2]===i[3]?i[0]:i.join(" "),s=r[0]===r[1]&&r[1]===r[2]&&r[2]===r[3]?r[0]:r.join(" ");return{width:e,style:o,color:s}}}function D_(n){let e=Um();if(!n||(n=n.trim(),!n))return e;let t=n.split("/").map(c=>c.trim()),i=t[0]??"",r=t[1]??i,o=c=>c.split(/\s+/).map(h=>{let p=parseFloat(h);return isNaN(p)?0:p}),s=o(i),a=o(r),l=(c,h)=>c.length===1?c[0]:c.length===2?c[h===1||h===2?1:0]:c.length===3?c[h===3?1:h===2?2:0]:c[h]??0;return e.topLeft.x=l(s,0),e.topRight.x=l(s,1),e.bottomRight.x=l(s,2),e.bottomLeft.x=l(s,3),e.topLeft.y=l(a,0),e.topRight.y=l(a,1),e.bottomRight.y=l(a,2),e.bottomLeft.y=l(a,3),e}function Ah(n){let e=[],t=0,i="";for(let o of n.trim()){if(o==="("?t++:o===")"&&t--,/\s/.test(o)&&t===0){let s=i.trim();s&&e.push(s),i="";continue}i+=o}let r=i.trim();return r&&e.push(r),e}function Th(n){return n.length===1?[n[0],n[0],n[0],n[0]]:n.length===2?[n[0],n[1],n[0],n[1]]:n.length===3?[n[0],n[1],n[2],n[1]]:[n[0],n[1],n[2],n[3]]}var Ar,Lh=g(()=>{"use strict";Mt();Ar=class extends xe{_designerCanvas;_config=Um();_previewBox;_uniformCheck;_uniformXInput;_uniformYInput;_uniformShapeSelect;_uniformXVal;_uniformYVal;_tlXInput;_tlYInput;_tlShapeSelect;_tlXVal;_tlYVal;_trXInput;_trYInput;_trShapeSelect;_trXVal;_trYVal;_brXInput;_brYInput;_brShapeSelect;_brXVal;_brYVal;_blXInput;_blYInput;_blShapeSelect;_blXVal;_blYVal;_cornersUniformDiv;_cornersPersideDiv;_widthInput;_borderUniformCheck;_widthVal;_styleSelect;_colorInput;_opacityInput;_opacityVal;_topStyleSelect;_topWidthInput;_topWidthVal;_topColorInput;_topOpacityInput;_topOpacityVal;_rightStyleSelect;_rightWidthInput;_rightWidthVal;_rightColorInput;_rightOpacityInput;_rightOpacityVal;_bottomStyleSelect;_bottomWidthInput;_bottomWidthVal;_bottomColorInput;_bottomOpacityInput;_bottomOpacityVal;_leftStyleSelect;_leftWidthInput;_leftWidthVal;_leftColorInput;_leftOpacityInput;_leftOpacityVal;_borderUniformDiv;_borderPersideDiv;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Border Radius Editor"}get windowContentStyle(){return C_`*{box-sizing:border-box}.bre-root{display:flex;flex-direction:column;width:860px;max-width:calc(100vw - 48px);color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;gap:4px;padding:6px;background:var(--wcd-color-surface-raised,#2a2a2a)}.editors-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.section-column{display:flex;flex-direction:column;gap:4px}.preview-area{background:var(--wcd-color-surface,#1a1a1a);border:1px solid var(--wcd-color-border,#444);border-radius:3px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.preview-box{width:60px;height:60px;background:var(--wcd-border-radius-editor-preview-background,linear-gradient(135deg,#667eea 0,#764ba2 100%));border-radius:0}.uniform-row{display:flex;align-items:center;gap:6px;font-size:11px}.uniform-row label{display:flex;align-items:center;gap:3px;cursor:pointer;user-select:none;color:var(--wcd-color-text-muted,#aaa)}.uniform-row input[type=checkbox]{cursor:pointer;width:14px;height:14px}.section-header{color:var(--wcd-color-text-muted,#999);font-size:10px;font-weight:700;margin-top:3px;margin-bottom:2px;text-transform:uppercase}.corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.separate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.corner-section{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#444);border-radius:2px;padding:4px}.corner-header{color:var(--wcd-color-text-muted,#888);font-size:10px;margin-bottom:3px;font-weight:700}.corner-row{display:grid;grid-template-columns:35px 1fr 24px;gap:2px 3px;align-items:center;margin-bottom:2px}.corner-row:last-child{margin-bottom:0}.corner-row label{color:var(--wcd-color-text-muted,#888);font-size:10px}.corner-row input[type=range]{width:100%;height:16px}.corner-row input[type=color]{width:100%;height:18px;cursor:pointer}.corner-row .val-label{text-align:right;color:#777;font-size:9px}.bre-root select{background:var(--wcd-color-surface-raised,#2e2e2e);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:2px;padding:2px 3px;font-size:10px;height:18px}.corner-row select{grid-column:1/-1}.side-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}@media (max-width:900px){.bre-root{width:420px}.editors-row{grid-template-columns:1fr}}.separator{height:1px;background:var(--wcd-color-surface-hover,#444);margin:2px 0}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:10px;padding:4px;resize:none;width:100%;height:50px}.actions{display:flex;gap:4px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:3px 10px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:2px;cursor:pointer;font-size:11px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}`}get windowTemplate(){return`
+      </div>`}constructor(e){super(),this._designerCanvas=e,this._previewStrip=this._getDomElement("ge-preview-strip"),this._stopTrack=this._getDomElement("ge-stop-track"),this._typeSelect=this._getDomElement("ge-type"),this._repeatingCheck=this._getDomElement("ge-repeating"),this._linearGroup=this._getDomElement("ge-linear-group"),this._radialGroup=this._getDomElement("ge-radial-group"),this._conicGroup=this._getDomElement("ge-conic-group"),this._angleInput=this._getDomElement("ge-angle"),this._angleVal=this._getDomElement("ge-angle-val"),this._conicAngleInput=this._getDomElement("ge-conic-angle"),this._conicAngleVal=this._getDomElement("ge-conic-angle-val"),this._shapeSelect=this._getDomElement("ge-shape"),this._sizeSelect=this._getDomElement("ge-size"),this._posXInput=this._getDomElement("ge-pos-x"),this._posXVal=this._getDomElement("ge-pos-x-val"),this._posYInput=this._getDomElement("ge-pos-y"),this._posYVal=this._getDomElement("ge-pos-y-val"),this._conicPosXInput=this._getDomElement("ge-conic-pos-x"),this._conicPosXVal=this._getDomElement("ge-conic-pos-x-val"),this._conicPosYInput=this._getDomElement("ge-conic-pos-y"),this._conicPosYVal=this._getDomElement("ge-conic-pos-y-val"),this._stopColorInput=this._getDomElement("ge-stop-color"),this._stopOpacityInput=this._getDomElement("ge-stop-opacity"),this._stopOpacityVal=this._getDomElement("ge-stop-opacity-val"),this._stopPositionInput=this._getDomElement("ge-stop-pos"),this._stopPositionVal=this._getDomElement("ge-stop-pos-val"),this._removeStopBtn=this._getDomElement("ge-remove-stop-btn"),this._propertySelect=this._getDomElement("ge-property"),this._cssOutput=this._getDomElement("ge-css-out"),this._loadBtn=this._getDomElement("ge-load-btn"),this._copyBtn=this._getDomElement("ge-copy-btn"),this._applyBtn=this._getDomElement("ge-apply-btn"),this._typeSelect.onchange=()=>{this._config.type=this._typeSelect.value,this._updateTypeVisibility(),this._refresh()},this._repeatingCheck.onchange=()=>{this._config.repeating=this._repeatingCheck.checked,this._refresh()},this._angleInput.oninput=()=>{this._config.angle=Number(this._angleInput.value),this._angleVal.textContent=this._angleInput.value+"\xB0",this._refresh()},this._conicAngleInput.oninput=()=>{this._config.angle=Number(this._conicAngleInput.value),this._conicAngleVal.textContent=this._conicAngleInput.value+"\xB0",this._refresh()},this._shapeSelect.onchange=()=>{this._config.radialShape=this._shapeSelect.value,this._refresh()},this._sizeSelect.onchange=()=>{this._config.radialSize=this._sizeSelect.value,this._refresh()},this._posXInput.oninput=()=>{this._config.posX=Number(this._posXInput.value),this._posXVal.textContent=this._posXInput.value+"%",this._refresh()},this._posYInput.oninput=()=>{this._config.posY=Number(this._posYInput.value),this._posYVal.textContent=this._posYInput.value+"%",this._refresh()},this._conicPosXInput.oninput=()=>{this._config.posX=Number(this._conicPosXInput.value),this._conicPosXVal.textContent=this._conicPosXInput.value+"%",this._refresh()},this._conicPosYInput.oninput=()=>{this._config.posY=Number(this._conicPosYInput.value),this._conicPosYVal.textContent=this._conicPosYInput.value+"%",this._refresh()},this._stopColorInput.oninput=()=>{this._currentStop().color=this._stopColorInput.value,this._refresh()},this._stopOpacityInput.oninput=()=>{this._currentStop().opacity=Number(this._stopOpacityInput.value),this._stopOpacityVal.textContent=this._stopOpacityInput.value+"%",this._refresh()},this._stopPositionInput.oninput=()=>{this._currentStop().position=Number(this._stopPositionInput.value),this._stopPositionVal.textContent=this._stopPositionInput.value+"%",this._refresh()},this._getDomElement("ge-add-stop-btn").onclick=()=>this._addStop(50),this._removeStopBtn.onclick=()=>this._removeStop(),this._stopTrack.addEventListener("click",t=>{let i=this._stopTrack.getBoundingClientRect(),r=Math.round((t.clientX-i.left)/i.width*100);this._addStop(Math.max(0,Math.min(100,r)))}),this._copyBtn.onclick=()=>{navigator.clipboard?.writeText(this._cssOutput.value).catch(()=>{})},this._applyBtn.onclick=()=>this._applyToSelection(),this._loadBtn.onclick=()=>{this._loadFromPrimarySelection(),this._selectedStopIndex=Math.max(0,Math.min(this._selectedStopIndex,this._config.stops.length-1)),this._updateTypeVisibility(),this._syncControls(),this._renderStopTrack(),this._refreshOutput()},this._loadFromPrimarySelection(),this._updateTypeVisibility(),this._syncControls(),this._renderStopTrack(),this._refreshOutput()}_loadFromPrimarySelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.primarySelection;if(e)for(let t of["background-image","background"]){let i=e.getStyle(t);if(i&&i.includes("gradient")){let r=__(i);r&&(this._config=S_(r),t==="background"&&(this._propertySelect.value="background"));break}}}_currentStop(){return this._config.stops[this._selectedStopIndex]}_addStop(e){this._config.stops.push({color:"#ffffff",opacity:100,position:e}),this._selectedStopIndex=this._config.stops.length-1,this._syncControls(),this._renderStopTrack(),this._refreshOutput()}_removeStop(){this._config.stops.length<=2||(this._config.stops.splice(this._selectedStopIndex,1),this._selectedStopIndex=Math.min(this._selectedStopIndex,this._config.stops.length-1),this._syncControls(),this._renderStopTrack(),this._refreshOutput())}_updateTypeVisibility(){this._linearGroup.style.display=this._config.type==="linear"?"":"none",this._radialGroup.style.display=this._config.type==="radial"?"":"none",this._conicGroup.style.display=this._config.type==="conic"?"":"none"}_syncControls(){this._typeSelect.value=this._config.type,this._repeatingCheck.checked=this._config.repeating,this._angleInput.value=String(this._config.angle),this._angleVal.textContent=this._config.angle+"\xB0",this._conicAngleInput.value=String(this._config.angle),this._conicAngleVal.textContent=this._config.angle+"\xB0",this._shapeSelect.value=this._config.radialShape,this._sizeSelect.value=this._config.radialSize,this._posXInput.value=String(this._config.posX),this._posXVal.textContent=this._config.posX+"%",this._posYInput.value=String(this._config.posY),this._posYVal.textContent=this._config.posY+"%",this._conicPosXInput.value=String(this._config.posX),this._conicPosXVal.textContent=this._config.posX+"%",this._conicPosYInput.value=String(this._config.posY),this._conicPosYVal.textContent=this._config.posY+"%";let e=this._currentStop();this._stopColorInput.value=e.color,this._stopOpacityInput.value=String(e.opacity),this._stopOpacityVal.textContent=e.opacity+"%",this._stopPositionInput.value=String(e.position),this._stopPositionVal.textContent=e.position+"%"}_renderStopTrack(){let e=Ko(this._config);this._previewStrip.style.background=e,this._stopTrack.innerHTML="",this._config.stops.forEach((t,i)=>{let r=document.createElement("div");r.className="stop-marker"+(i===this._selectedStopIndex?" selected":""),r.style.left=`${t.position}%`,r.style.background=t.color,r.style.opacity=String(t.opacity/100),r.addEventListener("click",o=>{o.stopPropagation(),this._selectedStopIndex=i,this._syncControls(),this._renderStopTrack()}),r.addEventListener("pointerdown",o=>{o.preventDefault(),o.stopPropagation(),r.setPointerCapture(o.pointerId);let s=this._stopTrack.getBoundingClientRect(),a=c=>{let h=Math.max(0,Math.min(1,(c.clientX-s.left)/s.width)),p=Math.round(h*100);this._config.stops[i].position=p,this._selectedStopIndex=i,r.style.left=p+"%",this._stopTrack.querySelectorAll(".stop-marker").forEach((d,u)=>{d.classList.toggle("selected",u===i)}),this._previewStrip.style.background=Ko(this._config),this._refreshOutput()},l=()=>{r.removeEventListener("pointermove",a),r.removeEventListener("pointerup",l),this._syncControls(),this._renderStopTrack()};r.addEventListener("pointermove",a),r.addEventListener("pointerup",l)}),this._stopTrack.appendChild(r)})}_refreshOutput(){this._cssOutput.value=Ko(this._config)}_refresh(){this._renderStopTrack(),this._refreshOutput()}_applyToSelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.selectedElements;if(!e?.length)return;let t=Ko(this._config),i=this._propertySelect.value,r=e[0].openGroup(`set ${i}`);for(let o of e)o.setStyle(i,t);r.commit()}};customElements.define("node-projects-gradient-editor-window",Ar)});import{css as C_}from"@node-projects/base-custom-webcomponent";function Qo(){return{x:0,y:0,shape:"round"}}function Zo(){return{width:1,style:"solid",color:"#000000",opacity:100}}function Um(){return{topLeft:{...Qo()},topRight:{...Qo()},bottomRight:{...Qo()},bottomLeft:{...Qo()},uniform:!0,width:1,borderUniform:!0,top:{...Zo()},right:{...Zo()},bottom:{...Zo()},left:{...Zo()}}}function Mh(n){let e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return`${e},${t},${i}`}function E_(n){return n.x===n.y?`${n.x}%`:`${n.x}% ${n.y}%`}function P_(n){let e=[n.topLeft,n.topRight,n.bottomRight,n.bottomLeft],t=e.map(s=>`${s.x}%`),i=e.map(s=>`${s.y}%`);return e.every(s=>s.x===e[0].x&&s.y===e[0].y)?E_(e[0]):e.every(s=>s.x===s.y)?t.join(" "):`${t.join(" ")} / ${i.join(" ")}`}function k_(n){let e=[n.topLeft.shape,n.topRight.shape,n.bottomRight.shape,n.bottomLeft.shape];return e.every(r=>r==="round")?null:e[0]===e[1]&&e[1]===e[2]&&e[2]===e[3]?e[0]:e.join(" ")}function I_(n){let e=n.width>0?`${n.width}px`:"0px";if(n.borderUniform){let{style:t,color:i,opacity:r}=n.top,o=`${Mh(i)},${(r/100).toFixed(2)}`;return{width:e,style:t,color:`rgba(${o})`}}else{let t=[n.top,n.right,n.bottom,n.left],i=t.map(a=>a.style),r=t.map(a=>`rgba(${`${Mh(a.color)},${(a.opacity/100).toFixed(2)}`})`),o=i[0]===i[1]&&i[1]===i[2]&&i[2]===i[3]?i[0]:i.join(" "),s=r[0]===r[1]&&r[1]===r[2]&&r[2]===r[3]?r[0]:r.join(" ");return{width:e,style:o,color:s}}}function D_(n){let e=Um();if(!n||(n=n.trim(),!n))return e;let t=n.split("/").map(c=>c.trim()),i=t[0]??"",r=t[1]??i,o=c=>c.split(/\s+/).map(h=>{let p=parseFloat(h);return isNaN(p)?0:p}),s=o(i),a=o(r),l=(c,h)=>c.length===1?c[0]:c.length===2?c[h===1||h===2?1:0]:c.length===3?c[h===3?1:h===2?2:0]:c[h]??0;return e.topLeft.x=l(s,0),e.topRight.x=l(s,1),e.bottomRight.x=l(s,2),e.bottomLeft.x=l(s,3),e.topLeft.y=l(a,0),e.topRight.y=l(a,1),e.bottomRight.y=l(a,2),e.bottomLeft.y=l(a,3),e}function Ah(n){let e=[],t=0,i="";for(let o of n.trim()){if(o==="("?t++:o===")"&&t--,/\s/.test(o)&&t===0){let s=i.trim();s&&e.push(s),i="";continue}i+=o}let r=i.trim();return r&&e.push(r),e}function Th(n){return n.length===1?[n[0],n[0],n[0],n[0]]:n.length===2?[n[0],n[1],n[0],n[1]]:n.length===3?[n[0],n[1],n[2],n[1]]:[n[0],n[1],n[2],n[3]]}var Tr,Lh=g(()=>{"use strict";Mt();Tr=class extends xe{_designerCanvas;_config=Um();_previewBox;_uniformCheck;_uniformXInput;_uniformYInput;_uniformShapeSelect;_uniformXVal;_uniformYVal;_tlXInput;_tlYInput;_tlShapeSelect;_tlXVal;_tlYVal;_trXInput;_trYInput;_trShapeSelect;_trXVal;_trYVal;_brXInput;_brYInput;_brShapeSelect;_brXVal;_brYVal;_blXInput;_blYInput;_blShapeSelect;_blXVal;_blYVal;_cornersUniformDiv;_cornersPersideDiv;_widthInput;_borderUniformCheck;_widthVal;_styleSelect;_colorInput;_opacityInput;_opacityVal;_topStyleSelect;_topWidthInput;_topWidthVal;_topColorInput;_topOpacityInput;_topOpacityVal;_rightStyleSelect;_rightWidthInput;_rightWidthVal;_rightColorInput;_rightOpacityInput;_rightOpacityVal;_bottomStyleSelect;_bottomWidthInput;_bottomWidthVal;_bottomColorInput;_bottomOpacityInput;_bottomOpacityVal;_leftStyleSelect;_leftWidthInput;_leftWidthVal;_leftColorInput;_leftOpacityInput;_leftOpacityVal;_borderUniformDiv;_borderPersideDiv;_cssOutput;_loadBtn;_copyBtn;_applyBtn;get windowTitle(){return"Border Radius Editor"}get windowContentStyle(){return C_`*{box-sizing:border-box}.bre-root{display:flex;flex-direction:column;width:860px;max-width:calc(100vw - 48px);color:var(--wcd-color-text,#ddd);font-family:sans-serif;font-size:12px;gap:4px;padding:6px;background:var(--wcd-color-surface-raised,#2a2a2a)}.editors-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.section-column{display:flex;flex-direction:column;gap:4px}.preview-area{background:var(--wcd-color-surface,#1a1a1a);border:1px solid var(--wcd-color-border,#444);border-radius:3px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.preview-box{width:60px;height:60px;background:var(--wcd-border-radius-editor-preview-background,linear-gradient(135deg,#667eea 0,#764ba2 100%));border-radius:0}.uniform-row{display:flex;align-items:center;gap:6px;font-size:11px}.uniform-row label{display:flex;align-items:center;gap:3px;cursor:pointer;user-select:none;color:var(--wcd-color-text-muted,#aaa)}.uniform-row input[type=checkbox]{cursor:pointer;width:14px;height:14px}.section-header{color:var(--wcd-color-text-muted,#999);font-size:10px;font-weight:700;margin-top:3px;margin-bottom:2px;text-transform:uppercase}.corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.separate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.corner-section{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#444);border-radius:2px;padding:4px}.corner-header{color:var(--wcd-color-text-muted,#888);font-size:10px;margin-bottom:3px;font-weight:700}.corner-row{display:grid;grid-template-columns:35px 1fr 24px;gap:2px 3px;align-items:center;margin-bottom:2px}.corner-row:last-child{margin-bottom:0}.corner-row label{color:var(--wcd-color-text-muted,#888);font-size:10px}.corner-row input[type=range]{width:100%;height:16px}.corner-row input[type=color]{width:100%;height:18px;cursor:pointer}.corner-row .val-label{text-align:right;color:#777;font-size:9px}.bre-root select{background:var(--wcd-color-surface-raised,#2e2e2e);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:2px;padding:2px 3px;font-size:10px;height:18px}.corner-row select{grid-column:1/-1}.side-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}@media (max-width:900px){.bre-root{width:420px}.editors-row{grid-template-columns:1fr}}.separator{height:1px;background:var(--wcd-color-surface-hover,#444);margin:2px 0}.css-out{background:var(--wcd-color-surface,#1e1e1e);border:1px solid var(--wcd-color-border,#333);border-radius:3px;color:var(--wcd-color-accent-text,#7ec8e3);font-family:monospace;font-size:10px;padding:4px;resize:none;width:100%;height:50px}.actions{display:flex;gap:4px;justify-content:flex-end}.actions .load-btn{margin-right:auto}.actions button,.apply-btn{padding:3px 10px;background:var(--wcd-color-surface-raised,#3a3a3a);color:var(--wcd-color-text,#ddd);border:1px solid var(--wcd-color-border,#555);border-radius:2px;cursor:pointer;font-size:11px}.actions button:hover,.apply-btn:hover{background:#555}.apply-btn{background:var(--wcd-color-accent,#3a6a9a);border-color:var(--wcd-color-accent-border,#2a5a8a)}.apply-btn:hover{background:#4a7aaa}`}get windowTemplate(){return`
       <div class="bre-root">
         <div class="preview-area">
           <div class="preview-box" id="bre-preview"></div>
@@ -539,18 +539,18 @@ var kl=Object.defineProperty;var tg=Object.getOwnPropertyDescriptor;var ig=Objec
         </div>
       </div>`}constructor(e){super(),this._designerCanvas=e,this._previewBox=this._getDomElement("bre-preview"),this._uniformCheck=this._getDomElement("bre-uniform"),this._uniformXInput=this._getDomElement("bre-uniform-x"),this._uniformYInput=this._getDomElement("bre-uniform-y"),this._uniformShapeSelect=this._getDomElement("bre-uniform-shape"),this._uniformXVal=this._getDomElement("bre-uniform-x-val"),this._uniformYVal=this._getDomElement("bre-uniform-y-val"),this._tlXInput=this._getDomElement("bre-tl-x"),this._tlYInput=this._getDomElement("bre-tl-y"),this._tlShapeSelect=this._getDomElement("bre-tl-shape"),this._tlXVal=this._getDomElement("bre-tl-x-val"),this._tlYVal=this._getDomElement("bre-tl-y-val"),this._trXInput=this._getDomElement("bre-tr-x"),this._trYInput=this._getDomElement("bre-tr-y"),this._trShapeSelect=this._getDomElement("bre-tr-shape"),this._trXVal=this._getDomElement("bre-tr-x-val"),this._trYVal=this._getDomElement("bre-tr-y-val"),this._brXInput=this._getDomElement("bre-br-x"),this._brYInput=this._getDomElement("bre-br-y"),this._brShapeSelect=this._getDomElement("bre-br-shape"),this._brXVal=this._getDomElement("bre-br-x-val"),this._brYVal=this._getDomElement("bre-br-y-val"),this._blXInput=this._getDomElement("bre-bl-x"),this._blYInput=this._getDomElement("bre-bl-y"),this._blShapeSelect=this._getDomElement("bre-bl-shape"),this._blXVal=this._getDomElement("bre-bl-x-val"),this._blYVal=this._getDomElement("bre-bl-y-val"),this._cornersUniformDiv=this._getDomElement("bre-corners-uniform"),this._cornersPersideDiv=this._getDomElement("bre-corners-perside"),this._widthInput=this._getDomElement("bre-width"),this._borderUniformCheck=this._getDomElement("bre-border-separate"),this._widthVal=this._getDomElement("bre-width-val"),this._styleSelect=this._getDomElement("bre-style"),this._colorInput=this._getDomElement("bre-color"),this._opacityInput=this._getDomElement("bre-opacity"),this._opacityVal=this._getDomElement("bre-opacity-val"),this._topStyleSelect=this._getDomElement("bre-top-style"),this._topWidthInput=this._getDomElement("bre-top-width"),this._topWidthVal=this._getDomElement("bre-top-width-val"),this._topColorInput=this._getDomElement("bre-top-color"),this._topOpacityInput=this._getDomElement("bre-top-opacity"),this._topOpacityVal=this._getDomElement("bre-top-opacity-val"),this._rightStyleSelect=this._getDomElement("bre-right-style"),this._rightWidthInput=this._getDomElement("bre-right-width"),this._rightWidthVal=this._getDomElement("bre-right-width-val"),this._rightColorInput=this._getDomElement("bre-right-color"),this._rightOpacityInput=this._getDomElement("bre-right-opacity"),this._rightOpacityVal=this._getDomElement("bre-right-opacity-val"),this._bottomStyleSelect=this._getDomElement("bre-bottom-style"),this._bottomWidthInput=this._getDomElement("bre-bottom-width"),this._bottomWidthVal=this._getDomElement("bre-bottom-width-val"),this._bottomColorInput=this._getDomElement("bre-bottom-color"),this._bottomOpacityInput=this._getDomElement("bre-bottom-opacity"),this._bottomOpacityVal=this._getDomElement("bre-bottom-opacity-val"),this._leftStyleSelect=this._getDomElement("bre-left-style"),this._leftWidthInput=this._getDomElement("bre-left-width"),this._leftWidthVal=this._getDomElement("bre-left-width-val"),this._leftColorInput=this._getDomElement("bre-left-color"),this._leftOpacityInput=this._getDomElement("bre-left-opacity"),this._leftOpacityVal=this._getDomElement("bre-left-opacity-val"),this._borderUniformDiv=this._getDomElement("bre-border-uniform-editor"),this._borderPersideDiv=this._getDomElement("bre-border-perside"),this._cssOutput=this._getDomElement("bre-css-out"),this._loadBtn=this._getDomElement("bre-load-btn"),this._copyBtn=this._getDomElement("bre-copy-btn"),this._applyBtn=this._getDomElement("bre-apply-btn"),this._uniformCheck.onchange=()=>{if(this._config.uniform=!this._uniformCheck.checked,this._cornersUniformDiv.style.display=this._config.uniform?"block":"none",this._cornersPersideDiv.style.display=this._config.uniform?"none":"grid",this._config.uniform){let i=this._config.topLeft;this._config.topRight={...i},this._config.bottomRight={...i},this._config.bottomLeft={...i}}this._syncControls(),this._refresh()},this._uniformXInput.oninput=()=>{this._config.topLeft.x=Number(this._uniformXInput.value),this._config.topRight.x=Number(this._uniformXInput.value),this._config.bottomRight.x=Number(this._uniformXInput.value),this._config.bottomLeft.x=Number(this._uniformXInput.value),this._uniformXVal.textContent=this._config.topLeft.x+"%",this._refresh()},this._uniformYInput.oninput=()=>{this._config.topLeft.y=Number(this._uniformYInput.value),this._config.topRight.y=Number(this._uniformYInput.value),this._config.bottomRight.y=Number(this._uniformYInput.value),this._config.bottomLeft.y=Number(this._uniformYInput.value),this._uniformYVal.textContent=this._config.topLeft.y+"%",this._refresh()},this._uniformShapeSelect.onchange=()=>{let i=this._uniformShapeSelect.value;this._config.topLeft.shape=i,this._config.topRight.shape=i,this._config.bottomRight.shape=i,this._config.bottomLeft.shape=i,this._refresh()},this._wireCornerControls("tl",this._tlXInput,this._tlYInput,this._tlShapeSelect,this._tlXVal,this._tlYVal),this._wireCornerControls("tr",this._trXInput,this._trYInput,this._trShapeSelect,this._trXVal,this._trYVal),this._wireCornerControls("br",this._brXInput,this._brYInput,this._brShapeSelect,this._brXVal,this._brYVal),this._wireCornerControls("bl",this._blXInput,this._blYInput,this._blShapeSelect,this._blXVal,this._blYVal),this._widthInput.oninput=()=>{this._config.width=Number(this._widthInput.value),this._config.top.width=this._config.width,this._config.right.width=this._config.width,this._config.bottom.width=this._config.width,this._config.left.width=this._config.width,this._widthVal.textContent=this._config.width+"px",this._refresh()},this._borderUniformCheck.onchange=()=>{this._config.borderUniform=!this._borderUniformCheck.checked,this._config.borderUniform&&(this._config.width=this._config.top.width,this._config.right.width=this._config.top.width,this._config.bottom.width=this._config.top.width,this._config.left.width=this._config.top.width),this._borderUniformDiv.style.display=this._config.borderUniform?"block":"none",this._borderPersideDiv.style.display=this._config.borderUniform?"none":"grid",this._syncControls(),this._refresh()},this._styleSelect.onchange=()=>{this._config.top.style=this._styleSelect.value,this._config.right.style=this._styleSelect.value,this._config.bottom.style=this._styleSelect.value,this._config.left.style=this._styleSelect.value,this._refresh()},this._colorInput.oninput=()=>{this._config.top.color=this._colorInput.value,this._config.right.color=this._colorInput.value,this._config.bottom.color=this._colorInput.value,this._config.left.color=this._colorInput.value,this._refresh()},this._opacityInput.oninput=()=>{let i=Number(this._opacityInput.value);this._config.top.opacity=i,this._config.right.opacity=i,this._config.bottom.opacity=i,this._config.left.opacity=i,this._opacityVal.textContent=i+"%",this._refresh()};let t=(i,r,o,s,a,l,c)=>{let h=()=>this._config[i];r.onchange=()=>{let p=h();p.style=r.value,this._refresh()},o.oninput=()=>{let p=h();p.width=Number(o.value),s.textContent=p.width+"px",this._refresh()},a.oninput=()=>{let p=h();p.color=a.value,this._refresh()},l.oninput=()=>{let p=h();p.opacity=Number(l.value),c.textContent=p.opacity+"%",this._refresh()}};t("top",this._topStyleSelect,this._topWidthInput,this._topWidthVal,this._topColorInput,this._topOpacityInput,this._topOpacityVal),t("right",this._rightStyleSelect,this._rightWidthInput,this._rightWidthVal,this._rightColorInput,this._rightOpacityInput,this._rightOpacityVal),t("bottom",this._bottomStyleSelect,this._bottomWidthInput,this._bottomWidthVal,this._bottomColorInput,this._bottomOpacityInput,this._bottomOpacityVal),t("left",this._leftStyleSelect,this._leftWidthInput,this._leftWidthVal,this._leftColorInput,this._leftOpacityInput,this._leftOpacityVal),this._copyBtn.onclick=()=>{navigator.clipboard?.writeText(this._cssOutput.value).catch(()=>{})},this._applyBtn.onclick=()=>this._applyToSelection(),this._loadBtn.onclick=()=>{this._loadFromPrimarySelection(),this._syncControls(),this._refresh()},this._loadFromPrimarySelection(),this._syncControls(),this._refresh()}_wireCornerControls(e,t,i,r,o,s){let a=()=>{switch(e){case"tl":return this._config.topLeft;case"tr":return this._config.topRight;case"br":return this._config.bottomRight;case"bl":return this._config.bottomLeft}};t.oninput=()=>{let l=a();l.x=Number(t.value),this._config.uniform&&(this._config.topLeft.x=this._config.topRight.x=this._config.bottomRight.x=this._config.bottomLeft.x=l.x),o.textContent=l.x+"%",this._refresh()},i.oninput=()=>{let l=a();l.y=Number(i.value),this._config.uniform&&(this._config.topLeft.y=this._config.topRight.y=this._config.bottomRight.y=this._config.bottomLeft.y=l.y),s.textContent=l.y+"%",this._refresh()},r.onchange=()=>{let l=a();l.shape=r.value,this._config.uniform&&(this._config.topLeft.shape=this._config.topRight.shape=this._config.bottomRight.shape=this._config.bottomLeft.shape=l.shape),this._refresh()}}_loadFromPrimarySelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.primarySelection;if(!e)return;let t=e.getStyle("border-radius");t&&(this._config=D_(t));let i=e.getStyle("corner-shape");if(i){let S=i.trim().split(/\s+/).filter(Boolean),E=I=>S.length===1?S[0]:S.length===2?S[I===1||I===2?1:0]:S.length===3?S[I===3?1:I===2?2:0]:S[I]??"round";this._config.topLeft.shape=E(0),this._config.topRight.shape=E(1),this._config.bottomRight.shape=E(2),this._config.bottomLeft.shape=E(3)}let r=[this._config.topLeft,this._config.topRight,this._config.bottomRight,this._config.bottomLeft];this._config.uniform=r.every(S=>S.x===r[0].x&&S.y===r[0].y&&S.shape===r[0].shape);let o=e.getStyle("border-width");if(o){let S=Ah(o).map(N=>parseFloat(N)).filter(N=>!isNaN(N)),[E,I,j,H]=Th(S);E!=null&&(this._config.top.width=E),I!=null&&(this._config.right.width=I),j!=null&&(this._config.bottom.width=j),H!=null&&(this._config.left.width=H),E!=null&&(this._config.width=E)}let s=e.getStyle("border-top-width"),a=e.getStyle("border-right-width"),l=e.getStyle("border-bottom-width"),c=e.getStyle("border-left-width"),h=!!(s||a||l||c);if(h){if(this._config.borderUniform=!1,s){let S=parseFloat(s);isNaN(S)||(this._config.top.width=S)}if(a){let S=parseFloat(a);isNaN(S)||(this._config.right.width=S)}if(l){let S=parseFloat(l);isNaN(S)||(this._config.bottom.width=S)}if(c){let S=parseFloat(c);isNaN(S)||(this._config.left.width=S)}this._config.width=this._config.top.width}let p=S=>{let E=S.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);if(E){let I="#"+[parseInt(E[1]),parseInt(E[2]),parseInt(E[3])].map(H=>H.toString(16).padStart(2,"0")).join(""),j=E[4]?Math.round(parseFloat(E[4])*100):100;return{hex:I,opacity:j}}else if(S.startsWith("#"))return{hex:S.slice(0,7),opacity:100};return{hex:"#000000",opacity:100}},d=e.getStyle("border-top-style"),u=e.getStyle("border-right-style"),m=e.getStyle("border-bottom-style"),f=e.getStyle("border-left-style");if(d||u||m||f)this._config.borderUniform=!1,d&&(this._config.top.style=d),u&&(this._config.right.style=u),m&&(this._config.bottom.style=m),f&&(this._config.left.style=f);else{let S=e.getStyle("border-style");if(S){h||(this._config.borderUniform=!0);let[E,I,j,H]=Th(Ah(S));E&&(this._config.top.style=E),I&&(this._config.right.style=I),j&&(this._config.bottom.style=j),H&&(this._config.left.style=H)}}let y=e.getStyle("border-top-color"),v=e.getStyle("border-right-color"),C=e.getStyle("border-bottom-color"),b=e.getStyle("border-left-color");if(y||v||C||b){if(this._config.borderUniform=!1,y){let S=p(y);this._config.top.color=S.hex,this._config.top.opacity=S.opacity}if(v){let S=p(v);this._config.right.color=S.hex,this._config.right.opacity=S.opacity}if(C){let S=p(C);this._config.bottom.color=S.hex,this._config.bottom.opacity=S.opacity}if(b){let S=p(b);this._config.left.color=S.hex,this._config.left.opacity=S.opacity}}else{let S=e.getStyle("border-color");if(S){h||(this._config.borderUniform=!0);let[E,I,j,H]=Th(Ah(S));if(E){let N=p(E);this._config.top.color=N.hex,this._config.top.opacity=N.opacity}if(I){let N=p(I);this._config.right.color=N.hex,this._config.right.opacity=N.opacity}if(j){let N=p(j);this._config.bottom.color=N.hex,this._config.bottom.opacity=N.opacity}if(H){let N=p(H);this._config.left.color=N.hex,this._config.left.opacity=N.opacity}}}let _=[this._config.top,this._config.right,this._config.bottom,this._config.left];this._config.borderUniform=_.every(S=>S.width===_[0].width&&S.style===_[0].style&&S.color===_[0].color&&S.opacity===_[0].opacity),this._config.width=this._config.top.width}_syncControls(){this._uniformCheck.checked=!this._config.uniform,this._cornersUniformDiv.style.display=this._config.uniform?"block":"none",this._cornersPersideDiv.style.display=this._config.uniform?"none":"grid",this._config.uniform&&(this._uniformXInput.value=String(this._config.topLeft.x),this._uniformYInput.value=String(this._config.topLeft.y),this._uniformShapeSelect.value=this._config.topLeft.shape,this._uniformXVal.textContent=this._config.topLeft.x+"%",this._uniformYVal.textContent=this._config.topLeft.y+"%");let e=(t,i,r,o,s,a)=>{t.value=String(a.x),i.value=String(a.y),r.value=a.shape,o.textContent=a.x+"%",s.textContent=a.y+"%"};e(this._tlXInput,this._tlYInput,this._tlShapeSelect,this._tlXVal,this._tlYVal,this._config.topLeft),e(this._trXInput,this._trYInput,this._trShapeSelect,this._trXVal,this._trYVal,this._config.topRight),e(this._brXInput,this._brYInput,this._brShapeSelect,this._brXVal,this._brYVal,this._config.bottomRight),e(this._blXInput,this._blYInput,this._blShapeSelect,this._blXVal,this._blYVal,this._config.bottomLeft),this._widthInput.value=String(this._config.width),this._widthVal.textContent=this._config.width+"px",this._borderUniformCheck.checked=!this._config.borderUniform,this._borderUniformDiv.style.display=this._config.borderUniform?"block":"none",this._borderPersideDiv.style.display=this._config.borderUniform?"none":"grid",this._config.borderUniform?(this._styleSelect.value=this._config.top.style,this._colorInput.value=this._config.top.color,this._opacityInput.value=String(this._config.top.opacity),this._opacityVal.textContent=this._config.top.opacity+"%"):(this._topStyleSelect.value=this._config.top.style,this._topWidthInput.value=String(this._config.top.width),this._topWidthVal.textContent=this._config.top.width+"px",this._topColorInput.value=this._config.top.color,this._topOpacityInput.value=String(this._config.top.opacity),this._topOpacityVal.textContent=this._config.top.opacity+"%",this._rightStyleSelect.value=this._config.right.style,this._rightWidthInput.value=String(this._config.right.width),this._rightWidthVal.textContent=this._config.right.width+"px",this._rightColorInput.value=this._config.right.color,this._rightOpacityInput.value=String(this._config.right.opacity),this._rightOpacityVal.textContent=this._config.right.opacity+"%",this._bottomStyleSelect.value=this._config.bottom.style,this._bottomWidthInput.value=String(this._config.bottom.width),this._bottomWidthVal.textContent=this._config.bottom.width+"px",this._bottomColorInput.value=this._config.bottom.color,this._bottomOpacityInput.value=String(this._config.bottom.opacity),this._bottomOpacityVal.textContent=this._config.bottom.opacity+"%",this._leftStyleSelect.value=this._config.left.style,this._leftWidthInput.value=String(this._config.left.width),this._leftWidthVal.textContent=this._config.left.width+"px",this._leftColorInput.value=this._config.left.color,this._leftOpacityInput.value=String(this._config.left.opacity),this._leftOpacityVal.textContent=this._config.left.opacity+"%")}_buildCss(){let e=P_(this._config),t=k_(this._config),i={},{width:r,style:o,color:s}=I_(this._config);if(this._config.borderUniform)i["border-width"]=r,i["border-style"]=o,i["border-color"]=s;else{let a=["top","right","bottom","left"],l=[this._config.top,this._config.right,this._config.bottom,this._config.left];for(let c=0;c<a.length;c++){let h=a[c],p=l[c];i[`border-${h}-width`]=`${p.width}px`,i[`border-${h}-style`]=p.style;let d=`${Mh(p.color)},${(p.opacity/100).toFixed(2)}`;i[`border-${h}-color`]=`rgba(${d})`}}return{radius:e,shape:t,borderCss:i}}_refresh(){let{radius:e,shape:t,borderCss:i}=this._buildCss();this._previewBox.style.borderRadius=e,t?this._previewBox.style.cornerShape=t:this._previewBox.style.cornerShape="",Object.entries(i).forEach(([o,s])=>{this._previewBox.style[o.replace(/-([a-z])/g,(a,l)=>l.toUpperCase())]=s});let r=`border-radius: ${e};`;t&&(r+=`
 corner-shape: ${t};`),Object.entries(i).forEach(([o,s])=>{r+=`
-${o}: ${s};`}),this._cssOutput.value=r}_applyToSelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.selectedElements;if(!e?.length)return;let{radius:t,shape:i,borderCss:r}=this._buildCss(),o=e[0].openGroup("set border-radius and border properties");for(let s of e)s.setStyle("border-radius",t),i?s.setStyle("corner-shape",i):s.removeStyle("corner-shape"),Object.entries(r).forEach(([a,l])=>{s.setStyle(a,l)});o.commit()}};customElements.define("node-projects-border-radius-editor-window",Ar)});var qo,Oh=g(()=>{"use strict";Mt();Uo();kh();Ih();Dh();Lh();qo=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i,r){return[{title:"tool windows",children:[{title:"transform",action:()=>{let o=new yi(t);xe.showWindow(o)}},{title:"box shadow editor",action:()=>{let o=new kr(t);xe.showWindow(o)}},{title:"text shadow editor",action:()=>{let o=new Ir(t);xe.showWindow(o)}},{title:"gradient editor",action:()=>{let o=new Dr(t);xe.showWindow(o)}},{title:"border radius editor",action:()=>{let o=new Ar(t);xe.showWindow(o)}}]}]}}});var Jo,Vh=g(()=>{"use strict";Tt();ee();he();Jo=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==A.Element}provideContextMenuItems(e,t,i){return[{title:"to front",icon:`<img style="rotate: 90deg" src="${P+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:T.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${P+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:T.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${P+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:T.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${P+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:T.moveToBack})}}]}}});function Xm(n,e,t=!1,i=0){for(let d of n)if(d==e||d.element.contains(e.element)){console.warn("could not move items into of itself or a child");return}let r=n[0],o=r.openGroup("switchContainerHelper"),s=r.instanceServiceContainer.designerCanvas,a=Number.MAX_VALUE,l=Number.MAX_VALUE,c=0,h=0;for(let d of n){let u=s.getNormalizedElementCoordinates(d.element);u.x<a&&(a=u.x),u.y<l&&(l=u.y),u.x+u.width>c&&(c=u.x+u.width),u.y+u.height>h&&(h=u.y+u.height)}let p=s.getNormalizedElementCoordinates(e.element);for(let d of n){let u=s.getNormalizedElementCoordinates(d.element);d.nodeType==A.Element&&(t?(d.setStyle("left",(u.x-a+i).toString()+"px"),d.setStyle("top",(u.y-l+i).toString()+"px")):(d.setStyle("left",(u.x-p.x).toString()+"px"),d.setStyle("top",(u.y-p.y).toString()+"px"))),e.insertChild(d)}t&&(e.setStyle("position","absolute"),e.setStyle("left",(a-i).toString()+"px"),e.setStyle("top",(l-i).toString()+"px"),e.setStyle("width",(c-a+2*i).toString()+"px"),e.setStyle("height",(h-l+2*i).toString()+"px")),o.commit()}var Nh=g(()=>{"use strict";ee()});var es,Rh=g(()=>{"use strict";Nh();oe();es=class{orderIndex=60;shouldProvideContextmenu(e,t,i,r){return i?.instanceServiceContainer.selectionService.selectedElements.length>1}provideContextMenuItems(e,t,i){return[{title:"wrap in",children:[{title:"div",action:()=>{let r=i.openGroup("wrap in Div"),o=i.instanceServiceContainer.selectionService.selectedElements,s=document.createElement("div"),a=O.createDesignItemFromInstance(s,i.serviceContainer,i.instanceServiceContainer);o[0].insertAdjacentElement(a,"beforebegin"),Xm(o,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var Tr,zh=g(()=>{"use strict";me();$e();oe();se();Tr=class{cursor="progress";_rect;_initialPoint;activated(e){}pointerEventHandler(e,t,i){$(t)||t.shiftKey?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._initialPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._initialPoint.x*e.scaleFactor),this._rect.setAttribute("y",this._initialPoint.y*e.scaleFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,M.Foreground);break;case k.PointerMove:if(this._initialPoint){let l=r.x-this._initialPoint.x,c=r.y-this._initialPoint.y;l>=0?(this._rect.setAttribute("x",this._initialPoint.x),this._rect.setAttribute("width",l)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*l)),c>=0?(this._rect.setAttribute("y",this._initialPoint.y),this._rect.setAttribute("height",c)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*c))}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.rootDesignItem.querySelectorAll("*"),s=[];($(t)||t.shiftKey||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&s.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of o){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._rect.isPointInFill(a);a.x=c.x+c.width,a.y=c.y;let p=h&&this._rect.isPointInFill(a);a.x=c.x,a.y=c.y+c.height;let d=p&&this._rect.isPointInFill(a);if(a.x=c.x+c.width,a.y=c.y+c.height,d&&this._rect.isPointInFill(a)){let m=O.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!s.includes(m)&&!t.altKey)s.push(m);else if(t.altKey){let f=s.indexOf(m);s.splice(f,1)}}}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._initialPoint=null,e.instanceServiceContainer.selectionService.setSelectedElements(s,t),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}dispose(){}}});var ts,Fh=g(()=>{"use strict";me();$e();oe();se();ts=class{cursor="progress";_pathD;_path;pointerEventHandler(e,t,i){$(t)?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-selector"),this._path.style.strokeWidth=""+1/e.scaleFactor,this._path.style.strokeDasharray=""+2/e.scaleFactor,this._pathD="M"+r.x+" "+r.y,this._path.setAttribute("D",this._pathD),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.rootDesignItem.querySelectorAll("*"),s=[];($(t)||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&s.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of o){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y;let p=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x,a.y=c.y+c.height;let d=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y+c.height;let u=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&p&&d&&u){let m=O.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!s.includes(m)&&!t.altKey)s.push(m);else if(t.altKey){let f=s.indexOf(m);s.splice(f,1)}}}e.overlayLayer.removeOverlay(this._path),this._path=null,this._pathD=null,e.instanceServiceContainer.selectionService.setSelectedElements(s),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var is,Bh=g(()=>{"use strict";is=class{cursor="crosshair";async activated(e){try{let r=(await new EyeDropper().open()).sRGBHex;e.globalContext.strokeColor=r}finally{e.globalContext.finishedWithTool(this)}}async pointerEventHandler(e,t,i){}keyboardEventHandler(e,t,i){}dispose(){}}});function Hh(n){let e=document.getSelection();return n.getSelection?e=n.getSelection():e.getComposedRanges&&(e=e.getComposedRanges(n)),e}function $m(n,e){function t(s){let a=s.parentNode;if(!a)return;let l=document.createElement("span");e.push(l),a.insertBefore(l,s),l.appendChild(s)}function i(s){return s instanceof HTMLSpanElement&&Array.from(s.childNodes).every(a=>a.nodeType===Node.TEXT_NODE)}function r(s){switch(s.nodeType){case Node.TEXT_NODE:t(s);break;case Node.DOCUMENT_FRAGMENT_NODE:case Node.ELEMENT_NODE:if(i(s)){e.push(s);break}Array.from(s.childNodes).forEach(r);break}}let o=n.extractContents();r(o),n.insertNode(o)}function A_(n){let e=document.createRange();return e.setStart(n.startContainer,n.startOffset),e.setEnd(n.endContainer,n.endOffset),e}function Km(n){let e=[];if("getRangeAt"in n){if(!n.rangeCount)return e;let t=n.getRangeAt(0);$m(t,e)}else{let t=n[0];if(!t)return e;$m(A_(t),e)}return"removeAllRanges"in n&&n.removeAllRanges&&n.removeAllRanges(),e}var Wh=g(()=>{"use strict"});import{html as T_}from"@node-projects/base-custom-webcomponent";var $i,rs=g(()=>{"use strict";le();se();Wh();xc();de();$i=class n extends F{static template=T_`<div style="height:100%;display:flex;gap:2px;width:100%"><button data-command="font-weight" data-command-parameter="800" style="pointer-events:auto;height:24px;width:24px;padding:0;font-weight:900">b</button> <button data-command="font-style" data-command-parameter="italic" style="pointer-events:auto;height:24px;width:24px;padding:0"><em>i</em></button> <button data-command="text-decoration" data-command-parameter="underline" style="pointer-events:auto;height:24px;width:24px;padding:0"><ins>u</ins></button> <button data-command="text-decoration" data-command-parameter="line-through" style="pointer-events:auto;height:24px;width:24px;padding:0"><del>s</del></button> <button data-command="text-decoration" data-command-parameter="overline" style="pointer-events:auto;height:24px;width:24px;padding:0"><span style="text-decoration:overline">o</span></button> <select data-command="fontSize" style="pointer-events:auto;height:24px;width:60px;padding:0"><option>8px</option><option>9px</option><option>10px</option><option>11px</option><option>12px</option><option>14px</option><option>16px</option><option>18px</option><option>20px</option><option>24px</option><option>28px</option><option>32px</option><option>36px</option></select> <select id="fontFamily" data-command="font-family" style="pointer-events:auto;height:24px;width:90px;padding:0"></select></div>`;_path;_toolbar;_selectionChangedListener;_toolbarStateAnimationFrame;constructor(e,t,i){super(e,t,i),this._keyDown=this._keyDown.bind(this),this._scheduleToolbarStateRefresh=this._scheduleToolbarStateRefresh.bind(this)}_keyDown(e){e.key==="Escape"&&this.dispose()}extend(){this.extendedItem.instanceServiceContainer.selectionService.clearSelectedElements(),this.extendedItem.removeDesignerAttributesAndStylesFromChildren(),window.addEventListener("keydown",this._keyDown,!0),this.extendedItem.editContent(),this._selectionChangedListener=this.extendedItem.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)}),this.extendedItem.element.focus();let e=Z(this.extendedItem.element);this._toolbar=this.createToolbar(n.template,300,24),this._toolbar.updatePosition({x:(e.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,y:(e.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor-36}),Ri.addFontsToSelect(this._toolbar.getById("fontFamily")),this._toolbar.querySelectorAll("button").forEach(t=>t.onpointerdown=i=>{let r=t.dataset.command;r&&this._formatSelection(r,t.dataset.commandParameter)}),this._toolbar.querySelectorAll("select").forEach(t=>t.onchange=()=>{let i=t.dataset.command;i&&this._formatSelection(i,t.value)}),document.addEventListener("selectionchange",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.addEventListener("keyup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.addEventListener("pointerup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.addEventListener("input",this._scheduleToolbarStateRefresh,!0),this.designerCanvas.clickOverlay.style.pointerEvents="none",this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-edit-text-clickoutside"),this._path.setAttribute("fill-rule","evenodd"),this._path.style.pointerEvents="auto",this._path.onpointerdown=t=>{this.designerCanvas.ignoreEvent(t),this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)},this._addOverlay(this._path,M.Background),this.refresh(),this._refreshToolbarState()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(this._valuesHaveChanges(this.designerCanvas.containerBoundingRect.width,this.designerCanvas.containerBoundingRect.height,this.designerCanvas.scaleFactor,e.p1.x,e.p1.y,e.p2.x,e.p2.y,e.p3.x,e.p3.y,e.p4.x,e.p4.y)){let t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+[e.p1,e.p2,e.p3,e.p4].map(r=>r.x+","+r.y).join(" ")+"Z ",this._path.setAttribute("d",i)}}dispose(){window.removeEventListener("keydown",this._keyDown,!0),document.removeEventListener("selectionchange",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.removeEventListener("keyup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.removeEventListener("pointerup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.removeEventListener("input",this._scheduleToolbarStateRefresh,!0),this._toolbarStateAnimationFrame!=null&&cancelAnimationFrame(this._toolbarStateAnimationFrame),this._selectionChangedListener?.dispose(),this._removeAllOverlays(),this.extendedItem.editContentFinish(),this.designerCanvas.clickOverlay.style.pointerEvents="auto"}commitchanges(){this._removeAllOverlays(),this.extendedItem.element.normalize(),this._cleanupFormattingMarkup(this.extendedItem.element),this.extendedItem.element.normalize();let e=!1;e:for(;!e;){for(let i of this.extendedItem.element.querySelectorAll("*"))if(i.childNodes.length==0){i.remove();continue e}e=!0}this._cleanupFormattingMarkup(this.extendedItem.element),this.extendedItem.element.normalize();let t=this.extendedItem.element.innerHTML;this.extendedItem.editContentFinish(),this.extendedItem.innerHTML=t,this.designerCanvas.clickOverlay.style.pointerEvents="auto"}_cleanupFormattingMarkup(e){let t=!1;do t=this._cleanupFormattingNode(e),e.normalize();while(t)}_cleanupFormattingNode(e){let t=!1;for(let i of Array.from(e.childNodes))t=this._cleanupFormattingNode(i)||t;if(e instanceof HTMLElement&&e.localName==="span"){let i=e;if(this._isRedundantSpan(i))return this._unwrapElement(i),!0;let r=i.parentElement;if(r instanceof HTMLElement&&r.localName==="span"&&this._haveSameAttributes(r,i))return this._unwrapElement(i),!0}return this._mergeAdjacentSpans(e)||t}_mergeAdjacentSpans(e){let t=!1,i=e.firstChild;for(;i;){if(i instanceof HTMLElement&&i.localName==="span"){let r=i.nextSibling;for(;r instanceof HTMLElement&&r.localName==="span"&&this._haveSameAttributes(i,r);){for(;r.firstChild;)i.appendChild(r.firstChild);r.remove(),t=!0,r=i.nextSibling}}i=i.nextSibling}return t}_isRedundantSpan(e){return this._getAttributeSignature(e)===""}_haveSameAttributes(e,t){return this._getAttributeSignature(e)===this._getAttributeSignature(t)}_getAttributeSignature(e){return Array.from(e.attributes).filter(t=>t.name!=="style"||t.value.trim()!=="").sort((t,i)=>t.name.localeCompare(i.name)).map(t=>`${t.name}=${t.value}`).join(";")}_unwrapElement(e){let t=e.parentNode;if(t){for(;e.firstChild;)t.insertBefore(e.firstChild,e);e.remove()}}handlesPointerEvent(e,t,i){let r=t.composedPath(),o=this._toolbar?.querySelector("stylo-editor");return o!=null&&r.indexOf(o)>=0}_formatSelection(e,t){let i=this.designerCanvas.rootDesignItem.element.shadowRoot;if(!i)return;let r=Hh(i);if(!r)return;let o=this._isFormatApplied(r,e,t),s=Km(r);if(s.length){for(let a of s)if(o){let l=this._findFormatTargets(a,e,t);if(l.length)for(let c of l)this._unsetFormat(c,e,t);else this._unsetFormat(a,e,t)}else this._setFormat(a,e,t);this.extendedItem.element.focus(),this._restoreSelection(s),this._refreshToolbarState()}}_scheduleToolbarStateRefresh(){this._toolbarStateAnimationFrame!=null&&cancelAnimationFrame(this._toolbarStateAnimationFrame),this._toolbarStateAnimationFrame=requestAnimationFrame(()=>{this._toolbarStateAnimationFrame=void 0,this._refreshToolbarState()})}_refreshToolbarState(){let e=this._getToolbarStateElement(),t=getComputedStyle(e),i=this._getTextDecorationValues(t.textDecorationLine||t.textDecoration);this._setToolbarButtonState("font-weight","800",this._isComputedFormatApplied(t,"font-weight","800")),this._setToolbarButtonState("font-style","italic",this._isComputedFormatApplied(t,"font-style","italic")),this._setToolbarButtonState("text-decoration","underline",i.includes("underline")),this._setToolbarButtonState("text-decoration","line-through",i.includes("line-through")),this._setToolbarButtonState("text-decoration","overline",i.includes("overline")),this._setToolbarSelectValue(this._getToolbarSelect("fontSize"),t.fontSize),this._setToolbarFontFamilyValue(this._getToolbarSelect("font-family"),t.fontFamily)}_getToolbarStateElement(){let e=this._getEditableSelection(),t=e?this._getFirstSelectedElement(e):null;return t&&this.extendedItem.element.contains(t)?t:this.extendedItem.element}_isComputedFormatApplied(e,t,i){switch(t){case"font-weight":{if(e.fontWeight==="bold")return!0;let r=parseFloat(e.fontWeight);return Number.isNaN(r)?!1:i?r>=parseFloat(i):r>=600}case"font-style":return e.fontStyle===i;case"text-decoration":return!!i&&this._getTextDecorationValues(e.textDecorationLine).includes(i);case"fontSize":return e.fontSize===i;case"font-family":return!!i&&this._normalizeFontFamily(e.fontFamily)===this._normalizeFontFamily(i);default:return i!=null&&e.getPropertyValue(t)===i}}_getToolbarSelect(e){return this._toolbar.querySelector(`select[data-command="${e}"]`)}_setToolbarButtonState(e,t,i){let r=this._toolbar.querySelector(`button[data-command="${e}"][data-command-parameter="${t}"]`);r&&(r.toggleAttribute("data-active",i),r.ariaPressed=String(i),r.style.backgroundColor=i?"rgb(191, 219, 254)":"",r.style.boxShadow=i?"inset 0 0 0 1px rgb(59, 130, 246)":"")}_setToolbarSelectValue(e,t){if(!e)return;this._removeTemporarySelectOptions(e);let i=Array.from(e.options).find(o=>o.value===t);if(i){e.value=i.value;return}if(!t){e.selectedIndex=-1;return}let r=document.createElement("option");r.value=t,r.text=t,r.dataset.temporaryToolbarValue="true",e.appendChild(r),e.value=t}_setToolbarFontFamilyValue(e,t){if(!e)return;let i=this._getPrimaryFontFamily(t),r=this._normalizeFontFamily(i);this._removeTemporarySelectOptions(e);let o=Array.from(e.options).find(a=>this._normalizeFontFamily(a.value)===r);if(o){e.value=o.value;return}if(!i){e.selectedIndex=-1;return}let s=document.createElement("option");s.value=i,s.text=i,s.dataset.temporaryToolbarValue="true",e.appendChild(s),e.value=i}_removeTemporarySelectOptions(e){Array.from(e.options).filter(t=>t.dataset.temporaryToolbarValue==="true").forEach(t=>t.remove())}_getPrimaryFontFamily(e){return e.replaceAll(/['"]/g,"").split(",")[0].trim()}_restoreSelection(e){let t=this._getEditableSelection();if(!t)return;let i=document.createRange();i.setStartBefore(e[0]),i.setEndAfter(e[e.length-1]),t.removeAllRanges(),t.addRange(i)}_getEditableSelection(){let e=this.designerCanvas.rootDesignItem.element.shadowRoot;if(!e)return document.getSelection();let t=Hh(e);return t&&"addRange"in t&&"removeAllRanges"in t?t:document.getSelection()}_isFormatApplied(e,t,i){let r=this._getFirstSelectedElement(e);return r?this._isComputedFormatApplied(getComputedStyle(r),t,i):!1}_getFirstSelectedElement(e){let t=this._getSelectionRange(e);if(!t)return null;if(t.startContainer.nodeType===Node.TEXT_NODE)return t.startContainer.parentElement;let i=t.commonAncestorContainer.nodeType===Node.TEXT_NODE?t.commonAncestorContainer.parentNode:t.commonAncestorContainer;if(!i)return t.startContainer instanceof HTMLElement?t.startContainer:null;let r=document.createTreeWalker(i,NodeFilter.SHOW_TEXT,{acceptNode:s=>{let a=s;return a.textContent?.length&&t.intersectsNode(a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),o=i.nodeType===Node.TEXT_NODE&&t.intersectsNode(i)?i:r.nextNode();return o?.parentElement?o.parentElement:t.startContainer instanceof HTMLElement?t.startContainer:t.startContainer.parentElement}_getSelectionRange(e){if("getRangeAt"in e)return e.rangeCount?e.getRangeAt(0):null;let t=e[0];if(!t)return null;let i=document.createRange();return i.setStart(t.startContainer,t.startOffset),i.setEnd(t.endContainer,t.endOffset),i}_findFormatTargets(e,t,i){let r=[],o=e;for(;o&&o!==this.extendedItem.element;)this._hasInlineFormat(o,t,i)&&r.push(o),o=o.parentElement;return r}_hasInlineFormat(e,t,i){switch(t){case"font-weight":return e.style.fontWeight!=="";case"font-style":return e.style.fontStyle!=="";case"text-decoration":return!!i&&this._getTextDecorationValues(e.style.textDecorationLine||e.style.textDecoration).includes(i);case"fontSize":return e.style.fontSize!=="";case"font-family":return e.style.fontFamily!=="";default:return e.style.getPropertyValue(t)!==""}}_setFormat(e,t,i){switch(t){case"font-weight":e.style.fontWeight=i??"";break;case"font-style":e.style.fontStyle=i??"";break;case"text-decoration":{let r=this._getTextDecorationValues(e.style.textDecorationLine||e.style.textDecoration);i&&!r.includes(i)&&r.push(i),e.style.textDecorationLine=r.join(" ");break}case"fontSize":e.style.fontSize=i??"";break;case"font-family":e.style.fontFamily=i??"";break;default:i==null?e.style.removeProperty(t):e.style.setProperty(t,i);break}}_unsetFormat(e,t,i){switch(t){case"font-weight":e.style.removeProperty("font-weight");break;case"font-style":e.style.removeProperty("font-style");break;case"text-decoration":{let r=this._getTextDecorationValues(e.style.textDecorationLine||e.style.textDecoration).filter(o=>o!==i);r.length?e.style.textDecorationLine=r.join(" "):(e.style.removeProperty("text-decoration-line"),e.style.removeProperty("text-decoration"));break}case"fontSize":e.style.removeProperty("font-size");break;case"font-family":e.style.removeProperty("font-family");break;default:e.style.removeProperty(t);break}}_getTextDecorationValues(e){return e?e.split(" ").map(t=>t.trim()).filter(t=>t.length>0&&t!=="none"&&t!=="solid"):[]}_normalizeFontFamily(e){return e.replaceAll(/['"]/g,"").split(",")[0].trim().toLowerCase()}}});var ns,Gh=g(()=>{"use strict";me();oe();vt();rs();ns=class{_textEditExtensions;constructor(e){e&&(this._editExistingText=!0)}activated(e){this._textCreated=!1}dispose(){}cursor="text";_textCreated=!1;_editExistingText=!1;pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:if(!this._textCreated&&!this._editExistingText){this._textCreated=!0;let o=document.createElement("span"),s=O.createDesignItemFromInstance(o,e.serviceContainer,e.instanceServiceContainer);s.setStyle("position","absolute"),s.setStyle("left",r.x+"px"),s.setStyle("top",r.y+"px"),e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,s)),e.extensionManager.applyExtensionInstance(s,new $i(e.extensionManager,e,s)),e.serviceContainer.globalContext.finishedWithTool(this),setTimeout(()=>{o.focus()},50)}else for(let o of this._textEditExtensions)o.handlesPointerEvent&&(o.handlesPointerEvent(e,t,i)||e.serviceContainer.globalContext.finishedWithTool(this));break}}keyboardEventHandler(e,t,i){}}});var os,jh=g(()=>{"use strict";le();se();os=class extends F{_path;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){this._path||(this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-gray-out"),this._path.setAttribute("fill-rule","evenodd"),this._addOverlay(this._path,M.Background));let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0],t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+" Z",this._path.setAttribute("d",i)}dispose(){this._removeAllOverlays(),this._path=null}}});import{css as M_}from"@node-projects/base-custom-webcomponent";var ss,Yh=g(()=>{"use strict";jh();ss=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new os(e,t,i)}style=M_`.svg-gray-out{stroke:transparent;fill:rgba(211,211,211,.8);pointer-events:none}`}});var as,Uh=g(()=>{"use strict";le();se();as=class extends F{_text;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);this._text=this._drawText("Press ALT (or hold) to enter container",e.x+5,e.y+12,"svg-text-enter-container",this._text,M.Foreground),this._text.style.fontSize=14/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("x",""+(e.x+5/this.designerCanvas.scaleFactor)),this._text.setAttribute("y",""+(e.y+12/this.designerCanvas.scaleFactor))}dispose(){this._removeAllOverlays()}}});import{css as L_}from"@node-projects/base-custom-webcomponent";var ls,Xh=g(()=>{"use strict";Uh();ls=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new as(e,t,i)}static style=L_`.svg-text-enter-container{stroke:none;fill:#000;stroke-width:1;font-weight:800;font-family:monospace}`}});var cs,$h=g(()=>{"use strict";le();se();cs=class extends F{_rect;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._rect=this._drawTransformedRect(i,"svg-invisible-div",this._rect,M.Background))}dispose(){this._removeAllOverlays()}}});import{css as O_}from"@node-projects/base-custom-webcomponent";var Kh,hs,ps=g(()=>{"use strict";$h();Kh="invisibleElementExtensionShowOverlay",hs=class{elementFilter;constructor(e=t=>t.name=="div"&&window.getComputedStyle(t.element).display!="inline"){this.elementFilter=e}shouldExtend(e,t,i){if(t.instanceServiceContainer.designContext.extensionOptions[Kh]!==!1&&this.elementFilter(i)){let r=window.getComputedStyle(i.element);return r.backgroundColor=="rgba(0, 0, 0, 0)"&&r.borderStyle=="none"}return!1}getExtension(e,t,i){return new cs(e,t,i)}static style=O_`.svg-invisible-div{stroke:#d3d3d3;fill:transparent;stroke-width:1}`}});var ds,Qh=g(()=>{"use strict";oe();ds=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){let r=t.elementsFromPoint(e.x,e.y);return r.length>0?[{title:"items below",children:[...r.map(o=>({title:"select: "+o.localName+(o.id?" (#"+o.id+")":""),action:()=>this._select(t,o)}))]}]:[]}_select(e,t){let i=O.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});var us,Zh=g(()=>{"use strict";gi();Hi();de();us=class{_basePlacementService;constructor(e){this._basePlacementService=e??new gt}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("width"),r.removeStyle("height"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=Z(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="grid"||t.display=="inline-grid"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return Z(e.element)}placePoint(e,t,i,r,o,s,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof gt).placePoint(e,t,i,r,o,s,a)}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=lt(i),c=t.getNormalizedEventCoordinates(e),h=Pr(i,c,l);if(h){let{row:p,column:d,cell:u}=h,m=ji(a[0].element);u.name?(a[0].element.style.gridColumn="",a[0].element.style.gridRow="",a[0].element.style.gridArea=u.name):(a[0].element.style.gridArea="",m.colSpan<=1?(a[0].element.style.gridColumn=""+(d+1),a[0].element.style.gridRow=""+(p+1)):(a[0].element.style.gridColumnStart=""+(d+1),a[0].element.style.gridRowStart=""+(p+1),a[0].element.style.gridColumnEnd=""+(d+m.colSpan+1),a[0].element.style.gridRowEnd=""+(p+m.rowSpan+1)))}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,o,s,a){let l=lt(i),c=t.getNormalizedEventCoordinates(e),h=Pr(i,c,l);if(h){let{row:p,column:d,cell:u}=h,m=ji(a[0].element);u.name?(a[0].setStyle("grid-area",u.name),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-area",u.name)):m.colSpan<=1?(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].setStyle("grid-column",""+(d+1)),a[0].setStyle("grid-row",""+(p+1))):(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-column-start",""+(d+1)),a[0].setStyle("grid-row-start",""+(p+1)),a[0].setStyle("grid-column-end",""+(d+m.colSpan+1)),a[0].setStyle("grid-row-end",""+(p+m.rowSpan+1)))}t.extensionManager.refreshAllExtensions([i])}moveElements(e,t,i){}}});var ms,qh=g(()=>{"use strict";ms=class{getElementAtPoint(e,t){return e.getElementAtPoint(t)}}});var fs,Jh=g(()=>{"use strict";de();Hi();fs=class{_basePlacementService;constructor(e){this._basePlacementService=e??new gt}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=Z(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="flex"||t.display=="inline-flex"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return Z(e.element)}placePoint(e,t,i,r,o,s,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof gt).placePoint(e,t,i,r,o,s,a)}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=t.getNormalizedEventCoordinates(e),c=getComputedStyle(i.element),h=Array.from(i.children()).filter(p=>!p.isEmptyTextNode).map(p=>[p,t.getNormalizedElementCoordinates(p.element)]);if(c.flexDirection=="row"||c.flexDirection=="row-reverse"){h.sort(m=>m[1].x);let p=null;for(let m of h)if(m[1].x+m[1].width/2<l.x&&(p=m,c.flexDirection=="row-reverse"))break;let d=h.indexOf(p),u=h.indexOf(h.find(m=>m[0]==a[0]));if(p&&p[0]!=a[0]){if(c.flexDirection=="row-reverse"&&d-1===u||c.flexDirection=="row"&&d+1===u)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?p[0].insertAdjacentElement(a[0],"beforebegin"):p[0].insertAdjacentElement(a[0],"afterend"),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(p==null){if(u==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}else if(c.flexDirection=="column"||c.flexDirection=="column-reverse"){h.sort(m=>m[1].y);let p=null;for(let m of h)if(m[1].y+m[1].height/2<l.y&&(p=m,c.flexDirection=="column-reverse"))break;let d=h.indexOf(p),u=h.indexOf(h.find(m=>m[0]==a[0]));if(p&&p[0]!=a[0]){if(c.flexDirection=="column-reverse"&&d-1===u||c.flexDirection=="column"&&d+1===u)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?p[0].insertAdjacentElement(a[0],"beforebegin"):p[0].insertAdjacentElement(a[0],"afterend"),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(p==null){if(u==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,o,s,a){}moveElements(e,t,i){}}});var V_,N_,gs,ep=g(()=>{"use strict";de();V_="provideSnaplinesWithDistance",N_="provideSnaplinesWithDistanceDistance",gs=class{provideSnaplines(e,t){{let i=e.instanceServiceContainer.designerCanvas,r=new Map(t.map(m=>[m.element,m])),o=Z(e.element),s=i.instanceServiceContainer.designContext.extensionOptions[V_]!==!1,a=i.instanceServiceContainer.designContext.extensionOptions[N_]??5,l=[],c=[],h=[],p=[],d=e.document.createTreeWalker(e.usableContainer,NodeFilter.SHOW_ELEMENT),u=d.nextNode();for(;u!=null;)if(r.has(u))u=d.nextSibling();else{let m=Z(u),f=(m.x-o.x)/i.scaleFactor,y=(m.x-o.x+m.width/2)/i.scaleFactor,v=(m.x-o.x+m.width)/i.scaleFactor,C=(m.y-o.y)/i.scaleFactor,b=(m.y-o.y+m.height/2)/i.scaleFactor,_=(m.y-o.y+m.height)/i.scaleFactor,S={x:f+o.x,y:C+o.y,width:m.width/i.scaleFactor,height:m.height/i.scaleFactor};s&&l.push([f-a,S]),l.push([f,S]),c.push([y,S]),l.push([v,S]),s&&l.push([v+a,S]),s&&h.push([C-a,S]),h.push([C,S]),p.push([b,S]),h.push([_,S]),s&&h.push([_+a,S]),u=d.nextNode()}return l.push([0,{x:0,y:0,width:0,height:0}]),l.sort((m,f)=>m[0]-f[0]),c.sort((m,f)=>m[0]-f[0]),h.push([0,{x:0,y:0,width:0,height:0}]),h.sort((m,f)=>m[0]-f[0]),p.sort((m,f)=>m[0]-f[0]),{outerRect:o,positionsH:l,positionsMiddleH:c,positionsV:h,positionsMiddleV:p}}}}});var ys,tp=g(()=>{"use strict";oe();vt();ys=class{dragOver(e,t){return e.readOnly?"none":t.dataTransfer.items[0].type.startsWith("image/")?"copy":"none"}async drop(e,t){if(t.dataTransfer.files[0].type.startsWith("image/")){let i=await O.createDesignItemFromImageBlob(e.serviceContainer,e.instanceServiceContainer,t.dataTransfer.files[0]),r=i.openGroup("Insert of &lt;img&gt;");i.setStyle("position","absolute");let o=e.getNormalizedEventCoordinates(t);i.setStyle("top",o.y+"px"),i.setStyle("left",o.x+"px"),e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,i)),r.commit(),requestAnimationFrame(()=>e.instanceServiceContainer.selectionService.setSelectedElements([i]))}}}});import{css as R_}from"@node-projects/base-custom-webcomponent";var vs,ip=g(()=>{"use strict";rs();vs=class{shouldExtend(e,t,i){return!(i.isRootItem||i.name==="input")}getExtension(e,t,i){return new $i(e,t,i)}static style=R_`.svg-edit-text-clickoutside{stroke:transparent;fill:#d3d3d3;opacity:.7}`}});async function Uk(n){Mr([["text/plain",n]])}async function Mr(n){if(navigator.clipboard){try{let e=[];for(let t of n)e.push(new ClipboardItem({[t[0]]:new Blob([t[1]],{type:t[0]})}));await navigator.clipboard.write(e)}catch{await navigator.clipboard.writeText(n[0][1]),rp=n[0][1]}console.info("Copy to clipboard successful")}else{let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;rp=n[0][1];let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",t.value=n[0][1],document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch{try{document.execCommand("copy")}catch(r){console.error(r)}}document.body.removeChild(t),e.focus()}}async function _s(){return navigator.clipboard?new Promise(async(n,e)=>{let t=await navigator.clipboard.readText();n(t)}):new Promise(async(n,e)=>{let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",document.body.appendChild(t),t.focus(),t.select(),document.execCommand("paste");let i=t.value;i||(i=rp),document.body.removeChild(t),n(i)})}async function xs(){return navigator.clipboard?await navigator.clipboard.read():null}var rp,bs=g(()=>{"use strict";rp=null});var Qm,ws,np=g(()=>{"use strict";st();bs();Oe();Qm="web text/positions",ws=class{async copyItems(e){let t=ue(e),i=J.ConvertToString(t,!1),r=t.map(o=>o.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(o.element));Mr([["text/html",i],[Qm,JSON.stringify(r)]])}async getPasteItems(e,t){let i="",r=null,o=await xs();if(o!=null){try{i=await(await o[0].getType("text/html"))?.text()}catch{}i||(i=await(await o[0].getType("text/plain"))?.text());try{let a=await(await o[0].getType(Qm))?.text();r=JSON.parse(a)}catch{}}else i=await _s();return[await e.htmlParserService.parse(i,e,t,!0),r??void 0]}}});var Ae,op=g(()=>{"use strict";(function(n){n[n.TOP=0]="TOP",n[n.RIGHT=1]="RIGHT",n[n.BOTTOM=2]="BOTTOM",n[n.LEFT=3]="LEFT",n[n.VERTICAL_CENTER=4]="VERTICAL_CENTER",n[n.HORIZONTAL_CENTER=5]="HORIZONTAL_CENTER"})(Ae||(Ae={}))});var Lt,ei,Zm=g(()=>{"use strict";op();Lt=class{static arrangeElements(e,t,i){switch(e){case Ae.TOP:{let r=this.formGroup(ei.TOP,t),s=t.getNormalizedElementCoordinates(i[0].element).y;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.y){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-s-l.height;this.arrange(a,"bottom",h+"px")}else{let h=s-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case Ae.BOTTOM:{let r=this.formGroup(ei.BOTTOM,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.y+o.height;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.y+l.height){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-s;this.arrange(a,"bottom",h+"px")}else{let h=s-l.height-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case Ae.LEFT:{let r=this.formGroup(ei.LEFT,t),s=t.getNormalizedElementCoordinates(i[0].element).x;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.x){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-s-l.width;this.arrange(a,"right",h+"px")}else{let h=s-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case Ae.RIGHT:{let r=this.formGroup(ei.RIGHT,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.x+o.width;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.x+l.width){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-s;this.arrange(a,"right",h+"px")}else{let h=s-l.width-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case Ae.VERTICAL_CENTER:{let r=this.formGroup(ei.VERTICAL_CENTER,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.y+o.height/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.y+l.height/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-s-l.height/2;this.arrange(a,"bottom",h+"px")}else{let h=s-l.height/2-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case Ae.HORIZONTAL_CENTER:{let r=this.formGroup(ei.HORIZONTAL_CENTER,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.x+o.width/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.x+l.width/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-s-l.width/2;this.arrange(a,"right",h+"px")}else{let h=s-l.width/2-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}}}static arrange(e,t,i){e.setStyle(t,i)}static formGroup(e,t){return t.instanceServiceContainer.selectionService.primarySelection.openGroup(e)}};(function(n){n.TOP="arrangeTop",n.RIGHT="arrangeRight",n.BOTTOM="arrangeBottom",n.LEFT="arrangeLeft",n.HORIZONTAL_CENTER="arrangeHorizontalCenter",n.VERTICAL_CENTER="arrangeVerticalCenter"})(ei||(ei={}))});var Ss,sp=g(()=>{"use strict";Tt();Zm();op();Ss=class{canExecuteCommand(e,t,i){return t.type==T.moveBackward||t.type==T.moveForward||t.type==T.moveToBack||t.type==T.moveToFront?e.instanceServiceContainer.selectionService.primarySelection!=null&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:t.type==T.arrangeBottom||t.type==T.arrangeCenter||t.type==T.arrangeLeft||t.type==T.arrangeMiddle||t.type==T.arrangeRight||t.type==T.arrangeTop||t.type==T.unifyHeight||t.type==T.unifyWidth?e.instanceServiceContainer.selectionService.selectedElements.length>1:t.type==T.rotateCounterClockwise||t.type==T.rotateClockwise||t.type==T.mirrorHorizontal||t.type==T.mirrorVertical?e.instanceServiceContainer.selectionService.selectedElements.length>0&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:null}async executeCommand(e,t,i){i=i??[...e.instanceServiceContainer.selectionService.selectedElements];let r=i[0];if(t.type==T.moveBackward){let s=r.parent.indexOf(r)-1;s>=0&&r.parent.insertChild(r,s)}else if(t.type==T.moveForward){let s=r.parent.indexOf(r)+1;s<r.parent.childCount&&r.parent.insertChild(r,s)}else if(t.type==T.moveToBack)r.parent.insertChild(r,0);else if(t.type==T.moveToFront)r.parent.insertChild(r);else if(t.type==T.arrangeTop)Lt.arrangeElements(Ae.TOP,e,i);else if(t.type==T.arrangeRight)Lt.arrangeElements(Ae.RIGHT,e,i);else if(t.type==T.arrangeLeft)Lt.arrangeElements(Ae.LEFT,e,i);else if(t.type==T.arrangeBottom)Lt.arrangeElements(Ae.BOTTOM,e,i);else if(t.type==T.arrangeCenter)Lt.arrangeElements(Ae.HORIZONTAL_CENTER,e,i);else if(t.type==T.arrangeMiddle)Lt.arrangeElements(Ae.VERTICAL_CENTER,e,i);else if(t.type==T.unifyHeight){let s=r.openGroup("unifyHeight"),a=r.getStyle("height");for(let l of i)l.setStyle("height",a);s.commit()}else if(t.type==T.unifyWidth){let s=r.openGroup("unifyWidth"),a=r.getStyle("width");for(let l of i)l.setStyle("width",a);s.commit()}else if(t.type==T.rotateCounterClockwise){let s=r.openGroup("rotateCounterClockwise");var o=r.getStyle("transform");let a=0,l="";if(o!=null)try{o.includes("-")?a=parseInt(o.match(/\d+/)[0])*-1:a=parseInt(o.match(/\d+/)[0]),l="rotate("+(a-90)+"deg)"}catch{l="rotate(-90deg)"}else l="rotate(-90deg)";for(let c of i)c.setStyle("transform",l);s.commit()}else if(t.type==T.rotateClockwise){let s=r.openGroup("rotateClockwise");var o=r.getStyle("transform");let l=0,c="";if(o!=null)try{o.includes("-")?l=parseInt(o.match(/\d+/)[0])*-1:l=parseInt(o.match(/\d+/)[0]),c="rotate("+(l+90)+"deg)"}catch{c="rotate(90deg)"}else c="rotate(90deg)";for(let h of i)h.setStyle("transform",c);s.commit()}else if(t.type==T.mirrorHorizontal){let s=r.openGroup("mirrorHorizontal");for(let a of i)a.setStyle("transform","scaleX(-1)");s.commit()}else if(t.type==T.mirrorVertical){let s=r.openGroup("mirrorVertical");for(let a of i)a.setStyle("transform","scaleY(-1)");s.commit()}else return null;return!0}}});var Ot,ap=g(()=>{"use strict";Ot=class{_space;constructor(e){this._space=e}provideButtons(e,t){let i=document.createElement("div");return i.style.width=this._space+"px",i.oncontextmenu=r=>{r.preventDefault()},[i]}}});var Cs,lp=g(()=>{"use strict";gi();le();se();Cs=class extends F{_cells;_texts;_gaps;_group;gridInformation;gridInformationString;_lastEvent;gridColor;gridFillColor;constructor(e,t,i,r,o){super(e,t,i),this.gridColor=r,this.gridFillColor=o}extend(e,t){this._initSVGArrays(),this.refresh(t)}refresh(e,t){this.gridInformation=lt(this.extendedItem);let i=JSON.stringify(this.gridInformation);if(i!==this.gridInformationString||t!=null&&this._lastEvent!==t){t&&(this._lastEvent=t),this.gridInformationString=i;let r=this.gridInformation.cells,o=this._lastEvent&&this._lastEvent instanceof MouseEvent?Pr(this.extendedItem,this.designerCanvas.getNormalizedEventCoordinates(this._lastEvent),this.gridInformation):null;r[0][0]&&!isNaN(r[0][0].height)&&!isNaN(r[0][0].width)&&((this.gridInformation.cells.length!=this._cells.length||this.gridInformation.cells[0].length!=this._cells[0].length)&&this._initSVGArrays(),this._group||(this._group=this._drawGroup(null,this._group,M.Background),this._group.style.transformOrigin="0 0",this._group.style.setProperty("--svg-grid-stroke-color",this.gridColor),this._group.style.setProperty("--svg-grid-fill-color",this.gridFillColor)),this._group.style.transform=Yi(this.extendedItem).toString(),this.gridInformation.gaps.forEach((s,a)=>{this._gaps[a]=this._drawRect(s.localX,s.localY,s.width,s.height,"svg-grid-gap",this._gaps[a],M.Background),this._group.appendChild(this._gaps[a])}),r.forEach((s,a)=>{s.forEach((l,c)=>{this._cells[a][c]=this._drawRect(l.localX,l.localY,l.width,l.height,"svg-grid",this._cells[a][c],M.Background),this._group.appendChild(this._cells[a][c]),l.name&&(this._texts[a][c]=this._drawText(l.name,l.localX,l.localY,"svg-grid-area",this._texts[a][c],M.Background),this._texts[a][c].setAttribute("dominant-baseline","hanging")),o?.row===a&&o?.column===c&&this._cells[a][c].setAttribute("class","svg-grid-current-cell")})}))}}dispose(){this._removeAllOverlays()}_initSVGArrays(){this._removeAllOverlays(),this._group=null,this.gridInformation=lt(this.extendedItem),this._cells=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._cells[t]=new Array(e.length)),this._texts=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._texts[t]=new Array(e.length)),this._gaps=new Array(this.gridInformation.gaps.length)}}});import{css as z_}from"@node-projects/base-custom-webcomponent";var Lr,vi,Or=g(()=>{"use strict";lp();Jt();ee();Lr="gridExtensionShowOverlay",vi=class{gridColor;gridFillColor;constructor(e="orange",t="#ff944722"){this.gridColor=e,this.gridFillColor=t}shouldExtend(e,t,i){if(i.nodeType!=A.Element)return!1;let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Lr]!==!1:!1}getExtension(e,t,i){return new Cs(e,t,i,this.gridColor,this.gridFillColor)}static style=z_`.svg-grid{stroke:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color));stroke-dasharray:5;fill:var(--wcd-grid-fill-color,var(--svg-grid-fill-color))}.svg-grid-current-cell{stroke:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color));stroke-dasharray:5;fill:#e3ff4722}.svg-grid-area{font-size:8px}.svg-grid-gap{stroke:transparent;fill:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color));opacity:.3;mask:url(#mask-stripe-grid)}.svg-grid-header{fill:var(--wcd-grid-fill-color,var(--wcd-grid-fill-color,var(--svg-grid-fill-color)));stroke:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color))}.svg-grid-plus-sign{stroke:#000}`;static svgDefs=mi`<pattern id="pattern-stripe-grid" width="4" height="4" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="1" height="4" transform="translate(0,0)" fill="white"></rect></pattern><mask id="mask-stripe-grid"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-grid)"></mask>`}});var Es,cp=g(()=>{"use strict";Or();ai();Es=class extends tt{constructor(){super(Lr,"G","show grid overlay")}}});var Ps,hp=g(()=>{"use strict";me();se();Xe();oe();vt();$e();di();Ps=class{cursor="crosshair";_path;_startPoint;_minX;_minY;_maxX;_maxY;_px;_py;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),o=10;switch(t.type){case k.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","rect"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x",r.x.toString()),this._path.setAttribute("y",r.y.toString()),this._path.setAttribute("width","0"),this._path.setAttribute("height","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:if(this._path)if(this._minX=r.x<this._startPoint.x?r.x:this._startPoint.x,this._maxX=r.x>this._startPoint.x?r.x:this._startPoint.x,this._minY=r.y<this._startPoint.y?r.y:this._startPoint.y,this._maxY=r.y>this._startPoint.y?r.y:this._startPoint.y,$(t)){if(t.shiftKey){let d=2*Fi(this._startPoint,r);this._px=this._startPoint.x-d/2,this._py=this._startPoint.y-d/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else{let d=2*(this._maxX-this._minX),u=2*(this._maxY-this._minY);this._px=r.x<this._startPoint.x?r.x:this._startPoint.x-d/2,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y-u/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",u.toString())}this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}else{if(t.shiftKey){let d=Fi(this._startPoint,r);this._px=r.x<this._startPoint.x?this._startPoint.x-d:this._startPoint.x,this._py=r.y<this._startPoint.y?this._startPoint.y-d:this._startPoint.y,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else this._px=r.x<this._startPoint.x?r.x:this._startPoint.x,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y,this._path.setAttribute("width",(this._maxX-this._minX).toString()),this._path.setAttribute("height",(this._maxY-this._minY).toString());this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=s.x-o,c=s.y-o,h=e.serviceContainer.options.roundPixelsToDecimalPlaces;this._path.setAttribute("x",pe(this._px-l,h)),this._path.setAttribute("y",pe(this._py-c,h)),this._path.setAttribute("width",pe(Number(this._path.getAttribute("width")),h)),this._path.setAttribute("height",pe(Number(this._path.getAttribute("height")),h)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=pe(l,h)+"px",a.style.top=pe(c,h)+"px",a.style.position="absolute",a.style.width=Math.round(s.width+2*o)+"px",a.style.height=Math.round(s.height+2*o)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let p=O.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,p)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var ks,pp=g(()=>{"use strict";me();se();Xe();oe();vt();$e();di();ks=class{cursor="crosshair";_path;_startPoint;_radius;_cx;_cy;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),o=10;switch(t.type){case k.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("cx",r.x.toString()),this._path.setAttribute("cy",r.y.toString()),this._path.setAttribute("rx","0"),this._path.setAttribute("ry","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:if(this._path)if(this._radius={x:Math.abs(r.x-this._startPoint.x),y:Math.abs(r.y-this._startPoint.y)},$(t))if(this._path.setAttribute("cx",this._startPoint.x.toString()),this._path.setAttribute("cy",this._startPoint.y.toString()),this._cx=this._startPoint.x,this._cy=this._startPoint.y,t.shiftKey){let d=Fi(this._startPoint,r);this._path.setAttribute("rx",d.toString()),this._path.setAttribute("ry",d.toString())}else this._path.setAttribute("rx",this._radius.x.toString()),this._path.setAttribute("ry",this._radius.y.toString());else{if(t.shiftKey){let d=Fi(this._startPoint,r);this._radius={x:d,y:d}}this._cx=r.x<this._startPoint.x?this._startPoint.x-this._radius.x/2:this._startPoint.x+this._radius.x/2,this._cy=r.y<this._startPoint.y?this._startPoint.y-this._radius.y/2:this._startPoint.y+this._radius.y/2,this._path.setAttribute("cx",this._cx.toString()),this._path.setAttribute("cy",this._cy.toString()),this._path.setAttribute("rx",(this._radius.x/2).toString()),this._path.setAttribute("ry",(this._radius.y/2).toString())}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=s.x-o,c=s.y-o,h=e.serviceContainer.options.roundPixelsToDecimalPlaces;a.appendChild(this._path),this._path.setAttribute("cx",pe(this._cx-l,h)),this._path.setAttribute("cy",pe(this._cy-c,h)),this._path.setAttribute("rx",pe(Number(this._path.getAttribute("rx")),h)),this._path.setAttribute("ry",pe(Number(this._path.getAttribute("ry")),h)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.style.left=pe(l,h)+"px",a.style.top=pe(c,h)+"px",a.style.position="absolute",a.style.width=Math.round(s.width+2*o)+"px",a.style.height=Math.round(s.height+2*o)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let p=O.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,p)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var Is,dp=g(()=>{"use strict";me();se();Xe();oe();vt();di();Is=class{cursor="crosshair";_path;_startPoint;_endPoint;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),o=10;switch(t.type){case k.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","line"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x1",r.x.toString()),this._path.setAttribute("y1",r.y.toString()),this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:if(this._path)if(t.shiftKey){let d=kt(this._startPoint,r);this._path.setAttribute("x2",d.x.toString()),this._path.setAttribute("y2",d.y.toString()),this._endPoint=d}else this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),this._endPoint=r;break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=s.x-o,c=s.y-o,h=e.serviceContainer.options.roundPixelsToDecimalPlaces;this._path.setAttribute("x1",pe(this._startPoint.x-l,h)),this._path.setAttribute("y1",pe(this._startPoint.y-c,h)),this._path.setAttribute("x2",pe(this._endPoint.x-l,h)),this._path.setAttribute("y2",pe(this._endPoint.y-c,h)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=pe(l,h)+"px",a.style.top=pe(c,h)+"px",a.style.position="absolute",a.style.width=Math.round(s.width+2*o)+"px",a.style.height=Math.round(s.height+2*o)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let p=O.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,p)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var Ki,Ds=g(()=>{"use strict";Ki=class n{static _helperElement=document.createElement("div");static combine(e,t){if(n.applyStylesToHelper(e),n.combineBorder(e),n.combineMargin(e),n.combinePadding(e),n.combineInset(e),n.combineBackground(e),n.combineFont(e),e=n.combineBrowserSupportedShorthands(e),t)for(let i of t)e.has(i[0])&&e.get(i[0])===i[1]&&e.delete(i[0]);return e}static applyStylesToHelper(e){let t=n._helperElement;t.setAttribute("style","");for(let i of e)i[0].startsWith("--")||i[0].includes("-")?t.style.setProperty(i[0],i[1]):t.style[i[0]]=i[1];return t}static combineBrowserSupportedShorthands(e){let t=n.getNormalizedStyleValues(e),i=new Map(e);for(;;){let r=n.parseStyleDeclarationList(n.applyStylesToHelper(i).style.cssText),o=null,s=0;for(let a of r){let l=n.getCandidateCoverage(i,t,a[0],a[1]);if(l.length===0)continue;let c=new Map(i);for(let p of l)c.delete(p);c.set(a[0],a[1]);let h=n.getSerializedSize(i)-n.getSerializedSize(c);h<=0||n.matchesNormalizedStyleValues(c,t)&&h>s&&(s=h,o=c)}if(!o)return i;i=o}}static getNormalizedStyleValues(e){let t=n.applyStylesToHelper(e),i=new Map;for(let r of e)i.set(r[0],n.readStyleValue(t.style,r[0]));return i}static getCandidateCoverage(e,t,i,r){let o=n.applyStylesToHelper(new Map([[i,r]])),s=[];for(let a of e){let l=t.get(a[0]);l&&n.readStyleValue(o.style,a[0])===l&&s.push(a[0])}return s}static matchesNormalizedStyleValues(e,t){let i=n.applyStylesToHelper(e);for(let r of t)if(n.readStyleValue(i.style,r[0])!==r[1])return!1;return!0}static readStyleValue(e,t){return t.startsWith("--")||t.includes("-")?e.getPropertyValue(t).trim():String(e[t]??"").trim()}static getSerializedSize(e){let t=0;for(let i of e)t+=i[0].length+i[1].length+2;return t}static parseStyleDeclarationList(e){let t=new Map,i=0,r=null,o=0;for(let s=0;s<e.length;s++){let a=e[s];if(r){a===r&&e[s-1]!=="\\"&&(r=null);continue}if(a==='"'||a==="'"){r=a;continue}if(a==="("){o++;continue}if(a===")"&&o>0){o--;continue}a===";"&&o===0&&(n.addStyleDeclaration(t,e.substring(i,s)),i=s+1)}return n.addStyleDeclaration(t,e.substring(i)),t}static addStyleDeclaration(e,t){let i=t.trim();if(!i)return;let r=null,o=0;for(let s=0;s<i.length;s++){let a=i[s];if(r){a===r&&i[s-1]!=="\\"&&(r=null);continue}if(a==='"'||a==="'"){r=a;continue}if(a==="("){o++;continue}if(a===")"&&o>0){o--;continue}if(a===":"&&o===0){let l=i.substring(0,s).trim(),c=i.substring(s+1).trim();l&&e.set(l,c);return}}}static combineBorder(e){if(!n.checkIfStyleIsCombinable(e,"border-left-style")||!n.checkIfStyleIsCombinable(e,"border-right-style")||!n.checkIfStyleIsCombinable(e,"border-top-style")||!n.checkIfStyleIsCombinable(e,"border-bottom-style")||!n.checkIfStyleIsCombinable(e,"border-left-color")||!n.checkIfStyleIsCombinable(e,"border-right-color")||!n.checkIfStyleIsCombinable(e,"border-top-color")||!n.checkIfStyleIsCombinable(e,"border-bottom-color")||!n.checkIfStyleIsCombinable(e,"border-left-width")||!n.checkIfStyleIsCombinable(e,"border-right-width")||!n.checkIfStyleIsCombinable(e,"border-top-width")||!n.checkIfStyleIsCombinable(e,"border-bottom-width")||!n.checkIfStyleIsCombinable(e,"border-width")||!n.checkIfStyleIsCombinable(e,"border-style")||!n.checkIfStyleIsCombinable(e,"border-color")||!n.checkIfStyleIsCombinable(e,"border-top")||!n.checkIfStyleIsCombinable(e,"border-right")||!n.checkIfStyleIsCombinable(e,"border-left")||!n.checkIfStyleIsCombinable(e,"border-bottom")||!n.checkIfStyleIsCombinable(e,"border-width"))return;let t=n._helperElement,i=t.style.borderLeftStyle,r=t.style.borderLeftColor;if(i&&r&&t.style.borderRightStyle===i&&t.style.borderTopStyle===i&&t.style.borderBottomStyle===i&&t.style.borderRightColor===r&&t.style.borderTopColor===r&&t.style.borderBottomColor===r){let o=t.style.borderTopWidth,s=t.style.borderRightWidth,a=t.style.borderBottomWidth,l=t.style.borderLeftWidth;e.delete("border-left-style"),e.delete("border-right-style"),e.delete("border-top-style"),e.delete("border-bottom-style"),e.delete("border-left-color"),e.delete("border-right-color"),e.delete("border-top-color"),e.delete("border-bottom-color"),e.delete("border-left-width"),e.delete("border-right-width"),e.delete("border-top-width"),e.delete("border-bottom-width"),e.delete("border-width"),e.delete("border-style"),e.delete("border-color"),e.delete("border-top"),e.delete("border-right"),e.delete("border-left"),e.delete("border-bottom"),t.style.borderRightWidth==l&&t.style.borderTopWidth===l&&t.style.borderBottomWidth===l?e.set("border",l+" "+i+" "+r):(e.set("border",i+" "+r),o===a&&s===l?e.set("border-width",o+" "+s):e.set("border-width",o+" "+s+" "+a+" "+l))}t.style.borderImageSource==="initial"&&e.delete("border-image-source"),t.style.borderImageSlice==="initial"&&e.delete("border-image-slice"),t.style.borderImageWidth==="initial"&&e.delete("border-image-width"),t.style.borderImageOutset==="initial"&&e.delete("border-image-outset"),t.style.borderImageRepeat==="initial"&&e.delete("border-image-repeat")}static combineMargin(e){if(!n.checkIfStyleIsCombinable(e,"margin-top")||!n.checkIfStyleIsCombinable(e,"margin-right")||!n.checkIfStyleIsCombinable(e,"margin-bottom")||!n.checkIfStyleIsCombinable(e,"margin-left")||!n.checkIfStyleIsCombinable(e,"margin"))return;let t=n._helperElement;t.style.marginTop&&t.style.marginRight&&t.style.marginBottom&&t.style.marginLeft&&(e.delete("margin-top"),e.delete("margin-right"),e.delete("margin-bottom"),e.delete("margin-left"),t.style.marginTop==t.style.marginRight&&t.style.marginTop==t.style.marginBottom&&t.style.marginTop==t.style.marginLeft?e.set("margin",t.style.marginTop):e.set("margin",t.style.marginTop+" "+t.style.marginRight+" "+t.style.marginBottom+" "+t.style.marginLeft))}static combinePadding(e){if(!n.checkIfStyleIsCombinable(e,"padding-top")||!n.checkIfStyleIsCombinable(e,"padding-right")||!n.checkIfStyleIsCombinable(e,"padding-bottom")||!n.checkIfStyleIsCombinable(e,"padding-left")||!n.checkIfStyleIsCombinable(e,"padding"))return;let t=n._helperElement;t.style.paddingTop&&t.style.paddingRight&&t.style.paddingBottom&&t.style.paddingLeft&&(e.delete("padding-top"),e.delete("padding-right"),e.delete("padding-bottom"),e.delete("padding-left"),t.style.paddingTop==t.style.paddingRight&&t.style.paddingTop==t.style.paddingBottom&&t.style.paddingTop==t.style.paddingLeft?e.set("padding",t.style.paddingTop):e.set("padding",t.style.paddingTop+" "+t.style.paddingRight+" "+t.style.paddingBottom+" "+t.style.paddingLeft))}static combineInset(e){if(!n.checkIfStyleIsCombinable(e,"top")||!n.checkIfStyleIsCombinable(e,"right")||!n.checkIfStyleIsCombinable(e,"bottom")||!n.checkIfStyleIsCombinable(e,"left")||!n.checkIfStyleIsCombinable(e,"inset"))return;let t=n._helperElement;t.style.top&&t.style.right&&t.style.bottom&&t.style.left&&(e.delete("top"),e.delete("right"),e.delete("bottom"),e.delete("left"),e.set("inset",t.style.top+" "+t.style.right+" "+t.style.bottom+" "+t.style.left))}static combineBackground(e){if(!n.checkIfStyleIsCombinable(e,"background-image")||!n.checkIfStyleIsCombinable(e,"background-position")||!n.checkIfStyleIsCombinable(e,"background-position-x")||!n.checkIfStyleIsCombinable(e,"background-position-y")||!n.checkIfStyleIsCombinable(e,"background-size")||!n.checkIfStyleIsCombinable(e,"background-repeat")||!n.checkIfStyleIsCombinable(e,"background-repeat-x")||!n.checkIfStyleIsCombinable(e,"background-repeat-y")||!n.checkIfStyleIsCombinable(e,"background-attachment")||!n.checkIfStyleIsCombinable(e,"background-origin")||!n.checkIfStyleIsCombinable(e,"background-clip")||!n.checkIfStyleIsCombinable(e,"background-color")||!n.checkIfStyleIsCombinable(e,"background"))return;let t=n._helperElement;e.delete("background-image"),e.delete("background-position"),e.delete("background-position-x"),e.delete("background-position-y"),e.delete("background-size"),e.delete("background-repeat"),e.delete("background-repeat-x"),e.delete("background-repeat-y"),e.delete("background-attachment"),e.delete("background-origin"),e.delete("background-clip"),e.delete("background-color"),e.delete("background");let i="";t.style.backgroundImage&&t.style.backgroundImage!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundImage),t.style.backgroundPosition&&t.style.backgroundPosition!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundPosition),t.style.backgroundSize&&t.style.backgroundSize!=="initial"&&(i+=(i===""?"":" / ")+t.style.backgroundSize),t.style.backgroundRepeat&&t.style.backgroundRepeat!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundRepeat),t.style.backgroundAttachment&&t.style.backgroundAttachment!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundAttachment),t.style.backgroundOrigin&&t.style.backgroundOrigin!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundOrigin),t.style.backgroundClip&&t.style.backgroundClip!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundClip),t.style.backgroundColor&&t.style.backgroundColor!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundColor),i&&e.set("background",i)}static combineFont(e){if(!n.checkIfStyleIsCombinable(e,"font-style")||!n.checkIfStyleIsCombinable(e,"font-weight")||!n.checkIfStyleIsCombinable(e,"font-size")||!n.checkIfStyleIsCombinable(e,"line-height")||!n.checkIfStyleIsCombinable(e,"font-family")||!n.checkIfStyleIsCombinable(e,"font"))return;let t=n._helperElement;if(t.style.fontFamily){e.delete("font-style"),e.delete("font-weight"),e.delete("font-size"),e.delete("line-height"),e.delete("font-family"),e.delete("font");let i="";t.style.fontStyle&&(i+=(i===""?"":" ")+t.style.fontStyle),t.style.fontWeight&&(i+=(i===""?"":" ")+t.style.fontWeight),t.style.fontSize&&(i+=(i===""?"":" ")+t.style.fontSize),t.style.lineHeight&&(i+="/"+t.style.lineHeight),t.style.fontFamily&&(i+=(i===""?"":" ")+t.style.fontFamily),e.set("font",i)}}static checkIfStyleIsCombinable(e,t){if(e.has(t)){let i=e.get(t);return typeof i=="string"?!i.startsWith("var("):!1}return!0}}});var As,up=g(()=>{"use strict";st();Ds();Ie();Et();As=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t,i=!1){if(t.hasAttributes)for(let r of t.attributes()){let o=e.position;if(e.write(" "),typeof r[1]=="string")if(r[1]==="")e.write(r[0]);else{if(this.options.parseJsonInAttributes&&(r[1].startsWith("{")&&!r[1].startsWith("{{")&&r[1].endsWith("}")||r[1].startsWith("[")&&!r[1].startsWith("[[")&&r[1].endsWith("]")))try{let a=JSON.parse(r[1]),l;this.options.jsonWriteMode=="beauty"?l=JSON.stringify(a,null,2):l=JSON.stringify(a);let c=J.normalizeAttributeValue(l,!0);this._writeAttributeWithValue(e,t,r[0],c,"'",i);continue}catch{}let s=J.normalizeAttributeValue(r[1]);if(s.indexOf("&quot;")){let a=J.normalizeAttributeValue(r[1],!0);a.length<s.length?this._writeAttributeWithValue(e,t,r[0],a,"'",i):this._writeAttributeWithValue(e,t,r[0],s,'"',i)}else this._writeAttributeWithValue(e,t,r[0],s,'"',i)}else r[1]||e.write(r[0]);i&&this._addAttributeSourcePart(t,r[0],{start:o+1,length:e.position-o-1})}}_writeAttributeWithValue(e,t,i,r,o,s){e.write(i+"="+o);let a=e.position;e.write(r);let l={start:a,length:e.position-a};if(e.write(o),!s)return;let c=t.instanceServiceContainer.designItemDocumentPositionService;c.addSourcePart({designItem:t,kind:"attribute-value",key:`attribute:${i}/value`,name:i,textRange:l});let h={designItem:t,sourceKind:"attribute",name:i,value:r,valueTextRange:l};for(let p of t.serviceContainer.sourceMapProviders)p.canMap(h)&&c.addSourceParts(p.map(h))}_addAttributeSourcePart(e,t,i){e.instanceServiceContainer.designItemDocumentPositionService.addSourcePart({designItem:e,kind:"attribute",key:`attribute:${t}`,name:t,textRange:i})}writeStyles(e,t){if(t.hasStyles){e.write(' style="');let i=[...t.styles()],r=i.some(s=>t.isStyleImportant(s[0])),o=i;this.options.compressCssToShorthandProperties&&!r&&(o=Ki.combine(new Map(i)));for(let s of o)if(s[0]){let a=J.normalizeAttributeValue(Ye(s[1],t.isStyleImportant(s[0])));s[0].startsWith("--")?e.write(s[0]+":"+a+";"):e.write(z.camelToDashCase(s[0])+":"+a+";")}e.write('"')}}}});var Ts,mp=g(()=>{"use strict";st();ee();de();up();Ts=class extends As{constructor(e){super(e)}_conditionalyWriteIndent(e,t,i){i||(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element.previousElementSibling instanceof t.window.HTMLElement&&!Bt(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!this._isInlineElement(t.element.parentElement)&&(t.element.previousSibling==null||dn(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteIndentBefore(e,t,i){i||(t.element.previousElementSibling instanceof t.window.HTMLElement&&!Bt(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!this._isInlineElement(t.element.parentElement)&&(t.element.previousSibling==null||dn(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteNewline(e,t,i){i||(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element.nextElementSibling instanceof t.window.HTMLElement&&!Bt(t.element.nextElementSibling)||t.element instanceof t.window.SVGElement)&&e.writeNewline()}write(e,t,i,r=!1){r&&t[0]?.instanceServiceContainer.designItemDocumentPositionService?.clearSourceParts();for(let o of t)this.internalWrite(e,o,r,!1)}internalWrite(e,t,i,r){let o=e.position,s=e.position,a=r||this._isInlineContainer(t);if(t.nodeType==A.TextNode)dn(t.element)&&(t.element.previousSibling instanceof t.window.HTMLElement&&!oi(t.element.previousSibling)||t.element.nextSibling instanceof t.window.HTMLElement&&!Bt(t.element.nextSibling))||this.writeTextNode(e,t,!0,!0,a),s=e.position;else if(t.nodeType==A.Comment)this._conditionalyWriteIndent(e,t,a),o=e.position,e.write("<!--"+t.content+"-->"),s=e.position,this._conditionalyWriteNewline(e,t,a);else{this._conditionalyWriteIndentBefore(e,t,a),o=e.position,e.write("<"+t.name),this.writeAttributes(e,t,i),this.writeStyles(e,t),e.write(">");let l=!1;if(t.hasChildren){let c=t.children();if(l=t.childCount===1&&t.firstChild.nodeType===A.TextNode,l){let h=J.isRawTextElementName(t.name)||t.name=="pre";this.writeTextNode(e,t,!1,!h,a)}else{!a&&(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element instanceof t.window.SVGElement)&&(e.writeNewline(),e.levelRaise());for(let h of c)this.internalWrite(e,h,i,a),h.childCount===1&&h.firstChild.nodeType===A.TextNode&&(e.isLastCharNewline()||this._conditionalyWriteNewline(e,h,a));!a&&(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element instanceof t.window.SVGElement)&&(e.levelShrink(),e.isLastCharNewline()||e.writeNewline(),e.writeIndent())}}else t.hasContent&&e.write(J.normalizeContentValue(t.content,t.name));s=e.position,J.IsSelfClosingElement(t.name)||e.write("</"+t.name+">"),s=e.position,!a&&!e.isLastCharNewline()&&(!t.parent||!oi(t.parent.element))&&this._conditionalyWriteNewline(e,t,a)}i&&t.instanceServiceContainer.designItemDocumentPositionService&&t.instanceServiceContainer.designItemDocumentPositionService.setPosition(t,{start:o,length:s-o})}writeTextNode(e,t,i,r=!0,o=!1){let s=e.position,a=e.position,l=t.nodeType===A.Element?t.name:t.parent?.name,c=J.normalizeContentValue(t.content,l);J.isRawTextElementName(l)||(o||this._hasInlineParent(t)?c=this._normalizeInlineTextContent(c):r&&(c=c.trim())),c&&(i&&this._conditionalyWriteIndent(e,t,o),e.write(c),i&&this._conditionalyWriteNewline(e,t,o)),a=e.position;for(let h of t.children())t.instanceServiceContainer.designItemDocumentPositionService.setPosition(h,{start:s,length:a-s})}_hasInlineParent(e){return e.parent?.element instanceof e.window.HTMLElement&&Bt(e.parent.element)}_normalizeInlineTextContent(e){if(!e?.trim())return"";let t=/^\s/.test(e),i=/\s$/.test(e),r=e.replaceAll(/[\t\r\n ]+/g," ").trim();return`${t?" ":""}${r}${i?" ":""}`}_isInlineContainer(e){return e.nodeType===A.Element&&e.element instanceof e.window.HTMLElement&&Bt(e.element)}_isInlineElement(e){return e instanceof HTMLElement&&Bt(e)}}});var Ms,fp=g(()=>{"use strict";oe();vt();Ms=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGRectElement}provideContextMenuItems(e,t,i){return[{title:"convert to path",action:()=>{let r=i.element,o="";o+="M"+r.x.baseVal.value+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+(r.y.baseVal.value+r.height.baseVal.value)+"L"+r.x.baseVal.value+" "+(r.y.baseVal.value+r.height.baseVal.value)+"Z";let s=document.createElementNS("http://www.w3.org/2000/svg","path");s.setAttribute("d",o),s.setAttribute("stroke",r.getAttribute("stroke")),s.setAttribute("fill",r.getAttribute("fill")),s.setAttribute("stroke-width",r.getAttribute("stroke-width"));let a=O.createDesignItemFromInstance(s,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.undoService.execute(new Se(i.parent,i.childCount,a)),t.serviceContainer.deletionService.removeItems([i])}}]}}});var Ls,gp=g(()=>{"use strict";Xe();Ls=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGPathElement}provideContextMenuItems(e,t,i){let r=i.node.getPathData({normalize:!0}),o=[],s=r[r.length-1].type;return o.push({title:"-"}),s=="z"||s=="Z"?o.push({title:"open path ",action:()=>{r.splice(r.length-1,1),i.setAttribute("d",pi(r))}}):o.push({title:"close path ",action:()=>{r.push({type:"Z"}),i.setAttribute("d",pi(r))}}),o}}});var Te,Os=g(()=>{"use strict";Te=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"-"}]}}});var Vs,Ns,yp=g(()=>{"use strict";he();Vs=10,Ns=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"zoom to",icon:`<img src="${P+"icons/zoomIn.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element),o={x:r.x-Vs,y:r.y-Vs},s={x:r.x+r.width+Vs,y:r.y+r.height+Vs},a={x:o.x<s.x?o.x:s.x,y:o.y<s.y?o.y:s.y,width:Math.abs(o.x-s.x),height:Math.abs(o.y-s.y)},l=t.outerRect.width/a.width,c=t.outerRect.height/a.height,h=l>=c?c:l;t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},h)}}]}}});var Rs,vp=g(()=>{"use strict";Tt();ee();he();Rs=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==A.Element}provideContextMenuItems(e,t,i){return[{title:"rotate right",icon:`<img src="${P+"icons/rotateRight.svg"}">`,action:()=>{t.executeCommand({type:T.rotateClockwise})},shortCut:"Ctrl + R"},{title:"rotate left",icon:`<img src="${P+"icons/rotateLeft.svg"}">`,action:()=>{t.executeCommand({type:T.rotateCounterClockwise})},shortCut:"Ctrl + Shift + R"}]}}});var zs,_p=g(()=>{"use strict";ee();zs=class{shouldProvideContextmenu(e,t,i,r){return i?.hasChildren}provideContextMenuItems(e,t,i){return[{title:"select all Children",action:()=>{t.instanceServiceContainer.selectionService.setSelectedElements(Array.from(i.children()).filter(r=>r.nodeType==A.Element))}}]}}});import{BaseCustomWebComponentConstructorAppend as F_,css as B_,html as H_}from"@node-projects/base-custom-webcomponent";var we,_t=g(()=>{"use strict";we=class extends F_{static style=B_`:host{display:block;flex:0 0 24px;width:24px;height:24px}button{box-sizing:border-box;width:24px;height:24px;padding:4px;border:0;border-radius:4px;display:flex;justify-content:center;align-items:center;background:0 0;color:inherit;cursor:pointer}button[aria-pressed=true]{background-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}button:hover{background-color:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6))}button:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}img{width:16px;height:16px;pointer-events:none;-webkit-user-drag:none}`;static template=H_`<button id="div" type="button" aria-pressed="false"><img id="img" alt=""></button>`;tools;popup;currentToolOnButton;_img;_div;_longPress;constructor(e,t){super(),this.tools=t,this._img=this._getDomElement("img"),this._div=this._getDomElement("div"),this._div.onclick=i=>{if(i.detail===0){let r=this.getRootNode().host;this.currentToolOnButton?r.setTool(this.currentToolOnButton):this.popup&&r.showPopup(this)}},this._div.onpointerdown=()=>{this.currentToolOnButton?(this.getRootNode().host.setTool(this.currentToolOnButton),setTimeout(()=>{e.clickOverlay.focus()},50),this.popup&&(this._longPress=setTimeout(()=>{this._longPress=null,this.getRootNode().host.showPopup(this)},200))):this.popup&&this.getRootNode().host.showPopup(this)},this._div.onpointerup=()=>{this._longPress&&(clearTimeout(this._longPress),this._longPress=null)},this.showTool(Object.getOwnPropertyNames(t)[0])}showTool(e){let t=this.tools[e];t&&(this._div.title=e||"Transform",this._div.setAttribute("aria-label",e||"Transform"),this._img.src=t.icon,this.currentToolOnButton=e)}setActiveTool(e){this.showTool(e);let t=this.tools[e];this._div.setAttribute("aria-pressed",String(!!t))}};customElements.define("node-projects-designer-toolbar-button",we)});import{BaseCustomWebComponentConstructorAppend as W_,css as G_}from"@node-projects/base-custom-webcomponent";var ti,Vr=g(()=>{"use strict";ti=class extends W_{static style=G_`:host{display:block;font:12px system-ui,sans-serif;color:var(--wcd-designer-view-statusbar-color,#354348)}.container{width:max-content;min-width:112px;box-sizing:border-box;background:var(--wcd-tool-popup-background,var(--wcd-designer-view-statusbar-background,#787f82));border:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.25)}header{padding:6px 8px;border-radius:5px 5px 0 0;border-bottom:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));background:var(--wcd-tool-popup-title-background,rgba(255,255,255,.08))}h2{margin:0;font:600 11px/16px system-ui,sans-serif}main{padding:8px}.tool{box-sizing:border-box;height:24px;width:24px;padding:4px;border:0;border-radius:4px;background:0 0;color:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.tool::before{content:'';width:16px;height:16px;background:currentColor;mask:var(--tool-icon) center/contain no-repeat}.tool:hover{background:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6))}.tool:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}.tools{display:flex;flex-wrap:wrap;gap:4px}`;constructor(){super();for(let e of[...this.shadowRoot.querySelectorAll("button.tool")])e.setAttribute("aria-label",e.title),e.onclick=()=>this.getRootNode().host.setTool(e.dataset.commandParameter)}}});import{html as j_}from"@node-projects/base-custom-webcomponent";var Nr,xp=g(()=>{"use strict";he();Vr();Nr=class extends ti{static template=j_`<div class="container"><header><h2 id="title">Pointer & Pan</h2></header><main id="content-area"><div class="tools"><button type="button" class="tool" data-command="setTool" data-command-parameter="Pointer" title="Pointer" style="--tool-icon:url('${P}images/tools/PointerTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="Pan" title="Pan" style="--tool-icon:url('${P}images/tools/PanTool.svg')"></button></div></main></div>`};customElements.define("node-projects-designer-pointer-tool-popup",Nr)});var Fs,bp=g(()=>{"use strict";_t();he();xp();Fs=class{provideButton(e){let t=new we(e,{Pointer:{icon:P+"images/tools/PointerTool.svg"}});return t.popup=Nr,t}}});var Bs,wp=g(()=>{"use strict";_t();he();Bs=class{provideButton(e){return new we(e,{Zoom:{icon:P+"images/tools/ZoomTool.svg"}})}}});import{html as Y_,css as U_}from"@node-projects/base-custom-webcomponent";var Rr,Sp=g(()=>{"use strict";he();Vr();Rr=class extends ti{designerCanvas;static style=[super.style,U_`.container{width:232px}.inputs{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:24px;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));align-items:center}.inputs>*{min-width:0}.inputs>span:not(.text){height:24px;display:flex;align-items:center}.inputs node-projects-color-input{padding:0}.inputs input{box-sizing:border-box;width:100%;height:24px;margin:0;accent-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}.text{font-size:11px}`];static template=Y_`<div class="container"><header><h2 id="title">Draw</h2></header><main id="content-area"><div class="tools"><button type="button" class="tool" data-command="setTool" data-command-parameter="DrawLine" title="Draw Line" style="--tool-icon:url('${P}images/tools/DrawLineTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="DrawPath" title="Draw Path" style="--tool-icon:url('${P}images/tools/DrawPathTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="DrawRect" title="Draw Rectangle" style="--tool-icon:url('${P}images/tools/DrawRectTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="DrawEllipsis" title="Draw Ellipse" style="--tool-icon:url('${P}images/tools/DrawEllipTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="PickColor" title="Pick Color" style="--tool-icon:url('${P}images/tools/ColorPickerTool.svg')"></button></div><div class="inputs"><span class="text">Stroke Color</span> [[this.getEditor('setStrokeColor', 'color', {}, this.designerCanvas.serviceContainer.globalContext.strokeColor)]] <span class="text">Fill Brush</span> [[this.getEditor('setFillBrush', 'color', {}, this.designerCanvas.serviceContainer.globalContext.fillBrush)]] <span class="text">Stroke Thickness</span> [[this.getEditor('setStrokeThickness', 'range', { min: 1, max: 20, step: 1 }, this.designerCanvas.serviceContainer.globalContext.strokeThickness)]]</div></main></div>`;constructor(e){super(),this.designerCanvas=e}ready(){this._bindingsParse(),this.designerCanvas.serviceContainer.globalContext.strokeColor}getEditor(e,t,i,r){let o=this.designerCanvas.serviceContainer.forSomeServicesTillResult("editorTypeService",s=>s.getEditor(t,{changedCallback:a=>this.designerCanvas.executeCommand({type:e,parameter:a}),...i}));return o.setValue(r),o.element}};customElements.define("node-projects-designer-draw-tool-popup",Rr)});var Hs,Cp=g(()=>{"use strict";_t();he();Sp();Hs=class{provideButton(e){if(e.readOnly)return null;let t=new we(e,{DrawLine:{icon:P+"images/tools/DrawLineTool.svg"},DrawPath:{icon:P+"images/tools/DrawPathTool.svg"},DrawRect:{icon:P+"images/tools/DrawRectTool.svg"},DrawEllipsis:{icon:P+"images/tools/DrawEllipTool.svg"},PickColor:{icon:P+"images/tools/ColorPickerTool.svg"}});return t.popup=Rr,t}}});var Ws,Ep=g(()=>{"use strict";_t();he();Ws=class{provideButton(e){return e.readOnly?null:new we(e,{Text:{icon:P+"images/tools/TextTool.svg"}})}}});import{html as X_}from"@node-projects/base-custom-webcomponent";var zr,Pp=g(()=>{"use strict";he();Vr();zr=class extends ti{static template=X_`<div class="container"><header><h2 id="title">Selection</h2></header><main id="content-area"><div class="tools"><button type="button" class="tool" data-command="setTool" data-command-parameter="RectangleSelector" title="Rectangle Selector" style="--tool-icon:url('${P}images/tools/SelectRectTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="MagicWandSelector" title="Magic Wand Selector" style="--tool-icon:url('${P}images/tools/MagicWandTool.svg')"></button></div></main></div>`};customElements.define("node-projects-designer-selection-tool-popup",zr)});var Gs,kp=g(()=>{"use strict";_t();he();Pp();Gs=class{provideButton(e){let t=new we(e,{RectangleSelector:{icon:P+"images/tools/SelectRectTool.svg"},MagicWandSelector:{icon:P+"images/tools/MagicWandTool.svg"}});return t.popup=zr,t}}});var js,Ip=g(()=>{"use strict";le();se();js=class extends F{_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,M.Background)}dispose(){this._removeAllOverlays()}}});import{css as $_}from"@node-projects/base-custom-webcomponent";var Fr,Dp=g(()=>{"use strict";Ip();Fr=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new js(e,t,i)}static style=$_`.svg-rect-enter-container{stroke:none;fill:#aa00ff2e}`}});var Ys,Ap=g(()=>{"use strict";ze();ve();Ys=class extends ne{name="attached";getRefreshMode(e){return Y.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 Qi,Tp=g(()=>{"use strict";ve();ut();nt();fe();Ie();ze();Qi=class extends ne{name="attributes";getRefreshMode(e){return Y.fullOnValueChange}isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:x.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:x.attribute});return t.push({name:"",type:"addNew",service:this,propertyType:x.complex}),t}return null}async setValue(e,t,i){let r=e[0].openGroup("properties changed");for(let o of e)o.setAttribute(t.name,i);r.commit()}getPropertyTarget(e,t){return R.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 G.bound;let o=z.dashToCamelCase(t.name),s=t.name;e.forEach(l=>{let c=l.hasAttribute(s);i=i&&c,r=r||c});let a=ne.getOrBuildCachedBindings(e[0]);if(a&&a.find(l=>l.target==R.attribute&&l.targetName==o))return G.bound}else return G.none;return i?G.all:r?G.some:G.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 ne.getOrBuildCachedBindings(e[0]).find(r=>(r.target==R.property||r.target==R.explicitProperty||r.target==R.attribute)&&r.targetName==t.name)}getUnsetValue(e,t){return t.defaultValue}getContextMenu(e,t){let i=super.getContextMenu(e,t),r=this._getAttributeSourcePart(e,t);return r&&i.splice(1,0,{title:"jump to definition",action:()=>{let o=e[0].instanceServiceContainer.selectionService;o.primarySelection!==e[0]?o.setSelectedElements([e[0]],null,r):o.setSelectedPart(r)}}),i}_getAttributeSourcePart(e,t){return e?.length!==1||!t?.name?null:e[0].instanceServiceContainer.designItemDocumentPositionService?.getSourceParts(e[0]).find(i=>i.kind==="attribute"&&i.key===`attribute:${t.name}`)}}});var Us,Mp=g(()=>{"use strict";Le();gi();Us=class extends ae{_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),o=ji(this.designItems[0].element),s=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(s.gridRowStart),h=c+o.rowSpan,p=parseInt(s.gridColumnStart),d=p+o.colSpan;for(let u=1;u<=l;u++)for(let m=1;m<=a;m++){let f=document.createElement("button");f.style.minHeight="10px",f.onclick=()=>{let y=ji(this.designItems[0].element),v=this.designItems[0].openGroup("Change grid row/column");this.designItems[0].setStyle("grid-row",u+" / "+(u+y.rowSpan)),this.designItems[0].setStyle("grid-column",m+" / "+(m+y.colSpan)),v.commit()},u>=c&&u<h&&m>=p&&m<d&&(f.style.backgroundColor="coral"),this._root.appendChild(f)}}}}}});var Xs,Lp=g(()=>{"use strict";Le();Fl();fe();Xs=class extends ae{constructor(e){super(e);let t=new ar;t.property=e.name,t.style.height="auto",t.style.border="none",t.style.margin="2px 0",t.addEventListener("value-changed",i=>this._metricValueChanged(i.detail)),this.element=t}refreshValue(e,t){this.element.refresh(this.designItems?.[0]?.element)}async _metricValueChanged(e){if(!e?.property||!this.designItems?.length||this.disableChangeNotification)return;let t={...this.property,name:e.property,propertyName:e.property,propertyType:x.cssValue,type:"css-length"},i=e.newValue==null||e.newValue===""||e.newValue===this.element.unsetValue?null:e.newValue;i==null?this.property.service.clearValue(this.designItems,t,"value"):await this.property.service.setValue(this.designItems,t,i),this.designItems[0].instanceServiceContainer?.designerCanvas?.extensionManager?.refreshAllExtensions(this.designItems)}}});var $s,qm=g(()=>{$s={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:{type:"time"},animationDirection:{},animationDuration:{type:"time"},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:{type:"length"},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:{type:"length"},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:{type:"length"},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:{type:"length"},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:{type:"length"},hyphenateCharacter:{},hyphens:{},imageOrientation:{},imageRendering:{},imageResolution:{type:"resolution"},inherits:{},initialValue:{},inlineSize:{type:"length"},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:{type:"length"},letterSpacing:{type:"length"},lightingColor:{type:"color"},lineBreak:{},lineGapOverride:{},lineHeight:{type:"length"},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:{type:"length"},maxHeight:{type:"length"},maxInlineSize:{type:"length"},maxWidth:{type:"length"},minBlockSize:{type:"length"},minHeight:{type:"length"},minInlineSize:{type:"length"},minWidth:{type:"length"},mixBlendMode:{},negative:{},objectFit:{},objectPosition:{type:"position"},objectViewBox:{},offset:{},offsetDistance:{},offsetPath:{},offsetRotate:{type:"angle"},opacity:{type:"number"},order:{},orphans:{},outline:{},outlineColor:{type:"color"},outlineOffset:{type:"length"},outlineStyle:{},outlineWidth:{type:"length",values:["medium","thin","thick"]},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:{type:"length"},perspectiveOrigin:{},placeContent:{},placeItems:{},placeSelf:{},pointerEvents:{},position:{type:"list",values:["static","relative","absolute","fixed","sticky"]},prefix:{},quotes:{},r:{},range:{},resize:{},right:{type:"length"},rotate:{type:"angle"},rowGap:{type:"length"},rubyAlign:{},rubyPosition:{},rx:{},ry:{},scale:{type:"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:{type:"length"},textOrientation:{},textOverflow:{},textRendering:{},textShadow:{},textSizeAdjust:{},textTransform:{},textUnderlineOffset:{},textUnderlinePosition:{},textWrap:{},textWrapMode:{type:"list",values:["wrap","nowrap"]},textWrapStyle:{type:"list",values:["auto","balance","pretty","stable"]},top:{type:"length"},touchAction:{},transform:{},transformBox:{},transformOrigin:{},transformStyle:{},transition:{},transitionDelay:{type:"time"},transitionBehavior:{},transitionDuration:{type:"time"},transitionProperty:{},transitionTimingFunction:{},translate:{},unicodeBidi:{},unicodeRange:{},userSelect:{},vectorEffect:{},verticalAlign:{},visibility:{},whiteSpace:{},widows:{},width:{type:"length"},willChange:{},wordBreak:{},wordSpacing:{type:"length"},wordWrap:{},writingMode:{},x:{},y:{},zIndex:{},zoom:{type:"scale"}}});var Zi,Ks=g(()=>{"use strict";Ti();ve();Ie();Wn();Et();Zi=class extends et{_enrichCssProperty(e){return Ju(e)}getRefreshMode(e){return Y.none}async previewValue(e,t,i){let r=t.propertyName??t.name;r.startsWith("--")||(r=z.camelToDashCase(r));let o=typeof i=="string"?Ht(i):{value:i,important:!1};for(let s of e)s.element.style.setProperty(r,o.value,o.important?"important":"")}async removePreviewValue(e,t){let i=t.propertyName??t.name;i.startsWith("--")||(i=z.camelToDashCase(i));for(let r of e)r.hasStyle(i)?r.element.style.setProperty(i,r.getStyle(i),r.isStyleImportant(i)?"important":""):r.element.style.setProperty(i,"")}constructor(){super(!1)}}});var He,Qs=g(()=>{"use strict";nt();fe();ve();Ie();Mp();Lp();qm();Ks();He=class extends Zi{getRefreshMode(e){return Y.none}layout={common:["display","color","background-color","box-sizing","border","box-shadow","opacity","position","align-content"],font:["font-family","font-size","font-weight"],layout:["inset","margin","border","padding","overflow","metrics"]};grid=["display","position","grid-template-columns","grid-template-rows","gap","column-gap","row-gap","align-content","justify-content","align-items","justify-items"];gridChild=["grid-row","grid-column","assigned-row-column","align-self","justify-self"];flex=["display","position","flex-direction","flex-wrap","align-content","justify-content","align-items","gap"];flexChild=["align-self","justify-self"];svg=["fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"];layoutSvgChild={common:["display","fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"]};constructor(e){super(),this.name=e}isHandledElement(e){return!0}async getProperty(e,t){return this._getPropertyDef(t)}async getProperties(e){let t=this[this.name];if(Array.isArray(t))return t.map(r=>this._getPropertyDef(r));{let i=[];for(let r in t){let o={name:r,properties:t[r].map(s=>this._getPropertyDef(s))};i.push(o)}return i}}getPropertyNameSuggestions(e){return Object.keys($s).map(t=>z.camelToDashCase(t))}_getPropertyType(e){let t=$s[e]?.type;return t?"css-"+t:"string"}_getPropertyValues(e){return $s[e]?.values}_getPropertyDef(e){let t=z.dashToCamelCase(e);switch(t){case"assignedRowColumn":return{name:e,service:this,propertyType:x.complex,createEditor:i=>new Us(i)};case"metrics":return{name:e,service:this,propertyType:x.complex,hideLabel:!0,createEditor:i=>new Xs(i)};default:return this._enrichCssProperty({name:e,type:this._getPropertyType(t),values:this._getPropertyValues(t),service:this,propertyType:x.cssValue})}}getPropertyTarget(e,t){return R.css}}});var Q_,_i,Op=g(()=>{"use strict";fe();ve();ut();ee();nt();Ie();ze();Qs();Et();Q_="&lt;local&gt;",_i=class extends He{getRefreshMode(e){return Y.fullOnValueChange}constructor(){super(null),this.name="styles"}isHandledElement(e){return!0}async getProperty(e,t){let i=z.dashToCamelCase(t);return this._enrichCssProperty({name:t,type:this._getPropertyType(i),values:this._getPropertyValues(i),service:this,propertyType:x.cssValue})}async getProperties(e){if(!e||e.nodeType!=A.Element)return[];let t=e.getAllStyles().reverse().sort((s,a)=>s.specificity==null?-1:a.specificity==null?1:s.specificity.A>a.specificity.A||s.specificity.A===a.specificity.A&&s.specificity.B>a.specificity.B||s.specificity.A===a.specificity.A&&s.specificity.B===a.specificity.B&&s.specificity.C>a.specificity.C?-1:s.specificity.A===a.specificity.A&&s.specificity.B===a.specificity.B&&s.specificity.C===a.specificity.C?0:1),i=ne.getOrBuildCachedBindings(e),r=t.find(s=>s.selector===null);for(let s of i)s.target===R.css&&(r.declarations.find(a=>a.name==s.targetName)||r.declarations.push({name:s.targetName,value:null,important:!1,parent:null}));return t.map(s=>({name:(s.selector??Q_)+(s.specificity?" ("+s.specificity.A+"-"+s.specificity.B+"-"+s.specificity.C+")":""),description:s.stylesheetName??"",properties:[...s.declarations.map(a=>{let l=z.dashToCamelCase(a.name);return this._enrichCssProperty({name:a.name,renamable:!0,type:this._getPropertyType(l),values:this._getPropertyValues(l),service:this,propertyType:x.cssValue,styleRule:s,styleDeclaration:a})}),{name:"",type:"addNew",service:this,propertyType:x.complex,styleRule:s}]}))}async setValue(e,t,i){let r=typeof i=="string"?Ht(i):{value:i,important:!1};if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.updateDeclarationValue(t.styleDeclaration,r.value,r.important),this._notifyChangedProperty(e[0],t,i);return}if(t.styleRule?.selector!==null&&!t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(t.styleRule,t.name,r.value,r.important),this._notifyChangedProperty(e[0],t,i);return}for(let o of e)o.setStyle(t.name,r.value,r.important),o.element.setAttribute("style",o.element.getAttribute("style"))}clearValue(e,t,i){if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.removeDeclarationFromRule(t.styleRule,t.styleDeclaration.name);return}super.clearValue(e,t,i)}getValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?Ye(t.styleDeclaration.value,t.styleDeclaration.important):super.getValue(e,t)}getUnsetValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?Ye(t.styleDeclaration.value,t.styleDeclaration.important):super.getUnsetValue(e,t)}isSet(e,t){return t.styleRule?.selector&&t.styleDeclaration?e[0].hasStyle(t.name)?G.none:G.fromStylesheet:super.isSet(e,t)}getPropertyTarget(e,t){return t.name.startsWith("--")?R.cssvar:R.css}}});var xi,Vp=g(()=>{"use strict";fe();ve();ut();nt();Ks();Et();xi=class extends Zi{removeInheritedCustomProperties;constructor(e=!0){super(),this.name="customProperties",this.removeInheritedCustomProperties=e}getRefreshMode(e){return Y.fullOnValueChange}isHandledElement(e){return!0}async getProperty(e,t){return this._enrichCssProperty({name:t,type:"string",service:this,propertyType:x.cssValue})}async getProperties(e){if(e.nodeType!=Node.ELEMENT_NODE)return[];if(e?.element?.computedStyleMap){let o=Array.from(e.instanceServiceContainer.designerCanvas.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--")),s=Array.from(e.element.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--"));return this.removeInheritedCustomProperties&&(s=s.filter(l=>!o.includes(l))),s.map(l=>({name:l,service:this,propertyType:x.cssValue})).map(l=>this._enrichCssProperty(l))}let t=Array.from(getComputedStyle(e.instanceServiceContainer.designerCanvas)).map(o=>o[0]).filter(o=>o.startsWith("--")),i=Array.from(getComputedStyle(e.element)).map(o=>o[0]).filter(o=>o.startsWith("--"));return this.removeInheritedCustomProperties&&(i=i.filter(o=>!t.includes(o))),i.map(o=>({name:o,service:this,propertyType:x.cssValue})).map(o=>this._enrichCssProperty(o))}clearValue(e,t,i){super.clearValue(e,t,i)}getValue(e,t){let i=e[0].getStyle(t.name);return i?Ye(i,e[0].isStyleImportant(t.name)):getComputedStyle(e[0].element).getPropertyValue(t.name)}getUnsetValue(e,t){return e?.[0].element?.computedStyleMap?e[0].element.computedStyleMap().get(t.name)?.[0]:getComputedStyle(e[0].element).getPropertyValue(t.name)}isSet(e,t){return super.isSet(e,t)==G.bound?G.bound:e[0].hasStyle(t.name)?G.all:G.none}getPropertyTarget(e,t){return R.cssvar}}});var Zs,Np=g(()=>{"use strict";ee();Ap();Tp();Ti();Op();Vp();Qs();Zs=class{_attachedPropertiesService=new Ys;_rootPgList=[{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layout")}];_pgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new Qi},{name:"common",propertiesService:new et},{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layout")}];_svgPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new Qi},{name:"common",propertiesService:new et},{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layout")},{name:"svg",propertiesService:new He("svg")}];_svgChildPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new Qi},{name:"common",propertiesService:new et},{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layoutSvgChild")}];_gridChild=[{name:"gridChild",propertiesService:new He("gridChild")}];_grid=[{name:"grid",propertiesService:new He("grid")}];_flexChild=[{name:"flexChild",propertiesService:new He("flexChild")}];_flex=[{name:"flex",propertiesService:new He("flex")}];getPropertygroups(e){if(e==null||e.length==0)return[];if(e[0].nodeType==A.TextNode||e[0].nodeType==A.Comment)return[];if(e[0].isRootItem){let r=e[0].getComputedStyle(),o=this._rootPgList;return r.display.includes("grid")?o=[...o,...this._grid]:r.display.includes("flex")&&(o=[...o,...this._flex]),o}this._svgChildPgList[0].propertiesService=this._svgPgList[0].propertiesService=this._pgList[0].propertiesService=e[0].serviceContainer.getLastServiceWhere("propertyService",r=>r.isHandledElement(e[0]));let t=this._pgList;e[0].element instanceof e[0].window.SVGElement&&(e[0].element instanceof e[0].window.SVGSVGElement?t=this._svgPgList:t=this._svgChildPgList);let i=e[0].getComputedStyle();if(i.display.includes("grid")?t=[...t,...this._grid]:i.display.includes("flex")&&(t=[...t,...this._flex]),e[0].parent){let r=e[0].parent.getComputedStyle();r.display.includes("grid")?t=[...t,...this._gridChild]:r.display.includes("flex")&&(t=[...t,...this._flexChild])}return t}}});var qs,Rp=g(()=>{"use strict";le();qs=class extends F{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element),t=getComputedStyle(this.extendedItem.element),i=Number.parseFloat(t.marginLeft.replace("px","")),r=Number.parseFloat(t.marginTop.replace("px","")),o=Number.parseFloat(t.marginRight.replace("px","")),s=Number.parseFloat(t.marginBottom.replace("px",""));this._rect=this._drawRect(e.x-i,e.y-r,i+e.width+o,r+e.height+s,"svg-placement",this._rect)}dispose(){this._removeAllOverlays()}}});import{css as Z_}from"@node-projects/base-custom-webcomponent";var Js,zp=g(()=>{"use strict";Rp();Js=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new qs(e,t,i)}static style=Z_`.svg-placement{stroke:#90caf9;fill:none}`}});var ea,Fp=g(()=>{"use strict";le();se();ea=class extends F{_path;constructor(e,t,i){super(e,t,i)}extend(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._path=this._drawTransformedRect(e,"svg-flexbox",this._path,M.Background)}refresh(){this._removeAllOverlays(),this.extend()}dispose(){this._removeAllOverlays()}}});import{css as q_}from"@node-projects/base-custom-webcomponent";var Bp,Br,ta=g(()=>{"use strict";Fp();ee();Bp="flexboxExtensionShowOverlay",Br=class{shouldExtend(e,t,i){if(i.nodeType!=A.Element)return!1;let r=getComputedStyle(i.element).display;return r=="flex"||r=="inline-flex"?t.instanceServiceContainer.designContext.extensionOptions[Bp]!==!1:!1}getExtension(e,t,i){return new ea(e,t,i)}style=q_`.svg-flexbox{stroke:orange;fill:#9a47ff22}`}});var ia,Hp=g(()=>{"use strict";ta();ai();ia=class extends tt{constructor(){super(Bp,"F","show flexbox overlay")}}});var ra,Wp=g(()=>{"use strict";ps();ai();ra=class extends tt{constructor(){super(Kh,"I","show invisible div overlay")}}});var na,Gp=g(()=>{"use strict";na=class{redoBranches;source;_contentChanges=[];title;get affectedItems(){let e=new Set;for(let t of this.undoStack)for(let i of t.affectedItems)e.add(i);for(let t of this.redoStack)for(let i of t.affectedItems)e.add(i);return[...e.values()]}commitHandler;abortHandler;constructor(e,t,i,r="local"){this.title=e,this.commitHandler=t,this.abortHandler=i,this.source=r}get contentChanges(){return this._contentChanges.length>0?this._contentChanges:null}do(){let e=null,t=[];for(;e=this.redoStack.pop();)try{let i=e.do();i&&t.push(...i),this.undoStack.push(e)}catch(i){throw i}return t.length>0?t:null}undo(){let e=null,t=[];for(;e=this.undoStack.pop();)try{let i=e.undo();i&&t.push(...i),this.redoStack.push(e)}catch(i){throw i}return t.length>0?t:null}commit(){this.commitHandler(this)}abort(){this.abortHandler(this)}mergeWith(e){return!1}addCommitedSubchangeGroup(e){this.undoStack.push(e),this._recordContentChanges(e.contentChanges)}undoStack=[];redoStack=[];execute(e){let t=e.do();this._recordContentChanges(t);for(let i of this.undoStack)if(i.mergeWith(e))return t;return this.undoStack.push(e),t}_recordContentChanges(e){e?.length&&this._contentChanges.push(...e)}}});import{TypedEvent as J_}from"@node-projects/base-custom-webcomponent";var oa,jp=g(()=>{"use strict";Gp();oa=class{_undoStack=[];_redoStack=[];_transactionStack=[];_designerCanvas;_storeRedoBranches;constructor(e,t=!1){this._designerCanvas=e,this._storeRedoBranches=t}openGroup(e,t="local"){let i=new na(e,r=>this.commitTransactionItem(r),r=>this.abortTransactionItem(r),t);return this._transactionStack.push(i),i}commitTransactionItem(e){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Commited Transaction was not the last";t.undoStack.length&&(this._transactionStack.length>0?this._transactionStack[this._transactionStack.length-1].addCommitedSubchangeGroup(t):(this._storeRedoBranches&&this._redoStack.length&&(t.redoBranches==null&&(t.redoBranches=[]),t.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(t))),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this.emitTransaction(e,"execute",e.source??"local"),e.contentChanges&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(e.contentChanges))}abortTransactionItem(e){if(this._transactionStack.length>0){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Aborted Transaction was not the last";t.undo()}}execute(e,t="local"){let i=null;this._transactionStack.length==0?(i=e.do(),this._storeRedoBranches&&this._redoStack.length&&(e.redoBranches==null&&(e.redoBranches=[]),e.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(e)):i=this._transactionStack[this._transactionStack.length-1].execute(e),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this.emitTransaction(e,"execute",t),i&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(i))}clear(){this._undoStack=[],this._redoStack=[],this._transactionStack=[]}clearTransactionstackIfNotEmpty(){this._transactionStack.length&&(console.error("transactionStack was not empty, but should be",this._transactionStack),this._transactionStack=[])}undo(e="local"){if(!this.canUndo())return;if(this._transactionStack.length!=0)throw"Cannot Undo while transaction is running";let t=this._undoStack.pop(),i=null;try{i=t.undo(),this._redoStack.push(t)}catch(r){throw this.clear(),r}this._designerCanvas.extensionManager.refreshAllExtensions(t.affectedItems),this.emitTransaction(t,"undo",e),i&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(i)}redo(e="local"){if(!this.canRedo())return;if(this._transactionStack.length!=0)throw"Cannot Redo while transaction is running";let t=this._redoStack.pop(),i=null;try{i=t.do(),this._undoStack.push(t)}catch(r){throw this.clear(),r}this._designerCanvas.extensionManager.refreshAllExtensions(t.affectedItems),this.emitTransaction(t,"redo",e),i&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(i)}redoTo(e){this._redoStack=e.toReversed();for(let t=0;t<e.length;t++)this.redo()}canUndo(){return this._undoStack.length>0}canRedo(){return this._redoStack.length>0}get undoCount(){return this._undoStack.length}get redoCount(){return this._redoStack.length}*getUndoEntryNames(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t].title}*getUndoEntries(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t]}*getRedoEntryNames(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t].title}*getRedoEntries(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t]}onTransaction=new J_;emitTransaction(e,t,i){this.onTransaction.emit({item:e,kind:t,source:i})}}});var sa,Jm=g(()=>{"use strict";sa=class{constructor(e,t,i){this.title="Change Selection",this.oldSelection=e,this.newSelection=t,this.selectionService=i}title;get affectedItems(){return this.oldSelection&&this.newSelection?[...this.oldSelection,...this.newSelection]:this.oldSelection?[...this.oldSelection]:[...this.newSelection]}undo(){return this.selectionService._withoutUndoSetSelectedElements(this.oldSelection),null}do(){return this.selectionService._withoutUndoSetSelectedElements(this.newSelection),null}oldSelection;newSelection;selectionService;mergeWith(e){return!1}}});import{TypedEvent as ef}from"@node-projects/base-custom-webcomponent";function tf(n,e){let t=null;if(n.hasChildren)for(let i of n.children()){let r=n.instanceServiceContainer.designItemDocumentPositionService.getPosition(i);r&&r.start<=e&&r.start+r.length>=e&&(t=i)}return t?tf(t,e):n}var aa,Yp=g(()=>{"use strict";Jm();aa=class{primarySelection;selectedElements=[];selectedPart;_designerCanvas;_undoSelectionChanges;constructor(e,t){this._designerCanvas=e,this._undoSelectionChanges=t}setSelectedElements(e,t,i){this._setSelectedElements(e,t,i)}_setSelectedElements(e,t,i){if((e===null||e.length===0)&&(e=[this._designerCanvas.rootDesignItem]),this.selectedElements!=e&&!(this.selectedElements.length===0&&(e==null||e.length===0))){if(this.selectedElements?.length===1&&e?.length===1&&e[0]===this.selectedElements[0]){this._setSelectedPart(i),this.onSelectionRefresh.emit({selectedElements:this.selectedElements,selectedPart:this.selectedPart,event:t});return}if(this._undoSelectionChanges){let r=new sa(this.selectedElements,e,this);this._designerCanvas.instanceServiceContainer.undoService.execute(r)}else this._withoutUndoSetSelectedElements(e,t,i)}}setSelectedPart(e,t){this._setSelectedPart(e)&&this.onSelectionRefresh.emit({selectedElements:this.selectedElements,selectedPart:this.selectedPart,event:t})}_setSelectedPart(e){let t=this.selectedPart;return t===e||t?.designItem===e?.designItem&&t?.key===e?.key?!1:(this.selectedPart=e,!0)}setSelectionByTextRange(e,t){let i=this._designerCanvas.instanceServiceContainer.designItemDocumentPositionService?.getSourcePartAt(e),r=tf(this._designerCanvas.rootDesignItem,e);r&&(this.selectedElements.length!=1||this.primarySelection!=r?this._setSelectedElements([r],void 0,i):this.setSelectedPart(i))}_withoutUndoSetSelectedElements(e,t,i){let r=this.selectedElements,o=this.selectedPart;if(!e)this.selectedElements=[],this.primarySelection=null,this.selectedPart=null;else{let s=[];for(let a of e)a&&(e.length==1||a!==a.instanceServiceContainer.designerCanvas.rootDesignItem)&&s.push(a);this.selectedElements=s,s&&s.length>0?this.primarySelection=s[0]:this.primarySelection=null,this.selectedPart=i?.designItem===this.primarySelection?i:null}this.onSelectionChanged.emit({selectedElements:this.selectedElements,oldSelectedElements:r,selectedPart:this.selectedPart,oldSelectedPart:o,event:t})}clearSelectedElements(){this.setSelectedElements([])}isSelected(e){return this.selectedElements.indexOf(e)>=0}onSelectionChanged=new ef;onSelectionRefresh=new ef}});var la,Up=g(()=>{"use strict";he();la=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"jump to",icon:`<img src="${P+"icons/jump.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element);t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},t.zoomFactor)}}]}}});var ca,Xp=g(()=>{"use strict";me();Yc();de();gi();le();se();ca=class extends F{gridInformation;_resizers=[];_initalPos;_initialSizes;_group;_hasChanged;constructor(e,t,i){super(e,t,i)}extend(e,t){this._group=this._drawGroup(null,this._group,M.Background),this._group.style.transformOrigin="0 0",this.refresh(t)}refresh(e,t){this.gridInformation=lt(this.extendedItem),this._group.style.transform=Yi(this.extendedItem).toString(),this.gridInformation.gaps.forEach((i,r)=>{i.width<3&&(i.width=3,i.x--,i.localX--),i.height<3&&(i.height=3,i.y--,i.localY--);let o=this._drawRect(i.localX,i.localY,i.width,i.height,"svg-grid-resizer-"+i.type,this._resizers[r],M.Normal);this._resizers[r]||(this._resizers[r]=o,o.addEventListener(k.PointerDown,s=>this._pointerActionTypeResize(s,o,i)),o.addEventListener(k.PointerMove,s=>this._pointerActionTypeResize(s,o,i)),o.addEventListener(k.PointerUp,s=>this._pointerActionTypeResize(s,o,i)),this._group.appendChild(o))})}_pointerActionTypeResize(e,t,i){e.stopPropagation();let r=i.type=="h"?"gridTemplateRows":"gridTemplateColumns",o=(i.type=="h"?i.row:i.column)-1,s=i.type=="h"?"height":"width",a=this._getAxisLocalPosition(e,i.type);switch(e.type){case k.PointerDown:t.setPointerCapture(e.pointerId),this._initalPos=a,this._initialSizes=getComputedStyle(this.extendedItem.element)[r];break;case k.PointerMove:if(this._initialSizes){let c=a-this._initalPos;if(Math.abs(c)>5||this._hasChanged){this._hasChanged=!0;let h=this._initialSizes.split(" ");h[o]=parseFloat(h[o])+c+"px",h[o+1]=parseFloat(h[o+1])-c+"px",this.extendedItem.element.style[r]=h.join(" "),this.extensionManager.refreshExtensions([this.extendedItem],null,e)}}break;case k.PointerUp:t.releasePointerCapture(e.pointerId);let l=a-this._initalPos;if(this._hasChanged){this._hasChanged=!1;let c=this.extendedItem.getStyleFromSheetOrLocalOrComputed(r),h=this._initialSizes.split(" "),p=pm(c);p.length!=h.length&&(p=h.map(m=>ui(m))),this.extendedItem.element.style[r]="";let d=h.map(m=>parseFloat(m));d[o]+=l,d[o+1]-=l;let u=this._convertCssUnits(d,p,this.extendedItem.element,s);this.extendedItem.updateStyleInSheetOrLocal(r,u.join(" "),null,!0)}this._initalPos=null,this._initialSizes=null,this.extensionManager.refreshExtensions([this.extendedItem]);break}}_getAxisLocalPosition(e,t){let i=Er(this.extendedItem,this.designerCanvas.getNormalizedEventCoordinates(e));return t=="h"?i.y:i.x}_convertCssUnits(e,t,i,r){let o=getComputedStyle(i),a=Z(i)[r],l=r=="height"?this.gridInformation.cells.length-1:this.gridInformation.cells[0].length-1,c=r=="width"?o.columnGap:o.rowGap;c=="normal"&&(c="0px");let h=jc(c,i,r)??0,d=a-h*l;for(let m=0;m<e.length;m++)t[m]!="fr"&&(d-=e[m]);let u=[];for(let m=0;m<e.length;m++)t[m]!="fr"?u.push(Gi(e[m],i,r,t[m])):u.push((e[m]/d*10).toFixed(2)+"fr");return u}dispose(){this._removeAllOverlays()}}});import{css as ex}from"@node-projects/base-custom-webcomponent";var ha,$p=g(()=>{"use strict";Xp();Or();ha=class{shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Lr]!==!1:!1}getExtension(e,t,i){return new ca(e,t,i)}static style=ex`.svg-grid-resizer-v{fill:transparent;cursor:ew-resize;pointer-events:auto}.svg-grid-resizer-v:hover{fill:#ff7f5052}.svg-grid-resizer-h{fill:transparent;cursor:ns-resize;pointer-events:auto}.svg-grid-resizer-h:hover{fill:#ff7f5052}`}});var qi,Kp=g(()=>{"use strict";qi=class{extensions;extIndex;style;svgDefs;constructor(...e){this.extensions=e;for(let t of e)t.style&&(this.style||(this.style=[]),Array.isArray(t.style)?this.style.push(...t.style):this.style.push(t.style)),t.constructor.style&&(this.style||(this.style=[]),Array.isArray(t.constructor.style)?this.style.push(...t.constructor.style):this.style.push(t.constructor.style)),t.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.svgDefs)),t.constructor.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.constructor.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.constructor.svgDefs))}shouldExtend(e,t,i){for(this.extIndex=0;this.extIndex<this.extensions.length;this.extIndex++)if(this.extensions[this.extIndex].shouldExtend(e,t,i))return!0;return!1}getExtension(e,t,i){return this.extensions[this.extIndex].getExtension(e,t,i)}}});var pa,Qp=g(()=>{"use strict";pa=class{_designItemsAssignmentList=new WeakMap;_sourceParts=[];_sourcePartsByDesignItem=new WeakMap;_sourcePartsByDesignItemAndKey=new WeakMap;constructor(e){}setPosition(e,t){this._designItemsAssignmentList.set(e,t)}getPosition(e){return this._designItemsAssignmentList.get(e)}clearSourceParts(){this._sourceParts=[],this._sourcePartsByDesignItem=new WeakMap,this._sourcePartsByDesignItemAndKey=new WeakMap}addSourcePart(e){if(!e?.designItem||!e.textRange)return;this._sourceParts.push(e);let t=this._sourcePartsByDesignItem.get(e.designItem);t||(t=[],this._sourcePartsByDesignItem.set(e.designItem,t)),t.push(e);let i=this._sourcePartsByDesignItemAndKey.get(e.designItem);i||(i=new Map,this._sourcePartsByDesignItemAndKey.set(e.designItem,i)),i.set(e.key,e)}addSourceParts(e){for(let t of e??[])this.addSourcePart(t)}getSourcePartAt(e){let t=null;for(let i of this._sourceParts){let r=i.textRange.start,o=r+i.textRange.length;r<=e&&o>=e&&(!t||i.textRange.length<=t.textRange.length)&&(t=i)}return t}getSourceParts(e){return this._sourcePartsByDesignItem.get(e)??[]}getSourcePartPosition(e,t){return this._sourcePartsByDesignItemAndKey.get(e)?.get(t)?.textRange}}});var da,Zp=g(()=>{"use strict";_t();he();Uo();da=class{provideButton(e){if(e.readOnly)return null;let t=new we(e,{"":{icon:P+"images/tools/TransformTool.svg"}});return t.popup=yi,t}}});var ua,qp=g(()=>{"use strict";de();Oe();le();se();ua=class extends F{_line1;_line2;_line3;_line4;_designerView;constructor(e,t,i){super(e,t,i),this._designerView=t}extend(){this.refresh()}refresh(){let e=this._designerView.instanceServiceContainer.selectionService.selectedElements;if(e.length>1){e=ue(e);let t=si(e,this._designerView);this._line1=this._drawLine(t.x,t.y,t.x+t.width,t.y,"svg-multiple-rect-selection",this._line1,M.Background),this._line2=this._drawLine(t.x+t.width,t.y,t.x+t.width,t.y+t.height,"svg-multiple-rect-selection",this._line2,M.Background),this._line3=this._drawLine(t.x+t.width,t.y+t.height,t.x,t.y+t.height,"svg-multiple-rect-selection",this._line3,M.Background),this._line4=this._drawLine(t.x,t.y+t.height,t.x,t.y,"svg-multiple-rect-selection",this._line4,M.Background),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString()}}dispose(){this._removeAllOverlays()}}});import{css as tx}from"@node-projects/base-custom-webcomponent";var ma,Jp=g(()=>{"use strict";qp();ma=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new ua(e,t,i)}static style=tx`.svg-multiple-rect-selection{stroke:#909090;stroke-dasharray:3;fill:transparent;stroke-width:2}`}});var Hr,ed=g(()=>{"use strict";Hr=class{_name;get name(){return this._name}_elementList;getElements(){return Promise.resolve(this._elementList)}constructor(e,t){this._name=e,this._elementList=[],t.elements.forEach(i=>{this.isIElementDefintion(i)?this._elementList.push(i):this._elementList.push({tag:i})})}isIElementDefintion(e){return e!=null&&e.tag!=null}}});var Wr,td=g(()=>{"use strict";Fe();Wr=class{_name;get name(){return this._name}_importPrefix;_elementList;_resolveStored;_rejectStored;constructor(e,t,i){this._name=e,this._importPrefix=t,this._parseManifest(i)}_parseManifest(e){this._elementList=[];for(let t of e.modules){for(let i of t.exports)if(i.kind=="custom-element-definition"){let r={tag:i.name,import:jt(this._importPrefix,"/")+"/"+Me(t.path,"/"),packageName:this._name,className:i.declaration.name};this._addElementDefinition(r)}for(let i of t.declarations)if(i.tagName){let r={tag:i.tagName,import:jt(this._importPrefix,"/")+"/"+Me(t.path,"/"),packageName:this._name,className:i.name};this._addElementDefinition(r)}this._resolveStored&&(this._resolveStored.forEach(i=>i(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}_addElementDefinition(e){this._elementList.some(t=>t.tag==e.tag)||this._elementList.push(e)}async getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}}});var bi,fa=g(()=>{"use strict";nt();ve();fe();ze();bi=class n extends ne{getRefreshMode(e){return Y.full}_name;get name(){return this._name}_propertiesList;constructor(e,t,i){super(i),this._name=e,this._parseManifest(t)}_parseManifest(e){this._propertiesList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let o=[],s=t.find(a=>a.name==r.declaration.name);if(s){if(s.members){for(let a of s.members)if(a.kind=="field"&&a.privacy!=="private"&&a.privacy!=="protected"){let l=x.property;s.attributes&&(l=s.attributes.find(h=>h.fieldName==a.name)!=null?x.propertyAndAttribute:x.property);let c=n.manifestClassPropertyTypeToEditorPropertyType(a.type?.text,a.type?.editor);a.name&&o.push({name:a.name,service:this,propertyType:l,type:c[0],values:c[1],description:a.description})}this._propertiesList[r.name]=o}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}static manifestClassPropertyTypeToEditorPropertyType(e,t){if(t&&t.toLowerCase()==="color")return["color"];if(e){if(e.toLowerCase()==="boolean")return["boolean"];if(e.toLowerCase()==="number")return["number"];if(e.toLowerCase()==="string")return["string"];if(e.startsWith("'")&&e.includes("|"))return["list",e.split("|").map(r=>r.trim()).map(r=>r.substring(1,r.length-1))]}return[e]}isHandledElement(e){return this._propertiesList[e.name]!=null}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==x.attribute?R.attribute:R.property}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}}});var ga,id=g(()=>{"use strict";ga=class{_originalCustomElementsRegistry;_newElements=[];constructor(){this._originalCustomElementsRegistry=window.customElements;let e={},t=this._originalCustomElementsRegistry,i=this._newElements;e.define=function(r,o,s){i.push(r),t.define(r,o,s)},e.get=function(r){return t.get(r)},e.upgrade=function(r){return t.upgrade(r)},e.whenDefined=function(r){return t.whenDefined(r)},Object.defineProperty(window,"customElements",{get(){return e}})}dispose(){let e=this._originalCustomElementsRegistry;Object.defineProperty(window,"customElements",{get(){return e}})}getNewElements(){let e=this._newElements;return this._newElements=[],e}}});var ya,rd=g(()=>{"use strict";ed();td();fa();Fe();id();ya=class n{static registryPatchedTohandleErrors;static packageHacks;_packageSource;_dependecies=new Map;constructor(e="//cdn.jsdelivr.net/npm/"){this._packageSource=e,n.patchCustomElementsRegistryToHandleErrors()}static patchCustomElementsRegistryToHandleErrors(){if(!n.registryPatchedTohandleErrors){n.registryPatchedTohandleErrors=!0;let e=window.customElements,t={};t.define=function(i,r,o){try{e.define(i,r,o)}catch(s){console.warn(s)}},t.get=function(i){return e.get(i)},t.upgrade=function(i){return e.upgrade(i)},t.whenDefined=function(i){return e.whenDefined(i)},Object.defineProperty(window,"customElements",{get(){return t}})}}static getPackageHack(e){let t=n.packageHacks?.[e];if(!t){let i=Object.keys(n.packageHacks??{}).find(r=>r.endsWith("*")&&e.startsWith(r.substring(0,r.length-1)));t=n.packageHacks?.[i]}return t}static getExportImport(e){if(typeof e=="string")return e;if(Array.isArray(e)){for(let i of e){let r=n.getExportImport(i);if(r)return r}return null}if(!e)return null;let t=["browser","import","module","default","node"];for(let i of t){let r=n.getExportImport(e[i]);if(r)return r}return null}static addExportsToImportMap(e,t,i){let r=l=>t+Me(Me(l,"."),"/"),o=(l,c)=>{let h=n.getExportImport(c);h&&(e[l]=r(h))},s=i.exports;if(!s)return;let a=n.getExportImport(s);if(a){e[i.name]=r(a);return}for(let l in s)l.includes("*")||(l=="."?o(i.name,s[l]):l.startsWith("./")&&o(i.name+"/"+l.substring(2),s[l]))}async getRegisteredElementTags(e){let t=new Set;for(let i of e.elementsServices)try{for(let r of await i.getElements())t.add(r.tag)}catch(r){console.warn("error reading registered elements service",r)}return t}async loadDependencyCustomElementsJson(e,t,i){let r=new Set;if(!e)return r;for(let o of Object.keys(e))if(!o.startsWith("@types"))try{(await this.loadPackageCustomElementsJson(o,t,i)).forEach(a=>r.add(a))}catch(s){console.warn("error loading dependency custom-elements.json: ",o,s)}return r}async loadPackageCustomElementsJson(e,t,i){let r=new Set,o=window.location.protocol+this._packageSource+e+"/",s=await fetch(o+"package.json");if(!s.ok)return r;let a=await s.json(),l=o+"custom-elements.json",c=o;if(a.customElements&&(l=o+Me(jt(a.customElements,"/"),"/"),l.includes("/"))){let y=l.lastIndexOf("/");c=l.substring(0,y+1)}let h=await fetch(l);if(!h.ok)return r;let p=await h.json(),m=(await new Wr(a.name??e,c,p).getElements()).filter(y=>!i.has(y.tag));if(m.forEach(y=>r.add(y.tag)),r.size===0)return r;t.register("elementsService",new Hr(a.name??e,{elements:m}));let f=new bi(a.name??e,p);return t.register("propertyService",f),r.forEach(y=>i.add(y)),r}async loadNpmPackage(e,t,i,r,o){n.packageHacks||(n.packageHacks=(await import("./NpmPackageHacks.json",{assert:{type:"json"}})).default);let s=window.location.protocol+this._packageSource+e+"/",a=s+"package.json";o&&o(e+": loading package.json");let c=await(await fetch(a)).json(),h=n.getPackageHack(e);this.addToImportmap(s,c);let p=[];if(c.dependencies)for(let v in c.dependencies)p.push(this.loadDependency(v,c.dependencies[v]));if(h?.dependencies)for(let v in h.dependencies)p.push(this.loadDependency(v,h.dependencies[v]));await Promise.all(p);let d=s+"custom-elements.json",u=s;if(c.customElements&&(d=s+jt(c.customElements,"/"),d.includes("/"))){let v=d.lastIndexOf("/");u=d.substring(0,v+1)}let m=s+"web-component-designer.json";c.webComponentDesigner&&(m=s+Me(c.webComponentDesigner,"/")),o&&o(e+": loading custom-elements.json");let f=await fetch(d);if(!f.ok&&c.homepage)try{let C="https://raw.githubusercontent.com/"+new URL(c.homepage).pathname+"/master/custom-elements.json";f=await fetch(C),console.warn("custom-elements.json was missing from npm package, but was loaded from github as a fallback.")}catch(v){console.warn("github custom elments json fallback",v)}if(t&&fetch(m).then(async v=>{if(v.ok){let C=await v.json();if(C.services)for(let b in C.services)for(let _ of C.services[b]){_.startsWith("./")&&(_=_.substring(2));let S=(await importShim(s+_)).default;t.register(b,new S)}}}),f.ok){let v=await f.json(),C=new Wr(c.name,u,v);if(t&&t.register("elementsService",C),t){let b=new bi(c.name,v);t.register("propertyService",b)}if(r)for(let b of await C.getElements())importShim(b.import);t&&i&&i.loadControls(t,t.elementsServices),h?.import&&import(h.import),h?.script&&import(URL.createObjectURL(new Blob([h.script],{type:"application/javascript"})))}else{console.warn("npm package: "+e+" - no custom-elements.json found, only loading javascript module");let v=t?await this.getRegisteredElementTags(t):new Set,C=t?await this.loadDependencyCustomElementsJson({...c.dependencies,...h?.dependencies},t,v):new Set,b=new ga;c.module?await importShim(s+Me(c.module,"/")):c.main?await importShim(s+Me(c.main,"/")):c.unpkg?await importShim(s+Me(c.unpkg,"/")):console.warn("npm package: "+e+" - no entry point in package found."),h?.import&&await import(h.import),h?.script&&await import(URL.createObjectURL(new Blob([h.script],{type:"application/javascript"})));let _=b.getNewElements().filter(S=>!v.has(S)&&!C.has(S));if(_.length>0&&t&&i){let S={elements:_.map(I=>({tag:I,packageName:c.name??e}))},E=new Hr(e,S);t.register("elementsService",E)}(C.size>0||_.length>0)&&t&&i&&i.loadControls(t,t.elementsServices),b.dispose()}o&&o(e+": done");let y={};return h?.html&&(y.html=h.html.replaceAll("${baseUrl}",s)),h?.style&&(y.style=h.style.replaceAll("${baseUrl}",s)),y}async loadDependency(e,t,i){if(this._dependecies.has(e))return;if(this._dependecies.set(e,!0),e.startsWith("@types")){console.warn("ignoring wrong dependency: ",e);return}i&&i(e+": loading dependency: "+e);let r=window.location.protocol+this._packageSource+e+"/",o=r+"package.json",a=await(await fetch(o)).json(),l=[];if(a.dependencies)for(let c in a.dependencies)l.push(this.loadDependency(c,a.dependencies[c]));await Promise.all(l),this.addToImportmap(r,a)}async addToImportmap(e,t){let i=importShim.getImportMap().imports,r={imports:{},scopes:{}};if(!i.hasOwnProperty(t.name)){t.exports&&n.addExportsToImportMap(r.imports,e,t);let o=t.main;t.module&&(o=t.module),t.unpkg&&!o&&(o=t.unpkg),r.imports[t.name]||(o?r.imports[t.name]=e+Me(Me(o,"."),"/"):console.warn("package: "+e+"no main import found")),r.imports[t.name+"/"]=e;let s=n.getPackageHack(t.name);if(s?.map)for(let a in s.map)r.imports[a]=e+s.map[a];importShim.addImportMap(r)}}}});function va(n,e,t){let i=null,r=null,o=n.elementsFromPoint(e.clientX,e.clientY);for(let s of o)if(s==n.rootDesignItem.element){i=n.rootDesignItem;let a=getComputedStyle(i.element);r=n.serviceContainer.getLastServiceWhere("containerService",l=>l.serviceForContainer(i,a));break}else{i=O.GetOrCreateDesignItem(s,s,n.serviceContainer,n.instanceServiceContainer);let a=getComputedStyle(i.element);if(r=n.serviceContainer.getLastServiceWhere("containerService",l=>l.serviceForContainer(i,a)),r){if(t&&r.canEnter(i,t)&&!(i.element instanceof i.window.SVGElement))break;if(!t&&r.isEnterableContainer(i)&&!(i.element instanceof i.window.SVGElement))break;i=null,r=null;continue}}return[i,r]}var _a=g(()=>{"use strict";oe()});var xa,nd=g(()=>{"use strict";oe();ot();he();rd();_a();xa=class{_dragOverExtensionItem;_oldX;_oldY;_currentDragDropFormatNameElementDefinition;constructor(){window.addEventListener("dragstart",e=>{let t=e.dataTransfer;if(!t)return;let i=t.setData.bind(t);t.setData=(r,o)=>(r==Ni&&(this._currentDragDropFormatNameElementDefinition=o),i(r,o))},!0),window.addEventListener("dragend",e=>{this._currentDragDropFormatNameElementDefinition=null},!0)}dragEnter(e,t){}dragLeave(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null)}async dragOver(e,t){if(e.readOnly){t.dataTransfer.dropEffect="none";return}let i=null,r=t.dataTransfer.getData(Ni);if(r||(r=this._currentDragDropFormatNameElementDefinition),r){let s=JSON.parse(r);s&&(i=await e.serviceContainer.forSomeServicesTillResult("instanceService",a=>a.getElement(s,e.serviceContainer,e.instanceServiceContainer)))}let[o]=this.getPossibleContainerForDragDrop(e,t,i?[i]:null);o||(o=e.rootDesignItem),this._dragOverExtensionItem!=o?(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerExternalDragOverAndCanBeEntered),e.extensionManager.applyExtension(o,D.ContainerExternalDragOverAndCanBeEntered,t),this._dragOverExtensionItem=o):t.x!=this._oldX&&t.y!=this._oldY&&(this._oldX=t.x,this._oldY=t.y,e.extensionManager.refreshExtension(o,D.ContainerExternalDragOverAndCanBeEntered,t))}async drop(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null);let i=t.dataTransfer.getData(Ni),r=JSON.parse(i),o=await e.serviceContainer.forSomeServicesTillResult("instanceService",f=>f.getElement(r,e.serviceContainer,e.instanceServiceContainer)),[s]=this.getPossibleContainerForDragDrop(e,t,[o]);s||(s=e.rootDesignItem);let a=o.openGroup("Insert of &lt;"+o.name+"&gt;"),l=this.applyPlacementRules(e,s,o,r);s=l.container;let c=l.placedItem,h=e.serviceContainer.getLastServiceWhere("containerService",f=>f.serviceForContainer(s,s.getComputedStyle(),c));h.enterContainer(s,[c],"drop");let p=e.getNormalizedElementCoordinates(s.element),d=e.getNormalizedEventCoordinates(t),u={x:d.x-p.x,y:d.y-p.y},m={x:0,y:0};r.mouseOffset&&(m=r.mouseOffset),h.place(t,e,s,m,{x:0,y:0},u,[c]),h.finishPlace(t,e,s,m,{x:0,y:0},u,[c]),requestAnimationFrame(()=>{e.instanceServiceContainer.selectionService.setSelectedElements([o],t),a.commit()})}applyPlacementRules(e,t,i,r){let s=(r.packageName?ya.getPackageHack(r.packageName):null)?.placement?.ensureAncestors;if(!s?.length)return{container:t,placedItem:i};let a=i;for(let l of s){if(l.mode!=="wrap"||!l.selector||this.hasAncestorMatching(t,l.selector))continue;let c=this.createWrapperDesignItem(e,l);c&&(t.insertChild(c),t=c)}return{container:t,placedItem:a}}hasAncestorMatching(e,t){let i=e;for(;i;){try{if(i.element?.matches(t))return!0}catch(r){return console.warn("invalid placement ancestor selector: ",t,r),!1}i=i.parent}return!1}createWrapperDesignItem(e,t){if(!t.create?.tag)return null;let i=e.rootDesignItem.document.createElement(t.create.tag);if(t.create.attributes)for(let r in t.create.attributes)i.setAttribute(r,t.create.attributes[r]);if(t.create.styles)for(let r in t.create.styles)i.style[r]=t.create.styles[r];return O.createDesignItemFromInstance(i,e.serviceContainer,e.instanceServiceContainer)}getPossibleContainerForDragDrop(e,t,i){return va(e,t,i)}}});var Ne,Gr=g(()=>{"use strict";Ne=class n{constructor(){}static _windowEvents=[{name:"afterprint",propertyName:"onafterprint",eventObjectName:"Event"},{name:"beforeprint",propertyName:"onbeforeprint",eventObjectName:"Event"},{name:"beforeunload",propertyName:"onbeforeunload",eventObjectName:"Event"},{name:"error",propertyName:"onerror",eventObjectName:"Event"},{name:"load",propertyName:"onload",eventObjectName:"Event"},{name:"hashchange",propertyName:"onhashchange",eventObjectName:"Event"},{name:"message",propertyName:"onmessage",eventObjectName:"Event"},{name:"offline",propertyName:"onoffline",eventObjectName:"Event"},{name:"online",propertyName:"ononline",eventObjectName:"Event"},{name:"pageshow",propertyName:"onpageshow",eventObjectName:"Event"},{name:"popstate",propertyName:"onpopstate",eventObjectName:"Event"},{name:"resize",propertyName:"onresize",eventObjectName:"Event"},{name:"storage",propertyName:"onstorage",eventObjectName:"Event"},{name:"unload",propertyName:"onunload",eventObjectName:"Event"}];static _allElements=[{name:"contextmenu",propertyName:"oncontextmenu",eventObjectName:"PointerEvent"}];static _focusableEvents=[{name:"blur",propertyName:"onblur",eventObjectName:"FocusEvent"},{name:"focus",propertyName:"onfocus",eventObjectName:"FocusEvent"},{name:"keydown",propertyName:"onkeydown",eventObjectName:"KeyboardEvent"},{name:"keyup",propertyName:"onkeyup",eventObjectName:"KeyboardEvent"}];static _simpleForm=[{name:"input",propertyName:"oninput",eventObjectName:"InputEvent"},{name:"change",propertyName:"onchange",eventObjectName:"Event"}];static _form=[{name:"beforeinput",propertyName:"onbeforeinput",eventObjectName:"InputEvent"},{name:"invalid",propertyName:"oninvalid",eventObjectName:"Event"},{name:"reset",propertyName:"onreset",eventObjectName:"Event"},{name:"select",propertyName:"onselect",eventObjectName:"Event"},{name:"submit",propertyName:"onsubmit",eventObjectName:"SubmitEvent"}];static _simpleMouseEvents=[{name:"click",propertyName:"onclick",eventObjectName:"PointerEvent"},{name:"dblclick",propertyName:"ondblclick",eventObjectName:"MouseEvent"},{name:"wheel",propertyName:"onwheel",eventObjectName:"WheelEvent"},{name:"scroll",propertyName:"onscroll",eventObjectName:"Event"}];static _mouseEvents=[{name:"mousedown",propertyName:"onmousedown",eventObjectName:"MouseEvent"},{name:"mouseup",propertyName:"onmouseup",eventObjectName:"MouseEvent"},{name:"mousemove",propertyName:"onmousemove",eventObjectName:"MouseEvent"},{name:"mouseover",propertyName:"onmouseover",eventObjectName:"MouseEvent"},{name:"mouseout",propertyName:"onmouseout",eventObjectName:"MouseEvent"}];static _pointerEvents=[{name:"pointerdown",propertyName:"onpointerdown",eventObjectName:"PointerEvent"},{name:"pointerup",propertyName:"onpointerup",eventObjectName:"PointerEvent"},{name:"pointerenter",propertyName:"onpointerenter",eventObjectName:"PointerEvent"},{name:"pointerleave",propertyName:"onpointerleave",eventObjectName:"PointerEvent"},{name:"pointermove",propertyName:"onpointermove",eventObjectName:"PointerEvent"},{name:"pointerover",propertyName:"onpointerover",eventObjectName:"PointerEvent"},{name:"pointerout",propertyName:"onpointerout",eventObjectName:"PointerEvent"},{name:"pointercancel",propertyName:"onpointercancel",eventObjectName:"PointerEvent"}];static _touchEvents=[{name:"touchstart",propertyName:"ontouchstart",eventObjectName:"TouchEvent"},{name:"touchend",propertyName:"ontouchend",eventObjectName:"TouchEvent"},{name:"touchmove",propertyName:"ontouchmove",eventObjectName:"TouchEvent"},{name:"touchcancel",propertyName:"ontouchcancel",eventObjectName:"TouchEvent"}];static _dragEvents=[{name:"drag",propertyName:"ondrag",eventObjectName:"DragEvent"},{name:"dragend",propertyName:"ondragend",eventObjectName:"DragEvent"},{name:"dragenter",propertyName:"ondragenter",eventObjectName:"DragEvent"},{name:"dragleave",propertyName:"ondragleave",eventObjectName:"DragEvent"},{name:"dragover",propertyName:"ondragover",eventObjectName:"DragEvent"},{name:"dragstart",propertyName:"ondragstart",eventObjectName:"DragEvent"},{name:"drop",propertyName:"ondrop",eventObjectName:"DragEvent"}];static _clipboard=[{name:"copy",propertyName:"oncopy",eventObjectName:"ClipboardEvent"},{name:"cut",propertyName:"oncut",eventObjectName:"ClipboardEvent"},{name:"paste",propertyName:"onpaste",eventObjectName:"ClipboardEvent"}];static _details=[{name:"toggle",propertyName:"ontoggle",eventObjectName:"Event"}];static _allEvents=[...n._windowEvents,...n._form,...n._simpleMouseEvents,...n._mouseEvents,...n._pointerEvents,...n._touchEvents,...n._allElements,...n._focusableEvents,...n._dragEvents,...n._clipboard,...n._dragEvents];isHandledElementFromEventsService(e){return!0}getPossibleEvents(e){return e.element instanceof e.window.HTMLInputElement||e.element instanceof e.window.HTMLTextAreaElement||e.element instanceof e.window.HTMLSelectElement?[...n._simpleForm,...n._simpleMouseEvents,...n._form,...n._pointerEvents,...n._allElements,...n._focusableEvents]:[...n._simpleMouseEvents,...n._pointerEvents,...n._allElements,...n._focusableEvents]}getEvent(e,t){return n._allEvents.find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}}});import{DomHelper as ix,cssFromString as rx}from"@node-projects/base-custom-webcomponent";var ba,od=g(()=>{"use strict";ba=class{async provideDemo(e,t,i,r){let o=document.createElement("div"),s=o.attachShadow({mode:"open",serializable:!0});o.style.width="100%",o.style.height="100%",o.style.border="none",o.style.display="none",o.style.overflow="auto",o.style.position="absolute",e.style.position="relative",ix.removeAllChildnodes(e),e.appendChild(o);let a=[];i.designerCanvas.additionalStyles&&a.push(...i.designerCanvas.additionalStyles),i.stylesheetService&&a.push(...i.stylesheetService.getStylesheets().map(l=>rx(l.content))),s.adoptedStyleSheets=a,s.innerHTML="","setHTMLUnsafe"in s?s.setHTMLUnsafe(r):s.innerHTML=r,o.style.display=""}}});var wa,sd=g(()=>{"use strict";me();Oe();_a();se();wa=class{_elementDefinition;_createdItem;_startPosition;_changeGroup;cursor="crosshair";_rect;constructor(e){this._elementDefinition=e}activated(e){}dispose(){this._createdItem&&this._createdItem.element.parentElement.removeChild(this._createdItem.element)}pointerEventHandler(e,t,i){switch(t.type){case k.PointerDown:this._onPointerDown(e,t);break;case k.PointerMove:this._onPointerMove(e,t);break;case k.PointerUp:this._onPointerUp(e,t);break}}keyboardEventHandler(e,t,i){}sizeOverlapThreshold=!1;async _onPointerDown(e,t){let i=e.getNormalizedEventCoordinates(t);t.preventDefault(),this._startPosition={x:i.x,y:i.y},this._changeGroup=e.rootDesignItem.openGroup("Insert Item"),this._createdItem=await e.serviceContainer.forSomeServicesTillResult("instanceService",l=>l.getElement(this._elementDefinition,e.serviceContainer,e.instanceServiceContainer)),this._createdItem.setStyle("position","absolute");let[r]=va(e,t,[this._createdItem]);r||(r=e.rootDesignItem),e.serviceContainer.getLastServiceWhere("containerService",l=>l.serviceForContainer(r,r.getComputedStyle(),this._createdItem)).enterContainer(r,[this._createdItem],"drop");let s=e.getNormalizedElementCoordinates(r.element),a={x:i.x-s.x,y:i.y-s.y};this._createdItem.setStyle("left",V(this._createdItem,a.x)+"px"),this._createdItem.setStyle("top",V(this._createdItem,a.y)+"px"),this._createdItem.setStyle("width","0"),this._createdItem.setStyle("height","0"),e.instanceServiceContainer.selectionService.clearSelectedElements()}async _onPointerMove(e,t){let i=e.getNormalizedEventCoordinates(t);if(this._createdItem){this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect"),e.overlayLayer.addOverlay(this.constructor.name,this._rect,M.Foreground),this._rect.setAttribute("class","svg-draw-new-element"),this._rect.setAttribute("x",V(this._createdItem,this._startPosition.x)),this._rect.setAttribute("y",V(this._createdItem,this._startPosition.y)));let r=V(this._createdItem,i.x-this._startPosition.x),o=V(this._createdItem,i.y-this._startPosition.y);parseFloat(""+r)>=0&&(this._rect.setAttribute("width",r),this._createdItem.setStyle("width",r+"px")),parseFloat(""+o)>=0&&(this._rect.setAttribute("height",o),this._createdItem.setStyle("height",o+"px")),(parseFloat(""+r)>5||parseFloat(""+o)>5)&&(this.sizeOverlapThreshold=!0)}}async _onPointerUp(e,t){this.sizeOverlapThreshold?(this._changeGroup.commit(),e.instanceServiceContainer.selectionService.setSelectedElements([this._createdItem],t)):this._changeGroup.abort(),e.overlayLayer.removeOverlay(this._rect),this._startPosition=null,this._rect=null,this._createdItem=null,e.serviceContainer.globalContext.finishedWithTool(this)}}});var Sa,ad=g(()=>{"use strict";Sa=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");i.className="toolbar-control toolbar-control-input",i.title="round pixels to";let r=document.createElement("input");return r.type="number",r.setAttribute("aria-label","Round pixels to decimal places"),r.step="1",r.min="-1",r.valueAsNumber=e.serviceContainer.options.roundPixelsToDecimalPlaces,r.onchange=()=>e.serviceContainer.options.roundPixelsToDecimalPlaces=r.valueAsNumber,i.appendChild(r),[i]}}});var Ca,ld=g(()=>{"use strict";Ti();fe();ve();Ca=class extends et{commonMathProperties=[{name:"displaystyle",type:"boolean",service:this,defaultValue:!0,propertyType:x.propertyAndAttribute}];mathProperties=[{name:"display",type:"list",values:["block","inline"],service:this,defaultValue:"text",propertyType:x.propertyAndAttribute}];mfracProperties=[{name:"denomalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:x.propertyAndAttribute},{name:"linethickness",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"numalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:x.propertyAndAttribute}];name="mathml";getRefreshMode(e){return Y.full}isHandledElement(e){return e.element instanceof e.window.MathMLElement}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"math":return[...this.commonMathProperties,...this.mathProperties];case"merror":return[...this.commonMathProperties];case"mfrac":return[...this.commonMathProperties,...this.mfracProperties];default:return[...this.commonMathProperties]}}}});function nf(n){return"command"in n}function nx(n){return"value"in n}function ox(n){let e=[],t=/[AaCcHhLlMmQqSsTtVvZz]|[-+]?(?:(?:\d*\.\d+)|(?:\d+\.?))(?:[eE][-+]?\d+)?/g,i;for(;i=t.exec(n);){let r=i[0];/^[AaCcHhLlMmQqSsTtVvZz]$/.test(r)?e.push({command:r,start:i.index,end:i.index+r.length}):e.push({value:Number(r),start:i.index,end:i.index+r.length})}return e}function sx(n,e){let t=e.map(o=>n[o]).filter(o=>o),i=Math.min(...t.map(o=>o.start)),r=Math.max(...t.map(o=>o.end));return{start:i,length:r-i}}function xt(n,e,t,i,r){let o=sx(i,r);n.push({segmentIndex:e,handleType:t,start:o.start,length:o.length})}function ax(n,e,t,i){switch(e.toUpperCase()){case"M":case"L":case"T":xt(n,t,"anchor",i,[0,1]);break;case"H":case"V":xt(n,t,"anchor",i,[0]);break;case"C":xt(n,t,"cp1",i,[0,1]),xt(n,t,"cp2",i,[2,3]),xt(n,t,"anchor",i,[4,5]);break;case"S":xt(n,t,"cp2",i,[0,1]),xt(n,t,"anchor",i,[2,3]);break;case"Q":xt(n,t,"cp1",i,[0,1]),xt(n,t,"anchor",i,[2,3]);break;case"A":xt(n,t,"anchor",i,[5,6]);break}}function of(n){let e=ox(n),t=[],i=0,r=null,o=0;for(;i<e.length;){let s=e[i];if(nf(s)){if(r=s.command,i++,r.toUpperCase()==="Z"){o++;continue}}else if(!r){i++;continue}let a=r,l=rf[a.toUpperCase()];if(l==null||l===0)continue;let c=a.toUpperCase()==="M";for(;i<e.length&&!nf(e[i]);){c?(a=r,c=!1):r.toUpperCase()==="M"&&(a=r===r.toLowerCase()?"l":"L"),l=rf[a.toUpperCase()];let h=[];for(let p=0;p<l&&i<e.length;p++,i++){let d=e[i];if(!nx(d))break;h.push(d)}if(h.length!==l)break;ax(t,a,o,h),o++}}return t}var rf,cd=g(()=>{"use strict";rf={M:2,L:2,H:1,V:1,C:6,S:4,Q:4,T:2,A:7,Z:0}});function hd(n,e){return`attribute:d/svg-path/segment:${n}/handle:${e}`}var Ea,Pa=g(()=>{"use strict";cd();Ea=class{canMap(e){return e.sourceKind==="attribute"&&e.name==="d"&&e.designItem.element instanceof e.designItem.window.SVGPathElement}map(e){return of(e.value).map(t=>({designItem:e.designItem,kind:"svg-path-handle",key:hd(t.segmentIndex,t.handleType),name:"d",textRange:{start:e.valueTextRange.start+t.start,length:t.length},data:{attribute:"d",segmentIndex:t.segmentIndex,handleType:t.handleType}}))}}});var ka,pd=g(()=>{"use strict";le();me();Gt();se();Ue();Bi();di();Jt();Pa();ka=class extends F{_geometry=null;_reader;_dragState=null;_options;_overlayStructureSignature=null;_eventCleanups=[];_overlayCircles=new Map;_overlayLines=[];constructor(e,t,i,r,o){super(e,t,i),this._reader=r??Qt(i.element),this._options=o??{}}extend(){this.refresh()}refresh(){if(!this._reader){this._cleanupAll();return}if(this._geometry=this._reader.read(this.extendedItem.element),!this._geometry){this._cleanupAll();return}let e=this._getOverlayStructureSignature(this._geometry);if(this._overlayStructureSignature!==e||this._hasOverlayStructureMismatch(this._geometry)){this._cleanupAll(),this._overlayStructureSignature=e,this._drawOverlays();return}this._valuesHaveChanges(...this._getRefreshValues(this._geometry))&&(this._updateOverlayAppearance(),this._updateOverlayPositions())}dispose(){this._cleanupAll(),this._geometry=null,this._dragState=null}_cleanupAll(){for(let e of this._eventCleanups)try{e()}catch{}this._eventCleanups=[],this._overlayStructureSignature=null,this._overlayCircles.clear(),this._overlayLines=[],this._removeAllOverlays()}_getOverlayStructureSignature(e){return e.segments.map(t=>`${t.type}:${t.cp1?1:0}:${t.cp2?1:0}`).join("|")}_hasOverlayStructureMismatch(e){let t=0,i=0;for(let r=0;r<e.segments.length;r++){let o=e.segments[r];o.type!==w.Close&&(this._shouldRenderAnchorHandle(r,o,e)&&i++,o.cp1&&(i++,t++,o.type===w.QuadraticBezier&&t++),o.cp2&&(i++,t++))}return this._overlayCircles.size!==i||this._overlayLines.length!==t}_getRefreshValues(e){let t=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0],i=[this.designerCanvas.zoomFactor,this.designerCanvas.scaleFactor,this._overlayStructureSignature??"",this._getSelectedHandleRefreshKey()];t&&i.push(t.p1.x,t.p1.y,t.p2.x,t.p2.y,t.p3.x,t.p3.y,t.p4.x,t.p4.y);for(let r of e.segments)i.push(r.type,r.point.x,r.point.y),r.cp1?i.push(r.cp1.x,r.cp1.y):i.push("cp1:none"),r.cp2?i.push(r.cp2.x,r.cp2.y):i.push("cp2:none");return i}_getSelectedHandleRefreshKey(){let e=this.extendedItem.instanceServiceContainer.selectionService.selectedPart,t=e?.data;return e?.designItem!==this.extendedItem||e.kind!=="svg-path-handle"?"selected:none":`selected:${t?.segmentIndex}:${t?.handleType}`}_toOverlay(e){return Cr(this.extendedItem.element,this.designerCanvas,e)}_fromOverlay(e){return Dm(this.extendedItem.element,this.designerCanvas,e)}_drawOverlays(){if(!this._geometry)return;let e=null;for(let t=0;t<this._geometry.segments.length;t++){let i=this._geometry.segments[t];if(i.type===w.Close){e=this._geometry.segments[0]?.point??null;continue}if(i.cp1){let r=this._toOverlay(i.cp1);if(e){let o=this._toOverlay(e),s=this._drawLine(o.x,o.y,r.x,r.y,"svg-control-line");this._overlayLines.push(s)}if(i.type===w.QuadraticBezier){let o=this._toOverlay(i.point),s=this._drawLine(o.x,o.y,r.x,r.y,"svg-control-line");this._overlayLines.push(s)}this._drawControlCircle(r,t,"cp1")}if(i.cp2){let r=this._toOverlay(i.cp2),o=this._toOverlay(i.point),s=this._drawLine(o.x,o.y,r.x,r.y,"svg-control-line");this._overlayLines.push(s),this._drawControlCircle(r,t,"cp2")}if(this._shouldRenderAnchorHandle(t,i,this._geometry)){let r=this._toOverlay(i.point);this._drawAnchorCircle(r,t,i)}e=i.point}this._updateOverlayAppearance()}_updateOverlayAppearance(){let e=5/this.designerCanvas.scaleFactor,t=4/this.designerCanvas.scaleFactor,i=(1/this.designerCanvas.zoomFactor).toString(),r=(4/this.designerCanvas.scaleFactor).toString();for(let[o,s]of this._overlayCircles)s.setAttribute("r",(o.startsWith("anchor-")?e:t).toString()),s.style.strokeWidth=i,s.classList.toggle("svg-path-selected-part",this._isSelectedHandle(o));for(let o of this._overlayLines)o.style.strokeDasharray=r,o.style.strokeWidth=i}_addTrackedListener(e,t,i){e.addEventListener(t,i),this._eventCleanups.push(()=>e.removeEventListener(t,i))}_drawAnchorCircle(e,t,i){let r=5/this.designerCanvas.scaleFactor,o=this._drawCircle(e.x,e.y,r,"svg-path",void 0,M.Foreground);o.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),o.style.cursor="move",this._overlayCircles.set(`anchor-${t}`,o);let s=h=>this._onPointerDown(h,o,t,"anchor"),a=h=>this._onPointerMove(h,o,t,"anchor"),l=h=>this._onPointerUp(h,t),c=h=>{h.preventDefault(),this._showContextMenu(h,t,i)};this._addTrackedListener(o,k.PointerDown,s),this._addTrackedListener(o,k.PointerMove,a),this._addTrackedListener(o,k.PointerUp,l),this._addTrackedListener(o,k.ContextMenu,c)}_drawControlCircle(e,t,i){let r=4/this.designerCanvas.scaleFactor,o=this._drawCircle(e.x,e.y,r,"svg-control-point",void 0,M.Foreground);o.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),o.style.cursor="move",this._overlayCircles.set(`${i}-${t}`,o);let s=c=>this._onPointerDown(c,o,t,i),a=c=>this._onPointerMove(c,o,t,i),l=c=>this._onPointerUp(c,t);this._addTrackedListener(o,k.PointerDown,s),this._addTrackedListener(o,k.PointerMove,a),this._addTrackedListener(o,k.PointerUp,l)}_onPointerDown(e,t,i,r){e.stopPropagation(),e.preventDefault(),this._selectSourcePart(i,r,e),e.target.setPointerCapture(e.pointerId);let o=this.designerCanvas.getNormalizedEventCoordinates(e);if(!this._geometry)return;let s=this._geometry.segments[i],a;r==="anchor"?a={...s.point}:r==="cp1"?a={...s.cp1}:a={...s.cp2};let l=this._geometry.segments.map(c=>({point:{...c.point},cp1:c.cp1?{...c.cp1}:void 0,cp2:c.cp2?{...c.cp2}:void 0}));this._dragState={startCursorPos:o,segmentIndex:i,handleType:r,originalPoint:a,originalSegments:l,startScrollOffset:this.designerCanvas.canvasOffset,geometryChanged:!1}}_selectSourcePart(e,t,i){let r=this.extendedItem.instanceServiceContainer.selectionService,o=this._getSourcePart(e,t);r.primarySelection!==this.extendedItem?r.setSelectedElements([this.extendedItem],i,o):o&&r.setSelectedPart(o,i)}_getSourcePart(e,t){let i=hd(e,t);return this.extendedItem.instanceServiceContainer.designItemDocumentPositionService?.getSourceParts(this.extendedItem).find(r=>r.key===i)}_isSelectedHandle(e){let[t,i]=e.split("-"),r=this.extendedItem.instanceServiceContainer.selectionService.selectedPart,o=r?.data;return r?.designItem===this.extendedItem&&r.kind==="svg-path-handle"&&o?.segmentIndex===Number(i)&&o?.handleType===t}_onPointerMove(e,t,i,r){if(e.stopPropagation(),e.preventDefault(),!this._dragState||!this._geometry||e.buttons===0||this._dragState.segmentIndex!==i||this._dragState.handleType!==r)return;let o=this.designerCanvas.getNormalizedEventCoordinates(e),s=o.x-this._dragState.startCursorPos.x,a=o.y-this._dragState.startCursorPos.y;s===0&&a===0||(e.shiftKey&&(Math.abs(s)>=Math.abs(a)?a=0:s=0),!(s===0&&a===0)&&(e.altKey&&r==="anchor"&&this._options.allowShapeDrag!==!1?this._dragWholeShape(s,a):this._dragSingleHandle(i,r,s,a),r==="anchor"&&this._normalizeAxisLineSegments(),this._dragState.geometryChanged=!0,this._applyGeometryToElement(),this._updateOverlayPositions(),this.designerCanvas.extensionManager.refreshAllExtensions([this.extendedItem],this)))}_dragSingleHandle(e,t,i,r){let o=this._toOverlay(this._dragState.originalPoint),s={x:o.x+i,y:o.y+r},a=this._fromOverlay(s),l=this._geometry.segments[e];if(t==="anchor"){if(this.extendedItem.element instanceof SVGRectElement&&this._dragRectCorner(e,a)||this.extendedItem.element instanceof SVGCircleElement&&this._dragCircleCardinal(e,a)||this.extendedItem.element instanceof SVGEllipseElement&&this._dragEllipseCardinal(e,a))return;if(l.type===w.HorizontalLine){let c=this._findPreviousAnchor(e);l.point.x=a.x,l.point.y=c?.y??l.point.y}else if(l.type===w.VerticalLine){let c=this._findPreviousAnchor(e);l.point.x=c?.x??l.point.x,l.point.y=a.y}else l.point.x=a.x,l.point.y=a.y}else t==="cp1"?(l.cp1.x=a.x,l.cp1.y=a.y):(l.cp2.x=a.x,l.cp2.y=a.y)}_normalizeAxisLineSegments(){if(!this._geometry)return;let e=null,t=this._geometry.segments.find(i=>i.type!==w.Close)?.point;for(let i of this._geometry.segments){if(i.type===w.Close){t&&(i.point={...t});continue}e&&(i.type===w.HorizontalLine?i.point.y=e.y:i.type===w.VerticalLine&&(i.point.x=e.x)),e=i.point}}_dragRectCorner(e,t){if(!this._geometry||!this._dragState?.originalSegments||this._geometry.segments.length<4||e<0||e>3)return!1;let i=this._dragState.originalSegments;switch(e){case 0:this._setRectCornerPoints(t,{x:i[2].point.x,y:t.y},{...i[2].point},{x:t.x,y:i[2].point.y});break;case 1:this._setRectCornerPoints({x:i[3].point.x,y:t.y},t,{x:t.x,y:i[3].point.y},{...i[3].point});break;case 2:this._setRectCornerPoints({...i[0].point},{x:t.x,y:i[0].point.y},t,{x:i[0].point.x,y:t.y});break;case 3:this._setRectCornerPoints({x:t.x,y:i[1].point.y},{...i[1].point},{x:i[1].point.x,y:t.y},t);break;default:return!1}let r=this._geometry.segments[4];return r?.type===w.Close&&(r.point={...this._geometry.segments[0].point}),!0}_setRectCornerPoints(e,t,i,r){this._geometry.segments[0].point={...e},this._geometry.segments[1].point={...t},this._geometry.segments[2].point={...i},this._geometry.segments[3].point={...r}}_dragCircleCardinal(e,t){if(!this._geometry||!this._dragState?.originalSegments)return!1;let i=this._normalizeCardinalIndex(e);if(i===null)return!1;let r=this._dragState.originalSegments,o=(r[1].point.x+r[3].point.x)/2,s=(r[0].point.y+r[2].point.y)/2,a=o,l=s,c=Math.abs(r[1].point.x-r[3].point.x)/2;switch(i){case 0:{let h=r[2].point.y;l=(t.y+h)/2,c=Math.abs(h-t.y)/2;break}case 1:{let h=r[3].point.x;a=(t.x+h)/2,c=Math.abs(t.x-h)/2;break}case 2:{let h=r[0].point.y;l=(r[0].point.y+t.y)/2,c=Math.abs(t.y-h)/2;break}case 3:{let h=r[1].point.x;a=(h+t.x)/2,c=Math.abs(h-t.x)/2;break}default:return!1}return this._setCardinalArcPoints(a,l,c,c),!0}_dragEllipseCardinal(e,t){if(!this._geometry||!this._dragState?.originalSegments)return!1;let i=this._normalizeCardinalIndex(e);if(i===null)return!1;let r=this._dragState.originalSegments,o=(r[1].point.x+r[3].point.x)/2,s=(r[0].point.y+r[2].point.y)/2,a=Math.abs(r[1].point.x-r[3].point.x)/2,l=Math.abs(r[2].point.y-r[0].point.y)/2;switch(i){case 0:{let c=r[2].point.y;s=(t.y+c)/2,l=Math.abs(c-t.y)/2;break}case 1:{let c=r[3].point.x;o=(t.x+c)/2,a=Math.abs(t.x-c)/2;break}case 2:{let c=r[0].point.y;s=(c+t.y)/2,l=Math.abs(t.y-c)/2;break}case 3:{let c=r[1].point.x;o=(c+t.x)/2,a=Math.abs(c-t.x)/2;break}default:return!1}return this._setCardinalArcPoints(o,s,a,l),!0}_normalizeCardinalIndex(e){return e>=0&&e<=3?e:e===4?0:null}_setCardinalArcPoints(e,t,i,r){this._geometry&&(this._geometry.segments[0].point={x:e,y:t-r},this._geometry.segments[1].point={x:e+i,y:t},this._geometry.segments[2].point={x:e,y:t+r},this._geometry.segments[3].point={x:e-i,y:t},this._geometry.segments[1].arc&&(this._geometry.segments[1].arc.rx=i,this._geometry.segments[1].arc.ry=r),this._geometry.segments[2].arc&&(this._geometry.segments[2].arc.rx=i,this._geometry.segments[2].arc.ry=r),this._geometry.segments[3].arc&&(this._geometry.segments[3].arc.rx=i,this._geometry.segments[3].arc.ry=r),this._geometry.segments[4]?.arc&&(this._geometry.segments[4].point={x:e,y:t-r},this._geometry.segments[4].arc.rx=i,this._geometry.segments[4].arc.ry=r),this._geometry.segments[5]?.type===w.Close&&(this._geometry.segments[5].point={x:e,y:t-r}))}_shouldRenderAnchorHandle(e,t,i){if(!(this.extendedItem.element instanceof SVGCircleElement)&&!(this.extendedItem.element instanceof SVGEllipseElement)||e!==4)return!0;let r=i.segments[0];return t.point.x!==r?.point.x||t.point.y!==r?.point.y}_dragWholeShape(e,t){if(!(!this._dragState?.originalSegments||!this._geometry))for(let i=0;i<this._geometry.segments.length;i++){let r=this._dragState.originalSegments[i],o=this._geometry.segments[i],s=this._toOverlay(r.point),a={x:s.x+e,y:s.y+t},l=this._fromOverlay(a);if(o.point.x=l.x,o.point.y=l.y,o.cp1&&r.cp1){let c=this._toOverlay(r.cp1),h={x:c.x+e,y:c.y+t},p=this._fromOverlay(h);o.cp1.x=p.x,o.cp1.y=p.y}if(o.cp2&&r.cp2){let c=this._toOverlay(r.cp2),h={x:c.x+e,y:c.y+t},p=this._fromOverlay(h);o.cp2.x=p.x,o.cp2.y=p.y}}}_updateOverlayPositions(){if(!this._geometry)return;let e=null,t=0;for(let i=0;i<this._geometry.segments.length;i++){let r=this._geometry.segments[i];if(r.type===w.Close){e=this._geometry.segments[0]?.point??null;continue}if(r.cp1){let o=this._toOverlay(r.cp1);if(e&&t<this._overlayLines.length){let a=this._toOverlay(e),l=this._overlayLines[t++];l.setAttribute("x1",a.x.toString()),l.setAttribute("y1",a.y.toString()),l.setAttribute("x2",o.x.toString()),l.setAttribute("y2",o.y.toString())}if(r.type===w.QuadraticBezier&&t<this._overlayLines.length){let a=this._toOverlay(r.point),l=this._overlayLines[t++];l.setAttribute("x1",a.x.toString()),l.setAttribute("y1",a.y.toString()),l.setAttribute("x2",o.x.toString()),l.setAttribute("y2",o.y.toString())}let s=this._overlayCircles.get(`cp1-${i}`);s&&(s.setAttribute("cx",o.x.toString()),s.setAttribute("cy",o.y.toString()))}if(r.cp2){let o=this._toOverlay(r.cp2),s=this._toOverlay(r.point);if(t<this._overlayLines.length){let l=this._overlayLines[t++];l.setAttribute("x1",s.x.toString()),l.setAttribute("y1",s.y.toString()),l.setAttribute("x2",o.x.toString()),l.setAttribute("y2",o.y.toString())}let a=this._overlayCircles.get(`cp2-${i}`);a&&(a.setAttribute("cx",o.x.toString()),a.setAttribute("cy",o.y.toString()))}if(this._shouldRenderAnchorHandle(i,r,this._geometry)){let o=this._toOverlay(r.point),s=this._overlayCircles.get(`anchor-${i}`);s&&(s.setAttribute("cx",o.x.toString()),s.setAttribute("cy",o.y.toString()))}e=r.point}}_onPointerUp(e,t){e.stopPropagation(),e.target.releasePointerCapture(e.pointerId),this._dragState?.geometryChanged&&this._geometry&&this._commitGeometryChange(),this._dragState=null}_applyGeometryToElement(){if(!this._reader||!this._geometry)return;let e=this._reader.serialize(this._geometry);sm(this.extendedItem.element,e,this.extendedItem.serviceContainer.options.roundPixelsToDecimalPlaces)}_commitGeometryChange(){if(!this._reader||!this._geometry)return;let e=this._reader.serialize(this._geometry),t=this.extendedItem.openGroup("editGeometry");to(this.extendedItem,e),t.commit()}_showContextMenu(e,t,i){if(!this._geometry)return;let r=[],o=this.extendedItem.element instanceof SVGPathElement;if(this._geometry.segments.filter(a=>a.type!==w.Close).length>2&&r.push({title:"Delete point",action:()=>{this._geometry&&(this._geometry.segments.splice(t,1),t===0&&this._geometry.segments.length>0&&this._geometry.segments[0].type!==w.Close&&(this._geometry.segments[0].type=w.Move),this._applyGeometryToElement(),this._commitGeometryChange())}}),o&&this._findNextNonCloseSegment(t)!==null&&r.push({title:"Insert point after",action:()=>{this._insertPointAfter(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),o&&this._geometry.segments.length>0){let a=this._geometry.segments.some(c=>c.type===w.Close),l=this._findLastNonCloseIndex();(t===l||a&&i.type!==w.Close)&&(r.push({title:"---"}),a?r.push({title:"Open path",action:()=>{this._geometry&&(this._geometry.segments=this._geometry.segments.filter(c=>c.type!==w.Close),this._geometry.closed=!1,this._applyGeometryToElement(),this._commitGeometryChange())}}):r.push({title:"Close path",action:()=>{this._geometry&&(this._geometry.segments.push({type:w.Close,relative:!1,point:this._geometry.segments[0].point}),this._geometry.closed=!0,this._applyGeometryToElement(),this._commitGeometryChange())}}))}if(o&&t>0&&i.type!==w.Close){r.push({title:"---"});let a=[];i.type!==w.Move&&a.push({title:"moveto",action:()=>{this._convertToMove(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.Line&&i.type!==w.HorizontalLine&&i.type!==w.VerticalLine&&a.push({title:"line",action:()=>{this._convertToLine(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.HorizontalLine&&a.push({title:"horizontal line",action:()=>{this._convertToHorizontalLine(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.VerticalLine&&a.push({title:"vertical line",action:()=>{this._convertToVerticalLine(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.QuadraticBezier&&a.push({title:"quadratic b\xE9zier",action:()=>{this._convertToQuadratic(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.CubicBezier&&a.push({title:"cubic b\xE9zier",action:()=>{this._convertToCubic(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.Arc&&(a.push({title:"arc",action:()=>{this._convertToArc(t,!1),this._applyGeometryToElement(),this._commitGeometryChange()}}),a.push({title:"inverted arc",action:()=>{this._convertToArc(t,!0),this._applyGeometryToElement(),this._commitGeometryChange()}})),a.length>0&&r.push({title:"Convert to",children:a}),i.type===w.Arc&&r.push({title:"Invert arc",action:()=>{this._invertArc(t),this._applyGeometryToElement(),this._commitGeometryChange()}})}r.length>0&&De.show(r,e)}_findLastNonCloseIndex(){if(!this._geometry)return-1;for(let e=this._geometry.segments.length-1;e>=0;e--)if(this._geometry.segments[e].type!==w.Close)return e;return-1}_findNextNonCloseSegment(e){if(!this._geometry)return null;for(let t=e+1;t<this._geometry.segments.length;t++)if(this._geometry.segments[t].type!==w.Close)return t;return null}_findPreviousAnchor(e){if(!this._geometry)return null;for(let t=e-1;t>=0;t--){let i=this._geometry.segments[t];if(i.type!==w.Close)return i.point}return null}_insertPointAfter(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findNextNonCloseSegment(e);if(i===null)return;let r=this._geometry.segments[i],o;switch(r.type){case w.CubicBezier:{let a=t.point,l=r.cp1,c=r.cp2,h=r.point;o=this._evalCubicBezier(a,l,c,h,.5);break}case w.QuadraticBezier:{let a=t.point,l=r.cp1,c=r.point;o=this._evalQuadraticBezier(a,l,c,.5);break}default:{o={x:(t.point.x+r.point.x)/2,y:(t.point.y+r.point.y)/2};break}}let s={type:w.Line,relative:t.relative,point:o};this._geometry.segments.splice(e+1,0,s)}_convertToMove(e){if(!this._geometry)return;let t=this._geometry.segments[e];t.type=w.Move,delete t.cp1,delete t.cp2,delete t.arc}_convertToLine(e){if(!this._geometry)return;let t=this._geometry.segments[e];t.type=w.Line,delete t.cp1,delete t.cp2,delete t.arc}_convertToHorizontalLine(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);i&&(t.type=w.HorizontalLine,t.point.y=i.y,delete t.cp1,delete t.cp2,delete t.arc)}_convertToVerticalLine(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);i&&(t.type=w.VerticalLine,t.point.x=i.x,delete t.cp1,delete t.cp2,delete t.arc)}_convertToQuadratic(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);if(!i)return;let r=t.point,o=(i.x+r.x)/2,s=(i.y+r.y)/2,a=Math.sqrt(Math.pow(r.x-i.x,2)+Math.pow(r.y-i.y,2)),l=Math.max(20,a*.25),c=Math.atan2(r.y-i.y,r.x-i.x)-Math.PI/2;t.type=w.QuadraticBezier,t.cp1={x:o+l*Math.cos(c),y:s+l*Math.sin(c)},delete t.cp2,delete t.arc}_convertToCubic(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);if(!i)return;let r=t.point;if(t.type===w.QuadraticBezier&&t.cp1){t.type=w.CubicBezier;let o=t.cp1;t.cp1={x:i.x+2/3*(o.x-i.x),y:i.y+2/3*(o.y-i.y)},t.cp2={x:r.x+2/3*(o.x-r.x),y:r.y+2/3*(o.y-r.y)}}else t.type=w.CubicBezier,t.cp1={x:i.x+(r.x-i.x)/3,y:i.y+(r.y-i.y)/3},t.cp2={x:i.x+2*(r.x-i.x)/3,y:i.y+2*(r.y-i.y)/3};delete t.arc}_convertToArc(e,t=!1){if(!this._geometry)return;let i=this._geometry.segments[e],r=this._findPreviousAnchor(e);if(!r)return;let o=i.point,s=o.x-r.x,a=o.y-r.y,l=Math.sqrt(s*s+a*a),c=Math.max(1,l/2);i.type=w.Arc,i.arc={rx:c,ry:c,rotation:0,largeArc:!1,sweep:!t},delete i.cp1,delete i.cp2}_invertArc(e){if(!this._geometry)return;let t=this._geometry.segments[e];t.type!==w.Arc||!t.arc||(t.arc.sweep=!t.arc.sweep)}_evalCubicBezier(e,t,i,r,o){let s=1-o;return{x:s*s*s*e.x+3*s*s*o*t.x+3*s*o*o*i.x+o*o*o*r.x,y:s*s*s*e.y+3*s*s*o*t.y+3*s*o*o*i.y+o*o*o*r.y}}_evalQuadraticBezier(e,t,i,r){let o=1-r;return{x:o*o*e.x+2*o*r*t.x+r*r*i.x,y:o*o*e.y+2*o*r*t.y+r*r*i.y}}}});import{css as lx}from"@node-projects/base-custom-webcomponent";var Ia,dd=g(()=>{"use strict";pd();Jt();Ia=class{_customReader;constructor(e){this._customReader=e}shouldExtend(e,t,i){if(this._customReader)return!0;let r=i.node;return r instanceof SVGPathElement||r instanceof SVGRectElement||r instanceof SVGLineElement||r instanceof SVGEllipseElement||r instanceof SVGCircleElement||r instanceof SVGPolygonElement||r instanceof SVGPolylineElement?Im(r):!1}getExtension(e,t,i){return new ka(e,t,i,this._customReader)}style=lx`.svg-control-line{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-dasharray:4;pointer-events:none;opacity:.9}.svg-control-point{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-handle,#fff);pointer-events:auto}.svg-path-selected-part{stroke:var(--wcd-color-handle-stroke,#000);fill:var(--wcd-color-handle-active,#0f0)}`}});var Vt,ud=g(()=>{"use strict";Vt=class{constructor(e,t,i=!1){this.extensionProvider=e,this.condition=t,this.style=e.style??e.constructor.style,this.svgDefs=e.svgDefs??e.constructor.svgDefs}extensionProvider;condition;style;svgDefs;shouldExtend(e,t,i){return this.condition(i,t)?this.extensionProvider.shouldExtend(e,t,i):!1}getExtension(e,t,i){return this.extensionProvider.getExtension(e,t,i)}}});var bt,Ke,ct=g(()=>{"use strict";he();le();Fe();bt="basicStackedToolbarExtensionShowOverlay",Ke=class n extends F{static basicTemplate=Ru`<select title="position" id="position" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>static</option><option>relative</option><option>absolute</option><option>fixed</option></select><node-projects-image-button-list-selector id="inline" no-value-in-header property="inline"><img data-value="block" title="block" src="${P}images/display/block.svg"> <img data-value="inline" title="inline" src="${P}images/display/inline.svg"></node-projects-image-button-list-selector><select title="display" id="displayType" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>block</option><option>flex</option><option>grid</option></select>`;static toolBars=[];_toolbar;_size={width:220,height:30};_display;_inline;constructor(e,t,i){super(e,t,i)}extend(e,t){let i=getComputedStyle(this.extendedItem.element);this._display=i.display.replace("inline-","").replace("inline","block"),this._inline=i.display.startsWith("inline")?"inline":"block",this._toolbar=this.createToolbar(this.constructor.template,this._size.width,this._size.height),n.toolBars.push(this._toolbar);let r=this._toolbar.getById("position");r&&(r.value=i.position,r.onchange=async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("position",r.value),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let o=this._toolbar.getById("displayType");o&&(o.value=this._display,o.onchange=async()=>{this._display=o.value,await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let s=this._toolbar.getById("inline");s&&(s.value=this._inline,s.addEventListener("value-changed",async()=>{this._inline=s.value,this._inline&&i.position==="absolute"&&this.extendedItem.setStyle("position","static"),await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])}))}async updateDisplayValue(){let e=(this._inline=="inline"?"inline ":"")+this._display;e==="inline block"&&(e="inline"),await this.extendedItem.updateStyleInSheetOrLocalAsync("display",e)}refresh(e,t){if(t){let i=this.designerCanvas.getNormalizedEventCoordinates(t),r=0;for(let o=0;o<n.toolBars.length-1&&n.toolBars[o]!==this._toolbar;o++)r+=this._toolbar.children[0].getBoundingClientRect().height+4;this._toolbar.updatePosition({x:i.x-16/this.designerCanvas.zoomFactor,y:i.y-r-(this._size.height+14)/this.designerCanvas.zoomFactor})}}_addStyleButton(e){let t=getComputedStyle(this.extendedItem.element),i=this._toolbar.getById(e);i.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync(e,i.value)}),i.value=t[e]}dispose(){n.toolBars.splice(n.toolBars.indexOf(this._toolbar),1),this._removeAllOverlays()}}});import{html as cx}from"@node-projects/base-custom-webcomponent";var Da,md=g(()=>{"use strict";ct();he();Da=class extends Ke{static template=cx`<div style="height:100%;width:100%">${Ke.basicTemplate} <select title="display" id="gridType" style="pointer-events:auto;height:24px;width:60px;padding:0;margin-right:10px"><option>1x1</option><option>1x16</option><option>2x8</option><option>4x4</option><option>8x2</option><option>16x1</option><option>custom</option></select><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="center" data-value="center" src="${P}images/chromeDevtools/align-content-center-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-items" no-value-in-header id="justify-items"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=624}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridType"),o=document.createElement("option");o.innerText=i.gridTemplateColumns.split(" ").length+"x"+i.gridTemplateRows.split(" ").length,r.insertAdjacentElement("afterbegin",o),r.selectedIndex=0,r.onchange=async()=>{if(r.value=="custom"){let s=prompt("Number of columns?","4");if(!s)return;let a=prompt("Number of rows?","4");if(!a)return;let l=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+s+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+a+", 1fr)"),l.commit()}else{let s=r.value.split("x"),a=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+s[0]+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+s[1]+", 1fr)"),a.commit()}},this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this._addStyleButton("justify-items"),this.refresh(e,t)}}});var Aa,fd=g(()=>{"use strict";md();ee();ct();Aa=class{shouldExtend(e,t,i){if(i.nodeType===A.Element){let r=getComputedStyle(i.element).display;if(r==="grid"||r==="inline-grid")return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new Da(e,t,i)}}});import{html as hx}from"@node-projects/base-custom-webcomponent";var Ta,gd=g(()=>{"use strict";he();ct();Ta=class extends Ke{static template=hx`<div style="height:100%;width:100%">${Ke.basicTemplate}<node-projects-image-button-list-selector property="direction" no-value-in-header id="flex-direction"><img title="row" data-value="row" src="${P}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column" data-value="column" src="${P}images/chromeDevtools/flex-direction-column-icon.svg"> <img title="row-reverse" data-value="row-reverse" style="transform:scaleX(-1)" src="${P}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column-reverse" data-value="column-reverse" style="transform:scaleY(-1)" src="${P}images/chromeDevtools/flex-direction-column-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="wrap" no-value-in-header id="flex-wrap"><img title="nowrap" data-value="nowrap" src="${P}images/chromeDevtools/flex-wrap-nowrap-icon.svg"> <img title="wrap" data-value="wrap" src="${P}images/chromeDevtools/flex-wrap-wrap-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-content-flex-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-content-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-content-flex-end-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=625}extend(e,t){super.extend(e,t),this._addFlexDirectionButton(),this._addStyleButton("flex-wrap"),this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this.refresh(e,t)}_addFlexDirectionButton(){let e=getComputedStyle(this.extendedItem.element),t=this._toolbar.getById("flex-direction");t.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("flex-direction",t.value),this.rotateImagesAcordingFlexDirection(t.value)}),t.value=e["flex-direction"],this.rotateImagesAcordingFlexDirection(t.value)}rotateImagesAcordingFlexDirection(e){let t=0;(e=="column"||e=="column-reverse")&&(t=-90),this._toolbar.getById("flex-wrap").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("justify-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-items").querySelectorAll("img:nth-child(-n+4)").forEach(i=>i.style.rotate=t+"deg")}}});var Ma,yd=g(()=>{"use strict";gd();ee();ct();Ma=class{shouldExtend(e,t,i){if(i.nodeType===A.Element){let r=getComputedStyle(i.element).display;if(r==="flex"||r==="inline-flex")return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new Ta(e,t,i)}}});import{html as px}from"@node-projects/base-custom-webcomponent";var La,vd=g(()=>{"use strict";ct();La=class extends Ke{static template=px`<div style="height:100%;width:100%">${Ke.basicTemplate}</div>`;constructor(e,t,i){super(e,t,i)}extend(e,t){super.extend(e,t),this.refresh(e,t)}}});var Oa,_d=g(()=>{"use strict";vd();ee();ct();Oa=class{shouldExtend(e,t,i){if(i.nodeType===A.Element){let r=getComputedStyle(i.element).display;if(r==="block"||r==="inline"||r==="inline-block")return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new La(e,t,i)}}});var wi,xd=g(()=>{"use strict";Os();wi=class{_title;_contextMenus;constructor(e,...t){this._title=e,this._contextMenus=t}shouldProvideContextmenu(e,t,i,r){return this._contextMenus.some(o=>!(o instanceof Te)&&o.shouldProvideContextmenu(e,t,i,r))}provideContextMenuItems(e,t,i,r){return[{title:this._title,children:this._contextMenus.map(o=>o.shouldProvideContextmenu(e,t,i,r)?o.provideContextMenuItems(e,t,i,r):[]).flat()}]}}});import{html as dx}from"@node-projects/base-custom-webcomponent";var Va,bd=g(()=>{"use strict";he();ct();Va=class extends Ke{static template=dx`<div style="height:100%;width:100%"><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">column:</span> <input type="text" title="column" id="gridColumn" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:5px"></div><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">row:</span> <input type="text" title="column" id="gridRow" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:10px"></div><node-projects-image-button-list-selector property="align-self" no-value-in-header id="align-self"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-items-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-self" no-value-in-header id="justify-self"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=250}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridColumn");r&&(r.value=i.gridColumn,r.onkeyup=async s=>{s.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridColumn",r.value)});let o=this._toolbar.getById("gridRow");o&&(o.value=i.gridColumn,o.onkeyup=async s=>{s.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridRow",o.value)}),this._addStyleButton("align-self"),this._addStyleButton("justify-self"),this.refresh(e,t)}}});var Na,wd=g(()=>{"use strict";ee();bd();ct();Na=class{shouldExtend(e,t,i){if(i.nodeType===A.Element&&i.parent){let r=i.parent?.getComputedStyle();if(r!=null&&(r.display==="grid"||r.display==="inline-grid"))return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new Va(e,t,i)}}});var Ra,Sd=g(()=>{"use strict";ct();ai();Ra=class extends tt{constructor(){super(bt,"T","show Toolbars")}}});var za,Cd=g(()=>{"use strict";le();se();za=class extends F{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.padding!=="0px"){let r=Number.parseFloat(i.paddingLeft.replace("px","")),o=Number.parseFloat(i.paddingTop.replace("px","")),s=Number.parseFloat(i.paddingRight.replace("px","")),a=Number.parseFloat(i.paddingBottom.replace("px",""));if(r+=Number.parseFloat(i.borderLeftWidth.replace("px","")),o+=Number.parseFloat(i.borderTopWidth.replace("px","")),s+=Number.parseFloat(i.borderRightWidth.replace("px","")),a+=Number.parseFloat(i.borderBottomWidth.replace("px","")),!isNaN(r)&&!isNaN(o)&&!isNaN(s)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,o,s,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"content",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(p=>p.x+","+p.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(p=>p.x+","+p.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-padding-fill",this._path,M.Background),this._path2=this._drawPath(h,"svg-padding",this._path2,M.Background)}}}}dispose(){this._removeAllOverlays()}}});import{css as sf}from"@node-projects/base-custom-webcomponent";var Fa,Ed=g(()=>{"use strict";ee();Cd();Jt();Fa=class{shouldExtend(e,t,i){return i.nodeType==A.Element}getExtension(e,t,i){return new za(e,t,i)}static style=sf`.svg-padding{fill:#32cd3266;fill-rule:evenodd}`;style=sf`.svg-padding-fill{fill:#32cd3266;fill-rule:evenodd}.svg-padding{fill:#32cd32FF;fill-rule:evenodd;mask:url(#mask-stripe-padding)}`;static svgDefs=mi`<pattern id="pattern-stripe-padding" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-padding"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-padding)"></mask>`}});var Ba,Pd=g(()=>{"use strict";me();gi();le();Ba=class extends F{_actionModeStarted;_initialPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialComputedTransformOrigins;_initialTransformOrigins;_styleBackup;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p4.x,i.p4.y,i.p3.x,i.p3.y)&&(this._circle1=this._drawResizerOverlay(i.p1.x,i.p1.y,"nw-resize",this._circle1),this._circle2=this._drawResizerOverlay(i.p1.x+(i.p2.x-i.p1.x)/2,i.p1.y+(i.p2.y-i.p1.y)/2,"n-resize",this._circle2),this._circle3=this._drawResizerOverlay(i.p2.x,i.p2.y,"ne-resize",this._circle3),this._circle4=this._drawResizerOverlay(i.p1.x+(i.p4.x-i.p1.x)/2,i.p1.y+(i.p4.y-i.p1.y)/2,"w-resize",this._circle4),this._circle5=this._drawResizerOverlay(i.p4.x,i.p4.y,"sw-resize",this._circle5),this._circle6=this._drawResizerOverlay(i.p4.x+(i.p3.x-i.p4.x)/2,i.p4.y+(i.p3.y-i.p4.y)/2,"s-resize",this._circle6),this._circle8=this._drawResizerOverlay(i.p2.x+(i.p3.x-i.p2.x)/2,i.p2.y+(i.p3.y-i.p2.y)/2,"e-resize",this._circle8),this._circle7=this._drawResizerOverlay(i.p3.x,i.p3.y,"se-resize",this._circle7))}_drawResizerOverlay(e,t,i,r){let o=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-grid-resizer",r);return o.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(o.addEventListener(k.PointerDown,s=>this._pointerActionTypeResize(o,s,i)),o.addEventListener(k.PointerMove,s=>this._pointerActionTypeResize(o,s,i)),o.addEventListener(k.PointerUp,s=>this._pointerActionTypeResize(o,s,i))),o.style.cursor=i,o}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:this._styleBackup=this.extendedItem.element.getAttribute("style"),t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._actionModeStarted=i,this._initialComputedTransformOrigins=[],this._initialTransformOrigins=[];let o=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ").map(u=>parseFloat(u.replace("px",""))),s=new DOMPoint(o[0],o[1]);this._initialComputedTransformOrigins.push(s),this._initialTransformOrigins.push(this.extendedItem.element.style.transformOrigin);break;case k.PointerMove:if(this._initialPoint){let u=0,m=0,f=lt(this.extendedItem.parent),y=Er(this.extendedItem.parent,this.designerCanvas.getNormalizedEventCoordinates(t)),v=getComputedStyle(this.extendedItem.element);this.extendedItem.element.style.gridColumnStart=v.gridColumnStart,this.extendedItem.element.style.gridColumnEnd=v.gridColumnEnd==="auto"?""+(parseInt(v.gridColumnStart)+1):v.gridColumnEnd,this.extendedItem.element.style.gridRowStart=v.gridRowStart,this.extendedItem.element.style.gridRowEnd=v.gridRowEnd==="auto"?""+(parseInt(v.gridRowStart)+1):v.gridRowEnd,(this._actionModeStarted=="nw-resize"||this._actionModeStarted=="w-resize"||this._actionModeStarted=="sw-resize")&&(this.extendedItem.element.style.gridColumnStart=""+Rm(f,y.x)),(this._actionModeStarted=="nw-resize"||this._actionModeStarted=="n-resize"||this._actionModeStarted=="ne-resize")&&(this.extendedItem.element.style.gridRowStart=""+Fm(f,y.y)),(this._actionModeStarted=="se-resize"||this._actionModeStarted=="e-resize"||this._actionModeStarted=="ne-resize")&&(u=Nm(f,y.x),this.extendedItem.element.style.gridColumnEnd=""+(u+2)),(this._actionModeStarted=="sw-resize"||this._actionModeStarted=="s-resize"||this._actionModeStarted=="se-resize")&&(m=zm(f,y.y),this.extendedItem.element.style.gridRowEnd=""+(m+2));let C=[this.extendedItem,this.extendedItem.parent];this.extensionManager.refreshExtensions(C)}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId);let a=getComputedStyle(this.extendedItem.element),l=a.gridColumnStart,c=a.gridColumnEnd,h=a.gridRowStart,p=a.gridRowEnd;this._styleBackup?this.extendedItem.element.setAttribute("style",this._styleBackup):this.extendedItem.element.removeAttribute("style");let d=this.extendedItem.openGroup("Resize &lt;"+this.extendedItem.name+"&gt;");this.extendedItem.setStyle("gridColumnStart",l),this.extendedItem.setStyle("gridColumnEnd",c),this.extendedItem.setStyle("gridRowStart",h),this.extendedItem.setStyle("gridRowEnd",p),d.commit(),this._initialPoint=null;break}}dispose(){this._removeAllOverlays()}}});import{css as ux}from"@node-projects/base-custom-webcomponent";var Ha,kd=g(()=>{"use strict";ee();Pd();Ha=class{shouldExtend(e,t,i){return i.nodeType===A.Element&&i.parent?.nodeType===A.Element&&getComputedStyle(i.parent.element).display==="grid"}getExtension(e,t,i){return new Ba(e,t,i)}static style=ux`.svg-grid-resizer{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;pointer-events:auto}`}});var Wa,Id=g(()=>{"use strict";Tt();ee();he();Wa=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:i?.instanceServiceContainer.selectionService.selectedElements.length>1?!i?.isRootItem&&i?.nodeType==A.Element:!1}provideContextMenuItems(e,t,i){return[{title:"align left",icon:`<img src="${P+"icons/alignHorizontalLeft.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeLeft})}},{title:"align center",icon:`<img src="${P+"icons/alignHorizontalCenter.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeCenter})}},{title:"align right",icon:`<img src="${P+"icons/alignHorizontalRight.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeRight})}},{title:"distribute horizontal",icon:`<img src="${P+"icons/horizontalDistribute.svg"}">`,action:()=>{t.executeCommand({type:T.distributeHorizontal})}},{title:"align top",icon:`<img src="${P+"icons/alignVerticalTop.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeTop})}},{title:"align middle",icon:`<img src="${P+"icons/alignVerticalCenter.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeMiddle})}},{title:"align bottom",icon:`<img src="${P+"icons/alignVerticalBottom.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeBottom})}},{title:"distribute vertical",icon:`<img src="${P+"icons/verticalDistribute.svg"}">`,action:()=>{t.executeCommand({type:T.distributeVertical})}}]}}});var Ga,Dd=g(()=>{"use strict";fe();ve();ze();Ie();Ga=class extends ne{name="webcomponent";getRefreshMode(e){return Y.full}isHandledElement(e){let t=e.element.constructor?.observedAttributes;return!!(t&&t.length>0)}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){return(e.element.constructor?.observedAttributes).map(i=>({name:z.dashToCamelCase(i),type:"string",service:this,propertyType:x.propertyAndAttribute}))}}});var ja,Ad=g(()=>{"use strict";le();ja=class extends F{constructor(e,t,i){super(e,t,i)}_path;_rect;_clickRect;_g;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p2.x)&&this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,this.designerCanvas.scaleFactor)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI,o=15/this.designerCanvas.scaleFactor;this._rect=this._drawRect(0,0,o,o,"svg-previous-select",this._rect),this._clickRect=this._drawRect(0,0,o,o,"svg-invisible",this._clickRect),this._g||(this._g=document.createElementNS("http://www.w3.org/2000/svg","g"),this._g.setAttribute("class","svg-previous-select"),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("d","m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"),this._g.appendChild(this._rect),this._g.appendChild(this._path),this._addOverlay(this._g),this._clickRect.onpointerdown=s=>{s.preventDefault(),s.stopPropagation(),this.extendedItem.instanceServiceContainer.selectionService.setSelectedElements([this.extendedItem.parent])},this._clickRect.onpointermove=s=>{s.preventDefault(),s.stopPropagation()},this._g.appendChild(this._clickRect)),this._path.style.scale=(.6/this.designerCanvas.scaleFactor).toString(),this._g.style.translate=i.p2.x-14.5/this.designerCanvas.scaleFactor+"px "+(i.p2.y-15/this.designerCanvas.scaleFactor)+"px",this._g.style.rotate=r+"deg",this._g.style.transformOrigin="100% 100%",this._g.style.transformBox="fill-box"}}dispose(){this._removeAllOverlays()}}});import{css as mx}from"@node-projects/base-custom-webcomponent";var Ya,Td=g(()=>{"use strict";Ad();Ya=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new ja(e,t,i)}static style=mx`rect.svg-previous-select{stroke:none;fill:#3899ec;pointer-events:auto}g.svg-previous-select{fill:#fff;pointer-events:auto}`}});var Ua,Md=g(()=>{"use strict";ee();Ua=class{shouldProvideContextmenu(e,t,i,r){return i!=null&&i.nodeType==A.Element}provideContextMenuItems(e,t,i){return[{title:":hover",action:()=>{i.cssForceHover=!i.cssForceHover},checked:i.cssForceHover},{title:":active",action:()=>{i.cssForceActive=!i.cssForceActive},checked:i.cssForceActive},{title:":visited",action:()=>{i.cssForceVisited=!i.cssForceVisited},checked:i.cssForceVisited},{title:":focus",action:()=>{i.cssForceFocus=!i.cssForceFocus},checked:i.cssForceFocus},{title:":focus-within",action:()=>{i.cssForceFocusWithin=!i.cssForceFocusWithin},checked:i.cssForceFocusWithin},{title:":focus-visible",action:()=>{i.cssForceFocusVisible=!i.cssForceFocusVisible},checked:i.cssForceFocusVisible}]}}});var Xa,Ld=g(()=>{"use strict";Gt();Xa=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");return i.innerHTML="O",i.title="options",i.className="toolbar-control",i.onclick=r=>{this.showCtxMenu(r,t)},i.oncontextmenu=r=>{r.preventDefault(),this.showCtxMenu(r,t)},[i]}prepareContextMenu(e,t){return[{title:"simulate hover on hover",checked:t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover=!t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover}},{title:"select unhitable elements",checked:t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements=!t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements}},{title:"pause animations",checked:t.pauseAnimations,action:()=>{t.pauseAnimations=!t.pauseAnimations}},{title:"hide overflowing content",checked:t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,action:()=>{if(t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent=!t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent)for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow="hidden",r.element.style.whiteSpace="nowrap");else for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow=r.hasStyle("overflow")?r.getStyle("overflow"):"",r.element.style.whiteSpace=r.hasStyle("white-space")?r.getStyle("white-space"):"")}}]}showCtxMenu(e,t){De.show(this.prepareContextMenu(e,t),e)}}});var $a,Od=g(()=>{"use strict";oe();$a=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){if(i){let r=[...i.element.children];if(r.length>0)return[{title:"children",children:[...r.map(o=>({title:"select: "+o.localName+(o.id?" (#"+o.id+")":""),action:()=>this._select(t,o)}))]}]}return[]}_select(e,t){let i=O.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});var Ji,Vd=g(()=>{"use strict";me();It();Ji=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(te.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,o=getComputedStyle(r.element),s="";switch(t.key){case"ArrowLeft":s="margin-left";break;case"ArrowRight":s="margin-right";break;case"ArrowUp":s="margin-top";break;case"ArrowDown":s="margin-bottom";break}s&&(t.type==k.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change margin")),this._changeGroup&&(r.setStyleAsync(s,parseFloat(o[s])+(t.altKey?-1:1)+"px"),t.type==k.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var jr,Nd=g(()=>{"use strict";_t();jr=class{_name;_icon;constructor(e,t){this._name=e,this._icon=t}provideButton(e){let t={};return t[this._name]={icon:this._icon},new we(e,t)}}});var er,Rd=g(()=>{"use strict";me();It();er=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(te.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,o=getComputedStyle(r.element),s="";switch(t.key){case"ArrowLeft":s="padding-left";break;case"ArrowRight":s="padding-right";break;case"ArrowUp":s="padding-top";break;case"ArrowDown":s="padding-bottom";break}s&&(t.type==k.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change padding")),this._changeGroup&&(r.setStyleAsync(s,parseFloat(o[s])+(t.altKey?-1:1)+"px"),t.type==k.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var tr,Ka=g(()=>{"use strict";oe();tr=class{createDesignItem(e,t,i,r){return new O(e,t,i,r)}handleSpecialAttributes(e,t){e==Oi?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Oi)?t.element.style.display="none":t.element.style.display=t.getStyle("display")??""):e==Vi?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Vi)?t.element.style.opacity="0.3":t.element.style.opacity=t.getStyle("opacity")??""):e==li&&(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(li)?t.element.style.pointerEvents="none":requestAnimationFrame(()=>t.element.style.pointerEvents="auto"))}}});import{DomHelper as fx}from"@node-projects/base-custom-webcomponent";var Qa,zd=g(()=>{"use strict";Qa=class{constructor(e){this.title="Delete Items",this.deletedItems=e}title;get affectedItems(){return this.deletedItems}undo(){for(let e=0;e<this.deletedItems.length;e++)this._parentItems[e]._insertChildInternal(this.deletedItems[e],this._parentIndexes[e]);return[{changeType:"added",designItems:this.deletedItems}]}do(){this._parentItems=[],this._parentIndexes=[];for(let e=0;e<this.deletedItems.length;e++)this._parentItems.push(this.deletedItems[e].parent),this._parentIndexes.push(fx.nodeIndex(this.deletedItems[e].element));for(let e=0;e<this.deletedItems.length;e++)this.deletedItems[e].parent._removeChildInternal(this.deletedItems[e]);return[{changeType:"removed",designItems:this.deletedItems}]}deletedItems;_parentItems;_parentIndexes;mergeWith(e){return!1}}});var Za,Fd=g(()=>{"use strict";zd();Za=class{removeItems(e){e[0].instanceServiceContainer.undoService.execute(new Qa(e)),e[0].serviceContainer.referencesChangedService&&e[0].serviceContainer.referencesChangedService.notifyReferencesChanged(e.map(t=>({designItem:t,type:"deleted"})))}}});var qa,Bd=g(()=>{"use strict";qa=class{async provideMiniatureView(e){let t=document.createDocumentFragment();for(let i of e.rootDesignItem.children())t.appendChild(i.element.cloneNode(!0));return t}}});var Si,Ja=g(()=>{"use strict";de();Si=class n{static _canvas;static _context;static _video;static _captureStream;static _disableStream(){n._captureStream.getTracks().forEach(e=>e.stop()),n._canvas=null}static get screenshotsEnabled(){return n._captureStream&&n._captureStream.active}static async enableScreenshots(e=document.body){if(n._captureStream&&!n._captureStream.active&&n._disableStream(),n._canvas==null){n._canvas=document.createElement("canvas"),n._context=n._canvas.getContext("2d"),n._video=document.createElement("video");let t={video:{cursor:"never",displaySurface:"browser"},audio:!1,selfBrowserSurface:"include",preferCurrentTab:!0};n._video.style.display="none",e.appendChild(n._video);try{n._captureStream=await navigator.mediaDevices.getDisplayMedia(t)}catch(r){throw n._canvas=null,r}if(n._captureStream.getVideoTracks()[0].getSettings().displaySurface!="browser")throw n._disableStream(),alert("You need to share the current Tab, for the screenshot API to work"),"You need to share the current Tab, for the screenshot API to work";n._video.srcObject=n._captureStream,n._video.play(),await n._sleep(2e3)}}static async takeScreenshot(e,t=100,i=100,r=document.body){await n.enableScreenshots(r);let o=Z(e);n._canvas.width=t,n._canvas.height=i,n._context.drawImage(n._video,0,0,1,1,0,0,t,i);let s=n._video.videoWidth/window.innerWidth,a=n._video.videoHeight/window.innerHeight;return n._context.drawImage(n._video,o.left*s,o.top*a,o.width*s,o.height*a,0,0,t,i),n._canvas.toDataURL("image/png")}static _sleep(e){let t=null,i=new Promise(r=>t=r);return window.setTimeout(t,e),i}}});var el,Hd=g(()=>{"use strict";Ja();Fe();el=class{async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,o=i.zoomFactor,s=i.canvasOffset,a=r.selectedElements;try{await Si.enableScreenshots(),i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await ur();let l=1/0,c=1/0,h=-1/0,p=-1/0;for(let X of e){let q=i.getNormalizedElementCoordinates(X.element);l=Math.min(l,q.x),c=Math.min(c,q.y),h=Math.max(h,q.x+q.width),p=Math.max(p,q.y+q.height)}let d=t?.margin??0;l-=d,c-=d,h+=d,p+=d;let u=Math.ceil(h-l),m=Math.ceil(p-c),f=i.outercanvas2,y=f.offsetWidth,v=f.offsetHeight,C=1,b=y-2*C,_=v-2*C,S=Math.ceil(u/b),E=Math.ceil(m/_),I=window.devicePixelRatio||1,j=Math.ceil(y*I),H=Math.ceil(v*I),N=Math.ceil(C*I),K=j-2*N,Q=H-2*N,ce=document.createElement("canvas");ce.width=Math.ceil(u*I),ce.height=Math.ceil(m*I);let B=ce.getContext("2d"),ye=1e3;for(let X=0;X<E;X++)for(let q=0;q<S;q++){let We=l+q*b,ke=c+X*_;i.canvasOffset={x:-(We-C),y:-(ke-C)},await Pt(ye),ye=300;let Ze=await Si.takeScreenshot(f,j,H),qe=await this._loadImage(Ze);B.drawImage(qe,N,N,K,Q,q*K,X*Q,K,Q)}let ie=await(await new Promise(X=>ce.toBlob(X,"image/png"))).arrayBuffer();return new Uint8Array(ie)}finally{i.zoomFactor=o,i.canvasOffset=s,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}}});var tl,Wd=g(()=>{"use strict";oe();tl=class{async search(e,t,i){if(t!=""){let r=e.rootDesignItem.querySelectorAll(t),o=[];for(let s=0;s<r.length;s++){let a=O.GetDesignItem(r[s]);a&&o.push({designItem:a})}return o}return null}}});var il,Gd=g(()=>{"use strict";il=class{_item;_shouldProvide;constructor(e,t){this._item=e,this._shouldProvide=t||(()=>!0)}shouldProvideContextmenu(e,t,i,r){return this._shouldProvide(e,t,i,r)}provideContextMenuItems(e,t,i,r){return[{...this._item,action:o=>this._item.action?.(o,t,i,r)}]}}});var ir,rl=g(()=>{"use strict";me();yt();le();ir=class extends F{_outline;_handles=[];_handleCrossHorizontalLines=[];_handleCrossVerticalLines=[];_activeHandleIndex=null;_baseTransform="";_projectiveTransform="";_targetPoints=[];constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!i)return;let r=[i.p1,i.p2,i.p3,i.p4];if(r.some(o=>!Number.isFinite(o.x)||!Number.isFinite(o.y))){this.remove();return}if(this._valuesHaveChanges(this.designerCanvas.zoomFactor,...r.flatMap(o=>[o.x,o.y]))){this._outline=this._drawTransformedRect(i,"svg-primary-projective-outline",this._outline),this._outline.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._outline.style.pointerEvents="none";let o=5/this.designerCanvas.zoomFactor,s=o*.55;for(let a=0;a<r.length;a++){let l=a,c=r[a],h=this._handles[a];h?(h=this._drawCircle(c.x,c.y,o,"svg-primary-projective-handle",h),this._handles[a]=h):(h=this._drawCircle(c.x,c.y,o,"svg-primary-projective-handle"),h.addEventListener(k.PointerDown,u=>this._handlePointerEvent(l,u)),h.addEventListener(k.PointerMove,u=>this._handlePointerEvent(l,u)),h.addEventListener(k.PointerUp,u=>this._handlePointerEvent(l,u)),this._handles[a]=h),h.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),h.style.cursor="move";let p=this._handleCrossHorizontalLines[a];p=this._drawLine(c.x-s,c.y,c.x+s,c.y,"svg-primary-projective-handle-cross",p),p.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),p.style.pointerEvents="none",this._handleCrossHorizontalLines[a]=p;let d=this._handleCrossVerticalLines[a];d=this._drawLine(c.x,c.y-s,c.x,c.y+s,"svg-primary-projective-handle-cross",d),d.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),d.style.pointerEvents="none",this._handleCrossVerticalLines[a]=d}}}dispose(){this._activeHandleIndex=null,this._restorePersistedTransform(),this._removeAllOverlays()}_handlePointerEvent(e,t){t.stopPropagation();let i=t.target;switch(t.type){case k.PointerDown:if(!this._startDrag(e))return;i.setPointerCapture(t.pointerId),this._activeHandleIndex=e;break;case k.PointerMove:if(this._activeHandleIndex===e&&t.buttons>0){let r=this._getLocalPointerPoint(t);if(!r)return;this._targetPoints[e]=r,this._applyPreviewTransform()}break;case k.PointerUp:if(this._activeHandleIndex===e){let r=this._getLocalPointerPoint(t);r&&(this._targetPoints[e]=r,this._applyPreviewTransform()),i.releasePointerCapture(t.pointerId),this._commitTransform(),this._activeHandleIndex=null}break}}_startDrag(e){let{baseTransform:t,projectiveTransform:i}=this._parseTransform(this.extendedItem.getStyleFromSheetOrLocal("transform")??"");this._baseTransform=t,this._projectiveTransform=i;let r=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!r)return!1;let o=this.extendedItem.element;return o.style.transform=this._buildTransform(this._baseTransform,""),this._targetPoints=this._convertQuadToLocalPoints(r),this._targetPoints.length!==4||this._targetPoints.some(s=>!Number.isFinite(s.x)||!Number.isFinite(s.y))?(this._restorePersistedTransform(),!1):(o.style.transform=this._buildTransform(this._baseTransform,this._projectiveTransform),this._targetPoints[e]!=null)}_convertQuadToLocalPoints(e){return[e.p1,e.p2,e.p3,e.p4].map(t=>{let i=this.extendedItem.element.convertPointFromNode({x:t.x,y:t.y},this.designerCanvas.canvas);return{x:i.x,y:i.y}})}_getLocalPointerPoint(e){let t=this.extendedItem.element,i=t.style.transform;t.style.transform=this._buildTransform(this._baseTransform,"");let r=this.designerCanvas.getNormalizedEventCoordinates(e),o=t.convertPointFromNode({x:r.x,y:r.y},this.designerCanvas.canvas);return t.style.transform=i,!Number.isFinite(o.x)||!Number.isFinite(o.y)?null:{x:o.x,y:o.y}}_applyPreviewTransform(){let e=this._buildProjectiveTransform(this._targetPoints);e!=null&&(this._projectiveTransform=e,this.extendedItem.element.style.transform=this._buildTransform(this._baseTransform,this._projectiveTransform))}_commitTransform(){let e=this._buildProjectiveTransform(this._targetPoints);e!=null&&(this._projectiveTransform=e);let t=this._buildTransform(this._baseTransform,this._projectiveTransform);t?this.extendedItem.updateStyleInSheetOrLocal("transform",t):this.extendedItem.hasStyle("transform")?this.extendedItem.removeStyle("transform"):this.extendedItem.updateStyleInSheetOrLocal("transform",null),this._restorePersistedTransform()}_restorePersistedTransform(){let e=this.extendedItem.element;this.extendedItem.hasStyle("transform")?e.style.transform=this.extendedItem.getStyle("transform")??"":e.style.transform=""}_buildProjectiveTransform(e){let t=Ee(this.extendedItem.element);if(!t.width||!t.height||e.length!==4)return"";let i=[{x:0,y:0},{x:t.width,y:0},{x:t.width,y:t.height},{x:0,y:t.height}];if(this._pointsApproximatelyEqual(e,i))return"";let r=this._createProjectiveMatrix(e,t.width,t.height);if(!r)return null;let o=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),s={x:parseFloat(o[0])||0,y:parseFloat(o[1])||0},a=new DOMMatrix().translate(-s.x,-s.y).multiply(r).multiply(new DOMMatrix().translate(s.x,s.y));return this._serializeMatrix3d(a)}_createProjectiveMatrix(e,t,i){let[r,o,s,a]=e,l=o.x-s.x,c=a.x-s.x,h=r.x-o.x+s.x-a.x,p=o.y-s.y,d=a.y-s.y,u=r.y-o.y+s.y-a.y,m,f,y,v,C,b;if(Math.abs(h)<1e-8&&Math.abs(u)<1e-8)m=o.x-r.x,f=a.x-r.x,y=o.y-r.y,v=a.y-r.y,C=0,b=0;else{let E=l*d-c*p;if(Math.abs(E)<1e-8)return null;C=(h*d-c*u)/E,b=(l*u-h*p)/E,m=o.x-r.x+C*o.x,f=a.x-r.x+b*a.x,y=o.y-r.y+C*o.y,v=a.y-r.y+b*a.y}let _=new DOMMatrix([m/t,y/t,0,C/t,f/i,v/i,0,b/i,0,0,1,0,r.x,r.y,0,1]);return[_.m11,_.m12,_.m13,_.m14,_.m21,_.m22,_.m23,_.m24,_.m31,_.m32,_.m33,_.m34,_.m41,_.m42,_.m43,_.m44].some(E=>!Number.isFinite(E))?null:_}_serializeMatrix3d(e){return`matrix3d(${[e.m11,e.m12,e.m13,e.m14,e.m21,e.m22,e.m23,e.m24,e.m31,e.m32,e.m33,e.m34,e.m41,e.m42,e.m43,e.m44].map(i=>this._formatMatrixNumber(i)).join(", ")})`}_formatMatrixNumber(e){if(Math.abs(e)<1e-10)return"0";let t=e.toFixed(8);return t.includes(".")&&(t=t.replace(/0+$/,"").replace(/\.$/,"")),t==="-0"?"0":t}_buildTransform(e,t){let i=[];return e?.trim()&&i.push(e.trim()),t?.trim()&&i.push(t.trim()),i.join(" ").trim()}_parseTransform(e){if(!e||e==="none")return{baseTransform:"",projectiveTransform:""};let t=this._splitTransformFunctions(e);if(!t.length)return{baseTransform:e.trim(),projectiveTransform:""};let i=t[t.length-1],r=i.slice(0,i.indexOf("(")).trim().toLowerCase();return r==="matrix"||r==="matrix3d"?{baseTransform:t.slice(0,-1).join(" ").trim(),projectiveTransform:i.trim()}:{baseTransform:e.trim(),projectiveTransform:""}}_splitTransformFunctions(e){let t=[],i=-1,r=0;for(let o=0;o<e.length;o++){let s=e[o];s==="("?r++:s===")"?(r--,r===0&&i!==-1&&(t.push(e.slice(i,o+1).trim()),i=-1)):r===0&&i===-1&&s.trim()&&(i=o)}return!t.length&&e.trim()&&t.push(e.trim()),t}_pointsApproximatelyEqual(e,t){return e.length!==t.length?!1:e.every((i,r)=>{let o=t[r];return Math.abs(i.x-o.x)<.01&&Math.abs(i.y-o.y)<.01})}}});import{css as gx}from"@node-projects/base-custom-webcomponent";var nl,jd=g(()=>{"use strict";rl();nl=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new ir(e,t,i)}static style=gx`.svg-primary-projective-handle{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto}.svg-primary-projective-handle-cross{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-width:1;stroke-linecap:round;pointer-events:none}.svg-primary-projective-outline{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-width:1;stroke-dasharray:4 2}`}});var ol,Yd=g(()=>{"use strict";ol=class{getEditor(e,t){if(e==="color"||e==="css-color"){let r=document.createElement("node-projects-color-input");return r.addEventListener("change",()=>t.changedCallback(r.value)),{element:r,getValue:()=>r.value,setValue:o=>{r.value=o}}}let i=document.createElement("input");return i.type=e,t.min!==void 0&&(i.min=t.min),t.max!==void 0&&(i.max=t.max),t.step!==void 0&&(i.step=t.step),i.addEventListener("change",r=>t.changedCallback(r.target.value)),{element:i,getValue:()=>i.value,setValue:r=>{i.value=r}}}}});function sl(n,e){return n.replaceAll(/:root\b/g,":host").replaceAll(":focus-within","["+e.forceFocusWithinAttributeName+"]").replaceAll(":focus-visible","["+e.forceFocusVisibleAttributeName+"]").replaceAll(":hover","["+e.forceHoverAttributeName+"]").replaceAll(":active","["+e.forceActiveAttributeName+"]").replaceAll(":visited","["+e.forceVisitedAttributeName+"]").replaceAll(":focus","["+e.forceFocusAttributeName+"]")}var Ud=g(()=>{"use strict"});var al,Xd=g(()=>{"use strict";oe();Ud();al=class{updateRenderedDesignItem(e){let t=this.getStyleDesignItem(e);if(!t)return;let i=this.patchStyleText([...t.children()].map(r=>r.content).join(""));this.updateStyleElementText(t.element,i),this.updateDeclarativeShadowStyle(t,i),t.instanceServiceContainer.designerCanvas.lazyTriggerReparseDocumentStylesheets()}updateRenderedNode(e){let t=e.ownerDocument?.defaultView??window;if(e instanceof t.HTMLStyleElement&&this.updateStyleElementText(e,this.patchStyleText(e.textContent)),e instanceof t.HTMLTemplateElement&&this.updateRenderedNode(e.content),"querySelectorAll"in e)for(let i of e.querySelectorAll("style"))this.updateStyleElementText(i,this.patchStyleText(i.textContent));return e}getStyleDesignItem(e){return e?.name=="style"?e:e?.parent?.name=="style"?e.parent:null}updateDeclarativeShadowStyle(e,t){let i=this.getDeclarativeShadowTemplateDesignItem(e);if(!i)return;let r=i.parent?.element;if(!r?.shadowRoot)return;let s=[...i.node.content.querySelectorAll("style")].indexOf(e.node),a=[...r.shadowRoot.querySelectorAll("style")];s>=0&&s<a.length?this.updateStyleElementText(a[s],t):this.updateRenderedNode(r.shadowRoot)}getDeclarativeShadowTemplateDesignItem(e){let t=e.parent;for(;t;){let i=t.node.ownerDocument.defaultView??window;if(t.node instanceof i.HTMLTemplateElement&&t.getAttribute("shadowrootmode")=="open")return t;t=t.parent}return null}updateStyleElementText(e,t){e.textContent!==t&&(e.textContent=t)}patchStyleText(e){return sl(e,{forceHoverAttributeName:at,forceActiveAttributeName:Yt,forceVisitedAttributeName:Ut,forceFocusAttributeName:Xt,forceFocusWithinAttributeName:$t,forceFocusVisibleAttributeName:Kt})}}});var cf={};pu(cf,{createDefaultServiceContainer:()=>af,default:()=>lf});function af(){let n=new hn,e=new gt;return n.register("containerService",e),n.register("containerService",new us(e)),n.register("containerService",new fs(e)),n.register("propertyService",new Ga),n.register("propertyService",new mn),n.register("propertyService",new fn),n.register("propertyService",new gn),n.register("propertyService",new yn),n.register("propertyService",new Ca),n.register("propertyService",new oo),n.register("propertyService",new Un),n.register("propertyGroupsService",new Zs),n.register("instanceService",new Dn),n.register("propertyEditorTypesService",new Yn),n.register("editorTypeService",new ol),n.register("htmlWriterService",new Ts),n.register("snaplinesProviderService",new gs),n.register("htmlParserService",new Zt),n.register("renderedDesignItemService",new al),n.register("elementAtPointService",new ms),n.register("externalDragDropService",new ys),n.register("dragDropService",new xa),n.register("copyPasteService",new ws),n.register("modelCommandService",new Ss),n.register("demoProviderService",new ba),n.register("eventsService",new Ne),n.register("designItemService",new tr),n.register("deletionService",new Za),n.register("miniatureViewService",new qa),n.register("pngCreatorService",new el),n.register("searchService",new tl),n.register("undoService",t=>new oa(t)),n.register("selectionService",t=>new aa(t,!1)),n.register("designItemDocumentPositionService",t=>new pa(t)),n.sourceMapProviders.push(new Ea),n.designerExtensions.set(D.Permanent,[new hs]),n.designerExtensions.set(D.PrimarySelection,[new Vt(new ma,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(D.Selection,[new Vt(new Oo,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(D.OnlyOneItemSelected,[new Vt(new ao,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new Vt(new Ya,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new Vt(new Co,(t,i)=>i.activeTool instanceof Ji||i.activeTool instanceof er,!0),new Vt(new Fa,(t,i)=>i.activeTool instanceof Ji||i.activeTool instanceof er,!0),new ko,new Ia,new qi(new Ha,new No(!0)),new vo(!0),new Fo]),n.designerExtensions.set(D.MultipleItemsSelected,[new Ho]),n.designerExtensions.set(D.PrimarySelectionRefreshed,[new Na,new Aa,new Ma,new Oa]),n.designerExtensions.set(D.PrimarySelectionAndCanBeEntered,[new vi,new ha,new Br]),n.designerExtensions.set(D.PrimarySelectionContainerAndCanBeEntered,[new vi("lightgray","#8080802b"),new Br]),n.designerExtensions.set(D.MouseOver,[new Do]),n.designerExtensions.set(D.Placement,[new Js]),n.designerExtensions.set(D.ContainerDrag,[new ss]),n.designerExtensions.set(D.ContainerDragOverAndCanBeEntered,[new qi(new vi,new Fr),new ls]),n.designerExtensions.set(D.ContainerExternalDragOverAndCanBeEntered,[new qi(new vi,new Fr)]),n.designerExtensions.set(D.Doubleclick,[new vs]),n.designerExtensions.set(D.ManualApplied,[new nl]),n.designerPointerExtensions.push(),n.designerTools.set(te.Pointer,new Ao),n.designerTools.set(te.DrawSelection,new Tr),n.designerTools.set(te.DrawPath,new Mo({interpolatePoints:!0})),n.designerTools.set(te.DrawRect,new Ps),n.designerTools.set(te.DrawEllipsis,new ks),n.designerTools.set(te.DrawLine,new Is),n.designerTools.set(te.Zoom,new Wo),n.designerTools.set(te.Pan,new Go),n.designerTools.set(te.RectangleSelector,new Tr),n.designerTools.set(te.MagicWandSelector,new ts),n.designerTools.set(te.PickColor,new is),n.designerTools.set(te.Text,new ns),n.designerTools.set(te.DrawElementTool,wa),n.designerTools.set(te.Margin,new Ji),n.designerTools.set(te.Padding,new er),n.designViewConfigButtons.push(new Ot(20),new Es,new ia,new Ot(10),new ra,new Ot(10),new wn,new Ot(10),new Ra,new Ot(30),new Sa,new Ot(30),new Xa),n.designViewToolbarButtons.push(new Fs,new Gs,new jr("Margin",P+"images/tools/Margin.svg"),new jr("Padding",P+"images/tools/Padding.svg"),new Bs,new Hs,new Ws,new da),n.designerContextMenuExtensions=[new wi("edit",new jo,new Te,new Yo),new Te,new qo,new Te,new wi("modify",new Rs,new Te,new Jo,new Te,new Wa,new Te,new il({title:"3D transform",action:(t,i,r)=>{i.extensionManager.removeExtensions([r],!1,D.PrimarySelection),i.extensionManager.removeExtensions([r],!1,D.OnlyOneItemSelected),i.extensionManager.applyExtensionInstance(r,new ir(i.extensionManager,i,r),D.OnlyOneItemSelected)}})),new Te,new wi("view",new la,new Ns),new Te,new wi("force",new Ua),new Te,new es,new Ls,new Ms,new Te,new zs,new Te,new ds,new $a],n}var lf,ll=g(()=>{"use strict";$l();Ql();Zl();ql();Jl();cc();kc();Ic();Hi();br();Fc();ot();Gc();th();sh();lh();hh();It();dh();uh();fh();yh();_h();bh();wh();Sh();Ch();Ph();Oh();Vh();Rh();zh();Fh();Bh();Gh();Yh();Xh();ps();Qh();Zh();qh();Jh();ep();tp();ip();np();sp();ap();cp();hp();pp();dp();mp();fp();gp();Os();yp();vp();_p();bp();wp();Cp();Ep();kp();Dp();Np();zp();ta();Hp();Wp();jp();Yp();Cn();Up();$p();Or();Kp();Qp();Zp();Jp();nd();Gr();od();sd();ad();ld();dd();Pa();ud();fd();yd();_d();xd();wd();Sd();Ed();kd();Id();Dd();Td();Md();Ld();Od();Vd();Nd();he();Rd();Ka();Fd();Bd();Hd();Wd();Gd();rl();jd();Yd();Xd();lf=af});import{BaseCustomWebComponentLazyAppend as og,css as sg,TypedEvent as ag,DomHelper as uu}from"@node-projects/base-custom-webcomponent";var Ct=class extends og{_selectedIndex=-1;_panels;_headerDiv;_moreDiv;_moreContainer;_elementMap=new WeakMap;_firstConnect=!0;static style=sg`:host{height:100%}.outer{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.header{display:inline-flex;user-select:none;-webkit-user-select:none;flex-direction:row;cursor:pointer;height:30px;width:calc(100% - 30px);background-color:var(--wcd-tab-header-background,var(--dark-grey,var(--wcd-color-surface,#232733)));overflow-x:auto;scrollbar-width:none}.header-more{right:0;top:0;width:30px;position:absolute;color:var(--wcd-color-text,#fff);display:flex;justify-content:center;align-items:center;font-family:math}.header-more:hover{background:var(--wcd-tab-header-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}.more-container{z-index:1;user-select:none;-webkit-user-select:none;background-color:var(--wcd-tab-header-background,var(--dark-grey,var(--wcd-color-surface,#232733)));right:0;top:30px;position:absolute;color:var(--wcd-color-text,#fff);display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}.more-container .tab-header{width:100%}.header::-webkit-scrollbar{display:none}.tab-header{height:30px;font-family:var(--wcd-tab-font-family,Arial);display:flex;justify-content:center;align-items:center;text-transform:var(--wcd-tab-text-transform,uppercase);box-sizing:content-box;padding-left:var(--wcd-tab-padding-inline,5px);padding-right:var(--wcd-tab-padding-inline,5px);color:var(--wcd-color-text,#fff);font-size:var(--wcd-tab-font-size,12px);font-weight:500;line-height:1.5;letter-spacing:var(--wcd-tab-letter-spacing,1px);white-space:nowrap}.tab-header:hover{background:var(--wcd-tab-header-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}.selected{background:var(--wcd-tab-selected-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));box-shadow:inset 0 3px 0 var(--wcd-tab-selected-indicator-color,var(--highlight-pink,var(--wcd-color-accent,#e91e63)))}.panels{z-index:0;background:var(--wcd-tab-panel-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));height:calc(100% - 30px)}`;constructor(){super();let e=document.createElement("div");e.className="outer",this.shadowRoot.appendChild(e),this._headerDiv=document.createElement("div"),this._headerDiv.className="header",e.appendChild(this._headerDiv),this._moreDiv=document.createElement("div"),this._moreDiv.className="header header-more",this._moreDiv.innerText="<<",e.appendChild(this._moreDiv),this._moreContainer=document.createElement("div"),this._moreContainer.className="more-container",this._moreContainer.style.visibility="hidden",e.appendChild(this._moreContainer),this._moreDiv.onclick=()=>{this._moreContainer.children.length&&this._moreContainer.style.visibility=="hidden"?this._moreContainer.style.visibility="":this._moreContainer.style.visibility="hidden"},this._panels=document.createElement("div"),this._panels.className="panels",e.appendChild(this._panels);let t=document.createElement("slot");t.name="panels",this._panels.appendChild(t),new ResizeObserver(r=>{this._showHideHeaderItems()}).observe(this._headerDiv)}_showHideHeaderItems(){this._moreContainer.style.visibility="hidden";let e=0;uu.removeAllChildnodes(this._moreContainer),uu.removeAllChildnodes(this._headerDiv);let t=!0;for(let i of this.children)if(i.style.display!="none"){let r=i;!this._elementMap.has(r)&&t&&(this.refreshItems(),t=!1);let o=this._elementMap.get(r);this._moreContainer.appendChild(o),(this._headerDiv.children.length==0||e+o.clientWidth/2<this._headerDiv.clientWidth)&&(this._headerDiv.appendChild(o),e+=o.clientWidth)}}connectedCallback(){if(this._firstConnect){this.refreshItems(),this._firstConnect=!1;let e=this.getAttribute("selected-index");e&&(this.selectedIndex=parseInt(e))}}get selectedIndex(){return this._firstConnect?-1:this._selectedIndex}set selectedIndex(e){let t=this._selectedIndex;this._selectedIndex=e,this.children.length&&t!=this._selectedIndex&&this._selectedIndexChanged(t)}refreshItems(){this._headerDiv.innerHTML="";let e=0;for(let t of this.children)if(t.style.display!="none"){let i=t,r=document.createElement("div");r.innerText=i.dataset.title||i.title,r.title=i.dataset.title||i.title,r.className="tab-header";let o=e;r.onpointerdown=()=>{let s=this._selectedIndex;this._selectedIndex=o,this._headerDiv.children.length&&this._selectedIndexChanged(s,!0),this._moreContainer.style.visibility="hidden"},this._elementMap.set(i,r),this._headerDiv.appendChild(r),e++}this._showHideHeaderItems(),this._selectedIndexChanged()}_selectedIndexChanged(e,t=!1){let i=-1;for(let r of this.children)if(r.style.display!="none")if(i++,i==this._selectedIndex){r.slot!="panels"&&(r.slot="panels");let o=this._elementMap.get(r);o&&(o.classList.add("selected"),r.activated&&r.activated())}else{r.removeAttribute("slot");let o=this._elementMap.get(r);o&&o.classList.remove("selected")}this.onSelectedTabChanged.emit({newIndex:this._selectedIndex,oldIndex:e,changedViaClick:t}),this._moreContainer.style.visibility="hidden"}onSelectedTabChanged=new ag};customElements.define("node-projects-designer-tab-control",Ct);import{BaseCustomWebComponentConstructorAppend as _u,css as xu,html as bu,TypedEvent as mu}from"@node-projects/base-custom-webcomponent";var en=class n{red=0;green=0;blue=0;hue=0;sat=0;lightness=0;whiteness=0;blackness=0;cyan=0;magenta=0;yellow=0;black=0;ncol="R";opacity=1;valid=!1;toRgbString(){return"rgb("+this.red+", "+this.green+", "+this.blue+")"}toRgbaString(){return"rgba("+this.red+", "+this.green+", "+this.blue+", "+this.opacity+")"}toHwbString(){return"hwb("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%)"}toHwbStringDecimal(){return"hwb("+this.hue+", "+this.whiteness+", "+this.blackness+")"}toHwbaString(){return"hwba("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity+")"}toHslString(){return"hsl("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%)"}toHslStringDecimal(){return"hsl("+this.hue+", "+this.sat+", "+this.lightness+")"}toHslaString(){return"hsla("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%, "+this.opacity+")"}toCmykString(){return"cmyk("+Math.round(this.cyan*100)+"%, "+Math.round(this.magenta*100)+"%, "+Math.round(this.yellow*100)+"%, "+Math.round(this.black*100)+"%)"}toCmykStringDecimal(){return"cmyk("+this.cyan+", "+this.magenta+", "+this.yellow+", "+this.black+")"}toNcolString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%"}toNcolStringDecimal(){return this.ncol+", "+this.whiteness+", "+this.blackness}toNcolaString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity}toName(){let e,t,i,r=n.getColorArr("hexs");for(let o=0;o<r.length;o++)if(e=parseInt(r[o].substr(0,2),16),t=parseInt(r[o].substr(2,2),16),i=parseInt(r[o].substr(4,2),16),this.red==e&&this.green==t&&this.blue==i)return n.getColorArr("names")[o];return null}toHexString(){let e=n.toHex(this.red),t=n.toHex(this.green),i=n.toHex(this.blue);return"#"+e+t+i}toNameOrHexString(){let e=this.toName();return e||(e=this.toHexString()),e}toRgb(){return{r:this.red,g:this.green,b:this.blue,a:this.opacity}}toHsl(){return{h:this.hue,s:this.sat,l:this.lightness,a:this.opacity}}toHwb(){return{h:this.hue,w:this.whiteness,b:this.blackness,a:this.opacity}}toCmyk(){return{c:this.cyan,m:this.magenta,y:this.yellow,k:this.black,a:this.opacity}}toNcol(){return{ncol:this.ncol,w:this.whiteness,b:this.blackness,a:this.opacity}}isDark(e){let t=e||128;return(this.red*299+this.green*587+this.blue*114)/1e3<t}saturate(e){let t,i,r;t=e/100||.1,this.sat+=t,this.sat>1&&(this.sat=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}desaturate(e){let t,i,r;t=e/100||.1,this.sat-=t,this.sat<0&&(this.sat=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}lighter(e){let t,i,r;t=e/100||.1,this.lightness+=t,this.lightness>1&&(this.lightness=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}darker(e){let t,i,r;t=e/100||.1,this.lightness-=t,this.lightness<0&&(this.lightness=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}attachValues(e){this.red=e.red,this.green=e.green,this.blue=e.blue,this.hue=e.hue,this.sat=e.sat,this.lightness=e.lightness,this.whiteness=e.whiteness,this.blackness=e.blackness,this.cyan=e.cyan,this.magenta=e.magenta,this.yellow=e.yellow,this.black=e.black,this.ncol=e.ncol,this.opacity=e.opacity,this.valid=e.valid}static toColorObject(e){let t,i,r,o=[],s,a,l,c,h,p,d,u,m=[],f=[];if(e=n.w3trim(e.toLowerCase()),t=e.substr(0,1).toUpperCase(),i=e.substr(1),h=1,(t=="R"||t=="Y"||t=="G"||t=="C"||t=="B"||t=="M"||t=="W")&&!isNaN(i)&&(e.length==6&&e.indexOf(",")==-1||(e="ncol("+e+")")),e.length!=3&&e.length!=6&&!isNaN(e)&&(e="ncol("+e+")"),e.indexOf(",")>0&&e.indexOf("(")==-1&&(e="ncol("+e+")"),e.substr(0,3)=="rgb"||e.substr(0,3)=="hsl"||e.substr(0,3)=="hwb"||e.substr(0,4)=="ncol"||e.substr(0,4)=="cmyk"){if(e.substr(0,4)=="ncol"?(e.split(",").length==4&&e.indexOf("ncola")==-1&&(e=e.replace("ncol","ncola")),r="ncol",e=e.substr(4)):e.substr(0,4)=="cmyk"?(r="cmyk",e=e.substr(4)):(r=e.substr(0,3),e=e.substr(3)),s=3,l=!1,e.substr(0,1).toLowerCase()=="a"?(s=4,l=!0,e=e.substr(1)):r=="cmyk"&&(s=4,e.split(",").length==5&&(s=5,l=!0)),e=e.replace("(",""),e=e.replace(")",""),o=e.split(","),r=="rgb"){if(o.length!=s)return new n;for(a=0;a<s;a++){if((o[a]==""||o[a]==" ")&&(o[a]="0"),o[a].indexOf("%")>-1&&(o[a]=o[a].replace("%",""),o[a]=Number(o[a]/100),a<3&&(o[a]=Math.round(o[a]*255))),isNaN(o[a]))return new n;parseInt(o[a])>255&&(o[a]=255),a<3&&(o[a]=parseInt(o[a])),a==3&&Number(o[a])>1&&(o[a]=1)}u={r:o[0],g:o[1],b:o[2]},l==!0&&(h=Number(o[3]))}if(r=="hsl"||r=="hwb"||r=="ncol"){for(;o.length<s;)o.push("0");for((r=="hsl"||r=="hwb")&&parseInt(o[0])>=360&&(o[0]=0),a=1;a<s;a++){if(o[a].indexOf("%")>-1){if(o[a]=o[a].replace("%",""),o[a]=Number(o[a]),isNaN(o[a]))return new n;o[a]=o[a]/100}else o[a]=Number(o[a]);Number(o[a])>1&&(o[a]=1),Number(o[a])<0&&(o[a]=0)}r=="hsl"&&(u=n.hslToRgb(o[0],o[1],o[2]),p=Number(o[0]),d=Number(o[1])),r=="hwb"&&(u=n.hwbToRgb(o[0],o[1],o[2])),r=="ncol"&&(u=n.ncolToRgb(o[0],o[1],o[2])),l==!0&&(h=Number(o[3]))}if(r=="cmyk"){for(;o.length<s;)o.push("0");for(a=0;a<s;a++){if(o[a].indexOf("%")>-1){if(o[a]=o[a].replace("%",""),o[a]=Number(o[a]),isNaN(o[a]))return new n;o[a]=o[a]/100}else o[a]=Number(o[a]);Number(o[a])>1&&(o[a]=1),Number(o[a])<0&&(o[a]=0)}u=n.cmykToRgb(o[0],o[1],o[2],o[3]),l==!0&&(h=Number(o[4]))}}else if(e.substr(0,3)=="ncs")u=n.ncsToRgb(e);else{for(c=!1,m=n.getColorArr("names"),a=0;a<m.length;a++)if(e.toLowerCase()==m[a].toLowerCase()){f=n.getColorArr("hexs"),c=!0,u={r:parseInt(f[a].substr(0,2),16),g:parseInt(f[a].substr(2,2),16),b:parseInt(f[a].substr(4,2),16)};break}if(c==!1){for(e=e.replace("#",""),e.length==3&&(e=e.substr(0,1)+e.substr(0,1)+e.substr(1,1)+e.substr(1,1)+e.substr(2,1)+e.substr(2,1)),a=0;a<e.length;a++)if(!n.isHex(e.substr(a,1)))return new n;for(o[0]=parseInt(e.substr(0,2),16),o[1]=parseInt(e.substr(2,2),16),o[2]=parseInt(e.substr(4,2),16),a=0;a<3;a++)if(isNaN(o[a]))return new n;u={r:o[0],g:o[1],b:o[2]}}}return n.colorObject(u,h,p,d)}static colorObject(e,t,i,r){let o,s,a,l,c,h,p;return e?(t===null&&(t=1),o=n.rgbToHsl(e.r,e.g,e.b),s=n.rgbToHwb(e.r,e.g,e.b),a=n.rgbToCmyk(e.r,e.g,e.b),h=i||o.h,p=r||o.s,l=n.hueToNcol(h),c={red:e.r,green:e.g,blue:e.b,hue:h,sat:p,lightness:o.l,whiteness:s.w,blackness:s.b,cyan:a.c,magenta:a.m,yellow:a.y,black:a.k,ncol:l,opacity:t,valid:!0},c=n.roundDecimals(c),Object.assign(new n,c)):new n}static getColorArr(e){return e=="names"?["AliceBlue","AntiqueWhite","Aqua","Aquamarine","Azure","Beige","Bisque","Black","BlanchedAlmond","Blue","BlueViolet","Brown","BurlyWood","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkKhaki","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","FloralWhite","ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold","GoldenRod","Gray","Grey","Green","GreenYellow","HoneyDew","HotPink","IndianRed","Indigo","Ivory","Khaki","Lavender","LavenderBlush","LawnGreen","LemonChiffon","LightBlue","LightCoral","LightCyan","LightGoldenRodYellow","LightGray","LightGrey","LightGreen","LightPink","LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray","LightSlateGrey","LightSteelBlue","LightYellow","Lime","LimeGreen","Linen","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen","MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream","MistyRose","Moccasin","NavajoWhite","Navy","OldLace","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenRod","PaleGreen","PaleTurquoise","PaleVioletRed","PapayaWhip","PeachPuff","Peru","Pink","Plum","PowderBlue","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","SeaShell","Sienna","Silver","SkyBlue","SlateBlue","SlateGray","SlateGrey","Snow","SpringGreen","SteelBlue","Tan","Teal","Thistle","Tomato","Turquoise","Violet","Wheat","White","WhiteSmoke","Yellow","YellowGreen"]:e=="hexs"?["f0f8ff","faebd7","00ffff","7fffd4","f0ffff","f5f5dc","ffe4c4","000000","ffebcd","0000ff","8a2be2","a52a2a","deb887","5f9ea0","7fff00","d2691e","ff7f50","6495ed","fff8dc","dc143c","00ffff","00008b","008b8b","b8860b","a9a9a9","a9a9a9","006400","bdb76b","8b008b","556b2f","ff8c00","9932cc","8b0000","e9967a","8fbc8f","483d8b","2f4f4f","2f4f4f","00ced1","9400d3","ff1493","00bfff","696969","696969","1e90ff","b22222","fffaf0","228b22","ff00ff","dcdcdc","f8f8ff","ffd700","daa520","808080","808080","008000","adff2f","f0fff0","ff69b4","cd5c5c","4b0082","fffff0","f0e68c","e6e6fa","fff0f5","7cfc00","fffacd","add8e6","f08080","e0ffff","fafad2","d3d3d3","d3d3d3","90ee90","ffb6c1","ffa07a","20b2aa","87cefa","778899","778899","b0c4de","ffffe0","00ff00","32cd32","faf0e6","ff00ff","800000","66cdaa","0000cd","ba55d3","9370db","3cb371","7b68ee","00fa9a","48d1cc","c71585","191970","f5fffa","ffe4e1","ffe4b5","ffdead","000080","fdf5e6","808000","6b8e23","ffa500","ff4500","da70d6","eee8aa","98fb98","afeeee","db7093","ffefd5","ffdab9","cd853f","ffc0cb","dda0dd","b0e0e6","800080","663399","ff0000","bc8f8f","4169e1","8b4513","fa8072","f4a460","2e8b57","fff5ee","a0522d","c0c0c0","87ceeb","6a5acd","708090","708090","fffafa","00ff7f","4682b4","d2b48c","008080","d8bfd8","ff6347","40e0d0","ee82ee","f5deb3","ffffff","f5f5f5","ffff00","9acd32"]:null}static roundDecimals(e){return e.red=Number(e.red.toFixed(0)),e.green=Number(e.green.toFixed(0)),e.blue=Number(e.blue.toFixed(0)),e.hue=Number(e.hue.toFixed(0)),e.sat=Number(e.sat.toFixed(2)),e.lightness=Number(e.lightness.toFixed(2)),e.whiteness=Number(e.whiteness.toFixed(2)),e.blackness=Number(e.blackness.toFixed(2)),e.cyan=Number(e.cyan.toFixed(2)),e.magenta=Number(e.magenta.toFixed(2)),e.yellow=Number(e.yellow.toFixed(2)),e.black=Number(e.black.toFixed(2)),e.ncol=e.ncol.substr(0,1)+Math.round(Number(e.ncol.substr(1))),e.opacity=Number(e.opacity.toFixed(2)),e}static hslToRgb(e,t,i){let r,o,s,a,l;return e=e/60,i<=.5?o=i*(t+1):o=i+t-i*t,r=i*2-o,s=n.hueToRgb(r,o,e+2)*255,a=n.hueToRgb(r,o,e)*255,l=n.hueToRgb(r,o,e-2)*255,{r:s,g:a,b:l}}static hueToRgb(e,t,i){return i<0&&(i+=6),i>=6&&(i-=6),i<1?(t-e)*i+e:i<3?t:i<4?(t-e)*(4-i)+e:e}static hwbToRgb(e,t,i){let r,o,s=[],a;for(o=n.hslToRgb(e,1,.5),s[0]=o.r/255,s[1]=o.g/255,s[2]=o.b/255,a=t+i,a>1&&(t=Number((t/a).toFixed(2)),i=Number((i/a).toFixed(2))),r=0;r<3;r++)s[r]*=1-t-i,s[r]+=t,s[r]=Number(s[r]*255);return{r:s[0],g:s[1],b:s[2]}}static cmykToRgb(e,t,i,r){let o,s,a;return o=255-Math.min(1,e*(1-r)+r)*255,s=255-Math.min(1,t*(1-r)+r)*255,a=255-Math.min(1,i*(1-r)+r)*255,{r:o,g:s,b:a}}static ncolToRgb(e,t,i){let r,o,s;if(s=e,isNaN(e.substr(0,1))){if(r=e.substr(0,1).toUpperCase(),o=e.substr(1),o==""&&(o=0),o=Number(o),isNaN(o))return!1;r=="R"&&(s=0+o*.6),r=="Y"&&(s=60+o*.6),r=="G"&&(s=120+o*.6),r=="C"&&(s=180+o*.6),r=="B"&&(s=240+o*.6),r=="M"&&(s=300+o*.6),r=="W"&&(s=0,t=1-o/100,i=o/100)}return n.hwbToRgb(s,t,i)}static hueToNcol(e){for(;e>=360;)e=e-360;return e<60?"R"+e/.6:e<120?"Y"+(e-60)/.6:e<180?"G"+(e-120)/.6:e<240?"C"+(e-180)/.6:e<300?"B"+(e-240)/.6:e<360?"M"+(e-300)/.6:null}static ncsToRgb(e){let t,i,r,o,s,a,l,c,h,p,d,u,m,f,y,v,C,b,_;return e=n.w3trim(e).toUpperCase(),e=e.replace("(",""),e=e.replace(")",""),e=e.replace("NCS","NCS "),e=e.replace(/  /g," "),e.indexOf("NCS")==-1&&(e="NCS "+e),e=e.match(/^(?:NCS|NCS\sS)\s(\d{2})(\d{2})-(N|[A-Z])(\d{2})?([A-Z])?$/),e===null||(t=parseInt(e[1],10),i=parseInt(e[2],10),r=e[3],r!="N"&&r!="Y"&&r!="R"&&r!="B"&&r!="G")?null:(o=parseInt(e[4],10)||0,r!=="N"?(s=1.05*t-5.25,a=i,r==="Y"&&o<=60?h=1:r==="Y"&&o>60||r==="R"&&o<=80?(r==="Y"?l=o-60:l=o+40,h=(Math.sqrt(14884-Math.pow(l,2))-22)/100):r==="R"&&o>80||r==="B"?h=0:r==="G"&&(l=o-170,h=(Math.sqrt(33800-Math.pow(l,2))-70)/100),r==="Y"&&o<=80?c=0:r==="Y"&&o>80||r==="R"&&o<=60?(r==="Y"?l=o-80+20.5:l=o+20+20.5,c=(104-Math.sqrt(11236-Math.pow(l,2)))/100):r==="R"&&o>60||r==="B"&&o<=80?(r==="R"?l=o-60-60:l=o+40-60,c=(Math.sqrt(1e4-Math.pow(l,2))-10)/100):r==="B"&&o>80||r==="G"&&o<=40?(r==="B"?l=o-80-131:l=o+20-131,c=(122-Math.sqrt(19881-Math.pow(l,2)))/100):r==="G"&&o>40&&(c=0),r==="Y"?d=(85-17/20*o)/100:r==="R"&&o<=60?d=0:r==="R"&&o>60?(l=o-60+35,d=(67.5-Math.sqrt(5776-Math.pow(l,2)))/100):r==="B"&&o<=60?(l=1*o-68.5,d=(6.5+Math.sqrt(7044.5-Math.pow(l,2)))/100):r==="B"&&o>60||r==="G"&&o<=60?d=.9:r==="G"&&o>60&&(l=o-60,d=(90-1/8*l)/100),l=(h+d+c)/3,p=(l-h)*(100-a)/100+h,u=(l-d)*(100-a)/100+d,m=(l-c)*(100-a)/100+c,p>u&&p>m?f=p:u>p&&u>m?f=u:m>p&&m>u?f=m:f=(p+u+m)/3,y=1/f,C=parseInt(p*y*(100-s)/100*255,10),b=parseInt(u*y*(100-s)/100*255,10),_=parseInt(m*y*(100-s)/100*255,10),C>255&&(C=255),b>255&&(b=255),_>255&&(_=255),C<0&&(C=0),b<0&&(b=0),_<0&&(_=0)):(v=parseInt((1-t/100)*255,10),v>255&&(v=255),v<0&&(v=0),C=v,b=v,_=v),{r:C,g:b,b:_})}static rgbToHsl(e,t,i){let r,o,s,a,l,c,h,p=[];for(p[0]=e/255,p[1]=t/255,p[2]=i/255,r=p[0],o=p[0],c=0,s=0;s<p.length-1;s++)p[s+1]<=r&&(r=p[s+1]),p[s+1]>=o&&(o=p[s+1],c=s+1);return c==0&&(h=(p[1]-p[2])/(o-r)),c==1&&(h=2+(p[2]-p[0])/(o-r)),c==2&&(h=4+(p[0]-p[1])/(o-r)),isNaN(h)&&(h=0),h=h*60,h<0&&(h=h+360),a=(r+o)/2,r==o?l=0:a<.5?l=(o-r)/(o+r):l=(o-r)/(2-o-r),l=l,{h,s:l,l:a}}static rgbToHwb(e,t,i){let r,o,s;e=e/255,t=t/255,i=i/255;let a=Math.max(e,t,i),l=Math.min(e,t,i),c=a-l;return c==0?r=0:e==a?r=(t-i)/c%6*360:t==a?r=((i-e)/c+2)%6*360:r=((e-t)/c+4)%6*360,o=l,s=1-a,{h:r,w:o,b:s}}static rgbToCmyk(e,t,i){let r,o,s,a;return e=e/255,t=t/255,i=i/255,a=1-Math.max(e,t,i),a==1?(r=0,o=0,s=0):(r=(1-e-a)/(1-a),o=(1-t-a)/(1-a),s=(1-i-a)/(1-a)),{c:r,m:o,y:s,k:a}}static toHex(e){let t=e.toString(16);for(;t.length<2;)t="0"+t;return t}static w3trim(e){return e.replace(/^\s+|\s+$/g,"")}static isHex(e){return"0123456789ABCDEFabcdef".indexOf(e)>-1}};var fu=["rgb","hsl","cmyk","oklab","oklch"],rn=1e-6,Ll=class extends _u{static style=xu`:host{display:block;box-sizing:border-box;width:280px;color:var(--wcd-property-grid-text-color,var(--property-grid-text-color,var(--wcd-color-text,#e8edf2)));font:12px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#editor{display:grid;gap:10px;box-sizing:border-box;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--wcd-color-editor-background,var(--color-editor-background,var(--wcd-color-surface,#20252b)));box-shadow:0 14px 38px rgba(0,0,0,.36)}#plane{position:relative;height:150px;border-radius:6px;overflow:hidden;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue,0) 100% 50%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);touch-action:none}#plane-handle{position:absolute;width:12px;height:12px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;transform:translate(-6px,-6px);box-shadow:0 0 0 1px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.55);pointer-events:none}.slider-row{display:grid;grid-template-columns:18px minmax(0,1fr) 42px;gap:8px;align-items:center}.slider-row span{color:var(--wcd-color-text-muted,rgba(232,237,242,.68));font-size:11px;text-transform:uppercase}input[type=range]{--slider-background:#79b8ff;-webkit-appearance:none;appearance:none;width:100%;height:16px;margin:0;background:0 0;outline:0}#hue{--slider-background:linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)}#alpha{--slider-background:linear-gradient(to right, rgba(var(--rgb-color, 0, 0, 0), 0), var(--opaque-color, #000)),linear-gradient(45deg, rgba(255, 255, 255, .24) 25%, transparent 25% 75%, rgba(255, 255, 255, .24) 75%),linear-gradient(45deg, rgba(255, 255, 255, .24) 25%, transparent 25% 75%, rgba(255, 255, 255, .24) 75%),#2a3037;--slider-background-position:0 0,0 0,5px 5px,0 0;--slider-background-size:auto,10px 10px,10px 10px,auto}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:var(--slider-background);background-position:var(--slider-background-position,0 0);background-size:var(--slider-background-size,auto);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:var(--slider-background);background-position:var(--slider-background-position,0 0);background-size:var(--slider-background-size,auto);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-3.5px;border:2px solid #fff;border-radius:50%;background:hsl(var(--hue,0) 100% 50%);box-shadow:0 0 0 1px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.45)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:hsl(var(--hue,0) 100% 50%);box-shadow:0 0 0 1px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.45)}#alpha::-webkit-slider-thumb{background:var(--color,#000)}#alpha::-moz-range-thumb{background:var(--color,#000)}.swatch{width:42px;height:22px;border-radius:5px;background:linear-gradient(var(--color,#000),var(--color,#000)),linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25% 75%,rgba(255,255,255,.22) 75%),linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25% 75%,rgba(255,255,255,.22) 75%);background-position:0 0,0 0,5px 5px;background-size:auto,10px 10px,10px 10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}#mode{height:26px;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:var(--wcd-color-surface,#161a1f);color:inherit;font:inherit;outline:0}#channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}label{display:grid;gap:3px;min-width:0;color:var(--wcd-color-text-muted,rgba(232,237,242,.68));font-size:10px;text-transform:uppercase}#text,input[type=number]{box-sizing:border-box;width:100%;min-width:0;height:26px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:var(--wcd-color-surface,#161a1f);color:inherit;font:inherit;outline:0}input[type=number]{padding:0 4px}#text{padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:none}#text.invalid{border-color:var(--wcd-color-error,#e66b6b);box-shadow:0 0 0 1px var(--wcd-color-error-glow,rgba(230,107,107,.35))}input:focus,select:focus{border-color:var(--wcd-color-focus,#79b8ff);box-shadow:0 0 0 1px rgba(121,184,255,.28)}:host([disabled]) #plane,:host([disabled]) input,:host([disabled]) select,:host([readonly]) #plane,:host([readonly]) input,:host([readonly]) select{opacity:.65;pointer-events:none}`;static template=bu`<div id="editor"><div id="plane"><div id="plane-handle"></div></div><div class="slider-row"><span>Hue</span> <input id="hue" type="range" min="0" max="360" step="1"><div id="preview" class="swatch"></div></div><div class="slider-row"><span>Alpha</span> <input id="alpha" type="range" min="0" max="100" step="1"> <span id="alpha-label"></span></div><select id="mode" aria-label="Color mode"><option value="rgb">RGB</option><option value="hsl">HSL</option><option value="cmyk">CMYK</option><option value="oklab">OKLab</option><option value="oklch">OKLCH</option></select><div id="channels"></div><input id="text" type="text" spellcheck="false" aria-label="Color text"></div>`;valueChanged=new mu;valuePreviewChanged=new mu;_value="#000000";_color={r:0,g:0,b:0,a:1};_mode="rgb";_hue=0;_plane;_planeHandle;_hueInput;_alphaInput;_alphaLabel;_modeSelect;_channels;_textInput;_dragPointerId=null;get value(){return this._value}set value(e){let t=tn(e);if(t){this._color=t,this._mode=gu(e)??this._mode,this._syncHueFromColor(),this._value=this._formatColor(),this._render();return}this._value=e??"",this._render()}get mode(){return this._mode}set mode(e){fu.includes(e)&&(this._mode=e,this._value=this._formatColor(),this._render())}get readOnly(){return this.hasAttribute("readonly")}set readOnly(e){this.toggleAttribute("readonly",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}constructor(){super(),this._plane=this._getDomElement("plane"),this._planeHandle=this._getDomElement("plane-handle"),this._hueInput=this._getDomElement("hue"),this._alphaInput=this._getDomElement("alpha"),this._alphaLabel=this._getDomElement("alpha-label"),this._modeSelect=this._getDomElement("mode"),this._channels=this._getDomElement("channels"),this._textInput=this._getDomElement("text")}ready(){this._wireEvents();let e=this.getAttribute("value");e!=null&&(this.value=e);let t=this.getAttribute("mode");fu.includes(t)&&(this._mode=t,this._value=this._formatColor()),this._render()}_wireEvents(){this._plane.addEventListener("pointerdown",e=>this._startPlaneDrag(e)),this._hueInput.addEventListener("input",()=>this._applyHue(!0)),this._hueInput.addEventListener("change",()=>this._commitCurrentValue()),this._alphaInput.addEventListener("input",()=>this._applyAlpha(!0)),this._alphaInput.addEventListener("change",()=>this._commitCurrentValue()),this._modeSelect.addEventListener("change",()=>{this.mode=this._modeSelect.value,this._commitCurrentValue()}),this._channels.addEventListener("input",()=>this._applyChannelInputs(!0)),this._channels.addEventListener("change",()=>this._commitCurrentValue()),this._textInput.addEventListener("input",()=>this._validateTextInput()),this._textInput.addEventListener("change",()=>this._applyText()),this._textInput.addEventListener("keydown",e=>{e.key==="Enter"&&(this._applyText(),this._textInput.blur())})}_startPlaneDrag(e){this.readOnly||this.disabled||(this._dragPointerId=e.pointerId,this._plane.setPointerCapture(e.pointerId),this._applyPlanePointer(e,!0),this._plane.addEventListener("pointermove",this._planePointerMove),this._plane.addEventListener("pointerup",this._finishPlaneDrag),this._plane.addEventListener("pointercancel",this._finishPlaneDrag),e.preventDefault())}_planePointerMove=e=>{e.pointerId===this._dragPointerId&&this._applyPlanePointer(e,!0)};_finishPlaneDrag=e=>{e.pointerId===this._dragPointerId&&(this._dragPointerId=null,this._plane.removeEventListener("pointermove",this._planePointerMove),this._plane.removeEventListener("pointerup",this._finishPlaneDrag),this._plane.removeEventListener("pointercancel",this._finishPlaneDrag),this._commitCurrentValue())};_applyPlanePointer(e,t){let i=this._plane.getBoundingClientRect(),r=zt((e.clientX-i.left)/i.width,0,1),o=zt(1-(e.clientY-i.top)/i.height,0,1),s=Number(this._hueInput.value)||0;this._hue=Ml(s),this._setColor({...vu(s,r,o),a:this._color.a},t)}_applyHue(e){let t=Il(this._color),i=Number(this._hueInput.value)||0;this._hue=Ml(i),this._setColor({...vu(i,t.s||1,t.v||1),a:this._color.a},e)}_applyAlpha(e){this._setColor({...this._color,a:zt(Number(this._alphaInput.value)/100,0,1)},e)}_applyChannelInputs(e){let t=[...this._channels.querySelectorAll("input")].reduce((r,o)=>(r[o.name]=Number(o.value),r),{}),i;this._mode==="rgb"?i={r:t.r,g:t.g,b:t.b,a:t.a/100}:this._mode==="hsl"?i={...ug(t.h,t.s/100,t.l/100),a:t.a/100}:this._mode==="cmyk"?i={...mg(t.c/100,t.m/100,t.y/100,t.k/100),a:t.a/100}:this._mode==="oklab"?i={...Nl(t.l/100,t.a1,t.b1),a:t.alpha/100}:i={...Pu(t.l/100,t.c,t.h),a:t.a/100},this._setColor(ni(i),e,!1,!0)}_validateTextInput(){let e=this._textInput.value.trim();this._textInput.classList.toggle("invalid",e.length>0&&!tn(e))}_applyText(){let e=tn(this._textInput.value);this._textInput.classList.toggle("invalid",!e),e&&(this._mode=gu(this._textInput.value)??this._mode,this._setColor(e,!1,!0,!0))}_setColor(e,t,i=!0,r=!1){let o=this._value;this._color=ni(e),r&&this._syncHueFromColor(),this._value=this._formatColor(),this._render(i),t?this.valuePreviewChanged.emit({newValue:this._value,oldValue:o}):this.valueChanged.emit({newValue:this._value,oldValue:o})}_commitCurrentValue(){let e=this._value;this._value=this._formatColor(),this.valueChanged.emit({newValue:this._value,oldValue:e})}_render(e=!0){if(!this._textInput)return;let t=Il(this._color);this.style.setProperty("--hue",String(Math.round(this._hue))),this.style.setProperty("--color",wu(this._color)),this.style.setProperty("--opaque-color",`rgb(${this._color.r}, ${this._color.g}, ${this._color.b})`),this.style.setProperty("--rgb-color",`${this._color.r}, ${this._color.g}, ${this._color.b}`),this._planeHandle.style.left=`${t.s*100}%`,this._planeHandle.style.top=`${(1-t.v)*100}%`,this._hueInput.value=String(Math.round(this._hue)),this._alphaInput.value=String(Math.round(this._color.a*100)),this._alphaLabel.textContent=`${Math.round(this._color.a*100)}%`,this._modeSelect.value=this._mode,e&&this._renderChannelInputs(),document.activeElement!==this._textInput&&(this._textInput.value=this._value),this._textInput.classList.remove("invalid")}_renderChannelInputs(){let e=dg(this._color,this._mode);this._channels.innerHTML=e.map(t=>`
+${o}: ${s};`}),this._cssOutput.value=r}_applyToSelection(){let e=this._designerCanvas?.instanceServiceContainer?.selectionService?.selectedElements;if(!e?.length)return;let{radius:t,shape:i,borderCss:r}=this._buildCss(),o=e[0].openGroup("set border-radius and border properties");for(let s of e)s.setStyle("border-radius",t),i?s.setStyle("corner-shape",i):s.removeStyle("corner-shape"),Object.entries(r).forEach(([a,l])=>{s.setStyle(a,l)});o.commit()}};customElements.define("node-projects-border-radius-editor-window",Tr)});var qo,Oh=g(()=>{"use strict";Mt();Uo();kh();Ih();Dh();Lh();qo=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i,r){return[{title:"tool windows",children:[{title:"transform",action:()=>{let o=new yi(t);xe.showWindow(o)}},{title:"box shadow editor",action:()=>{let o=new Ir(t);xe.showWindow(o)}},{title:"text shadow editor",action:()=>{let o=new Dr(t);xe.showWindow(o)}},{title:"gradient editor",action:()=>{let o=new Ar(t);xe.showWindow(o)}},{title:"border radius editor",action:()=>{let o=new Tr(t);xe.showWindow(o)}}]}]}}});var Jo,Vh=g(()=>{"use strict";Tt();ee();he();Jo=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==A.Element}provideContextMenuItems(e,t,i){return[{title:"to front",icon:`<img style="rotate: 90deg" src="${P+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:T.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${P+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:T.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${P+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:T.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${P+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:T.moveToBack})}}]}}});function Xm(n,e,t=!1,i=0){for(let d of n)if(d==e||d.element.contains(e.element)){console.warn("could not move items into of itself or a child");return}let r=n[0],o=r.openGroup("switchContainerHelper"),s=r.instanceServiceContainer.designerCanvas,a=Number.MAX_VALUE,l=Number.MAX_VALUE,c=0,h=0;for(let d of n){let u=s.getNormalizedElementCoordinates(d.element);u.x<a&&(a=u.x),u.y<l&&(l=u.y),u.x+u.width>c&&(c=u.x+u.width),u.y+u.height>h&&(h=u.y+u.height)}let p=s.getNormalizedElementCoordinates(e.element);for(let d of n){let u=s.getNormalizedElementCoordinates(d.element);d.nodeType==A.Element&&(t?(d.setStyle("left",(u.x-a+i).toString()+"px"),d.setStyle("top",(u.y-l+i).toString()+"px")):(d.setStyle("left",(u.x-p.x).toString()+"px"),d.setStyle("top",(u.y-p.y).toString()+"px"))),e.insertChild(d)}t&&(e.setStyle("position","absolute"),e.setStyle("left",(a-i).toString()+"px"),e.setStyle("top",(l-i).toString()+"px"),e.setStyle("width",(c-a+2*i).toString()+"px"),e.setStyle("height",(h-l+2*i).toString()+"px")),o.commit()}var Nh=g(()=>{"use strict";ee()});var es,Rh=g(()=>{"use strict";Nh();oe();es=class{orderIndex=60;shouldProvideContextmenu(e,t,i,r){return i?.instanceServiceContainer.selectionService.selectedElements.length>1}provideContextMenuItems(e,t,i){return[{title:"wrap in",children:[{title:"div",action:()=>{let r=i.openGroup("wrap in Div"),o=i.instanceServiceContainer.selectionService.selectedElements,s=document.createElement("div"),a=O.createDesignItemFromInstance(s,i.serviceContainer,i.instanceServiceContainer);o[0].insertAdjacentElement(a,"beforebegin"),Xm(o,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var Mr,zh=g(()=>{"use strict";me();$e();oe();se();Mr=class{cursor="progress";_rect;_initialPoint;activated(e){}pointerEventHandler(e,t,i){$(t)||t.shiftKey?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._initialPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._initialPoint.x*e.scaleFactor),this._rect.setAttribute("y",this._initialPoint.y*e.scaleFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,M.Foreground);break;case k.PointerMove:if(this._initialPoint){let l=r.x-this._initialPoint.x,c=r.y-this._initialPoint.y;l>=0?(this._rect.setAttribute("x",this._initialPoint.x),this._rect.setAttribute("width",l)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*l)),c>=0?(this._rect.setAttribute("y",this._initialPoint.y),this._rect.setAttribute("height",c)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*c))}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.rootDesignItem.querySelectorAll("*"),s=[];($(t)||t.shiftKey||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&s.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of o){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._rect.isPointInFill(a);a.x=c.x+c.width,a.y=c.y;let p=h&&this._rect.isPointInFill(a);a.x=c.x,a.y=c.y+c.height;let d=p&&this._rect.isPointInFill(a);if(a.x=c.x+c.width,a.y=c.y+c.height,d&&this._rect.isPointInFill(a)){let m=O.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!s.includes(m)&&!t.altKey)s.push(m);else if(t.altKey){let f=s.indexOf(m);s.splice(f,1)}}}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._initialPoint=null,e.instanceServiceContainer.selectionService.setSelectedElements(s,t),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}dispose(){}}});var ts,Fh=g(()=>{"use strict";me();$e();oe();se();ts=class{cursor="progress";_pathD;_path;pointerEventHandler(e,t,i){$(t)?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-selector"),this._path.style.strokeWidth=""+1/e.scaleFactor,this._path.style.strokeDasharray=""+2/e.scaleFactor,this._pathD="M"+r.x+" "+r.y,this._path.setAttribute("D",this._pathD),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.rootDesignItem.querySelectorAll("*"),s=[];($(t)||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&s.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of o){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y;let p=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x,a.y=c.y+c.height;let d=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y+c.height;let u=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&p&&d&&u){let m=O.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!s.includes(m)&&!t.altKey)s.push(m);else if(t.altKey){let f=s.indexOf(m);s.splice(f,1)}}}e.overlayLayer.removeOverlay(this._path),this._path=null,this._pathD=null,e.instanceServiceContainer.selectionService.setSelectedElements(s),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var is,Bh=g(()=>{"use strict";is=class{cursor="crosshair";async activated(e){try{let r=(await new EyeDropper().open()).sRGBHex;e.globalContext.strokeColor=r}finally{e.globalContext.finishedWithTool(this)}}async pointerEventHandler(e,t,i){}keyboardEventHandler(e,t,i){}dispose(){}}});function Hh(n){let e=document.getSelection();return n.getSelection?e=n.getSelection():e.getComposedRanges&&(e=e.getComposedRanges(n)),e}function $m(n,e){function t(s){let a=s.parentNode;if(!a)return;let l=document.createElement("span");e.push(l),a.insertBefore(l,s),l.appendChild(s)}function i(s){return s instanceof HTMLSpanElement&&Array.from(s.childNodes).every(a=>a.nodeType===Node.TEXT_NODE)}function r(s){switch(s.nodeType){case Node.TEXT_NODE:t(s);break;case Node.DOCUMENT_FRAGMENT_NODE:case Node.ELEMENT_NODE:if(i(s)){e.push(s);break}Array.from(s.childNodes).forEach(r);break}}let o=n.extractContents();r(o),n.insertNode(o)}function A_(n){let e=document.createRange();return e.setStart(n.startContainer,n.startOffset),e.setEnd(n.endContainer,n.endOffset),e}function Km(n){let e=[];if("getRangeAt"in n){if(!n.rangeCount)return e;let t=n.getRangeAt(0);$m(t,e)}else{let t=n[0];if(!t)return e;$m(A_(t),e)}return"removeAllRanges"in n&&n.removeAllRanges&&n.removeAllRanges(),e}var Wh=g(()=>{"use strict"});import{html as T_}from"@node-projects/base-custom-webcomponent";var $i,rs=g(()=>{"use strict";le();se();Wh();xc();de();$i=class n extends F{static template=T_`<div style="height:100%;display:flex;gap:2px;width:100%"><button data-command="font-weight" data-command-parameter="800" style="pointer-events:auto;height:24px;width:24px;padding:0;font-weight:900">b</button> <button data-command="font-style" data-command-parameter="italic" style="pointer-events:auto;height:24px;width:24px;padding:0"><em>i</em></button> <button data-command="text-decoration" data-command-parameter="underline" style="pointer-events:auto;height:24px;width:24px;padding:0"><ins>u</ins></button> <button data-command="text-decoration" data-command-parameter="line-through" style="pointer-events:auto;height:24px;width:24px;padding:0"><del>s</del></button> <button data-command="text-decoration" data-command-parameter="overline" style="pointer-events:auto;height:24px;width:24px;padding:0"><span style="text-decoration:overline">o</span></button> <select data-command="fontSize" style="pointer-events:auto;height:24px;width:60px;padding:0"><option>8px</option><option>9px</option><option>10px</option><option>11px</option><option>12px</option><option>14px</option><option>16px</option><option>18px</option><option>20px</option><option>24px</option><option>28px</option><option>32px</option><option>36px</option></select> <select id="fontFamily" data-command="font-family" style="pointer-events:auto;height:24px;width:90px;padding:0"></select></div>`;_path;_toolbar;_selectionChangedListener;_toolbarStateAnimationFrame;constructor(e,t,i){super(e,t,i),this._keyDown=this._keyDown.bind(this),this._scheduleToolbarStateRefresh=this._scheduleToolbarStateRefresh.bind(this)}_keyDown(e){e.key==="Escape"&&this.dispose()}extend(){this.extendedItem.instanceServiceContainer.selectionService.clearSelectedElements(),this.extendedItem.removeDesignerAttributesAndStylesFromChildren(),window.addEventListener("keydown",this._keyDown,!0),this.extendedItem.editContent(),this._selectionChangedListener=this.extendedItem.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)}),this.extendedItem.element.focus();let e=Z(this.extendedItem.element);this._toolbar=this.createToolbar(n.template,300,24),this._toolbar.updatePosition({x:(e.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,y:(e.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor-36}),Ri.addFontsToSelect(this._toolbar.getById("fontFamily")),this._toolbar.querySelectorAll("button").forEach(t=>t.onpointerdown=i=>{let r=t.dataset.command;r&&this._formatSelection(r,t.dataset.commandParameter)}),this._toolbar.querySelectorAll("select").forEach(t=>t.onchange=()=>{let i=t.dataset.command;i&&this._formatSelection(i,t.value)}),document.addEventListener("selectionchange",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.addEventListener("keyup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.addEventListener("pointerup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.addEventListener("input",this._scheduleToolbarStateRefresh,!0),this.designerCanvas.clickOverlay.style.pointerEvents="none",this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-edit-text-clickoutside"),this._path.setAttribute("fill-rule","evenodd"),this._path.style.pointerEvents="auto",this._path.onpointerdown=t=>{this.designerCanvas.ignoreEvent(t),this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)},this._addOverlay(this._path,M.Background),this.refresh(),this._refreshToolbarState()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(this._valuesHaveChanges(this.designerCanvas.containerBoundingRect.width,this.designerCanvas.containerBoundingRect.height,this.designerCanvas.scaleFactor,e.p1.x,e.p1.y,e.p2.x,e.p2.y,e.p3.x,e.p3.y,e.p4.x,e.p4.y)){let t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+[e.p1,e.p2,e.p3,e.p4].map(r=>r.x+","+r.y).join(" ")+"Z ",this._path.setAttribute("d",i)}}dispose(){window.removeEventListener("keydown",this._keyDown,!0),document.removeEventListener("selectionchange",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.removeEventListener("keyup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.removeEventListener("pointerup",this._scheduleToolbarStateRefresh,!0),this.extendedItem.element.removeEventListener("input",this._scheduleToolbarStateRefresh,!0),this._toolbarStateAnimationFrame!=null&&cancelAnimationFrame(this._toolbarStateAnimationFrame),this._selectionChangedListener?.dispose(),this._removeAllOverlays(),this.extendedItem.editContentFinish(),this.designerCanvas.clickOverlay.style.pointerEvents="auto"}commitchanges(){this._removeAllOverlays(),this.extendedItem.element.normalize(),this._cleanupFormattingMarkup(this.extendedItem.element),this.extendedItem.element.normalize();let e=!1;e:for(;!e;){for(let i of this.extendedItem.element.querySelectorAll("*"))if(i.childNodes.length==0){i.remove();continue e}e=!0}this._cleanupFormattingMarkup(this.extendedItem.element),this.extendedItem.element.normalize();let t=this.extendedItem.element.innerHTML;this.extendedItem.editContentFinish(),this.extendedItem.innerHTML=t,this.designerCanvas.clickOverlay.style.pointerEvents="auto"}_cleanupFormattingMarkup(e){let t=!1;do t=this._cleanupFormattingNode(e),e.normalize();while(t)}_cleanupFormattingNode(e){let t=!1;for(let i of Array.from(e.childNodes))t=this._cleanupFormattingNode(i)||t;if(e instanceof HTMLElement&&e.localName==="span"){let i=e;if(this._isRedundantSpan(i))return this._unwrapElement(i),!0;let r=i.parentElement;if(r instanceof HTMLElement&&r.localName==="span"&&this._haveSameAttributes(r,i))return this._unwrapElement(i),!0}return this._mergeAdjacentSpans(e)||t}_mergeAdjacentSpans(e){let t=!1,i=e.firstChild;for(;i;){if(i instanceof HTMLElement&&i.localName==="span"){let r=i.nextSibling;for(;r instanceof HTMLElement&&r.localName==="span"&&this._haveSameAttributes(i,r);){for(;r.firstChild;)i.appendChild(r.firstChild);r.remove(),t=!0,r=i.nextSibling}}i=i.nextSibling}return t}_isRedundantSpan(e){return this._getAttributeSignature(e)===""}_haveSameAttributes(e,t){return this._getAttributeSignature(e)===this._getAttributeSignature(t)}_getAttributeSignature(e){return Array.from(e.attributes).filter(t=>t.name!=="style"||t.value.trim()!=="").sort((t,i)=>t.name.localeCompare(i.name)).map(t=>`${t.name}=${t.value}`).join(";")}_unwrapElement(e){let t=e.parentNode;if(t){for(;e.firstChild;)t.insertBefore(e.firstChild,e);e.remove()}}handlesPointerEvent(e,t,i){let r=t.composedPath(),o=this._toolbar?.querySelector("stylo-editor");return o!=null&&r.indexOf(o)>=0}_formatSelection(e,t){let i=this.designerCanvas.rootDesignItem.element.shadowRoot;if(!i)return;let r=Hh(i);if(!r)return;let o=this._isFormatApplied(r,e,t),s=Km(r);if(s.length){for(let a of s)if(o){let l=this._findFormatTargets(a,e,t);if(l.length)for(let c of l)this._unsetFormat(c,e,t);else this._unsetFormat(a,e,t)}else this._setFormat(a,e,t);this.extendedItem.element.focus(),this._restoreSelection(s),this._refreshToolbarState()}}_scheduleToolbarStateRefresh(){this._toolbarStateAnimationFrame!=null&&cancelAnimationFrame(this._toolbarStateAnimationFrame),this._toolbarStateAnimationFrame=requestAnimationFrame(()=>{this._toolbarStateAnimationFrame=void 0,this._refreshToolbarState()})}_refreshToolbarState(){let e=this._getToolbarStateElement(),t=getComputedStyle(e),i=this._getTextDecorationValues(t.textDecorationLine||t.textDecoration);this._setToolbarButtonState("font-weight","800",this._isComputedFormatApplied(t,"font-weight","800")),this._setToolbarButtonState("font-style","italic",this._isComputedFormatApplied(t,"font-style","italic")),this._setToolbarButtonState("text-decoration","underline",i.includes("underline")),this._setToolbarButtonState("text-decoration","line-through",i.includes("line-through")),this._setToolbarButtonState("text-decoration","overline",i.includes("overline")),this._setToolbarSelectValue(this._getToolbarSelect("fontSize"),t.fontSize),this._setToolbarFontFamilyValue(this._getToolbarSelect("font-family"),t.fontFamily)}_getToolbarStateElement(){let e=this._getEditableSelection(),t=e?this._getFirstSelectedElement(e):null;return t&&this.extendedItem.element.contains(t)?t:this.extendedItem.element}_isComputedFormatApplied(e,t,i){switch(t){case"font-weight":{if(e.fontWeight==="bold")return!0;let r=parseFloat(e.fontWeight);return Number.isNaN(r)?!1:i?r>=parseFloat(i):r>=600}case"font-style":return e.fontStyle===i;case"text-decoration":return!!i&&this._getTextDecorationValues(e.textDecorationLine).includes(i);case"fontSize":return e.fontSize===i;case"font-family":return!!i&&this._normalizeFontFamily(e.fontFamily)===this._normalizeFontFamily(i);default:return i!=null&&e.getPropertyValue(t)===i}}_getToolbarSelect(e){return this._toolbar.querySelector(`select[data-command="${e}"]`)}_setToolbarButtonState(e,t,i){let r=this._toolbar.querySelector(`button[data-command="${e}"][data-command-parameter="${t}"]`);r&&(r.toggleAttribute("data-active",i),r.ariaPressed=String(i),r.style.backgroundColor=i?"rgb(191, 219, 254)":"",r.style.boxShadow=i?"inset 0 0 0 1px rgb(59, 130, 246)":"")}_setToolbarSelectValue(e,t){if(!e)return;this._removeTemporarySelectOptions(e);let i=Array.from(e.options).find(o=>o.value===t);if(i){e.value=i.value;return}if(!t){e.selectedIndex=-1;return}let r=document.createElement("option");r.value=t,r.text=t,r.dataset.temporaryToolbarValue="true",e.appendChild(r),e.value=t}_setToolbarFontFamilyValue(e,t){if(!e)return;let i=this._getPrimaryFontFamily(t),r=this._normalizeFontFamily(i);this._removeTemporarySelectOptions(e);let o=Array.from(e.options).find(a=>this._normalizeFontFamily(a.value)===r);if(o){e.value=o.value;return}if(!i){e.selectedIndex=-1;return}let s=document.createElement("option");s.value=i,s.text=i,s.dataset.temporaryToolbarValue="true",e.appendChild(s),e.value=i}_removeTemporarySelectOptions(e){Array.from(e.options).filter(t=>t.dataset.temporaryToolbarValue==="true").forEach(t=>t.remove())}_getPrimaryFontFamily(e){return e.replaceAll(/['"]/g,"").split(",")[0].trim()}_restoreSelection(e){let t=this._getEditableSelection();if(!t)return;let i=document.createRange();i.setStartBefore(e[0]),i.setEndAfter(e[e.length-1]),t.removeAllRanges(),t.addRange(i)}_getEditableSelection(){let e=this.designerCanvas.rootDesignItem.element.shadowRoot;if(!e)return document.getSelection();let t=Hh(e);return t&&"addRange"in t&&"removeAllRanges"in t?t:document.getSelection()}_isFormatApplied(e,t,i){let r=this._getFirstSelectedElement(e);return r?this._isComputedFormatApplied(getComputedStyle(r),t,i):!1}_getFirstSelectedElement(e){let t=this._getSelectionRange(e);if(!t)return null;if(t.startContainer.nodeType===Node.TEXT_NODE)return t.startContainer.parentElement;let i=t.commonAncestorContainer.nodeType===Node.TEXT_NODE?t.commonAncestorContainer.parentNode:t.commonAncestorContainer;if(!i)return t.startContainer instanceof HTMLElement?t.startContainer:null;let r=document.createTreeWalker(i,NodeFilter.SHOW_TEXT,{acceptNode:s=>{let a=s;return a.textContent?.length&&t.intersectsNode(a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),o=i.nodeType===Node.TEXT_NODE&&t.intersectsNode(i)?i:r.nextNode();return o?.parentElement?o.parentElement:t.startContainer instanceof HTMLElement?t.startContainer:t.startContainer.parentElement}_getSelectionRange(e){if("getRangeAt"in e)return e.rangeCount?e.getRangeAt(0):null;let t=e[0];if(!t)return null;let i=document.createRange();return i.setStart(t.startContainer,t.startOffset),i.setEnd(t.endContainer,t.endOffset),i}_findFormatTargets(e,t,i){let r=[],o=e;for(;o&&o!==this.extendedItem.element;)this._hasInlineFormat(o,t,i)&&r.push(o),o=o.parentElement;return r}_hasInlineFormat(e,t,i){switch(t){case"font-weight":return e.style.fontWeight!=="";case"font-style":return e.style.fontStyle!=="";case"text-decoration":return!!i&&this._getTextDecorationValues(e.style.textDecorationLine||e.style.textDecoration).includes(i);case"fontSize":return e.style.fontSize!=="";case"font-family":return e.style.fontFamily!=="";default:return e.style.getPropertyValue(t)!==""}}_setFormat(e,t,i){switch(t){case"font-weight":e.style.fontWeight=i??"";break;case"font-style":e.style.fontStyle=i??"";break;case"text-decoration":{let r=this._getTextDecorationValues(e.style.textDecorationLine||e.style.textDecoration);i&&!r.includes(i)&&r.push(i),e.style.textDecorationLine=r.join(" ");break}case"fontSize":e.style.fontSize=i??"";break;case"font-family":e.style.fontFamily=i??"";break;default:i==null?e.style.removeProperty(t):e.style.setProperty(t,i);break}}_unsetFormat(e,t,i){switch(t){case"font-weight":e.style.removeProperty("font-weight");break;case"font-style":e.style.removeProperty("font-style");break;case"text-decoration":{let r=this._getTextDecorationValues(e.style.textDecorationLine||e.style.textDecoration).filter(o=>o!==i);r.length?e.style.textDecorationLine=r.join(" "):(e.style.removeProperty("text-decoration-line"),e.style.removeProperty("text-decoration"));break}case"fontSize":e.style.removeProperty("font-size");break;case"font-family":e.style.removeProperty("font-family");break;default:e.style.removeProperty(t);break}}_getTextDecorationValues(e){return e?e.split(" ").map(t=>t.trim()).filter(t=>t.length>0&&t!=="none"&&t!=="solid"):[]}_normalizeFontFamily(e){return e.replaceAll(/['"]/g,"").split(",")[0].trim().toLowerCase()}}});var ns,Gh=g(()=>{"use strict";me();oe();vt();rs();ns=class{_textEditExtensions;constructor(e){e&&(this._editExistingText=!0)}activated(e){this._textCreated=!1}dispose(){}cursor="text";_textCreated=!1;_editExistingText=!1;pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:if(!this._textCreated&&!this._editExistingText){this._textCreated=!0;let o=document.createElement("span"),s=O.createDesignItemFromInstance(o,e.serviceContainer,e.instanceServiceContainer);s.setStyle("position","absolute"),s.setStyle("left",r.x+"px"),s.setStyle("top",r.y+"px"),e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,s)),e.extensionManager.applyExtensionInstance(s,new $i(e.extensionManager,e,s)),e.serviceContainer.globalContext.finishedWithTool(this),setTimeout(()=>{o.focus()},50)}else for(let o of this._textEditExtensions)o.handlesPointerEvent&&(o.handlesPointerEvent(e,t,i)||e.serviceContainer.globalContext.finishedWithTool(this));break}}keyboardEventHandler(e,t,i){}}});var os,jh=g(()=>{"use strict";le();se();os=class extends F{_path;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){this._path||(this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-gray-out"),this._path.setAttribute("fill-rule","evenodd"),this._addOverlay(this._path,M.Background));let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0],t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+" Z",this._path.setAttribute("d",i)}dispose(){this._removeAllOverlays(),this._path=null}}});import{css as M_}from"@node-projects/base-custom-webcomponent";var ss,Yh=g(()=>{"use strict";jh();ss=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new os(e,t,i)}style=M_`.svg-gray-out{stroke:transparent;fill:rgba(211,211,211,.8);pointer-events:none}`}});var as,Uh=g(()=>{"use strict";le();se();as=class extends F{_text;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);this._text=this._drawText("Press ALT (or hold) to enter container",e.x+5,e.y+12,"svg-text-enter-container",this._text,M.Foreground),this._text.style.fontSize=14/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("x",""+(e.x+5/this.designerCanvas.scaleFactor)),this._text.setAttribute("y",""+(e.y+12/this.designerCanvas.scaleFactor))}dispose(){this._removeAllOverlays()}}});import{css as L_}from"@node-projects/base-custom-webcomponent";var ls,Xh=g(()=>{"use strict";Uh();ls=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new as(e,t,i)}static style=L_`.svg-text-enter-container{stroke:none;fill:#000;stroke-width:1;font-weight:800;font-family:monospace}`}});var cs,$h=g(()=>{"use strict";le();se();cs=class extends F{_rect;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._rect=this._drawTransformedRect(i,"svg-invisible-div",this._rect,M.Background))}dispose(){this._removeAllOverlays()}}});import{css as O_}from"@node-projects/base-custom-webcomponent";var Kh,hs,ps=g(()=>{"use strict";$h();Kh="invisibleElementExtensionShowOverlay",hs=class{elementFilter;constructor(e=t=>t.name=="div"&&window.getComputedStyle(t.element).display!="inline"){this.elementFilter=e}shouldExtend(e,t,i){if(t.instanceServiceContainer.designContext.extensionOptions[Kh]!==!1&&this.elementFilter(i)){let r=window.getComputedStyle(i.element);return r.backgroundColor=="rgba(0, 0, 0, 0)"&&r.borderStyle=="none"}return!1}getExtension(e,t,i){return new cs(e,t,i)}static style=O_`.svg-invisible-div{stroke:#d3d3d3;fill:transparent;stroke-width:1}`}});var ds,Qh=g(()=>{"use strict";oe();ds=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){let r=t.elementsFromPoint(e.x,e.y);return r.length>0?[{title:"items below",children:[...r.map(o=>({title:"select: "+o.localName+(o.id?" (#"+o.id+")":""),action:()=>this._select(t,o)}))]}]:[]}_select(e,t){let i=O.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});var us,Zh=g(()=>{"use strict";gi();Hi();de();us=class{_basePlacementService;constructor(e){this._basePlacementService=e??new gt}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("width"),r.removeStyle("height"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=Z(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="grid"||t.display=="inline-grid"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return Z(e.element)}placePoint(e,t,i,r,o,s,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof gt).placePoint(e,t,i,r,o,s,a)}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=lt(i),c=t.getNormalizedEventCoordinates(e),h=kr(i,c,l);if(h){let{row:p,column:d,cell:u}=h,m=ji(a[0].element);u.name?(a[0].element.style.gridColumn="",a[0].element.style.gridRow="",a[0].element.style.gridArea=u.name):(a[0].element.style.gridArea="",m.colSpan<=1?(a[0].element.style.gridColumn=""+(d+1),a[0].element.style.gridRow=""+(p+1)):(a[0].element.style.gridColumnStart=""+(d+1),a[0].element.style.gridRowStart=""+(p+1),a[0].element.style.gridColumnEnd=""+(d+m.colSpan+1),a[0].element.style.gridRowEnd=""+(p+m.rowSpan+1)))}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,o,s,a){let l=lt(i),c=t.getNormalizedEventCoordinates(e),h=kr(i,c,l);if(h){let{row:p,column:d,cell:u}=h,m=ji(a[0].element);u.name?(a[0].setStyle("grid-area",u.name),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-area",u.name)):m.colSpan<=1?(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].setStyle("grid-column",""+(d+1)),a[0].setStyle("grid-row",""+(p+1))):(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-column-start",""+(d+1)),a[0].setStyle("grid-row-start",""+(p+1)),a[0].setStyle("grid-column-end",""+(d+m.colSpan+1)),a[0].setStyle("grid-row-end",""+(p+m.rowSpan+1)))}t.extensionManager.refreshAllExtensions([i])}moveElements(e,t,i){}}});var ms,qh=g(()=>{"use strict";ms=class{getElementAtPoint(e,t){return e.getElementAtPoint(t)}}});var fs,Jh=g(()=>{"use strict";de();Hi();fs=class{_basePlacementService;constructor(e){this._basePlacementService=e??new gt}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=Z(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="flex"||t.display=="inline-flex"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return Z(e.element)}placePoint(e,t,i,r,o,s,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof gt).placePoint(e,t,i,r,o,s,a)}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=t.getNormalizedEventCoordinates(e),c=getComputedStyle(i.element),h=Array.from(i.children()).filter(p=>!p.isEmptyTextNode).map(p=>[p,t.getNormalizedElementCoordinates(p.element)]);if(c.flexDirection=="row"||c.flexDirection=="row-reverse"){h.sort(m=>m[1].x);let p=null;for(let m of h)if(m[1].x+m[1].width/2<l.x&&(p=m,c.flexDirection=="row-reverse"))break;let d=h.indexOf(p),u=h.indexOf(h.find(m=>m[0]==a[0]));if(p&&p[0]!=a[0]){if(c.flexDirection=="row-reverse"&&d-1===u||c.flexDirection=="row"&&d+1===u)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?p[0].insertAdjacentElement(a[0],"beforebegin"):p[0].insertAdjacentElement(a[0],"afterend"),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(p==null){if(u==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}else if(c.flexDirection=="column"||c.flexDirection=="column-reverse"){h.sort(m=>m[1].y);let p=null;for(let m of h)if(m[1].y+m[1].height/2<l.y&&(p=m,c.flexDirection=="column-reverse"))break;let d=h.indexOf(p),u=h.indexOf(h.find(m=>m[0]==a[0]));if(p&&p[0]!=a[0]){if(c.flexDirection=="column-reverse"&&d-1===u||c.flexDirection=="column"&&d+1===u)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?p[0].insertAdjacentElement(a[0],"beforebegin"):p[0].insertAdjacentElement(a[0],"afterend"),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(p==null){if(u==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],f=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),f.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,o,s,a){}moveElements(e,t,i){}}});var V_,N_,gs,ep=g(()=>{"use strict";de();V_="provideSnaplinesWithDistance",N_="provideSnaplinesWithDistanceDistance",gs=class{provideSnaplines(e,t){{let i=e.instanceServiceContainer.designerCanvas,r=new Map(t.map(m=>[m.element,m])),o=Z(e.element),s=i.instanceServiceContainer.designContext.extensionOptions[V_]!==!1,a=i.instanceServiceContainer.designContext.extensionOptions[N_]??5,l=[],c=[],h=[],p=[],d=e.document.createTreeWalker(e.usableContainer,NodeFilter.SHOW_ELEMENT),u=d.nextNode();for(;u!=null;)if(r.has(u))u=d.nextSibling();else{let m=Z(u),f=(m.x-o.x)/i.scaleFactor,y=(m.x-o.x+m.width/2)/i.scaleFactor,v=(m.x-o.x+m.width)/i.scaleFactor,C=(m.y-o.y)/i.scaleFactor,b=(m.y-o.y+m.height/2)/i.scaleFactor,_=(m.y-o.y+m.height)/i.scaleFactor,S={x:f+o.x,y:C+o.y,width:m.width/i.scaleFactor,height:m.height/i.scaleFactor};s&&l.push([f-a,S]),l.push([f,S]),c.push([y,S]),l.push([v,S]),s&&l.push([v+a,S]),s&&h.push([C-a,S]),h.push([C,S]),p.push([b,S]),h.push([_,S]),s&&h.push([_+a,S]),u=d.nextNode()}return l.push([0,{x:0,y:0,width:0,height:0}]),l.sort((m,f)=>m[0]-f[0]),c.sort((m,f)=>m[0]-f[0]),h.push([0,{x:0,y:0,width:0,height:0}]),h.sort((m,f)=>m[0]-f[0]),p.sort((m,f)=>m[0]-f[0]),{outerRect:o,positionsH:l,positionsMiddleH:c,positionsV:h,positionsMiddleV:p}}}}});var ys,tp=g(()=>{"use strict";oe();vt();ys=class{dragOver(e,t){return e.readOnly?"none":t.dataTransfer.items[0].type.startsWith("image/")?"copy":"none"}async drop(e,t){if(t.dataTransfer.files[0].type.startsWith("image/")){let i=await O.createDesignItemFromImageBlob(e.serviceContainer,e.instanceServiceContainer,t.dataTransfer.files[0]),r=i.openGroup("Insert of &lt;img&gt;");i.setStyle("position","absolute");let o=e.getNormalizedEventCoordinates(t);i.setStyle("top",o.y+"px"),i.setStyle("left",o.x+"px"),e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,i)),r.commit(),requestAnimationFrame(()=>e.instanceServiceContainer.selectionService.setSelectedElements([i]))}}}});import{css as R_}from"@node-projects/base-custom-webcomponent";var vs,ip=g(()=>{"use strict";rs();vs=class{shouldExtend(e,t,i){return!(i.isRootItem||i.name==="input")}getExtension(e,t,i){return new $i(e,t,i)}static style=R_`.svg-edit-text-clickoutside{stroke:transparent;fill:#d3d3d3;opacity:.7}`}});async function Uk(n){Lr([["text/plain",n]])}async function Lr(n){if(navigator.clipboard){try{let e=[];for(let t of n)e.push(new ClipboardItem({[t[0]]:new Blob([t[1]],{type:t[0]})}));await navigator.clipboard.write(e)}catch{await navigator.clipboard.writeText(n[0][1]),rp=n[0][1]}console.info("Copy to clipboard successful")}else{let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;rp=n[0][1];let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",t.value=n[0][1],document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch{try{document.execCommand("copy")}catch(r){console.error(r)}}document.body.removeChild(t),e.focus()}}async function _s(){return navigator.clipboard?new Promise(async(n,e)=>{let t=await navigator.clipboard.readText();n(t)}):new Promise(async(n,e)=>{let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",document.body.appendChild(t),t.focus(),t.select(),document.execCommand("paste");let i=t.value;i||(i=rp),document.body.removeChild(t),n(i)})}async function xs(){return navigator.clipboard?await navigator.clipboard.read():null}var rp,bs=g(()=>{"use strict";rp=null});var Qm,ws,np=g(()=>{"use strict";st();bs();Oe();Qm="web text/positions",ws=class{async copyItems(e){let t=ue(e),i=J.ConvertToString(t,!1),r=t.map(o=>o.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(o.element));Lr([["text/html",i],[Qm,JSON.stringify(r)]])}async getPasteItems(e,t){let i="",r=null,o=await xs();if(o!=null){try{i=await(await o[0].getType("text/html"))?.text()}catch{}i||(i=await(await o[0].getType("text/plain"))?.text());try{let a=await(await o[0].getType(Qm))?.text();r=JSON.parse(a)}catch{}}else i=await _s();return[await e.htmlParserService.parse(i,e,t,!0),r??void 0]}}});var Ae,op=g(()=>{"use strict";(function(n){n[n.TOP=0]="TOP",n[n.RIGHT=1]="RIGHT",n[n.BOTTOM=2]="BOTTOM",n[n.LEFT=3]="LEFT",n[n.VERTICAL_CENTER=4]="VERTICAL_CENTER",n[n.HORIZONTAL_CENTER=5]="HORIZONTAL_CENTER"})(Ae||(Ae={}))});var Lt,ei,Zm=g(()=>{"use strict";op();Lt=class{static arrangeElements(e,t,i){switch(e){case Ae.TOP:{let r=this.formGroup(ei.TOP,t),s=t.getNormalizedElementCoordinates(i[0].element).y;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.y){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-s-l.height;this.arrange(a,"bottom",h+"px")}else{let h=s-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case Ae.BOTTOM:{let r=this.formGroup(ei.BOTTOM,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.y+o.height;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.y+l.height){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-s;this.arrange(a,"bottom",h+"px")}else{let h=s-l.height-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case Ae.LEFT:{let r=this.formGroup(ei.LEFT,t),s=t.getNormalizedElementCoordinates(i[0].element).x;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.x){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-s-l.width;this.arrange(a,"right",h+"px")}else{let h=s-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case Ae.RIGHT:{let r=this.formGroup(ei.RIGHT,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.x+o.width;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.x+l.width){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-s;this.arrange(a,"right",h+"px")}else{let h=s-l.width-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case Ae.VERTICAL_CENTER:{let r=this.formGroup(ei.VERTICAL_CENTER,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.y+o.height/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.y+l.height/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-s-l.height/2;this.arrange(a,"bottom",h+"px")}else{let h=s-l.height/2-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case Ae.HORIZONTAL_CENTER:{let r=this.formGroup(ei.HORIZONTAL_CENTER,t),o=t.getNormalizedElementCoordinates(i[0].element),s=o.x+o.width/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(s!=l.x+l.width/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-s-l.width/2;this.arrange(a,"right",h+"px")}else{let h=s-l.width/2-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}}}static arrange(e,t,i){e.setStyle(t,i)}static formGroup(e,t){return t.instanceServiceContainer.selectionService.primarySelection.openGroup(e)}};(function(n){n.TOP="arrangeTop",n.RIGHT="arrangeRight",n.BOTTOM="arrangeBottom",n.LEFT="arrangeLeft",n.HORIZONTAL_CENTER="arrangeHorizontalCenter",n.VERTICAL_CENTER="arrangeVerticalCenter"})(ei||(ei={}))});var Ss,sp=g(()=>{"use strict";Tt();Zm();op();Ss=class{canExecuteCommand(e,t,i){return t.type==T.moveBackward||t.type==T.moveForward||t.type==T.moveToBack||t.type==T.moveToFront?e.instanceServiceContainer.selectionService.primarySelection!=null&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:t.type==T.arrangeBottom||t.type==T.arrangeCenter||t.type==T.arrangeLeft||t.type==T.arrangeMiddle||t.type==T.arrangeRight||t.type==T.arrangeTop||t.type==T.unifyHeight||t.type==T.unifyWidth?e.instanceServiceContainer.selectionService.selectedElements.length>1:t.type==T.rotateCounterClockwise||t.type==T.rotateClockwise||t.type==T.mirrorHorizontal||t.type==T.mirrorVertical?e.instanceServiceContainer.selectionService.selectedElements.length>0&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:null}async executeCommand(e,t,i){i=i??[...e.instanceServiceContainer.selectionService.selectedElements];let r=i[0];if(t.type==T.moveBackward){let s=r.parent.indexOf(r)-1;s>=0&&r.parent.insertChild(r,s)}else if(t.type==T.moveForward){let s=r.parent.indexOf(r)+1;s<r.parent.childCount&&r.parent.insertChild(r,s)}else if(t.type==T.moveToBack)r.parent.insertChild(r,0);else if(t.type==T.moveToFront)r.parent.insertChild(r);else if(t.type==T.arrangeTop)Lt.arrangeElements(Ae.TOP,e,i);else if(t.type==T.arrangeRight)Lt.arrangeElements(Ae.RIGHT,e,i);else if(t.type==T.arrangeLeft)Lt.arrangeElements(Ae.LEFT,e,i);else if(t.type==T.arrangeBottom)Lt.arrangeElements(Ae.BOTTOM,e,i);else if(t.type==T.arrangeCenter)Lt.arrangeElements(Ae.HORIZONTAL_CENTER,e,i);else if(t.type==T.arrangeMiddle)Lt.arrangeElements(Ae.VERTICAL_CENTER,e,i);else if(t.type==T.unifyHeight){let s=r.openGroup("unifyHeight"),a=r.getStyle("height");for(let l of i)l.setStyle("height",a);s.commit()}else if(t.type==T.unifyWidth){let s=r.openGroup("unifyWidth"),a=r.getStyle("width");for(let l of i)l.setStyle("width",a);s.commit()}else if(t.type==T.rotateCounterClockwise){let s=r.openGroup("rotateCounterClockwise");var o=r.getStyle("transform");let a=0,l="";if(o!=null)try{o.includes("-")?a=parseInt(o.match(/\d+/)[0])*-1:a=parseInt(o.match(/\d+/)[0]),l="rotate("+(a-90)+"deg)"}catch{l="rotate(-90deg)"}else l="rotate(-90deg)";for(let c of i)c.setStyle("transform",l);s.commit()}else if(t.type==T.rotateClockwise){let s=r.openGroup("rotateClockwise");var o=r.getStyle("transform");let l=0,c="";if(o!=null)try{o.includes("-")?l=parseInt(o.match(/\d+/)[0])*-1:l=parseInt(o.match(/\d+/)[0]),c="rotate("+(l+90)+"deg)"}catch{c="rotate(90deg)"}else c="rotate(90deg)";for(let h of i)h.setStyle("transform",c);s.commit()}else if(t.type==T.mirrorHorizontal){let s=r.openGroup("mirrorHorizontal");for(let a of i)a.setStyle("transform","scaleX(-1)");s.commit()}else if(t.type==T.mirrorVertical){let s=r.openGroup("mirrorVertical");for(let a of i)a.setStyle("transform","scaleY(-1)");s.commit()}else return null;return!0}}});var Ot,ap=g(()=>{"use strict";Ot=class{_space;constructor(e){this._space=e}provideButtons(e,t){let i=document.createElement("div");return i.style.width=this._space+"px",i.oncontextmenu=r=>{r.preventDefault()},[i]}}});var Cs,lp=g(()=>{"use strict";gi();le();se();Cs=class extends F{_cells;_texts;_gaps;_group;gridInformation;gridInformationString;_lastEvent;gridColor;gridFillColor;constructor(e,t,i,r,o){super(e,t,i),this.gridColor=r,this.gridFillColor=o}extend(e,t){this._initSVGArrays(),this.refresh(t)}refresh(e,t){this.gridInformation=lt(this.extendedItem);let i=JSON.stringify(this.gridInformation);if(i!==this.gridInformationString||t!=null&&this._lastEvent!==t){t&&(this._lastEvent=t),this.gridInformationString=i;let r=this.gridInformation.cells,o=this._lastEvent&&this._lastEvent instanceof MouseEvent?kr(this.extendedItem,this.designerCanvas.getNormalizedEventCoordinates(this._lastEvent),this.gridInformation):null;r[0][0]&&!isNaN(r[0][0].height)&&!isNaN(r[0][0].width)&&((this.gridInformation.cells.length!=this._cells.length||this.gridInformation.cells[0].length!=this._cells[0].length)&&this._initSVGArrays(),this._group||(this._group=this._drawGroup(null,this._group,M.Background),this._group.style.transformOrigin="0 0",this._group.style.setProperty("--svg-grid-stroke-color",this.gridColor),this._group.style.setProperty("--svg-grid-fill-color",this.gridFillColor)),this._group.style.transform=Yi(this.extendedItem).toString(),this.gridInformation.gaps.forEach((s,a)=>{this._gaps[a]=this._drawRect(s.localX,s.localY,s.width,s.height,"svg-grid-gap",this._gaps[a],M.Background),this._group.appendChild(this._gaps[a])}),r.forEach((s,a)=>{s.forEach((l,c)=>{this._cells[a][c]=this._drawRect(l.localX,l.localY,l.width,l.height,"svg-grid",this._cells[a][c],M.Background),this._group.appendChild(this._cells[a][c]),l.name&&(this._texts[a][c]=this._drawText(l.name,l.localX,l.localY,"svg-grid-area",this._texts[a][c],M.Background),this._texts[a][c].setAttribute("dominant-baseline","hanging")),o?.row===a&&o?.column===c&&this._cells[a][c].setAttribute("class","svg-grid-current-cell")})}))}}dispose(){this._removeAllOverlays()}_initSVGArrays(){this._removeAllOverlays(),this._group=null,this.gridInformation=lt(this.extendedItem),this._cells=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._cells[t]=new Array(e.length)),this._texts=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._texts[t]=new Array(e.length)),this._gaps=new Array(this.gridInformation.gaps.length)}}});import{css as z_}from"@node-projects/base-custom-webcomponent";var Or,vi,Vr=g(()=>{"use strict";lp();Jt();ee();Or="gridExtensionShowOverlay",vi=class{gridColor;gridFillColor;constructor(e="orange",t="#ff944722"){this.gridColor=e,this.gridFillColor=t}shouldExtend(e,t,i){if(i.nodeType!=A.Element)return!1;let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Or]!==!1:!1}getExtension(e,t,i){return new Cs(e,t,i,this.gridColor,this.gridFillColor)}static style=z_`.svg-grid{stroke:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color));stroke-dasharray:5;fill:var(--wcd-grid-fill-color,var(--svg-grid-fill-color))}.svg-grid-current-cell{stroke:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color));stroke-dasharray:5;fill:#e3ff4722}.svg-grid-area{font-size:8px}.svg-grid-gap{stroke:transparent;fill:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color));opacity:.3;mask:url(#mask-stripe-grid)}.svg-grid-header{fill:var(--wcd-grid-fill-color,var(--wcd-grid-fill-color,var(--svg-grid-fill-color)));stroke:var(--wcd-grid-stroke-color,var(--svg-grid-stroke-color))}.svg-grid-plus-sign{stroke:#000}`;static svgDefs=mi`<pattern id="pattern-stripe-grid" width="4" height="4" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="1" height="4" transform="translate(0,0)" fill="white"></rect></pattern><mask id="mask-stripe-grid"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-grid)"></mask>`}});var Es,cp=g(()=>{"use strict";Vr();ai();Es=class extends tt{constructor(){super(Or,"G","show grid overlay")}}});var Ps,hp=g(()=>{"use strict";me();se();Xe();oe();vt();$e();di();Ps=class{cursor="crosshair";_path;_startPoint;_minX;_minY;_maxX;_maxY;_px;_py;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),o=10;switch(t.type){case k.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","rect"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x",r.x.toString()),this._path.setAttribute("y",r.y.toString()),this._path.setAttribute("width","0"),this._path.setAttribute("height","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:if(this._path)if(this._minX=r.x<this._startPoint.x?r.x:this._startPoint.x,this._maxX=r.x>this._startPoint.x?r.x:this._startPoint.x,this._minY=r.y<this._startPoint.y?r.y:this._startPoint.y,this._maxY=r.y>this._startPoint.y?r.y:this._startPoint.y,$(t)){if(t.shiftKey){let d=2*Fi(this._startPoint,r);this._px=this._startPoint.x-d/2,this._py=this._startPoint.y-d/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else{let d=2*(this._maxX-this._minX),u=2*(this._maxY-this._minY);this._px=r.x<this._startPoint.x?r.x:this._startPoint.x-d/2,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y-u/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",u.toString())}this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}else{if(t.shiftKey){let d=Fi(this._startPoint,r);this._px=r.x<this._startPoint.x?this._startPoint.x-d:this._startPoint.x,this._py=r.y<this._startPoint.y?this._startPoint.y-d:this._startPoint.y,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else this._px=r.x<this._startPoint.x?r.x:this._startPoint.x,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y,this._path.setAttribute("width",(this._maxX-this._minX).toString()),this._path.setAttribute("height",(this._maxY-this._minY).toString());this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=s.x-o,c=s.y-o,h=e.serviceContainer.options.roundPixelsToDecimalPlaces;this._path.setAttribute("x",pe(this._px-l,h)),this._path.setAttribute("y",pe(this._py-c,h)),this._path.setAttribute("width",pe(Number(this._path.getAttribute("width")),h)),this._path.setAttribute("height",pe(Number(this._path.getAttribute("height")),h)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=pe(l,h)+"px",a.style.top=pe(c,h)+"px",a.style.position="absolute",a.style.width=Math.round(s.width+2*o)+"px",a.style.height=Math.round(s.height+2*o)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let p=O.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,p)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var ks,pp=g(()=>{"use strict";me();se();Xe();oe();vt();$e();di();ks=class{cursor="crosshair";_path;_startPoint;_radius;_cx;_cy;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),o=10;switch(t.type){case k.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("cx",r.x.toString()),this._path.setAttribute("cy",r.y.toString()),this._path.setAttribute("rx","0"),this._path.setAttribute("ry","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:if(this._path)if(this._radius={x:Math.abs(r.x-this._startPoint.x),y:Math.abs(r.y-this._startPoint.y)},$(t))if(this._path.setAttribute("cx",this._startPoint.x.toString()),this._path.setAttribute("cy",this._startPoint.y.toString()),this._cx=this._startPoint.x,this._cy=this._startPoint.y,t.shiftKey){let d=Fi(this._startPoint,r);this._path.setAttribute("rx",d.toString()),this._path.setAttribute("ry",d.toString())}else this._path.setAttribute("rx",this._radius.x.toString()),this._path.setAttribute("ry",this._radius.y.toString());else{if(t.shiftKey){let d=Fi(this._startPoint,r);this._radius={x:d,y:d}}this._cx=r.x<this._startPoint.x?this._startPoint.x-this._radius.x/2:this._startPoint.x+this._radius.x/2,this._cy=r.y<this._startPoint.y?this._startPoint.y-this._radius.y/2:this._startPoint.y+this._radius.y/2,this._path.setAttribute("cx",this._cx.toString()),this._path.setAttribute("cy",this._cy.toString()),this._path.setAttribute("rx",(this._radius.x/2).toString()),this._path.setAttribute("ry",(this._radius.y/2).toString())}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=s.x-o,c=s.y-o,h=e.serviceContainer.options.roundPixelsToDecimalPlaces;a.appendChild(this._path),this._path.setAttribute("cx",pe(this._cx-l,h)),this._path.setAttribute("cy",pe(this._cy-c,h)),this._path.setAttribute("rx",pe(Number(this._path.getAttribute("rx")),h)),this._path.setAttribute("ry",pe(Number(this._path.getAttribute("ry")),h)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.style.left=pe(l,h)+"px",a.style.top=pe(c,h)+"px",a.style.position="absolute",a.style.width=Math.round(s.width+2*o)+"px",a.style.height=Math.round(s.height+2*o)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let p=O.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,p)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var Is,dp=g(()=>{"use strict";me();se();Xe();oe();vt();di();Is=class{cursor="crosshair";_path;_startPoint;_endPoint;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),o=10;switch(t.type){case k.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","line"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x1",r.x.toString()),this._path.setAttribute("y1",r.y.toString()),this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),e.overlayLayer.addOverlay(this.constructor.name,this._path,M.Foreground);break;case k.PointerMove:if(this._path)if(t.shiftKey){let d=kt(this._startPoint,r);this._path.setAttribute("x2",d.x.toString()),this._path.setAttribute("y2",d.y.toString()),this._endPoint=d}else this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),this._endPoint=r;break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=s.x-o,c=s.y-o,h=e.serviceContainer.options.roundPixelsToDecimalPlaces;this._path.setAttribute("x1",pe(this._startPoint.x-l,h)),this._path.setAttribute("y1",pe(this._startPoint.y-c,h)),this._path.setAttribute("x2",pe(this._endPoint.x-l,h)),this._path.setAttribute("y2",pe(this._endPoint.y-c,h)),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=pe(l,h)+"px",a.style.top=pe(c,h)+"px",a.style.position="absolute",a.style.width=Math.round(s.width+2*o)+"px",a.style.height=Math.round(s.height+2*o)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let p=O.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new Se(e.rootDesignItem,e.rootDesignItem.childCount,p)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var Ki,Ds=g(()=>{"use strict";Ki=class n{static _helperElement=document.createElement("div");static combine(e,t){if(n.applyStylesToHelper(e),n.combineBorder(e),n.combineMargin(e),n.combinePadding(e),n.combineInset(e),n.combineBackground(e),n.combineFont(e),e=n.combineBrowserSupportedShorthands(e),t)for(let i of t)e.has(i[0])&&e.get(i[0])===i[1]&&e.delete(i[0]);return e}static applyStylesToHelper(e){let t=n._helperElement;t.setAttribute("style","");for(let i of e)i[0].startsWith("--")||i[0].includes("-")?t.style.setProperty(i[0],i[1]):t.style[i[0]]=i[1];return t}static combineBrowserSupportedShorthands(e){let t=n.getNormalizedStyleValues(e),i=new Map(e);for(;;){let r=n.parseStyleDeclarationList(n.applyStylesToHelper(i).style.cssText),o=null,s=0;for(let a of r){let l=n.getCandidateCoverage(i,t,a[0],a[1]);if(l.length===0)continue;let c=new Map(i);for(let p of l)c.delete(p);c.set(a[0],a[1]);let h=n.getSerializedSize(i)-n.getSerializedSize(c);h<=0||n.matchesNormalizedStyleValues(c,t)&&h>s&&(s=h,o=c)}if(!o)return i;i=o}}static getNormalizedStyleValues(e){let t=n.applyStylesToHelper(e),i=new Map;for(let r of e)i.set(r[0],n.readStyleValue(t.style,r[0]));return i}static getCandidateCoverage(e,t,i,r){let o=n.applyStylesToHelper(new Map([[i,r]])),s=[];for(let a of e){let l=t.get(a[0]);l&&n.readStyleValue(o.style,a[0])===l&&s.push(a[0])}return s}static matchesNormalizedStyleValues(e,t){let i=n.applyStylesToHelper(e);for(let r of t)if(n.readStyleValue(i.style,r[0])!==r[1])return!1;return!0}static readStyleValue(e,t){return t.startsWith("--")||t.includes("-")?e.getPropertyValue(t).trim():String(e[t]??"").trim()}static getSerializedSize(e){let t=0;for(let i of e)t+=i[0].length+i[1].length+2;return t}static parseStyleDeclarationList(e){let t=new Map,i=0,r=null,o=0;for(let s=0;s<e.length;s++){let a=e[s];if(r){a===r&&e[s-1]!=="\\"&&(r=null);continue}if(a==='"'||a==="'"){r=a;continue}if(a==="("){o++;continue}if(a===")"&&o>0){o--;continue}a===";"&&o===0&&(n.addStyleDeclaration(t,e.substring(i,s)),i=s+1)}return n.addStyleDeclaration(t,e.substring(i)),t}static addStyleDeclaration(e,t){let i=t.trim();if(!i)return;let r=null,o=0;for(let s=0;s<i.length;s++){let a=i[s];if(r){a===r&&i[s-1]!=="\\"&&(r=null);continue}if(a==='"'||a==="'"){r=a;continue}if(a==="("){o++;continue}if(a===")"&&o>0){o--;continue}if(a===":"&&o===0){let l=i.substring(0,s).trim(),c=i.substring(s+1).trim();l&&e.set(l,c);return}}}static combineBorder(e){if(!n.checkIfStyleIsCombinable(e,"border-left-style")||!n.checkIfStyleIsCombinable(e,"border-right-style")||!n.checkIfStyleIsCombinable(e,"border-top-style")||!n.checkIfStyleIsCombinable(e,"border-bottom-style")||!n.checkIfStyleIsCombinable(e,"border-left-color")||!n.checkIfStyleIsCombinable(e,"border-right-color")||!n.checkIfStyleIsCombinable(e,"border-top-color")||!n.checkIfStyleIsCombinable(e,"border-bottom-color")||!n.checkIfStyleIsCombinable(e,"border-left-width")||!n.checkIfStyleIsCombinable(e,"border-right-width")||!n.checkIfStyleIsCombinable(e,"border-top-width")||!n.checkIfStyleIsCombinable(e,"border-bottom-width")||!n.checkIfStyleIsCombinable(e,"border-width")||!n.checkIfStyleIsCombinable(e,"border-style")||!n.checkIfStyleIsCombinable(e,"border-color")||!n.checkIfStyleIsCombinable(e,"border-top")||!n.checkIfStyleIsCombinable(e,"border-right")||!n.checkIfStyleIsCombinable(e,"border-left")||!n.checkIfStyleIsCombinable(e,"border-bottom")||!n.checkIfStyleIsCombinable(e,"border-width"))return;let t=n._helperElement,i=t.style.borderLeftStyle,r=t.style.borderLeftColor;if(i&&r&&t.style.borderRightStyle===i&&t.style.borderTopStyle===i&&t.style.borderBottomStyle===i&&t.style.borderRightColor===r&&t.style.borderTopColor===r&&t.style.borderBottomColor===r){let o=t.style.borderTopWidth,s=t.style.borderRightWidth,a=t.style.borderBottomWidth,l=t.style.borderLeftWidth;e.delete("border-left-style"),e.delete("border-right-style"),e.delete("border-top-style"),e.delete("border-bottom-style"),e.delete("border-left-color"),e.delete("border-right-color"),e.delete("border-top-color"),e.delete("border-bottom-color"),e.delete("border-left-width"),e.delete("border-right-width"),e.delete("border-top-width"),e.delete("border-bottom-width"),e.delete("border-width"),e.delete("border-style"),e.delete("border-color"),e.delete("border-top"),e.delete("border-right"),e.delete("border-left"),e.delete("border-bottom"),t.style.borderRightWidth==l&&t.style.borderTopWidth===l&&t.style.borderBottomWidth===l?e.set("border",l+" "+i+" "+r):(e.set("border",i+" "+r),o===a&&s===l?e.set("border-width",o+" "+s):e.set("border-width",o+" "+s+" "+a+" "+l))}t.style.borderImageSource==="initial"&&e.delete("border-image-source"),t.style.borderImageSlice==="initial"&&e.delete("border-image-slice"),t.style.borderImageWidth==="initial"&&e.delete("border-image-width"),t.style.borderImageOutset==="initial"&&e.delete("border-image-outset"),t.style.borderImageRepeat==="initial"&&e.delete("border-image-repeat")}static combineMargin(e){if(!n.checkIfStyleIsCombinable(e,"margin-top")||!n.checkIfStyleIsCombinable(e,"margin-right")||!n.checkIfStyleIsCombinable(e,"margin-bottom")||!n.checkIfStyleIsCombinable(e,"margin-left")||!n.checkIfStyleIsCombinable(e,"margin"))return;let t=n._helperElement;t.style.marginTop&&t.style.marginRight&&t.style.marginBottom&&t.style.marginLeft&&(e.delete("margin-top"),e.delete("margin-right"),e.delete("margin-bottom"),e.delete("margin-left"),t.style.marginTop==t.style.marginRight&&t.style.marginTop==t.style.marginBottom&&t.style.marginTop==t.style.marginLeft?e.set("margin",t.style.marginTop):e.set("margin",t.style.marginTop+" "+t.style.marginRight+" "+t.style.marginBottom+" "+t.style.marginLeft))}static combinePadding(e){if(!n.checkIfStyleIsCombinable(e,"padding-top")||!n.checkIfStyleIsCombinable(e,"padding-right")||!n.checkIfStyleIsCombinable(e,"padding-bottom")||!n.checkIfStyleIsCombinable(e,"padding-left")||!n.checkIfStyleIsCombinable(e,"padding"))return;let t=n._helperElement;t.style.paddingTop&&t.style.paddingRight&&t.style.paddingBottom&&t.style.paddingLeft&&(e.delete("padding-top"),e.delete("padding-right"),e.delete("padding-bottom"),e.delete("padding-left"),t.style.paddingTop==t.style.paddingRight&&t.style.paddingTop==t.style.paddingBottom&&t.style.paddingTop==t.style.paddingLeft?e.set("padding",t.style.paddingTop):e.set("padding",t.style.paddingTop+" "+t.style.paddingRight+" "+t.style.paddingBottom+" "+t.style.paddingLeft))}static combineInset(e){if(!n.checkIfStyleIsCombinable(e,"top")||!n.checkIfStyleIsCombinable(e,"right")||!n.checkIfStyleIsCombinable(e,"bottom")||!n.checkIfStyleIsCombinable(e,"left")||!n.checkIfStyleIsCombinable(e,"inset"))return;let t=n._helperElement;t.style.top&&t.style.right&&t.style.bottom&&t.style.left&&(e.delete("top"),e.delete("right"),e.delete("bottom"),e.delete("left"),e.set("inset",t.style.top+" "+t.style.right+" "+t.style.bottom+" "+t.style.left))}static combineBackground(e){if(!n.checkIfStyleIsCombinable(e,"background-image")||!n.checkIfStyleIsCombinable(e,"background-position")||!n.checkIfStyleIsCombinable(e,"background-position-x")||!n.checkIfStyleIsCombinable(e,"background-position-y")||!n.checkIfStyleIsCombinable(e,"background-size")||!n.checkIfStyleIsCombinable(e,"background-repeat")||!n.checkIfStyleIsCombinable(e,"background-repeat-x")||!n.checkIfStyleIsCombinable(e,"background-repeat-y")||!n.checkIfStyleIsCombinable(e,"background-attachment")||!n.checkIfStyleIsCombinable(e,"background-origin")||!n.checkIfStyleIsCombinable(e,"background-clip")||!n.checkIfStyleIsCombinable(e,"background-color")||!n.checkIfStyleIsCombinable(e,"background"))return;let t=n._helperElement;e.delete("background-image"),e.delete("background-position"),e.delete("background-position-x"),e.delete("background-position-y"),e.delete("background-size"),e.delete("background-repeat"),e.delete("background-repeat-x"),e.delete("background-repeat-y"),e.delete("background-attachment"),e.delete("background-origin"),e.delete("background-clip"),e.delete("background-color"),e.delete("background");let i="";t.style.backgroundImage&&t.style.backgroundImage!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundImage),t.style.backgroundPosition&&t.style.backgroundPosition!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundPosition),t.style.backgroundSize&&t.style.backgroundSize!=="initial"&&(i+=(i===""?"":" / ")+t.style.backgroundSize),t.style.backgroundRepeat&&t.style.backgroundRepeat!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundRepeat),t.style.backgroundAttachment&&t.style.backgroundAttachment!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundAttachment),t.style.backgroundOrigin&&t.style.backgroundOrigin!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundOrigin),t.style.backgroundClip&&t.style.backgroundClip!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundClip),t.style.backgroundColor&&t.style.backgroundColor!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundColor),i&&e.set("background",i)}static combineFont(e){if(!n.checkIfStyleIsCombinable(e,"font-style")||!n.checkIfStyleIsCombinable(e,"font-weight")||!n.checkIfStyleIsCombinable(e,"font-size")||!n.checkIfStyleIsCombinable(e,"line-height")||!n.checkIfStyleIsCombinable(e,"font-family")||!n.checkIfStyleIsCombinable(e,"font"))return;let t=n._helperElement;if(t.style.fontFamily){e.delete("font-style"),e.delete("font-weight"),e.delete("font-size"),e.delete("line-height"),e.delete("font-family"),e.delete("font");let i="";t.style.fontStyle&&(i+=(i===""?"":" ")+t.style.fontStyle),t.style.fontWeight&&(i+=(i===""?"":" ")+t.style.fontWeight),t.style.fontSize&&(i+=(i===""?"":" ")+t.style.fontSize),t.style.lineHeight&&(i+="/"+t.style.lineHeight),t.style.fontFamily&&(i+=(i===""?"":" ")+t.style.fontFamily),e.set("font",i)}}static checkIfStyleIsCombinable(e,t){if(e.has(t)){let i=e.get(t);return typeof i=="string"?!i.startsWith("var("):!1}return!0}}});var As,up=g(()=>{"use strict";st();Ds();Ie();Et();As=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t,i=!1){if(t.hasAttributes)for(let r of t.attributes()){let o=e.position;if(e.write(" "),typeof r[1]=="string")if(r[1]==="")e.write(r[0]);else{if(this.options.parseJsonInAttributes&&(r[1].startsWith("{")&&!r[1].startsWith("{{")&&r[1].endsWith("}")||r[1].startsWith("[")&&!r[1].startsWith("[[")&&r[1].endsWith("]")))try{let a=JSON.parse(r[1]),l;this.options.jsonWriteMode=="beauty"?l=JSON.stringify(a,null,2):l=JSON.stringify(a);let c=J.normalizeAttributeValue(l,!0);this._writeAttributeWithValue(e,t,r[0],c,"'",i);continue}catch{}let s=J.normalizeAttributeValue(r[1]);if(s.indexOf("&quot;")){let a=J.normalizeAttributeValue(r[1],!0);a.length<s.length?this._writeAttributeWithValue(e,t,r[0],a,"'",i):this._writeAttributeWithValue(e,t,r[0],s,'"',i)}else this._writeAttributeWithValue(e,t,r[0],s,'"',i)}else r[1]||e.write(r[0]);i&&this._addAttributeSourcePart(t,r[0],{start:o+1,length:e.position-o-1})}}_writeAttributeWithValue(e,t,i,r,o,s){e.write(i+"="+o);let a=e.position;e.write(r);let l={start:a,length:e.position-a};if(e.write(o),!s)return;let c=t.instanceServiceContainer.designItemDocumentPositionService;c.addSourcePart({designItem:t,kind:"attribute-value",key:`attribute:${i}/value`,name:i,textRange:l});let h={designItem:t,sourceKind:"attribute",name:i,value:r,valueTextRange:l};for(let p of t.serviceContainer.sourceMapProviders)p.canMap(h)&&c.addSourceParts(p.map(h))}_addAttributeSourcePart(e,t,i){e.instanceServiceContainer.designItemDocumentPositionService.addSourcePart({designItem:e,kind:"attribute",key:`attribute:${t}`,name:t,textRange:i})}writeStyles(e,t){if(t.hasStyles){e.write(' style="');let i=[...t.styles()],r=i.some(s=>t.isStyleImportant(s[0])),o=i;this.options.compressCssToShorthandProperties&&!r&&(o=Ki.combine(new Map(i)));for(let s of o)if(s[0]){let a=J.normalizeAttributeValue(Ye(s[1],t.isStyleImportant(s[0])));s[0].startsWith("--")?e.write(s[0]+":"+a+";"):e.write(z.camelToDashCase(s[0])+":"+a+";")}e.write('"')}}}});var Ts,mp=g(()=>{"use strict";st();ee();de();up();Ts=class extends As{constructor(e){super(e)}_conditionalyWriteIndent(e,t,i){i||(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element.previousElementSibling instanceof t.window.HTMLElement&&!Bt(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!this._isInlineElement(t.element.parentElement)&&(t.element.previousSibling==null||dr(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteIndentBefore(e,t,i){i||(t.element.previousElementSibling instanceof t.window.HTMLElement&&!Bt(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!this._isInlineElement(t.element.parentElement)&&(t.element.previousSibling==null||dr(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteNewline(e,t,i){i||(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element.nextElementSibling instanceof t.window.HTMLElement&&!Bt(t.element.nextElementSibling)||t.element instanceof t.window.SVGElement)&&e.writeNewline()}write(e,t,i,r=!1){r&&t[0]?.instanceServiceContainer.designItemDocumentPositionService?.clearSourceParts();for(let o of t)this.internalWrite(e,o,r,!1)}internalWrite(e,t,i,r){let o=e.position,s=e.position,a=r||this._isInlineContainer(t);if(t.nodeType==A.TextNode)dr(t.element)&&(t.element.previousSibling instanceof t.window.HTMLElement&&!oi(t.element.previousSibling)||t.element.nextSibling instanceof t.window.HTMLElement&&!Bt(t.element.nextSibling))||this.writeTextNode(e,t,!0,!0,a),s=e.position;else if(t.nodeType==A.Comment)this._conditionalyWriteIndent(e,t,a),o=e.position,e.write("<!--"+t.content+"-->"),s=e.position,this._conditionalyWriteNewline(e,t,a);else{this._conditionalyWriteIndentBefore(e,t,a),o=e.position,e.write("<"+t.name),this.writeAttributes(e,t,i),this.writeStyles(e,t),e.write(">");let l=!1;if(t.hasChildren){let c=[...t.children()];if(l=t.childCount===1&&t.firstChild.nodeType===A.TextNode,l){let h=J.isRawTextElementName(t.name)||t.name=="pre";this.writeTextNode(e,t,!1,!h,a)}else{let h=a||c.some(p=>p.nodeType===A.TextNode&&!dr(p.element));!h&&(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element instanceof t.window.SVGElement)&&(e.writeNewline(),e.levelRaise());for(let p of c)this.internalWrite(e,p,i,h),p.childCount===1&&p.firstChild.nodeType===A.TextNode&&(e.isLastCharNewline()||this._conditionalyWriteNewline(e,p,h));!h&&(t.element instanceof t.window.HTMLElement&&!oi(t.element)||t.element instanceof t.window.SVGElement)&&(e.levelShrink(),e.isLastCharNewline()||e.writeNewline(),e.writeIndent())}}else t.hasContent&&e.write(J.normalizeContentValue(t.content,t.name));s=e.position,J.IsSelfClosingElement(t.name)||e.write("</"+t.name+">"),s=e.position,!a&&!e.isLastCharNewline()&&(!t.parent||!oi(t.parent.element))&&this._conditionalyWriteNewline(e,t,a)}i&&t.instanceServiceContainer.designItemDocumentPositionService&&t.instanceServiceContainer.designItemDocumentPositionService.setPosition(t,{start:o,length:s-o})}writeTextNode(e,t,i,r=!0,o=!1){let s=e.position,a=e.position,l=t.nodeType===A.Element?t.name:t.parent?.name,c=J.normalizeContentValue(t.content,l);J.isRawTextElementName(l)||(o||this._hasInlineParent(t)?c=this._normalizeInlineTextContent(c):r&&(c=c.trim())),c&&(i&&this._conditionalyWriteIndent(e,t,o),e.write(c),i&&this._conditionalyWriteNewline(e,t,o)),a=e.position;for(let h of t.children())t.instanceServiceContainer.designItemDocumentPositionService.setPosition(h,{start:s,length:a-s})}_hasInlineParent(e){return e.parent?.element instanceof e.window.HTMLElement&&Bt(e.parent.element)}_normalizeInlineTextContent(e){if(!e?.trim())return"";let t=/^\s/.test(e),i=/\s$/.test(e),r=e.replaceAll(/[\t\r\n ]+/g," ").trim();return`${t?" ":""}${r}${i?" ":""}`}_isInlineContainer(e){return e.nodeType===A.Element&&e.element instanceof e.window.HTMLElement&&Bt(e.element)}_isInlineElement(e){return e instanceof HTMLElement&&Bt(e)}}});var Ms,fp=g(()=>{"use strict";oe();vt();Ms=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGRectElement}provideContextMenuItems(e,t,i){return[{title:"convert to path",action:()=>{let r=i.element,o="";o+="M"+r.x.baseVal.value+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+(r.y.baseVal.value+r.height.baseVal.value)+"L"+r.x.baseVal.value+" "+(r.y.baseVal.value+r.height.baseVal.value)+"Z";let s=document.createElementNS("http://www.w3.org/2000/svg","path");s.setAttribute("d",o),s.setAttribute("stroke",r.getAttribute("stroke")),s.setAttribute("fill",r.getAttribute("fill")),s.setAttribute("stroke-width",r.getAttribute("stroke-width"));let a=O.createDesignItemFromInstance(s,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.undoService.execute(new Se(i.parent,i.childCount,a)),t.serviceContainer.deletionService.removeItems([i])}}]}}});var Ls,gp=g(()=>{"use strict";Xe();Ls=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGPathElement}provideContextMenuItems(e,t,i){let r=i.node.getPathData({normalize:!0}),o=[],s=r[r.length-1].type;return o.push({title:"-"}),s=="z"||s=="Z"?o.push({title:"open path ",action:()=>{r.splice(r.length-1,1),i.setAttribute("d",pi(r))}}):o.push({title:"close path ",action:()=>{r.push({type:"Z"}),i.setAttribute("d",pi(r))}}),o}}});var Te,Os=g(()=>{"use strict";Te=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"-"}]}}});var Vs,Ns,yp=g(()=>{"use strict";he();Vs=10,Ns=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"zoom to",icon:`<img src="${P+"icons/zoomIn.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element),o={x:r.x-Vs,y:r.y-Vs},s={x:r.x+r.width+Vs,y:r.y+r.height+Vs},a={x:o.x<s.x?o.x:s.x,y:o.y<s.y?o.y:s.y,width:Math.abs(o.x-s.x),height:Math.abs(o.y-s.y)},l=t.outerRect.width/a.width,c=t.outerRect.height/a.height,h=l>=c?c:l;t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},h)}}]}}});var Rs,vp=g(()=>{"use strict";Tt();ee();he();Rs=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==A.Element}provideContextMenuItems(e,t,i){return[{title:"rotate right",icon:`<img src="${P+"icons/rotateRight.svg"}">`,action:()=>{t.executeCommand({type:T.rotateClockwise})},shortCut:"Ctrl + R"},{title:"rotate left",icon:`<img src="${P+"icons/rotateLeft.svg"}">`,action:()=>{t.executeCommand({type:T.rotateCounterClockwise})},shortCut:"Ctrl + Shift + R"}]}}});var zs,_p=g(()=>{"use strict";ee();zs=class{shouldProvideContextmenu(e,t,i,r){return i?.hasChildren}provideContextMenuItems(e,t,i){return[{title:"select all Children",action:()=>{t.instanceServiceContainer.selectionService.setSelectedElements(Array.from(i.children()).filter(r=>r.nodeType==A.Element))}}]}}});import{BaseCustomWebComponentConstructorAppend as F_,css as B_,html as H_}from"@node-projects/base-custom-webcomponent";var we,_t=g(()=>{"use strict";we=class extends F_{static style=B_`:host{display:block;flex:0 0 24px;width:24px;height:24px}button{box-sizing:border-box;width:24px;height:24px;padding:4px;border:0;border-radius:4px;display:flex;justify-content:center;align-items:center;background:0 0;color:inherit;cursor:pointer}button[aria-pressed=true]{background-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}button:hover{background-color:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6))}button:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}img{width:16px;height:16px;pointer-events:none;-webkit-user-drag:none}`;static template=H_`<button id="div" type="button" aria-pressed="false"><img id="img" alt=""></button>`;tools;popup;currentToolOnButton;_img;_div;_longPress;constructor(e,t){super(),this.tools=t,this._img=this._getDomElement("img"),this._div=this._getDomElement("div"),this._div.onclick=i=>{if(i.detail===0){let r=this.getRootNode().host;this.currentToolOnButton?r.setTool(this.currentToolOnButton):this.popup&&r.showPopup(this)}},this._div.onpointerdown=()=>{this.currentToolOnButton?(this.getRootNode().host.setTool(this.currentToolOnButton),setTimeout(()=>{e.clickOverlay.focus()},50),this.popup&&(this._longPress=setTimeout(()=>{this._longPress=null,this.getRootNode().host.showPopup(this)},200))):this.popup&&this.getRootNode().host.showPopup(this)},this._div.onpointerup=()=>{this._longPress&&(clearTimeout(this._longPress),this._longPress=null)},this.showTool(Object.getOwnPropertyNames(t)[0])}showTool(e){let t=this.tools[e];t&&(this._div.title=e||"Transform",this._div.setAttribute("aria-label",e||"Transform"),this._img.src=t.icon,this.currentToolOnButton=e)}setActiveTool(e){this.showTool(e);let t=this.tools[e];this._div.setAttribute("aria-pressed",String(!!t))}};customElements.define("node-projects-designer-toolbar-button",we)});import{BaseCustomWebComponentConstructorAppend as W_,css as G_}from"@node-projects/base-custom-webcomponent";var ti,Nr=g(()=>{"use strict";ti=class extends W_{static style=G_`:host{display:block;font:12px system-ui,sans-serif;color:var(--wcd-designer-view-statusbar-color,#354348)}.container{width:max-content;min-width:112px;box-sizing:border-box;background:var(--wcd-tool-popup-background,var(--wcd-designer-view-statusbar-background,#787f82));border:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.25)}header{padding:6px 8px;border-radius:5px 5px 0 0;border-bottom:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));background:var(--wcd-tool-popup-title-background,rgba(255,255,255,.08))}h2{margin:0;font:600 11px/16px system-ui,sans-serif}main{padding:8px}.tool{box-sizing:border-box;height:24px;width:24px;padding:4px;border:0;border-radius:4px;background:0 0;color:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.tool::before{content:'';width:16px;height:16px;background:currentColor;mask:var(--tool-icon) center/contain no-repeat}.tool:hover{background:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6))}.tool:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}.tools{display:flex;flex-wrap:wrap;gap:4px}`;constructor(){super();for(let e of[...this.shadowRoot.querySelectorAll("button.tool")])e.setAttribute("aria-label",e.title),e.onclick=()=>this.getRootNode().host.setTool(e.dataset.commandParameter)}}});import{html as j_}from"@node-projects/base-custom-webcomponent";var Rr,xp=g(()=>{"use strict";he();Nr();Rr=class extends ti{static template=j_`<div class="container"><header><h2 id="title">Pointer & Pan</h2></header><main id="content-area"><div class="tools"><button type="button" class="tool" data-command="setTool" data-command-parameter="Pointer" title="Pointer" style="--tool-icon:url('${P}images/tools/PointerTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="Pan" title="Pan" style="--tool-icon:url('${P}images/tools/PanTool.svg')"></button></div></main></div>`};customElements.define("node-projects-designer-pointer-tool-popup",Rr)});var Fs,bp=g(()=>{"use strict";_t();he();xp();Fs=class{provideButton(e){let t=new we(e,{Pointer:{icon:P+"images/tools/PointerTool.svg"}});return t.popup=Rr,t}}});var Bs,wp=g(()=>{"use strict";_t();he();Bs=class{provideButton(e){return new we(e,{Zoom:{icon:P+"images/tools/ZoomTool.svg"}})}}});import{html as Y_,css as U_}from"@node-projects/base-custom-webcomponent";var zr,Sp=g(()=>{"use strict";he();Nr();zr=class extends ti{designerCanvas;static style=[super.style,U_`.container{width:232px}.inputs{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:24px;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid var(--wcd-tool-popup-border-color,var(--wcd-color-border,#596c7a));align-items:center}.inputs>*{min-width:0}.inputs>span:not(.text){height:24px;display:flex;align-items:center}.inputs node-projects-color-input{padding:0}.inputs input{box-sizing:border-box;width:100%;height:24px;margin:0;accent-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}.text{font-size:11px}`];static template=Y_`<div class="container"><header><h2 id="title">Draw</h2></header><main id="content-area"><div class="tools"><button type="button" class="tool" data-command="setTool" data-command-parameter="DrawLine" title="Draw Line" style="--tool-icon:url('${P}images/tools/DrawLineTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="DrawPath" title="Draw Path" style="--tool-icon:url('${P}images/tools/DrawPathTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="DrawRect" title="Draw Rectangle" style="--tool-icon:url('${P}images/tools/DrawRectTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="DrawEllipsis" title="Draw Ellipse" style="--tool-icon:url('${P}images/tools/DrawEllipTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="PickColor" title="Pick Color" style="--tool-icon:url('${P}images/tools/ColorPickerTool.svg')"></button></div><div class="inputs"><span class="text">Stroke Color</span> [[this.getEditor('setStrokeColor', 'color', {}, this.designerCanvas.serviceContainer.globalContext.strokeColor)]] <span class="text">Fill Brush</span> [[this.getEditor('setFillBrush', 'color', {}, this.designerCanvas.serviceContainer.globalContext.fillBrush)]] <span class="text">Stroke Thickness</span> [[this.getEditor('setStrokeThickness', 'range', { min: 1, max: 20, step: 1 }, this.designerCanvas.serviceContainer.globalContext.strokeThickness)]]</div></main></div>`;constructor(e){super(),this.designerCanvas=e}ready(){this._bindingsParse(),this.designerCanvas.serviceContainer.globalContext.strokeColor}getEditor(e,t,i,r){let o=this.designerCanvas.serviceContainer.forSomeServicesTillResult("editorTypeService",s=>s.getEditor(t,{changedCallback:a=>this.designerCanvas.executeCommand({type:e,parameter:a}),...i}));return o.setValue(r),o.element}};customElements.define("node-projects-designer-draw-tool-popup",zr)});var Hs,Cp=g(()=>{"use strict";_t();he();Sp();Hs=class{provideButton(e){if(e.readOnly)return null;let t=new we(e,{DrawLine:{icon:P+"images/tools/DrawLineTool.svg"},DrawPath:{icon:P+"images/tools/DrawPathTool.svg"},DrawRect:{icon:P+"images/tools/DrawRectTool.svg"},DrawEllipsis:{icon:P+"images/tools/DrawEllipTool.svg"},PickColor:{icon:P+"images/tools/ColorPickerTool.svg"}});return t.popup=zr,t}}});var Ws,Ep=g(()=>{"use strict";_t();he();Ws=class{provideButton(e){return e.readOnly?null:new we(e,{Text:{icon:P+"images/tools/TextTool.svg"}})}}});import{html as X_}from"@node-projects/base-custom-webcomponent";var Fr,Pp=g(()=>{"use strict";he();Nr();Fr=class extends ti{static template=X_`<div class="container"><header><h2 id="title">Selection</h2></header><main id="content-area"><div class="tools"><button type="button" class="tool" data-command="setTool" data-command-parameter="RectangleSelector" title="Rectangle Selector" style="--tool-icon:url('${P}images/tools/SelectRectTool.svg')"></button> <button type="button" class="tool" data-command="setTool" data-command-parameter="MagicWandSelector" title="Magic Wand Selector" style="--tool-icon:url('${P}images/tools/MagicWandTool.svg')"></button></div></main></div>`};customElements.define("node-projects-designer-selection-tool-popup",Fr)});var Gs,kp=g(()=>{"use strict";_t();he();Pp();Gs=class{provideButton(e){let t=new we(e,{RectangleSelector:{icon:P+"images/tools/SelectRectTool.svg"},MagicWandSelector:{icon:P+"images/tools/MagicWandTool.svg"}});return t.popup=Fr,t}}});var js,Ip=g(()=>{"use strict";le();se();js=class extends F{_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,M.Background)}dispose(){this._removeAllOverlays()}}});import{css as $_}from"@node-projects/base-custom-webcomponent";var Br,Dp=g(()=>{"use strict";Ip();Br=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new js(e,t,i)}static style=$_`.svg-rect-enter-container{stroke:none;fill:#aa00ff2e}`}});var Ys,Ap=g(()=>{"use strict";ze();ve();Ys=class extends ne{name="attached";getRefreshMode(e){return Y.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 Qi,Tp=g(()=>{"use strict";ve();ut();nt();fe();Ie();ze();Qi=class extends ne{name="attributes";getRefreshMode(e){return Y.fullOnValueChange}isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:x.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:x.attribute});return t.push({name:"",type:"addNew",service:this,propertyType:x.complex}),t}return null}async setValue(e,t,i){let r=e[0].openGroup("properties changed");for(let o of e)o.setAttribute(t.name,i);r.commit()}getPropertyTarget(e,t){return R.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 G.bound;let o=z.dashToCamelCase(t.name),s=t.name;e.forEach(l=>{let c=l.hasAttribute(s);i=i&&c,r=r||c});let a=ne.getOrBuildCachedBindings(e[0]);if(a&&a.find(l=>l.target==R.attribute&&l.targetName==o))return G.bound}else return G.none;return i?G.all:r?G.some:G.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 ne.getOrBuildCachedBindings(e[0]).find(r=>(r.target==R.property||r.target==R.explicitProperty||r.target==R.attribute)&&r.targetName==t.name)}getUnsetValue(e,t){return t.defaultValue}getContextMenu(e,t){let i=super.getContextMenu(e,t),r=this._getAttributeSourcePart(e,t);return r&&i.splice(1,0,{title:"jump to definition",action:()=>{let o=e[0].instanceServiceContainer.selectionService;o.primarySelection!==e[0]?o.setSelectedElements([e[0]],null,r):o.setSelectedPart(r)}}),i}_getAttributeSourcePart(e,t){return e?.length!==1||!t?.name?null:e[0].instanceServiceContainer.designItemDocumentPositionService?.getSourceParts(e[0]).find(i=>i.kind==="attribute"&&i.key===`attribute:${t.name}`)}}});var Us,Mp=g(()=>{"use strict";Le();gi();Us=class extends ae{_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),o=ji(this.designItems[0].element),s=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(s.gridRowStart),h=c+o.rowSpan,p=parseInt(s.gridColumnStart),d=p+o.colSpan;for(let u=1;u<=l;u++)for(let m=1;m<=a;m++){let f=document.createElement("button");f.style.minHeight="10px",f.onclick=()=>{let y=ji(this.designItems[0].element),v=this.designItems[0].openGroup("Change grid row/column");this.designItems[0].setStyle("grid-row",u+" / "+(u+y.rowSpan)),this.designItems[0].setStyle("grid-column",m+" / "+(m+y.colSpan)),v.commit()},u>=c&&u<h&&m>=p&&m<d&&(f.style.backgroundColor="coral"),this._root.appendChild(f)}}}}}});var Xs,Lp=g(()=>{"use strict";Le();Fl();fe();Xs=class extends ae{constructor(e){super(e);let t=new ar;t.property=e.name,t.style.height="auto",t.style.border="none",t.style.margin="2px 0",t.addEventListener("value-changed",i=>this._metricValueChanged(i.detail)),this.element=t}refreshValue(e,t){this.element.refresh(this.designItems?.[0]?.element)}async _metricValueChanged(e){if(!e?.property||!this.designItems?.length||this.disableChangeNotification)return;let t={...this.property,name:e.property,propertyName:e.property,propertyType:x.cssValue,type:"css-length"},i=e.newValue==null||e.newValue===""||e.newValue===this.element.unsetValue?null:e.newValue;i==null?this.property.service.clearValue(this.designItems,t,"value"):await this.property.service.setValue(this.designItems,t,i),this.designItems[0].instanceServiceContainer?.designerCanvas?.extensionManager?.refreshAllExtensions(this.designItems)}}});var $s,qm=g(()=>{$s={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:{type:"time"},animationDirection:{},animationDuration:{type:"time"},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:{type:"length"},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:{type:"length"},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:{type:"length"},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:{type:"length"},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:{type:"length"},hyphenateCharacter:{},hyphens:{},imageOrientation:{},imageRendering:{},imageResolution:{type:"resolution"},inherits:{},initialValue:{},inlineSize:{type:"length"},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:{type:"length"},letterSpacing:{type:"length"},lightingColor:{type:"color"},lineBreak:{},lineGapOverride:{},lineHeight:{type:"length"},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:{type:"length"},maxHeight:{type:"length"},maxInlineSize:{type:"length"},maxWidth:{type:"length"},minBlockSize:{type:"length"},minHeight:{type:"length"},minInlineSize:{type:"length"},minWidth:{type:"length"},mixBlendMode:{},negative:{},objectFit:{},objectPosition:{type:"position"},objectViewBox:{},offset:{},offsetDistance:{},offsetPath:{},offsetRotate:{type:"angle"},opacity:{type:"number"},order:{},orphans:{},outline:{},outlineColor:{type:"color"},outlineOffset:{type:"length"},outlineStyle:{},outlineWidth:{type:"length",values:["medium","thin","thick"]},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:{type:"length"},perspectiveOrigin:{},placeContent:{},placeItems:{},placeSelf:{},pointerEvents:{},position:{type:"list",values:["static","relative","absolute","fixed","sticky"]},prefix:{},quotes:{},r:{},range:{},resize:{},right:{type:"length"},rotate:{type:"angle"},rowGap:{type:"length"},rubyAlign:{},rubyPosition:{},rx:{},ry:{},scale:{type:"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:{type:"length"},textOrientation:{},textOverflow:{},textRendering:{},textShadow:{},textSizeAdjust:{},textTransform:{},textUnderlineOffset:{},textUnderlinePosition:{},textWrap:{},textWrapMode:{type:"list",values:["wrap","nowrap"]},textWrapStyle:{type:"list",values:["auto","balance","pretty","stable"]},top:{type:"length"},touchAction:{},transform:{},transformBox:{},transformOrigin:{},transformStyle:{},transition:{},transitionDelay:{type:"time"},transitionBehavior:{},transitionDuration:{type:"time"},transitionProperty:{},transitionTimingFunction:{},translate:{},unicodeBidi:{},unicodeRange:{},userSelect:{},vectorEffect:{},verticalAlign:{},visibility:{},whiteSpace:{},widows:{},width:{type:"length"},willChange:{},wordBreak:{},wordSpacing:{type:"length"},wordWrap:{},writingMode:{},x:{},y:{},zIndex:{},zoom:{type:"scale"}}});var Zi,Ks=g(()=>{"use strict";Ti();ve();Ie();Wn();Et();Zi=class extends et{_enrichCssProperty(e){return Ju(e)}getRefreshMode(e){return Y.none}async previewValue(e,t,i){let r=t.propertyName??t.name;r.startsWith("--")||(r=z.camelToDashCase(r));let o=typeof i=="string"?Ht(i):{value:i,important:!1};for(let s of e)s.element.style.setProperty(r,o.value,o.important?"important":"")}async removePreviewValue(e,t){let i=t.propertyName??t.name;i.startsWith("--")||(i=z.camelToDashCase(i));for(let r of e)r.hasStyle(i)?r.element.style.setProperty(i,r.getStyle(i),r.isStyleImportant(i)?"important":""):r.element.style.setProperty(i,"")}constructor(){super(!1)}}});var He,Qs=g(()=>{"use strict";nt();fe();ve();Ie();Mp();Lp();qm();Ks();He=class extends Zi{getRefreshMode(e){return Y.none}layout={common:["display","color","background-color","box-sizing","border","box-shadow","opacity","position","align-content"],font:["font-family","font-size","font-weight"],layout:["inset","margin","border","padding","overflow","metrics"]};grid=["display","position","grid-template-columns","grid-template-rows","gap","column-gap","row-gap","align-content","justify-content","align-items","justify-items"];gridChild=["grid-row","grid-column","assigned-row-column","align-self","justify-self"];flex=["display","position","flex-direction","flex-wrap","align-content","justify-content","align-items","gap"];flexChild=["align-self","justify-self"];svg=["fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"];layoutSvgChild={common:["display","fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"]};constructor(e){super(),this.name=e}isHandledElement(e){return!0}async getProperty(e,t){return this._getPropertyDef(t)}async getProperties(e){let t=this[this.name];if(Array.isArray(t))return t.map(r=>this._getPropertyDef(r));{let i=[];for(let r in t){let o={name:r,properties:t[r].map(s=>this._getPropertyDef(s))};i.push(o)}return i}}getPropertyNameSuggestions(e){return Object.keys($s).map(t=>z.camelToDashCase(t))}_getPropertyType(e){let t=$s[e]?.type;return t?"css-"+t:"string"}_getPropertyValues(e){return $s[e]?.values}_getPropertyDef(e){let t=z.dashToCamelCase(e);switch(t){case"assignedRowColumn":return{name:e,service:this,propertyType:x.complex,createEditor:i=>new Us(i)};case"metrics":return{name:e,service:this,propertyType:x.complex,hideLabel:!0,createEditor:i=>new Xs(i)};default:return this._enrichCssProperty({name:e,type:this._getPropertyType(t),values:this._getPropertyValues(t),service:this,propertyType:x.cssValue})}}getPropertyTarget(e,t){return R.css}}});var Q_,_i,Op=g(()=>{"use strict";fe();ve();ut();ee();nt();Ie();ze();Qs();Et();Q_="&lt;local&gt;",_i=class extends He{getRefreshMode(e){return Y.fullOnValueChange}constructor(){super(null),this.name="styles"}isHandledElement(e){return!0}async getProperty(e,t){let i=z.dashToCamelCase(t);return this._enrichCssProperty({name:t,type:this._getPropertyType(i),values:this._getPropertyValues(i),service:this,propertyType:x.cssValue})}async getProperties(e){if(!e||e.nodeType!=A.Element)return[];let t=e.getAllStyles().reverse().sort((s,a)=>s.specificity==null?-1:a.specificity==null?1:s.specificity.A>a.specificity.A||s.specificity.A===a.specificity.A&&s.specificity.B>a.specificity.B||s.specificity.A===a.specificity.A&&s.specificity.B===a.specificity.B&&s.specificity.C>a.specificity.C?-1:s.specificity.A===a.specificity.A&&s.specificity.B===a.specificity.B&&s.specificity.C===a.specificity.C?0:1),i=ne.getOrBuildCachedBindings(e),r=t.find(s=>s.selector===null);for(let s of i)s.target===R.css&&(r.declarations.find(a=>a.name==s.targetName)||r.declarations.push({name:s.targetName,value:null,important:!1,parent:null}));return t.map(s=>({name:(s.selector??Q_)+(s.specificity?" ("+s.specificity.A+"-"+s.specificity.B+"-"+s.specificity.C+")":""),description:s.stylesheetName??"",properties:[...s.declarations.map(a=>{let l=z.dashToCamelCase(a.name);return this._enrichCssProperty({name:a.name,renamable:!0,type:this._getPropertyType(l),values:this._getPropertyValues(l),service:this,propertyType:x.cssValue,styleRule:s,styleDeclaration:a})}),{name:"",type:"addNew",service:this,propertyType:x.complex,styleRule:s}]}))}async setValue(e,t,i){let r=typeof i=="string"?Ht(i):{value:i,important:!1};if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.updateDeclarationValue(t.styleDeclaration,r.value,r.important),this._notifyChangedProperty(e[0],t,i);return}if(t.styleRule?.selector!==null&&!t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(t.styleRule,t.name,r.value,r.important),this._notifyChangedProperty(e[0],t,i);return}for(let o of e)o.setStyle(t.name,r.value,r.important),o.element.setAttribute("style",o.element.getAttribute("style"))}clearValue(e,t,i){if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.removeDeclarationFromRule(t.styleRule,t.styleDeclaration.name);return}super.clearValue(e,t,i)}getValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?Ye(t.styleDeclaration.value,t.styleDeclaration.important):super.getValue(e,t)}getUnsetValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?Ye(t.styleDeclaration.value,t.styleDeclaration.important):super.getUnsetValue(e,t)}isSet(e,t){return t.styleRule?.selector&&t.styleDeclaration?e[0].hasStyle(t.name)?G.none:G.fromStylesheet:super.isSet(e,t)}getPropertyTarget(e,t){return t.name.startsWith("--")?R.cssvar:R.css}}});var xi,Vp=g(()=>{"use strict";fe();ve();ut();nt();Ks();Et();xi=class extends Zi{removeInheritedCustomProperties;constructor(e=!0){super(),this.name="customProperties",this.removeInheritedCustomProperties=e}getRefreshMode(e){return Y.fullOnValueChange}isHandledElement(e){return!0}async getProperty(e,t){return this._enrichCssProperty({name:t,type:"string",service:this,propertyType:x.cssValue})}async getProperties(e){if(e.nodeType!=Node.ELEMENT_NODE)return[];if(e?.element?.computedStyleMap){let o=Array.from(e.instanceServiceContainer.designerCanvas.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--")),s=Array.from(e.element.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--"));return this.removeInheritedCustomProperties&&(s=s.filter(l=>!o.includes(l))),s.map(l=>({name:l,service:this,propertyType:x.cssValue})).map(l=>this._enrichCssProperty(l))}let t=Array.from(getComputedStyle(e.instanceServiceContainer.designerCanvas)).map(o=>o[0]).filter(o=>o.startsWith("--")),i=Array.from(getComputedStyle(e.element)).map(o=>o[0]).filter(o=>o.startsWith("--"));return this.removeInheritedCustomProperties&&(i=i.filter(o=>!t.includes(o))),i.map(o=>({name:o,service:this,propertyType:x.cssValue})).map(o=>this._enrichCssProperty(o))}clearValue(e,t,i){super.clearValue(e,t,i)}getValue(e,t){let i=e[0].getStyle(t.name);return i?Ye(i,e[0].isStyleImportant(t.name)):getComputedStyle(e[0].element).getPropertyValue(t.name)}getUnsetValue(e,t){return e?.[0].element?.computedStyleMap?e[0].element.computedStyleMap().get(t.name)?.[0]:getComputedStyle(e[0].element).getPropertyValue(t.name)}isSet(e,t){return super.isSet(e,t)==G.bound?G.bound:e[0].hasStyle(t.name)?G.all:G.none}getPropertyTarget(e,t){return R.cssvar}}});var Zs,Np=g(()=>{"use strict";ee();Ap();Tp();Ti();Op();Vp();Qs();Zs=class{_attachedPropertiesService=new Ys;_rootPgList=[{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layout")}];_pgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new Qi},{name:"common",propertiesService:new et},{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layout")}];_svgPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new Qi},{name:"common",propertiesService:new et},{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layout")},{name:"svg",propertiesService:new He("svg")}];_svgChildPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new Qi},{name:"common",propertiesService:new et},{name:"styles",propertiesService:new _i},{name:"css vars",propertiesService:new xi},{name:"layout",propertiesService:new He("layoutSvgChild")}];_gridChild=[{name:"gridChild",propertiesService:new He("gridChild")}];_grid=[{name:"grid",propertiesService:new He("grid")}];_flexChild=[{name:"flexChild",propertiesService:new He("flexChild")}];_flex=[{name:"flex",propertiesService:new He("flex")}];getPropertygroups(e){if(e==null||e.length==0)return[];if(e[0].nodeType==A.TextNode||e[0].nodeType==A.Comment)return[];if(e[0].isRootItem){let r=e[0].getComputedStyle(),o=this._rootPgList;return r.display.includes("grid")?o=[...o,...this._grid]:r.display.includes("flex")&&(o=[...o,...this._flex]),o}this._svgChildPgList[0].propertiesService=this._svgPgList[0].propertiesService=this._pgList[0].propertiesService=e[0].serviceContainer.getLastServiceWhere("propertyService",r=>r.isHandledElement(e[0]));let t=this._pgList;e[0].element instanceof e[0].window.SVGElement&&(e[0].element instanceof e[0].window.SVGSVGElement?t=this._svgPgList:t=this._svgChildPgList);let i=e[0].getComputedStyle();if(i.display.includes("grid")?t=[...t,...this._grid]:i.display.includes("flex")&&(t=[...t,...this._flex]),e[0].parent){let r=e[0].parent.getComputedStyle();r.display.includes("grid")?t=[...t,...this._gridChild]:r.display.includes("flex")&&(t=[...t,...this._flexChild])}return t}}});var qs,Rp=g(()=>{"use strict";le();qs=class extends F{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element),t=getComputedStyle(this.extendedItem.element),i=Number.parseFloat(t.marginLeft.replace("px","")),r=Number.parseFloat(t.marginTop.replace("px","")),o=Number.parseFloat(t.marginRight.replace("px","")),s=Number.parseFloat(t.marginBottom.replace("px",""));this._rect=this._drawRect(e.x-i,e.y-r,i+e.width+o,r+e.height+s,"svg-placement",this._rect)}dispose(){this._removeAllOverlays()}}});import{css as Z_}from"@node-projects/base-custom-webcomponent";var Js,zp=g(()=>{"use strict";Rp();Js=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new qs(e,t,i)}static style=Z_`.svg-placement{stroke:#90caf9;fill:none}`}});var ea,Fp=g(()=>{"use strict";le();se();ea=class extends F{_path;constructor(e,t,i){super(e,t,i)}extend(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._path=this._drawTransformedRect(e,"svg-flexbox",this._path,M.Background)}refresh(){this._removeAllOverlays(),this.extend()}dispose(){this._removeAllOverlays()}}});import{css as q_}from"@node-projects/base-custom-webcomponent";var Bp,Hr,ta=g(()=>{"use strict";Fp();ee();Bp="flexboxExtensionShowOverlay",Hr=class{shouldExtend(e,t,i){if(i.nodeType!=A.Element)return!1;let r=getComputedStyle(i.element).display;return r=="flex"||r=="inline-flex"?t.instanceServiceContainer.designContext.extensionOptions[Bp]!==!1:!1}getExtension(e,t,i){return new ea(e,t,i)}style=q_`.svg-flexbox{stroke:orange;fill:#9a47ff22}`}});var ia,Hp=g(()=>{"use strict";ta();ai();ia=class extends tt{constructor(){super(Bp,"F","show flexbox overlay")}}});var ra,Wp=g(()=>{"use strict";ps();ai();ra=class extends tt{constructor(){super(Kh,"I","show invisible div overlay")}}});var na,Gp=g(()=>{"use strict";na=class{redoBranches;source;_contentChanges=[];title;get affectedItems(){let e=new Set;for(let t of this.undoStack)for(let i of t.affectedItems)e.add(i);for(let t of this.redoStack)for(let i of t.affectedItems)e.add(i);return[...e.values()]}commitHandler;abortHandler;constructor(e,t,i,r="local"){this.title=e,this.commitHandler=t,this.abortHandler=i,this.source=r}get contentChanges(){return this._contentChanges.length>0?this._contentChanges:null}do(){let e=null,t=[];for(;e=this.redoStack.pop();)try{let i=e.do();i&&t.push(...i),this.undoStack.push(e)}catch(i){throw i}return t.length>0?t:null}undo(){let e=null,t=[];for(;e=this.undoStack.pop();)try{let i=e.undo();i&&t.push(...i),this.redoStack.push(e)}catch(i){throw i}return t.length>0?t:null}commit(){this.commitHandler(this)}abort(){this.abortHandler(this)}mergeWith(e){return!1}addCommitedSubchangeGroup(e){this.undoStack.push(e),this._recordContentChanges(e.contentChanges)}undoStack=[];redoStack=[];execute(e){let t=e.do();this._recordContentChanges(t);for(let i of this.undoStack)if(i.mergeWith(e))return t;return this.undoStack.push(e),t}_recordContentChanges(e){e?.length&&this._contentChanges.push(...e)}}});import{TypedEvent as J_}from"@node-projects/base-custom-webcomponent";var oa,jp=g(()=>{"use strict";Gp();oa=class{_undoStack=[];_redoStack=[];_transactionStack=[];_designerCanvas;_storeRedoBranches;constructor(e,t=!1){this._designerCanvas=e,this._storeRedoBranches=t}openGroup(e,t="local"){let i=new na(e,r=>this.commitTransactionItem(r),r=>this.abortTransactionItem(r),t);return this._transactionStack.push(i),i}commitTransactionItem(e){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Commited Transaction was not the last";t.undoStack.length&&(this._transactionStack.length>0?this._transactionStack[this._transactionStack.length-1].addCommitedSubchangeGroup(t):(this._storeRedoBranches&&this._redoStack.length&&(t.redoBranches==null&&(t.redoBranches=[]),t.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(t))),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this.emitTransaction(e,"execute",e.source??"local"),e.contentChanges&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(e.contentChanges))}abortTransactionItem(e){if(this._transactionStack.length>0){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Aborted Transaction was not the last";t.undo()}}execute(e,t="local"){let i=null;this._transactionStack.length==0?(i=e.do(),this._storeRedoBranches&&this._redoStack.length&&(e.redoBranches==null&&(e.redoBranches=[]),e.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(e)):i=this._transactionStack[this._transactionStack.length-1].execute(e),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this.emitTransaction(e,"execute",t),i&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(i))}clear(){this._undoStack=[],this._redoStack=[],this._transactionStack=[]}clearTransactionstackIfNotEmpty(){this._transactionStack.length&&(console.error("transactionStack was not empty, but should be",this._transactionStack),this._transactionStack=[])}undo(e="local"){if(!this.canUndo())return;if(this._transactionStack.length!=0)throw"Cannot Undo while transaction is running";let t=this._undoStack.pop(),i=null;try{i=t.undo(),this._redoStack.push(t)}catch(r){throw this.clear(),r}this._designerCanvas.extensionManager.refreshAllExtensions(t.affectedItems),this.emitTransaction(t,"undo",e),i&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(i)}redo(e="local"){if(!this.canRedo())return;if(this._transactionStack.length!=0)throw"Cannot Redo while transaction is running";let t=this._redoStack.pop(),i=null;try{i=t.do(),this._undoStack.push(t)}catch(r){throw this.clear(),r}this._designerCanvas.extensionManager.refreshAllExtensions(t.affectedItems),this.emitTransaction(t,"redo",e),i&&this._designerCanvas.instanceServiceContainer.onContentChanged.emit(i)}redoTo(e){this._redoStack=e.toReversed();for(let t=0;t<e.length;t++)this.redo()}canUndo(){return this._undoStack.length>0}canRedo(){return this._redoStack.length>0}get undoCount(){return this._undoStack.length}get redoCount(){return this._redoStack.length}*getUndoEntryNames(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t].title}*getUndoEntries(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t]}*getRedoEntryNames(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t].title}*getRedoEntries(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t]}onTransaction=new J_;emitTransaction(e,t,i){this.onTransaction.emit({item:e,kind:t,source:i})}}});var sa,Jm=g(()=>{"use strict";sa=class{constructor(e,t,i){this.title="Change Selection",this.oldSelection=e,this.newSelection=t,this.selectionService=i}title;get affectedItems(){return this.oldSelection&&this.newSelection?[...this.oldSelection,...this.newSelection]:this.oldSelection?[...this.oldSelection]:[...this.newSelection]}undo(){return this.selectionService._withoutUndoSetSelectedElements(this.oldSelection),null}do(){return this.selectionService._withoutUndoSetSelectedElements(this.newSelection),null}oldSelection;newSelection;selectionService;mergeWith(e){return!1}}});import{TypedEvent as ef}from"@node-projects/base-custom-webcomponent";function tf(n,e){let t=null;if(n.hasChildren)for(let i of n.children()){let r=n.instanceServiceContainer.designItemDocumentPositionService.getPosition(i);r&&r.start<=e&&r.start+r.length>=e&&(t=i)}return t?tf(t,e):n}var aa,Yp=g(()=>{"use strict";Jm();aa=class{primarySelection;selectedElements=[];selectedPart;_designerCanvas;_undoSelectionChanges;constructor(e,t){this._designerCanvas=e,this._undoSelectionChanges=t}setSelectedElements(e,t,i){this._setSelectedElements(e,t,i)}_setSelectedElements(e,t,i){if((e===null||e.length===0)&&(e=[this._designerCanvas.rootDesignItem]),this.selectedElements!=e&&!(this.selectedElements.length===0&&(e==null||e.length===0))){if(this.selectedElements?.length===1&&e?.length===1&&e[0]===this.selectedElements[0]){this._setSelectedPart(i),this.onSelectionRefresh.emit({selectedElements:this.selectedElements,selectedPart:this.selectedPart,event:t});return}if(this._undoSelectionChanges){let r=new sa(this.selectedElements,e,this);this._designerCanvas.instanceServiceContainer.undoService.execute(r)}else this._withoutUndoSetSelectedElements(e,t,i)}}setSelectedPart(e,t){this._setSelectedPart(e)&&this.onSelectionRefresh.emit({selectedElements:this.selectedElements,selectedPart:this.selectedPart,event:t})}_setSelectedPart(e){let t=this.selectedPart;return t===e||t?.designItem===e?.designItem&&t?.key===e?.key?!1:(this.selectedPart=e,!0)}setSelectionByTextRange(e,t){let i=this._designerCanvas.instanceServiceContainer.designItemDocumentPositionService?.getSourcePartAt(e),r=tf(this._designerCanvas.rootDesignItem,e);r&&(this.selectedElements.length!=1||this.primarySelection!=r?this._setSelectedElements([r],void 0,i):this.setSelectedPart(i))}_withoutUndoSetSelectedElements(e,t,i){let r=this.selectedElements,o=this.selectedPart;if(!e)this.selectedElements=[],this.primarySelection=null,this.selectedPart=null;else{let s=[];for(let a of e)a&&(e.length==1||a!==a.instanceServiceContainer.designerCanvas.rootDesignItem)&&s.push(a);this.selectedElements=s,s&&s.length>0?this.primarySelection=s[0]:this.primarySelection=null,this.selectedPart=i?.designItem===this.primarySelection?i:null}this.onSelectionChanged.emit({selectedElements:this.selectedElements,oldSelectedElements:r,selectedPart:this.selectedPart,oldSelectedPart:o,event:t})}clearSelectedElements(){this.setSelectedElements([])}isSelected(e){return this.selectedElements.indexOf(e)>=0}onSelectionChanged=new ef;onSelectionRefresh=new ef}});var la,Up=g(()=>{"use strict";he();la=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"jump to",icon:`<img src="${P+"icons/jump.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element);t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},t.zoomFactor)}}]}}});var ca,Xp=g(()=>{"use strict";me();Yc();de();gi();le();se();ca=class extends F{gridInformation;_resizers=[];_initalPos;_initialSizes;_group;_hasChanged;constructor(e,t,i){super(e,t,i)}extend(e,t){this._group=this._drawGroup(null,this._group,M.Background),this._group.style.transformOrigin="0 0",this.refresh(t)}refresh(e,t){this.gridInformation=lt(this.extendedItem),this._group.style.transform=Yi(this.extendedItem).toString(),this.gridInformation.gaps.forEach((i,r)=>{i.width<3&&(i.width=3,i.x--,i.localX--),i.height<3&&(i.height=3,i.y--,i.localY--);let o=this._drawRect(i.localX,i.localY,i.width,i.height,"svg-grid-resizer-"+i.type,this._resizers[r],M.Normal);this._resizers[r]||(this._resizers[r]=o,o.addEventListener(k.PointerDown,s=>this._pointerActionTypeResize(s,o,i)),o.addEventListener(k.PointerMove,s=>this._pointerActionTypeResize(s,o,i)),o.addEventListener(k.PointerUp,s=>this._pointerActionTypeResize(s,o,i)),this._group.appendChild(o))})}_pointerActionTypeResize(e,t,i){e.stopPropagation();let r=i.type=="h"?"gridTemplateRows":"gridTemplateColumns",o=(i.type=="h"?i.row:i.column)-1,s=i.type=="h"?"height":"width",a=this._getAxisLocalPosition(e,i.type);switch(e.type){case k.PointerDown:t.setPointerCapture(e.pointerId),this._initalPos=a,this._initialSizes=getComputedStyle(this.extendedItem.element)[r];break;case k.PointerMove:if(this._initialSizes){let c=a-this._initalPos;if(Math.abs(c)>5||this._hasChanged){this._hasChanged=!0;let h=this._initialSizes.split(" ");h[o]=parseFloat(h[o])+c+"px",h[o+1]=parseFloat(h[o+1])-c+"px",this.extendedItem.element.style[r]=h.join(" "),this.extensionManager.refreshExtensions([this.extendedItem],null,e)}}break;case k.PointerUp:t.releasePointerCapture(e.pointerId);let l=a-this._initalPos;if(this._hasChanged){this._hasChanged=!1;let c=this.extendedItem.getStyleFromSheetOrLocalOrComputed(r),h=this._initialSizes.split(" "),p=pm(c);p.length!=h.length&&(p=h.map(m=>ui(m))),this.extendedItem.element.style[r]="";let d=h.map(m=>parseFloat(m));d[o]+=l,d[o+1]-=l;let u=this._convertCssUnits(d,p,this.extendedItem.element,s);this.extendedItem.updateStyleInSheetOrLocal(r,u.join(" "),null,!0)}this._initalPos=null,this._initialSizes=null,this.extensionManager.refreshExtensions([this.extendedItem]);break}}_getAxisLocalPosition(e,t){let i=Pr(this.extendedItem,this.designerCanvas.getNormalizedEventCoordinates(e));return t=="h"?i.y:i.x}_convertCssUnits(e,t,i,r){let o=getComputedStyle(i),a=Z(i)[r],l=r=="height"?this.gridInformation.cells.length-1:this.gridInformation.cells[0].length-1,c=r=="width"?o.columnGap:o.rowGap;c=="normal"&&(c="0px");let h=jc(c,i,r)??0,d=a-h*l;for(let m=0;m<e.length;m++)t[m]!="fr"&&(d-=e[m]);let u=[];for(let m=0;m<e.length;m++)t[m]!="fr"?u.push(Gi(e[m],i,r,t[m])):u.push((e[m]/d*10).toFixed(2)+"fr");return u}dispose(){this._removeAllOverlays()}}});import{css as ex}from"@node-projects/base-custom-webcomponent";var ha,$p=g(()=>{"use strict";Xp();Vr();ha=class{shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Or]!==!1:!1}getExtension(e,t,i){return new ca(e,t,i)}static style=ex`.svg-grid-resizer-v{fill:transparent;cursor:ew-resize;pointer-events:auto}.svg-grid-resizer-v:hover{fill:#ff7f5052}.svg-grid-resizer-h{fill:transparent;cursor:ns-resize;pointer-events:auto}.svg-grid-resizer-h:hover{fill:#ff7f5052}`}});var qi,Kp=g(()=>{"use strict";qi=class{extensions;extIndex;style;svgDefs;constructor(...e){this.extensions=e;for(let t of e)t.style&&(this.style||(this.style=[]),Array.isArray(t.style)?this.style.push(...t.style):this.style.push(t.style)),t.constructor.style&&(this.style||(this.style=[]),Array.isArray(t.constructor.style)?this.style.push(...t.constructor.style):this.style.push(t.constructor.style)),t.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.svgDefs)),t.constructor.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.constructor.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.constructor.svgDefs))}shouldExtend(e,t,i){for(this.extIndex=0;this.extIndex<this.extensions.length;this.extIndex++)if(this.extensions[this.extIndex].shouldExtend(e,t,i))return!0;return!1}getExtension(e,t,i){return this.extensions[this.extIndex].getExtension(e,t,i)}}});var pa,Qp=g(()=>{"use strict";pa=class{_designItemsAssignmentList=new WeakMap;_sourceParts=[];_sourcePartsByDesignItem=new WeakMap;_sourcePartsByDesignItemAndKey=new WeakMap;constructor(e){}setPosition(e,t){this._designItemsAssignmentList.set(e,t)}getPosition(e){return this._designItemsAssignmentList.get(e)}clearSourceParts(){this._sourceParts=[],this._sourcePartsByDesignItem=new WeakMap,this._sourcePartsByDesignItemAndKey=new WeakMap}addSourcePart(e){if(!e?.designItem||!e.textRange)return;this._sourceParts.push(e);let t=this._sourcePartsByDesignItem.get(e.designItem);t||(t=[],this._sourcePartsByDesignItem.set(e.designItem,t)),t.push(e);let i=this._sourcePartsByDesignItemAndKey.get(e.designItem);i||(i=new Map,this._sourcePartsByDesignItemAndKey.set(e.designItem,i)),i.set(e.key,e)}addSourceParts(e){for(let t of e??[])this.addSourcePart(t)}getSourcePartAt(e){let t=null;for(let i of this._sourceParts){let r=i.textRange.start,o=r+i.textRange.length;r<=e&&o>=e&&(!t||i.textRange.length<=t.textRange.length)&&(t=i)}return t}getSourceParts(e){return this._sourcePartsByDesignItem.get(e)??[]}getSourcePartPosition(e,t){return this._sourcePartsByDesignItemAndKey.get(e)?.get(t)?.textRange}}});var da,Zp=g(()=>{"use strict";_t();he();Uo();da=class{provideButton(e){if(e.readOnly)return null;let t=new we(e,{"":{icon:P+"images/tools/TransformTool.svg"}});return t.popup=yi,t}}});var ua,qp=g(()=>{"use strict";de();Oe();le();se();ua=class extends F{_line1;_line2;_line3;_line4;_designerView;constructor(e,t,i){super(e,t,i),this._designerView=t}extend(){this.refresh()}refresh(){let e=this._designerView.instanceServiceContainer.selectionService.selectedElements;if(e.length>1){e=ue(e);let t=si(e,this._designerView);this._line1=this._drawLine(t.x,t.y,t.x+t.width,t.y,"svg-multiple-rect-selection",this._line1,M.Background),this._line2=this._drawLine(t.x+t.width,t.y,t.x+t.width,t.y+t.height,"svg-multiple-rect-selection",this._line2,M.Background),this._line3=this._drawLine(t.x+t.width,t.y+t.height,t.x,t.y+t.height,"svg-multiple-rect-selection",this._line3,M.Background),this._line4=this._drawLine(t.x,t.y+t.height,t.x,t.y,"svg-multiple-rect-selection",this._line4,M.Background),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString()}}dispose(){this._removeAllOverlays()}}});import{css as tx}from"@node-projects/base-custom-webcomponent";var ma,Jp=g(()=>{"use strict";qp();ma=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new ua(e,t,i)}static style=tx`.svg-multiple-rect-selection{stroke:#909090;stroke-dasharray:3;fill:transparent;stroke-width:2}`}});var Wr,ed=g(()=>{"use strict";Wr=class{_name;get name(){return this._name}_elementList;getElements(){return Promise.resolve(this._elementList)}constructor(e,t){this._name=e,this._elementList=[],t.elements.forEach(i=>{this.isIElementDefintion(i)?this._elementList.push(i):this._elementList.push({tag:i})})}isIElementDefintion(e){return e!=null&&e.tag!=null}}});var Gr,td=g(()=>{"use strict";Fe();Gr=class{_name;get name(){return this._name}_importPrefix;_elementList;_resolveStored;_rejectStored;constructor(e,t,i){this._name=e,this._importPrefix=t,this._parseManifest(i)}_parseManifest(e){this._elementList=[];for(let t of e.modules){for(let i of t.exports)if(i.kind=="custom-element-definition"){let r={tag:i.name,import:jt(this._importPrefix,"/")+"/"+Me(t.path,"/"),packageName:this._name,className:i.declaration.name};this._addElementDefinition(r)}for(let i of t.declarations)if(i.tagName){let r={tag:i.tagName,import:jt(this._importPrefix,"/")+"/"+Me(t.path,"/"),packageName:this._name,className:i.name};this._addElementDefinition(r)}this._resolveStored&&(this._resolveStored.forEach(i=>i(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}_addElementDefinition(e){this._elementList.some(t=>t.tag==e.tag)||this._elementList.push(e)}async getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}}});var bi,fa=g(()=>{"use strict";nt();ve();fe();ze();bi=class n extends ne{getRefreshMode(e){return Y.full}_name;get name(){return this._name}_propertiesList;constructor(e,t,i){super(i),this._name=e,this._parseManifest(t)}_parseManifest(e){this._propertiesList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let o=[],s=t.find(a=>a.name==r.declaration.name);if(s){if(s.members){for(let a of s.members)if(a.kind=="field"&&a.privacy!=="private"&&a.privacy!=="protected"){let l=x.property;s.attributes&&(l=s.attributes.find(h=>h.fieldName==a.name)!=null?x.propertyAndAttribute:x.property);let c=n.manifestClassPropertyTypeToEditorPropertyType(a.type?.text,a.type?.editor);a.name&&o.push({name:a.name,service:this,propertyType:l,type:c[0],values:c[1],description:a.description})}this._propertiesList[r.name]=o}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}static manifestClassPropertyTypeToEditorPropertyType(e,t){if(t&&t.toLowerCase()==="color")return["color"];if(e){if(e.toLowerCase()==="boolean")return["boolean"];if(e.toLowerCase()==="number")return["number"];if(e.toLowerCase()==="string")return["string"];if(e.startsWith("'")&&e.includes("|"))return["list",e.split("|").map(r=>r.trim()).map(r=>r.substring(1,r.length-1))]}return[e]}isHandledElement(e){return this._propertiesList[e.name]!=null}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==x.attribute?R.attribute:R.property}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}}});var ga,id=g(()=>{"use strict";ga=class{_originalCustomElementsRegistry;_newElements=[];constructor(){this._originalCustomElementsRegistry=window.customElements;let e={},t=this._originalCustomElementsRegistry,i=this._newElements;e.define=function(r,o,s){i.push(r),t.define(r,o,s)},e.get=function(r){return t.get(r)},e.upgrade=function(r){return t.upgrade(r)},e.whenDefined=function(r){return t.whenDefined(r)},Object.defineProperty(window,"customElements",{get(){return e}})}dispose(){let e=this._originalCustomElementsRegistry;Object.defineProperty(window,"customElements",{get(){return e}})}getNewElements(){let e=this._newElements;return this._newElements=[],e}}});var ya,rd=g(()=>{"use strict";ed();td();fa();Fe();id();ya=class n{static registryPatchedTohandleErrors;static packageHacks;_packageSource;_dependecies=new Map;constructor(e="//cdn.jsdelivr.net/npm/"){this._packageSource=e,n.patchCustomElementsRegistryToHandleErrors()}static patchCustomElementsRegistryToHandleErrors(){if(!n.registryPatchedTohandleErrors){n.registryPatchedTohandleErrors=!0;let e=window.customElements,t={};t.define=function(i,r,o){try{e.define(i,r,o)}catch(s){console.warn(s)}},t.get=function(i){return e.get(i)},t.upgrade=function(i){return e.upgrade(i)},t.whenDefined=function(i){return e.whenDefined(i)},Object.defineProperty(window,"customElements",{get(){return t}})}}static getPackageHack(e){let t=n.packageHacks?.[e];if(!t){let i=Object.keys(n.packageHacks??{}).find(r=>r.endsWith("*")&&e.startsWith(r.substring(0,r.length-1)));t=n.packageHacks?.[i]}return t}static getExportImport(e){if(typeof e=="string")return e;if(Array.isArray(e)){for(let i of e){let r=n.getExportImport(i);if(r)return r}return null}if(!e)return null;let t=["browser","import","module","default","node"];for(let i of t){let r=n.getExportImport(e[i]);if(r)return r}return null}static addExportsToImportMap(e,t,i){let r=l=>t+Me(Me(l,"."),"/"),o=(l,c)=>{let h=n.getExportImport(c);h&&(e[l]=r(h))},s=i.exports;if(!s)return;let a=n.getExportImport(s);if(a){e[i.name]=r(a);return}for(let l in s)l.includes("*")||(l=="."?o(i.name,s[l]):l.startsWith("./")&&o(i.name+"/"+l.substring(2),s[l]))}async getRegisteredElementTags(e){let t=new Set;for(let i of e.elementsServices)try{for(let r of await i.getElements())t.add(r.tag)}catch(r){console.warn("error reading registered elements service",r)}return t}async loadDependencyCustomElementsJson(e,t,i){let r=new Set;if(!e)return r;for(let o of Object.keys(e))if(!o.startsWith("@types"))try{(await this.loadPackageCustomElementsJson(o,t,i)).forEach(a=>r.add(a))}catch(s){console.warn("error loading dependency custom-elements.json: ",o,s)}return r}async loadPackageCustomElementsJson(e,t,i){let r=new Set,o=window.location.protocol+this._packageSource+e+"/",s=await fetch(o+"package.json");if(!s.ok)return r;let a=await s.json(),l=o+"custom-elements.json",c=o;if(a.customElements&&(l=o+Me(jt(a.customElements,"/"),"/"),l.includes("/"))){let y=l.lastIndexOf("/");c=l.substring(0,y+1)}let h=await fetch(l);if(!h.ok)return r;let p=await h.json(),m=(await new Gr(a.name??e,c,p).getElements()).filter(y=>!i.has(y.tag));if(m.forEach(y=>r.add(y.tag)),r.size===0)return r;t.register("elementsService",new Wr(a.name??e,{elements:m}));let f=new bi(a.name??e,p);return t.register("propertyService",f),r.forEach(y=>i.add(y)),r}async loadNpmPackage(e,t,i,r,o){n.packageHacks||(n.packageHacks=(await import("./NpmPackageHacks.json",{assert:{type:"json"}})).default);let s=window.location.protocol+this._packageSource+e+"/",a=s+"package.json";o&&o(e+": loading package.json");let c=await(await fetch(a)).json(),h=n.getPackageHack(e);this.addToImportmap(s,c);let p=[];if(c.dependencies)for(let v in c.dependencies)p.push(this.loadDependency(v,c.dependencies[v]));if(h?.dependencies)for(let v in h.dependencies)p.push(this.loadDependency(v,h.dependencies[v]));await Promise.all(p);let d=s+"custom-elements.json",u=s;if(c.customElements&&(d=s+jt(c.customElements,"/"),d.includes("/"))){let v=d.lastIndexOf("/");u=d.substring(0,v+1)}let m=s+"web-component-designer.json";c.webComponentDesigner&&(m=s+Me(c.webComponentDesigner,"/")),o&&o(e+": loading custom-elements.json");let f=await fetch(d);if(!f.ok&&c.homepage)try{let C="https://raw.githubusercontent.com/"+new URL(c.homepage).pathname+"/master/custom-elements.json";f=await fetch(C),console.warn("custom-elements.json was missing from npm package, but was loaded from github as a fallback.")}catch(v){console.warn("github custom elments json fallback",v)}if(t&&fetch(m).then(async v=>{if(v.ok){let C=await v.json();if(C.services)for(let b in C.services)for(let _ of C.services[b]){_.startsWith("./")&&(_=_.substring(2));let S=(await importShim(s+_)).default;t.register(b,new S)}}}),f.ok){let v=await f.json(),C=new Gr(c.name,u,v);if(t&&t.register("elementsService",C),t){let b=new bi(c.name,v);t.register("propertyService",b)}if(r)for(let b of await C.getElements())importShim(b.import);t&&i&&i.loadControls(t,t.elementsServices),h?.import&&import(h.import),h?.script&&import(URL.createObjectURL(new Blob([h.script],{type:"application/javascript"})))}else{console.warn("npm package: "+e+" - no custom-elements.json found, only loading javascript module");let v=t?await this.getRegisteredElementTags(t):new Set,C=t?await this.loadDependencyCustomElementsJson({...c.dependencies,...h?.dependencies},t,v):new Set,b=new ga;c.module?await importShim(s+Me(c.module,"/")):c.main?await importShim(s+Me(c.main,"/")):c.unpkg?await importShim(s+Me(c.unpkg,"/")):console.warn("npm package: "+e+" - no entry point in package found."),h?.import&&await import(h.import),h?.script&&await import(URL.createObjectURL(new Blob([h.script],{type:"application/javascript"})));let _=b.getNewElements().filter(S=>!v.has(S)&&!C.has(S));if(_.length>0&&t&&i){let S={elements:_.map(I=>({tag:I,packageName:c.name??e}))},E=new Wr(e,S);t.register("elementsService",E)}(C.size>0||_.length>0)&&t&&i&&i.loadControls(t,t.elementsServices),b.dispose()}o&&o(e+": done");let y={};return h?.html&&(y.html=h.html.replaceAll("${baseUrl}",s)),h?.style&&(y.style=h.style.replaceAll("${baseUrl}",s)),y}async loadDependency(e,t,i){if(this._dependecies.has(e))return;if(this._dependecies.set(e,!0),e.startsWith("@types")){console.warn("ignoring wrong dependency: ",e);return}i&&i(e+": loading dependency: "+e);let r=window.location.protocol+this._packageSource+e+"/",o=r+"package.json",a=await(await fetch(o)).json(),l=[];if(a.dependencies)for(let c in a.dependencies)l.push(this.loadDependency(c,a.dependencies[c]));await Promise.all(l),this.addToImportmap(r,a)}async addToImportmap(e,t){let i=importShim.getImportMap().imports,r={imports:{},scopes:{}};if(!i.hasOwnProperty(t.name)){t.exports&&n.addExportsToImportMap(r.imports,e,t);let o=t.main;t.module&&(o=t.module),t.unpkg&&!o&&(o=t.unpkg),r.imports[t.name]||(o?r.imports[t.name]=e+Me(Me(o,"."),"/"):console.warn("package: "+e+"no main import found")),r.imports[t.name+"/"]=e;let s=n.getPackageHack(t.name);if(s?.map)for(let a in s.map)r.imports[a]=e+s.map[a];importShim.addImportMap(r)}}}});function va(n,e,t){let i=null,r=null,o=n.elementsFromPoint(e.clientX,e.clientY);for(let s of o)if(s==n.rootDesignItem.element){i=n.rootDesignItem;let a=getComputedStyle(i.element);r=n.serviceContainer.getLastServiceWhere("containerService",l=>l.serviceForContainer(i,a));break}else{i=O.GetOrCreateDesignItem(s,s,n.serviceContainer,n.instanceServiceContainer);let a=getComputedStyle(i.element);if(r=n.serviceContainer.getLastServiceWhere("containerService",l=>l.serviceForContainer(i,a)),r){if(t&&r.canEnter(i,t)&&!(i.element instanceof i.window.SVGElement))break;if(!t&&r.isEnterableContainer(i)&&!(i.element instanceof i.window.SVGElement))break;i=null,r=null;continue}}return[i,r]}var _a=g(()=>{"use strict";oe()});var xa,nd=g(()=>{"use strict";oe();ot();he();rd();_a();xa=class{_dragOverExtensionItem;_oldX;_oldY;_currentDragDropFormatNameElementDefinition;constructor(){window.addEventListener("dragstart",e=>{let t=e.dataTransfer;if(!t)return;let i=t.setData.bind(t);t.setData=(r,o)=>(r==Ni&&(this._currentDragDropFormatNameElementDefinition=o),i(r,o))},!0),window.addEventListener("dragend",e=>{this._currentDragDropFormatNameElementDefinition=null},!0)}dragEnter(e,t){}dragLeave(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null)}async dragOver(e,t){if(e.readOnly){t.dataTransfer.dropEffect="none";return}let i=null,r=t.dataTransfer.getData(Ni);if(r||(r=this._currentDragDropFormatNameElementDefinition),r){let s=JSON.parse(r);s&&(i=await e.serviceContainer.forSomeServicesTillResult("instanceService",a=>a.getElement(s,e.serviceContainer,e.instanceServiceContainer)))}let[o]=this.getPossibleContainerForDragDrop(e,t,i?[i]:null);o||(o=e.rootDesignItem),this._dragOverExtensionItem!=o?(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerExternalDragOverAndCanBeEntered),e.extensionManager.applyExtension(o,D.ContainerExternalDragOverAndCanBeEntered,t),this._dragOverExtensionItem=o):t.x!=this._oldX&&t.y!=this._oldY&&(this._oldX=t.x,this._oldY=t.y,e.extensionManager.refreshExtension(o,D.ContainerExternalDragOverAndCanBeEntered,t))}async drop(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,D.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null);let i=t.dataTransfer.getData(Ni),r=JSON.parse(i),o=await e.serviceContainer.forSomeServicesTillResult("instanceService",f=>f.getElement(r,e.serviceContainer,e.instanceServiceContainer)),[s]=this.getPossibleContainerForDragDrop(e,t,[o]);s||(s=e.rootDesignItem);let a=o.openGroup("Insert of &lt;"+o.name+"&gt;"),l=this.applyPlacementRules(e,s,o,r);s=l.container;let c=l.placedItem,h=e.serviceContainer.getLastServiceWhere("containerService",f=>f.serviceForContainer(s,s.getComputedStyle(),c));h.enterContainer(s,[c],"drop");let p=e.getNormalizedElementCoordinates(s.element),d=e.getNormalizedEventCoordinates(t),u={x:d.x-p.x,y:d.y-p.y},m={x:0,y:0};r.mouseOffset&&(m=r.mouseOffset),h.place(t,e,s,m,{x:0,y:0},u,[c]),h.finishPlace(t,e,s,m,{x:0,y:0},u,[c]),requestAnimationFrame(()=>{e.instanceServiceContainer.selectionService.setSelectedElements([o],t),a.commit()})}applyPlacementRules(e,t,i,r){let s=(r.packageName?ya.getPackageHack(r.packageName):null)?.placement?.ensureAncestors;if(!s?.length)return{container:t,placedItem:i};let a=i;for(let l of s){if(l.mode!=="wrap"||!l.selector||this.hasAncestorMatching(t,l.selector))continue;let c=this.createWrapperDesignItem(e,l);c&&(t.insertChild(c),t=c)}return{container:t,placedItem:a}}hasAncestorMatching(e,t){let i=e;for(;i;){try{if(i.element?.matches(t))return!0}catch(r){return console.warn("invalid placement ancestor selector: ",t,r),!1}i=i.parent}return!1}createWrapperDesignItem(e,t){if(!t.create?.tag)return null;let i=e.rootDesignItem.document.createElement(t.create.tag);if(t.create.attributes)for(let r in t.create.attributes)i.setAttribute(r,t.create.attributes[r]);if(t.create.styles)for(let r in t.create.styles)i.style[r]=t.create.styles[r];return O.createDesignItemFromInstance(i,e.serviceContainer,e.instanceServiceContainer)}getPossibleContainerForDragDrop(e,t,i){return va(e,t,i)}}});var Ne,jr=g(()=>{"use strict";Ne=class n{constructor(){}static _windowEvents=[{name:"afterprint",propertyName:"onafterprint",eventObjectName:"Event"},{name:"beforeprint",propertyName:"onbeforeprint",eventObjectName:"Event"},{name:"beforeunload",propertyName:"onbeforeunload",eventObjectName:"Event"},{name:"error",propertyName:"onerror",eventObjectName:"Event"},{name:"load",propertyName:"onload",eventObjectName:"Event"},{name:"hashchange",propertyName:"onhashchange",eventObjectName:"Event"},{name:"message",propertyName:"onmessage",eventObjectName:"Event"},{name:"offline",propertyName:"onoffline",eventObjectName:"Event"},{name:"online",propertyName:"ononline",eventObjectName:"Event"},{name:"pageshow",propertyName:"onpageshow",eventObjectName:"Event"},{name:"popstate",propertyName:"onpopstate",eventObjectName:"Event"},{name:"resize",propertyName:"onresize",eventObjectName:"Event"},{name:"storage",propertyName:"onstorage",eventObjectName:"Event"},{name:"unload",propertyName:"onunload",eventObjectName:"Event"}];static _allElements=[{name:"contextmenu",propertyName:"oncontextmenu",eventObjectName:"PointerEvent"}];static _focusableEvents=[{name:"blur",propertyName:"onblur",eventObjectName:"FocusEvent"},{name:"focus",propertyName:"onfocus",eventObjectName:"FocusEvent"},{name:"keydown",propertyName:"onkeydown",eventObjectName:"KeyboardEvent"},{name:"keyup",propertyName:"onkeyup",eventObjectName:"KeyboardEvent"}];static _simpleForm=[{name:"input",propertyName:"oninput",eventObjectName:"InputEvent"},{name:"change",propertyName:"onchange",eventObjectName:"Event"}];static _form=[{name:"beforeinput",propertyName:"onbeforeinput",eventObjectName:"InputEvent"},{name:"invalid",propertyName:"oninvalid",eventObjectName:"Event"},{name:"reset",propertyName:"onreset",eventObjectName:"Event"},{name:"select",propertyName:"onselect",eventObjectName:"Event"},{name:"submit",propertyName:"onsubmit",eventObjectName:"SubmitEvent"}];static _simpleMouseEvents=[{name:"click",propertyName:"onclick",eventObjectName:"PointerEvent"},{name:"dblclick",propertyName:"ondblclick",eventObjectName:"MouseEvent"},{name:"wheel",propertyName:"onwheel",eventObjectName:"WheelEvent"},{name:"scroll",propertyName:"onscroll",eventObjectName:"Event"}];static _mouseEvents=[{name:"mousedown",propertyName:"onmousedown",eventObjectName:"MouseEvent"},{name:"mouseup",propertyName:"onmouseup",eventObjectName:"MouseEvent"},{name:"mousemove",propertyName:"onmousemove",eventObjectName:"MouseEvent"},{name:"mouseover",propertyName:"onmouseover",eventObjectName:"MouseEvent"},{name:"mouseout",propertyName:"onmouseout",eventObjectName:"MouseEvent"}];static _pointerEvents=[{name:"pointerdown",propertyName:"onpointerdown",eventObjectName:"PointerEvent"},{name:"pointerup",propertyName:"onpointerup",eventObjectName:"PointerEvent"},{name:"pointerenter",propertyName:"onpointerenter",eventObjectName:"PointerEvent"},{name:"pointerleave",propertyName:"onpointerleave",eventObjectName:"PointerEvent"},{name:"pointermove",propertyName:"onpointermove",eventObjectName:"PointerEvent"},{name:"pointerover",propertyName:"onpointerover",eventObjectName:"PointerEvent"},{name:"pointerout",propertyName:"onpointerout",eventObjectName:"PointerEvent"},{name:"pointercancel",propertyName:"onpointercancel",eventObjectName:"PointerEvent"}];static _touchEvents=[{name:"touchstart",propertyName:"ontouchstart",eventObjectName:"TouchEvent"},{name:"touchend",propertyName:"ontouchend",eventObjectName:"TouchEvent"},{name:"touchmove",propertyName:"ontouchmove",eventObjectName:"TouchEvent"},{name:"touchcancel",propertyName:"ontouchcancel",eventObjectName:"TouchEvent"}];static _dragEvents=[{name:"drag",propertyName:"ondrag",eventObjectName:"DragEvent"},{name:"dragend",propertyName:"ondragend",eventObjectName:"DragEvent"},{name:"dragenter",propertyName:"ondragenter",eventObjectName:"DragEvent"},{name:"dragleave",propertyName:"ondragleave",eventObjectName:"DragEvent"},{name:"dragover",propertyName:"ondragover",eventObjectName:"DragEvent"},{name:"dragstart",propertyName:"ondragstart",eventObjectName:"DragEvent"},{name:"drop",propertyName:"ondrop",eventObjectName:"DragEvent"}];static _clipboard=[{name:"copy",propertyName:"oncopy",eventObjectName:"ClipboardEvent"},{name:"cut",propertyName:"oncut",eventObjectName:"ClipboardEvent"},{name:"paste",propertyName:"onpaste",eventObjectName:"ClipboardEvent"}];static _details=[{name:"toggle",propertyName:"ontoggle",eventObjectName:"Event"}];static _allEvents=[...n._windowEvents,...n._form,...n._simpleMouseEvents,...n._mouseEvents,...n._pointerEvents,...n._touchEvents,...n._allElements,...n._focusableEvents,...n._dragEvents,...n._clipboard,...n._dragEvents];isHandledElementFromEventsService(e){return!0}getPossibleEvents(e){return e.element instanceof e.window.HTMLInputElement||e.element instanceof e.window.HTMLTextAreaElement||e.element instanceof e.window.HTMLSelectElement?[...n._simpleForm,...n._simpleMouseEvents,...n._form,...n._pointerEvents,...n._allElements,...n._focusableEvents]:[...n._simpleMouseEvents,...n._pointerEvents,...n._allElements,...n._focusableEvents]}getEvent(e,t){return n._allEvents.find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}}});import{DomHelper as ix,cssFromString as rx}from"@node-projects/base-custom-webcomponent";var ba,od=g(()=>{"use strict";ba=class{async provideDemo(e,t,i,r){let o=document.createElement("div"),s=o.attachShadow({mode:"open",serializable:!0});o.style.width="100%",o.style.height="100%",o.style.border="none",o.style.display="none",o.style.overflow="auto",o.style.position="absolute",e.style.position="relative",ix.removeAllChildnodes(e),e.appendChild(o);let a=[];i.designerCanvas.additionalStyles&&a.push(...i.designerCanvas.additionalStyles),i.stylesheetService&&a.push(...i.stylesheetService.getStylesheets().map(l=>rx(l.content))),s.adoptedStyleSheets=a,s.innerHTML="","setHTMLUnsafe"in s?s.setHTMLUnsafe(r):s.innerHTML=r,o.style.display=""}}});var wa,sd=g(()=>{"use strict";me();Oe();_a();se();wa=class{_elementDefinition;_createdItem;_startPosition;_changeGroup;cursor="crosshair";_rect;constructor(e){this._elementDefinition=e}activated(e){}dispose(){this._createdItem&&this._createdItem.element.parentElement.removeChild(this._createdItem.element)}pointerEventHandler(e,t,i){switch(t.type){case k.PointerDown:this._onPointerDown(e,t);break;case k.PointerMove:this._onPointerMove(e,t);break;case k.PointerUp:this._onPointerUp(e,t);break}}keyboardEventHandler(e,t,i){}sizeOverlapThreshold=!1;async _onPointerDown(e,t){let i=e.getNormalizedEventCoordinates(t);t.preventDefault(),this._startPosition={x:i.x,y:i.y},this._changeGroup=e.rootDesignItem.openGroup("Insert Item"),this._createdItem=await e.serviceContainer.forSomeServicesTillResult("instanceService",l=>l.getElement(this._elementDefinition,e.serviceContainer,e.instanceServiceContainer)),this._createdItem.setStyle("position","absolute");let[r]=va(e,t,[this._createdItem]);r||(r=e.rootDesignItem),e.serviceContainer.getLastServiceWhere("containerService",l=>l.serviceForContainer(r,r.getComputedStyle(),this._createdItem)).enterContainer(r,[this._createdItem],"drop");let s=e.getNormalizedElementCoordinates(r.element),a={x:i.x-s.x,y:i.y-s.y};this._createdItem.setStyle("left",V(this._createdItem,a.x)+"px"),this._createdItem.setStyle("top",V(this._createdItem,a.y)+"px"),this._createdItem.setStyle("width","0"),this._createdItem.setStyle("height","0"),e.instanceServiceContainer.selectionService.clearSelectedElements()}async _onPointerMove(e,t){let i=e.getNormalizedEventCoordinates(t);if(this._createdItem){this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect"),e.overlayLayer.addOverlay(this.constructor.name,this._rect,M.Foreground),this._rect.setAttribute("class","svg-draw-new-element"),this._rect.setAttribute("x",V(this._createdItem,this._startPosition.x)),this._rect.setAttribute("y",V(this._createdItem,this._startPosition.y)));let r=V(this._createdItem,i.x-this._startPosition.x),o=V(this._createdItem,i.y-this._startPosition.y);parseFloat(""+r)>=0&&(this._rect.setAttribute("width",r),this._createdItem.setStyle("width",r+"px")),parseFloat(""+o)>=0&&(this._rect.setAttribute("height",o),this._createdItem.setStyle("height",o+"px")),(parseFloat(""+r)>5||parseFloat(""+o)>5)&&(this.sizeOverlapThreshold=!0)}}async _onPointerUp(e,t){this.sizeOverlapThreshold?(this._changeGroup.commit(),e.instanceServiceContainer.selectionService.setSelectedElements([this._createdItem],t)):this._changeGroup.abort(),e.overlayLayer.removeOverlay(this._rect),this._startPosition=null,this._rect=null,this._createdItem=null,e.serviceContainer.globalContext.finishedWithTool(this)}}});var Sa,ad=g(()=>{"use strict";Sa=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");i.className="toolbar-control toolbar-control-input",i.title="round pixels to";let r=document.createElement("input");return r.type="number",r.setAttribute("aria-label","Round pixels to decimal places"),r.step="1",r.min="-1",r.valueAsNumber=e.serviceContainer.options.roundPixelsToDecimalPlaces,r.onchange=()=>e.serviceContainer.options.roundPixelsToDecimalPlaces=r.valueAsNumber,i.appendChild(r),[i]}}});var Ca,ld=g(()=>{"use strict";Ti();fe();ve();Ca=class extends et{commonMathProperties=[{name:"displaystyle",type:"boolean",service:this,defaultValue:!0,propertyType:x.propertyAndAttribute}];mathProperties=[{name:"display",type:"list",values:["block","inline"],service:this,defaultValue:"text",propertyType:x.propertyAndAttribute}];mfracProperties=[{name:"denomalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:x.propertyAndAttribute},{name:"linethickness",type:"string",service:this,propertyType:x.propertyAndAttribute},{name:"numalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:x.propertyAndAttribute}];name="mathml";getRefreshMode(e){return Y.full}isHandledElement(e){return e.element instanceof e.window.MathMLElement}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"math":return[...this.commonMathProperties,...this.mathProperties];case"merror":return[...this.commonMathProperties];case"mfrac":return[...this.commonMathProperties,...this.mfracProperties];default:return[...this.commonMathProperties]}}}});function nf(n){return"command"in n}function nx(n){return"value"in n}function ox(n){let e=[],t=/[AaCcHhLlMmQqSsTtVvZz]|[-+]?(?:(?:\d*\.\d+)|(?:\d+\.?))(?:[eE][-+]?\d+)?/g,i;for(;i=t.exec(n);){let r=i[0];/^[AaCcHhLlMmQqSsTtVvZz]$/.test(r)?e.push({command:r,start:i.index,end:i.index+r.length}):e.push({value:Number(r),start:i.index,end:i.index+r.length})}return e}function sx(n,e){let t=e.map(o=>n[o]).filter(o=>o),i=Math.min(...t.map(o=>o.start)),r=Math.max(...t.map(o=>o.end));return{start:i,length:r-i}}function xt(n,e,t,i,r){let o=sx(i,r);n.push({segmentIndex:e,handleType:t,start:o.start,length:o.length})}function ax(n,e,t,i){switch(e.toUpperCase()){case"M":case"L":case"T":xt(n,t,"anchor",i,[0,1]);break;case"H":case"V":xt(n,t,"anchor",i,[0]);break;case"C":xt(n,t,"cp1",i,[0,1]),xt(n,t,"cp2",i,[2,3]),xt(n,t,"anchor",i,[4,5]);break;case"S":xt(n,t,"cp2",i,[0,1]),xt(n,t,"anchor",i,[2,3]);break;case"Q":xt(n,t,"cp1",i,[0,1]),xt(n,t,"anchor",i,[2,3]);break;case"A":xt(n,t,"anchor",i,[5,6]);break}}function of(n){let e=ox(n),t=[],i=0,r=null,o=0;for(;i<e.length;){let s=e[i];if(nf(s)){if(r=s.command,i++,r.toUpperCase()==="Z"){o++;continue}}else if(!r){i++;continue}let a=r,l=rf[a.toUpperCase()];if(l==null||l===0)continue;let c=a.toUpperCase()==="M";for(;i<e.length&&!nf(e[i]);){c?(a=r,c=!1):r.toUpperCase()==="M"&&(a=r===r.toLowerCase()?"l":"L"),l=rf[a.toUpperCase()];let h=[];for(let p=0;p<l&&i<e.length;p++,i++){let d=e[i];if(!nx(d))break;h.push(d)}if(h.length!==l)break;ax(t,a,o,h),o++}}return t}var rf,cd=g(()=>{"use strict";rf={M:2,L:2,H:1,V:1,C:6,S:4,Q:4,T:2,A:7,Z:0}});function hd(n,e){return`attribute:d/svg-path/segment:${n}/handle:${e}`}var Ea,Pa=g(()=>{"use strict";cd();Ea=class{canMap(e){return e.sourceKind==="attribute"&&e.name==="d"&&e.designItem.element instanceof e.designItem.window.SVGPathElement}map(e){return of(e.value).map(t=>({designItem:e.designItem,kind:"svg-path-handle",key:hd(t.segmentIndex,t.handleType),name:"d",textRange:{start:e.valueTextRange.start+t.start,length:t.length},data:{attribute:"d",segmentIndex:t.segmentIndex,handleType:t.handleType}}))}}});var ka,pd=g(()=>{"use strict";le();me();Gt();se();Ue();Bi();di();Jt();Pa();ka=class extends F{_geometry=null;_reader;_dragState=null;_options;_overlayStructureSignature=null;_eventCleanups=[];_overlayCircles=new Map;_overlayLines=[];constructor(e,t,i,r,o){super(e,t,i),this._reader=r??Qt(i.element),this._options=o??{}}extend(){this.refresh()}refresh(){if(!this._reader){this._cleanupAll();return}if(this._geometry=this._reader.read(this.extendedItem.element),!this._geometry){this._cleanupAll();return}let e=this._getOverlayStructureSignature(this._geometry);if(this._overlayStructureSignature!==e||this._hasOverlayStructureMismatch(this._geometry)){this._cleanupAll(),this._overlayStructureSignature=e,this._drawOverlays();return}this._valuesHaveChanges(...this._getRefreshValues(this._geometry))&&(this._updateOverlayAppearance(),this._updateOverlayPositions())}dispose(){this._cleanupAll(),this._geometry=null,this._dragState=null}_cleanupAll(){for(let e of this._eventCleanups)try{e()}catch{}this._eventCleanups=[],this._overlayStructureSignature=null,this._overlayCircles.clear(),this._overlayLines=[],this._removeAllOverlays()}_getOverlayStructureSignature(e){return e.segments.map(t=>`${t.type}:${t.cp1?1:0}:${t.cp2?1:0}`).join("|")}_hasOverlayStructureMismatch(e){let t=0,i=0;for(let r=0;r<e.segments.length;r++){let o=e.segments[r];o.type!==w.Close&&(this._shouldRenderAnchorHandle(r,o,e)&&i++,o.cp1&&(i++,t++,o.type===w.QuadraticBezier&&t++),o.cp2&&(i++,t++))}return this._overlayCircles.size!==i||this._overlayLines.length!==t}_getRefreshValues(e){let t=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0],i=[this.designerCanvas.zoomFactor,this.designerCanvas.scaleFactor,this._overlayStructureSignature??"",this._getSelectedHandleRefreshKey()];t&&i.push(t.p1.x,t.p1.y,t.p2.x,t.p2.y,t.p3.x,t.p3.y,t.p4.x,t.p4.y);for(let r of e.segments)i.push(r.type,r.point.x,r.point.y),r.cp1?i.push(r.cp1.x,r.cp1.y):i.push("cp1:none"),r.cp2?i.push(r.cp2.x,r.cp2.y):i.push("cp2:none");return i}_getSelectedHandleRefreshKey(){let e=this.extendedItem.instanceServiceContainer.selectionService.selectedPart,t=e?.data;return e?.designItem!==this.extendedItem||e.kind!=="svg-path-handle"?"selected:none":`selected:${t?.segmentIndex}:${t?.handleType}`}_toOverlay(e){return Er(this.extendedItem.element,this.designerCanvas,e)}_fromOverlay(e){return Dm(this.extendedItem.element,this.designerCanvas,e)}_drawOverlays(){if(!this._geometry)return;let e=null;for(let t=0;t<this._geometry.segments.length;t++){let i=this._geometry.segments[t];if(i.type===w.Close){e=this._geometry.segments[0]?.point??null;continue}if(i.cp1){let r=this._toOverlay(i.cp1);if(e){let o=this._toOverlay(e),s=this._drawLine(o.x,o.y,r.x,r.y,"svg-control-line");this._overlayLines.push(s)}if(i.type===w.QuadraticBezier){let o=this._toOverlay(i.point),s=this._drawLine(o.x,o.y,r.x,r.y,"svg-control-line");this._overlayLines.push(s)}this._drawControlCircle(r,t,"cp1")}if(i.cp2){let r=this._toOverlay(i.cp2),o=this._toOverlay(i.point),s=this._drawLine(o.x,o.y,r.x,r.y,"svg-control-line");this._overlayLines.push(s),this._drawControlCircle(r,t,"cp2")}if(this._shouldRenderAnchorHandle(t,i,this._geometry)){let r=this._toOverlay(i.point);this._drawAnchorCircle(r,t,i)}e=i.point}this._updateOverlayAppearance()}_updateOverlayAppearance(){let e=5/this.designerCanvas.scaleFactor,t=4/this.designerCanvas.scaleFactor,i=(1/this.designerCanvas.zoomFactor).toString(),r=(4/this.designerCanvas.scaleFactor).toString();for(let[o,s]of this._overlayCircles)s.setAttribute("r",(o.startsWith("anchor-")?e:t).toString()),s.style.strokeWidth=i,s.classList.toggle("svg-path-selected-part",this._isSelectedHandle(o));for(let o of this._overlayLines)o.style.strokeDasharray=r,o.style.strokeWidth=i}_addTrackedListener(e,t,i){e.addEventListener(t,i),this._eventCleanups.push(()=>e.removeEventListener(t,i))}_drawAnchorCircle(e,t,i){let r=5/this.designerCanvas.scaleFactor,o=this._drawCircle(e.x,e.y,r,"svg-path",void 0,M.Foreground);o.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),o.style.cursor="move",this._overlayCircles.set(`anchor-${t}`,o);let s=h=>this._onPointerDown(h,o,t,"anchor"),a=h=>this._onPointerMove(h,o,t,"anchor"),l=h=>this._onPointerUp(h,t),c=h=>{h.preventDefault(),this._showContextMenu(h,t,i)};this._addTrackedListener(o,k.PointerDown,s),this._addTrackedListener(o,k.PointerMove,a),this._addTrackedListener(o,k.PointerUp,l),this._addTrackedListener(o,k.ContextMenu,c)}_drawControlCircle(e,t,i){let r=4/this.designerCanvas.scaleFactor,o=this._drawCircle(e.x,e.y,r,"svg-control-point",void 0,M.Foreground);o.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),o.style.cursor="move",this._overlayCircles.set(`${i}-${t}`,o);let s=c=>this._onPointerDown(c,o,t,i),a=c=>this._onPointerMove(c,o,t,i),l=c=>this._onPointerUp(c,t);this._addTrackedListener(o,k.PointerDown,s),this._addTrackedListener(o,k.PointerMove,a),this._addTrackedListener(o,k.PointerUp,l)}_onPointerDown(e,t,i,r){e.stopPropagation(),e.preventDefault(),this._selectSourcePart(i,r,e),e.target.setPointerCapture(e.pointerId);let o=this.designerCanvas.getNormalizedEventCoordinates(e);if(!this._geometry)return;let s=this._geometry.segments[i],a;r==="anchor"?a={...s.point}:r==="cp1"?a={...s.cp1}:a={...s.cp2};let l=this._geometry.segments.map(c=>({point:{...c.point},cp1:c.cp1?{...c.cp1}:void 0,cp2:c.cp2?{...c.cp2}:void 0}));this._dragState={startCursorPos:o,segmentIndex:i,handleType:r,originalPoint:a,originalSegments:l,startScrollOffset:this.designerCanvas.canvasOffset,geometryChanged:!1}}_selectSourcePart(e,t,i){let r=this.extendedItem.instanceServiceContainer.selectionService,o=this._getSourcePart(e,t);r.primarySelection!==this.extendedItem?r.setSelectedElements([this.extendedItem],i,o):o&&r.setSelectedPart(o,i)}_getSourcePart(e,t){let i=hd(e,t);return this.extendedItem.instanceServiceContainer.designItemDocumentPositionService?.getSourceParts(this.extendedItem).find(r=>r.key===i)}_isSelectedHandle(e){let[t,i]=e.split("-"),r=this.extendedItem.instanceServiceContainer.selectionService.selectedPart,o=r?.data;return r?.designItem===this.extendedItem&&r.kind==="svg-path-handle"&&o?.segmentIndex===Number(i)&&o?.handleType===t}_onPointerMove(e,t,i,r){if(e.stopPropagation(),e.preventDefault(),!this._dragState||!this._geometry||e.buttons===0||this._dragState.segmentIndex!==i||this._dragState.handleType!==r)return;let o=this.designerCanvas.getNormalizedEventCoordinates(e),s=o.x-this._dragState.startCursorPos.x,a=o.y-this._dragState.startCursorPos.y;s===0&&a===0||(e.shiftKey&&(Math.abs(s)>=Math.abs(a)?a=0:s=0),!(s===0&&a===0)&&(e.altKey&&r==="anchor"&&this._options.allowShapeDrag!==!1?this._dragWholeShape(s,a):this._dragSingleHandle(i,r,s,a),r==="anchor"&&this._normalizeAxisLineSegments(),this._dragState.geometryChanged=!0,this._applyGeometryToElement(),this._updateOverlayPositions(),this.designerCanvas.extensionManager.refreshAllExtensions([this.extendedItem],this)))}_dragSingleHandle(e,t,i,r){let o=this._toOverlay(this._dragState.originalPoint),s={x:o.x+i,y:o.y+r},a=this._fromOverlay(s),l=this._geometry.segments[e];if(t==="anchor"){if(this.extendedItem.element instanceof SVGRectElement&&this._dragRectCorner(e,a)||this.extendedItem.element instanceof SVGCircleElement&&this._dragCircleCardinal(e,a)||this.extendedItem.element instanceof SVGEllipseElement&&this._dragEllipseCardinal(e,a))return;if(l.type===w.HorizontalLine){let c=this._findPreviousAnchor(e);l.point.x=a.x,l.point.y=c?.y??l.point.y}else if(l.type===w.VerticalLine){let c=this._findPreviousAnchor(e);l.point.x=c?.x??l.point.x,l.point.y=a.y}else l.point.x=a.x,l.point.y=a.y}else t==="cp1"?(l.cp1.x=a.x,l.cp1.y=a.y):(l.cp2.x=a.x,l.cp2.y=a.y)}_normalizeAxisLineSegments(){if(!this._geometry)return;let e=null,t=this._geometry.segments.find(i=>i.type!==w.Close)?.point;for(let i of this._geometry.segments){if(i.type===w.Close){t&&(i.point={...t});continue}e&&(i.type===w.HorizontalLine?i.point.y=e.y:i.type===w.VerticalLine&&(i.point.x=e.x)),e=i.point}}_dragRectCorner(e,t){if(!this._geometry||!this._dragState?.originalSegments||this._geometry.segments.length<4||e<0||e>3)return!1;let i=this._dragState.originalSegments;switch(e){case 0:this._setRectCornerPoints(t,{x:i[2].point.x,y:t.y},{...i[2].point},{x:t.x,y:i[2].point.y});break;case 1:this._setRectCornerPoints({x:i[3].point.x,y:t.y},t,{x:t.x,y:i[3].point.y},{...i[3].point});break;case 2:this._setRectCornerPoints({...i[0].point},{x:t.x,y:i[0].point.y},t,{x:i[0].point.x,y:t.y});break;case 3:this._setRectCornerPoints({x:t.x,y:i[1].point.y},{...i[1].point},{x:i[1].point.x,y:t.y},t);break;default:return!1}let r=this._geometry.segments[4];return r?.type===w.Close&&(r.point={...this._geometry.segments[0].point}),!0}_setRectCornerPoints(e,t,i,r){this._geometry.segments[0].point={...e},this._geometry.segments[1].point={...t},this._geometry.segments[2].point={...i},this._geometry.segments[3].point={...r}}_dragCircleCardinal(e,t){if(!this._geometry||!this._dragState?.originalSegments)return!1;let i=this._normalizeCardinalIndex(e);if(i===null)return!1;let r=this._dragState.originalSegments,o=(r[1].point.x+r[3].point.x)/2,s=(r[0].point.y+r[2].point.y)/2,a=o,l=s,c=Math.abs(r[1].point.x-r[3].point.x)/2;switch(i){case 0:{let h=r[2].point.y;l=(t.y+h)/2,c=Math.abs(h-t.y)/2;break}case 1:{let h=r[3].point.x;a=(t.x+h)/2,c=Math.abs(t.x-h)/2;break}case 2:{let h=r[0].point.y;l=(r[0].point.y+t.y)/2,c=Math.abs(t.y-h)/2;break}case 3:{let h=r[1].point.x;a=(h+t.x)/2,c=Math.abs(h-t.x)/2;break}default:return!1}return this._setCardinalArcPoints(a,l,c,c),!0}_dragEllipseCardinal(e,t){if(!this._geometry||!this._dragState?.originalSegments)return!1;let i=this._normalizeCardinalIndex(e);if(i===null)return!1;let r=this._dragState.originalSegments,o=(r[1].point.x+r[3].point.x)/2,s=(r[0].point.y+r[2].point.y)/2,a=Math.abs(r[1].point.x-r[3].point.x)/2,l=Math.abs(r[2].point.y-r[0].point.y)/2;switch(i){case 0:{let c=r[2].point.y;s=(t.y+c)/2,l=Math.abs(c-t.y)/2;break}case 1:{let c=r[3].point.x;o=(t.x+c)/2,a=Math.abs(t.x-c)/2;break}case 2:{let c=r[0].point.y;s=(c+t.y)/2,l=Math.abs(t.y-c)/2;break}case 3:{let c=r[1].point.x;o=(c+t.x)/2,a=Math.abs(c-t.x)/2;break}default:return!1}return this._setCardinalArcPoints(o,s,a,l),!0}_normalizeCardinalIndex(e){return e>=0&&e<=3?e:e===4?0:null}_setCardinalArcPoints(e,t,i,r){this._geometry&&(this._geometry.segments[0].point={x:e,y:t-r},this._geometry.segments[1].point={x:e+i,y:t},this._geometry.segments[2].point={x:e,y:t+r},this._geometry.segments[3].point={x:e-i,y:t},this._geometry.segments[1].arc&&(this._geometry.segments[1].arc.rx=i,this._geometry.segments[1].arc.ry=r),this._geometry.segments[2].arc&&(this._geometry.segments[2].arc.rx=i,this._geometry.segments[2].arc.ry=r),this._geometry.segments[3].arc&&(this._geometry.segments[3].arc.rx=i,this._geometry.segments[3].arc.ry=r),this._geometry.segments[4]?.arc&&(this._geometry.segments[4].point={x:e,y:t-r},this._geometry.segments[4].arc.rx=i,this._geometry.segments[4].arc.ry=r),this._geometry.segments[5]?.type===w.Close&&(this._geometry.segments[5].point={x:e,y:t-r}))}_shouldRenderAnchorHandle(e,t,i){if(!(this.extendedItem.element instanceof SVGCircleElement)&&!(this.extendedItem.element instanceof SVGEllipseElement)||e!==4)return!0;let r=i.segments[0];return t.point.x!==r?.point.x||t.point.y!==r?.point.y}_dragWholeShape(e,t){if(!(!this._dragState?.originalSegments||!this._geometry))for(let i=0;i<this._geometry.segments.length;i++){let r=this._dragState.originalSegments[i],o=this._geometry.segments[i],s=this._toOverlay(r.point),a={x:s.x+e,y:s.y+t},l=this._fromOverlay(a);if(o.point.x=l.x,o.point.y=l.y,o.cp1&&r.cp1){let c=this._toOverlay(r.cp1),h={x:c.x+e,y:c.y+t},p=this._fromOverlay(h);o.cp1.x=p.x,o.cp1.y=p.y}if(o.cp2&&r.cp2){let c=this._toOverlay(r.cp2),h={x:c.x+e,y:c.y+t},p=this._fromOverlay(h);o.cp2.x=p.x,o.cp2.y=p.y}}}_updateOverlayPositions(){if(!this._geometry)return;let e=null,t=0;for(let i=0;i<this._geometry.segments.length;i++){let r=this._geometry.segments[i];if(r.type===w.Close){e=this._geometry.segments[0]?.point??null;continue}if(r.cp1){let o=this._toOverlay(r.cp1);if(e&&t<this._overlayLines.length){let a=this._toOverlay(e),l=this._overlayLines[t++];l.setAttribute("x1",a.x.toString()),l.setAttribute("y1",a.y.toString()),l.setAttribute("x2",o.x.toString()),l.setAttribute("y2",o.y.toString())}if(r.type===w.QuadraticBezier&&t<this._overlayLines.length){let a=this._toOverlay(r.point),l=this._overlayLines[t++];l.setAttribute("x1",a.x.toString()),l.setAttribute("y1",a.y.toString()),l.setAttribute("x2",o.x.toString()),l.setAttribute("y2",o.y.toString())}let s=this._overlayCircles.get(`cp1-${i}`);s&&(s.setAttribute("cx",o.x.toString()),s.setAttribute("cy",o.y.toString()))}if(r.cp2){let o=this._toOverlay(r.cp2),s=this._toOverlay(r.point);if(t<this._overlayLines.length){let l=this._overlayLines[t++];l.setAttribute("x1",s.x.toString()),l.setAttribute("y1",s.y.toString()),l.setAttribute("x2",o.x.toString()),l.setAttribute("y2",o.y.toString())}let a=this._overlayCircles.get(`cp2-${i}`);a&&(a.setAttribute("cx",o.x.toString()),a.setAttribute("cy",o.y.toString()))}if(this._shouldRenderAnchorHandle(i,r,this._geometry)){let o=this._toOverlay(r.point),s=this._overlayCircles.get(`anchor-${i}`);s&&(s.setAttribute("cx",o.x.toString()),s.setAttribute("cy",o.y.toString()))}e=r.point}}_onPointerUp(e,t){e.stopPropagation(),e.target.releasePointerCapture(e.pointerId),this._dragState?.geometryChanged&&this._geometry&&this._commitGeometryChange(),this._dragState=null}_applyGeometryToElement(){if(!this._reader||!this._geometry)return;let e=this._reader.serialize(this._geometry);sm(this.extendedItem.element,e,this.extendedItem.serviceContainer.options.roundPixelsToDecimalPlaces)}_commitGeometryChange(){if(!this._reader||!this._geometry)return;let e=this._reader.serialize(this._geometry),t=this.extendedItem.openGroup("editGeometry");to(this.extendedItem,e),t.commit()}_showContextMenu(e,t,i){if(!this._geometry)return;let r=[],o=this.extendedItem.element instanceof SVGPathElement;if(this._geometry.segments.filter(a=>a.type!==w.Close).length>2&&r.push({title:"Delete point",action:()=>{this._geometry&&(this._geometry.segments.splice(t,1),t===0&&this._geometry.segments.length>0&&this._geometry.segments[0].type!==w.Close&&(this._geometry.segments[0].type=w.Move),this._applyGeometryToElement(),this._commitGeometryChange())}}),o&&this._findNextNonCloseSegment(t)!==null&&r.push({title:"Insert point after",action:()=>{this._insertPointAfter(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),o&&this._geometry.segments.length>0){let a=this._geometry.segments.some(c=>c.type===w.Close),l=this._findLastNonCloseIndex();(t===l||a&&i.type!==w.Close)&&(r.push({title:"---"}),a?r.push({title:"Open path",action:()=>{this._geometry&&(this._geometry.segments=this._geometry.segments.filter(c=>c.type!==w.Close),this._geometry.closed=!1,this._applyGeometryToElement(),this._commitGeometryChange())}}):r.push({title:"Close path",action:()=>{this._geometry&&(this._geometry.segments.push({type:w.Close,relative:!1,point:this._geometry.segments[0].point}),this._geometry.closed=!0,this._applyGeometryToElement(),this._commitGeometryChange())}}))}if(o&&t>0&&i.type!==w.Close){r.push({title:"---"});let a=[];i.type!==w.Move&&a.push({title:"moveto",action:()=>{this._convertToMove(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.Line&&i.type!==w.HorizontalLine&&i.type!==w.VerticalLine&&a.push({title:"line",action:()=>{this._convertToLine(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.HorizontalLine&&a.push({title:"horizontal line",action:()=>{this._convertToHorizontalLine(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.VerticalLine&&a.push({title:"vertical line",action:()=>{this._convertToVerticalLine(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.QuadraticBezier&&a.push({title:"quadratic b\xE9zier",action:()=>{this._convertToQuadratic(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.CubicBezier&&a.push({title:"cubic b\xE9zier",action:()=>{this._convertToCubic(t),this._applyGeometryToElement(),this._commitGeometryChange()}}),i.type!==w.Arc&&(a.push({title:"arc",action:()=>{this._convertToArc(t,!1),this._applyGeometryToElement(),this._commitGeometryChange()}}),a.push({title:"inverted arc",action:()=>{this._convertToArc(t,!0),this._applyGeometryToElement(),this._commitGeometryChange()}})),a.length>0&&r.push({title:"Convert to",children:a}),i.type===w.Arc&&r.push({title:"Invert arc",action:()=>{this._invertArc(t),this._applyGeometryToElement(),this._commitGeometryChange()}})}r.length>0&&De.show(r,e)}_findLastNonCloseIndex(){if(!this._geometry)return-1;for(let e=this._geometry.segments.length-1;e>=0;e--)if(this._geometry.segments[e].type!==w.Close)return e;return-1}_findNextNonCloseSegment(e){if(!this._geometry)return null;for(let t=e+1;t<this._geometry.segments.length;t++)if(this._geometry.segments[t].type!==w.Close)return t;return null}_findPreviousAnchor(e){if(!this._geometry)return null;for(let t=e-1;t>=0;t--){let i=this._geometry.segments[t];if(i.type!==w.Close)return i.point}return null}_insertPointAfter(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findNextNonCloseSegment(e);if(i===null)return;let r=this._geometry.segments[i],o;switch(r.type){case w.CubicBezier:{let a=t.point,l=r.cp1,c=r.cp2,h=r.point;o=this._evalCubicBezier(a,l,c,h,.5);break}case w.QuadraticBezier:{let a=t.point,l=r.cp1,c=r.point;o=this._evalQuadraticBezier(a,l,c,.5);break}default:{o={x:(t.point.x+r.point.x)/2,y:(t.point.y+r.point.y)/2};break}}let s={type:w.Line,relative:t.relative,point:o};this._geometry.segments.splice(e+1,0,s)}_convertToMove(e){if(!this._geometry)return;let t=this._geometry.segments[e];t.type=w.Move,delete t.cp1,delete t.cp2,delete t.arc}_convertToLine(e){if(!this._geometry)return;let t=this._geometry.segments[e];t.type=w.Line,delete t.cp1,delete t.cp2,delete t.arc}_convertToHorizontalLine(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);i&&(t.type=w.HorizontalLine,t.point.y=i.y,delete t.cp1,delete t.cp2,delete t.arc)}_convertToVerticalLine(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);i&&(t.type=w.VerticalLine,t.point.x=i.x,delete t.cp1,delete t.cp2,delete t.arc)}_convertToQuadratic(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);if(!i)return;let r=t.point,o=(i.x+r.x)/2,s=(i.y+r.y)/2,a=Math.sqrt(Math.pow(r.x-i.x,2)+Math.pow(r.y-i.y,2)),l=Math.max(20,a*.25),c=Math.atan2(r.y-i.y,r.x-i.x)-Math.PI/2;t.type=w.QuadraticBezier,t.cp1={x:o+l*Math.cos(c),y:s+l*Math.sin(c)},delete t.cp2,delete t.arc}_convertToCubic(e){if(!this._geometry)return;let t=this._geometry.segments[e],i=this._findPreviousAnchor(e);if(!i)return;let r=t.point;if(t.type===w.QuadraticBezier&&t.cp1){t.type=w.CubicBezier;let o=t.cp1;t.cp1={x:i.x+2/3*(o.x-i.x),y:i.y+2/3*(o.y-i.y)},t.cp2={x:r.x+2/3*(o.x-r.x),y:r.y+2/3*(o.y-r.y)}}else t.type=w.CubicBezier,t.cp1={x:i.x+(r.x-i.x)/3,y:i.y+(r.y-i.y)/3},t.cp2={x:i.x+2*(r.x-i.x)/3,y:i.y+2*(r.y-i.y)/3};delete t.arc}_convertToArc(e,t=!1){if(!this._geometry)return;let i=this._geometry.segments[e],r=this._findPreviousAnchor(e);if(!r)return;let o=i.point,s=o.x-r.x,a=o.y-r.y,l=Math.sqrt(s*s+a*a),c=Math.max(1,l/2);i.type=w.Arc,i.arc={rx:c,ry:c,rotation:0,largeArc:!1,sweep:!t},delete i.cp1,delete i.cp2}_invertArc(e){if(!this._geometry)return;let t=this._geometry.segments[e];t.type!==w.Arc||!t.arc||(t.arc.sweep=!t.arc.sweep)}_evalCubicBezier(e,t,i,r,o){let s=1-o;return{x:s*s*s*e.x+3*s*s*o*t.x+3*s*o*o*i.x+o*o*o*r.x,y:s*s*s*e.y+3*s*s*o*t.y+3*s*o*o*i.y+o*o*o*r.y}}_evalQuadraticBezier(e,t,i,r){let o=1-r;return{x:o*o*e.x+2*o*r*t.x+r*r*i.x,y:o*o*e.y+2*o*r*t.y+r*r*i.y}}}});import{css as lx}from"@node-projects/base-custom-webcomponent";var Ia,dd=g(()=>{"use strict";pd();Jt();Ia=class{_customReader;constructor(e){this._customReader=e}shouldExtend(e,t,i){if(this._customReader)return!0;let r=i.node;return r instanceof SVGPathElement||r instanceof SVGRectElement||r instanceof SVGLineElement||r instanceof SVGEllipseElement||r instanceof SVGCircleElement||r instanceof SVGPolygonElement||r instanceof SVGPolylineElement?Im(r):!1}getExtension(e,t,i){return new ka(e,t,i,this._customReader)}style=lx`.svg-control-line{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-dasharray:4;pointer-events:none;opacity:.9}.svg-control-point{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-handle,#fff);pointer-events:auto}.svg-path-selected-part{stroke:var(--wcd-color-handle-stroke,#000);fill:var(--wcd-color-handle-active,#0f0)}`}});var Vt,ud=g(()=>{"use strict";Vt=class{constructor(e,t,i=!1){this.extensionProvider=e,this.condition=t,this.style=e.style??e.constructor.style,this.svgDefs=e.svgDefs??e.constructor.svgDefs}extensionProvider;condition;style;svgDefs;shouldExtend(e,t,i){return this.condition(i,t)?this.extensionProvider.shouldExtend(e,t,i):!1}getExtension(e,t,i){return this.extensionProvider.getExtension(e,t,i)}}});var bt,Ke,ct=g(()=>{"use strict";he();le();Fe();bt="basicStackedToolbarExtensionShowOverlay",Ke=class n extends F{static basicTemplate=Ru`<select title="position" id="position" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>static</option><option>relative</option><option>absolute</option><option>fixed</option></select><node-projects-image-button-list-selector id="inline" no-value-in-header property="inline"><img data-value="block" title="block" src="${P}images/display/block.svg"> <img data-value="inline" title="inline" src="${P}images/display/inline.svg"></node-projects-image-button-list-selector><select title="display" id="displayType" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>block</option><option>flex</option><option>grid</option></select>`;static toolBars=[];_toolbar;_size={width:220,height:30};_display;_inline;constructor(e,t,i){super(e,t,i)}extend(e,t){let i=getComputedStyle(this.extendedItem.element);this._display=i.display.replace("inline-","").replace("inline","block"),this._inline=i.display.startsWith("inline")?"inline":"block",this._toolbar=this.createToolbar(this.constructor.template,this._size.width,this._size.height),n.toolBars.push(this._toolbar);let r=this._toolbar.getById("position");r&&(r.value=i.position,r.onchange=async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("position",r.value),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let o=this._toolbar.getById("displayType");o&&(o.value=this._display,o.onchange=async()=>{this._display=o.value,await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let s=this._toolbar.getById("inline");s&&(s.value=this._inline,s.addEventListener("value-changed",async()=>{this._inline=s.value,this._inline&&i.position==="absolute"&&this.extendedItem.setStyle("position","static"),await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])}))}async updateDisplayValue(){let e=(this._inline=="inline"?"inline ":"")+this._display;e==="inline block"&&(e="inline"),await this.extendedItem.updateStyleInSheetOrLocalAsync("display",e)}refresh(e,t){if(t){let i=this.designerCanvas.getNormalizedEventCoordinates(t),r=0;for(let o=0;o<n.toolBars.length-1&&n.toolBars[o]!==this._toolbar;o++)r+=this._toolbar.children[0].getBoundingClientRect().height+4;this._toolbar.updatePosition({x:i.x-16/this.designerCanvas.zoomFactor,y:i.y-r-(this._size.height+14)/this.designerCanvas.zoomFactor})}}_addStyleButton(e){let t=getComputedStyle(this.extendedItem.element),i=this._toolbar.getById(e);i.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync(e,i.value)}),i.value=t[e]}dispose(){n.toolBars.splice(n.toolBars.indexOf(this._toolbar),1),this._removeAllOverlays()}}});import{html as cx}from"@node-projects/base-custom-webcomponent";var Da,md=g(()=>{"use strict";ct();he();Da=class extends Ke{static template=cx`<div style="height:100%;width:100%">${Ke.basicTemplate} <select title="display" id="gridType" style="pointer-events:auto;height:24px;width:60px;padding:0;margin-right:10px"><option>1x1</option><option>1x16</option><option>2x8</option><option>4x4</option><option>8x2</option><option>16x1</option><option>custom</option></select><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="center" data-value="center" src="${P}images/chromeDevtools/align-content-center-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-items" no-value-in-header id="justify-items"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=624}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridType"),o=document.createElement("option");o.innerText=i.gridTemplateColumns.split(" ").length+"x"+i.gridTemplateRows.split(" ").length,r.insertAdjacentElement("afterbegin",o),r.selectedIndex=0,r.onchange=async()=>{if(r.value=="custom"){let s=prompt("Number of columns?","4");if(!s)return;let a=prompt("Number of rows?","4");if(!a)return;let l=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+s+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+a+", 1fr)"),l.commit()}else{let s=r.value.split("x"),a=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+s[0]+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+s[1]+", 1fr)"),a.commit()}},this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this._addStyleButton("justify-items"),this.refresh(e,t)}}});var Aa,fd=g(()=>{"use strict";md();ee();ct();Aa=class{shouldExtend(e,t,i){if(i.nodeType===A.Element){let r=getComputedStyle(i.element).display;if(r==="grid"||r==="inline-grid")return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new Da(e,t,i)}}});import{html as hx}from"@node-projects/base-custom-webcomponent";var Ta,gd=g(()=>{"use strict";he();ct();Ta=class extends Ke{static template=hx`<div style="height:100%;width:100%">${Ke.basicTemplate}<node-projects-image-button-list-selector property="direction" no-value-in-header id="flex-direction"><img title="row" data-value="row" src="${P}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column" data-value="column" src="${P}images/chromeDevtools/flex-direction-column-icon.svg"> <img title="row-reverse" data-value="row-reverse" style="transform:scaleX(-1)" src="${P}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column-reverse" data-value="column-reverse" style="transform:scaleY(-1)" src="${P}images/chromeDevtools/flex-direction-column-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="wrap" no-value-in-header id="flex-wrap"><img title="nowrap" data-value="nowrap" src="${P}images/chromeDevtools/flex-wrap-nowrap-icon.svg"> <img title="wrap" data-value="wrap" src="${P}images/chromeDevtools/flex-wrap-wrap-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-content-flex-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-content-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-content-flex-end-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${P}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${P}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${P}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=625}extend(e,t){super.extend(e,t),this._addFlexDirectionButton(),this._addStyleButton("flex-wrap"),this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this.refresh(e,t)}_addFlexDirectionButton(){let e=getComputedStyle(this.extendedItem.element),t=this._toolbar.getById("flex-direction");t.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("flex-direction",t.value),this.rotateImagesAcordingFlexDirection(t.value)}),t.value=e["flex-direction"],this.rotateImagesAcordingFlexDirection(t.value)}rotateImagesAcordingFlexDirection(e){let t=0;(e=="column"||e=="column-reverse")&&(t=-90),this._toolbar.getById("flex-wrap").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("justify-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-items").querySelectorAll("img:nth-child(-n+4)").forEach(i=>i.style.rotate=t+"deg")}}});var Ma,yd=g(()=>{"use strict";gd();ee();ct();Ma=class{shouldExtend(e,t,i){if(i.nodeType===A.Element){let r=getComputedStyle(i.element).display;if(r==="flex"||r==="inline-flex")return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new Ta(e,t,i)}}});import{html as px}from"@node-projects/base-custom-webcomponent";var La,vd=g(()=>{"use strict";ct();La=class extends Ke{static template=px`<div style="height:100%;width:100%">${Ke.basicTemplate}</div>`;constructor(e,t,i){super(e,t,i)}extend(e,t){super.extend(e,t),this.refresh(e,t)}}});var Oa,_d=g(()=>{"use strict";vd();ee();ct();Oa=class{shouldExtend(e,t,i){if(i.nodeType===A.Element){let r=getComputedStyle(i.element).display;if(r==="block"||r==="inline"||r==="inline-block")return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new La(e,t,i)}}});var wi,xd=g(()=>{"use strict";Os();wi=class{_title;_contextMenus;constructor(e,...t){this._title=e,this._contextMenus=t}shouldProvideContextmenu(e,t,i,r){return this._contextMenus.some(o=>!(o instanceof Te)&&o.shouldProvideContextmenu(e,t,i,r))}provideContextMenuItems(e,t,i,r){return[{title:this._title,children:this._contextMenus.map(o=>o.shouldProvideContextmenu(e,t,i,r)?o.provideContextMenuItems(e,t,i,r):[]).flat()}]}}});import{html as dx}from"@node-projects/base-custom-webcomponent";var Va,bd=g(()=>{"use strict";he();ct();Va=class extends Ke{static template=dx`<div style="height:100%;width:100%"><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">column:</span> <input type="text" title="column" id="gridColumn" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:5px"></div><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">row:</span> <input type="text" title="column" id="gridRow" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:10px"></div><node-projects-image-button-list-selector property="align-self" no-value-in-header id="align-self"><img title="start" data-value="start" src="${P}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/align-items-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-self" no-value-in-header id="justify-self"><img title="start" data-value="start" src="${P}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${P}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${P}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${P}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=250}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridColumn");r&&(r.value=i.gridColumn,r.onkeyup=async s=>{s.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridColumn",r.value)});let o=this._toolbar.getById("gridRow");o&&(o.value=i.gridColumn,o.onkeyup=async s=>{s.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridRow",o.value)}),this._addStyleButton("align-self"),this._addStyleButton("justify-self"),this.refresh(e,t)}}});var Na,wd=g(()=>{"use strict";ee();bd();ct();Na=class{shouldExtend(e,t,i){if(i.nodeType===A.Element&&i.parent){let r=i.parent?.getComputedStyle();if(r!=null&&(r.display==="grid"||r.display==="inline-grid"))return t.instanceServiceContainer.designContext.extensionOptions[bt]!==!1}return!1}getExtension(e,t,i){return new Va(e,t,i)}}});var Ra,Sd=g(()=>{"use strict";ct();ai();Ra=class extends tt{constructor(){super(bt,"T","show Toolbars")}}});var za,Cd=g(()=>{"use strict";le();se();za=class extends F{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.padding!=="0px"){let r=Number.parseFloat(i.paddingLeft.replace("px","")),o=Number.parseFloat(i.paddingTop.replace("px","")),s=Number.parseFloat(i.paddingRight.replace("px","")),a=Number.parseFloat(i.paddingBottom.replace("px",""));if(r+=Number.parseFloat(i.borderLeftWidth.replace("px","")),o+=Number.parseFloat(i.borderTopWidth.replace("px","")),s+=Number.parseFloat(i.borderRightWidth.replace("px","")),a+=Number.parseFloat(i.borderBottomWidth.replace("px","")),!isNaN(r)&&!isNaN(o)&&!isNaN(s)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,o,s,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"content",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(p=>p.x+","+p.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(p=>p.x+","+p.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-padding-fill",this._path,M.Background),this._path2=this._drawPath(h,"svg-padding",this._path2,M.Background)}}}}dispose(){this._removeAllOverlays()}}});import{css as sf}from"@node-projects/base-custom-webcomponent";var Fa,Ed=g(()=>{"use strict";ee();Cd();Jt();Fa=class{shouldExtend(e,t,i){return i.nodeType==A.Element}getExtension(e,t,i){return new za(e,t,i)}static style=sf`.svg-padding{fill:#32cd3266;fill-rule:evenodd}`;style=sf`.svg-padding-fill{fill:#32cd3266;fill-rule:evenodd}.svg-padding{fill:#32cd32FF;fill-rule:evenodd;mask:url(#mask-stripe-padding)}`;static svgDefs=mi`<pattern id="pattern-stripe-padding" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-padding"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-padding)"></mask>`}});var Ba,Pd=g(()=>{"use strict";me();gi();le();Ba=class extends F{_actionModeStarted;_initialPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialComputedTransformOrigins;_initialTransformOrigins;_styleBackup;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p4.x,i.p4.y,i.p3.x,i.p3.y)&&(this._circle1=this._drawResizerOverlay(i.p1.x,i.p1.y,"nw-resize",this._circle1),this._circle2=this._drawResizerOverlay(i.p1.x+(i.p2.x-i.p1.x)/2,i.p1.y+(i.p2.y-i.p1.y)/2,"n-resize",this._circle2),this._circle3=this._drawResizerOverlay(i.p2.x,i.p2.y,"ne-resize",this._circle3),this._circle4=this._drawResizerOverlay(i.p1.x+(i.p4.x-i.p1.x)/2,i.p1.y+(i.p4.y-i.p1.y)/2,"w-resize",this._circle4),this._circle5=this._drawResizerOverlay(i.p4.x,i.p4.y,"sw-resize",this._circle5),this._circle6=this._drawResizerOverlay(i.p4.x+(i.p3.x-i.p4.x)/2,i.p4.y+(i.p3.y-i.p4.y)/2,"s-resize",this._circle6),this._circle8=this._drawResizerOverlay(i.p2.x+(i.p3.x-i.p2.x)/2,i.p2.y+(i.p3.y-i.p2.y)/2,"e-resize",this._circle8),this._circle7=this._drawResizerOverlay(i.p3.x,i.p3.y,"se-resize",this._circle7))}_drawResizerOverlay(e,t,i,r){let o=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-grid-resizer",r);return o.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(o.addEventListener(k.PointerDown,s=>this._pointerActionTypeResize(o,s,i)),o.addEventListener(k.PointerMove,s=>this._pointerActionTypeResize(o,s,i)),o.addEventListener(k.PointerUp,s=>this._pointerActionTypeResize(o,s,i))),o.style.cursor=i,o}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case k.PointerDown:this._styleBackup=this.extendedItem.element.getAttribute("style"),t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._actionModeStarted=i,this._initialComputedTransformOrigins=[],this._initialTransformOrigins=[];let o=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ").map(u=>parseFloat(u.replace("px",""))),s=new DOMPoint(o[0],o[1]);this._initialComputedTransformOrigins.push(s),this._initialTransformOrigins.push(this.extendedItem.element.style.transformOrigin);break;case k.PointerMove:if(this._initialPoint){let u=0,m=0,f=lt(this.extendedItem.parent),y=Pr(this.extendedItem.parent,this.designerCanvas.getNormalizedEventCoordinates(t)),v=getComputedStyle(this.extendedItem.element);this.extendedItem.element.style.gridColumnStart=v.gridColumnStart,this.extendedItem.element.style.gridColumnEnd=v.gridColumnEnd==="auto"?""+(parseInt(v.gridColumnStart)+1):v.gridColumnEnd,this.extendedItem.element.style.gridRowStart=v.gridRowStart,this.extendedItem.element.style.gridRowEnd=v.gridRowEnd==="auto"?""+(parseInt(v.gridRowStart)+1):v.gridRowEnd,(this._actionModeStarted=="nw-resize"||this._actionModeStarted=="w-resize"||this._actionModeStarted=="sw-resize")&&(this.extendedItem.element.style.gridColumnStart=""+Rm(f,y.x)),(this._actionModeStarted=="nw-resize"||this._actionModeStarted=="n-resize"||this._actionModeStarted=="ne-resize")&&(this.extendedItem.element.style.gridRowStart=""+Fm(f,y.y)),(this._actionModeStarted=="se-resize"||this._actionModeStarted=="e-resize"||this._actionModeStarted=="ne-resize")&&(u=Nm(f,y.x),this.extendedItem.element.style.gridColumnEnd=""+(u+2)),(this._actionModeStarted=="sw-resize"||this._actionModeStarted=="s-resize"||this._actionModeStarted=="se-resize")&&(m=zm(f,y.y),this.extendedItem.element.style.gridRowEnd=""+(m+2));let C=[this.extendedItem,this.extendedItem.parent];this.extensionManager.refreshExtensions(C)}break;case k.PointerUp:t.target.releasePointerCapture(t.pointerId);let a=getComputedStyle(this.extendedItem.element),l=a.gridColumnStart,c=a.gridColumnEnd,h=a.gridRowStart,p=a.gridRowEnd;this._styleBackup?this.extendedItem.element.setAttribute("style",this._styleBackup):this.extendedItem.element.removeAttribute("style");let d=this.extendedItem.openGroup("Resize &lt;"+this.extendedItem.name+"&gt;");this.extendedItem.setStyle("gridColumnStart",l),this.extendedItem.setStyle("gridColumnEnd",c),this.extendedItem.setStyle("gridRowStart",h),this.extendedItem.setStyle("gridRowEnd",p),d.commit(),this._initialPoint=null;break}}dispose(){this._removeAllOverlays()}}});import{css as ux}from"@node-projects/base-custom-webcomponent";var Ha,kd=g(()=>{"use strict";ee();Pd();Ha=class{shouldExtend(e,t,i){return i.nodeType===A.Element&&i.parent?.nodeType===A.Element&&getComputedStyle(i.parent.element).display==="grid"}getExtension(e,t,i){return new Ba(e,t,i)}static style=ux`.svg-grid-resizer{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;pointer-events:auto}`}});var Wa,Id=g(()=>{"use strict";Tt();ee();he();Wa=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:i?.instanceServiceContainer.selectionService.selectedElements.length>1?!i?.isRootItem&&i?.nodeType==A.Element:!1}provideContextMenuItems(e,t,i){return[{title:"align left",icon:`<img src="${P+"icons/alignHorizontalLeft.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeLeft})}},{title:"align center",icon:`<img src="${P+"icons/alignHorizontalCenter.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeCenter})}},{title:"align right",icon:`<img src="${P+"icons/alignHorizontalRight.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeRight})}},{title:"distribute horizontal",icon:`<img src="${P+"icons/horizontalDistribute.svg"}">`,action:()=>{t.executeCommand({type:T.distributeHorizontal})}},{title:"align top",icon:`<img src="${P+"icons/alignVerticalTop.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeTop})}},{title:"align middle",icon:`<img src="${P+"icons/alignVerticalCenter.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeMiddle})}},{title:"align bottom",icon:`<img src="${P+"icons/alignVerticalBottom.svg"}">`,action:()=>{t.executeCommand({type:T.arrangeBottom})}},{title:"distribute vertical",icon:`<img src="${P+"icons/verticalDistribute.svg"}">`,action:()=>{t.executeCommand({type:T.distributeVertical})}}]}}});var Ga,Dd=g(()=>{"use strict";fe();ve();ze();Ie();Ga=class extends ne{name="webcomponent";getRefreshMode(e){return Y.full}isHandledElement(e){let t=e.element.constructor?.observedAttributes;return!!(t&&t.length>0)}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){return(e.element.constructor?.observedAttributes).map(i=>({name:z.dashToCamelCase(i),type:"string",service:this,propertyType:x.propertyAndAttribute}))}}});var ja,Ad=g(()=>{"use strict";le();ja=class extends F{constructor(e,t,i){super(e,t,i)}_path;_rect;_clickRect;_g;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p2.x)&&this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,this.designerCanvas.scaleFactor)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI,o=15/this.designerCanvas.scaleFactor;this._rect=this._drawRect(0,0,o,o,"svg-previous-select",this._rect),this._clickRect=this._drawRect(0,0,o,o,"svg-invisible",this._clickRect),this._g||(this._g=document.createElementNS("http://www.w3.org/2000/svg","g"),this._g.setAttribute("class","svg-previous-select"),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("d","m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"),this._g.appendChild(this._rect),this._g.appendChild(this._path),this._addOverlay(this._g),this._clickRect.onpointerdown=s=>{s.preventDefault(),s.stopPropagation(),this.extendedItem.instanceServiceContainer.selectionService.setSelectedElements([this.extendedItem.parent])},this._clickRect.onpointermove=s=>{s.preventDefault(),s.stopPropagation()},this._g.appendChild(this._clickRect)),this._path.style.scale=(.6/this.designerCanvas.scaleFactor).toString(),this._g.style.translate=i.p2.x-14.5/this.designerCanvas.scaleFactor+"px "+(i.p2.y-15/this.designerCanvas.scaleFactor)+"px",this._g.style.rotate=r+"deg",this._g.style.transformOrigin="100% 100%",this._g.style.transformBox="fill-box"}}dispose(){this._removeAllOverlays()}}});import{css as mx}from"@node-projects/base-custom-webcomponent";var Ya,Td=g(()=>{"use strict";Ad();Ya=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new ja(e,t,i)}static style=mx`rect.svg-previous-select{stroke:none;fill:#3899ec;pointer-events:auto}g.svg-previous-select{fill:#fff;pointer-events:auto}`}});var Ua,Md=g(()=>{"use strict";ee();Ua=class{shouldProvideContextmenu(e,t,i,r){return i!=null&&i.nodeType==A.Element}provideContextMenuItems(e,t,i){return[{title:":hover",action:()=>{i.cssForceHover=!i.cssForceHover},checked:i.cssForceHover},{title:":active",action:()=>{i.cssForceActive=!i.cssForceActive},checked:i.cssForceActive},{title:":visited",action:()=>{i.cssForceVisited=!i.cssForceVisited},checked:i.cssForceVisited},{title:":focus",action:()=>{i.cssForceFocus=!i.cssForceFocus},checked:i.cssForceFocus},{title:":focus-within",action:()=>{i.cssForceFocusWithin=!i.cssForceFocusWithin},checked:i.cssForceFocusWithin},{title:":focus-visible",action:()=>{i.cssForceFocusVisible=!i.cssForceFocusVisible},checked:i.cssForceFocusVisible}]}}});var Xa,Ld=g(()=>{"use strict";Gt();Xa=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");return i.innerHTML="O",i.title="options",i.className="toolbar-control",i.onclick=r=>{this.showCtxMenu(r,t)},i.oncontextmenu=r=>{r.preventDefault(),this.showCtxMenu(r,t)},[i]}prepareContextMenu(e,t){return[{title:"simulate hover on hover",checked:t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover=!t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover}},{title:"select unhitable elements",checked:t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements=!t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements}},{title:"pause animations",checked:t.pauseAnimations,action:()=>{t.pauseAnimations=!t.pauseAnimations}},{title:"hide overflowing content",checked:t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,action:()=>{if(t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent=!t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent)for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow="hidden",r.element.style.whiteSpace="nowrap");else for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow=r.hasStyle("overflow")?r.getStyle("overflow"):"",r.element.style.whiteSpace=r.hasStyle("white-space")?r.getStyle("white-space"):"")}}]}showCtxMenu(e,t){De.show(this.prepareContextMenu(e,t),e)}}});var $a,Od=g(()=>{"use strict";oe();$a=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){if(i){let r=[...i.element.children];if(r.length>0)return[{title:"children",children:[...r.map(o=>({title:"select: "+o.localName+(o.id?" (#"+o.id+")":""),action:()=>this._select(t,o)}))]}]}return[]}_select(e,t){let i=O.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});var Ji,Vd=g(()=>{"use strict";me();It();Ji=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(te.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,o=getComputedStyle(r.element),s="";switch(t.key){case"ArrowLeft":s="margin-left";break;case"ArrowRight":s="margin-right";break;case"ArrowUp":s="margin-top";break;case"ArrowDown":s="margin-bottom";break}s&&(t.type==k.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change margin")),this._changeGroup&&(r.setStyleAsync(s,parseFloat(o[s])+(t.altKey?-1:1)+"px"),t.type==k.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var Yr,Nd=g(()=>{"use strict";_t();Yr=class{_name;_icon;constructor(e,t){this._name=e,this._icon=t}provideButton(e){let t={};return t[this._name]={icon:this._icon},new we(e,t)}}});var er,Rd=g(()=>{"use strict";me();It();er=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(te.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,o=getComputedStyle(r.element),s="";switch(t.key){case"ArrowLeft":s="padding-left";break;case"ArrowRight":s="padding-right";break;case"ArrowUp":s="padding-top";break;case"ArrowDown":s="padding-bottom";break}s&&(t.type==k.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change padding")),this._changeGroup&&(r.setStyleAsync(s,parseFloat(o[s])+(t.altKey?-1:1)+"px"),t.type==k.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var tr,Ka=g(()=>{"use strict";oe();tr=class{createDesignItem(e,t,i,r){return new O(e,t,i,r)}handleSpecialAttributes(e,t){e==Oi?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Oi)?t.element.style.display="none":t.element.style.display=t.getStyle("display")??""):e==Vi?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Vi)?t.element.style.opacity="0.3":t.element.style.opacity=t.getStyle("opacity")??""):e==li&&(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(li)?t.element.style.pointerEvents="none":requestAnimationFrame(()=>t.element.style.pointerEvents="auto"))}}});import{DomHelper as fx}from"@node-projects/base-custom-webcomponent";var Qa,zd=g(()=>{"use strict";Qa=class{constructor(e){this.title="Delete Items",this.deletedItems=e}title;get affectedItems(){return this.deletedItems}undo(){for(let e=0;e<this.deletedItems.length;e++)this._parentItems[e]._insertChildInternal(this.deletedItems[e],this._parentIndexes[e]);return[{changeType:"added",designItems:this.deletedItems}]}do(){this._parentItems=[],this._parentIndexes=[];for(let e=0;e<this.deletedItems.length;e++)this._parentItems.push(this.deletedItems[e].parent),this._parentIndexes.push(fx.nodeIndex(this.deletedItems[e].element));for(let e=0;e<this.deletedItems.length;e++)this.deletedItems[e].parent._removeChildInternal(this.deletedItems[e]);return[{changeType:"removed",designItems:this.deletedItems}]}deletedItems;_parentItems;_parentIndexes;mergeWith(e){return!1}}});var Za,Fd=g(()=>{"use strict";zd();Za=class{removeItems(e){e[0].instanceServiceContainer.undoService.execute(new Qa(e)),e[0].serviceContainer.referencesChangedService&&e[0].serviceContainer.referencesChangedService.notifyReferencesChanged(e.map(t=>({designItem:t,type:"deleted"})))}}});var qa,Bd=g(()=>{"use strict";qa=class{async provideMiniatureView(e){let t=document.createDocumentFragment();for(let i of e.rootDesignItem.children())t.appendChild(i.element.cloneNode(!0));return t}}});var Si,Ja=g(()=>{"use strict";de();Si=class n{static _canvas;static _context;static _video;static _captureStream;static _disableStream(){n._captureStream.getTracks().forEach(e=>e.stop()),n._canvas=null}static get screenshotsEnabled(){return n._captureStream&&n._captureStream.active}static async enableScreenshots(e=document.body){if(n._captureStream&&!n._captureStream.active&&n._disableStream(),n._canvas==null){n._canvas=document.createElement("canvas"),n._context=n._canvas.getContext("2d"),n._video=document.createElement("video");let t={video:{cursor:"never",displaySurface:"browser"},audio:!1,selfBrowserSurface:"include",preferCurrentTab:!0};n._video.style.display="none",e.appendChild(n._video);try{n._captureStream=await navigator.mediaDevices.getDisplayMedia(t)}catch(r){throw n._canvas=null,r}if(n._captureStream.getVideoTracks()[0].getSettings().displaySurface!="browser")throw n._disableStream(),alert("You need to share the current Tab, for the screenshot API to work"),"You need to share the current Tab, for the screenshot API to work";n._video.srcObject=n._captureStream,n._video.play(),await n._sleep(2e3)}}static async takeScreenshot(e,t=100,i=100,r=document.body){await n.enableScreenshots(r);let o=Z(e);n._canvas.width=t,n._canvas.height=i,n._context.drawImage(n._video,0,0,1,1,0,0,t,i);let s=n._video.videoWidth/window.innerWidth,a=n._video.videoHeight/window.innerHeight;return n._context.drawImage(n._video,o.left*s,o.top*a,o.width*s,o.height*a,0,0,t,i),n._canvas.toDataURL("image/png")}static _sleep(e){let t=null,i=new Promise(r=>t=r);return window.setTimeout(t,e),i}}});var el,Hd=g(()=>{"use strict";Ja();Fe();el=class{async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,o=i.zoomFactor,s=i.canvasOffset,a=r.selectedElements;try{await Si.enableScreenshots(),i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await mr();let l=1/0,c=1/0,h=-1/0,p=-1/0;for(let X of e){let q=i.getNormalizedElementCoordinates(X.element);l=Math.min(l,q.x),c=Math.min(c,q.y),h=Math.max(h,q.x+q.width),p=Math.max(p,q.y+q.height)}let d=t?.margin??0;l-=d,c-=d,h+=d,p+=d;let u=Math.ceil(h-l),m=Math.ceil(p-c),f=i.outercanvas2,y=f.offsetWidth,v=f.offsetHeight,C=1,b=y-2*C,_=v-2*C,S=Math.ceil(u/b),E=Math.ceil(m/_),I=window.devicePixelRatio||1,j=Math.ceil(y*I),H=Math.ceil(v*I),N=Math.ceil(C*I),K=j-2*N,Q=H-2*N,ce=document.createElement("canvas");ce.width=Math.ceil(u*I),ce.height=Math.ceil(m*I);let B=ce.getContext("2d"),ye=1e3;for(let X=0;X<E;X++)for(let q=0;q<S;q++){let We=l+q*b,ke=c+X*_;i.canvasOffset={x:-(We-C),y:-(ke-C)},await Pt(ye),ye=300;let Ze=await Si.takeScreenshot(f,j,H),qe=await this._loadImage(Ze);B.drawImage(qe,N,N,K,Q,q*K,X*Q,K,Q)}let ie=await(await new Promise(X=>ce.toBlob(X,"image/png"))).arrayBuffer();return new Uint8Array(ie)}finally{i.zoomFactor=o,i.canvasOffset=s,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}}});var tl,Wd=g(()=>{"use strict";oe();tl=class{async search(e,t,i){if(t!=""){let r=e.rootDesignItem.querySelectorAll(t),o=[];for(let s=0;s<r.length;s++){let a=O.GetDesignItem(r[s]);a&&o.push({designItem:a})}return o}return null}}});var il,Gd=g(()=>{"use strict";il=class{_item;_shouldProvide;constructor(e,t){this._item=e,this._shouldProvide=t||(()=>!0)}shouldProvideContextmenu(e,t,i,r){return this._shouldProvide(e,t,i,r)}provideContextMenuItems(e,t,i,r){return[{...this._item,action:o=>this._item.action?.(o,t,i,r)}]}}});var ir,rl=g(()=>{"use strict";me();yt();le();ir=class extends F{_outline;_handles=[];_handleCrossHorizontalLines=[];_handleCrossVerticalLines=[];_activeHandleIndex=null;_baseTransform="";_projectiveTransform="";_targetPoints=[];constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!i)return;let r=[i.p1,i.p2,i.p3,i.p4];if(r.some(o=>!Number.isFinite(o.x)||!Number.isFinite(o.y))){this.remove();return}if(this._valuesHaveChanges(this.designerCanvas.zoomFactor,...r.flatMap(o=>[o.x,o.y]))){this._outline=this._drawTransformedRect(i,"svg-primary-projective-outline",this._outline),this._outline.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._outline.style.pointerEvents="none";let o=5/this.designerCanvas.zoomFactor,s=o*.55;for(let a=0;a<r.length;a++){let l=a,c=r[a],h=this._handles[a];h?(h=this._drawCircle(c.x,c.y,o,"svg-primary-projective-handle",h),this._handles[a]=h):(h=this._drawCircle(c.x,c.y,o,"svg-primary-projective-handle"),h.addEventListener(k.PointerDown,u=>this._handlePointerEvent(l,u)),h.addEventListener(k.PointerMove,u=>this._handlePointerEvent(l,u)),h.addEventListener(k.PointerUp,u=>this._handlePointerEvent(l,u)),this._handles[a]=h),h.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),h.style.cursor="move";let p=this._handleCrossHorizontalLines[a];p=this._drawLine(c.x-s,c.y,c.x+s,c.y,"svg-primary-projective-handle-cross",p),p.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),p.style.pointerEvents="none",this._handleCrossHorizontalLines[a]=p;let d=this._handleCrossVerticalLines[a];d=this._drawLine(c.x,c.y-s,c.x,c.y+s,"svg-primary-projective-handle-cross",d),d.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),d.style.pointerEvents="none",this._handleCrossVerticalLines[a]=d}}}dispose(){this._activeHandleIndex=null,this._restorePersistedTransform(),this._removeAllOverlays()}_handlePointerEvent(e,t){t.stopPropagation();let i=t.target;switch(t.type){case k.PointerDown:if(!this._startDrag(e))return;i.setPointerCapture(t.pointerId),this._activeHandleIndex=e;break;case k.PointerMove:if(this._activeHandleIndex===e&&t.buttons>0){let r=this._getLocalPointerPoint(t);if(!r)return;this._targetPoints[e]=r,this._applyPreviewTransform()}break;case k.PointerUp:if(this._activeHandleIndex===e){let r=this._getLocalPointerPoint(t);r&&(this._targetPoints[e]=r,this._applyPreviewTransform()),i.releasePointerCapture(t.pointerId),this._commitTransform(),this._activeHandleIndex=null}break}}_startDrag(e){let{baseTransform:t,projectiveTransform:i}=this._parseTransform(this.extendedItem.getStyleFromSheetOrLocal("transform")??"");this._baseTransform=t,this._projectiveTransform=i;let r=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!r)return!1;let o=this.extendedItem.element;return o.style.transform=this._buildTransform(this._baseTransform,""),this._targetPoints=this._convertQuadToLocalPoints(r),this._targetPoints.length!==4||this._targetPoints.some(s=>!Number.isFinite(s.x)||!Number.isFinite(s.y))?(this._restorePersistedTransform(),!1):(o.style.transform=this._buildTransform(this._baseTransform,this._projectiveTransform),this._targetPoints[e]!=null)}_convertQuadToLocalPoints(e){return[e.p1,e.p2,e.p3,e.p4].map(t=>{let i=this.extendedItem.element.convertPointFromNode({x:t.x,y:t.y},this.designerCanvas.canvas);return{x:i.x,y:i.y}})}_getLocalPointerPoint(e){let t=this.extendedItem.element,i=t.style.transform;t.style.transform=this._buildTransform(this._baseTransform,"");let r=this.designerCanvas.getNormalizedEventCoordinates(e),o=t.convertPointFromNode({x:r.x,y:r.y},this.designerCanvas.canvas);return t.style.transform=i,!Number.isFinite(o.x)||!Number.isFinite(o.y)?null:{x:o.x,y:o.y}}_applyPreviewTransform(){let e=this._buildProjectiveTransform(this._targetPoints);e!=null&&(this._projectiveTransform=e,this.extendedItem.element.style.transform=this._buildTransform(this._baseTransform,this._projectiveTransform))}_commitTransform(){let e=this._buildProjectiveTransform(this._targetPoints);e!=null&&(this._projectiveTransform=e);let t=this._buildTransform(this._baseTransform,this._projectiveTransform);t?this.extendedItem.updateStyleInSheetOrLocal("transform",t):this.extendedItem.hasStyle("transform")?this.extendedItem.removeStyle("transform"):this.extendedItem.updateStyleInSheetOrLocal("transform",null),this._restorePersistedTransform()}_restorePersistedTransform(){let e=this.extendedItem.element;this.extendedItem.hasStyle("transform")?e.style.transform=this.extendedItem.getStyle("transform")??"":e.style.transform=""}_buildProjectiveTransform(e){let t=Ee(this.extendedItem.element);if(!t.width||!t.height||e.length!==4)return"";let i=[{x:0,y:0},{x:t.width,y:0},{x:t.width,y:t.height},{x:0,y:t.height}];if(this._pointsApproximatelyEqual(e,i))return"";let r=this._createProjectiveMatrix(e,t.width,t.height);if(!r)return null;let o=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),s={x:parseFloat(o[0])||0,y:parseFloat(o[1])||0},a=new DOMMatrix().translate(-s.x,-s.y).multiply(r).multiply(new DOMMatrix().translate(s.x,s.y));return this._serializeMatrix3d(a)}_createProjectiveMatrix(e,t,i){let[r,o,s,a]=e,l=o.x-s.x,c=a.x-s.x,h=r.x-o.x+s.x-a.x,p=o.y-s.y,d=a.y-s.y,u=r.y-o.y+s.y-a.y,m,f,y,v,C,b;if(Math.abs(h)<1e-8&&Math.abs(u)<1e-8)m=o.x-r.x,f=a.x-r.x,y=o.y-r.y,v=a.y-r.y,C=0,b=0;else{let E=l*d-c*p;if(Math.abs(E)<1e-8)return null;C=(h*d-c*u)/E,b=(l*u-h*p)/E,m=o.x-r.x+C*o.x,f=a.x-r.x+b*a.x,y=o.y-r.y+C*o.y,v=a.y-r.y+b*a.y}let _=new DOMMatrix([m/t,y/t,0,C/t,f/i,v/i,0,b/i,0,0,1,0,r.x,r.y,0,1]);return[_.m11,_.m12,_.m13,_.m14,_.m21,_.m22,_.m23,_.m24,_.m31,_.m32,_.m33,_.m34,_.m41,_.m42,_.m43,_.m44].some(E=>!Number.isFinite(E))?null:_}_serializeMatrix3d(e){return`matrix3d(${[e.m11,e.m12,e.m13,e.m14,e.m21,e.m22,e.m23,e.m24,e.m31,e.m32,e.m33,e.m34,e.m41,e.m42,e.m43,e.m44].map(i=>this._formatMatrixNumber(i)).join(", ")})`}_formatMatrixNumber(e){if(Math.abs(e)<1e-10)return"0";let t=e.toFixed(8);return t.includes(".")&&(t=t.replace(/0+$/,"").replace(/\.$/,"")),t==="-0"?"0":t}_buildTransform(e,t){let i=[];return e?.trim()&&i.push(e.trim()),t?.trim()&&i.push(t.trim()),i.join(" ").trim()}_parseTransform(e){if(!e||e==="none")return{baseTransform:"",projectiveTransform:""};let t=this._splitTransformFunctions(e);if(!t.length)return{baseTransform:e.trim(),projectiveTransform:""};let i=t[t.length-1],r=i.slice(0,i.indexOf("(")).trim().toLowerCase();return r==="matrix"||r==="matrix3d"?{baseTransform:t.slice(0,-1).join(" ").trim(),projectiveTransform:i.trim()}:{baseTransform:e.trim(),projectiveTransform:""}}_splitTransformFunctions(e){let t=[],i=-1,r=0;for(let o=0;o<e.length;o++){let s=e[o];s==="("?r++:s===")"?(r--,r===0&&i!==-1&&(t.push(e.slice(i,o+1).trim()),i=-1)):r===0&&i===-1&&s.trim()&&(i=o)}return!t.length&&e.trim()&&t.push(e.trim()),t}_pointsApproximatelyEqual(e,t){return e.length!==t.length?!1:e.every((i,r)=>{let o=t[r];return Math.abs(i.x-o.x)<.01&&Math.abs(i.y-o.y)<.01})}}});import{css as gx}from"@node-projects/base-custom-webcomponent";var nl,jd=g(()=>{"use strict";rl();nl=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new ir(e,t,i)}static style=gx`.svg-primary-projective-handle{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto}.svg-primary-projective-handle-cross{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-width:1;stroke-linecap:round;pointer-events:none}.svg-primary-projective-outline{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-width:1;stroke-dasharray:4 2}`}});var ol,Yd=g(()=>{"use strict";ol=class{getEditor(e,t){if(e==="color"||e==="css-color"){let r=document.createElement("node-projects-color-input");return r.addEventListener("change",()=>t.changedCallback(r.value)),{element:r,getValue:()=>r.value,setValue:o=>{r.value=o}}}let i=document.createElement("input");return i.type=e,t.min!==void 0&&(i.min=t.min),t.max!==void 0&&(i.max=t.max),t.step!==void 0&&(i.step=t.step),i.addEventListener("change",r=>t.changedCallback(r.target.value)),{element:i,getValue:()=>i.value,setValue:r=>{i.value=r}}}}});function sl(n,e){return n.replaceAll(/:root\b/g,":host").replaceAll(":focus-within","["+e.forceFocusWithinAttributeName+"]").replaceAll(":focus-visible","["+e.forceFocusVisibleAttributeName+"]").replaceAll(":hover","["+e.forceHoverAttributeName+"]").replaceAll(":active","["+e.forceActiveAttributeName+"]").replaceAll(":visited","["+e.forceVisitedAttributeName+"]").replaceAll(":focus","["+e.forceFocusAttributeName+"]")}var Ud=g(()=>{"use strict"});var al,Xd=g(()=>{"use strict";oe();Ud();al=class{updateRenderedDesignItem(e){let t=this.getStyleDesignItem(e);if(!t)return;let i=this.patchStyleText([...t.children()].map(r=>r.content).join(""));this.updateStyleElementText(t.element,i),this.updateDeclarativeShadowStyle(t,i),t.instanceServiceContainer.designerCanvas.lazyTriggerReparseDocumentStylesheets()}updateRenderedNode(e){let t=e.ownerDocument?.defaultView??window;if(e instanceof t.HTMLStyleElement&&this.updateStyleElementText(e,this.patchStyleText(e.textContent)),e instanceof t.HTMLTemplateElement&&this.updateRenderedNode(e.content),"querySelectorAll"in e)for(let i of e.querySelectorAll("style"))this.updateStyleElementText(i,this.patchStyleText(i.textContent));return e}getStyleDesignItem(e){return e?.name=="style"?e:e?.parent?.name=="style"?e.parent:null}updateDeclarativeShadowStyle(e,t){let i=this.getDeclarativeShadowTemplateDesignItem(e);if(!i)return;let r=i.parent?.element;if(!r?.shadowRoot)return;let s=[...i.node.content.querySelectorAll("style")].indexOf(e.node),a=[...r.shadowRoot.querySelectorAll("style")];s>=0&&s<a.length?this.updateStyleElementText(a[s],t):this.updateRenderedNode(r.shadowRoot)}getDeclarativeShadowTemplateDesignItem(e){let t=e.parent;for(;t;){let i=t.node.ownerDocument.defaultView??window;if(t.node instanceof i.HTMLTemplateElement&&t.getAttribute("shadowrootmode")=="open")return t;t=t.parent}return null}updateStyleElementText(e,t){e.textContent!==t&&(e.textContent=t)}patchStyleText(e){return sl(e,{forceHoverAttributeName:at,forceActiveAttributeName:Yt,forceVisitedAttributeName:Ut,forceFocusAttributeName:Xt,forceFocusWithinAttributeName:$t,forceFocusVisibleAttributeName:Kt})}}});var cf={};pu(cf,{createDefaultServiceContainer:()=>af,default:()=>lf});function af(){let n=new pn,e=new gt;return n.register("containerService",e),n.register("containerService",new us(e)),n.register("containerService",new fs(e)),n.register("propertyService",new Ga),n.register("propertyService",new mn),n.register("propertyService",new fn),n.register("propertyService",new gn),n.register("propertyService",new yn),n.register("propertyService",new Ca),n.register("propertyService",new oo),n.register("propertyService",new Un),n.register("propertyGroupsService",new Zs),n.register("instanceService",new Dn),n.register("propertyEditorTypesService",new Yn),n.register("editorTypeService",new ol),n.register("htmlWriterService",new Ts),n.register("snaplinesProviderService",new gs),n.register("htmlParserService",new Zt),n.register("renderedDesignItemService",new al),n.register("elementAtPointService",new ms),n.register("externalDragDropService",new ys),n.register("dragDropService",new xa),n.register("copyPasteService",new ws),n.register("modelCommandService",new Ss),n.register("demoProviderService",new ba),n.register("eventsService",new Ne),n.register("designItemService",new tr),n.register("deletionService",new Za),n.register("miniatureViewService",new qa),n.register("pngCreatorService",new el),n.register("searchService",new tl),n.register("undoService",t=>new oa(t)),n.register("selectionService",t=>new aa(t,!1)),n.register("designItemDocumentPositionService",t=>new pa(t)),n.sourceMapProviders.push(new Ea),n.designerExtensions.set(D.Permanent,[new hs]),n.designerExtensions.set(D.PrimarySelection,[new Vt(new ma,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(D.Selection,[new Vt(new Oo,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(D.OnlyOneItemSelected,[new Vt(new ao,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new Vt(new Ya,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new Vt(new Co,(t,i)=>i.activeTool instanceof Ji||i.activeTool instanceof er,!0),new Vt(new Fa,(t,i)=>i.activeTool instanceof Ji||i.activeTool instanceof er,!0),new ko,new Ia,new qi(new Ha,new No(!0)),new vo(!0),new Fo]),n.designerExtensions.set(D.MultipleItemsSelected,[new Ho]),n.designerExtensions.set(D.PrimarySelectionRefreshed,[new Na,new Aa,new Ma,new Oa]),n.designerExtensions.set(D.PrimarySelectionAndCanBeEntered,[new vi,new ha,new Hr]),n.designerExtensions.set(D.PrimarySelectionContainerAndCanBeEntered,[new vi("lightgray","#8080802b"),new Hr]),n.designerExtensions.set(D.MouseOver,[new Do]),n.designerExtensions.set(D.Placement,[new Js]),n.designerExtensions.set(D.ContainerDrag,[new ss]),n.designerExtensions.set(D.ContainerDragOverAndCanBeEntered,[new qi(new vi,new Br),new ls]),n.designerExtensions.set(D.ContainerExternalDragOverAndCanBeEntered,[new qi(new vi,new Br)]),n.designerExtensions.set(D.Doubleclick,[new vs]),n.designerExtensions.set(D.ManualApplied,[new nl]),n.designerPointerExtensions.push(),n.designerTools.set(te.Pointer,new Ao),n.designerTools.set(te.DrawSelection,new Mr),n.designerTools.set(te.DrawPath,new Mo({interpolatePoints:!0})),n.designerTools.set(te.DrawRect,new Ps),n.designerTools.set(te.DrawEllipsis,new ks),n.designerTools.set(te.DrawLine,new Is),n.designerTools.set(te.Zoom,new Wo),n.designerTools.set(te.Pan,new Go),n.designerTools.set(te.RectangleSelector,new Mr),n.designerTools.set(te.MagicWandSelector,new ts),n.designerTools.set(te.PickColor,new is),n.designerTools.set(te.Text,new ns),n.designerTools.set(te.DrawElementTool,wa),n.designerTools.set(te.Margin,new Ji),n.designerTools.set(te.Padding,new er),n.designViewConfigButtons.push(new Ot(20),new Es,new ia,new Ot(10),new ra,new Ot(10),new wn,new Ot(10),new Ra,new Ot(30),new Sa,new Ot(30),new Xa),n.designViewToolbarButtons.push(new Fs,new Gs,new Yr("Margin",P+"images/tools/Margin.svg"),new Yr("Padding",P+"images/tools/Padding.svg"),new Bs,new Hs,new Ws,new da),n.designerContextMenuExtensions=[new wi("edit",new jo,new Te,new Yo),new Te,new qo,new Te,new wi("modify",new Rs,new Te,new Jo,new Te,new Wa,new Te,new il({title:"3D transform",action:(t,i,r)=>{i.extensionManager.removeExtensions([r],!1,D.PrimarySelection),i.extensionManager.removeExtensions([r],!1,D.OnlyOneItemSelected),i.extensionManager.applyExtensionInstance(r,new ir(i.extensionManager,i,r),D.OnlyOneItemSelected)}})),new Te,new wi("view",new la,new Ns),new Te,new wi("force",new Ua),new Te,new es,new Ls,new Ms,new Te,new zs,new Te,new ds,new $a],n}var lf,ll=g(()=>{"use strict";$l();Ql();Zl();ql();Jl();cc();kc();Ic();Hi();wr();Fc();ot();Gc();th();sh();lh();hh();It();dh();uh();fh();yh();_h();bh();wh();Sh();Ch();Ph();Oh();Vh();Rh();zh();Fh();Bh();Gh();Yh();Xh();ps();Qh();Zh();qh();Jh();ep();tp();ip();np();sp();ap();cp();hp();pp();dp();mp();fp();gp();Os();yp();vp();_p();bp();wp();Cp();Ep();kp();Dp();Np();zp();ta();Hp();Wp();jp();Yp();Cn();Up();$p();Vr();Kp();Qp();Zp();Jp();nd();jr();od();sd();ad();ld();dd();Pa();ud();fd();yd();_d();xd();wd();Sd();Ed();kd();Id();Dd();Td();Md();Ld();Od();Vd();Nd();he();Rd();Ka();Fd();Bd();Hd();Wd();Gd();rl();jd();Yd();Xd();lf=af});import{BaseCustomWebComponentLazyAppend as og,css as sg,TypedEvent as ag,DomHelper as uu}from"@node-projects/base-custom-webcomponent";var Ct=class extends og{_selectedIndex=-1;_panels;_headerDiv;_moreDiv;_moreContainer;_elementMap=new WeakMap;_firstConnect=!0;static style=sg`:host{height:100%}.outer{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.header{display:inline-flex;user-select:none;-webkit-user-select:none;flex-direction:row;cursor:pointer;height:30px;width:calc(100% - 30px);background-color:var(--wcd-tab-header-background,var(--dark-grey,var(--wcd-color-surface,#232733)));overflow-x:auto;scrollbar-width:none}.header-more{right:0;top:0;width:30px;position:absolute;color:var(--wcd-color-text,#fff);display:flex;justify-content:center;align-items:center;font-family:math}.header-more:hover{background:var(--wcd-tab-header-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}.more-container{z-index:1;user-select:none;-webkit-user-select:none;background-color:var(--wcd-tab-header-background,var(--dark-grey,var(--wcd-color-surface,#232733)));right:0;top:30px;position:absolute;color:var(--wcd-color-text,#fff);display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}.more-container .tab-header{width:100%}.header::-webkit-scrollbar{display:none}.tab-header{height:30px;font-family:var(--wcd-tab-font-family,Arial);display:flex;justify-content:center;align-items:center;text-transform:var(--wcd-tab-text-transform,uppercase);box-sizing:content-box;padding-left:var(--wcd-tab-padding-inline,5px);padding-right:var(--wcd-tab-padding-inline,5px);color:var(--wcd-color-text,#fff);font-size:var(--wcd-tab-font-size,12px);font-weight:500;line-height:1.5;letter-spacing:var(--wcd-tab-letter-spacing,1px);white-space:nowrap}.tab-header:hover{background:var(--wcd-tab-header-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}.selected{background:var(--wcd-tab-selected-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));box-shadow:inset 0 3px 0 var(--wcd-tab-selected-indicator-color,var(--highlight-pink,var(--wcd-color-accent,#e91e63)))}.panels{z-index:0;background:var(--wcd-tab-panel-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));height:calc(100% - 30px)}`;constructor(){super();let e=document.createElement("div");e.className="outer",this.shadowRoot.appendChild(e),this._headerDiv=document.createElement("div"),this._headerDiv.className="header",e.appendChild(this._headerDiv),this._moreDiv=document.createElement("div"),this._moreDiv.className="header header-more",this._moreDiv.innerText="<<",e.appendChild(this._moreDiv),this._moreContainer=document.createElement("div"),this._moreContainer.className="more-container",this._moreContainer.style.visibility="hidden",e.appendChild(this._moreContainer),this._moreDiv.onclick=()=>{this._moreContainer.children.length&&this._moreContainer.style.visibility=="hidden"?this._moreContainer.style.visibility="":this._moreContainer.style.visibility="hidden"},this._panels=document.createElement("div"),this._panels.className="panels",e.appendChild(this._panels);let t=document.createElement("slot");t.name="panels",this._panels.appendChild(t),new ResizeObserver(r=>{this._showHideHeaderItems()}).observe(this._headerDiv)}_showHideHeaderItems(){this._moreContainer.style.visibility="hidden";let e=0;uu.removeAllChildnodes(this._moreContainer),uu.removeAllChildnodes(this._headerDiv);let t=!0;for(let i of this.children)if(i.style.display!="none"){let r=i;!this._elementMap.has(r)&&t&&(this.refreshItems(),t=!1);let o=this._elementMap.get(r);this._moreContainer.appendChild(o),(this._headerDiv.children.length==0||e+o.clientWidth/2<this._headerDiv.clientWidth)&&(this._headerDiv.appendChild(o),e+=o.clientWidth)}}connectedCallback(){if(this._firstConnect){this.refreshItems(),this._firstConnect=!1;let e=this.getAttribute("selected-index");e&&(this.selectedIndex=parseInt(e))}}get selectedIndex(){return this._firstConnect?-1:this._selectedIndex}set selectedIndex(e){let t=this._selectedIndex;this._selectedIndex=e,this.children.length&&t!=this._selectedIndex&&this._selectedIndexChanged(t)}refreshItems(){this._headerDiv.innerHTML="";let e=0;for(let t of this.children)if(t.style.display!="none"){let i=t,r=document.createElement("div");r.innerText=i.dataset.title||i.title,r.title=i.dataset.title||i.title,r.className="tab-header";let o=e;r.onpointerdown=()=>{let s=this._selectedIndex;this._selectedIndex=o,this._headerDiv.children.length&&this._selectedIndexChanged(s,!0),this._moreContainer.style.visibility="hidden"},this._elementMap.set(i,r),this._headerDiv.appendChild(r),e++}this._showHideHeaderItems(),this._selectedIndexChanged()}_selectedIndexChanged(e,t=!1){let i=-1;for(let r of this.children)if(r.style.display!="none")if(i++,i==this._selectedIndex){r.slot!="panels"&&(r.slot="panels");let o=this._elementMap.get(r);o&&(o.classList.add("selected"),r.activated&&r.activated())}else{r.removeAttribute("slot");let o=this._elementMap.get(r);o&&o.classList.remove("selected")}this.onSelectedTabChanged.emit({newIndex:this._selectedIndex,oldIndex:e,changedViaClick:t}),this._moreContainer.style.visibility="hidden"}onSelectedTabChanged=new ag};customElements.define("node-projects-designer-tab-control",Ct);import{BaseCustomWebComponentConstructorAppend as _u,css as xu,html as bu,TypedEvent as mu}from"@node-projects/base-custom-webcomponent";var tn=class n{red=0;green=0;blue=0;hue=0;sat=0;lightness=0;whiteness=0;blackness=0;cyan=0;magenta=0;yellow=0;black=0;ncol="R";opacity=1;valid=!1;toRgbString(){return"rgb("+this.red+", "+this.green+", "+this.blue+")"}toRgbaString(){return"rgba("+this.red+", "+this.green+", "+this.blue+", "+this.opacity+")"}toHwbString(){return"hwb("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%)"}toHwbStringDecimal(){return"hwb("+this.hue+", "+this.whiteness+", "+this.blackness+")"}toHwbaString(){return"hwba("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity+")"}toHslString(){return"hsl("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%)"}toHslStringDecimal(){return"hsl("+this.hue+", "+this.sat+", "+this.lightness+")"}toHslaString(){return"hsla("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%, "+this.opacity+")"}toCmykString(){return"cmyk("+Math.round(this.cyan*100)+"%, "+Math.round(this.magenta*100)+"%, "+Math.round(this.yellow*100)+"%, "+Math.round(this.black*100)+"%)"}toCmykStringDecimal(){return"cmyk("+this.cyan+", "+this.magenta+", "+this.yellow+", "+this.black+")"}toNcolString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%"}toNcolStringDecimal(){return this.ncol+", "+this.whiteness+", "+this.blackness}toNcolaString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity}toName(){let e,t,i,r=n.getColorArr("hexs");for(let o=0;o<r.length;o++)if(e=parseInt(r[o].substr(0,2),16),t=parseInt(r[o].substr(2,2),16),i=parseInt(r[o].substr(4,2),16),this.red==e&&this.green==t&&this.blue==i)return n.getColorArr("names")[o];return null}toHexString(){let e=n.toHex(this.red),t=n.toHex(this.green),i=n.toHex(this.blue);return"#"+e+t+i}toNameOrHexString(){let e=this.toName();return e||(e=this.toHexString()),e}toRgb(){return{r:this.red,g:this.green,b:this.blue,a:this.opacity}}toHsl(){return{h:this.hue,s:this.sat,l:this.lightness,a:this.opacity}}toHwb(){return{h:this.hue,w:this.whiteness,b:this.blackness,a:this.opacity}}toCmyk(){return{c:this.cyan,m:this.magenta,y:this.yellow,k:this.black,a:this.opacity}}toNcol(){return{ncol:this.ncol,w:this.whiteness,b:this.blackness,a:this.opacity}}isDark(e){let t=e||128;return(this.red*299+this.green*587+this.blue*114)/1e3<t}saturate(e){let t,i,r;t=e/100||.1,this.sat+=t,this.sat>1&&(this.sat=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}desaturate(e){let t,i,r;t=e/100||.1,this.sat-=t,this.sat<0&&(this.sat=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}lighter(e){let t,i,r;t=e/100||.1,this.lightness+=t,this.lightness>1&&(this.lightness=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}darker(e){let t,i,r;t=e/100||.1,this.lightness-=t,this.lightness<0&&(this.lightness=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}attachValues(e){this.red=e.red,this.green=e.green,this.blue=e.blue,this.hue=e.hue,this.sat=e.sat,this.lightness=e.lightness,this.whiteness=e.whiteness,this.blackness=e.blackness,this.cyan=e.cyan,this.magenta=e.magenta,this.yellow=e.yellow,this.black=e.black,this.ncol=e.ncol,this.opacity=e.opacity,this.valid=e.valid}static toColorObject(e){let t,i,r,o=[],s,a,l,c,h,p,d,u,m=[],f=[];if(e=n.w3trim(e.toLowerCase()),t=e.substr(0,1).toUpperCase(),i=e.substr(1),h=1,(t=="R"||t=="Y"||t=="G"||t=="C"||t=="B"||t=="M"||t=="W")&&!isNaN(i)&&(e.length==6&&e.indexOf(",")==-1||(e="ncol("+e+")")),e.length!=3&&e.length!=6&&!isNaN(e)&&(e="ncol("+e+")"),e.indexOf(",")>0&&e.indexOf("(")==-1&&(e="ncol("+e+")"),e.substr(0,3)=="rgb"||e.substr(0,3)=="hsl"||e.substr(0,3)=="hwb"||e.substr(0,4)=="ncol"||e.substr(0,4)=="cmyk"){if(e.substr(0,4)=="ncol"?(e.split(",").length==4&&e.indexOf("ncola")==-1&&(e=e.replace("ncol","ncola")),r="ncol",e=e.substr(4)):e.substr(0,4)=="cmyk"?(r="cmyk",e=e.substr(4)):(r=e.substr(0,3),e=e.substr(3)),s=3,l=!1,e.substr(0,1).toLowerCase()=="a"?(s=4,l=!0,e=e.substr(1)):r=="cmyk"&&(s=4,e.split(",").length==5&&(s=5,l=!0)),e=e.replace("(",""),e=e.replace(")",""),o=e.split(","),r=="rgb"){if(o.length!=s)return new n;for(a=0;a<s;a++){if((o[a]==""||o[a]==" ")&&(o[a]="0"),o[a].indexOf("%")>-1&&(o[a]=o[a].replace("%",""),o[a]=Number(o[a]/100),a<3&&(o[a]=Math.round(o[a]*255))),isNaN(o[a]))return new n;parseInt(o[a])>255&&(o[a]=255),a<3&&(o[a]=parseInt(o[a])),a==3&&Number(o[a])>1&&(o[a]=1)}u={r:o[0],g:o[1],b:o[2]},l==!0&&(h=Number(o[3]))}if(r=="hsl"||r=="hwb"||r=="ncol"){for(;o.length<s;)o.push("0");for((r=="hsl"||r=="hwb")&&parseInt(o[0])>=360&&(o[0]=0),a=1;a<s;a++){if(o[a].indexOf("%")>-1){if(o[a]=o[a].replace("%",""),o[a]=Number(o[a]),isNaN(o[a]))return new n;o[a]=o[a]/100}else o[a]=Number(o[a]);Number(o[a])>1&&(o[a]=1),Number(o[a])<0&&(o[a]=0)}r=="hsl"&&(u=n.hslToRgb(o[0],o[1],o[2]),p=Number(o[0]),d=Number(o[1])),r=="hwb"&&(u=n.hwbToRgb(o[0],o[1],o[2])),r=="ncol"&&(u=n.ncolToRgb(o[0],o[1],o[2])),l==!0&&(h=Number(o[3]))}if(r=="cmyk"){for(;o.length<s;)o.push("0");for(a=0;a<s;a++){if(o[a].indexOf("%")>-1){if(o[a]=o[a].replace("%",""),o[a]=Number(o[a]),isNaN(o[a]))return new n;o[a]=o[a]/100}else o[a]=Number(o[a]);Number(o[a])>1&&(o[a]=1),Number(o[a])<0&&(o[a]=0)}u=n.cmykToRgb(o[0],o[1],o[2],o[3]),l==!0&&(h=Number(o[4]))}}else if(e.substr(0,3)=="ncs")u=n.ncsToRgb(e);else{for(c=!1,m=n.getColorArr("names"),a=0;a<m.length;a++)if(e.toLowerCase()==m[a].toLowerCase()){f=n.getColorArr("hexs"),c=!0,u={r:parseInt(f[a].substr(0,2),16),g:parseInt(f[a].substr(2,2),16),b:parseInt(f[a].substr(4,2),16)};break}if(c==!1){for(e=e.replace("#",""),e.length==3&&(e=e.substr(0,1)+e.substr(0,1)+e.substr(1,1)+e.substr(1,1)+e.substr(2,1)+e.substr(2,1)),a=0;a<e.length;a++)if(!n.isHex(e.substr(a,1)))return new n;for(o[0]=parseInt(e.substr(0,2),16),o[1]=parseInt(e.substr(2,2),16),o[2]=parseInt(e.substr(4,2),16),a=0;a<3;a++)if(isNaN(o[a]))return new n;u={r:o[0],g:o[1],b:o[2]}}}return n.colorObject(u,h,p,d)}static colorObject(e,t,i,r){let o,s,a,l,c,h,p;return e?(t===null&&(t=1),o=n.rgbToHsl(e.r,e.g,e.b),s=n.rgbToHwb(e.r,e.g,e.b),a=n.rgbToCmyk(e.r,e.g,e.b),h=i||o.h,p=r||o.s,l=n.hueToNcol(h),c={red:e.r,green:e.g,blue:e.b,hue:h,sat:p,lightness:o.l,whiteness:s.w,blackness:s.b,cyan:a.c,magenta:a.m,yellow:a.y,black:a.k,ncol:l,opacity:t,valid:!0},c=n.roundDecimals(c),Object.assign(new n,c)):new n}static getColorArr(e){return e=="names"?["AliceBlue","AntiqueWhite","Aqua","Aquamarine","Azure","Beige","Bisque","Black","BlanchedAlmond","Blue","BlueViolet","Brown","BurlyWood","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkKhaki","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","FloralWhite","ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold","GoldenRod","Gray","Grey","Green","GreenYellow","HoneyDew","HotPink","IndianRed","Indigo","Ivory","Khaki","Lavender","LavenderBlush","LawnGreen","LemonChiffon","LightBlue","LightCoral","LightCyan","LightGoldenRodYellow","LightGray","LightGrey","LightGreen","LightPink","LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray","LightSlateGrey","LightSteelBlue","LightYellow","Lime","LimeGreen","Linen","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen","MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream","MistyRose","Moccasin","NavajoWhite","Navy","OldLace","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenRod","PaleGreen","PaleTurquoise","PaleVioletRed","PapayaWhip","PeachPuff","Peru","Pink","Plum","PowderBlue","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","SeaShell","Sienna","Silver","SkyBlue","SlateBlue","SlateGray","SlateGrey","Snow","SpringGreen","SteelBlue","Tan","Teal","Thistle","Tomato","Turquoise","Violet","Wheat","White","WhiteSmoke","Yellow","YellowGreen"]:e=="hexs"?["f0f8ff","faebd7","00ffff","7fffd4","f0ffff","f5f5dc","ffe4c4","000000","ffebcd","0000ff","8a2be2","a52a2a","deb887","5f9ea0","7fff00","d2691e","ff7f50","6495ed","fff8dc","dc143c","00ffff","00008b","008b8b","b8860b","a9a9a9","a9a9a9","006400","bdb76b","8b008b","556b2f","ff8c00","9932cc","8b0000","e9967a","8fbc8f","483d8b","2f4f4f","2f4f4f","00ced1","9400d3","ff1493","00bfff","696969","696969","1e90ff","b22222","fffaf0","228b22","ff00ff","dcdcdc","f8f8ff","ffd700","daa520","808080","808080","008000","adff2f","f0fff0","ff69b4","cd5c5c","4b0082","fffff0","f0e68c","e6e6fa","fff0f5","7cfc00","fffacd","add8e6","f08080","e0ffff","fafad2","d3d3d3","d3d3d3","90ee90","ffb6c1","ffa07a","20b2aa","87cefa","778899","778899","b0c4de","ffffe0","00ff00","32cd32","faf0e6","ff00ff","800000","66cdaa","0000cd","ba55d3","9370db","3cb371","7b68ee","00fa9a","48d1cc","c71585","191970","f5fffa","ffe4e1","ffe4b5","ffdead","000080","fdf5e6","808000","6b8e23","ffa500","ff4500","da70d6","eee8aa","98fb98","afeeee","db7093","ffefd5","ffdab9","cd853f","ffc0cb","dda0dd","b0e0e6","800080","663399","ff0000","bc8f8f","4169e1","8b4513","fa8072","f4a460","2e8b57","fff5ee","a0522d","c0c0c0","87ceeb","6a5acd","708090","708090","fffafa","00ff7f","4682b4","d2b48c","008080","d8bfd8","ff6347","40e0d0","ee82ee","f5deb3","ffffff","f5f5f5","ffff00","9acd32"]:null}static roundDecimals(e){return e.red=Number(e.red.toFixed(0)),e.green=Number(e.green.toFixed(0)),e.blue=Number(e.blue.toFixed(0)),e.hue=Number(e.hue.toFixed(0)),e.sat=Number(e.sat.toFixed(2)),e.lightness=Number(e.lightness.toFixed(2)),e.whiteness=Number(e.whiteness.toFixed(2)),e.blackness=Number(e.blackness.toFixed(2)),e.cyan=Number(e.cyan.toFixed(2)),e.magenta=Number(e.magenta.toFixed(2)),e.yellow=Number(e.yellow.toFixed(2)),e.black=Number(e.black.toFixed(2)),e.ncol=e.ncol.substr(0,1)+Math.round(Number(e.ncol.substr(1))),e.opacity=Number(e.opacity.toFixed(2)),e}static hslToRgb(e,t,i){let r,o,s,a,l;return e=e/60,i<=.5?o=i*(t+1):o=i+t-i*t,r=i*2-o,s=n.hueToRgb(r,o,e+2)*255,a=n.hueToRgb(r,o,e)*255,l=n.hueToRgb(r,o,e-2)*255,{r:s,g:a,b:l}}static hueToRgb(e,t,i){return i<0&&(i+=6),i>=6&&(i-=6),i<1?(t-e)*i+e:i<3?t:i<4?(t-e)*(4-i)+e:e}static hwbToRgb(e,t,i){let r,o,s=[],a;for(o=n.hslToRgb(e,1,.5),s[0]=o.r/255,s[1]=o.g/255,s[2]=o.b/255,a=t+i,a>1&&(t=Number((t/a).toFixed(2)),i=Number((i/a).toFixed(2))),r=0;r<3;r++)s[r]*=1-t-i,s[r]+=t,s[r]=Number(s[r]*255);return{r:s[0],g:s[1],b:s[2]}}static cmykToRgb(e,t,i,r){let o,s,a;return o=255-Math.min(1,e*(1-r)+r)*255,s=255-Math.min(1,t*(1-r)+r)*255,a=255-Math.min(1,i*(1-r)+r)*255,{r:o,g:s,b:a}}static ncolToRgb(e,t,i){let r,o,s;if(s=e,isNaN(e.substr(0,1))){if(r=e.substr(0,1).toUpperCase(),o=e.substr(1),o==""&&(o=0),o=Number(o),isNaN(o))return!1;r=="R"&&(s=0+o*.6),r=="Y"&&(s=60+o*.6),r=="G"&&(s=120+o*.6),r=="C"&&(s=180+o*.6),r=="B"&&(s=240+o*.6),r=="M"&&(s=300+o*.6),r=="W"&&(s=0,t=1-o/100,i=o/100)}return n.hwbToRgb(s,t,i)}static hueToNcol(e){for(;e>=360;)e=e-360;return e<60?"R"+e/.6:e<120?"Y"+(e-60)/.6:e<180?"G"+(e-120)/.6:e<240?"C"+(e-180)/.6:e<300?"B"+(e-240)/.6:e<360?"M"+(e-300)/.6:null}static ncsToRgb(e){let t,i,r,o,s,a,l,c,h,p,d,u,m,f,y,v,C,b,_;return e=n.w3trim(e).toUpperCase(),e=e.replace("(",""),e=e.replace(")",""),e=e.replace("NCS","NCS "),e=e.replace(/  /g," "),e.indexOf("NCS")==-1&&(e="NCS "+e),e=e.match(/^(?:NCS|NCS\sS)\s(\d{2})(\d{2})-(N|[A-Z])(\d{2})?([A-Z])?$/),e===null||(t=parseInt(e[1],10),i=parseInt(e[2],10),r=e[3],r!="N"&&r!="Y"&&r!="R"&&r!="B"&&r!="G")?null:(o=parseInt(e[4],10)||0,r!=="N"?(s=1.05*t-5.25,a=i,r==="Y"&&o<=60?h=1:r==="Y"&&o>60||r==="R"&&o<=80?(r==="Y"?l=o-60:l=o+40,h=(Math.sqrt(14884-Math.pow(l,2))-22)/100):r==="R"&&o>80||r==="B"?h=0:r==="G"&&(l=o-170,h=(Math.sqrt(33800-Math.pow(l,2))-70)/100),r==="Y"&&o<=80?c=0:r==="Y"&&o>80||r==="R"&&o<=60?(r==="Y"?l=o-80+20.5:l=o+20+20.5,c=(104-Math.sqrt(11236-Math.pow(l,2)))/100):r==="R"&&o>60||r==="B"&&o<=80?(r==="R"?l=o-60-60:l=o+40-60,c=(Math.sqrt(1e4-Math.pow(l,2))-10)/100):r==="B"&&o>80||r==="G"&&o<=40?(r==="B"?l=o-80-131:l=o+20-131,c=(122-Math.sqrt(19881-Math.pow(l,2)))/100):r==="G"&&o>40&&(c=0),r==="Y"?d=(85-17/20*o)/100:r==="R"&&o<=60?d=0:r==="R"&&o>60?(l=o-60+35,d=(67.5-Math.sqrt(5776-Math.pow(l,2)))/100):r==="B"&&o<=60?(l=1*o-68.5,d=(6.5+Math.sqrt(7044.5-Math.pow(l,2)))/100):r==="B"&&o>60||r==="G"&&o<=60?d=.9:r==="G"&&o>60&&(l=o-60,d=(90-1/8*l)/100),l=(h+d+c)/3,p=(l-h)*(100-a)/100+h,u=(l-d)*(100-a)/100+d,m=(l-c)*(100-a)/100+c,p>u&&p>m?f=p:u>p&&u>m?f=u:m>p&&m>u?f=m:f=(p+u+m)/3,y=1/f,C=parseInt(p*y*(100-s)/100*255,10),b=parseInt(u*y*(100-s)/100*255,10),_=parseInt(m*y*(100-s)/100*255,10),C>255&&(C=255),b>255&&(b=255),_>255&&(_=255),C<0&&(C=0),b<0&&(b=0),_<0&&(_=0)):(v=parseInt((1-t/100)*255,10),v>255&&(v=255),v<0&&(v=0),C=v,b=v,_=v),{r:C,g:b,b:_})}static rgbToHsl(e,t,i){let r,o,s,a,l,c,h,p=[];for(p[0]=e/255,p[1]=t/255,p[2]=i/255,r=p[0],o=p[0],c=0,s=0;s<p.length-1;s++)p[s+1]<=r&&(r=p[s+1]),p[s+1]>=o&&(o=p[s+1],c=s+1);return c==0&&(h=(p[1]-p[2])/(o-r)),c==1&&(h=2+(p[2]-p[0])/(o-r)),c==2&&(h=4+(p[0]-p[1])/(o-r)),isNaN(h)&&(h=0),h=h*60,h<0&&(h=h+360),a=(r+o)/2,r==o?l=0:a<.5?l=(o-r)/(o+r):l=(o-r)/(2-o-r),l=l,{h,s:l,l:a}}static rgbToHwb(e,t,i){let r,o,s;e=e/255,t=t/255,i=i/255;let a=Math.max(e,t,i),l=Math.min(e,t,i),c=a-l;return c==0?r=0:e==a?r=(t-i)/c%6*360:t==a?r=((i-e)/c+2)%6*360:r=((e-t)/c+4)%6*360,o=l,s=1-a,{h:r,w:o,b:s}}static rgbToCmyk(e,t,i){let r,o,s,a;return e=e/255,t=t/255,i=i/255,a=1-Math.max(e,t,i),a==1?(r=0,o=0,s=0):(r=(1-e-a)/(1-a),o=(1-t-a)/(1-a),s=(1-i-a)/(1-a)),{c:r,m:o,y:s,k:a}}static toHex(e){let t=e.toString(16);for(;t.length<2;)t="0"+t;return t}static w3trim(e){return e.replace(/^\s+|\s+$/g,"")}static isHex(e){return"0123456789ABCDEFabcdef".indexOf(e)>-1}};var fu=["rgb","hsl","cmyk","oklab","oklch"],nn=1e-6,Ll=class extends _u{static style=xu`:host{display:block;box-sizing:border-box;width:280px;color:var(--wcd-property-grid-text-color,var(--property-grid-text-color,var(--wcd-color-text,#e8edf2)));font:12px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#editor{display:grid;gap:10px;box-sizing:border-box;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--wcd-color-editor-background,var(--color-editor-background,var(--wcd-color-surface,#20252b)));box-shadow:0 14px 38px rgba(0,0,0,.36)}#plane{position:relative;height:150px;border-radius:6px;overflow:hidden;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue,0) 100% 50%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);touch-action:none}#plane-handle{position:absolute;width:12px;height:12px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;transform:translate(-6px,-6px);box-shadow:0 0 0 1px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.55);pointer-events:none}.slider-row{display:grid;grid-template-columns:18px minmax(0,1fr) 42px;gap:8px;align-items:center}.slider-row span{color:var(--wcd-color-text-muted,rgba(232,237,242,.68));font-size:11px;text-transform:uppercase}input[type=range]{--slider-background:#79b8ff;-webkit-appearance:none;appearance:none;width:100%;height:16px;margin:0;background:0 0;outline:0}#hue{--slider-background:linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)}#alpha{--slider-background:linear-gradient(to right, rgba(var(--rgb-color, 0, 0, 0), 0), var(--opaque-color, #000)),linear-gradient(45deg, rgba(255, 255, 255, .24) 25%, transparent 25% 75%, rgba(255, 255, 255, .24) 75%),linear-gradient(45deg, rgba(255, 255, 255, .24) 25%, transparent 25% 75%, rgba(255, 255, 255, .24) 75%),#2a3037;--slider-background-position:0 0,0 0,5px 5px,0 0;--slider-background-size:auto,10px 10px,10px 10px,auto}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:var(--slider-background);background-position:var(--slider-background-position,0 0);background-size:var(--slider-background-size,auto);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:var(--slider-background);background-position:var(--slider-background-position,0 0);background-size:var(--slider-background-size,auto);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-3.5px;border:2px solid #fff;border-radius:50%;background:hsl(var(--hue,0) 100% 50%);box-shadow:0 0 0 1px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.45)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:hsl(var(--hue,0) 100% 50%);box-shadow:0 0 0 1px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.45)}#alpha::-webkit-slider-thumb{background:var(--color,#000)}#alpha::-moz-range-thumb{background:var(--color,#000)}.swatch{width:42px;height:22px;border-radius:5px;background:linear-gradient(var(--color,#000),var(--color,#000)),linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25% 75%,rgba(255,255,255,.22) 75%),linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25% 75%,rgba(255,255,255,.22) 75%);background-position:0 0,0 0,5px 5px;background-size:auto,10px 10px,10px 10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}#mode{height:26px;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:var(--wcd-color-surface,#161a1f);color:inherit;font:inherit;outline:0}#channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}label{display:grid;gap:3px;min-width:0;color:var(--wcd-color-text-muted,rgba(232,237,242,.68));font-size:10px;text-transform:uppercase}#text,input[type=number]{box-sizing:border-box;width:100%;min-width:0;height:26px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:var(--wcd-color-surface,#161a1f);color:inherit;font:inherit;outline:0}input[type=number]{padding:0 4px}#text{padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:none}#text.invalid{border-color:var(--wcd-color-error,#e66b6b);box-shadow:0 0 0 1px var(--wcd-color-error-glow,rgba(230,107,107,.35))}input:focus,select:focus{border-color:var(--wcd-color-focus,#79b8ff);box-shadow:0 0 0 1px rgba(121,184,255,.28)}:host([disabled]) #plane,:host([disabled]) input,:host([disabled]) select,:host([readonly]) #plane,:host([readonly]) input,:host([readonly]) select{opacity:.65;pointer-events:none}`;static template=bu`<div id="editor"><div id="plane"><div id="plane-handle"></div></div><div class="slider-row"><span>Hue</span> <input id="hue" type="range" min="0" max="360" step="1"><div id="preview" class="swatch"></div></div><div class="slider-row"><span>Alpha</span> <input id="alpha" type="range" min="0" max="100" step="1"> <span id="alpha-label"></span></div><select id="mode" aria-label="Color mode"><option value="rgb">RGB</option><option value="hsl">HSL</option><option value="cmyk">CMYK</option><option value="oklab">OKLab</option><option value="oklch">OKLCH</option></select><div id="channels"></div><input id="text" type="text" spellcheck="false" aria-label="Color text"></div>`;valueChanged=new mu;valuePreviewChanged=new mu;_value="#000000";_color={r:0,g:0,b:0,a:1};_mode="rgb";_hue=0;_plane;_planeHandle;_hueInput;_alphaInput;_alphaLabel;_modeSelect;_channels;_textInput;_dragPointerId=null;get value(){return this._value}set value(e){let t=rn(e);if(t){this._color=t,this._mode=gu(e)??this._mode,this._syncHueFromColor(),this._value=this._formatColor(),this._render();return}this._value=e??"",this._render()}get mode(){return this._mode}set mode(e){fu.includes(e)&&(this._mode=e,this._value=this._formatColor(),this._render())}get readOnly(){return this.hasAttribute("readonly")}set readOnly(e){this.toggleAttribute("readonly",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}constructor(){super(),this._plane=this._getDomElement("plane"),this._planeHandle=this._getDomElement("plane-handle"),this._hueInput=this._getDomElement("hue"),this._alphaInput=this._getDomElement("alpha"),this._alphaLabel=this._getDomElement("alpha-label"),this._modeSelect=this._getDomElement("mode"),this._channels=this._getDomElement("channels"),this._textInput=this._getDomElement("text")}ready(){this._wireEvents();let e=this.getAttribute("value");e!=null&&(this.value=e);let t=this.getAttribute("mode");fu.includes(t)&&(this._mode=t,this._value=this._formatColor()),this._render()}_wireEvents(){this._plane.addEventListener("pointerdown",e=>this._startPlaneDrag(e)),this._hueInput.addEventListener("input",()=>this._applyHue(!0)),this._hueInput.addEventListener("change",()=>this._commitCurrentValue()),this._alphaInput.addEventListener("input",()=>this._applyAlpha(!0)),this._alphaInput.addEventListener("change",()=>this._commitCurrentValue()),this._modeSelect.addEventListener("change",()=>{this.mode=this._modeSelect.value,this._commitCurrentValue()}),this._channels.addEventListener("input",()=>this._applyChannelInputs(!0)),this._channels.addEventListener("change",()=>this._commitCurrentValue()),this._textInput.addEventListener("input",()=>this._validateTextInput()),this._textInput.addEventListener("change",()=>this._applyText()),this._textInput.addEventListener("keydown",e=>{e.key==="Enter"&&(this._applyText(),this._textInput.blur())})}_startPlaneDrag(e){this.readOnly||this.disabled||(this._dragPointerId=e.pointerId,this._plane.setPointerCapture(e.pointerId),this._applyPlanePointer(e,!0),this._plane.addEventListener("pointermove",this._planePointerMove),this._plane.addEventListener("pointerup",this._finishPlaneDrag),this._plane.addEventListener("pointercancel",this._finishPlaneDrag),e.preventDefault())}_planePointerMove=e=>{e.pointerId===this._dragPointerId&&this._applyPlanePointer(e,!0)};_finishPlaneDrag=e=>{e.pointerId===this._dragPointerId&&(this._dragPointerId=null,this._plane.removeEventListener("pointermove",this._planePointerMove),this._plane.removeEventListener("pointerup",this._finishPlaneDrag),this._plane.removeEventListener("pointercancel",this._finishPlaneDrag),this._commitCurrentValue())};_applyPlanePointer(e,t){let i=this._plane.getBoundingClientRect(),r=zt((e.clientX-i.left)/i.width,0,1),o=zt(1-(e.clientY-i.top)/i.height,0,1),s=Number(this._hueInput.value)||0;this._hue=Ml(s),this._setColor({...vu(s,r,o),a:this._color.a},t)}_applyHue(e){let t=Il(this._color),i=Number(this._hueInput.value)||0;this._hue=Ml(i),this._setColor({...vu(i,t.s||1,t.v||1),a:this._color.a},e)}_applyAlpha(e){this._setColor({...this._color,a:zt(Number(this._alphaInput.value)/100,0,1)},e)}_applyChannelInputs(e){let t=[...this._channels.querySelectorAll("input")].reduce((r,o)=>(r[o.name]=Number(o.value),r),{}),i;this._mode==="rgb"?i={r:t.r,g:t.g,b:t.b,a:t.a/100}:this._mode==="hsl"?i={...ug(t.h,t.s/100,t.l/100),a:t.a/100}:this._mode==="cmyk"?i={...mg(t.c/100,t.m/100,t.y/100,t.k/100),a:t.a/100}:this._mode==="oklab"?i={...Nl(t.l/100,t.a1,t.b1),a:t.alpha/100}:i={...Pu(t.l/100,t.c,t.h),a:t.a/100},this._setColor(ni(i),e,!1,!0)}_validateTextInput(){let e=this._textInput.value.trim();this._textInput.classList.toggle("invalid",e.length>0&&!rn(e))}_applyText(){let e=rn(this._textInput.value);this._textInput.classList.toggle("invalid",!e),e&&(this._mode=gu(this._textInput.value)??this._mode,this._setColor(e,!1,!0,!0))}_setColor(e,t,i=!0,r=!1){let o=this._value;this._color=ni(e),r&&this._syncHueFromColor(),this._value=this._formatColor(),this._render(i),t?this.valuePreviewChanged.emit({newValue:this._value,oldValue:o}):this.valueChanged.emit({newValue:this._value,oldValue:o})}_commitCurrentValue(){let e=this._value;this._value=this._formatColor(),this.valueChanged.emit({newValue:this._value,oldValue:e})}_render(e=!0){if(!this._textInput)return;let t=Il(this._color);this.style.setProperty("--hue",String(Math.round(this._hue))),this.style.setProperty("--color",wu(this._color)),this.style.setProperty("--opaque-color",`rgb(${this._color.r}, ${this._color.g}, ${this._color.b})`),this.style.setProperty("--rgb-color",`${this._color.r}, ${this._color.g}, ${this._color.b}`),this._planeHandle.style.left=`${t.s*100}%`,this._planeHandle.style.top=`${(1-t.v)*100}%`,this._hueInput.value=String(Math.round(this._hue)),this._alphaInput.value=String(Math.round(this._color.a*100)),this._alphaLabel.textContent=`${Math.round(this._color.a*100)}%`,this._modeSelect.value=this._mode,e&&this._renderChannelInputs(),document.activeElement!==this._textInput&&(this._textInput.value=this._value),this._textInput.classList.remove("invalid")}_renderChannelInputs(){let e=dg(this._color,this._mode);this._channels.innerHTML=e.map(t=>`
       <label>${t.label}
         <input type="number" name="${t.name}" min="${t.min}" max="${t.max}" step="${t.step}" value="${t.value}">
-      </label>`).join("")}_formatColor(){return pg(this._color,this._mode)}_syncHueFromColor(){let e=Il(this._color);e.s>rn&&e.v>rn&&(this._hue=Ml(e.h))}},Ol=class extends _u{static style=xu`:host{display:inline-block;box-sizing:border-box;width:100%;height:100%;padding:2px}button{display:block;box-sizing:border-box;width:100%;height:100%;padding:3px;border:1px solid var(--wcd-input-border-color,var(--input-border-color,var(--wcd-color-border,#596c7a)));border-radius:4px;background:var(--wcd-input-background-color,var(--input-background-color,var(--wcd-color-surface,#1d2228)));cursor:pointer;outline:0}button:focus{border-color:var(--wcd-color-focus,#79b8ff);box-shadow:0 0 0 1px rgba(121,184,255,.28)}#swatch{display:block;width:100%;height:100%;border-radius:2px;background:linear-gradient(var(--color,#000),var(--color,#000)),linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25% 75%,rgba(255,255,255,.25) 75%),linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25% 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 0,5px 5px;background-size:auto,10px 10px,10px 10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}:host([disabled]) button,:host([readonly]) button{cursor:default;opacity:.65}`;static template=bu`<button id="button" type="button" aria-label="Edit color"><span id="swatch"></span></button>`;_value="#000000";_button;_popup;_editor;_ignoreNextClick=!1;_outsidePointerHandler=e=>this._handleOutsidePointer(e);_windowKeyHandler=e=>this._handleWindowKey(e);get value(){return this._value}set value(e){this._setValue(e,!1)}get readOnly(){return this.hasAttribute("readonly")}set readOnly(e){this.toggleAttribute("readonly",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e),this._button&&(this._button.disabled=e)}constructor(){super(),this._button=this._getDomElement("button")}ready(){let e=this.getAttribute("value");e!=null&&this._setValue(e,!1),this._button.disabled=this.disabled,this._button.addEventListener("pointerdown",t=>this._handleButtonPointerDown(t)),this._button.addEventListener("click",t=>this._handleButtonClick(t)),this._button.addEventListener("keydown",t=>this._handleButtonKeyDown(t)),this._renderSwatch()}disconnectedCallback(){this._closePopup()}_togglePopup(){this.readOnly||this.disabled||(this._popup?this._closePopup():this._openPopup())}_handleButtonPointerDown(e){e.button===0&&(this._ignoreNextClick=!0,this._togglePopup(),e.preventDefault(),e.stopPropagation())}_handleButtonClick(e){if(this._ignoreNextClick){this._ignoreNextClick=!1,e.preventDefault(),e.stopPropagation();return}this._togglePopup()}_handleButtonKeyDown(e){e.key!=="Enter"&&e.key!==" "||(this._togglePopup(),e.preventDefault(),e.stopPropagation())}_openPopup(){this._popup=document.createElement("div"),this._popup.style.position="fixed",this._popup.style.zIndex="100000",this._popup.style.width="280px",this._editor=document.createElement("node-projects-color-editor"),this._editor.value=this._value,this._editor.valuePreviewChanged.on(e=>{this._setValue(e.newValue,!0),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),this._editor.valueChanged.on(e=>{this._setValue(e.newValue,!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),this._popup.appendChild(this._editor),document.body.appendChild(this._popup),this._positionPopup(),window.addEventListener("resize",()=>this._positionPopup(),{once:!0}),window.addEventListener("scroll",()=>this._positionPopup(),{once:!0,capture:!0}),window.addEventListener("keydown",this._windowKeyHandler),requestAnimationFrame(()=>window.addEventListener("pointerdown",this._outsidePointerHandler,!0))}_positionPopup(){if(!this._popup)return;let e=this.getBoundingClientRect(),t=this._popup.offsetWidth||280,i=this._popup.offsetHeight||360,r=e.left,o=e.bottom+4;r+t>window.innerWidth-8&&(r=window.innerWidth-t-8),o+i>window.innerHeight-8&&(o=e.top-i-4),this._popup.style.left=`${Math.max(8,r)}px`,this._popup.style.top=`${Math.max(8,o)}px`}_handleOutsidePointer(e){let t=e.composedPath();t.includes(this)||this._popup&&t.includes(this._popup)||this._closePopup()}_handleWindowKey(e){e.key==="Escape"&&this._closePopup()}_closePopup(){window.removeEventListener("pointerdown",this._outsidePointerHandler,!0),window.removeEventListener("keydown",this._windowKeyHandler),this._popup?.remove(),this._popup=null,this._editor=null}_setValue(e,t){this._value=e??"",t&&this.setAttribute("value",this._value),this._renderSwatch()}_renderSwatch(){let e=tn(this._value)??{r:0,g:0,b:0,a:1};this.style.setProperty("--color",wu(e))}};function tn(n){if(!n)return null;let e=n.trim();if(e.toLowerCase()==="transparent")return{r:0,g:0,b:0,a:0};let t=cg(e);if(t)return t;let i=hg(e);if(i)return i;let r=lg(e),o=en.toColorObject(r);return o?.valid?ni({r:o.red,g:o.green,b:o.blue,a:o.opacity}):null}function gu(n){let t=/^\s*(rgba?|hsla?|cmyk|oklab|oklch)\s*\(/i.exec(n??"")?.[1]?.toLowerCase();return t==="rgb"||t==="rgba"?"rgb":t==="hsl"||t==="hsla"?"hsl":t==="cmyk"?"cmyk":t==="oklab"?"oklab":t==="oklch"?"oklch":null}function lg(n){return n.replace(/,\s*/g,",").replace(/rgba?\(([^)]*)\)/i,(e,t)=>yu("rgb",t)).replace(/hsla?\(([^)]*)\)/i,(e,t)=>yu("hsl",t))}function yu(n,e){if(e.includes(",")){let o=e.split(",").map(s=>s.trim());return o.length===4&&o[3].endsWith("%")&&(o[3]=String(Number(o[3].slice(0,-1))/100)),`${n}${o.length===4?"a":""}(${o.join(",")})`}let[t,i]=e.split("/").map(o=>o.trim()),r=t.split(/\s+/).filter(Boolean);return i&&r.push(i.endsWith("%")?String(Number(i.slice(0,-1))/100):i),`${n}${r.length===4?"a":""}(${r.join(",")})`}function cg(n){let e=/^#([0-9a-f]{3,8})$/i.exec(n);if(!e)return null;let t=e[1],i=r=>parseInt(r.length===1?r+r:r,16);return t.length===3||t.length===4?ni({r:i(t[0]),g:i(t[1]),b:i(t[2]),a:t.length===4?i(t[3])/255:1}):t.length===6||t.length===8?ni({r:i(t.slice(0,2)),g:i(t.slice(2,4)),b:i(t.slice(4,6)),a:t.length===8?i(t.slice(6,8))/255:1}):null}function hg(n){let e=/^(oklab|oklch)\((.*)\)$/i.exec(n);if(!e)return null;let t=e[1].toLowerCase(),[i,r]=e[2].split("/").map(a=>a.trim()),o=i.replace(/,/g," ").split(/\s+/).filter(Boolean);if(o.length!==3)return null;let s=r?Tl(r,1):1;return ni(t==="oklab"?{...Nl(Tl(o[0],1),Number(o[1]),Number(o[2])),a:s}:{...Pu(Tl(o[0],1),Number(o[1]),Number(o[2])),a:s})}function pg(n,e){let t=Re(n.a,3);if(e==="rgb")return n.a>=1?`rgb(${n.r}, ${n.g}, ${n.b})`:`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`;if(e==="hsl"){let r=Su(n);return n.a>=1?`hsl(${Math.round(r.h)}, ${Math.round(r.s*100)}%, ${Math.round(r.l*100)}%)`:`hsla(${Math.round(r.h)}, ${Math.round(r.s*100)}%, ${Math.round(r.l*100)}%, ${t})`}if(e==="cmyk"){let r=Cu(n),o=`${Math.round(r.c*100)}%, ${Math.round(r.m*100)}%, ${Math.round(r.y*100)}%, ${Math.round(r.k*100)}%`;return n.a>=1?`cmyk(${o})`:`cmyk(${o}, ${t})`}if(e==="oklab"){let r=Vl(n);return`oklab(${Re(r.l*100,2)}% ${Re(r.a,4)} ${Re(r.b,4)}${n.a>=1?"":` / ${t}`})`}let i=Eu(n);return`oklch(${Re(i.l*100,2)}% ${Re(i.c,4)} ${Re(i.h,2)}${n.a>=1?"":` / ${t}`})`}function dg(n,e){if(e==="rgb")return[{label:"R",name:"r",value:n.r,min:0,max:255,step:1},{label:"G",name:"g",value:n.g,min:0,max:255,step:1},{label:"B",name:"b",value:n.b,min:0,max:255,step:1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}];if(e==="hsl"){let i=Su(n);return[{label:"H",name:"h",value:Math.round(i.h),min:0,max:360,step:1},{label:"S",name:"s",value:Math.round(i.s*100),min:0,max:100,step:1},{label:"L",name:"l",value:Math.round(i.l*100),min:0,max:100,step:1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}]}if(e==="cmyk"){let i=Cu(n);return[{label:"C",name:"c",value:Math.round(i.c*100),min:0,max:100,step:1},{label:"M",name:"m",value:Math.round(i.m*100),min:0,max:100,step:1},{label:"Y",name:"y",value:Math.round(i.y*100),min:0,max:100,step:1},{label:"K",name:"k",value:Math.round(i.k*100),min:0,max:100,step:1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}]}if(e==="oklab"){let i=Vl(n);return[{label:"L",name:"l",value:Re(i.l*100,2),min:0,max:100,step:.1},{label:"A",name:"a1",value:Re(i.a,4),min:-1,max:1,step:.001},{label:"B",name:"b1",value:Re(i.b,4),min:-1,max:1,step:.001},{label:"Alpha",name:"alpha",value:Math.round(n.a*100),min:0,max:100,step:1}]}let t=Eu(n);return[{label:"L",name:"l",value:Re(t.l*100,2),min:0,max:100,step:.1},{label:"C",name:"c",value:Re(t.c,4),min:0,max:1,step:.001},{label:"H",name:"h",value:Re(t.h,2),min:0,max:360,step:.1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}]}function ni(n){return{r:Math.round(zt(n.r,0,255)),g:Math.round(zt(n.g,0,255)),b:Math.round(zt(n.b,0,255)),a:zt(Number.isFinite(n.a)?n.a:1,0,1)}}function wu(n){return`rgba(${n.r}, ${n.g}, ${n.b}, ${Re(n.a,3)})`}function Il(n){let e=n.r/255,t=n.g/255,i=n.b/255,r=Math.max(e,t,i),o=Math.min(e,t,i),s=r-o,a=0;return s!==0&&(r===e?a=(t-i)/s%6:r===t?a=(i-e)/s+2:a=(e-t)/s+4,a*=60),{h:(a+360)%360,s:r===0?0:s/r,v:r}}function vu(n,e,t){let i=t*e,r=i*(1-Math.abs(n/60%2-1)),o=t-i,s=0,a=0,l=0;return n<60?[s,a,l]=[i,r,0]:n<120?[s,a,l]=[r,i,0]:n<180?[s,a,l]=[0,i,r]:n<240?[s,a,l]=[0,r,i]:n<300?[s,a,l]=[r,0,i]:[s,a,l]=[i,0,r],{r:(s+o)*255,g:(a+o)*255,b:(l+o)*255}}function Su(n){let e=n.r/255,t=n.g/255,i=n.b/255,r=Math.max(e,t,i),o=Math.min(e,t,i),s=(r+o)/2,a=r-o,l=0,c=0;return a!==0&&(c=a/(1-Math.abs(2*s-1)),r===e?l=(t-i)/a%6:r===t?l=(i-e)/a+2:l=(e-t)/a+4,l*=60),{h:(l+360)%360,s:c,l:s}}function ug(n,e,t){let i=(1-Math.abs(2*t-1))*e,r=i*(1-Math.abs(n/60%2-1)),o=t-i/2,s=0,a=0,l=0;return n<60?[s,a,l]=[i,r,0]:n<120?[s,a,l]=[r,i,0]:n<180?[s,a,l]=[0,i,r]:n<240?[s,a,l]=[0,r,i]:n<300?[s,a,l]=[r,0,i]:[s,a,l]=[i,0,r],{r:(s+o)*255,g:(a+o)*255,b:(l+o)*255}}function Cu(n){let e=n.r/255,t=n.g/255,i=n.b/255,r=1-Math.max(e,t,i);return r>=1-rn?{c:0,m:0,y:0,k:1}:{c:(1-e-r)/(1-r),m:(1-t-r)/(1-r),y:(1-i-r)/(1-r),k:r}}function mg(n,e,t,i){return{r:255*(1-n)*(1-i),g:255*(1-e)*(1-i),b:255*(1-t)*(1-i)}}function Vl(n){let e=Dl(n.r/255),t=Dl(n.g/255),i=Dl(n.b/255),r=Math.cbrt(.4122214708*e+.5363325363*t+.0514459929*i),o=Math.cbrt(.2119034982*e+.6806995451*t+.1073969566*i),s=Math.cbrt(.0883024619*e+.2817188376*t+.6299787005*i);return{l:.2104542553*r+.793617785*o-.0040720468*s,a:1.9779984951*r-2.428592205*o+.4505937099*s,b:.0259040371*r+.7827717662*o-.808675766*s}}function Nl(n,e,t){let i=Math.pow(n+.3963377774*e+.2158037573*t,3),r=Math.pow(n-.1055613458*e-.0638541728*t,3),o=Math.pow(n-.0894841775*e-1.291485548*t,3);return{r:255*Al(4.0767416621*i-3.3077115913*r+.2309699292*o),g:255*Al(-1.2684380046*i+2.6097574011*r-.3413193965*o),b:255*Al(-.0041960863*i-.7034186147*r+1.707614701*o)}}function Eu(n){let e=Vl(n),t=Math.sqrt(e.a*e.a+e.b*e.b),i=t<rn?0:(Math.atan2(e.b,e.a)*180/Math.PI+360)%360;return{l:e.l,c:t,h:i}}function Pu(n,e,t){let i=t*Math.PI/180;return Nl(n,e*Math.cos(i),e*Math.sin(i))}function Dl(n){return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function Al(n){return n<=.0031308?12.92*n:1.055*Math.pow(n,1/2.4)-.055}function Tl(n,e){return n.endsWith("%")?Number(n.slice(0,-1))/100*e:Number(n)}function zt(n,e,t){return Math.min(t,Math.max(e,Number.isFinite(n)?n:e))}function Ml(n){return zt(n,0,360)}function Re(n,e){let t=Math.pow(10,e);return Math.round(n*t)/t}customElements.define("node-projects-color-editor",Ll);customElements.define("node-projects-color-input",Ol);Fl();Gl();import{css as Sg,html as Cg}from"@node-projects/base-custom-webcomponent";var jl=class{host;root;trough;button1;button2;thumb;isConnected=!1;thumbSize=.3;value=0;orientation=!1;clickRepeatDelay=300;clickRepeatInterval=100;defaultThumbMinSize=25;dragStartPos;dragStartValue;eventTimeoutId;pointerCaptureId;pointerCaptureElement;thumbDragging;button1Active;button2Active;troughActive;constructor(e){this.host=e,e.attachShadow({mode:"open"});let t=e.shadowRoot;t.appendChild(kg.content.cloneNode(!0)),t.adoptedStyleSheets=[Pg],this.root=t.querySelector("#root"),this.trough=t.querySelector("#trough"),this.button1=t.querySelector("#button1"),this.button2=t.querySelector("#button2"),this.thumb=t.querySelector("#thumb"),this.trough.addEventListener("pointerdown",this.onTroughPointerDown),this.trough.addEventListener("pointerup",this.onPointerUp),this.trough.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,1)),this.button1.addEventListener("pointerup",this.onPointerUp),this.button1.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("contextmenu",i=>i.preventDefault()),this.button2.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,2)),this.button2.addEventListener("pointerup",this.onPointerUp),this.button2.addEventListener("pointercancel",this.onPointerUp),this.button2.addEventListener("contextmenu",i=>i.preventDefault()),this.thumb.addEventListener("pointerdown",this.onThumbPointerDown),this.thumb.addEventListener("pointerup",this.onPointerUp),this.thumb.addEventListener("pointercancel",this.onPointerUp),this.thumb.addEventListener("pointermove",this.onThumbPointerMove),this.resetInteractionState()}resetInteractionState(){this.thumbDragging=!1,this.button1Active=!1,this.button2Active=!1,this.troughActive=!1}connectedCallback(){this.isConnected=!0,this.resetInteractionState(),this.updateLayout(),this.updateStyle()}disconnectedCallback(){this.isConnected=!1,this.resetInteractionState(),this.stopEventRepetition(),this.stopPointerCapture()}updateLayout(){this.isConnected&&(this.root.classList.toggle("horizontal",!this.orientation),this.root.classList.toggle("vertical",this.orientation),this.thumb.style.display=this.thumbSize==0?"none":"",this.thumb.style.height=this.orientation?sn(this.getEffectiveThumbSize()):"",this.thumb.style.width=this.orientation?"":sn(this.getEffectiveThumbSize()),this.thumb.style.top="",this.thumb.style.left="",this.updateThumbPosition())}updateStyle(){this.isConnected&&(this.thumb.classList.toggle("active",this.thumbDragging),this.button1.classList.toggle("active",this.button1Active),this.button2.classList.toggle("active",this.button2Active),this.troughActive)}updateThumbPosition(){let e=(1-this.getEffectiveThumbSize())*this.value;this.orientation?this.thumb.style.top=sn(e):this.thumb.style.left=sn(e)}getThroughSize(){return this.orientation?this.trough.clientHeight:this.trough.clientWidth}computeThumbMoveValue(e){let t=this.getThroughSize()*(1-this.getEffectiveThumbSize());return t<Eg?0:e/t}setThumbSize(e){let t=Math.max(0,Math.min(1,e));t!=this.thumbSize&&(this.thumbSize=t,this.updateLayout())}getThumbMinSize(){let e=this.getCssVar("--plain-scrollbar-thumb-min-size");if(!e)return this.defaultThumbMinSize;let t=Dg(e);return t||this.defaultThumbMinSize}getEffectiveThumbSize(){let e=this.getThumbMinSize(),t=this.getThroughSize();if(!t)return this.thumbSize;let i=Math.min(1,e/t);return Math.max(i,this.thumbSize)}setValue(e){let t=Math.max(0,Math.min(1,e));return t==this.value?!1:(this.value=isNaN(t)?0:t,this.updateThumbPosition(),!0)}setOrientation(e){return e==this.orientation?!1:(this.orientation=e,this.updateLayout(),!0)}getCssVar(e){let t=getComputedStyle(this.root).getPropertyValue(e);return t?t.trim():null}fireEvent(e){let t=new CustomEvent("scrollbar-input",{detail:e});this.host.dispatchEvent(t)}fireEventRepeatedly(e,t,i,r=0){this.stopEventRepetition(),this.fireEvent(e);let o=r==0?t:i,s=()=>this.fireEventRepeatedly(e,t,i,r+1);this.eventTimeoutId=setTimeout(s,o)}stopEventRepetition(){this.eventTimeoutId&&(clearTimeout(this.eventTimeoutId),this.eventTimeoutId=void 0)}startPointerCapture(e,t){this.stopPointerCapture(),e.setPointerCapture(t),this.pointerCaptureElement=e,this.pointerCaptureId=t}stopPointerCapture(){this.pointerCaptureId&&(this.pointerCaptureElement.releasePointerCapture(this.pointerCaptureId),this.pointerCaptureId=void 0)}onTroughPointerDown=e=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;let t=this.trough.getBoundingClientRect(),i=this.orientation?e.clientY-t.top:e.clientX-t.left,r=(this.orientation?t.height:t.width)*(1-this.getEffectiveThumbSize())*this.value,s=i>r?"incrementLarge":"decrementLarge";this.troughActive=!0,e.preventDefault(),this.startPointerCapture(this.trough,e.pointerId),this.fireEventRepeatedly(s,this.clickRepeatDelay,this.clickRepeatInterval)};onButtonPointerDown=(e,t)=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;switch(t){case 1:this.button1Active=!0;break;case 2:this.button2Active=!0;break}let i=t==1?"decrementSmall":"incrementSmall";this.updateStyle(),e.preventDefault();let r=t==1?this.button1:this.button2;this.startPointerCapture(r,e.pointerId),this.fireEventRepeatedly(i,this.clickRepeatDelay,this.clickRepeatInterval)};onThumbPointerDown=e=>{!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0||(this.dragStartPos=this.orientation?e.clientY:e.clientX,this.dragStartValue=this.value,this.thumbDragging=!0,this.updateStyle(),e.preventDefault(),this.startPointerCapture(this.thumb,e.pointerId))};onThumbPointerMove=e=>{if(!this.isConnected||!e.isPrimary||!this.thumbDragging)return;let i=(this.orientation?e.clientY:e.clientX)-this.dragStartPos,r=this.computeThumbMoveValue(i),o=this.dragStartValue+r;e.preventDefault(),this.setValue(o)&&this.fireEvent("value")};onPointerUp=e=>{this.isConnected&&e.isPrimary&&(this.resetInteractionState(),this.updateStyle(),this.stopEventRepetition(),this.stopPointerCapture(),e.preventDefault())}},Yl=class extends HTMLElement{widget;constructor(){super(),this.widget=new jl(this);let e=parseFloat(this.getAttribute("value"));if(isNaN(e)||(this.widget.value=e),this.hasOwnProperty("value")){let t=this.value;delete this.value,isNaN(t)||(this.widget.value=t)}}connectedCallback(){this.widget.connectedCallback()}disconnectedCallback(){this.widget.disconnectedCallback()}get thumbSize(){return this.widget.thumbSize}set thumbSize(e){this.widget.setThumbSize(e)}get value(){return this.widget.value}set value(e){this.widget.setValue(e)}get orientation(){return Ig(this.widget.orientation)}set orientation(e){this.widget.setOrientation(Tu(e))&&this.setAttribute("orientation",this.orientation)}get orientationBoolean(){return this.widget.orientation}static get observedAttributes(){return["orientation"]}attributeChangedCallback(e,t,i){switch(e){case"orientation":{i&&this.widget.setOrientation(Tu(i));break}}}},Eg=1e-9,Ft="var(--wcd-plain-scrollbar-button-size, var(--plain-scrollbar-button-size, 13px))",on='<path d="M -60 30 h 120 L 0 -30 z" stroke-width="0"/>',Pg=Sg`:host{display:block;contain:content;background-color:var(--wcd-plain-scrollbar-track-background-color,var(--plain-scrollbar-track-background-color,#f8f8f8));border-style:solid;border-width:1px;border-color:var(--wcd-plain-scrollbar-track-border-color,var(--plain-scrollbar-track-border-color,#ddd))}#root{touch-action:none;user-select:none;box-sizing:border-box;position:relative;width:100%;height:100%}#trough{position:absolute}#root.vertical #trough{width:100%;top:${Ft};bottom:${Ft}}#root.horizontal #trough{height:100%;left:${Ft};right:${Ft}}#thumb{box-sizing:border-box;position:absolute;width:100%;height:100%;background-color:var(--wcd-plain-scrollbar-thumb-background-color,var(--plain-scrollbar-thumb-background-color,#f0f0f0));border-style:solid;border-width:var(--wcd-plain-scrollbar-thumb-border-width,var(--plain-scrollbar-thumb-border-width,1px));border-color:var(--wcd-plain-scrollbar-thumb-border-color,var(--plain-scrollbar-thumb-border-color,#b8b8b8));border-radius:var(--wcd-plain-scrollbar-thumb-border-radius,var(--plain-scrollbar-thumb-border-radius,4px));transition:background-color 50ms linear}#thumb:hover{background-color:var(--wcd-plain-scrollbar-thumb-background-color-hover,var(--plain-scrollbar-thumb-background-color-hover,#e0e0e0))}#thumb.active{background-color:var(--wcd-plain-scrollbar-thumb-background-color-active,var(--plain-scrollbar-thumb-background-color-active,silver))}#button1,#button2{box-sizing:border-box;position:absolute;display:block;fill:var(--wcd-plain-scrollbar-button-color,var(--plain-scrollbar-button-color,#606060))}#root.vertical #button1{top:0;width:100%;height:${Ft}}#root.vertical #button2{bottom:0;width:100%;height:${Ft}}#root.horizontal #button1{left:0;height:100%;width:${Ft}}#root.horizontal #button2{right:0;height:100%;width:${Ft}}#downArrow,#leftArrow,#rightArrow,#upArrow{display:none;width:100%;height:100%}#root.vertical #downArrow,#root.vertical #upArrow{display:block}#root.horizontal #leftArrow,#root.horizontal #rightArrow{display:block}#button1:hover,#button2:hover{background-color:var(--wcd-plain-scrollbar-button-color-hover,var(--plain-scrollbar-button-color-hover,#e0e0e0))}#button1.active,#button2.active{background-color:var(--wcd-plain-scrollbar-button-color-active,var(--plain-scrollbar-button-color-active,silver))}`,kg=Cg`<div id="root" part="root"><div id="button1" part="button button1"><svg id="upArrow" part="arrow upArrow" viewBox="-100 -100 200 200">${on}</svg> <svg id="leftArrow" part="arrow leftArrow" viewBox="-100 -100 200 200"><g transform="rotate(-90)">${on}</g></svg></div><div id="trough" part="trough"><div id="thumb" part="thumb"></div></div><div id="button2" part="button button2"><svg id="downArrow" part="arrow downArrow" viewBox="-100 -100 200 200"><g transform="rotate(180)">${on}</g></svg> <svg id="rightArrow" part="arrow rightArrow" viewBox="-100 -100 200 200"><g transform="rotate(90)">${on}</g></svg></div></div>`;function Ig(n){return n?"vertical":"horizontal"}function Tu(n){switch(n){case"vertical":return!0;case"horizontal":return!1;default:throw new Error('Invalid orientation value "'+n+'".')}}function sn(n){return(n*100).toFixed(3)+"%"}function Dg(n){if(!(!n||!n.endsWith("px")))return Number(n.substring(0,n.length-2))}customElements.define("node-projects-plain-scrollbar",Yl);ll();ic();Et();$e();Ds();id();de();xn();Xe();function uN(n,e,t){let i=e.getRootNode(),r=document.createElement("div");return r.popover="auto",typeof n=="string"?r.innerHTML=n:r.append(n),i instanceof ShadowRoot?i.appendChild(r):document.body.appendChild(r),Object.assign(r.style,{positionArea:"right bottom",positionTryFallbacks:`
+      </label>`).join("")}_formatColor(){return pg(this._color,this._mode)}_syncHueFromColor(){let e=Il(this._color);e.s>nn&&e.v>nn&&(this._hue=Ml(e.h))}},Ol=class extends _u{static style=xu`:host{display:inline-block;box-sizing:border-box;width:100%;height:100%;padding:2px}button{display:block;box-sizing:border-box;width:100%;height:100%;padding:3px;border:1px solid var(--wcd-input-border-color,var(--input-border-color,var(--wcd-color-border,#596c7a)));border-radius:4px;background:var(--wcd-input-background-color,var(--input-background-color,var(--wcd-color-surface,#1d2228)));cursor:pointer;outline:0}button:focus{border-color:var(--wcd-color-focus,#79b8ff);box-shadow:0 0 0 1px rgba(121,184,255,.28)}#swatch{display:block;width:100%;height:100%;border-radius:2px;background:linear-gradient(var(--color,#000),var(--color,#000)),linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25% 75%,rgba(255,255,255,.25) 75%),linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25% 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 0,5px 5px;background-size:auto,10px 10px,10px 10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}:host([disabled]) button,:host([readonly]) button{cursor:default;opacity:.65}`;static template=bu`<button id="button" type="button" aria-label="Edit color"><span id="swatch"></span></button>`;_value="#000000";_button;_popup;_editor;_ignoreNextClick=!1;_outsidePointerHandler=e=>this._handleOutsidePointer(e);_windowKeyHandler=e=>this._handleWindowKey(e);get value(){return this._value}set value(e){this._setValue(e,!1)}get readOnly(){return this.hasAttribute("readonly")}set readOnly(e){this.toggleAttribute("readonly",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e),this._button&&(this._button.disabled=e)}constructor(){super(),this._button=this._getDomElement("button")}ready(){let e=this.getAttribute("value");e!=null&&this._setValue(e,!1),this._button.disabled=this.disabled,this._button.addEventListener("pointerdown",t=>this._handleButtonPointerDown(t)),this._button.addEventListener("click",t=>this._handleButtonClick(t)),this._button.addEventListener("keydown",t=>this._handleButtonKeyDown(t)),this._renderSwatch()}disconnectedCallback(){this._closePopup()}_togglePopup(){this.readOnly||this.disabled||(this._popup?this._closePopup():this._openPopup())}_handleButtonPointerDown(e){e.button===0&&(this._ignoreNextClick=!0,this._togglePopup(),e.preventDefault(),e.stopPropagation())}_handleButtonClick(e){if(this._ignoreNextClick){this._ignoreNextClick=!1,e.preventDefault(),e.stopPropagation();return}this._togglePopup()}_handleButtonKeyDown(e){e.key!=="Enter"&&e.key!==" "||(this._togglePopup(),e.preventDefault(),e.stopPropagation())}_openPopup(){this._popup=document.createElement("div"),this._popup.style.position="fixed",this._popup.style.zIndex="100000",this._popup.style.width="280px",this._editor=document.createElement("node-projects-color-editor"),this._editor.value=this._value,this._editor.valuePreviewChanged.on(e=>{this._setValue(e.newValue,!0),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),this._editor.valueChanged.on(e=>{this._setValue(e.newValue,!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),this._popup.appendChild(this._editor),document.body.appendChild(this._popup),this._positionPopup(),window.addEventListener("resize",()=>this._positionPopup(),{once:!0}),window.addEventListener("scroll",()=>this._positionPopup(),{once:!0,capture:!0}),window.addEventListener("keydown",this._windowKeyHandler),requestAnimationFrame(()=>window.addEventListener("pointerdown",this._outsidePointerHandler,!0))}_positionPopup(){if(!this._popup)return;let e=this.getBoundingClientRect(),t=this._popup.offsetWidth||280,i=this._popup.offsetHeight||360,r=e.left,o=e.bottom+4;r+t>window.innerWidth-8&&(r=window.innerWidth-t-8),o+i>window.innerHeight-8&&(o=e.top-i-4),this._popup.style.left=`${Math.max(8,r)}px`,this._popup.style.top=`${Math.max(8,o)}px`}_handleOutsidePointer(e){let t=e.composedPath();t.includes(this)||this._popup&&t.includes(this._popup)||this._closePopup()}_handleWindowKey(e){e.key==="Escape"&&this._closePopup()}_closePopup(){window.removeEventListener("pointerdown",this._outsidePointerHandler,!0),window.removeEventListener("keydown",this._windowKeyHandler),this._popup?.remove(),this._popup=null,this._editor=null}_setValue(e,t){this._value=e??"",t&&this.setAttribute("value",this._value),this._renderSwatch()}_renderSwatch(){let e=rn(this._value)??{r:0,g:0,b:0,a:1};this.style.setProperty("--color",wu(e))}};function rn(n){if(!n)return null;let e=n.trim();if(e.toLowerCase()==="transparent")return{r:0,g:0,b:0,a:0};let t=cg(e);if(t)return t;let i=hg(e);if(i)return i;let r=lg(e),o=tn.toColorObject(r);return o?.valid?ni({r:o.red,g:o.green,b:o.blue,a:o.opacity}):null}function gu(n){let t=/^\s*(rgba?|hsla?|cmyk|oklab|oklch)\s*\(/i.exec(n??"")?.[1]?.toLowerCase();return t==="rgb"||t==="rgba"?"rgb":t==="hsl"||t==="hsla"?"hsl":t==="cmyk"?"cmyk":t==="oklab"?"oklab":t==="oklch"?"oklch":null}function lg(n){return n.replace(/,\s*/g,",").replace(/rgba?\(([^)]*)\)/i,(e,t)=>yu("rgb",t)).replace(/hsla?\(([^)]*)\)/i,(e,t)=>yu("hsl",t))}function yu(n,e){if(e.includes(",")){let o=e.split(",").map(s=>s.trim());return o.length===4&&o[3].endsWith("%")&&(o[3]=String(Number(o[3].slice(0,-1))/100)),`${n}${o.length===4?"a":""}(${o.join(",")})`}let[t,i]=e.split("/").map(o=>o.trim()),r=t.split(/\s+/).filter(Boolean);return i&&r.push(i.endsWith("%")?String(Number(i.slice(0,-1))/100):i),`${n}${r.length===4?"a":""}(${r.join(",")})`}function cg(n){let e=/^#([0-9a-f]{3,8})$/i.exec(n);if(!e)return null;let t=e[1],i=r=>parseInt(r.length===1?r+r:r,16);return t.length===3||t.length===4?ni({r:i(t[0]),g:i(t[1]),b:i(t[2]),a:t.length===4?i(t[3])/255:1}):t.length===6||t.length===8?ni({r:i(t.slice(0,2)),g:i(t.slice(2,4)),b:i(t.slice(4,6)),a:t.length===8?i(t.slice(6,8))/255:1}):null}function hg(n){let e=/^(oklab|oklch)\((.*)\)$/i.exec(n);if(!e)return null;let t=e[1].toLowerCase(),[i,r]=e[2].split("/").map(a=>a.trim()),o=i.replace(/,/g," ").split(/\s+/).filter(Boolean);if(o.length!==3)return null;let s=r?Tl(r,1):1;return ni(t==="oklab"?{...Nl(Tl(o[0],1),Number(o[1]),Number(o[2])),a:s}:{...Pu(Tl(o[0],1),Number(o[1]),Number(o[2])),a:s})}function pg(n,e){let t=Re(n.a,3);if(e==="rgb")return n.a>=1?`rgb(${n.r}, ${n.g}, ${n.b})`:`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`;if(e==="hsl"){let r=Su(n);return n.a>=1?`hsl(${Math.round(r.h)}, ${Math.round(r.s*100)}%, ${Math.round(r.l*100)}%)`:`hsla(${Math.round(r.h)}, ${Math.round(r.s*100)}%, ${Math.round(r.l*100)}%, ${t})`}if(e==="cmyk"){let r=Cu(n),o=`${Math.round(r.c*100)}%, ${Math.round(r.m*100)}%, ${Math.round(r.y*100)}%, ${Math.round(r.k*100)}%`;return n.a>=1?`cmyk(${o})`:`cmyk(${o}, ${t})`}if(e==="oklab"){let r=Vl(n);return`oklab(${Re(r.l*100,2)}% ${Re(r.a,4)} ${Re(r.b,4)}${n.a>=1?"":` / ${t}`})`}let i=Eu(n);return`oklch(${Re(i.l*100,2)}% ${Re(i.c,4)} ${Re(i.h,2)}${n.a>=1?"":` / ${t}`})`}function dg(n,e){if(e==="rgb")return[{label:"R",name:"r",value:n.r,min:0,max:255,step:1},{label:"G",name:"g",value:n.g,min:0,max:255,step:1},{label:"B",name:"b",value:n.b,min:0,max:255,step:1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}];if(e==="hsl"){let i=Su(n);return[{label:"H",name:"h",value:Math.round(i.h),min:0,max:360,step:1},{label:"S",name:"s",value:Math.round(i.s*100),min:0,max:100,step:1},{label:"L",name:"l",value:Math.round(i.l*100),min:0,max:100,step:1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}]}if(e==="cmyk"){let i=Cu(n);return[{label:"C",name:"c",value:Math.round(i.c*100),min:0,max:100,step:1},{label:"M",name:"m",value:Math.round(i.m*100),min:0,max:100,step:1},{label:"Y",name:"y",value:Math.round(i.y*100),min:0,max:100,step:1},{label:"K",name:"k",value:Math.round(i.k*100),min:0,max:100,step:1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}]}if(e==="oklab"){let i=Vl(n);return[{label:"L",name:"l",value:Re(i.l*100,2),min:0,max:100,step:.1},{label:"A",name:"a1",value:Re(i.a,4),min:-1,max:1,step:.001},{label:"B",name:"b1",value:Re(i.b,4),min:-1,max:1,step:.001},{label:"Alpha",name:"alpha",value:Math.round(n.a*100),min:0,max:100,step:1}]}let t=Eu(n);return[{label:"L",name:"l",value:Re(t.l*100,2),min:0,max:100,step:.1},{label:"C",name:"c",value:Re(t.c,4),min:0,max:1,step:.001},{label:"H",name:"h",value:Re(t.h,2),min:0,max:360,step:.1},{label:"A",name:"a",value:Math.round(n.a*100),min:0,max:100,step:1}]}function ni(n){return{r:Math.round(zt(n.r,0,255)),g:Math.round(zt(n.g,0,255)),b:Math.round(zt(n.b,0,255)),a:zt(Number.isFinite(n.a)?n.a:1,0,1)}}function wu(n){return`rgba(${n.r}, ${n.g}, ${n.b}, ${Re(n.a,3)})`}function Il(n){let e=n.r/255,t=n.g/255,i=n.b/255,r=Math.max(e,t,i),o=Math.min(e,t,i),s=r-o,a=0;return s!==0&&(r===e?a=(t-i)/s%6:r===t?a=(i-e)/s+2:a=(e-t)/s+4,a*=60),{h:(a+360)%360,s:r===0?0:s/r,v:r}}function vu(n,e,t){let i=t*e,r=i*(1-Math.abs(n/60%2-1)),o=t-i,s=0,a=0,l=0;return n<60?[s,a,l]=[i,r,0]:n<120?[s,a,l]=[r,i,0]:n<180?[s,a,l]=[0,i,r]:n<240?[s,a,l]=[0,r,i]:n<300?[s,a,l]=[r,0,i]:[s,a,l]=[i,0,r],{r:(s+o)*255,g:(a+o)*255,b:(l+o)*255}}function Su(n){let e=n.r/255,t=n.g/255,i=n.b/255,r=Math.max(e,t,i),o=Math.min(e,t,i),s=(r+o)/2,a=r-o,l=0,c=0;return a!==0&&(c=a/(1-Math.abs(2*s-1)),r===e?l=(t-i)/a%6:r===t?l=(i-e)/a+2:l=(e-t)/a+4,l*=60),{h:(l+360)%360,s:c,l:s}}function ug(n,e,t){let i=(1-Math.abs(2*t-1))*e,r=i*(1-Math.abs(n/60%2-1)),o=t-i/2,s=0,a=0,l=0;return n<60?[s,a,l]=[i,r,0]:n<120?[s,a,l]=[r,i,0]:n<180?[s,a,l]=[0,i,r]:n<240?[s,a,l]=[0,r,i]:n<300?[s,a,l]=[r,0,i]:[s,a,l]=[i,0,r],{r:(s+o)*255,g:(a+o)*255,b:(l+o)*255}}function Cu(n){let e=n.r/255,t=n.g/255,i=n.b/255,r=1-Math.max(e,t,i);return r>=1-nn?{c:0,m:0,y:0,k:1}:{c:(1-e-r)/(1-r),m:(1-t-r)/(1-r),y:(1-i-r)/(1-r),k:r}}function mg(n,e,t,i){return{r:255*(1-n)*(1-i),g:255*(1-e)*(1-i),b:255*(1-t)*(1-i)}}function Vl(n){let e=Dl(n.r/255),t=Dl(n.g/255),i=Dl(n.b/255),r=Math.cbrt(.4122214708*e+.5363325363*t+.0514459929*i),o=Math.cbrt(.2119034982*e+.6806995451*t+.1073969566*i),s=Math.cbrt(.0883024619*e+.2817188376*t+.6299787005*i);return{l:.2104542553*r+.793617785*o-.0040720468*s,a:1.9779984951*r-2.428592205*o+.4505937099*s,b:.0259040371*r+.7827717662*o-.808675766*s}}function Nl(n,e,t){let i=Math.pow(n+.3963377774*e+.2158037573*t,3),r=Math.pow(n-.1055613458*e-.0638541728*t,3),o=Math.pow(n-.0894841775*e-1.291485548*t,3);return{r:255*Al(4.0767416621*i-3.3077115913*r+.2309699292*o),g:255*Al(-1.2684380046*i+2.6097574011*r-.3413193965*o),b:255*Al(-.0041960863*i-.7034186147*r+1.707614701*o)}}function Eu(n){let e=Vl(n),t=Math.sqrt(e.a*e.a+e.b*e.b),i=t<nn?0:(Math.atan2(e.b,e.a)*180/Math.PI+360)%360;return{l:e.l,c:t,h:i}}function Pu(n,e,t){let i=t*Math.PI/180;return Nl(n,e*Math.cos(i),e*Math.sin(i))}function Dl(n){return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function Al(n){return n<=.0031308?12.92*n:1.055*Math.pow(n,1/2.4)-.055}function Tl(n,e){return n.endsWith("%")?Number(n.slice(0,-1))/100*e:Number(n)}function zt(n,e,t){return Math.min(t,Math.max(e,Number.isFinite(n)?n:e))}function Ml(n){return zt(n,0,360)}function Re(n,e){let t=Math.pow(10,e);return Math.round(n*t)/t}customElements.define("node-projects-color-editor",Ll);customElements.define("node-projects-color-input",Ol);Fl();Gl();import{css as Sg,html as Cg}from"@node-projects/base-custom-webcomponent";var jl=class{host;root;trough;button1;button2;thumb;isConnected=!1;thumbSize=.3;value=0;orientation=!1;clickRepeatDelay=300;clickRepeatInterval=100;defaultThumbMinSize=25;dragStartPos;dragStartValue;eventTimeoutId;pointerCaptureId;pointerCaptureElement;thumbDragging;button1Active;button2Active;troughActive;constructor(e){this.host=e,e.attachShadow({mode:"open"});let t=e.shadowRoot;t.appendChild(kg.content.cloneNode(!0)),t.adoptedStyleSheets=[Pg],this.root=t.querySelector("#root"),this.trough=t.querySelector("#trough"),this.button1=t.querySelector("#button1"),this.button2=t.querySelector("#button2"),this.thumb=t.querySelector("#thumb"),this.trough.addEventListener("pointerdown",this.onTroughPointerDown),this.trough.addEventListener("pointerup",this.onPointerUp),this.trough.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,1)),this.button1.addEventListener("pointerup",this.onPointerUp),this.button1.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("contextmenu",i=>i.preventDefault()),this.button2.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,2)),this.button2.addEventListener("pointerup",this.onPointerUp),this.button2.addEventListener("pointercancel",this.onPointerUp),this.button2.addEventListener("contextmenu",i=>i.preventDefault()),this.thumb.addEventListener("pointerdown",this.onThumbPointerDown),this.thumb.addEventListener("pointerup",this.onPointerUp),this.thumb.addEventListener("pointercancel",this.onPointerUp),this.thumb.addEventListener("pointermove",this.onThumbPointerMove),this.resetInteractionState()}resetInteractionState(){this.thumbDragging=!1,this.button1Active=!1,this.button2Active=!1,this.troughActive=!1}connectedCallback(){this.isConnected=!0,this.resetInteractionState(),this.updateLayout(),this.updateStyle()}disconnectedCallback(){this.isConnected=!1,this.resetInteractionState(),this.stopEventRepetition(),this.stopPointerCapture()}updateLayout(){this.isConnected&&(this.root.classList.toggle("horizontal",!this.orientation),this.root.classList.toggle("vertical",this.orientation),this.thumb.style.display=this.thumbSize==0?"none":"",this.thumb.style.height=this.orientation?an(this.getEffectiveThumbSize()):"",this.thumb.style.width=this.orientation?"":an(this.getEffectiveThumbSize()),this.thumb.style.top="",this.thumb.style.left="",this.updateThumbPosition())}updateStyle(){this.isConnected&&(this.thumb.classList.toggle("active",this.thumbDragging),this.button1.classList.toggle("active",this.button1Active),this.button2.classList.toggle("active",this.button2Active),this.troughActive)}updateThumbPosition(){let e=(1-this.getEffectiveThumbSize())*this.value;this.orientation?this.thumb.style.top=an(e):this.thumb.style.left=an(e)}getThroughSize(){return this.orientation?this.trough.clientHeight:this.trough.clientWidth}computeThumbMoveValue(e){let t=this.getThroughSize()*(1-this.getEffectiveThumbSize());return t<Eg?0:e/t}setThumbSize(e){let t=Math.max(0,Math.min(1,e));t!=this.thumbSize&&(this.thumbSize=t,this.updateLayout())}getThumbMinSize(){let e=this.getCssVar("--plain-scrollbar-thumb-min-size");if(!e)return this.defaultThumbMinSize;let t=Dg(e);return t||this.defaultThumbMinSize}getEffectiveThumbSize(){let e=this.getThumbMinSize(),t=this.getThroughSize();if(!t)return this.thumbSize;let i=Math.min(1,e/t);return Math.max(i,this.thumbSize)}setValue(e){let t=Math.max(0,Math.min(1,e));return t==this.value?!1:(this.value=isNaN(t)?0:t,this.updateThumbPosition(),!0)}setOrientation(e){return e==this.orientation?!1:(this.orientation=e,this.updateLayout(),!0)}getCssVar(e){let t=getComputedStyle(this.root).getPropertyValue(e);return t?t.trim():null}fireEvent(e){let t=new CustomEvent("scrollbar-input",{detail:e});this.host.dispatchEvent(t)}fireEventRepeatedly(e,t,i,r=0){this.stopEventRepetition(),this.fireEvent(e);let o=r==0?t:i,s=()=>this.fireEventRepeatedly(e,t,i,r+1);this.eventTimeoutId=setTimeout(s,o)}stopEventRepetition(){this.eventTimeoutId&&(clearTimeout(this.eventTimeoutId),this.eventTimeoutId=void 0)}startPointerCapture(e,t){this.stopPointerCapture(),e.setPointerCapture(t),this.pointerCaptureElement=e,this.pointerCaptureId=t}stopPointerCapture(){this.pointerCaptureId&&(this.pointerCaptureElement.releasePointerCapture(this.pointerCaptureId),this.pointerCaptureId=void 0)}onTroughPointerDown=e=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;let t=this.trough.getBoundingClientRect(),i=this.orientation?e.clientY-t.top:e.clientX-t.left,r=(this.orientation?t.height:t.width)*(1-this.getEffectiveThumbSize())*this.value,s=i>r?"incrementLarge":"decrementLarge";this.troughActive=!0,e.preventDefault(),this.startPointerCapture(this.trough,e.pointerId),this.fireEventRepeatedly(s,this.clickRepeatDelay,this.clickRepeatInterval)};onButtonPointerDown=(e,t)=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;switch(t){case 1:this.button1Active=!0;break;case 2:this.button2Active=!0;break}let i=t==1?"decrementSmall":"incrementSmall";this.updateStyle(),e.preventDefault();let r=t==1?this.button1:this.button2;this.startPointerCapture(r,e.pointerId),this.fireEventRepeatedly(i,this.clickRepeatDelay,this.clickRepeatInterval)};onThumbPointerDown=e=>{!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0||(this.dragStartPos=this.orientation?e.clientY:e.clientX,this.dragStartValue=this.value,this.thumbDragging=!0,this.updateStyle(),e.preventDefault(),this.startPointerCapture(this.thumb,e.pointerId))};onThumbPointerMove=e=>{if(!this.isConnected||!e.isPrimary||!this.thumbDragging)return;let i=(this.orientation?e.clientY:e.clientX)-this.dragStartPos,r=this.computeThumbMoveValue(i),o=this.dragStartValue+r;e.preventDefault(),this.setValue(o)&&this.fireEvent("value")};onPointerUp=e=>{this.isConnected&&e.isPrimary&&(this.resetInteractionState(),this.updateStyle(),this.stopEventRepetition(),this.stopPointerCapture(),e.preventDefault())}},Yl=class extends HTMLElement{widget;constructor(){super(),this.widget=new jl(this);let e=parseFloat(this.getAttribute("value"));if(isNaN(e)||(this.widget.value=e),this.hasOwnProperty("value")){let t=this.value;delete this.value,isNaN(t)||(this.widget.value=t)}}connectedCallback(){this.widget.connectedCallback()}disconnectedCallback(){this.widget.disconnectedCallback()}get thumbSize(){return this.widget.thumbSize}set thumbSize(e){this.widget.setThumbSize(e)}get value(){return this.widget.value}set value(e){this.widget.setValue(e)}get orientation(){return Ig(this.widget.orientation)}set orientation(e){this.widget.setOrientation(Tu(e))&&this.setAttribute("orientation",this.orientation)}get orientationBoolean(){return this.widget.orientation}static get observedAttributes(){return["orientation"]}attributeChangedCallback(e,t,i){switch(e){case"orientation":{i&&this.widget.setOrientation(Tu(i));break}}}},Eg=1e-9,Ft="var(--wcd-plain-scrollbar-button-size, var(--plain-scrollbar-button-size, 13px))",sn='<path d="M -60 30 h 120 L 0 -30 z" stroke-width="0"/>',Pg=Sg`:host{display:block;contain:content;background-color:var(--wcd-plain-scrollbar-track-background-color,var(--plain-scrollbar-track-background-color,#f8f8f8));border-style:solid;border-width:1px;border-color:var(--wcd-plain-scrollbar-track-border-color,var(--plain-scrollbar-track-border-color,#ddd))}#root{touch-action:none;user-select:none;box-sizing:border-box;position:relative;width:100%;height:100%}#trough{position:absolute}#root.vertical #trough{width:100%;top:${Ft};bottom:${Ft}}#root.horizontal #trough{height:100%;left:${Ft};right:${Ft}}#thumb{box-sizing:border-box;position:absolute;width:100%;height:100%;background-color:var(--wcd-plain-scrollbar-thumb-background-color,var(--plain-scrollbar-thumb-background-color,#f0f0f0));border-style:solid;border-width:var(--wcd-plain-scrollbar-thumb-border-width,var(--plain-scrollbar-thumb-border-width,1px));border-color:var(--wcd-plain-scrollbar-thumb-border-color,var(--plain-scrollbar-thumb-border-color,#b8b8b8));border-radius:var(--wcd-plain-scrollbar-thumb-border-radius,var(--plain-scrollbar-thumb-border-radius,4px));transition:background-color 50ms linear}#thumb:hover{background-color:var(--wcd-plain-scrollbar-thumb-background-color-hover,var(--plain-scrollbar-thumb-background-color-hover,#e0e0e0))}#thumb.active{background-color:var(--wcd-plain-scrollbar-thumb-background-color-active,var(--plain-scrollbar-thumb-background-color-active,silver))}#button1,#button2{box-sizing:border-box;position:absolute;display:block;fill:var(--wcd-plain-scrollbar-button-color,var(--plain-scrollbar-button-color,#606060))}#root.vertical #button1{top:0;width:100%;height:${Ft}}#root.vertical #button2{bottom:0;width:100%;height:${Ft}}#root.horizontal #button1{left:0;height:100%;width:${Ft}}#root.horizontal #button2{right:0;height:100%;width:${Ft}}#downArrow,#leftArrow,#rightArrow,#upArrow{display:none;width:100%;height:100%}#root.vertical #downArrow,#root.vertical #upArrow{display:block}#root.horizontal #leftArrow,#root.horizontal #rightArrow{display:block}#button1:hover,#button2:hover{background-color:var(--wcd-plain-scrollbar-button-color-hover,var(--plain-scrollbar-button-color-hover,#e0e0e0))}#button1.active,#button2.active{background-color:var(--wcd-plain-scrollbar-button-color-active,var(--plain-scrollbar-button-color-active,silver))}`,kg=Cg`<div id="root" part="root"><div id="button1" part="button button1"><svg id="upArrow" part="arrow upArrow" viewBox="-100 -100 200 200">${sn}</svg> <svg id="leftArrow" part="arrow leftArrow" viewBox="-100 -100 200 200"><g transform="rotate(-90)">${sn}</g></svg></div><div id="trough" part="trough"><div id="thumb" part="thumb"></div></div><div id="button2" part="button button2"><svg id="downArrow" part="arrow downArrow" viewBox="-100 -100 200 200"><g transform="rotate(180)">${sn}</g></svg> <svg id="rightArrow" part="arrow rightArrow" viewBox="-100 -100 200 200"><g transform="rotate(90)">${sn}</g></svg></div></div>`;function Ig(n){return n?"vertical":"horizontal"}function Tu(n){switch(n){case"vertical":return!0;case"horizontal":return!1;default:throw new Error('Invalid orientation value "'+n+'".')}}function an(n){return(n*100).toFixed(3)+"%"}function Dg(n){if(!(!n||!n.endsWith("px")))return Number(n.substring(0,n.length-2))}customElements.define("node-projects-plain-scrollbar",Yl);ll();ic();Et();$e();Ds();id();de();xn();Xe();function uN(n,e,t){let i=e.getRootNode(),r=document.createElement("div");return r.popover="auto",typeof n=="string"?r.innerHTML=n:r.append(n),i instanceof ShadowRoot?i.appendChild(r):document.body.appendChild(r),Object.assign(r.style,{positionArea:"right bottom",positionTryFallbacks:`
             flip-block,
             flip-inline,
             top,
             bottom,
             left,
             right
-        `}),r.addEventListener("toggle",()=>{r.matches(":popover-open")||(r.remove(),t?.())},{once:!0}),r.showPopover({source:e}),()=>{r.matches(":popover-open")&&r.hidePopover(),r.remove(),t?.()}}Ja();Jt();bs();var cl=class n{static addTouchEvents(e){return new n(e)}constructor(e){this._target=e,e.addEventListener("touchstart",t=>this._touchStart(t)),e.addEventListener("touchmove",t=>this._touchMove(t)),e.addEventListener("touchend",t=>this._touchEnd(t)),e.addEventListener("touchcancel",t=>this._touchEnd(t))}_target;_started;_startX_0;_startY_0;_lastZoom;_lastPanDistanceX;_lastPanDistanceY;_startZoomDistance;multitouchEventActive;_mode=null;_touchStart(e){e.touches.length===2?(this.multitouchEventActive=!0,this._mode=null,this._started=!0,this._startX_0=e.touches[0].screenX,this._startY_0=e.touches[0].screenY,this._lastZoom=0,this._lastPanDistanceX=0,this._lastPanDistanceY=0,this._startZoomDistance=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY)):(this.multitouchEventActive=!1,this._started=!1)}_touchMove(e){if(e.touches.length!==2&&(this.multitouchEventActive=!1,this._started=!1),this._started){e.preventDefault();let t=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY),i=this._startX_0-e.touches[0].screenX,r=this._startY_0-e.touches[0].screenY,o=i-this._lastPanDistanceX,s=r-this._lastPanDistanceY;this._lastPanDistanceX=i,this._lastPanDistanceY=r;let a=t-this._startZoomDistance,l=a-this._lastZoom;if(this._lastZoom=a,this._lastZoom,this._mode||(Math.abs(a)>10&&(this._mode="zoom"),(Math.abs(i)>10||Math.abs(r)>10)&&(this._mode="pan")),this._mode){if(this._mode=="zoom"){let c=new CustomEvent("zoom",{detail:{factor:a,diff:l}});this._target.dispatchEvent(c)}else if(this._mode=="pan"){let c=new CustomEvent("pan",{detail:{x:i,deltaX:o,y:r,deltaY:s}});this._target.dispatchEvent(c)}}}}_touchEnd(e){this.multitouchEventActive=!1,e.touches.length}};Gt();Fe();In();Nh();rd();_a();Oe();Wh();Ro();oe();var Yr;(function(n){n.oneWay="oneWay",n.twoWay="twoWay"})(Yr||(Yr={}));nt();ee();var hf;(function(n){n.undefined="undefined",n.folder="folder",n.boolean="boolean",n.number="number",n.string="string",n.date="date",n.color="color",n.object="object"})(hf||(hf={}));nt();Ie();var pf=class n{static type="base-custom-webcomponent-binding";getBindings(e){let t=null;for(let i of e.attributes()){let r=i[0],o=i[1];if((o.startsWith("[[")||o.startsWith("{{"))&&(o.endsWith("}}")||o.endsWith("]]"))){t||(t=[]);let s={rawName:r,rawValue:o,service:this};i[0]==="bcw:visible"?(s.targetName="visibility",s.target=R.css,s.expression=o.substring(2,o.length-2)):i[0].startsWith("css:")?(s.targetName=r.substring(4),s.target=R.css,s.expression=o.substring(2,o.length-2)):i[0].startsWith("class:")?(s.targetName=r.substring(4),s.target=R.class,s.expression=o.substring(2,o.length-2)):i[0].startsWith("$")?(s.targetName=r.substring(1),s.target=R.attribute,s.expression=o.substring(2,o.length-2)):i[0].startsWith("@")?(s.targetName=r.substring(1),s.target=R.event,s.expression=o.substring(2,o.length-2)):i[0].startsWith(".")?(s.targetName=z.dashToCamelCase(r.substring(1)),s.target=R.explicitProperty,s.expression=o.substring(2,o.length-2)):(s.targetName=z.dashToCamelCase(r),s.target=R.property,s.expression=o.substring(2,o.length-2)),s.type=n.type,s.targetName=s.targetName,s.bindableObjectNames=[o.substring(2,o.length-2)],t.push(s)}}return t}setBinding(e,t){if(t.type!==n.type)return!1;let i="";switch(t.target){case R.explicitProperty:i+=".";break;case R.css:i+="css:";break;case R.class:i+="class";break;case R.attribute:i+="$";break;case R.event:i+="@";break}i+=t.targetName;let r=(t.mode==Yr.oneWay?"[[":"{{")+t.expression+(t.mode==Yr.oneWay?"]]":"}}");return e.setAttribute(i,r),!0}clearBinding(e,t,i){return!0}};st();Dc();Oe();ot();Xe();$e();Hi();de();Bi();function df(n){let e=n.element;return e instanceof SVGGraphicsElement&&!(e instanceof SVGSVGElement)&&!!Qt(e)}var hl=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(J.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,o,s){let a=o.x-i.x,l=o.y-i.y;if(!$(e)){if(t.alignOnGrid){let c=io(s,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=Z(s.element),h=t.snapLines.snapToPosition({x:o.x-r.x,y:o.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,o,s,a){let l=s.x,c=s.y;if(!$(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:s.x-o.x,y:s.y-o.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=this.calculateTrack(e,t,r,o,s,a[0]);e.shiftKey&&(l=kt({x:0,y:0},l,90));let c=ue(zc(a));for(let h of c){let p=h.instanceServiceContainer.designerCanvas.canvas,d=h.parent.element.getBoxQuads({relativeTo:p,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],u=h.parent.element.convertPointFromNode(new DOMPoint(l.x+d.p1.x,l.y+d.p1.y),p,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),f=new DOMMatrix;m.rotate!="none"&&m.rotate&&(f=f.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(f=f.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),u=f.inverse().transformPoint(u);let y=un(h.element);y!==1&&(u=new DOMPoint(u.x/y,u.y/y));let v=new DOMMatrix().translate(u.x,u.y);Xn(h.element,h.getStyle("transform"),v.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ue(t);for(let o of r)i=="drop"&&o.setStyle("position","absolute"),e.insertChild(o),o.lastContainerSize&&(o.hasStyle("width")||o.setStyle("width",o.lastContainerSize.width+"px"),o.hasStyle("height")||o.setStyle("height",o.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ue(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,o,s,a){let l=ue(a);for(let c of l){let h=zi(new DOMMatrix(c.element.style.transform)),p=zi(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let d={x:h.x,y:h.y},u=getComputedStyle(c.element),m=new DOMMatrix;u.rotate!="none"&&u.rotate&&(m=m.multiply(new DOMMatrix("rotate("+u.rotate.replace(" ",",")+")"))),u.scale!="none"&&u.scale&&(m=m.multiply(new DOMMatrix("scale("+u.scale.replace(" ",",")+")"))),df(c)||(d=m.transformPoint(d));let f={x:d.x-p.x,y:d.y-p.y};df(c)&&(f=no(f,new DOMMatrix(c.getStyle("transform")??""))),ro(i,c,f,"position")}for(let c of a)t.extensionManager.removeExtension(c,D.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}};var uf=class extends hl{serviceForContainer(e,t,i){return!0}};Hi();Jh();Zh();ep();Hd();Fe();var mf=class{_capturePageFn;constructor(e){this._capturePageFn=e}async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,o=i.zoomFactor,s=i.canvasOffset,a=r.selectedElements;try{i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await ur();let l=1/0,c=1/0,h=-1/0,p=-1/0;for(let ie of e){let X=i.getNormalizedElementCoordinates(ie.element);l=Math.min(l,X.x),c=Math.min(c,X.y),h=Math.max(h,X.x+X.width),p=Math.max(p,X.y+X.height)}let d=t?.margin??0;l-=d,c-=d,h+=d,p+=d;let u=Math.ceil(h-l),m=Math.ceil(p-c),f=i.outercanvas2,y=f.offsetWidth,v=f.offsetHeight,C=1,b=y-2*C,_=v-2*C,S=Math.ceil(u/b),E=Math.ceil(m/_),I=window.devicePixelRatio||1,j=Math.ceil(y*I),H=Math.ceil(v*I),N=Math.ceil(C*I),K=j-2*N,Q=H-2*N,ce=document.createElement("canvas");ce.width=Math.ceil(u*I),ce.height=Math.ceil(m*I);let B=ce.getContext("2d");for(let ie=0;ie<E;ie++)for(let X=0;X<S;X++){let q=l+X*b,We=c+ie*_;i.canvasOffset={x:-(q-C),y:-(We-C)},await ur(),await Pt(100);let ke=f.getBoundingClientRect(),Ze=await this._capturePageFn({x:Math.round(ke.left),y:Math.round(ke.top),width:Math.round(ke.width),height:Math.round(ke.height)}),qe=await this._loadImage(Ze);B.drawImage(qe,N,N,K,Q,X*K,ie*Q,K,Q)}let L=await(await new Promise(ie=>ce.toBlob(ie,"image/png"))).arrayBuffer();return new Uint8Array(L)}finally{i.zoomFactor=o,i.canvasOffset=s,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}};qh();np();st();bs();oe();Oe();var ff=class{async copyItems(e){let t=ue(e),i=J.ConvertToString(t,!1),r=t.map(s=>s.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(s.element));Mr([["text/html",i],["text/plain",i],["application/json",JSON.stringify({html:i,positions:r})]])}async getPasteItems(e,t){let i=await this._readClipboardPasteData();return i.imageData?[[await O.createDesignItemFromImageBlob(e,t,i.imageData)]]:[await e.htmlParserService.parse(i.html,e,t,!0),i.positions??void 0]}async _readClipboardPasteData(){let e="",t=null,i=null,r=await xs();if(r!=null){let o=r[0],s=await this._tryReadClipboardType(o,"application/json");if(s){let a=this._parseJsonClipboardData(s);e=a?.html??"",t=a?.positions??null}e||(e=await this._tryReadClipboardType(o,"text/html")??""),e||(e=await this._tryReadClipboardType(o,"text/plain")??"");try{let a=o.types.find(l=>l.startsWith("image/"));a&&(i=await o.getType(a))}catch{}}else e=await _s();return{html:e,positions:t,imageData:i}}_parseJsonClipboardData(e){try{return JSON.parse(e)}catch{return null}}async _tryReadClipboardType(e,t){try{return await(await e.getType(t))?.text()}catch{return null}}};Eh();Fd();import{DomHelper as yx}from"@node-projects/base-custom-webcomponent";var gf=class{provideDemo(e,t,i,r,o){return new Promise(s=>{let a=document.createElement("iframe");a.style.width="100%",a.style.height="100%",a.style.border="none",a.style.display="none",yx.removeAllChildnodes(e),e.appendChild(a),a.onload=()=>{a.style.display="block",s()};let l=a.contentWindow.document;if(l.open(),l.write('<script type="module">'),i.designContext.npmPackages?.length){l.write("import { NpmPackageLoader } from '../../helper/NpmPackageLoader.js'"),l.write("let loader =  new NpmPackageLoader();");for(let c of i.designContext.npmPackages)l.write("loader.loadNpmPackage('"+c+"', null, null, true);")}if(i.designContext.imports?.length)for(let c of i.designContext.imports)l.write("import '"+c+"';");l.write("document.body.style.display='';"),l.write("</script>"),l.write("<style>"+(o??"")+"</style>"),l.write('<body style="display:none; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute;">'+r+"</body>"),l.close()})}};od();Qp();Xd();cd();Pa();Ka();oe();Ka();var yf=class extends tr{createDesignItem(e,t,i,r){let o=new O(e,t,i,r);return e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&requestAnimationFrame(()=>{let s=1,a=e.getAttribute("sample-repeat-count");a&&(s=parseInt(a));for(let l=0;l<s;l++){let c=e;for(let h of e.content.childNodes)c=this.instanciateNode(c,h)}}),o}instanciateNode(e,t,i=!1){let r=t.cloneNode(!1);i?e.appendChild(r):e.parentNode.insertBefore(r,e.nextSibling),O.GetDesignItem(t).setView(r);for(let o of t.childNodes)this.instanciateNode(r,o,!0);return r}};tp();nd();import{LazyLoader as vx}from"@node-projects/base-custom-webcomponent";var vf=class{_name;get name(){return this._name}_elementList;_resolveStored;_rejectStored;getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}constructor(e,t){this._name=e,vx.LoadText(t.toString()).then(i=>{let r=JSON.parse(i);this._elementList=[],r.elements.forEach(o=>{this.isIElementDefintion(o)?this._elementList.push(o):this._elementList.push({tag:o})}),this._resolveStored&&(this._resolveStored.forEach(o=>o(this._elementList)),this._resolveStored=null,this._rejectStored=null)}).catch(i=>{this._rejectStored&&(this._rejectStored.forEach(r=>r(i)),this._resolveStored=null,this._rejectStored=null)})}isIElementDefintion(e){return e!=null&&e.tag!=null}};ed();td();Gr();Gr();var _f=class extends Ne{isHandledElementFromEventsService(e){return this.__eventsList?.[e.name]!=null}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ne._simpleMouseEvents,...Ne._pointerEvents,...Ne._allElements,...Ne._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}__eventsList;constructor(e,t){super(),this._parseManifest(t)}_parseManifest(e){this.__eventsList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let o=t.find(s=>s.name==r.declaration.name);if(o){if(o.events){let s=[];for(let a of o.events)s.push({name:a.name});s.length&&(this.__eventsList[r.name]=s)}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}};up();st();Ds();ee();Ie();de();Et();var ht;(function(n){n[n.inline=0]="inline",n[n.block=1]="block",n[n.complex=2]="complex"})(ht||(ht={}));var xf=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t){if(t.hasAttributes)for(let i of t.attributes())e.indentedTextWriter.write(" "),typeof i[1]=="string"?i[1]===""?e.indentedTextWriter.write(i[0]):e.indentedTextWriter.write(i[0]+'="'+J.normalizeAttributeValue(i[1])+'"'):i[1]||e.indentedTextWriter.write(i[0])}writeStyles(e,t){if(t.hasStyles){e.indentedTextWriter.write(' style="');let i=[...t.styles()],r=i.some(s=>t.isStyleImportant(s[0])),o=i;e.options.compressCssToShorthandProperties&&!r&&(o=Ki.combine(new Map(i)));for(let s of o)s[0]&&e.indentedTextWriter.write(z.camelToDashCase(s[0])+":"+J.normalizeAttributeValue(Ye(s[1],t.isStyleImportant(s[0])))+";");e.indentedTextWriter.write('"')}}_writeTextNode(e,t){e.lastElementDisplayType=je.inline;let i=t.parent?.name,r=J.normalizeContentValue(t.content,i);J.isRawTextElementName(i)||(e.containerDisplayType===ht.inline?r=this._normalizeInlineTextContent(r):r=r.trim()),r&&e.indentedTextWriter.write(r)}_normalizeInlineTextContent(e){if(!e?.trim())return"";let t=/^\s/.test(e),i=/\s$/.test(e),r=e.replaceAll(/[\t\r\n ]+/g," ").trim();return`${t?" ":""}${r}${i?" ":""}`}_writeCommentNode(e,t){e.indentedTextWriter.write("<!--"+t.content+"-->")}_writeElementNode(e,t){let i=Ou(t.element);e.lastElementDisplayType=i,e.indentedTextWriter.write("<"+t.name),this.writeAttributes(e,t),this.writeStyles(e,t),e.indentedTextWriter.write(">");let r=!1;if(t.hasChildren){let o=t.children();r=t.childCount===1&&t.firstChild.nodeType===A.TextNode;let s=e.containerDisplayType;e.containerDisplayType=this.getContainerType(t.element),r?this._writeInternal(e,t.firstChild):(e.containerDisplayType!==ht.inline&&e.indentedTextWriter.levelRaise(),this._writeDesignItemList(i,e,o),e.containerDisplayType!==ht.inline&&e.indentedTextWriter.levelShrink()),e.containerDisplayType=s}else t.hasContent&&e.indentedTextWriter.write(J.normalizeContentValue(t.content,t.name));J.IsSelfClosingElement(t.name)||(i===je.block&&t.hasChildren&&!r&&this._writeNewlineAndIntend(e),e.indentedTextWriter.write("</"+t.name+">"),i!==je.none&&(e.lastElementDisplayType=i))}_writeDesignItemList(e,t,i){for(let r of i)t.lastElementDisplayType==null||t.containerDisplayType===ht.inline||(t.containerDisplayType===ht.complex?this._writeNewlineAndIntend(t):t.lastElementDisplayType!==je.inline&&this._writeNewlineAndIntend(t)),this._writeInternal(t,r)}_writeNewlineAndIntend(e){e.indentedTextWriter.writeNewline(),e.indentedTextWriter.writeIndent()}_writeInternal(e,t){let i=e.indentedTextWriter.position;t.nodeType===A.TextNode?this._writeTextNode(e,t):t.nodeType===A.Comment?this._writeCommentNode(e,t):t.nodeType===A.Element&&this._writeElementNode(e,t),e.designItemsAssignmentList&&e.designItemsAssignmentList.set(t,{start:i,length:e.indentedTextWriter.position-i-1})}getContainerType(e){let t=(e.ownerDocument.defaultView??window).getComputedStyle(e).display;return t==="inline"?ht.inline:t==="block"||t==="inline-block"||t==""?ht.block:ht.complex}write(e,t,i){let r={indentedTextWriter:e,options:this.options,lastElementDisplayType:null,containerDisplayType:ht.block};this._writeDesignItemList(je.inline,r,t)}};mp();br();cc();nt();ve();fe();ze();Fe();fa();Gr();var bf=class extends ne{getRefreshMode(e){return Y.none}_name;get name(){return this._name}_packageData;_elementList;_propertiesList;__eventsList;_resolveStored;_rejectStored;_importPrefix="";constructor(e,t,i=""){if(super(),this._name=e,this._importPrefix=i,typeof t=="string"){this._importPrefix=this._importPrefix??t.split("/").slice(0,-1).join("/");let r;window.importShim?r=importShim(t,{with:{type:"json"}}):r=import(t,{with:{type:"json"}}),r.then(o=>{this._packageData=o.default,this._parseManifest()}).catch(o=>{this._rejectStored&&(this._rejectStored.forEach(s=>s(o)),this._resolveStored=null,this._rejectStored=null)})}else this._packageData=t,this._parseManifest()}_parseManifest(){this._elementList=[],this._propertiesList={};for(let e of this._packageData.modules){for(let t of e.exports)if(t.kind=="custom-element-definition"){this._elementList.push({tag:t.name,import:jt(this._importPrefix,"/")+"/"+Me(e.path,"/")});let i=[],r=e.declarations.find(o=>o.name==t.declaration.name);for(let o of r.members)if(o.kind=="field"){let s=x.property;r.attributes&&(s=r.attributes.find(l=>l.fieldName==o.name)!=null?x.propertyAndAttribute:x.property);let a=bi.manifestClassPropertyTypeToEditorPropertyType(o.type?.text,o.type?.editor);i.push({name:o.name,service:this,propertyType:s,type:a[0],values:a[1],description:o.description})}if(this._propertiesList[t.name]=i,r.events){let o=[];for(let s of r.events)o.push({name:s.name});o.length&&(this.__eventsList[t.name]=o)}}this._resolveStored&&(this._resolveStored.forEach(t=>t(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}async getElements(){return this._packageData?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}isHandledElement(e){return this._elementList?this._elementList.find(t=>t.tag==e.name)!=null:!1}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==x.attribute?R.attribute:R.property}isHandledElementFromEventsService(e){return this.__eventsList?this.__eventsList[e.name]!=null:!1}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ne._simpleMouseEvents,...Ne._pointerEvents,...Ne._allElements,...Ne._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}};Bd();sp();var wf=class{constructor(e,t,i){}cursorsChanged};kc();Yd();ve();Np();Le();gc();hc();Pc();Ec();pc();vc();dc();import{html as _x,BaseCustomWebComponentConstructorAppend as xx}from"@node-projects/base-custom-webcomponent";var Sf=class extends xx{static template=_x`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;constructor(){super()}};uc();mc();fc();_c();Lp();Mp();Ie();Ai();Ap();Ks();Ic();Dd();Ti();fe();ze();ve();ut();nt();var pl=class extends ne{getRefreshMode(e){return Y.none}contentProperty={name:"textContent",type:"string",service:this,propertyType:x.property};idProperty={name:"id",type:"string",service:this,propertyType:x.propertyAndAttribute};innerHtmlProperty={name:"innerHTML",type:"string",service:this,propertyType:x.property};name="content";isHandledElement(e){return!0}async getProperty(e,t){return t=="id"?this.idProperty:this.contentProperty}async getProperties(e){return[this.idProperty,this.contentProperty,this.innerHtmlProperty]}clearValue(e,t,i="all"){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let r=e[0].openGroup("property cleared: "+t.name);for(let o of e)i!="binding"&&o.clearChildren(),i!="value"&&o.serviceContainer.forSomeServicesTillResult("bindingService",s=>s.clearBinding(o,t.name,this.getPropertyTarget(o,t))),this._notifyChangedProperty(o,t,void 0);r.commit()}else super.clearValue(e,t,i)}isSet(e,t){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let i=!0,r=!1;if(e!=null&&e.length!==0){e.forEach(s=>{let a=!1;a=s.element.childNodes.length>0,i=i&&a,r=r||a});let o=ne.getOrBuildCachedBindings(e[0]);if(o&&o.find(s=>(s.target==R.property||s.target==R.explicitProperty)&&s.targetName==t.name))return G.bound}return i?G.all:r?G.some:G.none}return super.isSet(e,t)}getValue(e,t){return t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name?e[0].element.textContent:super.getValue(e,t)}};Op();Qs();ze();fe();ve();var Cf=class extends ne{getRefreshMode(e){return Y.full}name="list";_propertys=new Map;constructor(e,t){super(t);for(let i in e){let r=[];this._propertys.set(i,r);for(let o in e[i]){let s=e[i][o];r.push({name:s.name,propertyName:s.propertyName,attributeName:s.attributeName,description:s.description,type:s.type,default:s.default,min:s.min,max:s.max,step:s.step,values:s.values,enumValues:s.enumValues,value:s.value,defaultValue:s.defaultValue,service:this,propertyType:s.propertyType??x.propertyAndAttribute})}}}isHandledElement(e){return this._propertys.has(e.element.localName)}_notifyChangedProperty(e,t,i){}async getProperties(e){return this._propertys.get(e.element.localName)}};Zl();Fc();ld();ql();Jl();Ql();ze();fa();Tp();Vp();ze();ve();fe();var Ef=class extends ne{getRefreshMode(e){return Y.full}isHandledElement(e){return!0}async getProperties(e){let t=Object.getOwnPropertyNames(Object.getPrototypeOf(e.element)),i=[];for(let r of t){if(r.startsWith("on"))continue;let o=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e.element),r);if(o.get||o.set){let s=e.element[r];typeof s=="boolean"?i.push({name:r,type:"boolean",service:this,propertyType:x.propertyAndAttribute}):typeof s=="number"?i.push({name:r,type:"bonumberolean",service:this,propertyType:x.propertyAndAttribute}):i.push({name:r,type:"string",service:this,propertyType:x.propertyAndAttribute})}}return i}};fe();ut();var Pf=class{getRefactorings(e){let t=[];for(let i of e){let r=i.serviceContainer.bindingService.getBindings(i);if(r)for(let o of r)for(let s of o.bindableObjectNames)if(s.includes(":")){let a=s.split(":")[0],l=s.substring(a.length+1);t.push({service:this,name:l,itemType:"signal",designItem:i,type:"binding",sourceObject:o,display:o.target+"/"+o.targetName+" - "+a+":",shortName:a})}else t.push({service:this,name:s,itemType:"signal",designItem:i,type:"binding",sourceObject:o,display:o.target+"/"+o.targetName})}return t}refactor(e,t,i){let r=e.sourceObject;e.shortName?r.bindableObjectNames=r.bindableObjectNames.map(o=>o==e.shortName+":"+t?e.shortName+":"+i:o):r.bindableObjectNames=r.bindableObjectNames.map(o=>o==t?i:o),e.designItem.serviceContainer.bindingService.setBinding(e.designItem,r)}};var kf=class{getRefactorings(e){let t=[];for(let i of e)if((i.element instanceof i.window.HTMLInputElement||i.element instanceof i.window.HTMLTextAreaElement)&&i.element.value&&t.push({service:this,name:i.element.value,itemType:"text",designItem:i,type:"attribute",sourceObject:i,display:"attribute/value"}),i.childCount>0&&i.element.textContent){let r=!0;for(let o of i.element.childNodes)o.nodeType!=3&&(r=!1);r&&t.push({service:this,name:i.element.textContent,itemType:"text",designItem:i,type:"content",sourceObject:i,display:"textContent"})}return t}refactor(e,t,i){e.type=="attribute"?e.designItem.setAttribute("value",i):e.type=="content"&&(e.designItem.content=i)}};ee();var $d=Symbol("collaborationNodeIndexCache");function bx(n){let e=[],t=new WeakMap,i=0,r=o=>{if(o&&(!o.isRootItem&&o.nodeType===A.Element&&(e.push(o),t.set(o,i++)),o.hasChildren))for(let s of o.children())r(s)};return r(n),{orderedItems:e,byItem:t}}function If(n,e){if(e?.[$d])return e[$d];let t=bx(n);return e&&(e[$d]=t),t}function wx(n,e){if(!n||n.isRootItem)return null;let t=n.instanceServiceContainer.designerCanvas.rootDesignItem;return If(t,e).byItem.get(n)??null}function TR(n,e){return n?.length?n.map(t=>wx(t,e)).filter(t=>t!=null):[]}function MR(n,e,t){return e==null||e<0?null:If(n,t).orderedItems[e]??null}Wd();Yp();oe();import{TypedEvent as Wf}from"@node-projects/base-custom-webcomponent";function Zd(n){let e={A:0,B:0,C:0};return Sx(n)?(Ex(n,0,e),e):(Cx(n,e),e)}function Sx(n){for(let e=0;e<n.length;e++){let t=n.charCodeAt(e);if(t===58||t===91||t===40||t===44||t===92)return!0}return!1}function Cx(n,e){let t=n.length,i=0;for(;i<t;){let r=n.charCodeAt(i);if(r===124&&i+1<t&&n.charCodeAt(i+1)===124){i+=2;continue}if(r===32||r===62||r===43||r===126){i++;continue}if(r===35){for(e.A++,i++;i<t&&Ur(n.charCodeAt(i));)i++;continue}if(r===46){for(e.B++,i++;i<t&&Ur(n.charCodeAt(i));)i++;continue}if(r===42){i++;continue}if(Hf(r)||r===124){for(;i<t;){let o=n.charCodeAt(i);if(Ur(o)||o===124)i++;else break}e.C++;continue}i++}}function Ex(n,e,t){let i=e,r=0,o=0,s=0;for(;i<n.length;){if(r=o=s=0,i=rr(n,i,t,!0),r=t.A,o=t.B,s=t.C,n.charCodeAt(i)===44){i++;let a=r,l=o,c=s;for(;i<n.length;){if(t.A=t.B=t.C=0,i=rr(n,i,t,!0),(t.A>a||t.A===a&&(t.B>l||t.B===l&&t.C>c))&&(a=t.A,l=t.B,c=t.C),n.charCodeAt(i)===44){i++;continue}break}t.A=a,t.B=l,t.C=c}break}return i}function rr(n,e,t,i){let r=e;for(i&&(t.A=t.B=t.C=0);r<n.length;){let o=n.charCodeAt(r);if(o===44||o===41)break;if(o===124&&n.charCodeAt(r+1)===124){r+=2;continue}if(o===32||o===62||o===43||o===126){r++;continue}if(o===35){r=dl(n,r+1),t.A++;continue}if(o===46){r=dl(n,r+1),t.B++;continue}if(o===91){r=Kd(n,r,91,93),t.B++;continue}if(o===58){if(n.charCodeAt(r+1)===58){r+=2,r=dl(n,r),n.charCodeAt(r)===40&&(r=Kd(n,r,40,41)),t.C++;continue}let s=r+1,a=dl(n,s);if(r=a,Dx(n,s,a-s)){t.C++;continue}if(n.charCodeAt(r)===40){let l=r+1,c=Kd(n,r,40,41),h=a-s;switch(Ix(n,s,h)){case Df:r=c;continue;case Af:case Tf:case Mf:case zf:case Ff:case Bf:{let d=0,u=0,m=0,f=l,y=c-1;for(;f<y;){let v={A:0,B:0,C:0};if(f=Px(n,f,v),(v.A>d||v.A===d&&(v.B>u||v.B===u&&v.C>m))&&(d=v.A,u=v.B,m=v.C),n.charCodeAt(f)===44)f++;else break}t.A+=d,t.B+=u,t.C+=m,r=c;continue}case Lf:{let d={A:0,B:0,C:0};rr(n,l,d,!1),t.A+=d.A,t.B+=d.B,t.C+=d.C,r=c;continue}case Of:case Vf:{t.B++;let d={A:0,B:0,C:0};rr(n,l,d,!1),t.A+=d.A,t.B+=d.B,t.C+=d.C,r=c;continue}case Nf:case Rf:{t.B++;let d=c-1,u=Ax(n,l,d);if(u!==-1){let m=u+2;for(;m<d&&Qd(n.charCodeAt(m));)m++;let f=0,y=0,v=0,C=m;for(;C<d;){let b={A:0,B:0,C:0};if(C=rr(n,C,b,!1),(b.A>f||b.A===f&&(b.B>y||b.B===y&&b.C>v))&&(f=b.A,y=b.B,v=b.C),n.charCodeAt(C)===44)C++;else break}t.A+=f,t.B+=y,t.C+=v}r=c;continue}default:t.B++,r=c;continue}}else{t.B++;continue}}if(o===42){r++;continue}if(Hf(o)||o===124){for(;r<n.length&&(Ur(n.charCodeAt(r))||n.charCodeAt(r)===124);)r++;t.C++;continue}r++}return r}function Px(n,e,t){return rr(n,e,t,!1)}var kx=0,Df=1,Af=2,Tf=3,Mf=4,Lf=5,Of=6,Vf=7,Nf=8,Rf=9,zf=10,Ff=11,Bf=12;function Ix(n,e,t){return t===5&&n.charCodeAt(e)===119&&n.charCodeAt(e+1)===104&&n.charCodeAt(e+2)===101&&n.charCodeAt(e+3)===114&&n.charCodeAt(e+4)===101?Df:t===3&&n.charCodeAt(e)===110&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===116?Tf:t===2&&n.charCodeAt(e)===105&&n.charCodeAt(e+1)===115?Af:t===3&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===97&&n.charCodeAt(e+2)===115?Mf:t===4&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===115&&n.charCodeAt(e+3)===116?Of:t===12&&n.charCodeAt(e)===104&&n.charCodeAt(e+4)===45&&n.charCodeAt(e+5)===99&&n.substring(e,e+t)==="host-context"?Vf:t===7&&n.charCodeAt(e)===115&&n.substring(e,e+7)==="slotted"?Lf:t===9&&n.charCodeAt(e)===110&&n.substring(e,e+9)==="nth-child"?Nf:t===14&&n.charCodeAt(e)===110&&n.substring(e,e+14)==="nth-last-child"?Rf:t===7&&n.charCodeAt(e)===109&&n.substring(e,e+7)==="matches"?zf:t===11&&n.charCodeAt(e)===45&&n.substring(e,e+11)==="-webkit-any"?Ff:t===8&&n.charCodeAt(e)===45&&n.substring(e,e+8)==="-moz-any"?Bf:kx}function Dx(n,e,t){if(t===6){let i=n.charCodeAt(e);if(i===98)return n.substring(e,e+6)==="before";if(i===97)return n.substring(e,e+6)==="after"}return t===5&&n.charCodeAt(e)===97?n.substring(e,e+5)==="after":t===10&&n.charCodeAt(e)===102?n.substring(e,e+10)==="first-line":t===12&&n.charCodeAt(e)===102?n.substring(e,e+12)==="first-letter":!1}function Hf(n){return n>=65&&n<=90||n>=97&&n<=122||n===95||n===45||n===92}function Ur(n){return n>=65&&n<=90||n>=97&&n<=122||n>=48&&n<=57||n===95||n===45||n===92}function Qd(n){return n===32||n===9||n===10||n===13||n===12}function dl(n,e){let t=e;for(;t<n.length;){let i=n.charCodeAt(t);if(i===92){t+=2;continue}if(!Ur(i))break;t++}return t}function Kd(n,e,t,i){let r=0,o=0,s=e;for(;s<n.length;){let a=n.charCodeAt(s);if(o){if(a===92){s+=2;continue}a===o&&(o=0),s++;continue}if(a===34||a===39){o=a,s++;continue}if(a===t)r++;else if(a===i&&(r--,r===0))return s+1;s++}return s}function Ax(n,e,t){let i=e;for(;i<=t-1;){for(;i<=t-1&&Qd(n.charCodeAt(i));)i++;if(n.charCodeAt(i)===111&&n.charCodeAt(i+1)===102&&(i+2>t-1||Qd(n.charCodeAt(i+2))||n.charCodeAt(i+2)===40))return i;i++}return-1}Ud();var ul=class n{_stylesheets=new Map;_documentStylesheets=new Map;_allStylesheets=new Map;_instanceServiceContainer;constructor(e){this._instanceServiceContainer=e.instanceServiceContainer}async setStylesheets(e){await this.internalSetStylesheets(e,this._stylesheets)}async setDocumentStylesheets(e){await this.internalSetStylesheets(e,this._documentStylesheets)}async internalSetStylesheets(e,t){if(t!=null&&e!=null&&t.size==e.length&&e.every(i=>t.has(i.name)))for(let i of e){let r=t.get(i.name);if(r.stylesheet.content!=i.content){try{t.set(i.name,{stylesheet:i,ast:await this.internalParse(i.content)})}catch(o){console.warn("error parsing stylesheet",i,o)}t==this._stylesheets&&this.stylesheetChanged.emit({name:i.name,newStyle:i.content,oldStyle:r.stylesheet.content,changeSource:"extern"})}}else if(e!=null){t.clear();for(let i of e){let r=null;try{r=await this.internalParse(i.content)}catch(o){console.warn("error parsing stylesheet",i,o)}t.set(i.name,{stylesheet:i,ast:r})}t==this._stylesheets&&this.stylesheetsChanged.emit()}else t.clear();this._allStylesheets.clear();for(let i of this._documentStylesheets)this._allStylesheets.set(i[0],i[1]);for(let i of this._stylesheets)this._allStylesheets.set(i[0],i[1])}async internalReparseStylesheet(e){let t=this._allStylesheets;this._documentStylesheets.has(e)&&(t=this._documentStylesheets),this._stylesheets.has(e)&&(t=this._stylesheets);let i=t.get(e),r=null;try{r=await this.internalParse(i.stylesheet.content)}catch(s){console.warn("error parsing stylesheet",e,s)}let o={stylesheet:i.stylesheet,ast:r};this._stylesheets.set(e,o),this._allStylesheets.set(e,o)}getStylesheets(){let e=[];for(let t of this._stylesheets)e.push(t[1].stylesheet);return e}getDeclarationsSortedBySpecificity(e,t){let i=this.getDeclarations(e,t);return i.reverse().sort((r,o)=>r.parent.specificity==null?-1:o.parent.specificity==null?1:r.parent.specificity.A>o.parent.specificity.A||r.parent.specificity.A===o.parent.specificity.A&&r.parent.specificity.B>o.parent.specificity.B||r.parent.specificity.A===o.parent.specificity.A&&r.parent.specificity.B===o.parent.specificity.B&&r.parent.specificity.C>o.parent.specificity.C?-1:r.parent.specificity.A===o.parent.specificity.A&&r.parent.specificity.B===o.parent.specificity.B&&r.parent.specificity.C===o.parent.specificity.C?0:1),i}updateDeclarationValue(e,t,i){this.updateDeclarationValueWithoutUndo(e,t,i)}stylesheetChanged=new Wf;stylesheetsChanged=new Wf;static patchStylesheetSelectorForDesigner(e){return sl(e,{forceHoverAttributeName:at,forceActiveAttributeName:Yt,forceVisitedAttributeName:Ut,forceFocusAttributeName:Xt,forceFocusWithinAttributeName:$t,forceFocusVisibleAttributeName:Kt})}elementMatchesASelector(e,t){let i=null;for(let r of t)try{let o=n.patchStylesheetSelectorForDesigner(r);if(e&&o===":host"&&e.isRootItem){let s=Zd(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}else if(!e||e.element.matches(o)){let s=Zd(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}}catch{console.warn("invalid selector: ",r,"patched: "+n.patchStylesheetSelectorForDesigner(r))}return i===null?!1:i}};Gp();jp();tc();ac();ec();zd();vt();rc();sc();var ml=class{stylesheetService;constructor(e,t,i,r){this.title="Changed Css Stylesheet: "+t,this.stylesheetService=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[]}undo(){return this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.oldValue),null}do(){return this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.newValue),null}name;newValue;oldValue;mergeWith(e){return!1}};var fl=class{constructor(e,t){this.title="Set all DesignItems",this.newDesignItems=e,this.oldDesignItems=t}title;get affectedItems(){return this.newDesignItems}undo(){return this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.oldDesignItems),null}do(){return this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.newDesignItems),null}newDesignItems;oldDesignItems;mergeWith(e){return!1}};nc();an();an();import{TypedEvent as Tx}from"@node-projects/base-custom-webcomponent";var gl=class{imports=[];npmPackages=[];extensionOptions={gridExtensionShowOverlay:!1,flexboxExtensionShowOverlay:!1,invisibleElementExtensionShowOverlay:!1,enableStylesheetService:!1,basicStackedToolbarExtensionShowOverlay:!1,simulateHoverOnHover:!1,selectUnhitableElements:!0};extensionOptionsChanged=new Tx};import{TypedEvent as Mx}from"@node-projects/base-custom-webcomponent";var yl=class extends Di{designContext=new gl;designerCanvas;collaborationService;designer;documentContainer;onContentChanged=new Mx;constructor(e){super(),this.designerCanvas=e}get rootDesignItem(){return this.designerCanvas.rootDesignItem}get undoService(){return this.getLastService("undoService")}get selectionService(){return this.getLastService("selectionService")}get stylesheetService(){return this.getLastService("stylesheetService")}get designItemDocumentPositionService(){return this.getLastService("designItemDocumentPositionService")}};$l();ve();ut();Gt();fe();he();import{BaseCustomWebComponentLazyAppend as Lx,css as Ox,DomHelper as Gf}from"@node-projects/base-custom-webcomponent";var Qe=class n extends Lx{_div;_propertyMap=new Map;_serviceContainer;_propertiesService;_designItems;_lastClassType;_addCounter=0;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;get propertiesService(){return this._propertiesService}static get style(){return Ox`:host{display:block;height:100%;overflow:auto;box-sizing:border-box}.content-wrapper{padding:.5em;display:grid;grid-template-columns:var(--wcd-property-grid-columns,11px minmax(80px,auto) minmax(120px,1fr));row-gap:var(--wcd-property-grid-row-gap,0);align-items:center;grid-auto-rows:minmax(24px,auto);align-items:center}input,label,select{display:inline-block;color:var(--wcd-color-text,#fff);background:0 0;margin:2px 0;padding:0 2px 0 4px;width:110px;white-space:nowrap}.style-label,label{box-sizing:border-box;display:inline-block;font-size:var(--wcd-property-grid-label-font-size,13px);width:auto;overflow:hidden;text-overflow:ellipsis;margin-right:2px}input,select{padding:0;padding-left:3px}input,select{border:none}.content-wrapper>input,.content-wrapper>select,.editor-control{border:1px solid var(--wcd-input-border-color,var(--input-border-color,var(--wcd-color-border,#596c7a)));border-radius:var(--wcd-property-grid-editor-border-radius,0)}.editor-control,input,select{height:var(--wcd-property-grid-editor-height,24px);box-sizing:border-box;font-size:11px;width:100%;margin:0}.editor-control:focus,input:focus,select:focus{outline:0;box-shadow:none}.editor-control[disabled],input[disabled],select[disabled]{color:var(--wcd-color-text-muted,#bdbdbd)}select{background:0 0}select:focus option{color:var(--wcd-property-grid-select-option-color,#000)}.unset-value{color:var(--wcd-property-grid-unset-value-color,var(--wcd-color-text-muted,#778899))}.unset-value>*{color:var(--wcd-property-grid-unset-value-color,var(--wcd-color-text-muted,#778899))}.unset-value:focus{color:var(--wcd-color-text,#fff)}.group-header{grid-column:1/3;font-size:10px;font-family:monospace}.group-header[clickable]:hover{cursor:pointer;color:var(--wcd-property-grid-group-header-hover-color,orange);text-decoration:underline}.group-header::after{content:" ▾";font-size:14px}.group-header.expanded::after{content:" ▴";font-size:14px}.group-desc{display:inline-flex;flex-direction:row-reverse;font-size:10px;text-decoration:underline}.group-desc[clickable]:hover{cursor:pointer;color:var(--wcd-property-grid-group-header-hover-color,orange);text-decoration:underline}.dragOverProperty{outline:2px dashed var(--wcd-property-grid-drop-target-color,orange);outline-offset:-2px}`}constructor(e){super(),this._restoreCachedInititalValues(),this._serviceContainer=e,this._div=document.createElement("div"),this._div.className="content-wrapper",this.shadowRoot.appendChild(this._div)}setPropertiesService(e){this._propertiesService!=e&&(this._propertiesService=e,Gf.removeAllChildnodes(this._div),this._propertyMap.clear())}async createElements(e){if(!this._shouldCreateElements(e))return!0;let t=await this._propertiesService?.getProperties(e);return this._rebuildElements(e,t)}_shouldCreateElements(e){if(!this._propertiesService)return!1;if(this._propertyMap.size==0)return!0;let t=this._propertiesService.getRefreshMode(e);return t!==Y.none&&(t!==Y.fullOnClassChange||this._lastClassType!==e.element.constructor)}_rebuildElements(e,t){if(this._lastClassType=e.element.constructor,Gf.removeAllChildnodes(this._div),this._propertyMap.clear(),t?.length){for(let i of t)"properties"in i?this.createPropertyGroups(i):this.createPropertyEditors(i);return!0}return!1}createPropertyGroups(e){let t=document.createElement("span");t.addEventListener("click",()=>{this.expandOrCollapsePropertyGroups(e),t.classList.toggle("expanded")}),t.innerHTML=e.name.replaceAll(`
-`,"<br>"),t.className="group-header",this._div.appendChild(t);let i=document.createElement("span");i.innerHTML=e.description??"",i.className="group-desc",this.propertyGroupHover&&(t.onmouseenter=()=>{this.propertyGroupHover(e,"name")?t.setAttribute("clickable",""):t.removeAttribute("clickable")},t.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"name")},i.onmouseenter=()=>{this.propertyGroupHover(e,"desc")?i.setAttribute("clickable",""):i.removeAttribute("clickable")},i.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"desc")}),this._div.appendChild(i);for(let r of e.properties)this.createPropertyEditors(r,!0)}expandOrCollapsePropertyGroups(e){for(let t of e.properties){let i=this._propertyMap.get(t),r=i.labelElement.style.display=="none"?"flex":"none";i.editor.element&&(i.editor.element.style.display=r),i.labelElement&&(i.labelElement.style.display=r),i.isSetElement.parentElement&&(i.isSetElement.parentElement.style.display=r)}}createPropertyEditors(e,t){let i,r;if(e.createEditor?i=e.createEditor(e):i=this._serviceContainer.forSomeServicesTillResult("propertyEditorTypesService",o=>o.getEditorForProperty(e)),i){let o=document.createElement("div");t&&(o.style.marginLeft="10px"),o.style.width="20px",o.style.height="20px",o.style.display="flex",o.style.alignItems="center";let s=document.createElement("div");if(s.style.width="7px",s.style.height="7px",s.style.border="1px white solid",s.style.cursor="pointer",e.propertyType!=x.complex&&o.appendChild(s),this._div.appendChild(o),e.readonly!==!0&&(s.oncontextmenu=a=>{a.preventDefault(),this.openContextMenu(a,e)},s.onclick=a=>{a.preventDefault(),this.openContextMenu(a,e)}),e.type=="addNew"){let a=i.element;a.disabled=!0,a.id="addNew_input_"+ ++this._addCounter;let l=document.createElement("input");if(r=l,t&&(l.style.marginLeft="10px",l.style.width="calc(100% - 10px)"),l.value=e.name,l.type="text",l.id="addNew_label_"+this._addCounter,l.onkeyup=c=>{c.key=="Enter"&&l.value&&(e.name=l.value,l.disabled=!0,a.disabled=!1,a.focus())},e.service.getPropertyNameSuggestions){let c=e.service.getPropertyNameSuggestions(null),h=document.createElement("datalist");h.id="addNew_"+this._addCounter+"_datalist";for(let p of c){let d=document.createElement("option");d.value=p,h.append(d)}this._div.appendChild(h),l.setAttribute("list",h.id)}this._div.appendChild(l)}else if(e.hideLabel)r=document.createElement("span");else if(e.renamable){let a=document.createElement("input");r=a,t&&(a.style.marginLeft="10px",a.style.width="calc(100% - 10px)"),a.id="label_"+e.name;let l=i.element;a.value=e.name,a.onkeyup=async c=>{if(c.key=="Enter"&&a.value){let h=this._designItems[0].openGroup("rename property name from '"+e.name+"' to '"+a.value+"'");e.service.clearValue(this._designItems,e,"all"),e.name=a.value,await e.service.setValue(this._designItems,e,l.value),h.commit(),this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems)}},this._div.appendChild(a)}else{let a=document.createElement("label");r=a,t&&(a.style.marginLeft="10px"),a.htmlFor=e.name,a.textContent=e.displayName??e.name,a.title=e.description??(e.displayName??e.name)+" (type: "+e.type+(e.defaultValue?", default: "+e.defaultValue:"")+", propertytype: "+e.propertyType+")",a.ondragleave=l=>this._onDragLeave(l,e,a),a.ondragover=l=>this._onDragOver(l,e,a),a.ondrop=l=>this._onDrop(l,e,a),this._div.appendChild(a)}e.name&&(i.element.id=e.name),i.element instanceof HTMLElement&&i.element.classList.add("editor-control"),e.hideLabel&&(i.element.style.gridColumn="2 / 4"),this._div.appendChild(i.element),this._propertyMap.set(e,{isSetElement:s,labelElement:r,editor:i})}}_onDragLeave(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty")}_onDragOver(e,t,i){if(e.preventDefault(),e.dataTransfer.types.indexOf(ci)>=0){let s=this._serviceContainer.bindableObjectDragDropService;if(s){let a=s.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}if(e.dataTransfer.types.indexOf(yc)>=0){let s=this._serviceContainer.propertyGridDragDropService;if(s){let a=s.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}}_onDrop(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty");let r=e.dataTransfer.getData(ci);if(r){let s=JSON.parse(r),a=this._serviceContainer.bindableObjectDragDropService;a&&a.dropOnProperty(e,t,s,this._designItems)}let o=e.dataTransfer.getData(yc);if(o){let s=JSON.parse(o),a=this._serviceContainer.propertyGridDragDropService;a&&a.dropOnProperty(e,t,s,this._designItems)}}openContextMenu(e,t){let i;this.propertyContextMenuProvider&&(i=this.propertyContextMenuProvider(this._designItems,t)),i||(i=t.service.getContextMenu(this._designItems,t)),De.show(i,e)}designItemsChanged(e){this._designItems=e;for(let t of this._propertyMap)t[1].editor.designItemsChanged(e)}refreshForDesignItems(e){for(let t of this._propertyMap)n.refreshIsSetElementAndEditorForDesignItems(t[1].isSetElement,t[0],e,this._propertiesService,t[1].editor)}static refreshIsSetElementAndEditorForDesignItems(e,t,i,r,o){if(i&&i.length){let s=r.isSet(i,t),a=r.getValue(i,t);e.title=t.name+": "+s,s==G.none?(e.style.background="",a=r.getUnsetValue(i,t)):s==G.all?e.style.background="white":s==G.some?e.style.background="gray":s==G.bound?e.style.background="orange":s==G.fromStylesheet&&(a=r.getUnsetValue(i,t),e.style.background="yellow"),o?.refreshValueWithoutNotification(s,a)}else e.style.background=""}};customElements.define("node-projects-property-grid-property-list",Qe);ve();import{BaseCustomWebComponentLazyAppend as Vx,css as Nx}from"@node-projects/base-custom-webcomponent";var qd=class extends Vx{_serviceContainer;_designerTabControl;_selectedItems;_propertyGridPropertyLists;_propertyGridPropertyListsDict;_nodeReplacedCb;_instanceServiceContainer;_selectionChangedHandler;_contentChangedHandler;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;static style=Nx`:host{display:block;height:100%;user-select:none;-webkit-user-select:none}button:hover{box-shadow:inset 0 3px 0 var(--wcd-property-grid-tab-indicator-inactive-color,var(--light-grey))}button:focus{box-shadow:inset 0 3px 0 var(--wcd-property-grid-tab-indicator-color,var(--highlight-pink,var(--wcd-color-accent,#e91e63)))}`;static properties={serviceContainer:Object,instanceServiceContainer:Object,selectedItems:Array,propertyGroupHover:Function,propertyGroupClick:Function,propertyContextMenuProvider:Function};constructor(){super(),this._designerTabControl=new Ct,this.shadowRoot.appendChild(this._designerTabControl),this._restoreCachedInititalValues(),this.addEventListener("contextmenu",e=>{e.composedPath()[0].localName!="input"&&e.preventDefault()})}set serviceContainer(e){this._serviceContainer=e,this._propertyGridPropertyLists=[],this._propertyGridPropertyListsDict={}}get serviceContainer(){return this._serviceContainer}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._contentChangedHandler?.dispose(),this._instanceServiceContainer?(this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(t=>{this._changeOccured(null,!1)}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements):this.selectedItems=[]}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this._selectedItemsSet())}async _selectedItemsSet(){let e=this._serviceContainer.propertyGroupService.getPropertygroups(this._selectedItems),t=new Set;for(let r of e){let o=this._propertyGridPropertyListsDict[r.name];o||(o=new Qe(this.serviceContainer),o.title=r.name,o.propertyGroupHover=this.propertyGroupHover,o.propertyGroupClick=this.propertyGroupClick,o.propertyContextMenuProvider=this.propertyContextMenuProvider,this._designerTabControl.appendChild(o),this._propertyGridPropertyLists.push(o),this._propertyGridPropertyListsDict[r.name]=o),o.setPropertiesService(r.propertiesService),await o.createElements(this._selectedItems[0])&&t.add(r.name)}let i=this._designerTabControl;for(let r of t){let o=this._propertyGridPropertyListsDict[r],s=o.scrollTop;i===this._designerTabControl?i.insertAdjacentElement("afterbegin",o):i.insertAdjacentElement("afterend",o),i=o,o.scrollTo(0,s)}for(let r of this._propertyGridPropertyLists)t.has(r.title)?r.style.display="block":r.style.display="none";this._designerTabControl.refreshItems(),this._designerTabControl.selectedIndex<0&&(this._designerTabControl.selectedIndex=0);for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.designItemsChanged(this._selectedItems);if(this._selectedItems){if(this._selectedItems.length==1){for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.refreshForDesignItems(this._selectedItems);this._observePrimarySelectionForChanges()}}else this._nodeReplacedCb?.dispose(),this._nodeReplacedCb=null}_blockDoubleRun=!1;async _changeOccured(e,t=!1){if(!this._blockDoubleRun){this._blockDoubleRun=!0;let i=this._selectedItems[0];if(i)for(let r of this._propertyGridPropertyLists)r.propertiesService?.getRefreshMode(i)==Y.fullOnValueChange&&(await r.createElements(i),r.designItemsChanged(this._selectedItems)),r.refreshForDesignItems(this._selectedItems);this._blockDoubleRun=!1}}_observePrimarySelectionForChanges(){this._nodeReplacedCb?.dispose(),this._nodeReplacedCb=this._selectedItems[0].nodeReplaced.on(()=>{this._observePrimarySelectionForChanges(),this._changeOccured(null,!0)})}};customElements.define("node-projects-web-component-designer-property-grid",qd);Fe();ee();import{BaseCustomWebComponentLazyAppend as Rx,css as zx,html as Fx}from"@node-projects/base-custom-webcomponent";Gt();var Jd=class extends Rx{static style=zx`:host{display:block;height:100%;user-select:none;-webkit-user-select:none;background:var(--wcd-property-grid-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));color:var(--wcd-color-text,#fff)}div.root{display:grid;grid-template-columns:11px 11px auto 1fr auto;padding:3px 6px;font-family:monospace;align-items:center}.desc{font-weight:700;font-size:10px;margin-right:5px}input{background:var(--wcd-property-grid-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));border:solid 1px var(--wcd-color-border,gray);color:var(--wcd-color-text,#fff);width:calc(100% - 6px)}#type{color:var(--wcd-property-grid-header-highlight-color,wheat);white-space:nowrap;overflow:hidden;font-size:12px;height:20px;border:none}#pg{height:calc(100% - 64px)}`;static template=Fx`<div class="root"><span style="grid-column:span 3" class="desc">Type:</span><input type="text" readonly="readonly" id="type"> <button id="config" style="display:none;grid-column:5;grid-row:span 3;height:calc(100% - 10px);margin-left:10px">config</button><div title="id" id="idRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><span id="idSpan" style="grid-column:span 2" class="desc">Id:</span><input type="text" id="id"><div title="innerHTML" id="innerRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><div title="textContent" id="contentRect" style="width:7px;height:7px;border:1px solid #fff"></div><span id="contentSpan" class="desc">Content:</span><input type="text" id="content"></div><node-projects-web-component-designer-property-grid id="pg"></node-projects-web-component-designer-property-grid>`;propertyGrid;_type;_id;_content;_selectionChangedHandler;_instanceServiceContainer;_idRect;_contentRect;_innerRect;_propertiesService;_configButton;constructor(){super(),this._restoreCachedInititalValues(),this._type=this._getDomElement("type"),this._id=this._getDomElement("id"),this._content=this._getDomElement("content"),this.propertyGrid=this._getDomElement("pg"),this._idRect=this._getDomElement("idRect"),this._contentRect=this._getDomElement("contentRect"),this._innerRect=this._getDomElement("innerRect"),this._configButton=this._getDomElement("config"),this._configButton.onclick=async()=>{let i=await(await this.serviceContainer?.getLastServiceWhereAsync("configUiService",async r=>await r.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection))).getConfigUi(this._instanceServiceContainer.selectionService.primarySelection);this.serviceContainer.globalContext.showConfigClicked.emit({designItem:this._instanceServiceContainer.selectionService.primarySelection,configUi:i})},this._propertiesService=new pl,this._idRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.idProperty)},this._contentRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.contentProperty)},this._innerRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.innerHtmlProperty)},this._id.onkeydown=t=>{t.key=="Enter"?this._instanceServiceContainer.selectionService.primarySelection.id=this._id.value:t.key=="Escape"&&(this._id.value=this._instanceServiceContainer.selectionService.primarySelection?.id??"",t.preventDefault(),t.stopPropagation()),Qe.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)},this._content.onkeydown=t=>{t.key=="Enter"?(this._instanceServiceContainer.selectionService.primarySelection.content=this._content.value,this._content.title=this._content.value):t.key=="Escape"&&(this._content.value=this._instanceServiceContainer.selectionService.primarySelection?.element?.textContent??"",t.preventDefault(),t.stopPropagation()),Qe.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService),Qe.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)};let e;this._id.onfocus=t=>{e=this._instanceServiceContainer.selectionService.primarySelection},this._id.onblur=t=>{e&&(e.id=this._id.value),e=null,Qe.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)}}set serviceContainer(e){this.propertyGrid.serviceContainer=e}set instanceServiceContainer(e){let t=e;this._instanceServiceContainer=t,this._selectionChangedHandler?.dispose(),t?(this._selectionChangedHandler=t.selectionService.onSelectionChanged.on(async i=>{this.propertyGrid.instanceServiceContainer=t,await Pt(20),await this._refreshHeaderForCurrentSelection(t)}),this._refreshHeaderForCurrentSelection(t)):(this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host"),this.propertyGrid.instanceServiceContainer=t}async _refreshHeaderForCurrentSelection(e){if(!e?.selectionService?.primarySelection||e.selectionService.primarySelection?.isRootItem){this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host",this._type.title=this._type.value;return}this._id.disabled=!1,this._content.disabled=!1,await this.serviceContainer?.getLastServiceWhereAsync("configUiService",i=>i.hasConfigUi(e.selectionService.primarySelection))?this._configButton.style.display="block":this._configButton.style.display="none",e.selectionService.primarySelection?.nodeType==A.Element?this._type.value=e.selectionService.primarySelection?.name??"":this._type.value=e.selectionService.primarySelection?.node?.nodeName??"",this._type.title=this._type.value,this._id.value=e.selectionService.primarySelection?.id??"",e.selectionService.primarySelection?.element?.nodeType!=A.Element?this._content.value=e.selectionService.primarySelection?.content??"":e.selectionService.primarySelection?.element?.children?.length<=0?this._content.value=e.selectionService.primarySelection?.content??"":this._content.value="",this._content.title=this._content.value,Qe.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,e.selectionService.selectedElements,this._propertiesService),Qe.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,e.selectionService.selectedElements,this._propertiesService),Qe.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,e.selectionService.selectedElements,this._propertiesService)}_openContextMenu(e,t,i){let r;this.propertyGrid.propertyContextMenuProvider&&(r=this.propertyGrid.propertyContextMenuProvider(t,i)),r||(r=i.service.getContextMenu(t,i)),De.show(r,e)}};customElements.define("node-projects-web-component-designer-property-grid-with-header",Jd);import{css as qx,DomHelper as Jx,html as eb,BaseCustomWebComponentConstructorAppend as tb}from"@node-projects/base-custom-webcomponent";me();oe();he();vt();import{BaseCustomWebComponentLazyAppend as Gx,css as jx,cssFromString as Yx,DomHelper as eu,html as Ux,TypedEvent as Xx}from"@node-projects/base-custom-webcomponent";se();var ii=M.Normal,vl=class{snapOffset=5;_overlayLayerView;_containerItem;_positionsH=[];_positionsMiddleH=[];_positionsV=[];_positionsMiddleV=[];_outerRect;constructor(e){this._overlayLayerView=e}initialize(e){this._containerItem=e}clearSnaplines(){this._overlayLayerView.removeAllNodesWithClass&&this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),this._positionsH=[],this._positionsMiddleH=[],this._positionsV=[],this._positionsMiddleV=[]}calculateSnaplines(e){this.clearSnaplines();let t=this._containerItem.serviceContainer.snaplinesProviderService.provideSnaplines(this._containerItem,e);this._outerRect=t.outerRect,this._positionsH=t.positionsH,this._positionsMiddleH=t.positionsMiddleH,this._positionsV=t.positionsV,this._positionsMiddleV=t.positionsMiddleV}snapToPosition(e,t,i){let r=this.snapOffset+1,o,s;for(let c=0;c<this._positionsH.length;c++){let h=Math.abs(this._positionsH[c][0]-e.x);(h<r||h===r&&o===void 0)&&(r=h,o=[],s=this._positionsH[c][0]);let p;t&&(p=Math.abs(e.x+t.width-this._positionsH[c][0]),(p<r||p===r&&o===void 0)&&(r=p,o=[],s=this._positionsH[c][0]-t.width)),h===r&&o.push(this._positionsH[c][1]),t&&p===r&&h!==r&&o.push(this._positionsH[c][1])}if(t)for(let c=0;c<this._positionsMiddleH.length;c++){let h=Math.abs(this._positionsMiddleH[c][0]-(e.x+t.width/2));(h<r||h===r&&o===void 0)&&(r=h,o=[],s=this._positionsMiddleH[c][0]-t.width/2),h===r&&o.push(this._positionsMiddleH[c][1])}r=this.snapOffset+1;let a,l;for(let c=0;c<this._positionsV.length;c++){let h=Math.abs(this._positionsV[c][0]-e.y);(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsV[c][0]);let p;t&&(p=Math.abs(e.y+t.height-this._positionsV[c][0]),(p<r||p===r&&a===void 0)&&(r=p,a=[],l=this._positionsV[c][0]-t.height)),h===r&&a.push(this._positionsV[c][1]),t&&p===r&&h!==r&&a.push(this._positionsV[c][1])}if(t)for(let c=0;c<this._positionsMiddleV.length;c++){let h=Math.abs(this._positionsMiddleV[c][0]-(e.y+t.height/2));(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsMiddleV[c][0]-t.height/2),h===r&&a.push(this._positionsMiddleV[c][1])}if(this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),o!==void 0||a!==void 0){let c={x:o!==void 0?s:e.x,y:a!==void 0?l:e.y};return this.drawSnaplines(c,t,o,a),{x:o!==void 0?s:null,y:a!==void 0?l:null}}return{x:null,y:null}}drawSnaplines(e,t,i,r){if(i){let o=e.y,s=e.y;for(let a of i){let l=a.y-this._outerRect.top;o=o<l?o:l,s=s>l?s:l}for(let a of i){if(a.x-this._outerRect.left==e.x||t&&a.x-this._outerRect.left==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x),c.setAttribute("x2",a.x-this._outerRect.x),c.setAttribute("y1",o),c.setAttribute("y2",s),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(a.x-this._outerRect.left+a.width==e.x||t&&a.x-this._outerRect.left+a.width==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width),c.setAttribute("x2",a.x-this._outerRect.x+a.width),c.setAttribute("y1",o),c.setAttribute("y2",s),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(t&&a.x-this._outerRect.left+a.width/2==e.x+t.width/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width/2),c.setAttribute("x2",a.x-this._outerRect.x+a.width/2),c.setAttribute("y1",o),c.setAttribute("y2",s),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,ii)}}if(r){let o=e.x,s=e.x;for(let a of r){let l=a.x-this._outerRect.left;o=o<l?o:l,s=s>l?s:l}for(let a of r){if(a.y-this._outerRect.top==e.y||t&&a.y-this._outerRect.top==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",o),c.setAttribute("x2",s),c.setAttribute("y1",a.y-this._outerRect.y),c.setAttribute("y2",a.y-this._outerRect.y),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(a.y-this._outerRect.top+a.height==e.y||t&&a.y-this._outerRect.top+a.height==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",o),c.setAttribute("x2",s),c.setAttribute("y1",a.y-this._outerRect.y+a.height),c.setAttribute("y2",a.y-this._outerRect.y+a.height),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(t&&a.y-this._outerRect.top+a.height/2==e.y+t.height/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",o),c.setAttribute("x2",s),c.setAttribute("y1",a.y-this._outerRect.y+a.height/2),c.setAttribute("y2",a.y-this._outerRect.y+a.height/2),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,ii)}}}};Tt();br();ot();oe();ee();ot();yt();function W(n,e){let t=e.get(n);return t||(t=new Map,e.set(n,t),t)}var _l=class n{designerCanvas;designItemsWithExtentions=new Set;_timeout;_appliedDesignerExtensions=new WeakMap;_shouldAppliedDesignerExtensions=new WeakMap;_lastApplyEventPerType=new WeakMap;_lastPrimarySelectionRefreshItem;constructor(e){_m(),this.designerCanvas=e,e.instanceServiceContainer.selectionService.onSelectionChanged.on(this._selectedElementsChanged.bind(this)),e.instanceServiceContainer.selectionService.onSelectionRefresh.on(this._selectedElementsRefresh.bind(this)),e.instanceServiceContainer.onContentChanged.on(this._contentChanged.bind(this)),e.serviceContainer.globalContext.onToolChanged.on(()=>{this.removeExtension(e.instanceServiceContainer.selectionService.primarySelection,D.PrimarySelectionRefreshed),this._lastPrimarySelectionRefreshItem=null})}connected(){this.ensurePermanentRootExtensionsApplied(),this._timeout||(this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20))}disconnected(){this._timeout&&clearTimeout(this._timeout),this._timeout=null}refreshAllExtensionsTimeout(){this.refreshAllAppliedExtentions(),this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20)}ensurePermanentRootExtensionsApplied(){let e=this.designerCanvas.rootDesignItem;e&&(W(e,this._appliedDesignerExtensions).get(D.Permanent)?.length||this.applyExtension(e,D.Permanent))}_contentChanged(e){requestAnimationFrame(()=>{for(let t of e)switch(t.changeType){case"added":this.applyExtensions(t.designItems,D.Permanent,null,!0);break;case"moved":this.refreshExtensions(t.designItems,D.Permanent);break;case"parsed":this.ensurePermanentRootExtensionsApplied(),this.applyExtensions(Array.from(this.designerCanvas.rootDesignItem.children()),D.Permanent,null,!0);break;case"removed":this.removeExtensions(t.designItems,!0,D.Permanent);break}})}_selectedElementsChanged(e){if(this._lastPrimarySelectionRefreshItem=null,e.oldSelectedElements&&e.oldSelectedElements.length&&(this.removeExtension(e.oldSelectedElements[0],D.PrimarySelectionRefreshed),this.removeExtension(e.oldSelectedElements[0],D.PrimarySelection),this.removeExtension(e.oldSelectedElements[0],D.PrimarySelectionAndCanBeEntered),this.removeExtension(e.oldSelectedElements[0],D.OnlyOneItemSelected),this.removeExtensions(e.oldSelectedElements,!1,D.Selection),this.removeExtensions(e.oldSelectedElements,!1,D.MultipleItemsSelected),e.oldSelectedElements[0].parent)){let t=O.GetOrCreateDesignItem(e.oldSelectedElements[0].parent.element,e.oldSelectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.removeExtension(t,D.PrimarySelectionContainer),this.removeExtension(t,D.PrimarySelectionContainerAndCanBeEntered)}if(e.selectedElements&&e.selectedElements.length&&(this.applyExtensions(e.selectedElements,D.Selection,e.event),this.applyExtension(e.selectedElements[0],D.PrimarySelection,e.event),e.selectedElements.length===1?this.applyExtension(e.selectedElements[0],D.OnlyOneItemSelected,e.event):e.selectedElements.length>1&&this.applyExtension(e.selectedElements[0],D.MultipleItemsSelected,e.event),e.selectedElements[0].getPlacementService()?.isEnterableContainer(e.selectedElements[0])&&this.applyExtension(e.selectedElements[0],D.PrimarySelectionAndCanBeEntered,e.event),e.selectedElements[0].parent)){let t=O.GetOrCreateDesignItem(e.selectedElements[0].parent.element,e.selectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.applyExtension(t,D.PrimarySelectionContainer,e.event),t.getPlacementService()?.isEnterableContainer(t)&&this.applyExtension(t,D.PrimarySelectionContainerAndCanBeEntered,e.event)}}_selectedElementsRefresh(e){this.refreshAllAppliedExtentions(e.event),e.selectedElements&&e.selectedElements.length&&this._lastPrimarySelectionRefreshItem?.deref()===e.selectedElements[0]&&(this._appliedDesignerExtensions.get(e.selectedElements[0])?.get(D.PrimarySelectionRefreshed)||this.applyExtension(e.selectedElements[0],D.PrimarySelectionRefreshed,e.event)),this._lastPrimarySelectionRefreshItem=new WeakRef(e.selectedElements[0])}applyExtension(e,t,i,r=!1){if(e&&e.nodeType==A.Element){let o=this.designerCanvas.serviceContainer.designerExtensions.get(t),s=[];if(o){let a={};At();for(let l of o){let c=W(e,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(l),W(e,this._shouldAppliedDesignerExtensions).set(t,c),l.shouldExtend(this,this.designerCanvas,e)){let h=W(e,this._appliedDesignerExtensions).get(t);h||(h=[]);let p=l.getExtension(this,this.designerCanvas,e);try{p.extend(a,i),s.push(p),i?W(e,this._lastApplyEventPerType).set(t,i):W(e,this._lastApplyEventPerType).delete(t)}catch(d){console.error(d)}h.push(p),W(e,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(e)}}}if(r)for(let a of e.children())this.applyExtension(a,t,i,r);return s}return null}applyExtensions(e,t,i,r=!1){if(this.designerCanvas.overlayLayer.startBatch(),e){let o=this.designerCanvas.serviceContainer.designerExtensions.get(t);if(o){let s={};At();for(let a of o)for(let l of e){let c=W(l,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(a),W(l,this._shouldAppliedDesignerExtensions).set(t,c),a.shouldExtend(this,this.designerCanvas,l)){let h=W(l,this._appliedDesignerExtensions).get(t);h||(h=[]);let p=a.getExtension(this,this.designerCanvas,l);try{p.extend(s,i),i?W(l,this._lastApplyEventPerType).set(t,i):W(l,this._lastApplyEventPerType).delete(t)}catch(d){console.error(d)}h.push(p),W(l,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(l)}}}if(r)for(let s of e)this.applyExtensions(Array.from(s.children()),t,i,r)}this.designerCanvas.overlayLayer.endBatch()}applyExtensionInstance(e,t,i=D.Directly){let r=W(e,this._appliedDesignerExtensions).get(D.Directly);r||(r=[]);try{t.extend(null,null)}catch(o){console.error(o)}r.push(t),W(e,this._appliedDesignerExtensions).set(i,r),this.designItemsWithExtentions.add(e)}removeExtensionInstance(e,t){for(let i of W(e,this._appliedDesignerExtensions)){let r=i[1].indexOf(t);if(r>=0){try{t.dispose()}catch(o){console.error(o)}i[1].splice(r,1),i[1].length==0&&(W(e,this._appliedDesignerExtensions).delete(i[0]),W(e,this._shouldAppliedDesignerExtensions).delete(i[0])),W(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}}removeExtension(e,t){if(e)if(t){W(e,this._shouldAppliedDesignerExtensions).delete(t);let i=W(e,this._appliedDesignerExtensions).get(t);if(i){for(let r of i)try{r.dispose(),W(e,this._lastApplyEventPerType).delete(t)}catch(o){console.error(o)}W(e,this._appliedDesignerExtensions).delete(t),W(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}else{W(e,this._shouldAppliedDesignerExtensions).clear();for(let i of W(e,this._appliedDesignerExtensions))for(let r of i[1])try{r.dispose()}catch(o){console.error(o)}W(e,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(e)}}removeExtensions(e,t,i){if(e)if(i)for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),W(r,this._shouldAppliedDesignerExtensions).delete(i);let o=W(r,this._appliedDesignerExtensions).get(i);if(o){for(let s of o)try{s.dispose(),W(r,this._lastApplyEventPerType).delete(i)}catch(a){console.error(a)}W(r,this._appliedDesignerExtensions).delete(i),W(r,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(r)}}else for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),W(r,this._shouldAppliedDesignerExtensions).clear();for(let o of W(r,this._appliedDesignerExtensions))for(let s of o[1])try{s.dispose()}catch(a){console.error(a)}W(r,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(r)}}removeAllExtensions(){this.designItemsWithExtentions.forEach(e=>{W(e,this._shouldAppliedDesignerExtensions).clear();for(let t of W(e,this._appliedDesignerExtensions))for(let i of t[1])try{i.dispose()}catch(r){console.error(r)}W(e,this._appliedDesignerExtensions).clear()}),this.designItemsWithExtentions.clear()}refreshExtension(e,t,i){if(!(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())&&e)if(t)if(!e.element.isConnected)this.removeExtension(e,t);else{let r=W(e,this._appliedDesignerExtensions).get(t);if(r){let o={};At();for(let s of r)try{s.refresh(o,i),i&&W(e,this._lastApplyEventPerType).set(t,i)}catch(a){console.error(a)}}}else{let r={};At();for(let o of W(e,this._appliedDesignerExtensions))for(let s of o[1])try{s.refresh(r,i)}catch(a){console.error(a)}}}refreshExtensions(e,t,i,r,o){if(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())return;this.designerCanvas.overlayLayer.startBatch();let s=performance.now();if(e)if(t){let a={};At();e:for(let l of e)if(!l.element.isConnected)this.removeExtension(l,t);else{let c=W(l,this._appliedDesignerExtensions).get(t);if(c)for(let h of c)try{if(h!=r&&h.refresh(a,i),o&&performance.now()-s>o){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(p){console.error(p)}}}else{let a={};At();e:for(let l of e)for(let c of W(l,this._appliedDesignerExtensions))for(let h of c[1])try{if(h!=r&&(h.refresh(a,i),i&&W(l,this._lastApplyEventPerType).set(t,i),o&&performance.now()-s>o)){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(p){console.error(p)}}this.designerCanvas.overlayLayer.endBatch()}refreshAllExtensions(e,t,i){this.designerCanvas.overlayLayer.startBatch(),e&&(this.refreshExtensions(e,D.Directly,i,t),this.refreshExtensions(e,D.Permanent,i,t),this.refreshExtensions(e,D.Selection,i,t),this.refreshExtensions(e,D.PrimarySelection,i,t),this.refreshExtensions(e,D.PrimarySelectionContainer,i,t),this.refreshExtensions(e,D.MouseOver,i,t),this.refreshExtensions(e,D.OnlyOneItemSelected,i,t),this.refreshExtensions(e,D.MultipleItemsSelected,i,t),this.refreshExtensions(e,D.ContainerDragOverAndCanBeEntered,i,t),this.refreshExtensions(e,D.ContainerDrag,i,t),this.refreshExtensions(e,D.Doubleclick,i,t),this.refreshExtensions(e,D.Placement,i,t),this.refreshExtensions(e,D.PrimarySelectionAndCanBeEntered,i,t),this.refreshExtensions(e,D.PrimarySelectionContainerAndCanBeEntered,i,t)),this.designerCanvas.overlayLayer.endBatch()}refreshAllAppliedExtentions(e){this.designerCanvas.fillCalculationrects(),this.refreshAllExtensions([...this.designItemsWithExtentions],null,e)}reapplyAllAppliedExtentions(e,t){this.designerCanvas.overlayLayer.startBatch();for(let i of n.getAllChildElements(this.designerCanvas.rootDesignItem))if(!e||e.includes(i)){let r=[...W(i,this._shouldAppliedDesignerExtensions).keys()];for(let o of r){let s=W(i,this._lastApplyEventPerType).get(o);this.removeExtension(i,o),(t==null||t.includes(o))&&this.applyExtension(i,o,s)}}this.designerCanvas.overlayLayer.endBatch()}static*getAllChildElements(e){if(e.nodeType==A.Element&&(yield e),e.hasChildren)for(let t of e.children())for(let i of n.getAllChildElements(t))yield i}};It();Ja();Fe();se();import{css as Bx,html as Hx,BaseCustomWebComponentConstructorAppend as Wx}from"@node-projects/base-custom-webcomponent";var nr=class n extends Wx{static template=Hx`<svg id="svg" style="pointer-events:none"><defs id="defs"></defs><g id="background"></g><g id="normal"></g><g id="foreground"></g></svg>`;static style=Bx`svg{width:100%;height:100%;overflow:visible}.svg-invisible{stroke:transparent;fill:transparent;pointer-events:auto}.svg-snapline{stroke:var(--wcd-color-snapline,purple);stroke-dasharray:4;fill:transparent}.svg-selector{stroke:#000;fill:var(--wcd-color-selection-fill,#3899ec55);stroke-width:1;stroke-dasharray:2}.svg-primary-selection-move{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-selection,#3899ec);cursor:move;pointer-events:auto}.svg-position{stroke:#000;stroke-dasharray:2}.svg-path{stroke:var(--wcd-color-selection,#3899ec);fill:orange;pointer-events:auto}.svg-path-line{stroke:var(--wcd-color-selection,#3899ec);stroke-dasharray:2}.svg-draw-new-element{stroke:#000;fill:transparent;stroke-width:1}.svg-toolbar-container{overflow:visible}.svg-toolbar-container>div{padding:5px;display:flex;gap:2px;background:var(--wcd-overlay-toolbar-background,#fff);border-radius:4px;box-shadow:0 2px 10px 0 rgba(19,23,32,.2);align-items:center}node-projects-image-button-list-selector img{height:16px;border:1px solid var(--wcd-overlay-toolbar-button-border-color,#000);border-radius:4px;box-sizing:border-box;pointer-events:auto;cursor:pointer}node-projects-image-button-list-selector img:hover{background:var(--wcd-overlay-toolbar-button-hover-background,#d3d3d3)}node-projects-image-button-list-selector img:active{translate:1px 1px}`;static is="node-projects-overlay-layer-view";_serviceContainer;_svg;_gBackground;_gNormal;_gForeground;_defs;_id=0;constructor(e){super(),this._serviceContainer=e,this._svg=this._getDomElement("svg"),this._gBackground=this._getDomElement("background"),this._gNormal=this._getDomElement("normal"),this._gForeground=this._getDomElement("foreground"),this._defs=this._getDomElement("defs"),this._initialize()}_initialize(){let e=[n.style],t=new Set;for(let i of this._serviceContainer.designerExtensions)for(let r of i[1]){if(r.constructor.style)if(Array.isArray(r.constructor.style))for(let o of r.constructor.style)t.has(o)||(t.add(o),e.push(o));else t.has(r.constructor.style)||(t.add(r.constructor.style),e.push(r.constructor.style));if(r.style)if(Array.isArray(r.style))for(let o of r.style)t.has(o)||(t.add(o),e.push(o));else t.has(r.style)||(t.add(r.style),e.push(r.style));if(r.svgDefs){if(Array.isArray(r.svgDefs)){for(let o of r.svgDefs)if(!t.has(o)){t.add(o);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=o;for(let a of[...s.children])this._defs.appendChild(a)}}else if(!t.has(r.svgDefs)){t.add(r.svgDefs);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=r.svgDefs;for(let s of[...o.children])this._defs.appendChild(s)}}if(r.constructor.svgDefs){if(Array.isArray(r.constructor.svgDefs)){for(let o of r.constructor.svgDefs)if(!t.has(o)){t.add(o);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=o;for(let a of[...s.children])this._defs.appendChild(a)}}else if(!t.has(r.constructor.svgDefs)){t.add(r.constructor.svgDefs);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=r.constructor.svgDefs;for(let s of[...o.children])this._defs.appendChild(s)}}}for(let i of this._serviceContainer.designerPointerExtensions)if(i.style&&(t.has(i.style)||(t.add(i.style),e.push(i.style))),i.svgDefs&&!t.has(i.svgDefs)){t.add(i.svgDefs);let r=document.createElementNS("http://www.w3.org/2000/svg","defs");r.innerHTML=i.svgDefs;for(let o of[...r.children])this._defs.appendChild(o)}if(this._serviceContainer.overlayLayerViewAdditionalStyles)for(let i of this._serviceContainer.overlayLayerViewAdditionalStyles)t.has(i)||(t.add(i),e.push(i));this.shadowRoot.adoptedStyleSheets=e}backgroundFragment;foregroundFragment;normalFragment;batchCount=0;startBatch(){this.batchCount==0&&(this.backgroundFragment=document.createDocumentFragment(),this.foregroundFragment=document.createDocumentFragment(),this.normalFragment=document.createDocumentFragment()),this.batchCount++}endBatch(){this.batchCount--,this.batchCount==0&&(this.backgroundFragment.hasChildNodes&&this._gBackground.appendChild(this.backgroundFragment),this.foregroundFragment.hasChildNodes&&this._gForeground.appendChild(this.foregroundFragment),this.normalFragment.hasChildNodes&&this._gNormal.appendChild(this.normalFragment),this.backgroundFragment=null,this.foregroundFragment=null,this.normalFragment=null)}addOverlay(e,t,i=M.Normal){switch(t.setAttribute("overlay-source",e),i){case M.Background:this.backgroundFragment?this.backgroundFragment.appendChild(t):this._gBackground.appendChild(t);break;case M.Foreground:this.foregroundFragment?this.foregroundFragment.appendChild(t):this._gForeground.appendChild(t);break;default:this.normalFragment?this.normalFragment.appendChild(t):this._gNormal.appendChild(t);break}}removeOverlay(e){try{e?.parentElement?.removeChild(e)}catch(t){console.error(t)}}removeAllNodesWithClass(e){let t=this._svg.querySelectorAll("."+e);for(let i of t)i.parentNode.removeChild(i)}removeAllOverlays(){let e=this._svg.querySelectorAll("svg > g > *");for(let t of e)t.parentNode.removeChild(t)}createPoint(){return this._svg.createSVGPoint()}drawGroup(e,t,i,r){return i||(i=document.createElementNS("http://www.w3.org/2000/svg","g"),this.addOverlay(e,i,r)),t&&i.setAttribute("class",t),i}drawLine(e,t,i,r,o,s,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","line"),this.addOverlay(e,a,l)),a.setAttribute("x1",t),a.setAttribute("y1",i),a.setAttribute("x2",r),a.setAttribute("y2",o),s&&a.setAttribute("class",s),a}drawCircle(e,t,i,r,o,s,a){return s||(s=document.createElementNS("http://www.w3.org/2000/svg","circle"),this.addOverlay(e,s,a)),s.setAttribute("cx",t),s.setAttribute("cy",i),s.setAttribute("r",r),o&&s.setAttribute("class",o),s}drawRect(e,t,i,r,o,s,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","rect"),this.addOverlay(e,a,l)),a.setAttribute("x",t),a.setAttribute("y",i),a.setAttribute("width",r),a.setAttribute("height",o),s&&a.setAttribute("class",s),a}drawPath(e,t,i,r,o){return r||(r=document.createElementNS("http://www.w3.org/2000/svg","path"),this.addOverlay(e,r,o)),r.setAttribute("d",t),i&&r.setAttribute("class",i),r}drawText(e,t,i,r,o,s,a){return s||(s=document.createElementNS("http://www.w3.org/2000/svg","text"),this.addOverlay(e,s,a)),s.setAttribute("x",i),s.setAttribute("y",r),s.textContent=t,o&&s.setAttribute("class",o),s}drawHTML(e,t,i,r,o,s,a,l,c){return l||(l=document.createElementNS("http://www.w3.org/2000/svg","foreignObject"),this.addOverlay(e,l,c)),l.setAttribute("x",i),l.setAttribute("y",r),l.setAttribute("width",o),l.setAttribute("height",s),typeof t=="string"?l.innerHTML=t:l.appendChild(t),a&&l.setAttribute("class",a),l}drawTextWithBackground(e,t,i,r,o,s,a,l){if(!a){let c=document.createElementNS("http://www.w3.org/2000/svg","filter");c.setAttribute("x","0"),c.setAttribute("y","0"),c.setAttribute("width","1"),c.setAttribute("height","1"),c.setAttribute("id","solid_"+ ++this._id);let h=document.createElementNS("http://www.w3.org/2000/svg","feFlood");h.setAttribute("flood-color",o),c.appendChild(h);let p=document.createElementNS("http://www.w3.org/2000/svg","feComposite");p.setAttribute("in","SourceGraphic"),p.setAttribute("operator","xor"),c.appendChild(p),this._defs.appendChild(c);let d=document.createElementNS("http://www.w3.org/2000/svg","text");d.setAttribute("filter","url(#solid_"+this._id+")");let u=document.createElementNS("http://www.w3.org/2000/svg","text");this.addOverlay(e,d,l),this.addOverlay(e,u,l),c.setAttribute("overlay-source",e),h.setAttribute("overlay-source",e),a=[c,h,d,u]}return a[2].setAttribute("x",i),a[3].setAttribute("x",i),a[2].setAttribute("y",r),a[3].setAttribute("y",r),a[2].textContent=t,a[3].textContent=t,s&&(a[2].setAttribute("class",s),a[3].setAttribute("class",s)),a}};customElements.define(nr.is,nr);Gt();ee();Oe();function jf(n,e){let t=new n.CSSStyleSheet;return t.replaceSync(e),t}yt();$e();de();var $x=Yx`*{animation-play-state:paused!important}`,or=class extends Gx{serviceContainer;instanceServiceContainer;containerBoundingRect;outerRect;clickOverlay;_activeTool;_gridSize=10;get gridSize(){return this._gridSize}set gridSize(e){this._gridSize=e;let t=document.createElement("canvas"),i=t.getContext("2d");t.width=e*2,t.height=e*2;let r=e;for(let s=0;s<t.width;s+=r)for(let a=0;a<t.height;a+=r)i.fillStyle=(s+a)%(r*2)===0?"#e5e5e5":"white",i.fillRect(s,a,r,r);let o=t.toDataURL();this._backgroundImage="url("+o+")",this._canvas.style.backgroundImage!="none"&&(this._canvas.style.backgroundImage=this._backgroundImage)}pasteOffset=10;alignOnGrid=!1;alignOnSnap=!0;snapLines;overlayLayer;rootDesignItem;_currentPasteOffset=this.pasteOffset;_zoomFactor=1;_scaleFactor=1;_canvasOffset={x:0,y:0};_additionalStyle;_backgroundImage;_enableSelectTextNodesOnClick=!1;_moveGroup;_touchGestureHelper;get zoomFactor(){return this._zoomFactor}set zoomFactor(e){this._zoomFactor=e,this._zoomFactorChanged()}get scaleFactor(){return this._scaleFactor}get canvasOffset(){return this._canvasOffset}set canvasOffset(e){this._canvasOffset=e,this._zoomFactorChanged()}get canvasOffsetUnzoomed(){return{x:this._canvasOffset.x*this.zoomFactor,y:this._canvasOffset.y*this.zoomFactor}}set canvasOffsetUnzoomed(e){this.canvasOffset={x:e.x/this.zoomFactor,y:e.y/this.zoomFactor}}_pauseAnimations;get pauseAnimations(){return this._pauseAnimations}set pauseAnimations(e){this._pauseAnimations=e,this.applyAllStyles()}get containerOffset(){return this._useIframe?this._outercanvas2.getBoundingClientRect():{x:0,y:0}}raiseDesignItemsChanged(e,t,i){this.designItemsChanged&&this.designItemsChanged(e,t,i)}designItemsChanged;onZoomFactorChanged=new Xx;get canvas(){return this._canvas}get outercanvas2(){return this._outercanvas2}_canvas;_canvasShadowRoot;_canvasContainer;_outercanvas2;_lastHoverDesignItem;_firstConnect;static style=jx`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}*{touch-action:none}#node-projects-designer-canvas-canvasContainer{box-shadow:var(--wcd-canvas-shadow,none);background:var(--wcd-canvas-background,var(--node-projects-web-component-designer-background,border-box fixed 0 0 repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAFXmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIyMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+QmFja2dyb3VuZGdyaWRfMTBweDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgMS4xMC42IgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTEyLTA4VDA5OjE1OjQ4KzAxOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4fvgn+AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8GjRhRLCiLl7BCftTExmLkV2ExnvJr8+bNvBk1b+b13kiyVbaKEhu/FvwFbJW1UkRKlrImNug5b2ZqJplzO/d87vfec7r3XPCpSd10KnrATGXs8FhImZtfUPwvBKjCTx/Nmu5YUzOjKiXt854yL952ebVKn/vXaqIxR4eyKuEh3bIzwuPCk6sZy+Md4UY9oUWFz4Q7bbmg8J2nR3L86nE8x98e22p4GHz1wkq8iCNFrCdsU1heTpuZXNHz9/FeEoilZmcktoq34BBmjBAKE4wwTJBeBmUO0iX96ZYVJfJ7svnTpCVXl9liDZtl4iTI0CnqilSPSTREj8lIsub1/29fHaO/L1c9EILKZ9d9bwf/Nvxsue7Xkev+HEP5E1ymCvnpQxj4EH2roLUdQN0GnF8VtMguXGxC06Ol2VpWKhf3GQa8nULtPDTcQPVirmf5fU4eQF2Xr7qGvX3okPN1S790cWfsRnax1QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAC9JREFUOI1jfPr0KQNuICUlhUeWCY8cQTCqeWRoZvz//z8e6WfPntHK5lHNI0MzAMChCNMTuPcnAAAAAElFTkSuQmCC)))}#node-projects-designer-canvas-canvas{image-rendering:pixelated;box-sizing:border-box;width:100%;height:100%;transform-origin:0 0;position:absolute}#node-projects-designer-canvas-canvas.dragFileActive{outline:var(--wcd-canvas-drag-file-outline-color,#00f) 4px solid;outline-offset:-4px}node-projects-overlay-layer-view{box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:visible;user-select:none;-webkit-user-select:none;z-index:999999999999}#node-projects-designer-canvas-canvas *{cursor:pointer;user-select:none;-webkit-user-select:none}#node-projects-designer-canvas-canvas iframe{cursor:pointer;user-select:none;-webkit-user-select:none;border:none;width:100%;height:100%}#node-projects-designer-canvas-clickOverlay{position:absolute;width:100%;height:100%;top:0}#node-projects-designer-canvas-helper-element{height:0;width:0}#node-projects-designer-search-container{position:absolute;display:grid;grid-template-columns:1fr auto auto;align-items:center;justify-content:left;gap:8px;width:auto;right:10px;top:0;background:var(--wcd-canvas-search-container-background,#f2f2f2);padding:5px 6px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#node-projects-designer-search-container>#node-projects-designer-search-bar{border:1px solid var(--wcd-canvas-search-border-color,#000);padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;background-color:var(--wcd-canvas-search-background,#fff);padding:1px 2px}#node-projects-designer-search-container>div>input{height:20px;padding-left:6px;font-size:13px;border:none;outline:0}#node-projects-designer-search-container>div>#node-projects-designer-search-start{height:22px;border:none;background-color:var(--wcd-canvas-search-background,#fff);font-size:13px}#node-projects-designer-search-container>div>#node-projects-designer-search-start:hover{background-color:var(--wcd-canvas-search-button-hover-background,#d3d3d3);transition:.9s;border-radius:2px}#node-projects-designer-search-container>#node-projects-designer-search-close{position:relative;width:20px;height:20px;border:none;background-color:transparent}#node-projects-designer-search-container>span{font-family:sans-serif;font-size:12px}#node-projects-designer-search-container>#node-projects-designer-search-close::after,#node-projects-designer-search-container>#node-projects-designer-search-close::before{content:"";position:absolute;top:50%;left:50%;width:60%;background-color:var(--wcd-canvas-loading-background,#000);height:1px}#node-projects-designer-search-container>#node-projects-designer-search-close::before{transform:translate(-50%,-50%) rotate(45deg)}#node-projects-designer-search-container>#node-projects-designer-search-close::after{transform:translate(-50%,-50%) rotate(-45deg)}`;static template=Ux`<div style="display:flex;flex-direction:column;width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div style="width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-outercanvas2" style="width:100%;height:100%;position:relative;margin:0!important;padding:0!important;border:none!important;isolation:isolate!important"><div id="node-projects-designer-canvas-canvasContainer" style="width:100%;height:100%;position:absolute;top:0;left:0;user-select:none;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-canvas" part="canvas"></div></div></div><div id="node-projects-designer-canvas-clickOverlay" tabindex="0" style="pointer-events:auto;margin:0!important;padding:0!important;border:none!important"></div></div><div id="node-projects-designer-search-container" style="display:none"><div id="node-projects-designer-search-bar"><input id="node-projects-designer-search-input"> <button id="node-projects-designer-search-start">↓</button></div><span id="node-projects-designer-search-result">0 selected</span> <button id="node-projects-designer-search-close"></button></div></div>`;extensionManager;_pointerextensions;_lastCopiedPrimaryItem;_ignoreEvent;_useIframe=!0;_iframe;_window;_resizeObserver;iframes;#e=!1;get readOnly(){return this.#e}set readOnly(e){this.#e=e}constructor(e=!1){super(),this._restoreCachedInititalValues(),Qc(),this._useIframe=e,this._canvas=this._getDomElement("node-projects-designer-canvas-canvas"),this._useIframe?(this._iframe=document.createElement("iframe"),this._iframe.setAttribute("sandbox","allow-same-origin"),this._iframe.setAttribute("scrolling","no"),this.iframes=[this._iframe],this._canvas.appendChild(this._iframe),requestAnimationFrame(()=>{this._window=this._iframe.contentWindow,Qc(this._iframe.contentWindow),this._canvasShadowRoot=this._iframe.contentWindow.document})):(this._window=window,this._canvasShadowRoot=this._canvas.attachShadow({mode:"open"})),this._canvasContainer=this._getDomElement("node-projects-designer-canvas-canvasContainer"),this._outercanvas2=this._getDomElement("node-projects-designer-canvas-outercanvas2"),this.clickOverlay=this._getDomElement("node-projects-designer-canvas-clickOverlay"),this.onKeyDown=this.onKeyDown.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this._onDblClick=this._onDblClick.bind(this),this._pointerEventHandler=this._pointerEventHandler.bind(this),this._pointerEventHandlerCapture=this._pointerEventHandlerCapture.bind(this),this._onWheel=this._onWheel.bind(this),this._getDomElement("node-projects-designer-search-close").onclick=()=>this._searchHideOverlay(),this._getDomElement("node-projects-designer-search-start").onclick=()=>this._searchRun(),this._getDomElement("node-projects-designer-search-container").onkeydown=t=>{t.key==="Enter"&&this._searchRun()},this.clickOverlay.oncontextmenu=t=>t.preventDefault(),this._resizeObserver=new ResizeObserver(()=>{this.extensionManager?.refreshAllAppliedExtentions()}),this._resizeObserver.observe(this)}get designerWidth(){return this._canvasContainer.style.width}set designerWidth(e){this._canvasContainer.style.width=e,this._zoomFactorChanged()}get designerHeight(){return this._canvasContainer.style.height}set designerHeight(e){this._canvasContainer.style.height=e,this._zoomFactorChanged()}get designerPixelSize(){return{width:this._canvasContainer.offsetWidth,height:this._canvasContainer.offsetHeight}}getDesignSurfaceDimensions(){let e={width:null,height:null},t=getComputedStyle(this._canvasContainer);return this._canvasContainer.style.width&&(e.width=parseFloat(t.width)),this._canvasContainer.style.height&&(e.height=parseFloat(t.height)),e}get designerOffsetWidth(){return this._canvasContainer.offsetWidth}get designerOffsetHeight(){return this._canvasContainer.offsetHeight}set additionalStyles(e){this._additionalStyle=e,this.applyAllStyles()}get additionalStyles(){return this._additionalStyle}applyAllStyles(){if(this._window){let e=[];this._additionalStyle&&e.push(...this._additionalStyle),this.instanceServiceContainer.stylesheetService&&e.push(...this.instanceServiceContainer.stylesheetService.getStylesheets().map(t=>jf(this._window,ul.patchStylesheetSelectorForDesigner(t.content)))),this._pauseAnimations&&e.push($x),this._useIframe?this._iframe.contentWindow.document.adoptedStyleSheets=e:this._canvasShadowRoot.adoptedStyleSheets=e}else requestAnimationFrame(()=>this.applyAllStyles())}ignoreEvent(e){this._ignoreEvent=e}canExecuteCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements,r=t.canExecuteCommand(this,e,i);if(r!==null)return r}return e.type===T.screenshot?!0:e.type===T.undo?this.instanceServiceContainer.undoService.canUndo():e.type===T.redo?this.instanceServiceContainer.undoService.canRedo():e.type===T.setTool?this.serviceContainer.designerTools.has(e.parameter):e.type===T.paste?!0:e.type===T.copy||e.type===T.cut||e.type===T.delete?this.instanceServiceContainer.selectionService.primarySelection!=null&&!this.instanceServiceContainer.selectionService.primarySelection.isRootItem:!1}async executeCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements;if(await t.executeCommand(this,e,i)!=null){this.instanceServiceContainer.selectionService.setSelectedElements(null),this.instanceServiceContainer.selectionService.setSelectedElements(i);return}}switch(e.type){case T.screenshot:{Si.screenshotsEnabled||alert("you need to select current tab in next browser dialog, or screenshots will not work correctly");let a=this.instanceServiceContainer.selectionService.selectedElements;a?.length||(a=[...this.rootDesignItem.children(!0)]);let l=await this.serviceContainer.pngCreatorService.takePng(a,{removeSelection:!0});await Fu(new Blob([new Uint8Array(l)],{type:"image/png"}),"screenshot.png")}break;case T.setTool:this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(e.parameter),this.extensionManager.reapplyAllAppliedExtentions();break;case T.setStrokeColor:this.serviceContainer.globalContext.strokeColor=e.parameter;break;case T.setFillBrush:this.serviceContainer.globalContext.fillBrush=e.parameter;break;case T.setStrokeThickness:this.serviceContainer.globalContext.strokeThickness=e.parameter;break;case T.delete:this.handleDeleteCommand();break;case T.undo:this.instanceServiceContainer.undoService.undo();break;case T.holdUndo:let i=this.instanceServiceContainer.undoService.getUndoEntryNames(20),r=Array.from(i).map((a,l)=>({title:"undo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.undo()}}));r.length>0&&De.show(r,e.event,{mode:"undo"});break;case T.redo:this.instanceServiceContainer.undoService.redo();break;case T.holdRedo:let o=this.instanceServiceContainer.undoService.getRedoEntryNames(20),s=Array.from(o).map((a,l)=>({title:"redo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.redo()}}));s.length>0&&De.show(s,e.event,{mode:"undo"});break;case T.copy:this.handleCopyCommand();break;case T.cut:this.handleCopyCommand(),this.handleDeleteCommand();break;case T.paste:this.handlePasteCommand(e.altKey==!0);break;case T.selectAll:this.handleSelectAll();break}}disableBackgroud(){this._canvasContainer.style.background="var(--wcd-screenshot-background, var(--node-projects-web-component-designer-screenshot-background, white))"}enableBackground(){this._canvasContainer.style.background=""}zoomToFit(){let t=0,i=0,r=0,o=0;this.canvasOffset={x:0,y:0},this.zoomFactor=1;for(let p of this.rootDesignItem.querySelectorAll("*"))if(p instanceof(p.ownerDocument.defaultView??window).Element){let d=Z(p);r=r<d.x?r:d.x,o=o<d.y?o:d.y,t=t>d.x+d.width+10?t:d.x+d.width+10,i=i>d.y+d.height+10?i:d.y+d.height+10}let s=this.getBoundingClientRect();t-=s.x,i-=s.y;let a=s.width/(t/this.zoomFactor),l=s.height/(i/this.zoomFactor),c=this.getDesignSurfaceDimensions();c.width&&(a=s.width/c.width),c.height&&(l=s.height/c.height);let h=a<l?a:l;isNaN(h)||(this.zoomFactor=h)}handleSelectAll(){let e=Array.from(this.rootDesignItem.children(!0)).filter(i=>!i.isEmptyTextNode),t=this.instanceServiceContainer.selectionService.primarySelection;if(t){let i=e.indexOf(t);i>=0&&(e.splice(i,1),e.unshift(t))}this.instanceServiceContainer.selectionService.setSelectedElements(e)}async handleCopyCommand(){this._currentPasteOffset=this.pasteOffset,this._lastCopiedPrimaryItem=this.instanceServiceContainer.selectionService.primarySelection,await this.serviceContainer.copyPasteService.copyItems(this.instanceServiceContainer.selectionService.selectedElements)}async handlePasteCommand(e){let[t,i]=await this.serviceContainer.copyPasteService.getPasteItems(this.serviceContainer,this.instanceServiceContainer),r=this.rootDesignItem.openGroup("Insert"),o=this._lastCopiedPrimaryItem,s=this._currentPasteOffset+this.pasteOffset,a=this.rootDesignItem,l=o?.parent??this.instanceServiceContainer.selectionService.primarySelection;for(;l!=null;){let c=getComputedStyle(l.element),h;if(h=this.serviceContainer.getLastServiceWhere("containerService",p=>p.serviceForContainer(l,c)),h)if(h.canEnter(l,t)){a=l;break}else{l=l.parent;continue}}if(t){let c=this.getNormalizedElementCoordinates(a.element);for(let p=0;p<t.length;p++){let d=t[p],u=i?i[p]:null;this.instanceServiceContainer.undoService.execute(new Se(a,a.childCount,d)),!e&&u&&d.nodeType==A.Element&&(d.setStyle("left",u.x-c.x+this._currentPasteOffset+"px"),d.setStyle("top",u.y-c.y+this._currentPasteOffset+"px"))}let h=this.serviceContainer.intializationService;if(h)for(let p of t)h.init(p);this.instanceServiceContainer.selectionService.setSelectedElements(t)}r.commit(),this.snapLines.clearSnaplines(),this._lastCopiedPrimaryItem=o,this._currentPasteOffset=s}handleDeleteCommand(){let e=this.instanceServiceContainer.selectionService.selectedElements;this.serviceContainer.deletionService.removeItems(e),this.instanceServiceContainer.selectionService.setSelectedElements(null)}initialize(e){this.serviceContainer=e,this.instanceServiceContainer=new yl(this);let t=this.serviceContainer.getLastService("undoService");t&&this.instanceServiceContainer.register("undoService",t(this));let i=this.serviceContainer.getLastService("selectionService");i&&(this.instanceServiceContainer.register("selectionService",i(this)),this.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this._lastCopiedPrimaryItem=null,this._currentPasteOffset=this.pasteOffset}));let r=this.serviceContainer.getLastService("designItemDocumentPositionService");r&&this.instanceServiceContainer.register("designItemDocumentPositionService",r(this)),this._useIframe?(this.rootDesignItem=O.GetOrCreateDesignItem(this._iframe,this._iframe,this.serviceContainer,this.instanceServiceContainer),requestAnimationFrame(()=>{this.rootDesignItem.updateChildrenFromNodesChildren()})):this.rootDesignItem=O.GetOrCreateDesignItem(this._canvas,this._canvas,this.serviceContainer,this.instanceServiceContainer);let o=this.serviceContainer.getLastService("stylesheetService");if(o){let a=o(this);this.instanceServiceContainer.register("stylesheetService",a),this.instanceServiceContainer.stylesheetService.stylesheetChanged.on(l=>{if(this.instanceServiceContainer.collaborationService?.isApplyingRemoteChanges){this.applyAllStyles();return}if(l.changeSource!="undo"){let c=new ml(this.instanceServiceContainer.stylesheetService,l.name,l.newStyle,l.oldStyle);this.instanceServiceContainer.undoService.execute(c),this.applyAllStyles()}else this.applyAllStyles()}),this.instanceServiceContainer.stylesheetService.stylesheetsChanged.on(()=>{this.applyAllStyles()})}let s=this.serviceContainer.getLastService("collaborationService");if(s){let a=s(this);this.instanceServiceContainer.collaborationService=a,this.instanceServiceContainer.register("collaborationService",a)}if(e.instanceServiceContainerCreatedCallbacks?.length&&e.instanceServiceContainerCreatedCallbacks.forEach(a=>a(this.instanceServiceContainer)),this.extensionManager=new _l(this),this.instanceServiceContainer.collaborationService&&(this.instanceServiceContainer.collaborationService.onPeersChanged.on(a=>{a.source==="remote"&&this.extensionManager.refreshAllAppliedExtentions()}),this.instanceServiceContainer.collaborationService.onCommentsChanged.on(()=>{this.extensionManager.refreshAllAppliedExtentions()})),this.overlayLayer=new nr(e),this.overlayLayer.style.pointerEvents="none",this.overlayLayer.style.setProperty("margin","0","important"),this.overlayLayer.style.setProperty("padding","0","important"),this.overlayLayer.style.setProperty("border","none","important"),this.clickOverlay.appendChild(this.overlayLayer),this.snapLines=new vl(this.overlayLayer),this.snapLines.initialize(this.rootDesignItem),this.serviceContainer.designerPointerExtensions)for(let a of this.serviceContainer.designerPointerExtensions)this._pointerextensions||(this._pointerextensions=[]),this._pointerextensions.push(a.getExtension(this));if(this.children){let a=this.children;if(this.children.length==1&&this.children[0]instanceof HTMLSlotElement&&(a=this.children[0].assignedElements()),a?.length>0){let l=this.serviceContainer.getLastServiceWhere("htmlParserService",c=>c.constructor==Zt);this.addDesignItems(l.createDesignItems(a,this.serviceContainer,this.instanceServiceContainer))}}this.serviceContainer.options.zoomDesignerBackground||requestAnimationFrame(()=>{this._resizeBackgroundGrid()}),this.isConnected&&this.extensionManager.connected()}connectedCallback(){this._firstConnect||(this._firstConnect=!0,this._touchGestureHelper=cl.addTouchEvents(this.clickOverlay),this.clickOverlay.addEventListener(k.PointerDown,this._pointerEventHandler),this.clickOverlay.addEventListener(k.PointerMove,this._pointerEventHandler),this.clickOverlay.addEventListener(k.PointerMove,this._pointerEventHandlerCapture,!0),this.clickOverlay.addEventListener(k.PointerUp,this._pointerEventHandler),this.clickOverlay.addEventListener(k.DragEnter,e=>this._onDragEnter(e)),this.clickOverlay.addEventListener(k.DragLeave,e=>this._onDragLeave(e)),this.clickOverlay.addEventListener(k.DragOver,e=>this._onDragOver(e)),this.clickOverlay.addEventListener(k.Drop,e=>this._onDrop(e)),this.clickOverlay.addEventListener(k.KeyDown,this.onKeyDown),this.clickOverlay.addEventListener(k.KeyUp,this.onKeyUp),this.clickOverlay.addEventListener(k.DblClick,this._onDblClick,!0),this.clickOverlay.addEventListener(k.Wheel,this._onWheel),this.clickOverlay.addEventListener("zoom",e=>{this.zoomFactor=this.zoomFactor+e.detail.diff/10}),this.clickOverlay.addEventListener("pan",e=>{let t={x:this.canvasOffset.x-e.detail.deltaX,y:this.canvasOffset.y-e.detail.deltaY};this.canvasOffset=t})),this.extensionManager&&this.extensionManager.connected()}disconnectedCallback(){this.extensionManager.disconnected()}_zoomFactorChanged(){this._canvasContainer.style.bottom=this._outercanvas2.offsetHeight>=this._canvasContainer.offsetHeight?"0":"",this._canvasContainer.style.right=this._outercanvas2.offsetWidth>=this._canvasContainer.offsetWidth?"0":"",this._updateTransform(),this.fillCalculationrects(),this.onZoomFactorChanged.emit(this._zoomFactor),this.serviceContainer.options.zoomDesignerBackground||this._resizeBackgroundGrid()}_resizeBackgroundGrid(){let r=2e3/this.canvas.getBoundingClientRect().width;this.canvas.style.backgroundSize=r.toString()+"%"}_updateTransform(){if(this._scaleFactor=this._zoomFactor,this._useIframe){let e=this._canvasOffset.x,t=this._canvasOffset.y;this._iframe.contentWindow.scrollTo(e*-1,t*-1),e+=this._iframe.contentWindow.scrollX,t+=this._iframe.contentWindow.scrollY,this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+e+"px, "+t+"px)"}else this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+(isNaN(this._canvasOffset.x)?"0":this._canvasOffset.x)+"px, "+(isNaN(this._canvasOffset.y)?"0":this._canvasOffset.y)+"px)";this._canvasContainer.style.transformOrigin="0 0",this.overlayLayer.style.transform=this._canvasContainer.style.transform,this.overlayLayer.style.transformOrigin="0 0",this.snapLines.clearSnaplines()}setDesignItems(e){this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty();let t=new fl(e,[...this.rootDesignItem.children()]);this.instanceServiceContainer.undoService.execute(t)}_internalSetDesignItems(e){this.fillCalculationrects(),this.extensionManager.removeAllExtensions(),this.overlayLayer.removeAllOverlays(),eu.removeAllChildnodes(this.overlayLayer);for(let t of[...this.rootDesignItem.children()])this.rootDesignItem._removeChildInternal(t);this.addDesignItems(e),this.lazyTriggerReparseDocumentStylesheets(),this.instanceServiceContainer.onContentChanged.emit([{changeType:"parsed"}]),this.instanceServiceContainer.selectionService._withoutUndoSetSelectedElements(null),setTimeout(()=>this.extensionManager.refreshAllAppliedExtentions(),50)}reparseTimeout;lazyTriggerReparseDocumentStylesheets(){this.reparseTimeout&&clearTimeout(this.reparseTimeout),this.reparseTimeout=setTimeout(async()=>{await this.reparseDocumentStylesheets(),clearTimeout(this.reparseTimeout)},20)}async reparseDocumentStylesheets(){if(this.instanceServiceContainer.stylesheetService){let e=this.rootDesignItem.querySelectorAll("style"),t=1,i=[...e].map(r=>({name:"&lt;style&gt; #"+(r.id?r.id+"("+t+++")":t++),content:O.GetDesignItem(r).content,designItem:O.GetDesignItem(r)}));await this.instanceServiceContainer.stylesheetService.setDocumentStylesheets(i)}}addDesignItems(e){e&&this.rootDesignItem._insertChildsInternal(e);let t=this.serviceContainer.intializationService;if(t)for(let i of e)t.init(i);this.snapLines.clearSnaplines()}_onDragEnter(e){if(this.fillCalculationrects(),e.preventDefault(),e.dataTransfer.types.indexOf(ci)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r)}else this._lastDdElement=null}else{this._lastDdElement=null;let i=this.serviceContainer.dragDropService;i&&i.dragEnter(this,e)}}_onDragLeave(e){this.fillCalculationrects(),e.preventDefault(),this._canvas.classList.remove("dragFileActive");let t=this.serviceContainer.dragDropService;t&&t.dragLeave(this,e)}_lastDdElement=null;_onDragOver(e){if(e.preventDefault(),this.fillCalculationrects(),e.dataTransfer.types.length>0&&e.dataTransfer.types[0]=="Files"){let t=this.serviceContainer.externalDragDropService;if(t){let i=t.dragOver(this,e);e.dataTransfer.dropEffect=i,i!=="none"&&this._canvas.classList.add("dragFileActive")}}else if(e.dataTransfer.types.indexOf(ci)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r);let o=i.dragOver(this,e,r);e.dataTransfer.dropEffect=o}}else{let i=this.serviceContainer.dragDropService;i&&i.dragOver(this,e)}}async _onDrop(e){if(this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(te.Pointer),this._lastDdElement=null,e.preventDefault(),this._canvas.classList.remove("dragFileActive"),this.fillCalculationrects(),e.dataTransfer.files?.length>0){let t=this.serviceContainer.externalDragDropService;t&&t.drop(this,e)}else{let t=e.dataTransfer.getData(ci);if(t){let i=JSON.parse(t),r=this.serviceContainer.bindableObjectDragDropService;if(r){let o=this.getElementAtPoint({x:e.x,y:e.y});r.drop(this,e,i,o)}}else{let i=this.serviceContainer.dragDropService;i&&(this.fillCalculationrects(),i.drop(this,e))}}}showDesignItemContextMenu(e,t){let i=[];for(let o of this.serviceContainer.designerContextMenuExtensions)o.shouldProvideContextmenu(t,this,e,"designer")&&i.push(...o.provideContextMenuItems(t,this,e,"designer"));let r=new De(i,null);return r.display(t),r}_onDblClick(e){e.preventDefault(),e.target!==this.overlayLayer&&(e.altKey||(this.serviceContainer.globalContext.tool==null||this.serviceContainer.globalContext.tool===this.serviceContainer.designerTools.get(te.Pointer))&&(this.extensionManager.removeExtension(this.instanceServiceContainer.selectionService.primarySelection,D.PrimarySelectionRefreshed),this.extensionManager.applyExtension(this.instanceServiceContainer.selectionService.primarySelection,D.Doubleclick,e)))}_searchShowOverlay(){if(this.serviceContainer.searchService){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="",this._getDomElement("node-projects-designer-search-input").focus()}}_searchHideOverlay(){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="none"}async _searchRun(){let e=this._getDomElement("node-projects-designer-search-input");if(this._getDomElement("node-projects-designer-search-result").innerHTML="0 selected",e.value!=""){let t=await this.serviceContainer.searchService.search(this,e.value);t?.length>0&&(this.instanceServiceContainer.selectionService.setSelectedElements(t.map(i=>i.designItem)),this._getDomElement("node-projects-designer-search-result").innerHTML=t.length.toString()+" selected")}}onKeyUp(e){this._ignoreEvent!==e&&(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,null),e.defaultPrevented)||(this._moveGroup&&(this._moveGroup.commit(),this._moveGroup=null),e.preventDefault()))}onKeyDown(e){if(this._ignoreEvent!==e&&!(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,null),e.defaultPrevented))){if($(e)&&e.key==="z"&&!e.shiftKey)this.executeCommand({type:T.undo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="z"&&e.shiftKey)this.executeCommand({type:T.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="y")this.executeCommand({type:T.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="a")this.executeCommand({type:T.selectAll,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="c")this.executeCommand({type:T.copy,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="v")this.executeCommand({type:T.paste,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="x")this.executeCommand({type:T.cut,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="f")this._searchShowOverlay();else{if(!this.instanceServiceContainer.selectionService.primarySelection)return;let i=1;switch(e.shiftKey&&(i=10),e.key){case"Delete":case"Backspace":this.executeCommand({type:T.delete,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});break;case"ArrowDown":case"ArrowUp":case"ArrowLeft":case"ArrowRight":{this._moveGroup||(this._moveGroup=this.rootDesignItem.openGroup("move items"));let r={x:0,y:0};e.key=="ArrowDown"&&(r.y=-i),e.key=="ArrowUp"&&(r.y=i),e.key=="ArrowRight"&&(r.x=-i),e.key=="ArrowLeft"&&(r.x=i);for(let o of ue(this.instanceServiceContainer.selectionService.selectedElements)){let s=getComputedStyle(o.parent.element);o.serviceContainer.getLastServiceWhere("containerService",a=>a.serviceForContainer(o.parent,s)).moveElements([o],r,!1)}}break}}e.preventDefault()}}getNormalizedEventCoordinates(e){let t=(e.clientX-this.outerRect.x)/this.zoomFactor,i=this.containerBoundingRect.x-this.outerRect.x,r=(e.clientY-this.outerRect.y)/this.zoomFactor,o=this.containerBoundingRect.y-this.outerRect.y;return{x:t-i/this.zoomFactor,y:r-o/this.zoomFactor}}getViewportCoordinates(e){return{x:e.clientX-this.outerRect.x,y:e.clientY-this.outerRect.y}}getNormalizedTextNodeCoordinates(e,t){let i=document.createRange();i.selectNodeContents(e);let r=i.getBoundingClientRect(),o=this.containerOffset;return{x:o.x+(r.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:o.y+(r.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:r.width/(t?1:this.scaleFactor),height:r.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinates(e,t){if(e.nodeType==A.TextNode)return this.getNormalizedTextNodeCoordinates(e,t);let i=Z(e),r=this.containerOffset;return{x:r.x+(i.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:r.y+(i.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:i.width/(t?1:this.scaleFactor),height:i.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinatesAndRealSizes(e){let t=this.getNormalizedElementCoordinates(e),i=getComputedStyle(e),r=t.width,o=t.height;return i.boxSizing!="border-box"&&(r=r-(parseFloat(i.borderLeft)+parseFloat(i.paddingLeft)+parseFloat(i.paddingRight)+parseFloat(i.borderRight)),o=o-(parseFloat(i.borderTop)+parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderBottom))),{...t,realWidth:r,realHeight:o}}getNormalizedOffsetInElement(e,t){let i=this.getNormalizedEventCoordinates(e),r=this.getNormalizedElementCoordinates(t);return{x:i.x-r.x,y:i.y-r.y}}transformPoint(e){if(this._useIframe){let t=this._canvasContainer.getBoundingClientRect();return{x:e.x-t.x,y:e.y-t.y}}return e}elementsFromPoint(e,t){let i=[],r=this.transformPoint({x:e,y:t}),o=this._canvasShadowRoot.elementsFromPoint(r.x,r.y);for(let s of o)s.getRootNode()===this._canvasShadowRoot&&i.push(s);return i}getElementAtPoint(e,t){let i=this.transformPoint(e),r=this._canvasShadowRoot.elementsFromPoint(i.x,i.y),o=null;for(let s=0;s<r.length;s++){if(o=r[s],t&&t(o)){o=null;continue}if(o.getRootNode()!==this._canvasShadowRoot){o=null;continue}if(!this.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements&&O.GetDesignItem(o).getStyleFromSheetOrLocal("pointer-events")=="none"){o=null;continue}break}return o}getDesignItemById(e){return O.GetDesignItem(this._canvasShadowRoot.getElementById(e))}querySelectorDesignItem(e){return O.GetDesignItem(this._canvasShadowRoot.querySelector(e))}querySelectorAllDesignItems(e){return[...this._canvasShadowRoot.querySelectorAll(e)].map(t=>O.GetDesignItem(t))}_hoverElement;showHoverExtension(e,t){let i=O.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer);if(this._lastHoverDesignItem!=i&&(this._lastHoverDesignItem&&this.extensionManager.removeExtension(this._lastHoverDesignItem,D.MouseOver),i&&i!=this.rootDesignItem&&(!e.parentNode||eu.getHost(e.parentNode)!==this.overlayLayer)&&this.extensionManager.applyExtension(i,D.MouseOver,t),this._lastHoverDesignItem=i),this.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover&&this._hoverElement!==e){let r=this._hoverElement;for(;r&&r!==this._canvas;)r.removeAttribute(at),r=r.parentElement;if(this._hoverElement=null,e){for(e.nodeType==A.TextNode&&(e=e.parentElement),r=e;r&&r!==this._canvas;)r.setAttribute(at,""),r=r.parentElement;this._hoverElement=e}}}_onWheel(e){let t=this.getElementAtPoint({x:e.clientX,y:e.clientY});for(;t;){let i=getComputedStyle(t);if(i.overflowY==="scroll"||i.overflowY==="auto"){let r=t;r.scrollBy?r.scrollBy(e.deltaX,e.deltaY):(r.scrollLeft+=e.deltaX,r.scrollTop+=e.deltaY),e.stopPropagation();break}t=t.parentElement}}_pointerEventHandlerCapture(e,t=null){if(this.fillCalculationrects(),this._pointerextensions)for(let i of this._pointerextensions)i.refresh(e)}_pointerEventHandler(e,t=null){if(this._ignoreEvent===e||!this.serviceContainer||this._touchGestureHelper.multitouchEventActive)return;let i;if(t)i=t;else if(i=this.serviceContainer.elementAtPointService.getElementAtPoint(this,{x:e.x,y:e.y}),!i)i=this._canvas;else if(this._enableSelectTextNodesOnClick){let s=this.getNormalizedEventCoordinates(e);for(let a of i.childNodes)if(a.nodeType==A.TextNode){let l=this.getNormalizedElementCoordinates(a);if(l.x<=s.x&&l.x+l.width>=s.x&&l.y<=s.y&&l.y+l.height>=s.y){i=a;break}}}if(this._activeTool){this._activeTool.pointerEventHandler(this,e,i);return}this.clickOverlay.style.cursor=this._canvas.style.cursor;let r=O.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);this.showHoverExtension(r.element,e),i&&eu.getHost(i.parentNode)===this.overlayLayer&&(i=this.instanceServiceContainer.selectionService.primarySelection?.element??this._canvas);let o=this.serviceContainer.globalContext.tool??this.serviceContainer.designerTools.get(te.Pointer);o.pointerEventHandler(this,e,i),this._canvas.style.cursor=o.cursor}captureActiveTool(e){this._activeTool=e}releaseActiveTool(){this._activeTool=null}get activeTool(){return this.serviceContainer.globalContext.tool}fillCalculationrects(){this.containerBoundingRect=this._canvasContainer.getBoundingClientRect(),this.outerRect=this._outercanvas2.getBoundingClientRect()}removeOverlay(e){this.overlayLayer.removeOverlay(e)}zoomOntoRectangle(e,t){let i={x:e.x<t.x?e.x:t.x,y:e.y<t.y?e.y:t.y,width:Math.abs(e.x-t.x),height:Math.abs(e.y-t.y)},r=this.outerRect.width/i.width,o=this.outerRect.height/i.height,s=r>=o?o:r,a={x:i.width/2+i.x,y:i.height/2+i.y};this.zoomPoint(a,s)}zoomPoint(e,t){this.zoomFactor=t;let i={x:-e.x+this.outerRect.width/this.zoomFactor/2,y:-e.y+this.outerRect.height/this.zoomFactor/2};this.canvasOffset=i}zoomConvertEventToViewPortCoordinates(e){let t=this.containerBoundingRect.x-this.outerRect.x,i=this.containerBoundingRect.y-this.outerRect.y;return{x:(e.x+t/this.zoomFactor)*this.zoomFactor,y:(e.y+i/this.zoomFactor)*this.zoomFactor}}zoomTowardsPoint(e,t){let i=t/this.zoomFactor,r=this.zoomConvertEventToViewPortCoordinates(e),o={x:-(r.x*(i-1)+i*-this.canvasOffsetUnzoomed.x),y:-(r.y*(i-1)+i*-this.canvasOffsetUnzoomed.y)};this.zoomFactor=t,this.canvasOffsetUnzoomed=o}};customElements.define("node-projects-designer-canvas",or);st();br();me();Tt();_t();Mt();import{BaseCustomWebComponentConstructorAppend as Kx,css as Qx,html as Zx}from"@node-projects/base-custom-webcomponent";var Xr=class extends Kx{static style=Qx`node-projects-designer-tools-buttons{height:100%;width:100%}#toolButtons{scrollbar-width:none;overflow-y:auto;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px}#toolButtons::-webkit-scrollbar{display:none}#popup{position:absolute;top:calc(0px + 10px);height:100%;left:calc(100% + 10px)}`;static template=Zx`<div id="popup"></div><div id="toolButtons"></div>`;_toolButtonsElem;_serviceContainer;_popupContainer;designerView;constructor(){super(),this._toolButtonsElem=this._getDomElement("toolButtons"),this._toolButtonsElem.onwheel=e=>e.stopPropagation(),this._popupContainer=this._getDomElement("popup")}initialize(e,t){this._serviceContainer=e,this.designerView=t;for(let i of this._serviceContainer.designViewToolbarButtons)this._toolButtonsElem.appendChild(i.provideButton(t.designerCanvas));this._serviceContainer.globalContext.onToolChanged.on(i=>{for(let r of this._toolButtonsElem.children)r instanceof we&&r.setActiveTool(i.newValue.name)})}showPopup(e){if(this._popupContainer.children.length)this._popupContainer.innerHTML="";else{let t;typeof e.popup=="string"?t=document.createElement(e.popup):t=new e.popup(this.designerView.designerCanvas),t instanceof xe?xe.showWindow(t,e):this._popupContainer.appendChild(t)}}setTool(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:T.setTool,parameter:e})}};customElements.define("node-projects-designer-toolbar",Xr);function Yf(n,e,t,i){return{x:n/t/2-i.x,y:e/t/2-i.y}}var xl=class{_repeatDelay;_repeatRate;_repeatTimeout;_repeatInterval;constructor(e=350,t=100/6){this._repeatDelay=e,this._repeatRate=t}start(e,t=e){this.stop(),e(),this._repeatTimeout=setTimeout(()=>{t(),this._repeatInterval=setInterval(t,this._repeatRate)},this._repeatDelay)}stop(){this._repeatTimeout!=null&&(clearTimeout(this._repeatTimeout),this._repeatTimeout=null),this._repeatInterval!=null&&(clearInterval(this._repeatInterval),this._repeatInterval=null)}};var Ci=class extends tb{_sVert;_sHor;get serviceContainer(){return this._designerCanvas.serviceContainer}set serviceContainer(e){this._designerCanvas.serviceContainer=e}get instanceServiceContainer(){return this._designerCanvas.instanceServiceContainer}set instanceServiceContainer(e){this._designerCanvas.instanceServiceContainer=e}_designerCanvas;get designerCanvas(){return this._designerCanvas}get readOnly(){return this._designerCanvas.readOnly}set readOnly(e){this._designerCanvas.readOnly=e}_zoomInput;_lowertoolbar;_toolbar;_zoomHoldRepeater=new xl;_zoomPointerId;_zoomPointerTarget;static style=qx`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden}*{touch-action:none}#lowertoolbar{height:var(--wcd-designer-view-statusbar-height,28px);box-sizing:border-box;background:var(--wcd-designer-view-statusbar-background,#787f82);color:var(--wcd-designer-view-statusbar-color,#354348);display:flex;align-items:center;gap:4px;font-size:12px;overflow-x:auto;scrollbar-width:none;padding:2px 6px;bottom:0;position:absolute;width:100%}#zoomInput{flex:0 0 52px;box-sizing:border-box;width:52px;height:24px;padding:0 4px;border:1px solid transparent;border-radius:4px;background:0 0;color:inherit;font-family:inherit;font-size:11px;text-align:center}.toolbar-control{box-sizing:border-box;font:inherit;flex:0 0 24px;width:24px;height:24px;padding:4px;border:0;border-radius:4px;background:0 0;color:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center}.toolbar-control-input{flex-basis:52px;width:52px;padding:0}.toolbar-control-input input{box-sizing:border-box;width:100%;min-width:0;height:24px;padding:0 4px;border:1px solid var(--wcd-color-border,#596c7a);border-radius:4px;font:inherit;color:inherit;background:var(--wcd-input-background-color,#fff)}.toolbar-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#zoomInput:focus-visible,.toolbar-control-input input:focus-visible,.toolbar-control:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}.toolbar-separator{height:14px;margin:0 2px;border-left:1px solid var(--wcd-color-border,#596c7a)}.selected{background-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}.toolbar-control:hover{background-color:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6))}#outer{user-select:none;display:flex;flex-direction:column;width:100%;height:100%}#canvas{left:28px;width:calc(100% - 28px - 16px);height:calc(100% - var(--wcd-designer-view-statusbar-height,28px) - 16px)}#tool-bar{width:28px;height:calc(100% - var(--wcd-designer-view-statusbar-height,28px) - 16px);position:absolute;background-color:var(--wcd-designer-view-toolbar-background,var(--wcd-designer-view-statusbar-background,#787f82));color:var(--wcd-designer-view-statusbar-color,#354348)}.bottom-scroll{width:calc(100% - 16px);position:absolute;bottom:var(--wcd-designer-view-statusbar-height,28px);height:16px;box-sizing:border-box;z-index:1}.right-scroll{height:calc(100% - var(--wcd-designer-view-statusbar-height,28px) - 16px);position:absolute;right:0;top:0;width:16px;box-sizing:border-box;z-index:1}.bottom-right{width:16px;height:16px;bottom:var(--wcd-designer-view-statusbar-height,28px);right:0;position:absolute;background:var(--wcd-designer-view-corner-background,#f0f0f0)}`;static template=eb`<div id="outer"><node-projects-plain-scrollbar id="s-hor" value="0.5" class="bottom-scroll"></node-projects-plain-scrollbar><node-projects-plain-scrollbar id="s-vert" value="0.5" orientation="vertical" class="right-scroll"></node-projects-plain-scrollbar><div class="bottom-right"></div><div id="lowertoolbar" role="group" aria-label="Canvas controls"><input id="zoomInput" type="text" value="100%" aria-label="Zoom percentage"> <button type="button" title="Zoom out" aria-label="Zoom out" id="zoomDecrease" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14"/></svg></button> <button type="button" title="Zoom in" aria-label="Zoom in" id="zoomIncrease" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg></button> <button type="button" title="Reset zoom to 100%" aria-label="Reset zoom to 100%" id="zoomReset" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 9l2-2v10M15 9l2-2v10"/><path d="M11 10h.01M11 14h.01" stroke-width="2.5"/></svg></button> <button type="button" title="Zoom to fit" aria-label="Zoom to fit" id="zoomFit" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 3H3v5m13-5h5v5M3 16v5h5m13-5v5h-5"/><rect x="7" y="7" width="10" height="10" rx="1"/></svg></button> <span class="toolbar-separator" aria-hidden="true"></span> <button type="button" title="Snap to grid (right-click to set grid size)" aria-label="Snap to grid" aria-pressed="false" id="alignGrid" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18m6-18v18M3 9h18M3 15h18"/></svg></button> <button type="button" title="Snap to elements" aria-label="Snap to elements" aria-pressed="false" id="alignSnap" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 4h4v9a3 3 0 0 0 6 0V4h4v9a7 7 0 0 1-14 0V4Z"/><path d="M5 8h4m6 0h4"/></svg></button></div></div>`;constructor(e=!1){super(),this._restoreCachedInititalValues(),this._sVert=this._getDomElement("s-vert"),this._sHor=this._getDomElement("s-hor");let t=this._getDomElement("outer");this._designerCanvas=new or(e),this._designerCanvas.id="canvas",this._designerCanvas.appendChild(document.createElement("slot")),t.insertAdjacentElement("afterbegin",this._designerCanvas),this._toolbar=new Xr,this._toolbar.id="tool-bar",this._sVert.insertAdjacentElement("afterend",this._toolbar),this._designerCanvas.onZoomFactorChanged.on(()=>{this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%";let h=this.designerCanvas.canvasOffset,p=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,d=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._sHor.value=h.x/(-2*p)+.5,this._sVert.value=h.y/(-2*d)+.5}),this._zoomInput=this._getDomElement("zoomInput"),this._zoomInput.onkeydown=h=>{h.key=="Enter"&&this._zoomAroundViewportCenter(parseFloat(this._zoomInput.value)/100)},this._zoomInput.onblur=()=>{this._zoomAroundViewportCenter(parseFloat(this._zoomInput.value)/100)},this._zoomInput.onclick=this._zoomInput.select;let i=this._getDomElement("zoomIncrease");this._configureZoomButton(i,1);let r=this._getDomElement("zoomDecrease");this._configureZoomButton(r,-1);let o=this._getDomElement("zoomReset");o.onclick=()=>{this.zoomReset()};let s=this._getDomElement("zoomFit");s.onclick=()=>{this.zoomToFit()},this.addEventListener(k.Wheel,h=>this._onWheel(h));let a=(h,p)=>{h.classList.toggle("selected",p),h.setAttribute("aria-pressed",String(p))},l=this._getDomElement("alignSnap");l.onclick=()=>{this._designerCanvas.alignOnSnap=!this._designerCanvas.alignOnSnap,a(l,this._designerCanvas.alignOnSnap)},a(l,this._designerCanvas.alignOnSnap),l.oncontextmenu=h=>{h.preventDefault()};let c=this._getDomElement("alignGrid");c.onclick=()=>{this._designerCanvas.alignOnGrid=!this._designerCanvas.alignOnGrid,a(c,this._designerCanvas.alignOnGrid)},a(c,this._designerCanvas.alignOnGrid),c.oncontextmenu=h=>{h.preventDefault();let p=prompt("raster size",this.designerCanvas.gridSize.toString());if(p){let d=parseInt(p);d>0&&(this.designerCanvas.gridSize=d)}},this._lowertoolbar=this._getDomElement("lowertoolbar"),this._lowertoolbar.onwheel=h=>h.stopPropagation(),this._sVert.addEventListener("scrollbar-input",h=>this._onScrollbar(h)),this._sHor.addEventListener("scrollbar-input",h=>this._onScrollbar(h))}zoomReset(){this._designerCanvas.canvasOffset={x:0,y:0},this._designerCanvas.zoomFactor=1,this._sVert.value=.5,this._sHor.value=.5,this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%"}zoomToFit(){this._designerCanvas.zoomToFit()}_zoomAroundViewportCenter(e){if(!Number.isFinite(e)||e<=0)return;let t=this._designerCanvas.outerRect,i=Yf(t.width,t.height,this._designerCanvas.zoomFactor,this._designerCanvas.canvasOffset);this._designerCanvas.zoomPoint(i,e)}_configureZoomButton(e,t){e.onclick=i=>{i.detail===0&&this._zoomStep(t)},e.onpointerdown=i=>{if(!(!i.isPrimary||i.button!=0)){this._stopZoomRepeat(),this._zoomPointerId=i.pointerId,this._zoomPointerTarget=e;try{e.setPointerCapture(i.pointerId)}catch{}this._zoomHoldRepeater.start(()=>this._zoomStep(t),()=>this._zoomStep(t,4)),i.preventDefault()}},e.onpointerup=i=>this._stopZoomRepeat(i.pointerId),e.onpointercancel=i=>this._stopZoomRepeat(i.pointerId),e.onlostpointercapture=i=>this._stopZoomRepeat(i.pointerId),e.oncontextmenu=i=>i.preventDefault()}_zoomStep(e,t=1){let i=this._designerCanvas.zoomFactor;if(e>0){let r=(i>.1?.1:.01)/t;this._zoomAroundViewportCenter(i+r)}else{let r=(i>.11?.1:.01)/t;this._zoomAroundViewportCenter(Math.max(i-r,.001))}}_stopZoomRepeat(e){if(e!=null&&e!==this._zoomPointerId)return;let t=this._zoomPointerId,i=this._zoomPointerTarget;if(this._zoomPointerId=null,this._zoomPointerTarget=null,this._zoomHoldRepeater.stop(),i&&t!=null)try{i.hasPointerCapture(t)&&i.releasePointerCapture(t)}catch{}}_onScrollbar(e){e?.detail=="incrementLarge"?e.target.value+=.25:e?.detail=="decrementLarge"?e.target.value-=.25:e?.detail=="incrementSmall"?e.target.value+=.05:e?.detail=="decrementSmall"&&(e.target.value-=.05);let t=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,i=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight,r=t*(this._sHor.value-.5)*-2,o=i*(this._sVert.value-.5)*-2;this.designerCanvas.canvasOffset={x:r,y:o}}_onWheel(e){if(e.preventDefault(),e.ctrlKey){let t=this._designerCanvas.zoomFactor,i=e.deltaY<0?1:-1;t*=Math.exp(i*.2),t<.02&&(t=.02);let r=this.designerCanvas.getNormalizedEventCoordinates(e);this.designerCanvas.zoomTowardsPoint(r,t)}else e.shiftKey?(this._sHor.value+=e.deltaY/1e4,this._onScrollbar(null)):(this._sVert.value+=e.deltaY/1e4,this._onScrollbar(null),this._sHor.value+=e.deltaX/1e4,this._onScrollbar(null))}get designerWidth(){return this._designerCanvas.designerWidth}set designerWidth(e){this._designerCanvas.designerWidth=e}get designerHeight(){return this._designerCanvas.designerHeight}set designerHeight(e){this._designerCanvas.designerHeight=e}set additionalStyles(e){this._designerCanvas.additionalStyles=e}setDesignItems(e){this._designerCanvas.setDesignItems(e)}async executeCommand(e){this._designerCanvas.executeCommand(e)}canExecuteCommand(e){return this._designerCanvas.canExecuteCommand(e)}initialize(e){if(this.serviceContainer=e,this._designerCanvas.initialize(e),e.designViewConfigButtons)for(let t of e.designViewConfigButtons)for(let i of t.provideButtons(this,this._designerCanvas))this._lowertoolbar.appendChild(i);this._toolbar.initialize(this.serviceContainer,this)}getDesignerHTML(){return this._designerCanvas.rootDesignItem.childCount>0?J.ConvertToString(Array.from(this._designerCanvas.rootDesignItem.children()),!0,!0):this.serviceContainer.htmlWriterService.supportsRootItemWrite?J.ConvertToString([this._designerCanvas.rootDesignItem],!0,!0):""}async parseDesignerHTML(e,t=!1){let i=this.serviceContainer.htmlParserService;if(!e)this._designerCanvas.overlayLayer.removeAllOverlays(),Jx.removeAllChildnodes(this._designerCanvas.overlayLayer),this._designerCanvas.rootDesignItem.clearChildren();else{let r=await i.parse(e,this.serviceContainer,this.instanceServiceContainer,!1);t?this._designerCanvas._internalSetDesignItems(r):this._designerCanvas.setDesignItems(r)}}static wrapInDesigner(e,t){let i=new or;i.initialize(t);let r=i.serviceContainer.getLastServiceWhere("htmlParserService",o=>o.constructor==Zt);return i.addDesignItems(r.createDesignItems(e,i.serviceContainer,i.instanceServiceContainer)),i}};customElements.define("node-projects-designer-view",Ci);var tu=class extends Ci{constructor(){super()}async ready(){let e=await(await Promise.resolve().then(()=>(ll(),cf))).default;this.initialize(e())}};customElements.define("node-projects-default-configured-designer-view",tu);st();Cp();bp();kp();var Uf=class{constructor(e){this.distance=e}distance;provideButton(e){let t=document.createElement("div");return t.style.marginTop=this.distance+"px",t}};Ep();wp();Zp();Nd();Vr();Mt();kh();Ih();Dh();Lh();Sp();xp();Pp();Uo();_t();It();sd();uh();hp();pp();dp();Fh();Sh();Bh();dh();zh();Gh();wh();Vd();Rd();ct();se();ot();le();Uh();Xh();ih();sh();Cd();Ed();rl();jd();ud();Fp();ta();jh();Yh();Ip();Dp();$h();ps();ch();hh();qp();Jp();pd();dd();Ue();Bi();xr();Tc();Mc();Lc();Oc();Vc();Nc();Ue();var Xf=class{read(e){let i=getComputedStyle(e).clipPath||e.getAttribute("style")?.match(/clip-path\s*:\s*([^;]+)/)?.[1]||"";return this._parse(i)}serialize(e){return[{attribute:"style:clipPath",value:this._serializeGeometry(e)}]}_parse(e){let t=e.trim();return t.startsWith("polygon(")?this._parsePolygon(t):t.startsWith("circle(")?this._parseCircle(t):t.startsWith("ellipse(")?this._parseEllipse(t):t.startsWith("path(")?this._parsePath(t):{segments:[],closed:!1}}_parsePolygon(e){let t=e.slice(8,-1).trim(),i=[],r=t.split(",");for(let o=0;o<r.length;o++){let s=r[o].trim().split(/\s+/);if(s.length>=2){let a=parseFloat(s[0]),l=parseFloat(s[1]);!isNaN(a)&&!isNaN(l)&&i.push({type:o===0?w.Move:w.Line,relative:!1,point:{x:a,y:l}})}}return i.length>0&&i.push({type:w.Close,relative:!1,point:{...i[0].point}}),{segments:i,closed:!0}}_parseCircle(e){let t=e.slice(7,-1).trim(),i=t.indexOf(" at "),r=50,o=50,s=50;if(i>=0){r=parseFloat(t.substring(0,i));let l=t.substring(i+4).trim().split(/\s+/);o=parseFloat(l[0])||50,s=parseFloat(l[1])||50}else r=parseFloat(t)||50;return{segments:[{type:w.Move,relative:!1,point:{x:o,y:s-r}},{type:w.Arc,relative:!1,point:{x:o+r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s+r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o-r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s-r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:o,y:s-r}}],closed:!0}}_parseEllipse(e){let t=e.slice(8,-1).trim(),i=t.indexOf(" at "),r=50,o=25,s=50,a=50;if(i>=0){let c=t.substring(0,i).trim().split(/\s+/);r=parseFloat(c[0])||50,o=parseFloat(c[1])||25;let h=t.substring(i+4).trim().split(/\s+/);s=parseFloat(h[0])||50,a=parseFloat(h[1])||50}return{segments:[{type:w.Move,relative:!1,point:{x:s,y:a-o}},{type:w.Arc,relative:!1,point:{x:s+r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a+o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s-r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a-o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:s,y:a-o}}],closed:!0}}_parsePath(e){let t=e.match(/path\(\s*["']([^"']+)["']\s*\)/);if(!t)return{segments:[],closed:!1};let i="http://www.w3.org/2000/svg",r=document.createElementNS(i,"svg"),o=document.createElementNS(i,"path");o.setAttribute("d",t[1]),r.appendChild(o),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",document.body.appendChild(r);try{let{SvgPathGeometryReader:s}=(xr(),du(Ac));return new s().read(o)}catch{return{segments:[],closed:!1}}finally{document.body.removeChild(r)}}_serializeGeometry(e){let t=e.segments.filter(o=>o.type!==w.Close);if(t.length===0)return"none";let i=t.filter(o=>o.type===w.Arc);if(i.length>=3&&i[0].arc){let o=t,s=o[0].point,a=o[1].point,l=o[2].point,c=o[3].point,h=(a.x+c.x)/2,p=(s.y+l.y)/2,d=Math.abs(a.x-c.x)/2,u=Math.abs(l.y-s.y)/2;return Math.abs(d-u)<.01?`circle(${d}px at ${h}px ${p}px)`:`ellipse(${d}px ${u}px at ${h}px ${p}px)`}return`polygon(${t.map(o=>`${o.point.x}px ${o.point.y}px`).join(", ")})`}};Ue();var $f=class{read(e){let i=getComputedStyle(e).shapeOutside||e.getAttribute("style")?.match(/shape-outside\s*:\s*([^;]+)/)?.[1]||"";return this._parse(i)}serialize(e){return[{attribute:"style:shapeOutside",value:this._serializeGeometry(e)}]}_parse(e){let t=e.trim();return t.startsWith("polygon(")?this._parsePolygon(t):t.startsWith("circle(")?this._parseCircle(t):t.startsWith("ellipse(")?this._parseEllipse(t):{segments:[],closed:!1}}_parsePolygon(e){let t=e.slice(8,-1).trim(),i=[],r=t.split(",");for(let o=0;o<r.length;o++){let s=r[o].trim().split(/\s+/);if(s.length>=2){let a=parseFloat(s[0]),l=parseFloat(s[1]);!isNaN(a)&&!isNaN(l)&&i.push({type:o===0?w.Move:w.Line,relative:!1,point:{x:a,y:l}})}}return i.length>0&&i.push({type:w.Close,relative:!1,point:{...i[0].point}}),{segments:i,closed:!0}}_parseCircle(e){let t=e.slice(7,-1).trim(),i=t.indexOf(" at "),r=50,o=50,s=50;if(i>=0){r=parseFloat(t.substring(0,i));let l=t.substring(i+4).trim().split(/\s+/);o=parseFloat(l[0])||50,s=parseFloat(l[1])||50}else r=parseFloat(t)||50;return{segments:[{type:w.Move,relative:!1,point:{x:o,y:s-r}},{type:w.Arc,relative:!1,point:{x:o+r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s+r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o-r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s-r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:o,y:s-r}}],closed:!0}}_parseEllipse(e){let t=e.slice(8,-1).trim(),i=t.indexOf(" at "),r=50,o=25,s=50,a=50;if(i>=0){let c=t.substring(0,i).trim().split(/\s+/);r=parseFloat(c[0])||50,o=parseFloat(c[1])||25;let h=t.substring(i+4).trim().split(/\s+/);s=parseFloat(h[0])||50,a=parseFloat(h[1])||50}return{segments:[{type:w.Move,relative:!1,point:{x:s,y:a-o}},{type:w.Arc,relative:!1,point:{x:s+r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a+o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s-r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a-o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:s,y:a-o}}],closed:!0}}_serializeGeometry(e){let t=e.segments.filter(o=>o.type!==w.Close);if(t.length===0)return"none";let i=t.filter(o=>o.type===w.Arc);if(i.length>=3&&i[0].arc){let o=t,s=o[0].point,a=o[1].point,l=o[2].point,c=o[3].point,h=(a.x+c.x)/2,p=(s.y+l.y)/2,d=Math.abs(a.x-c.x)/2,u=Math.abs(l.y-s.y)/2;return Math.abs(d-u)<.01?`circle(${d}px at ${h}px ${p}px)`:`ellipse(${d}px ${u}px at ${h}px ${p}px)`}return`polygon(${t.map(o=>`${o.point.x}px ${o.point.y}px`).join(", ")})`}};Ue();var Kf=class{read(e){let i=getComputedStyle(e).offsetPath||e.getAttribute("style")?.match(/offset-path\s*:\s*([^;]+)/)?.[1]||"";return this._parse(i)}serialize(e){return[{attribute:"style:offsetPath",value:this._serializeGeometry(e)}]}_parse(e){let t=e.trim();return t.startsWith("polygon(")?this._parsePolygon(t):t.startsWith("circle(")?this._parseCircle(t):t.startsWith("ellipse(")?this._parseEllipse(t):t.startsWith("path(")?this._parsePath(t):{segments:[],closed:!1}}_parsePolygon(e){let t=e.slice(8,-1).trim(),i=[],r=t.split(",");for(let o=0;o<r.length;o++){let s=r[o].trim().split(/\s+/);if(s.length>=2){let a=parseFloat(s[0]),l=parseFloat(s[1]);!isNaN(a)&&!isNaN(l)&&i.push({type:o===0?w.Move:w.Line,relative:!1,point:{x:a,y:l}})}}return i.length>0&&i.push({type:w.Close,relative:!1,point:{...i[0].point}}),{segments:i,closed:!0}}_parseCircle(e){let t=e.slice(7,-1).trim(),i=t.indexOf(" at "),r=50,o=50,s=50;if(i>=0){r=parseFloat(t.substring(0,i));let l=t.substring(i+4).trim().split(/\s+/);o=parseFloat(l[0])||50,s=parseFloat(l[1])||50}else r=parseFloat(t)||50;return{segments:[{type:w.Move,relative:!1,point:{x:o,y:s-r}},{type:w.Arc,relative:!1,point:{x:o+r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s+r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o-r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s-r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:o,y:s-r}}],closed:!0}}_parseEllipse(e){let t=e.slice(8,-1).trim(),i=t.indexOf(" at "),r=50,o=25,s=50,a=50;if(i>=0){let c=t.substring(0,i).trim().split(/\s+/);r=parseFloat(c[0])||50,o=parseFloat(c[1])||25;let h=t.substring(i+4).trim().split(/\s+/);s=parseFloat(h[0])||50,a=parseFloat(h[1])||50}return{segments:[{type:w.Move,relative:!1,point:{x:s,y:a-o}},{type:w.Arc,relative:!1,point:{x:s+r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a+o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s-r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a-o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:s,y:a-o}}],closed:!0}}_parsePath(e){let t=e.match(/path\(\s*["']([^"']+)["']\s*\)/);if(!t)return{segments:[],closed:!1};let i="http://www.w3.org/2000/svg",r=document.createElementNS(i,"svg"),o=document.createElementNS(i,"path");o.setAttribute("d",t[1]),r.appendChild(o),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",document.body.appendChild(r);try{let{SvgPathGeometryReader:s}=(xr(),du(Ac));return new s().read(o)}catch{return{segments:[],closed:!1}}finally{document.body.removeChild(r)}}_serializeGeometry(e){let t=e.segments.filter(o=>o.type!==w.Close);if(t.length===0)return"none";let i=t.filter(o=>o.type===w.Arc);if(i.length>=3&&i[0].arc){let o=t,s=o[0].point,a=o[1].point,l=o[2].point,c=o[3].point,h=(a.x+c.x)/2,p=(s.y+l.y)/2,d=Math.abs(a.x-c.x)/2,u=Math.abs(l.y-s.y)/2;return Math.abs(d-u)<.01?`circle(${d}px at ${h}px ${p}px)`:`ellipse(${d}px ${u}px at ${h}px ${p}px)`}return`polygon(${t.map(o=>`${o.point.x}px ${o.point.y}px`).join(", ")})`}};ah();lh();Wc();Gc();gh();yh();$e();Oe();yt();le();Ro();var bl=class extends F{_skewXLine;_skewYLine;_skewXCircle;_skewYCircle;_skewXReferencePoint={x:0,y:0};_skewYReferencePoint={x:0,y:0};_activeAxis=null;_baseTransform="";_skewX=0;_skewY=0;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!i)return;let r=[i.p1,i.p2,i.p3,i.p4];if(r.some(u=>!Number.isFinite(u.x)||!Number.isFinite(u.y))){this.remove();return}let o=this.designerCanvas.zoomFactor;if(!this._valuesHaveChanges(o,...r.flatMap(u=>[u.x,u.y])))return;let s=Xi(i),a=Be(i.p1,i.p2,s,56/o,{x:0,y:-1}),l=Be(i.p1,i.p2,s,48/o,{x:0,y:-1}),c=Be(i.p1,i.p2,s,38/o,{x:0,y:-1}),h=Be(i.p2,i.p3,s,30/o,{x:1,y:0}),p=Be(i.p2,i.p3,s,22/o,{x:1,y:0}),d=Be(i.p2,i.p3,s,6/o,{x:1,y:0});this._skewXLine=this._drawLine(l.x,l.y,c.x,c.y,"svg-primary-skew-line",this._skewXLine),this._skewYLine=this._drawLine(p.x,p.y,d.x,d.y,"svg-primary-skew-line",this._skewYLine),this._skewXLine.style.strokeWidth=(1/o).toString(),this._skewYLine.style.strokeWidth=(1/o).toString(),this._skewXCircle?this._skewXCircle=this._drawCircle(a.x,a.y,5/o,"svg-primary-skew",this._skewXCircle):(this._skewXCircle=this._drawCircle(a.x,a.y,5/o,"svg-primary-skew",this._skewXCircle),this._skewXCircle.addEventListener("pointerdown",u=>this._handlePointerEvent("x",u)),this._skewXCircle.addEventListener("pointermove",u=>this._handlePointerEvent("x",u)),this._skewXCircle.addEventListener("pointerup",u=>this._handlePointerEvent("x",u))),this._skewXCircle.style.strokeWidth=(1/o).toString(),this._skewXCircle.style.cursor="ew-resize",this._skewYCircle?this._skewYCircle=this._drawCircle(h.x,h.y,5/o,"svg-primary-skew",this._skewYCircle):(this._skewYCircle=this._drawCircle(h.x,h.y,5/o,"svg-primary-skew",this._skewYCircle),this._skewYCircle.addEventListener("pointerdown",u=>this._handlePointerEvent("y",u)),this._skewYCircle.addEventListener("pointermove",u=>this._handlePointerEvent("y",u)),this._skewYCircle.addEventListener("pointerup",u=>this._handlePointerEvent("y",u))),this._skewYCircle.style.strokeWidth=(1/o).toString(),this._skewYCircle.style.cursor="ns-resize",this._skewYCircle.style.fill="#eaf5ff"}_handlePointerEvent(e,t){t.stopPropagation();let i=t.target;switch(t.type){case"pointerdown":i.setPointerCapture(t.pointerId),this._readPersistedTransform(),e==="x"?this._skewXReferencePoint=this._getSkewReferencePoint("x"):this._skewYReferencePoint=this._getSkewReferencePoint("y"),this._activeAxis=e;break;case"pointermove":if(this._activeAxis===e&&t.buttons>0){let r=this._getSkewAngle(e,t);e==="x"?this._skewX=r:this._skewY=r,this._setPreviewTransform()}break;case"pointerup":if(this._activeAxis===e){i.releasePointerCapture(t.pointerId);let r=this._getSkewAngle(e,t);e==="x"?this._skewX=r:this._skewY=r,this._commitTransform(),this._activeAxis=null}break}}_readPersistedTransform(){let{baseTransform:e,skewX:t,skewY:i}=this._parseTransform(this.extendedItem.getStyleFromSheetOrLocal("transform")??"");this._baseTransform=e,this._skewX=t,this._skewY=i}_getSkewReferencePoint(e){let t=this.extendedItem.element,i=Ee(this.extendedItem.element),r=this.designerCanvas.zoomFactor,o=e==="x"?{x:i.width/2,y:-56/r}:{x:i.width+30/r,y:i.height/2},s=t.style.transform;try{t.style.transform=this._buildTransform(this._baseTransform,e==="x"?0:this._skewX,e==="y"?0:this._skewY);let a=t.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!a)return o;let l=Xi(a),c=e==="x"?Be(a.p1,a.p2,l,56/r,{x:0,y:-1}):Be(a.p2,a.p3,l,30/r,{x:1,y:0}),h=t.convertPointFromNode(c,this.designerCanvas.canvas);return!Number.isFinite(h.x)||!Number.isFinite(h.y)?o:{x:h.x,y:h.y}}finally{t.style.transform=s}}_setPreviewTransform(){this.extendedItem.element.style.transform=this._buildTransform(this._baseTransform,this._skewX,this._skewY)}_commitTransform(){let e=this._buildTransform(this._baseTransform,this._skewX,this._skewY);e?this.extendedItem.updateStyleInSheetOrLocal("transform",e):this.extendedItem.hasStyle("transform")?this.extendedItem.removeStyle("transform"):this.extendedItem.updateStyleInSheetOrLocal("transform",null);let t=this.extendedItem.element;this.extendedItem.hasStyle("transform")?t.style.transform=this.extendedItem.getStyle("transform")??"":t.style.transform=""}_getSkewAngle(e,t){let i=this.extendedItem.element;i.style.transform=this._buildTransform(this._baseTransform,e==="x"?0:this._skewX,e==="y"?0:this._skewY);let r=this.designerCanvas.getNormalizedEventCoordinates(t),o=i.convertPointFromNode({x:r.x,y:r.y},this.designerCanvas.canvas),a=getComputedStyle(i).transformOrigin.split(" "),l={x:parseFloat(a[0]),y:parseFloat(a[1])},c=Ee(i),h;if(e==="x"){let p=this._skewXReferencePoint.y-l.y;Math.abs(p)<.5&&(p=-Math.max(c.height/2,1)),h=Math.atan((o.x-l.x)/p)*180/Math.PI}else{let p=this._skewYReferencePoint.x-l.x;Math.abs(p)<.5&&(p=Math.max(c.width/2,1)),h=Math.atan((o.y-l.y)/p)*180/Math.PI}return h=Math.max(-80,Math.min(80,h)),$(t)||(h=Math.round(h/15)*15),parseFloat(V(this.extendedItem,h))}_buildTransform(e,t,i){let r=[];return e?.trim()&&r.push(e.trim()),Math.abs(t)>.001&&r.push(`skewX(${t}deg)`),Math.abs(i)>.001&&r.push(`skewY(${i}deg)`),r.join(" ").trim()}_parseTransform(e){if(!e||e==="none")return{baseTransform:"",skewX:0,skewY:0};let t=0,i=0,r=[];for(let o of this._splitTransformFunctions(e)){let s=o.slice(0,o.indexOf("(")).trim().toLowerCase(),l=o.slice(o.indexOf("(")+1,-1).split(",").map(c=>c.trim());s==="skewx"?t=this._parseAngle(l[0]):s==="skewy"?i=this._parseAngle(l[0]):s==="skew"?(t=this._parseAngle(l[0]),l.length>1&&(i=this._parseAngle(l[1]))):r.push(o)}return{baseTransform:r.join(" ").trim(),skewX:t,skewY:i}}_splitTransformFunctions(e){let t=[],i=-1,r=0;for(let o=0;o<e.length;o++){let s=e[o];s==="("?r++:s===")"?(r--,r===0&&i!==-1&&(t.push(e.slice(i,o+1).trim()),i=-1)):r===0&&i===-1&&s.trim()&&(i=o)}return!t.length&&e.trim()&&t.push(e.trim()),t}_parseAngle(e){if(!e)return 0;let t=parseFloat(e);return isNaN(t)?0:e.endsWith("rad")?t*180/Math.PI:e.endsWith("grad")?t*.9:e.endsWith("turn")?t*360:t}dispose(){this._removeAllOverlays()}};import{css as ib}from"@node-projects/base-custom-webcomponent";var Qf=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new bl(e,t,i)}static style=ib`.svg-primary-skew{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto}.svg-primary-skew-line{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-width:1}`};vh();_h();xh();bh();mh();fh();eh();th();Rp();zp();Ad();Td();vd();_d();gd();yd();Xp();$p();lp();Or();Pd();kd();bd();wd();md();fd();Kp();Wp();Hp();cp();ai();ap();Cn();Sd();ad();Ld();rs();ip();Gd();xd();Ch();Qh();Od();Rh();gp();fp();Os();_p();Vh();vp();yp();Up();Id();Md();Ph();Oh();Hc();var sr=class extends Wi{extendedItem;constructor(e,t){super(e,t)}};se();var wl=class extends sr{_lineOffset=5;_lineLength=10;_circle;_line1;_line2;_line3;_line4;refresh(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e);this._circle=this._drawCircle(t.x,t.y,1,"svg-cursor-line",this._circle,M.Foreground),this._line1=this._drawLine(t.x,t.y-this._lineOffset,t.x,t.y-this._lineOffset-this._lineLength,"svg-cursor-line",this._line1,M.Foreground),this._line2=this._drawLine(t.x,t.y+this._lineOffset,t.x,t.y+this._lineOffset+this._lineLength,"svg-cursor-line",this._line2,M.Foreground),this._line3=this._drawLine(t.x-this._lineOffset,t.y,t.x-this._lineOffset-this._lineLength,t.y,"svg-cursor-line",this._line3,M.Foreground),this._line4=this._drawLine(t.x+this._lineOffset,t.y,t.x+this._lineOffset+this._lineLength,t.y,"svg-cursor-line",this._line4,M.Foreground)}dispose(){super._removeAllOverlays()}};import{css as rb}from"@node-projects/base-custom-webcomponent";var Zf=class{getExtension(e){return new wl(e.extensionManager,e)}style=rb`.svg-cursor-line{stroke:#000;pointer-events:none}`};se();var Sl=class extends sr{_circle;_line1;_line2;_line3;_line4;refresh(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e);this._circle=this._drawCircle(t.x,t.y,1,"svg-cursor-line-dashed",this._circle,M.Foreground),this._line1=this._drawLine(t.x,t.y,t.x,0,"svg-cursor-line-dashed",this._line1,M.Foreground),this._line2=this._drawLine(t.x,t.y,t.x,this.designerCanvas.outerRect.height,"svg-cursor-line-dashed",this._line2,M.Foreground),this._line3=this._drawLine(t.x,t.y,0,t.y,"svg-cursor-line-dashed",this._line3,M.Foreground),this._line4=this._drawLine(t.x,t.y,this.designerCanvas.outerRect.width,t.y,"svg-cursor-line-dashed",this._line4,M.Foreground)}dispose(){super._removeAllOverlays()}};import{css as nb}from"@node-projects/base-custom-webcomponent";var qf=class{getExtension(e){return new Sl(e.extensionManager,e)}style=nb`.svg-cursor-line-dashed{stroke:#000;pointer-events:none;stroke-dasharray:4 4}`};import{BaseCustomWebComponentConstructorAppend as ob,css as sb,html as ab}from"@node-projects/base-custom-webcomponent";var iu=class extends ob{static style=sb`:host{overflow:hidden;display:block;width:100%;height:100%;position:relative}#outerDiv{width:100%;height:100%}#innerDiv{transform-origin:top left;height:100%;width:100%;image-rendering:pixelated}#above{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;background:0 0;cursor:pointer}#viewRect{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--wcd-miniature-view-border-color,#000);pointer-events:none}`;static template=ab`<div id="outerDiv"><div id="innerDiv"></div></div><div id="above"><div id="viewRect"></div></div>`;_innerDiv;_outerDiv;_above;_instanceServiceContainer;_contentChangedHandler;_maxX=0;_maxY=0;_resizeObserver;_innerShadow;_zoomFactorChangedHandler;_viewRect;_minatureScaleX=1;_minatureScaleY=1;_reRenderFlag=!1;_isDragging=!1;_boundMouseMove;_boundMouseUp;constructor(){super(),this._restoreCachedInititalValues(),this._outerDiv=this._getDomElement("outerDiv"),this._innerDiv=this._getDomElement("innerDiv"),this._viewRect=this._getDomElement("viewRect"),this._above=this._getDomElement("above"),this._innerShadow=this._innerDiv.attachShadow({mode:"open"}),this._boundMouseMove=this._onMouseMove.bind(this),this._boundMouseUp=this._onMouseUp.bind(this),this._above.addEventListener("mousedown",e=>this._onMouseDown(e)),this._resizeObserver=new ResizeObserver(()=>{this._reSize()})}ready(){this._resizeObserver.observe(this)}_reSize(){let e=this._outerDiv.getBoundingClientRect();this._minatureScaleX=e.width/this._maxX,this._minatureScaleY=e.height/this._maxY,this._innerDiv.style.scale=this._minatureScaleX+" "+this._minatureScaleY}async _reRender(){if(this._instanceServiceContainer){let e=this._instanceServiceContainer?.designerCanvas;this._innerShadow.adoptedStyleSheets=[...e.rootDesignItem.element.shadowRoot.adoptedStyleSheets];let t=e.designerPixelSize;this._maxX=t.width,this._maxY=t.height;let i=await this._instanceServiceContainer.designerCanvas.serviceContainer.miniatureViewService.provideMiniatureView(e);this._innerShadow.replaceChildren(i),this._reSize(),this._reDrawRect(),this._reRenderFlag=!1}}_reDrawRect(){let e=this._instanceServiceContainer?.designerCanvas,t=e.canvasOffset,i=e.zoomFactor;this._viewRect.style.left=-t.x/this._maxX*100+"%",this._viewRect.style.top=-t.y/this._maxY*100+"%",this._viewRect.style.width=e.clientWidth/i/this._maxX*100+"%",this._viewRect.style.height=e.clientHeight/i/this._maxY*100+"%"}_onMouseDown(e){this._instanceServiceContainer&&(this._isDragging=!0,this._moveCanvasToMousePosition(e),window.addEventListener("mousemove",this._boundMouseMove),window.addEventListener("mouseup",this._boundMouseUp),e.preventDefault())}_onMouseMove(e){this._isDragging&&(this._moveCanvasToMousePosition(e),e.preventDefault())}_onMouseUp(e){this._isDragging=!1,window.removeEventListener("mousemove",this._boundMouseMove),window.removeEventListener("mouseup",this._boundMouseUp)}_moveCanvasToMousePosition(e){let t=this._instanceServiceContainer.designerCanvas,i=t.zoomFactor,r=this._above.getBoundingClientRect(),o=e.clientX-r.left,s=e.clientY-r.top,a=o/r.width*this._maxX,l=s/r.height*this._maxY,c=t.clientWidth/i/2,h=t.clientHeight/i/2;t.canvasOffset={x:-(a-c),y:-(l-h)}}set instanceServiceContainer(e){this._contentChangedHandler?.dispose(),this._zoomFactorChangedHandler?.dispose(),this._instanceServiceContainer=e,this._instanceServiceContainer?(this._zoomFactorChangedHandler=this._instanceServiceContainer.designerCanvas.onZoomFactorChanged.on(()=>{this._reDrawRect()}),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(t=>{this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))}),this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))):this._innerShadow.innerHTML=""}};customElements.define("node-projects-web-component-designer-miniature-view",iu);ee();import{BaseCustomWebComponentConstructorAppend as lb,css as cb,html as hb}from"@node-projects/base-custom-webcomponent";var ru=class extends lb{static style=cb`:host{overflow:hidden;display:block;width:100%;height:100%;position:relative;isolation:isolate;background:var(--wcd-layer-depth-view-background,#f3f4f6);color:var(--wcd-layer-depth-view-text-color,#111827);user-select:none;-webkit-user-select:none}#viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;z-index:0;perspective:9000px}#viewport.dragging{cursor:grabbing}#scene{position:absolute;top:50%;left:50%;z-index:0;transform-style:preserve-3d;transform-origin:center center}#content{position:absolute;top:0;left:0;transform-style:preserve-3d;transform-origin:top left;pointer-events:none}#content,#content *{transform-style:preserve-3d}#empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--wcd-layer-depth-view-muted-color,#4b5563);font:13px sans-serif;pointer-events:none}#controls{position:absolute;left:8px;right:8px;top:8px;z-index:2147483647;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:8px;box-sizing:border-box;padding:7px 9px;background:var(--wcd-layer-depth-view-card-background,rgba(255,255,255,.92));border:1px solid var(--wcd-layer-depth-view-card-border-color,rgba(17,24,39,.14));font:12px sans-serif;pointer-events:auto;z-index:1;position:relative}#depthSlider{width:100%;min-width:0}#depthValue{min-width:42px;text-align:right;font-variant-numeric:tabular-nums}`;static template=hb`<div id="controls"><span>Depth</span> <input id="depthSlider" type="range" min="0" max="120" step="1" value="36"> <span id="depthValue">36px</span></div><div id="viewport"><div id="scene"><div id="content"></div></div><div id="empty">No layers</div></div>`;_viewport;_scene;_content;_empty;_depthSlider;_depthValue;_instanceServiceContainer;_contentChangedHandler;_zoomFactorChangedHandler;_resizeObserver;_reRenderFlag=!1;_maxX=0;_maxY=0;_depthSpacing=36;_rotateX=0;_rotateY=0;_translateX=0;_translateY=0;_scale=1;_layerDepthEntries=[];_dragStart;_boundPointerMove;_boundPointerUp;constructor(){super(),this._restoreCachedInititalValues(),this._viewport=this._getDomElement("viewport"),this._scene=this._getDomElement("scene"),this._content=this._getDomElement("content"),this._empty=this._getDomElement("empty"),this._depthSlider=this._getDomElement("depthSlider"),this._depthValue=this._getDomElement("depthValue"),this._boundPointerMove=this._onPointerMove.bind(this),this._boundPointerUp=this._onPointerUp.bind(this),this._depthSlider.addEventListener("input",()=>{this._depthSpacing=Number(this._depthSlider.value),this._depthValue.textContent=this._depthSpacing+"px",this._updateLayerDepths()}),this._viewport.addEventListener("pointerdown",e=>this._onPointerDown(e)),this._viewport.addEventListener("wheel",e=>this._onWheel(e),{passive:!1}),this._viewport.addEventListener("contextmenu",e=>e.preventDefault()),this._resizeObserver=new ResizeObserver(()=>this._fitScene())}ready(){this._resizeObserver.observe(this),this._applySceneTransform()}_scheduleRender(){this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))}async _reRender(){if(!this._instanceServiceContainer)return;let e=this._instanceServiceContainer.designerCanvas;this._copyAdoptedStyleSheets(e.rootDesignItem);let t=e.designerPixelSize;this._maxX=Math.max(t.width,1),this._maxY=Math.max(t.height,1);let i=this._createLayerTree();this._content.replaceChildren(i.fragment),this._scene.style.width=this._maxX+"px",this._scene.style.height=this._maxY+"px",this._content.style.width=this._maxX+"px",this._content.style.height=this._maxY+"px",this._empty.style.display=i.count?"none":"flex",this._updateLayerDepths(),this._fitScene(),this._reRenderFlag=!1}_copyAdoptedStyleSheets(e){let t=e?.element,i=e?.usableContainer,r=t?.shadowRoot??(i instanceof Document?i:t?.ownerDocument);this.shadowRoot.adoptedStyleSheets=r?.adoptedStyleSheets?[...r.adoptedStyleSheets]:[]}_createLayerTree(){let e=this._instanceServiceContainer.rootDesignItem,t=document.createDocumentFragment(),i=0;this._layerDepthEntries=[];for(let r of e.children()){if(r.nodeType!==A.Element)continue;let o=r.element.cloneNode(!0);t.appendChild(o),i=this._prepareCloneTree(r,o,i)}return{fragment:t,count:i}}_prepareCloneTree(e,t,i){this._prepareCloneElement(t,i),i++;let r=Array.from(e.element.childNodes),o=Array.from(t.childNodes);for(let s of e.children()){if(s.nodeType!==A.Element)continue;let a=r.findIndex(c=>c===s.node),l=o[a];l instanceof Element&&(i=this._prepareCloneTree(s,l,i))}return i}_prepareCloneElement(e,t){(e instanceof HTMLElement||e instanceof SVGElement)&&(e.style.transformStyle="preserve-3d",e.style.willChange="translate",this._layerDepthEntries.push({element:e,depth:t}))}_updateLayerDepths(){if(this._depthValue.textContent=this._depthSpacing+"px",!this._layerDepthEntries.length)return;let e=this._layerDepthEntries.map(a=>a.depth),t=Math.min(...e),i=Math.max(...e),r=Math.max(i-t,1),o=a=>((a-t)/r-.5)*this._depthSpacing*2,s=new Map;for(let a of this._layerDepthEntries)s.set(a.element,a.depth);for(let a of this._layerDepthEntries){let l=a.element.parentElement,c;for(;l&&(c=s.get(l),c===void 0);)l=l.parentElement;let h=c===void 0?0:o(c);a.element.style.translate="0 0 "+(o(a.depth)-h)+"px"}}_fitScene(){let e=this._viewport.getBoundingClientRect();if(!e.width||!e.height||!this._maxX||!this._maxY)return;let t=Math.min(e.width/this._maxX,e.height/this._maxY)*.72;this._scale=Math.min(Math.max(t,.05),4),this._translateX=0,this._translateY=0,this._applySceneTransform()}_applySceneTransform(){this._scene.style.transformStyle="preserve-3d",this._content.style.transformStyle="preserve-3d",this._scene.style.transform="translate(-50%, -50%) translate("+this._translateX+"px, "+this._translateY+"px) scale("+this._scale+") rotateX("+this._rotateX+"deg) rotateY("+this._rotateY+"deg)",this._content.style.transform=""}_onPointerDown(e){e.target===this._depthSlider||e.button!==0&&e.button!==1&&e.button!==2||(this._dragStart={x:e.clientX,y:e.clientY,rotateX:this._rotateX,rotateY:this._rotateY,translateX:this._translateX,translateY:this._translateY,pan:e.button===1||e.button===2||e.shiftKey},this._viewport.classList.add("dragging"),this._viewport.setPointerCapture(e.pointerId),this._viewport.addEventListener("pointermove",this._boundPointerMove),this._viewport.addEventListener("pointerup",this._boundPointerUp),this._viewport.addEventListener("pointercancel",this._boundPointerUp),e.preventDefault())}_onPointerMove(e){if(!this._dragStart)return;let t=e.clientX-this._dragStart.x,i=e.clientY-this._dragStart.y;this._dragStart.pan?(this._translateX=this._dragStart.translateX+t,this._translateY=this._dragStart.translateY+i):(this._rotateY=this._dragStart.rotateY+t*.35,this._rotateX=Math.min(85,Math.max(-85,this._dragStart.rotateX-i*.35))),this._applySceneTransform(),e.preventDefault()}_onPointerUp(e){this._dragStart=null,this._viewport.classList.remove("dragging"),this._viewport.releasePointerCapture(e.pointerId),this._viewport.removeEventListener("pointermove",this._boundPointerMove),this._viewport.removeEventListener("pointerup",this._boundPointerUp),this._viewport.removeEventListener("pointercancel",this._boundPointerUp)}_onWheel(e){let t=e.deltaY<0?1.08:.92;this._scale=Math.min(6,Math.max(.03,this._scale*t)),this._applySceneTransform(),e.preventDefault()}set instanceServiceContainer(e){this._contentChangedHandler?.dispose(),this._zoomFactorChangedHandler?.dispose(),this._instanceServiceContainer=e,this._instanceServiceContainer?(this._zoomFactorChangedHandler=this._instanceServiceContainer.designerCanvas.onZoomFactorChanged.on(()=>{this._scheduleRender()}),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(()=>{this._scheduleRender()}),this._scheduleRender()):(this._content.replaceChildren(),this._layerDepthEntries=[],this._empty.style.display="flex")}};customElements.define("node-projects-web-component-designer-layer-depth-view",ru);oe();import{BaseCustomWebComponentConstructorAppend as pb,css as db,html as ub}from"@node-projects/base-custom-webcomponent";function Jf(n){if(!n)return"";let e,t=n.nodeName.toLowerCase();return n.id?e="#"+n.getAttribute("id"):n.getAttribute("class")&&(e="."+n.getAttribute("class").split(" ").join(".")),e?t+e:t}var Cl=function(n){if(!n||n.nodeName==="HTML"||n.nodeName==="#document")return{node:document.documentElement,reason:"root"};if(n.nodeName==="#document-fragment")return Cl(n.host);let e=n.ownerDocument.defaultView.getComputedStyle(n);if(e.position==="fixed"||e.position==="sticky")return{node:n,reason:`position: ${e.position}`};if(e.zIndex!=="auto"&&e.position!=="static")return{node:n,reason:`position: ${e.position}; z-index: ${e.zIndex}`};if(e.opacity!=="1")return{node:n,reason:`opacity: ${e.opacity}`};if(e.transform!=="none")return{node:n,reason:`transform: ${e.transform}`};if(e.scale!=="none")return{node:n,reason:`scale: ${e.scale}`};if(e.translate!=="none")return{node:n,reason:`translate: ${e.translate}`};if(e.rotate!=="none")return{node:n,reason:`rotate: ${e.rotate}`};if(e.mixBlendMode!=="normal")return{node:n,reason:`mixBlendMode: ${e.mixBlendMode}`};if(e.filter!=="none")return{node:n,reason:`filter: ${e.filter}`};if(e.backdropFilter!=="none")return{node:n,reason:`backdropFilter: ${e.backdropFilter}`};if(e.perspective!=="none")return{node:n,reason:`perspective: ${e.perspective}`};if(e.clipPath!=="none")return{node:n,reason:`clip-path: ${e.clipPath} `};let t=e.mask||e.webkitMask;if(t!=="none"&&t!==void 0)return{node:n,reason:`mask:  ${t}`};let i=e.maskImage||e.webkitMaskImage;if(i!=="none"&&i!==void 0)return{node:n,reason:`mask-image: ${i}`};let r=e.maskBorder||e.webkitMaskBorder;if(r!=="none"&&r!==void 0)return{node:n,reason:`mask-border: ${r}`};if(e.isolation==="isolate")return{node:n,reason:`isolation: ${e.isolation}`};if(e.willChange==="transform"||e.willChange==="opacity"||e.willChange==="scale"||e.willChange==="translate"||e.willChange==="rotate")return{node:n,reason:`willChange: ${e.willChange}`};if(e.zIndex!=="auto"){let s=n.ownerDocument.defaultView.getComputedStyle(n.parentNode);if(s.display==="flex"||s.display==="inline-flex")return{node:n,reason:`flex-item; z-index: ${e.zIndex}`};if(s.grid!=="none / none / none / row / auto / auto")return{node:n,reason:`child of grid container; z-index: ${e.zIndex}`}}let o=e.contain;return["layout","paint","strict","content"].indexOf(o)>-1||o.indexOf("paint")>-1||o.indexOf("layout")>-1?{node:n,reason:`contain: ${o}`}:Cl(n.parentNode)},nu=class extends pb{static template=ub`<div><table><tr><th colspan="2">Styling</th></tr><tr><td>display</td><td>[[?this.computedStyle?.display]]</td></tr><tr><td>position</td><td>[[?this.computedStyle?.position]]</td></tr><tr><td>visibility</td><td>[[?this.computedStyle?.visibility]]</td></tr><tr><td>pointerEvents</td><td>[[?this.computedStyle?.pointerEvents]]</td></tr><tr><td>zIndex</td><td>[[?this.computedStyle?.zIndex]]</td></tr><tr><th colspan="2">Context</th></tr><tr><td>offsetParent</td><td class="lnk" @click="[[this._clickLink(event, 'offsetParent')]]">[[?this.selectedElementOffsetParentText]]</td></tr><tr><td>createsStackingContext</td><td>[[this.createsStackingContext]]</td></tr><tr><td>stackingContextReason</td><td>[[this.createsStackingContextReason]]</td></tr><tr><td>stackingContextParent</td><td class="lnk" @click="[[this._clickLink(event, 'stackingContextParent')]]">[[?this.parentStackingContextText]]</td></tr></table></div>`;static style=db`:host{overflow:auto;height:100%;display:block;font-size:12px}table{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}table td,table th{border:1px solid var(--wcd-debug-view-cell-border-color,#ddd);padding:2px 4px}table tr:nth-child(even){background-color:#f2f2f2}table tr:hover{background-color:var(--wcd-debug-view-row-hover-background,#ddd)}table th{text-align:left;background-color:var(--wcd-debug-view-header-background,#989898);color:var(--wcd-color-text,#fff)}.lnk{color:var(--wcd-debug-view-link-color,#00f)}.lnk:hover{text-decoration:underline;cursor:pointer}`;_ready;computedStyle;createsStackingContext="";createsStackingContextReason="";parentStackingContext;parentStackingContextText;selectedElementOffsetParent;selectedElementOffsetParentText;constructor(){super(),this._restoreCachedInititalValues()}ready(){this._parseAttributesToProperties(),this._bindingsParse(),this._ready=!0}_clickLink(e,t){if(t=="offsetParent"){if(this.selectedElementOffsetParent){let i=O.GetDesignItem(this.selectedElementOffsetParent);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}else if(t=="stackingContextParent"&&this.parentStackingContext){let i=O.GetDesignItem(this.parentStackingContext);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}update(e){this._ready&&requestAnimationFrame(()=>{let t=e?.element;if(t?.nodeType==3&&(t=t.parentNode),t&&t.nodeType!=8&&t.nodeType!=11){if(this.computedStyle=t.ownerDocument.defaultView.getComputedStyle(t),this.selectedElementOffsetParent=t.offsetParent,this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element||this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement?(this.selectedElementOffsetParentText=null,this.selectedElementOffsetParent=null):this.selectedElementOffsetParentText=Jf(t.offsetParent),t&&t.nodeType===1){let i=Cl(t);this.createsStackingContext=t===i.node,this.createsStackingContextReason=this.createsStackingContext?i.reason:"not a stacking context",this.parentStackingContext=i.node,this.createsStackingContext&&t.nodeName!=="HTML"&&(this.parentStackingContext=Cl(t.parentNode).node),this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement||this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement.parentElement?(this.parentStackingContextText=null,this.parentStackingContext=null):this.parentStackingContextText=Jf(this.parentStackingContext)}}else this.computedStyle={},this.createsStackingContext=!1,this.createsStackingContextReason="",this.createsStackingContext=!1,this.selectedElementOffsetParent=null,this.selectedElementOffsetParentText=null,this.parentStackingContext=null,this.parentStackingContextText=null;this._bindingsRefresh()})}};customElements.define("node-projects-debug-view",nu);import{BaseCustomWebComponentConstructorAppend as mb,css as fb,html as gb}from"@node-projects/base-custom-webcomponent";var El=class extends mb{static template=gb`<div id="root"><div class="search"><span>search</span> <input style="flex-grow:1;min-width:0" value="{{this.searchText}}"> <span>replace</span> <input style="flex-grow:1;min-width:0" value="{{this.replaceText}}"> <button @click="[[this.replace()]]" style="grid-column:2">replace</button></div><hr><template repeat:item="[[this.refactorings]]"><details open><summary>[[item[1][0].itemType]]-name:<input value="[[item[1][0].name]]" @keydown="[[this._refactor(item, event)]]" style="flex-grow:1;min-width:0"></summary><ul><template repeat:reft="[[item[1]]]"><li>[[reft.type]]/[[reft.display]]</li></template></ul></details></template></div>`;static style=fb`:host{box-sizing:border-box;font-family:monospace;height:100%;width:100%;position:absolute;overflow:hidden}.search{display:grid;grid-template-columns:40px 1fr;align-items:center}span{font-size:10px}summary{cursor:pointer;font-size:10px;display:flex;align-items:center;white-space:nowrap}ul{margin:4px;padding-left:20px;font-size:10px}#root{padding:5px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;height:calc(100% - 10px)}`;static is="node-projects-refactor-view";static properties={};_instanceServiceContainer;_selectionChangedHandler;_selectedItems;searchText="(.*)";replaceText="$1";refactorings=new Map;ready(){this._bindingsParse()}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this.updateRefactorlist(this._selectedItems))}replace(){let e=null;for(let t of this.refactorings){let i=t[1][0].name,r=new RegExp(this.searchText);if(i.match(r)){e||(e=t[1][0].designItem.openGroup("refactor with regex "+this.searchText+" -> "+this.replaceText));let s=i.replace(r,this.replaceText);s!=i&&this.applyRefactoring(t,s)}}e&&e.commit()}_refactor(e,t){let i=t.target;t.key=="Enter"&&this.applyRefactoring(e,i.value)}applyRefactoring(e,t){let i=e[1][0].designItem.openGroup("refactor "+e[1][0].name+" to "+t);for(let r of e[1])r.service.refactor(r,r.name,t);i.commit()}updateRefactorlist(e){if(this.refactorings.clear(),e&&e.length){let t=[],i=e[0].serviceContainer;for(let r of i.refactorServices){let o=r.getRefactorings(e);t.push(...o)}for(let r of t){let o=this.refactorings.get(r.itemType+"|"+r.name);o===void 0&&(o=[],this.refactorings.set(r.itemType+"|"+r.name,o)),o.push(r)}}this._bindingsRefresh()}};customElements.define(El.is,El);Ul();he();It();import{BaseCustomWebComponentLazyAppend as yb,css as vb,html as _b}from"@node-projects/base-custom-webcomponent";var $r=class extends yb{static style=vb`:host{display:block;box-sizing:border-box;height:100%;overflow:auto}button{background-color:transparent;color:var(--wcd-color-text,#fff);border:none;font-size:13px;display:block;cursor:pointer;width:100%;text-align:left;padding:8px 14px}button:hover{background:var(--wcd-palette-item-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}table{width:100%}td{color:var(--wcd-color-text,#fff);font-size:13px}div{text-transform:uppercase;font-size:12px;font-weight:700;padding:4px 14px}`;static template=_b`<table id="table"></table>`;_table;constructor(){super(),this._table=this._getDomElement("table")}loadElements(e,t,i){this._table.replaceChildren();for(let r of t){let o=document.createElement("tr"),s=document.createElement("td"),a=document.createElement("button");if(a.setAttribute("part","button"),r.icon&&!r.displayHtml){let c=r.icon;r.icon.startsWith("data:")||(c=i+r.icon),a.innerHTML='<table><tr><td align="left" valign="middle" style="width:20px;"><img style="width:16px;height:16px" src="'+c+'"></td><td align="left" >'+r.tag+`</td></tr></table>
-`}else r.displayHtml?a.innerHTML=r.displayHtml:a.innerText=r.name?r.name:r.tag;a.draggable=!0,a.ondragstart=c=>{if(c.dataTransfer.setData(Ni,JSON.stringify(r)),c.currentTarget.style.outline="dashed",r.ghostElement)if(typeof r.ghostElement=="string"){let h=document.createRange();h.selectNode(document.body);let d=h.createContextualFragment(r.ghostElement).firstChild;d.style.position="absolute",d.style.top="-1000px",document.body.appendChild(d),c.dataTransfer.setDragImage(d,0,0),requestAnimationFrame(()=>document.body.removeChild(d))}else c.dataTransfer.setDragImage(r.ghostElement,0,0);else if(!r.import)try{let h=document.createElement(r.tag);if(r.defaultContent&&(h.innerHTML=r.defaultContent),r.defaultWidth&&(h.style.width=r.defaultWidth),r.defaultHeight&&(h.style.height=r.defaultHeight),r.defaultAttributes)for(let d in r.defaultAttributes)h.setAttribute(d,r.defaultAttributes[d]);if(r.defaultStyles)for(let d in r.defaultStyles)h.style[d]=r.defaultStyles[d];h.style.position="absolute",r.defaultWidth?h.style.top="-"+(parseInt(r.defaultHeight)+500)+"px":h.style.top="-500px",r.defaultWidth?h.style.left="-"+(parseInt(r.defaultWidth)+500)+"px":h.style.left="-500px",document.body.appendChild(h);let p=h.getBoundingClientRect();p.width>0&&p.height>0&&c.dataTransfer.setDragImage(h,0,0),requestAnimationFrame(()=>document.body.removeChild(h))}catch(h){console.warn("error creating gost elment",h)}},a.ondragend=c=>{r.import=null,c.currentTarget.style.outline="none"},a.ontouchstart=c=>{c.preventDefault()},a.onclick=c=>{let h=e.designerTools.get(r.tool??te.DrawElementTool);typeof h=="function"&&(h=new h(r)),e.globalContext.tool=h},s.appendChild(a),o.appendChild(s);let l=document.createElement("td");l.innerText=r.description??"",o.appendChild(l),this._table.appendChild(o)}}};customElements.define("node-projects-palette-elements",$r);import{BaseCustomWebComponentLazyAppend as xb,css as bb}from"@node-projects/base-custom-webcomponent";var ou=class extends xb{selected="native";_designerTabControl;static style=bb`:host{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;overflow:hidden}node-projects-designer-tab-control{flex:1;min-height:0}`;constructor(){super(),this._restoreCachedInititalValues(),this._designerTabControl=new Ct,this._designerTabControl.selectedIndex=0,this.shadowRoot.appendChild(this._designerTabControl)}async loadControls(e,t){this._designerTabControl.innerHTML="";for(let i of t)try{let r=await i.getElements(),o=new $r;o.title=i.name,this._designerTabControl.appendChild(o),o.loadElements(e,r),i.onElementsChanged?.on(async()=>{o.loadElements(e,await i.getElements())})}catch(r){console.warn("Error loading elements",r)}this._designerTabControl.refreshItems()}};customElements.define("node-projects-palette-view",ou);oe();import{BaseCustomWebComponentLazyAppend as wb,css as Sb}from"@node-projects/base-custom-webcomponent";var su=class extends wb{_items;_index;_previouslySelected;_treeDiv;_instanceServiceContainer;_selectionChangedHandler;_contentChangedHandler;_mapElementTreeitem;_rootItem;static style=Sb`:host{--horz-margin:20px;--vert-margin:0px;--horz-shift:calc(var(--horz-margin) / 2);--vert-shift:12px;display:inline-block;position:relative;width:100%;height:100%;background:var(--wcd-tree-view-background,var(--dark-grey,var(--wcd-color-surface,#232733)));overflow-y:auto}button{border:none;font-size:13px;display:block;padding:4px 0;cursor:pointer;width:100%;text-align:left;display:inline-block;margin:0;background:var(--wcd-tree-view-background,var(--dark-grey,var(--wcd-color-surface,#232733)));position:relative;color:var(--wcd-color-text,#fff)}button:focus,button:hover{background:var(--wcd-tree-view-item-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}span{margin:4px}.id{font-style:italic;color:var(--wcd-tree-view-id-color,var(--highlight-pink,var(--wcd-color-accent,#e91e63)))}.selected{background:var(--wcd-tree-view-item-selected-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)));outline:0}li,ul{margin:0;padding:0}.tree ul{margin-left:var(--horz-margin)}.tree li{list-style-type:none;margin-top:var(--vert-margin);margin-bottom:var(--vert-margin);position:relative}.tree li::before{content:"";position:absolute;top:calc(0px - var(--vert-margin));left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(var(--vert-shift) + var(--vert-margin));border-left:1px solid var(--wcd-tree-view-connector-color,#ccc);border-bottom:1px solid var(--wcd-tree-view-connector-color,#ccc);border-radius:0}.tree li::after{position:absolute;content:"";top:var(--vert-shift);left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(100% - var(--vert-shift));border-left:1px solid var(--wcd-tree-view-connector-color,#ccc);border-top:1px solid var(--wcd-tree-view-connector-color,#ccc);border-radius:0}ul.tree>li:first-child::before{display:none}.tree li:last-child::after{display:none}ul.tree>li:first-child::after{border-radius:5px 0 0 0}.tree li:last-child:before{border-radius:0 0 0 5px}`;constructor(){super(),this._restoreCachedInititalValues(),this._treeDiv=document.createElement("div"),this._treeDiv.style.userSelect="none",this.shadowRoot.appendChild(this._treeDiv),this._treeDiv.addEventListener("click",this._clickElement.bind(this))}createTree(e){this._rootItem=e,e!=null&&this._recomputeTree(e.element,null)}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectionChanged(t)}),this._contentChangedHandler?.dispose(),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(t=>{this.createTree(e.designerCanvas.rootDesignItem)}),this.createTree(e.designerCanvas.rootDesignItem)}selectionChanged(e){this._selectTreeElements(e.selectedElements.map(t=>this._mapElementTreeitem.get(t.element)))}_recomputeTree(e,t){this._mapElementTreeitem=new Map,this._treeDiv.innerHTML="";let i=document.createElement("ul");return i.classList.add("tree"),this._treeDiv.appendChild(i),this._index=0,this._items=this._getChildren(e,i),this._highlight(t),this._items}_makeButton(e,t,i){let r=document.createElement("button");r.dataset.index=i;let o=document.createElement("span");o.className="tag",o.textContent=e;let s=document.createElement("span");return s.className="id",s.textContent=t,r.appendChild(o),r.appendChild(s),r}_getChildren(e,t){let i=e.id==="viewContainer",r={tag:i?"main-app":e.tagName.toLowerCase(),id:i?"":e.id?"#"+e.id:"",text:i?"":'"'+e.textContent+'"',ref:e,index:this._index},o=document.createElement("li"),s=this._makeButton(r.tag,r.id,r.index);o.appendChild(s),t.appendChild(o),this._mapElementTreeitem.set(r.ref,s),this._index++;let a=[r],l=null;for(let c=0;c<e.children.length;c++){let h=e.children[c];h.localName!=="style"&&(l==null&&(l=document.createElement("ul"),o.appendChild(l)),a=a.concat(this._getChildren(h,l)))}return a}_clickElement(e){let t=e.target;t.localName==="span"&&(t=t.parentElement),this._selectTreeElements([t]),this._selectDesignerElement(t)}_selectTreeElements(e){if(this._previouslySelected)for(let t of this._previouslySelected)t&&t.classList.remove("selected");if(this._previouslySelected=e,e)for(let t of e)t&&t.classList.add("selected")}_selectDesignerElement(e){let t=e.dataset.index,i=this._items[t].ref,r=O.GetOrCreateDesignItem(i,i,this._rootItem.serviceContainer,this._rootItem.instanceServiceContainer);r.instanceServiceContainer.selectionService.setSelectedElements([r])}_highlight(e){if(!e)return;let t=this.shadowRoot.querySelectorAll("button");if(t.length===this._items.length){for(let i=0;i<this._items.length;i++)if(this._items[i].ref===e){this._selectTreeElements([t[i]]);return}}}};customElements.define("node-projects-tree-view",su);Xl();import{BaseCustomWebComponentLazyAppend as kb,css as Ib,cssFromString as Db,debounce as Ab,TypedEvent as au}from"@node-projects/base-custom-webcomponent";import{BaseCustomWebComponentConstructorAppend as Cb,css as Eb,html as Pb}from"@node-projects/base-custom-webcomponent";var Kr=class extends Cb{static style=Eb`:host{display:block}#split{position:relative;height:100%;width:100%;grid-template-rows:calc(var(--split) * 1%) 5px calc(((100 - var(--split)) * 1%) - 5px);grid-template-columns:100%;display:grid;align-items:center}:host([orientation=horizontal]) #split{grid-template-rows:100%;grid-template-columns:calc(var(--split) * 1%) 5px calc(((100 - var(--split)) * 1%) - 5px)}#splitter{user-select:none;-webkit-user-select:none}:host([orientation=horizontal])>div>#splitter{cursor:ew-resize;width:5px;height:100%}:host([orientation=vertical])>div>#splitter{cursor:ns-resize;height:5px;width:100%}`;static template=Pb`<div id="split" style="--split:50"><slot name="top"></slot><div id="splitter"></div><slot name="bottom"></slot></div>`;static properties={orientation:String};_orientation="vertical";get orientation(){return this._orientation}set orientation(e){this._orientation=e,this.setAttribute("orientation",e)}constructor(){super(),this._restoreCachedInititalValues()}ready(){this._parseAttributesToProperties(),this.setAttribute("orientation",this.orientation);let e=this._getDomElement("split"),t=this._getDomElement("splitter"),i=null;t.addEventListener("pointerdown",r=>{t.setPointerCapture(r.pointerId),i=!0}),t.addEventListener("pointerup",r=>{t.releasePointerCapture(r.pointerId),i=null}),t.addEventListener("pointermove",r=>{if(i!==null){let o=parseFloat(e.style.getPropertyValue("--split"));this.orientation==="horizontal"?o+=r.movementX*100/e.clientWidth:o+=r.movementY*100/e.clientHeight,isNaN(o)||e.style.setProperty("--split",o)}})}};customElements.define("node-projects-simple-split-view",Kr);Fe();ot();var U;(function(n){n[n.designer=0]="designer",n[n.code=1]="code",n[n.split=2]="split",n[n.preview=3]="preview"})(U||(U={}));var lu=class extends kb{designerView;codeView;demoView;additionalData;_firstLoad=!0;_stylesheetChangedEventRegistered;_additionalStyle;set additionalStyleString(e){this._additionalStyle=e,this.designerView.additionalStyles=[Db(e)]}get additionalStyleString(){return this._additionalStyle}_additionalStyles;set additionalStyles(e){this._additionalStyles=e,this.designerView.additionalStyles=this._additionalStyles}get additionalStyles(){return this._additionalStyles}_additionalStylesheets;set additionalStylesheets(e){this._additionalStylesheets=e,this.designerView.instanceServiceContainer.stylesheetService&&(this.designerView.instanceServiceContainer.stylesheetService.setStylesheets(e),this._stylesheetChangedEventRegistered||(this._stylesheetChangedEventRegistered=!0,this.designerView.instanceServiceContainer.stylesheetService.stylesheetChanged.on(t=>this.additionalStylesheetChanged.emit({name:t.name,newStyle:t.newStyle,oldStyle:t.oldStyle,changeSource:t.changeSource}))))}get additionalStylesheets(){return this._additionalStylesheets}additionalStylesheetChanged=new au;get readOnly(){return this.designerView?.readOnly}set readOnly(e){this.designerView&&(this.designerView.readOnly=e),this.codeView&&(this.codeView.readOnly=e)}onContentChanged=new au;onTabChanged=new au;_contentChangeSource="designer";_serviceContainer;_content="";_tabControl;_selectionPosition;_lastCodeSelectionKey;_splitDiv;_designerDiv;_codeDiv;refreshInSplitViewDebounced;_disableChangeNotificationDesigner;_disableChangeNotificationEditor;static get style(){return Ib`div{height:100%;display:flex;flex-direction:column}node-projects-designer-view{height:100%;overflow:hidden}`}constructor(e,t,i=!1){super(),this.refreshInSplitViewDebounced=Ab(this.refreshInSplitView,200),this._serviceContainer=e,t!=null&&(this._content=t);let r=document.createElement("div");this._tabControl=new Ct,r.appendChild(this._tabControl),this.designerView=new Ci(i),this.designerView.setAttribute("exportparts","canvas"),this.designerView.slot="top",this._designerDiv=document.createElement("div"),this._tabControl.appendChild(this._designerDiv),this._designerDiv.appendChild(this.designerView),this._designerDiv.dataset.title="Designer",this.designerView.initialize(this._serviceContainer),this.designerView.instanceServiceContainer.documentContainer=this,this.designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(o=>this.designerSelectionChanged(o)),this.designerView.instanceServiceContainer.selectionService.onSelectionRefresh.on(o=>this.designerSelectionChanged(o)),this.designerView.instanceServiceContainer.onContentChanged.on(()=>this.designerContentChanged()),this.codeView=new e.config.codeViewWidget,this.codeView.slot="bottom",this.codeView.style.position="relative",this._codeDiv=document.createElement("div"),this._tabControl.appendChild(this._codeDiv),this._codeDiv.style.position="relative",this._codeDiv.appendChild(this.codeView),this._codeDiv.dataset.title="Code",this.codeView.onTextChanged.on(o=>{this._disableChangeNotificationDesigner||(this._tabControl.selectedIndex===U.code||this._tabControl.selectedIndex===U.split)&&(this._disableChangeNotificationEditor=!0,this._content=o,this.refreshInSplitViewDebounced())}),this._splitDiv=new Kr,this._splitDiv.style.height="100%",this._splitDiv.dataset.title="Split",this._tabControl.appendChild(this._splitDiv),e.config.demoViewWidget&&(this.demoView=new e.config.demoViewWidget,this.demoView.dataset.title="Preview",this._tabControl.appendChild(this.demoView)),queueMicrotask(()=>{this.shadowRoot.appendChild(r),this._tabControl.selectedIndex=U.designer})}async refreshInSplitView(){try{await this.updateDesignerHtml()}catch(e){console.error(e)}this._disableChangeNotificationEditor=!1}get currentView(){return this._tabControl.selectedIndex==U.designer?"designer":this._tabControl.selectedIndex==U.split?"split":this._tabControl.selectedIndex==U.code?"code":this._tabControl.selectedIndex==U.preview?"preview":null}set currentView(e){e=="designer"&&(this._tabControl.selectedIndex=U.designer),e=="split"&&(this._tabControl.selectedIndex=U.split),e=="code"&&(this._tabControl.selectedIndex=U.code),e=="preview"&&(this._tabControl.selectedIndex=U.preview)}designerSelectionChanged(e){if(this._tabControl.selectedIndex===U.split){let t=this.instanceServiceContainer.selectionService.primarySelection;t&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.instanceServiceContainer.selectionService.selectedPart?.textRange??this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t),this._selectionPosition&&this.setCodeViewSelection(this._selectionPosition),this._selectionPosition=null)}}designerContentChanged(){if(this.onContentChanged.emit({source:this._contentChangeSource}),!this._disableChangeNotificationEditor){if(this._disableChangeNotificationDesigner=!0,this._tabControl.selectedIndex===U.code||this._tabControl.selectedIndex===U.split){let e=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.codeView.update(this._content,this.designerView.instanceServiceContainer),this._lastCodeSelectionKey=null,e&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.instanceServiceContainer.selectionService.selectedPart?.textRange??this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(e),this._selectionPosition&&this.setCodeViewSelection(this._selectionPosition),this._selectionPosition=null)}this._disableChangeNotificationDesigner=!1}}dispose(){this.designerView?.instanceServiceContainer?.collaborationService&&(this.designerView.instanceServiceContainer.collaborationService.disconnect(),this.designerView.instanceServiceContainer.collaborationService.detachTransport()),this.codeView?.dispose(),this.demoView?.dispose()}executeCommand(e){this._tabControl.selectedIndex===U.designer||this._tabControl.selectedIndex===U.split?this.designerView.executeCommand(e):this._tabControl.selectedIndex===U.code?this.codeView.executeCommand(e):this._tabControl.selectedIndex===U.preview&&this.demoView.executeCommand(e)}canExecuteCommand(e){if(this._tabControl.selectedIndex===U.designer||this._tabControl.selectedIndex===U.split){if(this.designerView?.canExecuteCommand)return this.designerView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===U.code){if(this.codeView?.canExecuteCommand)return this.codeView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===U.preview&&this.demoView?.canExecuteCommand)return this.demoView.canExecuteCommand(e);return!1}async setContentAsync(e){this._content=e,this._tabControl&&(this._tabControl.selectedIndex===U.designer?await this.updateDesignerHtml():this._tabControl.selectedIndex===U.code?this.codeView.update(this._content,this.designerView.instanceServiceContainer):this._tabControl.selectedIndex===U.split||this._tabControl.selectedIndex===U.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString))}set content(e){this.setContentAsync(e)}get content(){return this._tabControl?(this._tabControl.selectedIndex===U.designer?this._content=this.designerView.getDesignerHTML():this._tabControl.selectedIndex===U.code&&(this._content=this.codeView.getText()),this._content):null}ready(){this._tabControl.onSelectedTabChanged.on(e=>{if(e.oldIndex===U.designer){let t=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.instanceServiceContainer.selectionService.selectedPart?.textRange??this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t))}else e.oldIndex===U.code?this._content=this.codeView.getText():e.oldIndex===U.split?(this._designerDiv.appendChild(this.designerView),this._codeDiv.appendChild(this.codeView)):e.oldIndex===U.preview&&this.demoView?.stopDisplay&&this.demoView.stopDisplay();(e.newIndex===U.designer||e.newIndex===U.split)&&this.updateDesignerHtml(),(e.newIndex===U.code||e.newIndex===U.split)&&(this.codeView.update(this._content,this.designerView.instanceServiceContainer),this._lastCodeSelectionKey=null,this._selectionPosition&&(this.setCodeViewSelection(this._selectionPosition),Pt(20).then(t=>{this._selectionPosition&&this.setCodeViewSelection(this._selectionPosition),this._selectionPosition=null})),e.changedViaClick&&this.codeView.focusEditor()),e.newIndex===U.split&&(this._splitDiv.appendChild(this.designerView),this._splitDiv.appendChild(this.codeView)),e.newIndex===U.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString),this._content&&(this._firstLoad=!1),this.onTabChanged.emit({oldTab:U[e.oldIndex],newTab:U[e.newIndex]})}),this._content&&(this.content=this._content,this._firstLoad=!1)}async updateDesignerHtml(){if(this._firstLoad)return this.designerView.parseDesignerHTML(this._content,this._firstLoad);if(this.designerView.getDesignerHTML()!=this._content){this._contentChangeSource="code",await this.designerView.parseDesignerHTML(this._content,this._firstLoad),this._contentChangeSource="designer";return}else this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty(),this.designerView.designerCanvas.overlayLayer.removeAllOverlays(),this.designerView.designerCanvas.extensionManager.reapplyAllAppliedExtentions(null,[D.Permanent,D.Selection,D.PrimarySelection,D.PrimarySelectionContainer,D.OnlyOneItemSelected,D.MultipleItemsSelected])}setCodeViewSelection(e){if(!e)return;let t=`${e.start}:${e.length}`;this._lastCodeSelectionKey!==t&&(this._lastCodeSelectionKey=t,this.codeView.setSelection(e))}get instanceServiceContainer(){return this.designerView.instanceServiceContainer}};customElements.define("node-projects-document-container",lu);me();ph();Tt();he();ll();export{hl as AbsolutePlacementService,ti as AbstractBaseToolPopup,Zi as AbstractCssPropertiesService,tt as AbstractDesignViewConfigButton,sr as AbstractDesignerPointerExtension,F as AbstractExtension,As as AbstractHtmlWriterService,mt as AbstractPolymerLikePropertiesService,ne as AbstractPropertiesService,ul as AbstractStylesheetService,Wa as AlignItemsContextMenu,as as AltToEnterContainerExtension,ls as AltToEnterContainerExtensionProvider,uf as AlwaysAbsolutePlacementService,qi as ApplyFirstMachingExtensionProvider,Ys as AttachedPropertiesService,mr as AttributeAndPropertyChangeAction,dr as AttributeChangeAction,Qi as AttributesPropertiesService,Un as BaseCustomWebComponentPropertiesService,pf as BaseCustomWebcomponentBindingsService,yf as BaseCustomWebcomponentDesignItemService,ae as BasePropertyEditor,Di as BaseServiceContainer,il as BasicContextMenu,Ke as BasicStackedToolbarExtension,Ga as BasicWebcomponentPropertiesService,hf as BindableObjectType,Yr as BindingMode,R as BindingTarget,Pf as BindingsRefactorService,La as BlockToolbarExtension,Oa as BlockToolbarExtensionProvider,Vn as BooleanPropertyEditor,Ar as BorderRadiusEditorWindow,kr as BoxShadowEditorWindow,Ot as ButtonSeperatorProvider,na as ChangeGroup,wi as ChildContextMenu,$a as ChildrenContextMenu,pr as CodeViewSimple,Ll as ColorEditor,Ol as ColorInput,An as ColorPropertyEditor,T as CommandType,et as CommonPropertiesService,Vt as ConditionExtensionProvider,pl as ContentAndIdPropertiesService,De as ContextMenu,ff as CopyPasteAsJsonService,jo as CopyPasteContextMenu,ws as CopyPasteService,_n as CssAttributeParser,Xf as CssClipPathGeometryReader,Ki as CssCombiner,_i as CssCurrentPropertiesService,xi as CssCustomPropertiesService,vn as CssEntry,Kf as CssOffsetPathGeometryReader,He as CssPropertiesService,jn as CssPropertyEditor,$f as CssShapeOutsideGeometryReader,Mi as CssStyleChangeAction,wl as CursorLinePointerExtension,Zf as CursorLinePointerExtensionProvider,Tn as DatePropertyEditor,nu as DebugView,tu as DefaultConfiguredDesignerView,ol as DefaultEditorTypeService,Zt as DefaultHtmlParserService,Dn as DefaultInstanceService,Ss as DefaultModelCommandService,gt as DefaultPlacementService,Yn as DefaultPropertyEditorTypesService,Qa as DeleteAction,Za as DeletionService,cr as DemoView,O as DesignItem,pa as DesignItemDocumentPositionService,tr as DesignItemService,or as DesignerCanvas,Ct as DesignerTabControl,Xr as DesignerToolbar,we as DesignerToolbarButton,Ci as DesignerView,Cs as DisplayGridExtension,vi as DisplayGridExtensionProvider,el as DisplayMediaPngWriterService,lu as DocumentContainer,J as DomConverter,xa as DragDropService,xe as DraggableToolWindow,wa as DrawElementTool,ks as DrawEllipsisTool,Is as DrawLineTool,Mo as DrawPathTool,Ps as DrawRectTool,Hs as DrawToolButtonProvider,Rr as DrawToolPopup,ca as EditGridColumnRowSizesExtension,ha as EditGridColumnRowSizesExtensionProvider,$i as EditTextExtension,vs as EditTextExtensionProvider,mf as ElectronPngWriterService,ms as ElementAtPointService,je as ElementDisplayType,so as ElementDragTitleExtension,ao as ElementDragTitleExtensionProvider,k as EventNames,Ne as EventsService,_l as ExtensionManager,D as ExtensionType,ys as ExternalDragDropService,fs as FlexBoxPlacementService,Ta as FlexToolbarExtension,Ma as FlexToolbarExtensionProvider,ea as FlexboxExtension,ia as FlexboxExtensionDesignViewConfigButtons,Br as FlexboxExtensionProvider,Ua as ForceCssContextMenu,xf as FormatingHtmlWriterService,Dr as GradientEditorWindow,js as GrayOutDragOverContainerExtension,Fr as GrayOutDragOverContainerExtensionProvider,os as GrayOutExtension,ss as GrayOutExtensionProvider,Us as GridAssignedRowColumnPropertyEditor,Ba as GridChildResizeExtension,Ha as GridChildResizeExtensionProvider,Va as GridChildToolbarExtension,Na as GridChildToolbarExtensionProvider,Es as GridExtensionDesignViewConfigButtons,us as GridPlacementService,Da as GridToolbarExtension,Aa as GridToolbarExtensionProvider,Io as HighlightElementExtension,Do as HighlightElementExtensionProvider,Ts as HtmlWriterService,gf as IframeDemoProviderService,Nn as ImageButtonListPropertyEditor,Li as IndentedTextWriter,Se as InsertAction,Wt as InsertChildAction,yl as InstanceServiceContainer,cs as InvisibleElementExtension,ra as InvisibleElementExtensionDesignViewConfigButtons,hs as InvisibleElementExtensionProvider,ds as ItemsBelowContextMenu,vf as JsonFileElementsService,Mn as JsonPropertyEditor,Sf as JsonPropertyPopupEditor,la as JumpToElementContextMenu,ru as LayerDepthView,Sl as LinePointerExtension,qf as LinePointerExtensionProvider,Cf as ListPropertiesService,oo as Lit2PropertiesService,fn as LitElementPropertiesService,ts as MagicWandSelectorTool,_o as MarginExtension,Co as MarginExtensionProvider,Ji as MarginTool,Ca as MathMLElementsPropertiesService,ar as MetricsEditor,Xs as MetricsPropertyEditor,iu as MiniatureView,qa as MiniatureViewService,wf as MultiplayerService,es as MultipleItemsSelectedContextMenu,ua as MultipleSelectionRectExtension,ma as MultipleSelectionRectExtensionProvider,te as NamedTools,gn as NativeElementsPropertiesService,A as NodeType,ya as NpmPackageLoader,Ln as NumberPropertyEditor,lr as NumericStyleInput,ga as ObservedCustomElementsRegistry,Xa as OptionsContextMenuButton,M as OverlayLayer,nr as OverlayLayerView,za as PaddingExtension,Fa as PaddingExtensionProvider,er as PaddingTool,$r as PaletteElements,ou as PaletteView,Go as PanTool,Yo as PasteFormatContextMenu,Ls as PathContextMenu,is as PickColorTool,qs as PlacementExtension,Js as PlacementExtensionProvider,Yl as PlainScrollbar,Pe as PointerActionType,Ao as PointerTool,Fs as PointerToolButtonProvider,Nr as PointerToolPopup,mn as PolymerPropertiesService,Po as PositionExtension,ko as PositionExtensionProvider,Hr as PreDefinedElementsService,ja as PreviousElementSelectExtension,Ya as PreviousElementSelectExtensionProvider,ir as ProjectiveTransformExtension,nl as ProjectiveTransformExtensionProvider,z as PropertiesHelper,Pn as PropertyChangeAction,qd as PropertyGrid,Qe as PropertyGridPropertyList,Jd as PropertyGridWithHeader,Zs as PropertyGroupsService,x as PropertyType,Ms as RectContextMenu,Tr as RectangleSelectorTool,El as RefactorView,Y as RefreshMode,Vo as ResizeExtension,No as ResizeExtensionProvider,zo as RotateExtension,Fo as RotateExtensionProvider,Bo as RotateGroupExtension,Ho as RotateGroupExtensionProvider,Rs as RotateLeftAndRight,Sa as RoundPixelsDesignViewConfigButton,yn as SVGElementsPropertiesService,Si as Screenshot,tl as SearchService,w as SegmentType,zs as SelectAllChildrenContextMenu,fr as SelectPropertyEditor,Lo as SelectionDefaultExtension,Oo as SelectionDefaultExtensionProvider,aa as SelectionService,zr as SelectionToolPopup,Gs as SelectorToolButtonProvider,Te as SeperatorContextMenu,Uf as SeperatorToolProvider,hn as ServiceContainer,fl as SetDesignItemsAction,ba as SimpleDemoProviderService,jr as SimpleToolButtonProvider,bl as SkewExtension,Qf as SkewExtensionProvider,gs as SnaplinesProviderService,al as StyleElementRenderedDesignItemService,ml as StylesheetChangedAction,wn as StylesheetServiceDesignViewConfigButtons,qn as SvgCircleGeometryReader,Zn as SvgEllipseGeometryReader,Qn as SvgLineGeometryReader,_r as SvgPathGeometryReader,Ea as SvgPathSourceMapProvider,Jn as SvgPolygonGeometryReader,eo as SvgPolylineGeometryReader,Kn as SvgRectGeometryReader,En as TextContentChangeAction,On as TextPropertyEditor,kf as TextRefactorService,Ir as TextShadowEditorWindow,ns as TextTool,Ws as TextToolButtonProvider,zn as ThicknessPropertyEditor,qo as ToolWindowsContextMenu,Ra as ToolbarExtensionsDesignViewConfigButtons,cl as TouchGestureHelper,yo as TransformOriginExtension,vo as TransformOriginExtensionProvider,da as TransformToolButtonProvider,yi as TransformToolPopup,su as TreeView,oa as UndoService,ka as UnifiedGeometryExtension,Ia as UnifiedGeometryExtensionProvider,Gn as UnitPropertyEditor,Ef as UnkownElementsPropertiesService,G as ValueType,Wr as WebcomponentManifestElementsService,_f as WebcomponentManifestEventsService,bf as WebcomponentManifestParserService,bi as WebcomponentManifestPropertiesService,Jo as ZMoveContextMenu,Ns as ZoomToElementContextMenu,Wo as ZoomTool,Bs as ZoomToolButtonProvider,Ye as appendCssImportant,dS as arraysEqual,P as assetsPath,bt as basicStackedToolbarExtensionOverlayOptionName,tm as calculateAlpha,Fi as calculateNormLegth,si as calculateOuterRect,Zd as calculateSpecificity,Ii as combineNumericStyleInputValue,Uk as copyTextToClipboard,Mr as copyToClipboard,lf as createDefaultServiceContainer,Am as createOverlayPathDataFromSvgGeometryElement,eP as createPasteFormatSnapshot,Gm as createPasteFormatSnapshotFromEntries,pi as createPathD,hd as createSvgPathHandleSourcePartKey,hS as dataURItoBlob,Bu as deepValue,ci as dragDropFormatNameBindingObject,Ni as dragDropFormatNameElementDefinition,yc as dragDropFormatNamePropertyGrid,Sn as enableStylesheetService,Fu as exportData,ue as filterChildPlaceItems,zc as filterNonElementItems,Bp as flexboxExtensionShowOverlayOptionName,Yt as forceActiveAttributeName,Xt as forceFocusAttributeName,Kt as forceFocusVisibleAttributeName,$t as forceFocusWithinAttributeName,at as forceHoverAttributeName,Ut as forceVisitedAttributeName,nn as formatNumericStyleInputNumber,Dm as fromOverlayPointToSvgUserSpace,uw as getActiveElement,Z as getBoundingClientRectAlsoForDisplayContents,wx as getCollaborationNodeIndex,TR as getCollaborationNodeIndexes,Vu as getContentBoxContentOffsets,gC as getCustomGeometryReader,MR as getDesignItemByCollaborationNodeIndex,io as getDesignItemCurrentPos,Hm as getEdgeMidpoint,Be as getEdgeOffsetPoint,Ou as getElementDisplaytype,mw as getElementOffsetsInContainer,un as getElementZoomFactor,xs as getFromClipboard,Qt as getGeometryReader,Hv as getOutwardNormal,jm as getPasteFormatEntries,va as getPossiblePlacementTarget,Xi as getQuadCenter,_s as getTextFromClipboard,Lr as gridExtensionShowOverlayOptionName,$ as hasCommandKey,Oi as hideAtDesignTimeAttributeName,Vi as hideAtRunTimeAttributeName,Ru as htmlAsString,dw as inDesigner,Lu as instanceOf,Kl as instanceOfAny,im as interpolateLinePoints,Kh as invisibleElementExtensionShowOverlayOptionName,zu as isAppleDevice,dn as isEmptyTextNode,kn as isFirefox,Bt as isInline,oi as isInlineAfter,mv as isSupportedSvgGeometryElement,Im as isVisualSvgElement,li as lockAtDesignTimeAttributeName,rm as moveSVGPath,pn as newElementFromString,Ui as normalizeToAbsolutePosition,ki as parseNumericStyleInputValue,of as parseSvgPathDataSourceMap,J1 as pasteFormatKinds,ro as placeDesignItem,pS as pointInRect,Qm as positionsJsonMime,V_ as provideSnaplinesWithDistance,N_ as provideSnaplinesWithDistanceDistance,fC as registerGeometryReader,Me as removeLeading,jt as removeTrailing,ur as requestAnimationFramePromise,V as roundValue,n0 as setAssetsPath,oc as setDeepValue,Hh as shadowrootGetSelection,uN as showPopup,Pt as sleep,Ht as splitCssImportant,kt as straightenLine,CE as svg,mi as svgAsString,Xm as switchContainer,Cr as toOverlayPointFromSvgUserSpace,no as transformOffsetByInverseLinearMatrix,en as w3color,Km as wrapSelectionInSpans};
+        `}),r.addEventListener("toggle",()=>{r.matches(":popover-open")||(r.remove(),t?.())},{once:!0}),r.showPopover({source:e}),()=>{r.matches(":popover-open")&&r.hidePopover(),r.remove(),t?.()}}Ja();Jt();bs();var cl=class n{static addTouchEvents(e){return new n(e)}constructor(e){this._target=e,e.addEventListener("touchstart",t=>this._touchStart(t)),e.addEventListener("touchmove",t=>this._touchMove(t)),e.addEventListener("touchend",t=>this._touchEnd(t)),e.addEventListener("touchcancel",t=>this._touchEnd(t))}_target;_started;_startX_0;_startY_0;_lastZoom;_lastPanDistanceX;_lastPanDistanceY;_startZoomDistance;multitouchEventActive;_mode=null;_touchStart(e){e.touches.length===2?(this.multitouchEventActive=!0,this._mode=null,this._started=!0,this._startX_0=e.touches[0].screenX,this._startY_0=e.touches[0].screenY,this._lastZoom=0,this._lastPanDistanceX=0,this._lastPanDistanceY=0,this._startZoomDistance=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY)):(this.multitouchEventActive=!1,this._started=!1)}_touchMove(e){if(e.touches.length!==2&&(this.multitouchEventActive=!1,this._started=!1),this._started){e.preventDefault();let t=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY),i=this._startX_0-e.touches[0].screenX,r=this._startY_0-e.touches[0].screenY,o=i-this._lastPanDistanceX,s=r-this._lastPanDistanceY;this._lastPanDistanceX=i,this._lastPanDistanceY=r;let a=t-this._startZoomDistance,l=a-this._lastZoom;if(this._lastZoom=a,this._lastZoom,this._mode||(Math.abs(a)>10&&(this._mode="zoom"),(Math.abs(i)>10||Math.abs(r)>10)&&(this._mode="pan")),this._mode){if(this._mode=="zoom"){let c=new CustomEvent("zoom",{detail:{factor:a,diff:l}});this._target.dispatchEvent(c)}else if(this._mode=="pan"){let c=new CustomEvent("pan",{detail:{x:i,deltaX:o,y:r,deltaY:s}});this._target.dispatchEvent(c)}}}}_touchEnd(e){this.multitouchEventActive=!1,e.touches.length}};Gt();Fe();In();Nh();rd();_a();Oe();Wh();Ro();oe();var Ur;(function(n){n.oneWay="oneWay",n.twoWay="twoWay"})(Ur||(Ur={}));nt();ee();var hf;(function(n){n.undefined="undefined",n.folder="folder",n.boolean="boolean",n.number="number",n.string="string",n.date="date",n.color="color",n.object="object"})(hf||(hf={}));nt();Ie();var pf=class n{static type="base-custom-webcomponent-binding";getBindings(e){let t=null;for(let i of e.attributes()){let r=i[0],o=i[1];if((o.startsWith("[[")||o.startsWith("{{"))&&(o.endsWith("}}")||o.endsWith("]]"))){t||(t=[]);let s={rawName:r,rawValue:o,service:this};i[0]==="bcw:visible"?(s.targetName="visibility",s.target=R.css,s.expression=o.substring(2,o.length-2)):i[0].startsWith("css:")?(s.targetName=r.substring(4),s.target=R.css,s.expression=o.substring(2,o.length-2)):i[0].startsWith("class:")?(s.targetName=r.substring(4),s.target=R.class,s.expression=o.substring(2,o.length-2)):i[0].startsWith("$")?(s.targetName=r.substring(1),s.target=R.attribute,s.expression=o.substring(2,o.length-2)):i[0].startsWith("@")?(s.targetName=r.substring(1),s.target=R.event,s.expression=o.substring(2,o.length-2)):i[0].startsWith(".")?(s.targetName=z.dashToCamelCase(r.substring(1)),s.target=R.explicitProperty,s.expression=o.substring(2,o.length-2)):(s.targetName=z.dashToCamelCase(r),s.target=R.property,s.expression=o.substring(2,o.length-2)),s.type=n.type,s.targetName=s.targetName,s.bindableObjectNames=[o.substring(2,o.length-2)],t.push(s)}}return t}setBinding(e,t){if(t.type!==n.type)return!1;let i="";switch(t.target){case R.explicitProperty:i+=".";break;case R.css:i+="css:";break;case R.class:i+="class";break;case R.attribute:i+="$";break;case R.event:i+="@";break}i+=t.targetName;let r=(t.mode==Ur.oneWay?"[[":"{{")+t.expression+(t.mode==Ur.oneWay?"]]":"}}");return e.setAttribute(i,r),!0}clearBinding(e,t,i){return!0}};st();Dc();Oe();ot();Xe();$e();Hi();de();Bi();function df(n){let e=n.element;return e instanceof SVGGraphicsElement&&!(e instanceof SVGSVGElement)&&!!Qt(e)}var hl=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(J.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,o,s){let a=o.x-i.x,l=o.y-i.y;if(!$(e)){if(t.alignOnGrid){let c=io(s,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=Z(s.element),h=t.snapLines.snapToPosition({x:o.x-r.x,y:o.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,o,s,a){let l=s.x,c=s.y;if(!$(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:s.x-o.x,y:s.y-o.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,o,s,a){}place(e,t,i,r,o,s,a){let l=this.calculateTrack(e,t,r,o,s,a[0]);e.shiftKey&&(l=kt({x:0,y:0},l,90));let c=ue(zc(a));for(let h of c){let p=h.instanceServiceContainer.designerCanvas.canvas,d=h.parent.element.getBoxQuads({relativeTo:p,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],u=h.parent.element.convertPointFromNode(new DOMPoint(l.x+d.p1.x,l.y+d.p1.y),p,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),f=new DOMMatrix;m.rotate!="none"&&m.rotate&&(f=f.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(f=f.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),u=f.inverse().transformPoint(u);let y=un(h.element);y!==1&&(u=new DOMPoint(u.x/y,u.y/y));let v=new DOMMatrix().translate(u.x,u.y);Xn(h.element,h.getStyle("transform"),v.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ue(t);for(let o of r)i=="drop"&&o.setStyle("position","absolute"),e.insertChild(o),o.lastContainerSize&&(o.hasStyle("width")||o.setStyle("width",o.lastContainerSize.width+"px"),o.hasStyle("height")||o.setStyle("height",o.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ue(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,o,s,a){let l=ue(a);for(let c of l){let h=zi(new DOMMatrix(c.element.style.transform)),p=zi(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let d={x:h.x,y:h.y},u=getComputedStyle(c.element),m=new DOMMatrix;u.rotate!="none"&&u.rotate&&(m=m.multiply(new DOMMatrix("rotate("+u.rotate.replace(" ",",")+")"))),u.scale!="none"&&u.scale&&(m=m.multiply(new DOMMatrix("scale("+u.scale.replace(" ",",")+")"))),df(c)||(d=m.transformPoint(d));let f={x:d.x-p.x,y:d.y-p.y};df(c)&&(f=no(f,new DOMMatrix(c.getStyle("transform")??""))),ro(i,c,f,"position")}for(let c of a)t.extensionManager.removeExtension(c,D.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}};var uf=class extends hl{serviceForContainer(e,t,i){return!0}};Hi();Jh();Zh();ep();Hd();Fe();var mf=class{_capturePageFn;constructor(e){this._capturePageFn=e}async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,o=i.zoomFactor,s=i.canvasOffset,a=r.selectedElements;try{i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await mr();let l=1/0,c=1/0,h=-1/0,p=-1/0;for(let ie of e){let X=i.getNormalizedElementCoordinates(ie.element);l=Math.min(l,X.x),c=Math.min(c,X.y),h=Math.max(h,X.x+X.width),p=Math.max(p,X.y+X.height)}let d=t?.margin??0;l-=d,c-=d,h+=d,p+=d;let u=Math.ceil(h-l),m=Math.ceil(p-c),f=i.outercanvas2,y=f.offsetWidth,v=f.offsetHeight,C=1,b=y-2*C,_=v-2*C,S=Math.ceil(u/b),E=Math.ceil(m/_),I=window.devicePixelRatio||1,j=Math.ceil(y*I),H=Math.ceil(v*I),N=Math.ceil(C*I),K=j-2*N,Q=H-2*N,ce=document.createElement("canvas");ce.width=Math.ceil(u*I),ce.height=Math.ceil(m*I);let B=ce.getContext("2d");for(let ie=0;ie<E;ie++)for(let X=0;X<S;X++){let q=l+X*b,We=c+ie*_;i.canvasOffset={x:-(q-C),y:-(We-C)},await mr(),await Pt(100);let ke=f.getBoundingClientRect(),Ze=await this._capturePageFn({x:Math.round(ke.left),y:Math.round(ke.top),width:Math.round(ke.width),height:Math.round(ke.height)}),qe=await this._loadImage(Ze);B.drawImage(qe,N,N,K,Q,X*K,ie*Q,K,Q)}let L=await(await new Promise(ie=>ce.toBlob(ie,"image/png"))).arrayBuffer();return new Uint8Array(L)}finally{i.zoomFactor=o,i.canvasOffset=s,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}};qh();np();st();bs();oe();Oe();var ff=class{async copyItems(e){let t=ue(e),i=J.ConvertToString(t,!1),r=t.map(s=>s.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(s.element));Lr([["text/html",i],["text/plain",i],["application/json",JSON.stringify({html:i,positions:r})]])}async getPasteItems(e,t){let i=await this._readClipboardPasteData();return i.imageData?[[await O.createDesignItemFromImageBlob(e,t,i.imageData)]]:[await e.htmlParserService.parse(i.html,e,t,!0),i.positions??void 0]}async _readClipboardPasteData(){let e="",t=null,i=null,r=await xs();if(r!=null){let o=r[0],s=await this._tryReadClipboardType(o,"application/json");if(s){let a=this._parseJsonClipboardData(s);e=a?.html??"",t=a?.positions??null}e||(e=await this._tryReadClipboardType(o,"text/html")??""),e||(e=await this._tryReadClipboardType(o,"text/plain")??"");try{let a=o.types.find(l=>l.startsWith("image/"));a&&(i=await o.getType(a))}catch{}}else e=await _s();return{html:e,positions:t,imageData:i}}_parseJsonClipboardData(e){try{return JSON.parse(e)}catch{return null}}async _tryReadClipboardType(e,t){try{return await(await e.getType(t))?.text()}catch{return null}}};Eh();Fd();import{DomHelper as yx}from"@node-projects/base-custom-webcomponent";var gf=class{provideDemo(e,t,i,r,o){return new Promise(s=>{let a=document.createElement("iframe");a.style.width="100%",a.style.height="100%",a.style.border="none",a.style.display="none",yx.removeAllChildnodes(e),e.appendChild(a),a.onload=()=>{a.style.display="block",s()};let l=a.contentWindow.document;if(l.open(),l.write('<script type="module">'),i.designContext.npmPackages?.length){l.write("import { NpmPackageLoader } from '../../helper/NpmPackageLoader.js'"),l.write("let loader =  new NpmPackageLoader();");for(let c of i.designContext.npmPackages)l.write("loader.loadNpmPackage('"+c+"', null, null, true);")}if(i.designContext.imports?.length)for(let c of i.designContext.imports)l.write("import '"+c+"';");l.write("document.body.style.display='';"),l.write("</script>"),l.write("<style>"+(o??"")+"</style>"),l.write('<body style="display:none; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute;">'+r+"</body>"),l.close()})}};od();Qp();Xd();cd();Pa();Ka();oe();Ka();var yf=class extends tr{createDesignItem(e,t,i,r){let o=new O(e,t,i,r);return e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&requestAnimationFrame(()=>{let s=1,a=e.getAttribute("sample-repeat-count");a&&(s=parseInt(a));for(let l=0;l<s;l++){let c=e;for(let h of e.content.childNodes)c=this.instanciateNode(c,h)}}),o}instanciateNode(e,t,i=!1){let r=t.cloneNode(!1);i?e.appendChild(r):e.parentNode.insertBefore(r,e.nextSibling),O.GetDesignItem(t).setView(r);for(let o of t.childNodes)this.instanciateNode(r,o,!0);return r}};tp();nd();import{LazyLoader as vx}from"@node-projects/base-custom-webcomponent";var vf=class{_name;get name(){return this._name}_elementList;_resolveStored;_rejectStored;getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}constructor(e,t){this._name=e,vx.LoadText(t.toString()).then(i=>{let r=JSON.parse(i);this._elementList=[],r.elements.forEach(o=>{this.isIElementDefintion(o)?this._elementList.push(o):this._elementList.push({tag:o})}),this._resolveStored&&(this._resolveStored.forEach(o=>o(this._elementList)),this._resolveStored=null,this._rejectStored=null)}).catch(i=>{this._rejectStored&&(this._rejectStored.forEach(r=>r(i)),this._resolveStored=null,this._rejectStored=null)})}isIElementDefintion(e){return e!=null&&e.tag!=null}};ed();td();jr();jr();var _f=class extends Ne{isHandledElementFromEventsService(e){return this.__eventsList?.[e.name]!=null}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ne._simpleMouseEvents,...Ne._pointerEvents,...Ne._allElements,...Ne._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}__eventsList;constructor(e,t){super(),this._parseManifest(t)}_parseManifest(e){this.__eventsList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let o=t.find(s=>s.name==r.declaration.name);if(o){if(o.events){let s=[];for(let a of o.events)s.push({name:a.name});s.length&&(this.__eventsList[r.name]=s)}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}};up();st();Ds();ee();Ie();de();Et();var ht;(function(n){n[n.inline=0]="inline",n[n.block=1]="block",n[n.complex=2]="complex"})(ht||(ht={}));var xf=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t){if(t.hasAttributes)for(let i of t.attributes())e.indentedTextWriter.write(" "),typeof i[1]=="string"?i[1]===""?e.indentedTextWriter.write(i[0]):e.indentedTextWriter.write(i[0]+'="'+J.normalizeAttributeValue(i[1])+'"'):i[1]||e.indentedTextWriter.write(i[0])}writeStyles(e,t){if(t.hasStyles){e.indentedTextWriter.write(' style="');let i=[...t.styles()],r=i.some(s=>t.isStyleImportant(s[0])),o=i;e.options.compressCssToShorthandProperties&&!r&&(o=Ki.combine(new Map(i)));for(let s of o)s[0]&&e.indentedTextWriter.write(z.camelToDashCase(s[0])+":"+J.normalizeAttributeValue(Ye(s[1],t.isStyleImportant(s[0])))+";");e.indentedTextWriter.write('"')}}_writeTextNode(e,t){e.lastElementDisplayType=je.inline;let i=t.parent?.name,r=J.normalizeContentValue(t.content,i);J.isRawTextElementName(i)||(e.containerDisplayType===ht.inline?r=this._normalizeInlineTextContent(r):r=r.trim()),r&&e.indentedTextWriter.write(r)}_normalizeInlineTextContent(e){if(!e?.trim())return"";let t=/^\s/.test(e),i=/\s$/.test(e),r=e.replaceAll(/[\t\r\n ]+/g," ").trim();return`${t?" ":""}${r}${i?" ":""}`}_writeCommentNode(e,t){e.indentedTextWriter.write("<!--"+t.content+"-->")}_writeElementNode(e,t){let i=Ou(t.element);e.lastElementDisplayType=i,e.indentedTextWriter.write("<"+t.name),this.writeAttributes(e,t),this.writeStyles(e,t),e.indentedTextWriter.write(">");let r=!1;if(t.hasChildren){let o=t.children();r=t.childCount===1&&t.firstChild.nodeType===A.TextNode;let s=e.containerDisplayType;e.containerDisplayType=this.getContainerType(t.element),r?this._writeInternal(e,t.firstChild):(e.containerDisplayType!==ht.inline&&e.indentedTextWriter.levelRaise(),this._writeDesignItemList(i,e,o),e.containerDisplayType!==ht.inline&&e.indentedTextWriter.levelShrink()),e.containerDisplayType=s}else t.hasContent&&e.indentedTextWriter.write(J.normalizeContentValue(t.content,t.name));J.IsSelfClosingElement(t.name)||(i===je.block&&t.hasChildren&&!r&&this._writeNewlineAndIntend(e),e.indentedTextWriter.write("</"+t.name+">"),i!==je.none&&(e.lastElementDisplayType=i))}_writeDesignItemList(e,t,i){for(let r of i)t.lastElementDisplayType==null||t.containerDisplayType===ht.inline||(t.containerDisplayType===ht.complex?this._writeNewlineAndIntend(t):t.lastElementDisplayType!==je.inline&&this._writeNewlineAndIntend(t)),this._writeInternal(t,r)}_writeNewlineAndIntend(e){e.indentedTextWriter.writeNewline(),e.indentedTextWriter.writeIndent()}_writeInternal(e,t){let i=e.indentedTextWriter.position;t.nodeType===A.TextNode?this._writeTextNode(e,t):t.nodeType===A.Comment?this._writeCommentNode(e,t):t.nodeType===A.Element&&this._writeElementNode(e,t),e.designItemsAssignmentList&&e.designItemsAssignmentList.set(t,{start:i,length:e.indentedTextWriter.position-i-1})}getContainerType(e){let t=(e.ownerDocument.defaultView??window).getComputedStyle(e).display;return t==="inline"?ht.inline:t==="block"||t==="inline-block"||t==""?ht.block:ht.complex}write(e,t,i){let r={indentedTextWriter:e,options:this.options,lastElementDisplayType:null,containerDisplayType:ht.block};this._writeDesignItemList(je.inline,r,t)}};mp();wr();cc();nt();ve();fe();ze();Fe();fa();jr();var bf=class extends ne{getRefreshMode(e){return Y.none}_name;get name(){return this._name}_packageData;_elementList;_propertiesList;__eventsList;_resolveStored;_rejectStored;_importPrefix="";constructor(e,t,i=""){if(super(),this._name=e,this._importPrefix=i,typeof t=="string"){this._importPrefix=this._importPrefix??t.split("/").slice(0,-1).join("/");let r;window.importShim?r=importShim(t,{with:{type:"json"}}):r=import(t,{with:{type:"json"}}),r.then(o=>{this._packageData=o.default,this._parseManifest()}).catch(o=>{this._rejectStored&&(this._rejectStored.forEach(s=>s(o)),this._resolveStored=null,this._rejectStored=null)})}else this._packageData=t,this._parseManifest()}_parseManifest(){this._elementList=[],this._propertiesList={};for(let e of this._packageData.modules){for(let t of e.exports)if(t.kind=="custom-element-definition"){this._elementList.push({tag:t.name,import:jt(this._importPrefix,"/")+"/"+Me(e.path,"/")});let i=[],r=e.declarations.find(o=>o.name==t.declaration.name);for(let o of r.members)if(o.kind=="field"){let s=x.property;r.attributes&&(s=r.attributes.find(l=>l.fieldName==o.name)!=null?x.propertyAndAttribute:x.property);let a=bi.manifestClassPropertyTypeToEditorPropertyType(o.type?.text,o.type?.editor);i.push({name:o.name,service:this,propertyType:s,type:a[0],values:a[1],description:o.description})}if(this._propertiesList[t.name]=i,r.events){let o=[];for(let s of r.events)o.push({name:s.name});o.length&&(this.__eventsList[t.name]=o)}}this._resolveStored&&(this._resolveStored.forEach(t=>t(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}async getElements(){return this._packageData?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}isHandledElement(e){return this._elementList?this._elementList.find(t=>t.tag==e.name)!=null:!1}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==x.attribute?R.attribute:R.property}isHandledElementFromEventsService(e){return this.__eventsList?this.__eventsList[e.name]!=null:!1}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ne._simpleMouseEvents,...Ne._pointerEvents,...Ne._allElements,...Ne._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}};Bd();sp();var wf=class{constructor(e,t,i){}cursorsChanged};kc();Yd();ve();Np();Le();gc();hc();Pc();Ec();pc();vc();dc();import{html as _x,BaseCustomWebComponentConstructorAppend as xx}from"@node-projects/base-custom-webcomponent";var Sf=class extends xx{static template=_x`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;constructor(){super()}};uc();mc();fc();_c();Lp();Mp();Ie();Ai();Ap();Ks();Ic();Dd();Ti();fe();ze();ve();ut();nt();var pl=class extends ne{getRefreshMode(e){return Y.none}contentProperty={name:"textContent",type:"string",service:this,propertyType:x.property};idProperty={name:"id",type:"string",service:this,propertyType:x.propertyAndAttribute};innerHtmlProperty={name:"innerHTML",type:"string",service:this,propertyType:x.property};name="content";isHandledElement(e){return!0}async getProperty(e,t){return t=="id"?this.idProperty:this.contentProperty}async getProperties(e){return[this.idProperty,this.contentProperty,this.innerHtmlProperty]}clearValue(e,t,i="all"){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let r=e[0].openGroup("property cleared: "+t.name);for(let o of e)i!="binding"&&o.clearChildren(),i!="value"&&o.serviceContainer.forSomeServicesTillResult("bindingService",s=>s.clearBinding(o,t.name,this.getPropertyTarget(o,t))),this._notifyChangedProperty(o,t,void 0);r.commit()}else super.clearValue(e,t,i)}isSet(e,t){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let i=!0,r=!1;if(e!=null&&e.length!==0){e.forEach(s=>{let a=!1;a=s.element.childNodes.length>0,i=i&&a,r=r||a});let o=ne.getOrBuildCachedBindings(e[0]);if(o&&o.find(s=>(s.target==R.property||s.target==R.explicitProperty)&&s.targetName==t.name))return G.bound}return i?G.all:r?G.some:G.none}return super.isSet(e,t)}getValue(e,t){return t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name?e[0].element.textContent:super.getValue(e,t)}};Op();Qs();ze();fe();ve();var Cf=class extends ne{getRefreshMode(e){return Y.full}name="list";_propertys=new Map;constructor(e,t){super(t);for(let i in e){let r=[];this._propertys.set(i,r);for(let o in e[i]){let s=e[i][o];r.push({name:s.name,propertyName:s.propertyName,attributeName:s.attributeName,description:s.description,type:s.type,default:s.default,min:s.min,max:s.max,step:s.step,values:s.values,enumValues:s.enumValues,value:s.value,defaultValue:s.defaultValue,service:this,propertyType:s.propertyType??x.propertyAndAttribute})}}}isHandledElement(e){return this._propertys.has(e.element.localName)}_notifyChangedProperty(e,t,i){}async getProperties(e){return this._propertys.get(e.element.localName)}};Zl();Fc();ld();ql();Jl();Ql();ze();fa();Tp();Vp();ze();ve();fe();var Ef=class extends ne{getRefreshMode(e){return Y.full}isHandledElement(e){return!0}async getProperties(e){let t=Object.getOwnPropertyNames(Object.getPrototypeOf(e.element)),i=[];for(let r of t){if(r.startsWith("on"))continue;let o=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e.element),r);if(o.get||o.set){let s=e.element[r];typeof s=="boolean"?i.push({name:r,type:"boolean",service:this,propertyType:x.propertyAndAttribute}):typeof s=="number"?i.push({name:r,type:"bonumberolean",service:this,propertyType:x.propertyAndAttribute}):i.push({name:r,type:"string",service:this,propertyType:x.propertyAndAttribute})}}return i}};fe();ut();var Pf=class{getRefactorings(e){let t=[];for(let i of e){let r=i.serviceContainer.bindingService.getBindings(i);if(r)for(let o of r)for(let s of o.bindableObjectNames)if(s.includes(":")){let a=s.split(":")[0],l=s.substring(a.length+1);t.push({service:this,name:l,itemType:"signal",designItem:i,type:"binding",sourceObject:o,display:o.target+"/"+o.targetName+" - "+a+":",shortName:a})}else t.push({service:this,name:s,itemType:"signal",designItem:i,type:"binding",sourceObject:o,display:o.target+"/"+o.targetName})}return t}refactor(e,t,i){let r=e.sourceObject;e.shortName?r.bindableObjectNames=r.bindableObjectNames.map(o=>o==e.shortName+":"+t?e.shortName+":"+i:o):r.bindableObjectNames=r.bindableObjectNames.map(o=>o==t?i:o),e.designItem.serviceContainer.bindingService.setBinding(e.designItem,r)}};var kf=class{getRefactorings(e){let t=[];for(let i of e)if((i.element instanceof i.window.HTMLInputElement||i.element instanceof i.window.HTMLTextAreaElement)&&i.element.value&&t.push({service:this,name:i.element.value,itemType:"text",designItem:i,type:"attribute",sourceObject:i,display:"attribute/value"}),i.childCount>0&&i.element.textContent){let r=!0;for(let o of i.element.childNodes)o.nodeType!=3&&(r=!1);r&&t.push({service:this,name:i.element.textContent,itemType:"text",designItem:i,type:"content",sourceObject:i,display:"textContent"})}return t}refactor(e,t,i){e.type=="attribute"?e.designItem.setAttribute("value",i):e.type=="content"&&(e.designItem.content=i)}};ee();var $d=Symbol("collaborationNodeIndexCache");function bx(n){let e=[],t=new WeakMap,i=0,r=o=>{if(o&&(!o.isRootItem&&o.nodeType===A.Element&&(e.push(o),t.set(o,i++)),o.hasChildren))for(let s of o.children())r(s)};return r(n),{orderedItems:e,byItem:t}}function If(n,e){if(e?.[$d])return e[$d];let t=bx(n);return e&&(e[$d]=t),t}function wx(n,e){if(!n||n.isRootItem)return null;let t=n.instanceServiceContainer.designerCanvas.rootDesignItem;return If(t,e).byItem.get(n)??null}function TR(n,e){return n?.length?n.map(t=>wx(t,e)).filter(t=>t!=null):[]}function MR(n,e,t){return e==null||e<0?null:If(n,t).orderedItems[e]??null}Wd();Yp();oe();import{TypedEvent as Wf}from"@node-projects/base-custom-webcomponent";function Zd(n){let e={A:0,B:0,C:0};return Sx(n)?(Ex(n,0,e),e):(Cx(n,e),e)}function Sx(n){for(let e=0;e<n.length;e++){let t=n.charCodeAt(e);if(t===58||t===91||t===40||t===44||t===92)return!0}return!1}function Cx(n,e){let t=n.length,i=0;for(;i<t;){let r=n.charCodeAt(i);if(r===124&&i+1<t&&n.charCodeAt(i+1)===124){i+=2;continue}if(r===32||r===62||r===43||r===126){i++;continue}if(r===35){for(e.A++,i++;i<t&&Xr(n.charCodeAt(i));)i++;continue}if(r===46){for(e.B++,i++;i<t&&Xr(n.charCodeAt(i));)i++;continue}if(r===42){i++;continue}if(Hf(r)||r===124){for(;i<t;){let o=n.charCodeAt(i);if(Xr(o)||o===124)i++;else break}e.C++;continue}i++}}function Ex(n,e,t){let i=e,r=0,o=0,s=0;for(;i<n.length;){if(r=o=s=0,i=rr(n,i,t,!0),r=t.A,o=t.B,s=t.C,n.charCodeAt(i)===44){i++;let a=r,l=o,c=s;for(;i<n.length;){if(t.A=t.B=t.C=0,i=rr(n,i,t,!0),(t.A>a||t.A===a&&(t.B>l||t.B===l&&t.C>c))&&(a=t.A,l=t.B,c=t.C),n.charCodeAt(i)===44){i++;continue}break}t.A=a,t.B=l,t.C=c}break}return i}function rr(n,e,t,i){let r=e;for(i&&(t.A=t.B=t.C=0);r<n.length;){let o=n.charCodeAt(r);if(o===44||o===41)break;if(o===124&&n.charCodeAt(r+1)===124){r+=2;continue}if(o===32||o===62||o===43||o===126){r++;continue}if(o===35){r=dl(n,r+1),t.A++;continue}if(o===46){r=dl(n,r+1),t.B++;continue}if(o===91){r=Kd(n,r,91,93),t.B++;continue}if(o===58){if(n.charCodeAt(r+1)===58){r+=2,r=dl(n,r),n.charCodeAt(r)===40&&(r=Kd(n,r,40,41)),t.C++;continue}let s=r+1,a=dl(n,s);if(r=a,Dx(n,s,a-s)){t.C++;continue}if(n.charCodeAt(r)===40){let l=r+1,c=Kd(n,r,40,41),h=a-s;switch(Ix(n,s,h)){case Df:r=c;continue;case Af:case Tf:case Mf:case zf:case Ff:case Bf:{let d=0,u=0,m=0,f=l,y=c-1;for(;f<y;){let v={A:0,B:0,C:0};if(f=Px(n,f,v),(v.A>d||v.A===d&&(v.B>u||v.B===u&&v.C>m))&&(d=v.A,u=v.B,m=v.C),n.charCodeAt(f)===44)f++;else break}t.A+=d,t.B+=u,t.C+=m,r=c;continue}case Lf:{let d={A:0,B:0,C:0};rr(n,l,d,!1),t.A+=d.A,t.B+=d.B,t.C+=d.C,r=c;continue}case Of:case Vf:{t.B++;let d={A:0,B:0,C:0};rr(n,l,d,!1),t.A+=d.A,t.B+=d.B,t.C+=d.C,r=c;continue}case Nf:case Rf:{t.B++;let d=c-1,u=Ax(n,l,d);if(u!==-1){let m=u+2;for(;m<d&&Qd(n.charCodeAt(m));)m++;let f=0,y=0,v=0,C=m;for(;C<d;){let b={A:0,B:0,C:0};if(C=rr(n,C,b,!1),(b.A>f||b.A===f&&(b.B>y||b.B===y&&b.C>v))&&(f=b.A,y=b.B,v=b.C),n.charCodeAt(C)===44)C++;else break}t.A+=f,t.B+=y,t.C+=v}r=c;continue}default:t.B++,r=c;continue}}else{t.B++;continue}}if(o===42){r++;continue}if(Hf(o)||o===124){for(;r<n.length&&(Xr(n.charCodeAt(r))||n.charCodeAt(r)===124);)r++;t.C++;continue}r++}return r}function Px(n,e,t){return rr(n,e,t,!1)}var kx=0,Df=1,Af=2,Tf=3,Mf=4,Lf=5,Of=6,Vf=7,Nf=8,Rf=9,zf=10,Ff=11,Bf=12;function Ix(n,e,t){return t===5&&n.charCodeAt(e)===119&&n.charCodeAt(e+1)===104&&n.charCodeAt(e+2)===101&&n.charCodeAt(e+3)===114&&n.charCodeAt(e+4)===101?Df:t===3&&n.charCodeAt(e)===110&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===116?Tf:t===2&&n.charCodeAt(e)===105&&n.charCodeAt(e+1)===115?Af:t===3&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===97&&n.charCodeAt(e+2)===115?Mf:t===4&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===115&&n.charCodeAt(e+3)===116?Of:t===12&&n.charCodeAt(e)===104&&n.charCodeAt(e+4)===45&&n.charCodeAt(e+5)===99&&n.substring(e,e+t)==="host-context"?Vf:t===7&&n.charCodeAt(e)===115&&n.substring(e,e+7)==="slotted"?Lf:t===9&&n.charCodeAt(e)===110&&n.substring(e,e+9)==="nth-child"?Nf:t===14&&n.charCodeAt(e)===110&&n.substring(e,e+14)==="nth-last-child"?Rf:t===7&&n.charCodeAt(e)===109&&n.substring(e,e+7)==="matches"?zf:t===11&&n.charCodeAt(e)===45&&n.substring(e,e+11)==="-webkit-any"?Ff:t===8&&n.charCodeAt(e)===45&&n.substring(e,e+8)==="-moz-any"?Bf:kx}function Dx(n,e,t){if(t===6){let i=n.charCodeAt(e);if(i===98)return n.substring(e,e+6)==="before";if(i===97)return n.substring(e,e+6)==="after"}return t===5&&n.charCodeAt(e)===97?n.substring(e,e+5)==="after":t===10&&n.charCodeAt(e)===102?n.substring(e,e+10)==="first-line":t===12&&n.charCodeAt(e)===102?n.substring(e,e+12)==="first-letter":!1}function Hf(n){return n>=65&&n<=90||n>=97&&n<=122||n===95||n===45||n===92}function Xr(n){return n>=65&&n<=90||n>=97&&n<=122||n>=48&&n<=57||n===95||n===45||n===92}function Qd(n){return n===32||n===9||n===10||n===13||n===12}function dl(n,e){let t=e;for(;t<n.length;){let i=n.charCodeAt(t);if(i===92){t+=2;continue}if(!Xr(i))break;t++}return t}function Kd(n,e,t,i){let r=0,o=0,s=e;for(;s<n.length;){let a=n.charCodeAt(s);if(o){if(a===92){s+=2;continue}a===o&&(o=0),s++;continue}if(a===34||a===39){o=a,s++;continue}if(a===t)r++;else if(a===i&&(r--,r===0))return s+1;s++}return s}function Ax(n,e,t){let i=e;for(;i<=t-1;){for(;i<=t-1&&Qd(n.charCodeAt(i));)i++;if(n.charCodeAt(i)===111&&n.charCodeAt(i+1)===102&&(i+2>t-1||Qd(n.charCodeAt(i+2))||n.charCodeAt(i+2)===40))return i;i++}return-1}Ud();var ul=class n{_stylesheets=new Map;_documentStylesheets=new Map;_allStylesheets=new Map;_instanceServiceContainer;constructor(e){this._instanceServiceContainer=e.instanceServiceContainer}async setStylesheets(e){await this.internalSetStylesheets(e,this._stylesheets)}async setDocumentStylesheets(e){await this.internalSetStylesheets(e,this._documentStylesheets)}async internalSetStylesheets(e,t){if(t!=null&&e!=null&&t.size==e.length&&e.every(i=>t.has(i.name)))for(let i of e){let r=t.get(i.name);if(r.stylesheet.content!=i.content){try{t.set(i.name,{stylesheet:i,ast:await this.internalParse(i.content)})}catch(o){console.warn("error parsing stylesheet",i,o)}t==this._stylesheets&&this.stylesheetChanged.emit({name:i.name,newStyle:i.content,oldStyle:r.stylesheet.content,changeSource:"extern"})}}else if(e!=null){t.clear();for(let i of e){let r=null;try{r=await this.internalParse(i.content)}catch(o){console.warn("error parsing stylesheet",i,o)}t.set(i.name,{stylesheet:i,ast:r})}t==this._stylesheets&&this.stylesheetsChanged.emit()}else t.clear();this._allStylesheets.clear();for(let i of this._documentStylesheets)this._allStylesheets.set(i[0],i[1]);for(let i of this._stylesheets)this._allStylesheets.set(i[0],i[1])}async internalReparseStylesheet(e){let t=this._allStylesheets;this._documentStylesheets.has(e)&&(t=this._documentStylesheets),this._stylesheets.has(e)&&(t=this._stylesheets);let i=t.get(e),r=null;try{r=await this.internalParse(i.stylesheet.content)}catch(s){console.warn("error parsing stylesheet",e,s)}let o={stylesheet:i.stylesheet,ast:r};this._stylesheets.set(e,o),this._allStylesheets.set(e,o)}getStylesheets(){let e=[];for(let t of this._stylesheets)e.push(t[1].stylesheet);return e}getDeclarationsSortedBySpecificity(e,t){let i=this.getDeclarations(e,t);return i.reverse().sort((r,o)=>r.parent.specificity==null?-1:o.parent.specificity==null?1:r.parent.specificity.A>o.parent.specificity.A||r.parent.specificity.A===o.parent.specificity.A&&r.parent.specificity.B>o.parent.specificity.B||r.parent.specificity.A===o.parent.specificity.A&&r.parent.specificity.B===o.parent.specificity.B&&r.parent.specificity.C>o.parent.specificity.C?-1:r.parent.specificity.A===o.parent.specificity.A&&r.parent.specificity.B===o.parent.specificity.B&&r.parent.specificity.C===o.parent.specificity.C?0:1),i}updateDeclarationValue(e,t,i){this.updateDeclarationValueWithoutUndo(e,t,i)}stylesheetChanged=new Wf;stylesheetsChanged=new Wf;static patchStylesheetSelectorForDesigner(e){return sl(e,{forceHoverAttributeName:at,forceActiveAttributeName:Yt,forceVisitedAttributeName:Ut,forceFocusAttributeName:Xt,forceFocusWithinAttributeName:$t,forceFocusVisibleAttributeName:Kt})}elementMatchesASelector(e,t){let i=null;for(let r of t)try{let o=n.patchStylesheetSelectorForDesigner(r);if(e&&o===":host"&&e.isRootItem){let s=Zd(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}else if(!e||e.element.matches(o)){let s=Zd(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}}catch{console.warn("invalid selector: ",r,"patched: "+n.patchStylesheetSelectorForDesigner(r))}return i===null?!1:i}};Gp();jp();tc();ac();ec();zd();vt();rc();sc();var ml=class{stylesheetService;constructor(e,t,i,r){this.title="Changed Css Stylesheet: "+t,this.stylesheetService=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[]}undo(){return this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.oldValue),null}do(){return this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.newValue),null}name;newValue;oldValue;mergeWith(e){return!1}};var fl=class{constructor(e,t){this.title="Set all DesignItems",this.newDesignItems=e,this.oldDesignItems=t}title;get affectedItems(){return this.newDesignItems}undo(){return this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.oldDesignItems),null}do(){return this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.newDesignItems),null}newDesignItems;oldDesignItems;mergeWith(e){return!1}};nc();ln();ln();import{TypedEvent as Tx}from"@node-projects/base-custom-webcomponent";var gl=class{imports=[];npmPackages=[];extensionOptions={gridExtensionShowOverlay:!1,flexboxExtensionShowOverlay:!1,invisibleElementExtensionShowOverlay:!1,enableStylesheetService:!1,basicStackedToolbarExtensionShowOverlay:!1,simulateHoverOnHover:!1,selectUnhitableElements:!0};extensionOptionsChanged=new Tx};import{TypedEvent as Mx}from"@node-projects/base-custom-webcomponent";var yl=class extends Di{designContext=new gl;designerCanvas;collaborationService;designer;documentContainer;onContentChanged=new Mx;constructor(e){super(),this.designerCanvas=e}get rootDesignItem(){return this.designerCanvas.rootDesignItem}get undoService(){return this.getLastService("undoService")}get selectionService(){return this.getLastService("selectionService")}get stylesheetService(){return this.getLastService("stylesheetService")}get designItemDocumentPositionService(){return this.getLastService("designItemDocumentPositionService")}};$l();ve();ut();Gt();fe();he();import{BaseCustomWebComponentLazyAppend as Lx,css as Ox,DomHelper as Gf}from"@node-projects/base-custom-webcomponent";var Qe=class n extends Lx{_div;_propertyMap=new Map;_serviceContainer;_propertiesService;_designItems;_lastClassType;_addCounter=0;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;get propertiesService(){return this._propertiesService}static get style(){return Ox`:host{display:block;height:100%;overflow:auto;box-sizing:border-box}.content-wrapper{padding:.5em;display:grid;grid-template-columns:var(--wcd-property-grid-columns,11px minmax(80px,auto) minmax(120px,1fr));row-gap:var(--wcd-property-grid-row-gap,0);align-items:center;grid-auto-rows:minmax(24px,auto);align-items:center}input,label,select{display:inline-block;color:var(--wcd-color-text,#fff);background:0 0;margin:2px 0;padding:0 2px 0 4px;width:110px;white-space:nowrap}.style-label,label{box-sizing:border-box;display:inline-block;font-size:var(--wcd-property-grid-label-font-size,13px);width:auto;overflow:hidden;text-overflow:ellipsis;margin-right:2px}input,select{padding:0;padding-left:3px}input,select{border:none}.content-wrapper>input,.content-wrapper>select,.editor-control{border:1px solid var(--wcd-input-border-color,var(--input-border-color,var(--wcd-color-border,#596c7a)));border-radius:var(--wcd-property-grid-editor-border-radius,0)}.editor-control,input,select{height:var(--wcd-property-grid-editor-height,24px);box-sizing:border-box;font-size:11px;width:100%;margin:0}.editor-control:focus,input:focus,select:focus{outline:0;box-shadow:none}.editor-control[disabled],input[disabled],select[disabled]{color:var(--wcd-color-text-muted,#bdbdbd)}select{background:0 0}select:focus option{color:var(--wcd-property-grid-select-option-color,#000)}.unset-value{color:var(--wcd-property-grid-unset-value-color,var(--wcd-color-text-muted,#778899))}.unset-value>*{color:var(--wcd-property-grid-unset-value-color,var(--wcd-color-text-muted,#778899))}.unset-value:focus{color:var(--wcd-color-text,#fff)}.group-header{grid-column:1/3;font-size:10px;font-family:monospace}.group-header[clickable]:hover{cursor:pointer;color:var(--wcd-property-grid-group-header-hover-color,orange);text-decoration:underline}.group-header::after{content:" ▾";font-size:14px}.group-header.expanded::after{content:" ▴";font-size:14px}.group-desc{display:inline-flex;flex-direction:row-reverse;font-size:10px;text-decoration:underline}.group-desc[clickable]:hover{cursor:pointer;color:var(--wcd-property-grid-group-header-hover-color,orange);text-decoration:underline}.dragOverProperty{outline:2px dashed var(--wcd-property-grid-drop-target-color,orange);outline-offset:-2px}`}constructor(e){super(),this._restoreCachedInititalValues(),this._serviceContainer=e,this._div=document.createElement("div"),this._div.className="content-wrapper",this.shadowRoot.appendChild(this._div)}setPropertiesService(e){this._propertiesService!=e&&(this._propertiesService=e,Gf.removeAllChildnodes(this._div),this._propertyMap.clear())}async createElements(e){if(!this._shouldCreateElements(e))return!0;let t=await this._propertiesService?.getProperties(e);return this._rebuildElements(e,t)}_shouldCreateElements(e){if(!this._propertiesService)return!1;if(this._propertyMap.size==0)return!0;let t=this._propertiesService.getRefreshMode(e);return t!==Y.none&&(t!==Y.fullOnClassChange||this._lastClassType!==e.element.constructor)}_rebuildElements(e,t){if(this._lastClassType=e.element.constructor,Gf.removeAllChildnodes(this._div),this._propertyMap.clear(),t?.length){for(let i of t)"properties"in i?this.createPropertyGroups(i):this.createPropertyEditors(i);return!0}return!1}createPropertyGroups(e){let t=document.createElement("span");t.addEventListener("click",()=>{this.expandOrCollapsePropertyGroups(e),t.classList.toggle("expanded")}),t.innerHTML=e.name.replaceAll(`
+`,"<br>"),t.className="group-header",this._div.appendChild(t);let i=document.createElement("span");i.innerHTML=e.description??"",i.className="group-desc",this.propertyGroupHover&&(t.onmouseenter=()=>{this.propertyGroupHover(e,"name")?t.setAttribute("clickable",""):t.removeAttribute("clickable")},t.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"name")},i.onmouseenter=()=>{this.propertyGroupHover(e,"desc")?i.setAttribute("clickable",""):i.removeAttribute("clickable")},i.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"desc")}),this._div.appendChild(i);for(let r of e.properties)this.createPropertyEditors(r,!0)}expandOrCollapsePropertyGroups(e){for(let t of e.properties){let i=this._propertyMap.get(t),r=i.labelElement.style.display=="none"?"flex":"none";i.editor.element&&(i.editor.element.style.display=r),i.labelElement&&(i.labelElement.style.display=r),i.isSetElement.parentElement&&(i.isSetElement.parentElement.style.display=r)}}createPropertyEditors(e,t){let i,r;if(e.createEditor?i=e.createEditor(e):i=this._serviceContainer.forSomeServicesTillResult("propertyEditorTypesService",o=>o.getEditorForProperty(e)),i){let o=document.createElement("div");t&&(o.style.marginLeft="10px"),o.style.width="20px",o.style.height="20px",o.style.display="flex",o.style.alignItems="center";let s=document.createElement("div");if(s.style.width="7px",s.style.height="7px",s.style.border="1px white solid",s.style.cursor="pointer",e.propertyType!=x.complex&&o.appendChild(s),this._div.appendChild(o),e.readonly!==!0&&(s.oncontextmenu=a=>{a.preventDefault(),this.openContextMenu(a,e)},s.onclick=a=>{a.preventDefault(),this.openContextMenu(a,e)}),e.type=="addNew"){let a=i.element;a.disabled=!0,a.id="addNew_input_"+ ++this._addCounter;let l=document.createElement("input");if(r=l,t&&(l.style.marginLeft="10px",l.style.width="calc(100% - 10px)"),l.value=e.name,l.type="text",l.id="addNew_label_"+this._addCounter,l.onkeyup=c=>{c.key=="Enter"&&l.value&&(e.name=l.value,l.disabled=!0,a.disabled=!1,a.focus())},e.service.getPropertyNameSuggestions){let c=e.service.getPropertyNameSuggestions(null),h=document.createElement("datalist");h.id="addNew_"+this._addCounter+"_datalist";for(let p of c){let d=document.createElement("option");d.value=p,h.append(d)}this._div.appendChild(h),l.setAttribute("list",h.id)}this._div.appendChild(l)}else if(e.hideLabel)r=document.createElement("span");else if(e.renamable){let a=document.createElement("input");r=a,t&&(a.style.marginLeft="10px",a.style.width="calc(100% - 10px)"),a.id="label_"+e.name;let l=i.element;a.value=e.name,a.onkeyup=async c=>{if(c.key=="Enter"&&a.value){let h=this._designItems[0].openGroup("rename property name from '"+e.name+"' to '"+a.value+"'");e.service.clearValue(this._designItems,e,"all"),e.name=a.value,await e.service.setValue(this._designItems,e,l.value),h.commit(),this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems)}},this._div.appendChild(a)}else{let a=document.createElement("label");r=a,t&&(a.style.marginLeft="10px"),a.htmlFor=e.name,a.textContent=e.displayName??e.name,a.title=e.description??(e.displayName??e.name)+" (type: "+e.type+(e.defaultValue?", default: "+e.defaultValue:"")+", propertytype: "+e.propertyType+")",a.ondragleave=l=>this._onDragLeave(l,e,a),a.ondragover=l=>this._onDragOver(l,e,a),a.ondrop=l=>this._onDrop(l,e,a),this._div.appendChild(a)}e.name&&(i.element.id=e.name),i.element instanceof HTMLElement&&i.element.classList.add("editor-control"),e.hideLabel&&(i.element.style.gridColumn="2 / 4"),this._div.appendChild(i.element),this._propertyMap.set(e,{isSetElement:s,labelElement:r,editor:i})}}_onDragLeave(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty")}_onDragOver(e,t,i){if(e.preventDefault(),e.dataTransfer.types.indexOf(ci)>=0){let s=this._serviceContainer.bindableObjectDragDropService;if(s){let a=s.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}if(e.dataTransfer.types.indexOf(yc)>=0){let s=this._serviceContainer.propertyGridDragDropService;if(s){let a=s.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}}_onDrop(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty");let r=e.dataTransfer.getData(ci);if(r){let s=JSON.parse(r),a=this._serviceContainer.bindableObjectDragDropService;a&&a.dropOnProperty(e,t,s,this._designItems)}let o=e.dataTransfer.getData(yc);if(o){let s=JSON.parse(o),a=this._serviceContainer.propertyGridDragDropService;a&&a.dropOnProperty(e,t,s,this._designItems)}}openContextMenu(e,t){let i;this.propertyContextMenuProvider&&(i=this.propertyContextMenuProvider(this._designItems,t)),i||(i=t.service.getContextMenu(this._designItems,t)),De.show(i,e)}designItemsChanged(e){this._designItems=e;for(let t of this._propertyMap)t[1].editor.designItemsChanged(e)}refreshForDesignItems(e){for(let t of this._propertyMap)n.refreshIsSetElementAndEditorForDesignItems(t[1].isSetElement,t[0],e,this._propertiesService,t[1].editor)}static refreshIsSetElementAndEditorForDesignItems(e,t,i,r,o){if(i&&i.length){let s=r.isSet(i,t),a=r.getValue(i,t);e.title=t.name+": "+s,s==G.none?(e.style.background="",a=r.getUnsetValue(i,t)):s==G.all?e.style.background="white":s==G.some?e.style.background="gray":s==G.bound?e.style.background="orange":s==G.fromStylesheet&&(a=r.getUnsetValue(i,t),e.style.background="yellow"),o?.refreshValueWithoutNotification(s,a)}else e.style.background=""}};customElements.define("node-projects-property-grid-property-list",Qe);ve();import{BaseCustomWebComponentLazyAppend as Vx,css as Nx}from"@node-projects/base-custom-webcomponent";var qd=class extends Vx{_serviceContainer;_designerTabControl;_selectedItems;_propertyGridPropertyLists;_propertyGridPropertyListsDict;_nodeReplacedCb;_instanceServiceContainer;_selectionChangedHandler;_contentChangedHandler;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;static style=Nx`:host{display:block;height:100%;user-select:none;-webkit-user-select:none}button:hover{box-shadow:inset 0 3px 0 var(--wcd-property-grid-tab-indicator-inactive-color,var(--light-grey))}button:focus{box-shadow:inset 0 3px 0 var(--wcd-property-grid-tab-indicator-color,var(--highlight-pink,var(--wcd-color-accent,#e91e63)))}`;static properties={serviceContainer:Object,instanceServiceContainer:Object,selectedItems:Array,propertyGroupHover:Function,propertyGroupClick:Function,propertyContextMenuProvider:Function};constructor(){super(),this._designerTabControl=new Ct,this.shadowRoot.appendChild(this._designerTabControl),this._restoreCachedInititalValues(),this.addEventListener("contextmenu",e=>{e.composedPath()[0].localName!="input"&&e.preventDefault()})}set serviceContainer(e){this._serviceContainer=e,this._propertyGridPropertyLists=[],this._propertyGridPropertyListsDict={}}get serviceContainer(){return this._serviceContainer}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._contentChangedHandler?.dispose(),this._instanceServiceContainer?(this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(t=>{this._changeOccured(null,!1)}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements):this.selectedItems=[]}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this._selectedItemsSet())}async _selectedItemsSet(){let e=this._serviceContainer.propertyGroupService.getPropertygroups(this._selectedItems),t=new Set;for(let r of e){let o=this._propertyGridPropertyListsDict[r.name];o||(o=new Qe(this.serviceContainer),o.title=r.name,o.propertyGroupHover=this.propertyGroupHover,o.propertyGroupClick=this.propertyGroupClick,o.propertyContextMenuProvider=this.propertyContextMenuProvider,this._designerTabControl.appendChild(o),this._propertyGridPropertyLists.push(o),this._propertyGridPropertyListsDict[r.name]=o),o.setPropertiesService(r.propertiesService),await o.createElements(this._selectedItems[0])&&t.add(r.name)}let i=this._designerTabControl;for(let r of t){let o=this._propertyGridPropertyListsDict[r],s=o.scrollTop;i===this._designerTabControl?i.insertAdjacentElement("afterbegin",o):i.insertAdjacentElement("afterend",o),i=o,o.scrollTo(0,s)}for(let r of this._propertyGridPropertyLists)t.has(r.title)?r.style.display="block":r.style.display="none";this._designerTabControl.refreshItems(),this._designerTabControl.selectedIndex<0&&(this._designerTabControl.selectedIndex=0);for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.designItemsChanged(this._selectedItems);if(this._selectedItems){if(this._selectedItems.length==1){for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.refreshForDesignItems(this._selectedItems);this._observePrimarySelectionForChanges()}}else this._nodeReplacedCb?.dispose(),this._nodeReplacedCb=null}_blockDoubleRun=!1;async _changeOccured(e,t=!1){if(!this._blockDoubleRun){this._blockDoubleRun=!0;let i=this._selectedItems[0];if(i)for(let r of this._propertyGridPropertyLists)r.propertiesService?.getRefreshMode(i)==Y.fullOnValueChange&&(await r.createElements(i),r.designItemsChanged(this._selectedItems)),r.refreshForDesignItems(this._selectedItems);this._blockDoubleRun=!1}}_observePrimarySelectionForChanges(){this._nodeReplacedCb?.dispose(),this._nodeReplacedCb=this._selectedItems[0].nodeReplaced.on(()=>{this._observePrimarySelectionForChanges(),this._changeOccured(null,!0)})}};customElements.define("node-projects-web-component-designer-property-grid",qd);Fe();ee();import{BaseCustomWebComponentLazyAppend as Rx,css as zx,html as Fx}from"@node-projects/base-custom-webcomponent";Gt();var Jd=class extends Rx{static style=zx`:host{display:block;height:100%;user-select:none;-webkit-user-select:none;background:var(--wcd-property-grid-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));color:var(--wcd-color-text,#fff)}div.root{display:grid;grid-template-columns:11px 11px auto 1fr auto;padding:3px 6px;font-family:monospace;align-items:center}.desc{font-weight:700;font-size:10px;margin-right:5px}input{background:var(--wcd-property-grid-background,var(--medium-grey,var(--wcd-color-surface-raised,#2f3545)));border:solid 1px var(--wcd-color-border,gray);color:var(--wcd-color-text,#fff);width:calc(100% - 6px)}#type{color:var(--wcd-property-grid-header-highlight-color,wheat);white-space:nowrap;overflow:hidden;font-size:12px;height:20px;border:none}#pg{height:calc(100% - 64px)}`;static template=Fx`<div class="root"><span style="grid-column:span 3" class="desc">Type:</span><input type="text" readonly="readonly" id="type"> <button id="config" style="display:none;grid-column:5;grid-row:span 3;height:calc(100% - 10px);margin-left:10px">config</button><div title="id" id="idRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><span id="idSpan" style="grid-column:span 2" class="desc">Id:</span><input type="text" id="id"><div title="innerHTML" id="innerRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><div title="textContent" id="contentRect" style="width:7px;height:7px;border:1px solid #fff"></div><span id="contentSpan" class="desc">Content:</span><input type="text" id="content"></div><node-projects-web-component-designer-property-grid id="pg"></node-projects-web-component-designer-property-grid>`;propertyGrid;_type;_id;_content;_selectionChangedHandler;_instanceServiceContainer;_idRect;_contentRect;_innerRect;_propertiesService;_configButton;constructor(){super(),this._restoreCachedInititalValues(),this._type=this._getDomElement("type"),this._id=this._getDomElement("id"),this._content=this._getDomElement("content"),this.propertyGrid=this._getDomElement("pg"),this._idRect=this._getDomElement("idRect"),this._contentRect=this._getDomElement("contentRect"),this._innerRect=this._getDomElement("innerRect"),this._configButton=this._getDomElement("config"),this._configButton.onclick=async()=>{let i=await(await this.serviceContainer?.getLastServiceWhereAsync("configUiService",async r=>await r.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection))).getConfigUi(this._instanceServiceContainer.selectionService.primarySelection);this.serviceContainer.globalContext.showConfigClicked.emit({designItem:this._instanceServiceContainer.selectionService.primarySelection,configUi:i})},this._propertiesService=new pl,this._idRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.idProperty)},this._contentRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.contentProperty)},this._innerRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.innerHtmlProperty)},this._id.onkeydown=t=>{t.key=="Enter"?this._instanceServiceContainer.selectionService.primarySelection.id=this._id.value:t.key=="Escape"&&(this._id.value=this._instanceServiceContainer.selectionService.primarySelection?.id??"",t.preventDefault(),t.stopPropagation()),Qe.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)},this._content.onkeydown=t=>{t.key=="Enter"?(this._instanceServiceContainer.selectionService.primarySelection.content=this._content.value,this._content.title=this._content.value):t.key=="Escape"&&(this._content.value=this._instanceServiceContainer.selectionService.primarySelection?.element?.textContent??"",t.preventDefault(),t.stopPropagation()),Qe.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService),Qe.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)};let e;this._id.onfocus=t=>{e=this._instanceServiceContainer.selectionService.primarySelection},this._id.onblur=t=>{e&&(e.id=this._id.value),e=null,Qe.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)}}set serviceContainer(e){this.propertyGrid.serviceContainer=e}set instanceServiceContainer(e){let t=e;this._instanceServiceContainer=t,this._selectionChangedHandler?.dispose(),t?(this._selectionChangedHandler=t.selectionService.onSelectionChanged.on(async i=>{this.propertyGrid.instanceServiceContainer=t,await Pt(20),await this._refreshHeaderForCurrentSelection(t)}),this._refreshHeaderForCurrentSelection(t)):(this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host"),this.propertyGrid.instanceServiceContainer=t}async _refreshHeaderForCurrentSelection(e){if(!e?.selectionService?.primarySelection||e.selectionService.primarySelection?.isRootItem){this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host",this._type.title=this._type.value;return}this._id.disabled=!1,this._content.disabled=!1,await this.serviceContainer?.getLastServiceWhereAsync("configUiService",i=>i.hasConfigUi(e.selectionService.primarySelection))?this._configButton.style.display="block":this._configButton.style.display="none",e.selectionService.primarySelection?.nodeType==A.Element?this._type.value=e.selectionService.primarySelection?.name??"":this._type.value=e.selectionService.primarySelection?.node?.nodeName??"",this._type.title=this._type.value,this._id.value=e.selectionService.primarySelection?.id??"",e.selectionService.primarySelection?.element?.nodeType!=A.Element?this._content.value=e.selectionService.primarySelection?.content??"":e.selectionService.primarySelection?.element?.children?.length<=0?this._content.value=e.selectionService.primarySelection?.content??"":this._content.value="",this._content.title=this._content.value,Qe.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,e.selectionService.selectedElements,this._propertiesService),Qe.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,e.selectionService.selectedElements,this._propertiesService),Qe.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,e.selectionService.selectedElements,this._propertiesService)}_openContextMenu(e,t,i){let r;this.propertyGrid.propertyContextMenuProvider&&(r=this.propertyGrid.propertyContextMenuProvider(t,i)),r||(r=i.service.getContextMenu(t,i)),De.show(r,e)}};customElements.define("node-projects-web-component-designer-property-grid-with-header",Jd);import{css as qx,DomHelper as Jx,html as eb,BaseCustomWebComponentConstructorAppend as tb}from"@node-projects/base-custom-webcomponent";me();oe();he();vt();import{BaseCustomWebComponentLazyAppend as Gx,css as jx,cssFromString as Yx,DomHelper as eu,html as Ux,TypedEvent as Xx}from"@node-projects/base-custom-webcomponent";se();var ii=M.Normal,vl=class{snapOffset=5;_overlayLayerView;_containerItem;_positionsH=[];_positionsMiddleH=[];_positionsV=[];_positionsMiddleV=[];_outerRect;constructor(e){this._overlayLayerView=e}initialize(e){this._containerItem=e}clearSnaplines(){this._overlayLayerView.removeAllNodesWithClass&&this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),this._positionsH=[],this._positionsMiddleH=[],this._positionsV=[],this._positionsMiddleV=[]}calculateSnaplines(e){this.clearSnaplines();let t=this._containerItem.serviceContainer.snaplinesProviderService.provideSnaplines(this._containerItem,e);this._outerRect=t.outerRect,this._positionsH=t.positionsH,this._positionsMiddleH=t.positionsMiddleH,this._positionsV=t.positionsV,this._positionsMiddleV=t.positionsMiddleV}snapToPosition(e,t,i){let r=this.snapOffset+1,o,s;for(let c=0;c<this._positionsH.length;c++){let h=Math.abs(this._positionsH[c][0]-e.x);(h<r||h===r&&o===void 0)&&(r=h,o=[],s=this._positionsH[c][0]);let p;t&&(p=Math.abs(e.x+t.width-this._positionsH[c][0]),(p<r||p===r&&o===void 0)&&(r=p,o=[],s=this._positionsH[c][0]-t.width)),h===r&&o.push(this._positionsH[c][1]),t&&p===r&&h!==r&&o.push(this._positionsH[c][1])}if(t)for(let c=0;c<this._positionsMiddleH.length;c++){let h=Math.abs(this._positionsMiddleH[c][0]-(e.x+t.width/2));(h<r||h===r&&o===void 0)&&(r=h,o=[],s=this._positionsMiddleH[c][0]-t.width/2),h===r&&o.push(this._positionsMiddleH[c][1])}r=this.snapOffset+1;let a,l;for(let c=0;c<this._positionsV.length;c++){let h=Math.abs(this._positionsV[c][0]-e.y);(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsV[c][0]);let p;t&&(p=Math.abs(e.y+t.height-this._positionsV[c][0]),(p<r||p===r&&a===void 0)&&(r=p,a=[],l=this._positionsV[c][0]-t.height)),h===r&&a.push(this._positionsV[c][1]),t&&p===r&&h!==r&&a.push(this._positionsV[c][1])}if(t)for(let c=0;c<this._positionsMiddleV.length;c++){let h=Math.abs(this._positionsMiddleV[c][0]-(e.y+t.height/2));(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsMiddleV[c][0]-t.height/2),h===r&&a.push(this._positionsMiddleV[c][1])}if(this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),o!==void 0||a!==void 0){let c={x:o!==void 0?s:e.x,y:a!==void 0?l:e.y};return this.drawSnaplines(c,t,o,a),{x:o!==void 0?s:null,y:a!==void 0?l:null}}return{x:null,y:null}}drawSnaplines(e,t,i,r){if(i){let o=e.y,s=e.y;for(let a of i){let l=a.y-this._outerRect.top;o=o<l?o:l,s=s>l?s:l}for(let a of i){if(a.x-this._outerRect.left==e.x||t&&a.x-this._outerRect.left==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x),c.setAttribute("x2",a.x-this._outerRect.x),c.setAttribute("y1",o),c.setAttribute("y2",s),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(a.x-this._outerRect.left+a.width==e.x||t&&a.x-this._outerRect.left+a.width==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width),c.setAttribute("x2",a.x-this._outerRect.x+a.width),c.setAttribute("y1",o),c.setAttribute("y2",s),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(t&&a.x-this._outerRect.left+a.width/2==e.x+t.width/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width/2),c.setAttribute("x2",a.x-this._outerRect.x+a.width/2),c.setAttribute("y1",o),c.setAttribute("y2",s),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,ii)}}if(r){let o=e.x,s=e.x;for(let a of r){let l=a.x-this._outerRect.left;o=o<l?o:l,s=s>l?s:l}for(let a of r){if(a.y-this._outerRect.top==e.y||t&&a.y-this._outerRect.top==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",o),c.setAttribute("x2",s),c.setAttribute("y1",a.y-this._outerRect.y),c.setAttribute("y2",a.y-this._outerRect.y),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(a.y-this._outerRect.top+a.height==e.y||t&&a.y-this._outerRect.top+a.height==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",o),c.setAttribute("x2",s),c.setAttribute("y1",a.y-this._outerRect.y+a.height),c.setAttribute("y2",a.y-this._outerRect.y+a.height),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}if(t&&a.y-this._outerRect.top+a.height/2==e.y+t.height/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",o),c.setAttribute("x2",s),c.setAttribute("y1",a.y-this._outerRect.y+a.height/2),c.setAttribute("y2",a.y-this._outerRect.y+a.height/2),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,ii)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,ii)}}}};Tt();wr();ot();oe();ee();ot();yt();function W(n,e){let t=e.get(n);return t||(t=new Map,e.set(n,t),t)}var _l=class n{designerCanvas;designItemsWithExtentions=new Set;_timeout;_appliedDesignerExtensions=new WeakMap;_shouldAppliedDesignerExtensions=new WeakMap;_lastApplyEventPerType=new WeakMap;_lastPrimarySelectionRefreshItem;constructor(e){_m(),this.designerCanvas=e,e.instanceServiceContainer.selectionService.onSelectionChanged.on(this._selectedElementsChanged.bind(this)),e.instanceServiceContainer.selectionService.onSelectionRefresh.on(this._selectedElementsRefresh.bind(this)),e.instanceServiceContainer.onContentChanged.on(this._contentChanged.bind(this)),e.serviceContainer.globalContext.onToolChanged.on(()=>{this.removeExtension(e.instanceServiceContainer.selectionService.primarySelection,D.PrimarySelectionRefreshed),this._lastPrimarySelectionRefreshItem=null})}connected(){this.ensurePermanentRootExtensionsApplied(),this._timeout||(this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20))}disconnected(){this._timeout&&clearTimeout(this._timeout),this._timeout=null}refreshAllExtensionsTimeout(){this.refreshAllAppliedExtentions(),this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20)}ensurePermanentRootExtensionsApplied(){let e=this.designerCanvas.rootDesignItem;e&&(W(e,this._appliedDesignerExtensions).get(D.Permanent)?.length||this.applyExtension(e,D.Permanent))}_contentChanged(e){requestAnimationFrame(()=>{for(let t of e)switch(t.changeType){case"added":this.applyExtensions(t.designItems,D.Permanent,null,!0);break;case"moved":this.refreshExtensions(t.designItems,D.Permanent);break;case"parsed":this.ensurePermanentRootExtensionsApplied(),this.applyExtensions(Array.from(this.designerCanvas.rootDesignItem.children()),D.Permanent,null,!0);break;case"removed":this.removeExtensions(t.designItems,!0,D.Permanent);break}})}_selectedElementsChanged(e){if(this._lastPrimarySelectionRefreshItem=null,e.oldSelectedElements&&e.oldSelectedElements.length&&(this.removeExtension(e.oldSelectedElements[0],D.PrimarySelectionRefreshed),this.removeExtension(e.oldSelectedElements[0],D.PrimarySelection),this.removeExtension(e.oldSelectedElements[0],D.PrimarySelectionAndCanBeEntered),this.removeExtension(e.oldSelectedElements[0],D.OnlyOneItemSelected),this.removeExtensions(e.oldSelectedElements,!1,D.Selection),this.removeExtensions(e.oldSelectedElements,!1,D.MultipleItemsSelected),e.oldSelectedElements[0].parent)){let t=O.GetOrCreateDesignItem(e.oldSelectedElements[0].parent.element,e.oldSelectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.removeExtension(t,D.PrimarySelectionContainer),this.removeExtension(t,D.PrimarySelectionContainerAndCanBeEntered)}if(e.selectedElements&&e.selectedElements.length&&(this.applyExtensions(e.selectedElements,D.Selection,e.event),this.applyExtension(e.selectedElements[0],D.PrimarySelection,e.event),e.selectedElements.length===1?this.applyExtension(e.selectedElements[0],D.OnlyOneItemSelected,e.event):e.selectedElements.length>1&&this.applyExtension(e.selectedElements[0],D.MultipleItemsSelected,e.event),e.selectedElements[0].getPlacementService()?.isEnterableContainer(e.selectedElements[0])&&this.applyExtension(e.selectedElements[0],D.PrimarySelectionAndCanBeEntered,e.event),e.selectedElements[0].parent)){let t=O.GetOrCreateDesignItem(e.selectedElements[0].parent.element,e.selectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.applyExtension(t,D.PrimarySelectionContainer,e.event),t.getPlacementService()?.isEnterableContainer(t)&&this.applyExtension(t,D.PrimarySelectionContainerAndCanBeEntered,e.event)}}_selectedElementsRefresh(e){this.refreshAllAppliedExtentions(e.event),e.selectedElements&&e.selectedElements.length&&this._lastPrimarySelectionRefreshItem?.deref()===e.selectedElements[0]&&(this._appliedDesignerExtensions.get(e.selectedElements[0])?.get(D.PrimarySelectionRefreshed)||this.applyExtension(e.selectedElements[0],D.PrimarySelectionRefreshed,e.event)),this._lastPrimarySelectionRefreshItem=new WeakRef(e.selectedElements[0])}applyExtension(e,t,i,r=!1){if(e&&e.nodeType==A.Element){let o=this.designerCanvas.serviceContainer.designerExtensions.get(t),s=[];if(o){let a={};At();for(let l of o){let c=W(e,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(l),W(e,this._shouldAppliedDesignerExtensions).set(t,c),l.shouldExtend(this,this.designerCanvas,e)){let h=W(e,this._appliedDesignerExtensions).get(t);h||(h=[]);let p=l.getExtension(this,this.designerCanvas,e);try{p.extend(a,i),s.push(p),i?W(e,this._lastApplyEventPerType).set(t,i):W(e,this._lastApplyEventPerType).delete(t)}catch(d){console.error(d)}h.push(p),W(e,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(e)}}}if(r)for(let a of e.children())this.applyExtension(a,t,i,r);return s}return null}applyExtensions(e,t,i,r=!1){if(this.designerCanvas.overlayLayer.startBatch(),e){let o=this.designerCanvas.serviceContainer.designerExtensions.get(t);if(o){let s={};At();for(let a of o)for(let l of e){let c=W(l,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(a),W(l,this._shouldAppliedDesignerExtensions).set(t,c),a.shouldExtend(this,this.designerCanvas,l)){let h=W(l,this._appliedDesignerExtensions).get(t);h||(h=[]);let p=a.getExtension(this,this.designerCanvas,l);try{p.extend(s,i),i?W(l,this._lastApplyEventPerType).set(t,i):W(l,this._lastApplyEventPerType).delete(t)}catch(d){console.error(d)}h.push(p),W(l,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(l)}}}if(r)for(let s of e)this.applyExtensions(Array.from(s.children()),t,i,r)}this.designerCanvas.overlayLayer.endBatch()}applyExtensionInstance(e,t,i=D.Directly){let r=W(e,this._appliedDesignerExtensions).get(D.Directly);r||(r=[]);try{t.extend(null,null)}catch(o){console.error(o)}r.push(t),W(e,this._appliedDesignerExtensions).set(i,r),this.designItemsWithExtentions.add(e)}removeExtensionInstance(e,t){for(let i of W(e,this._appliedDesignerExtensions)){let r=i[1].indexOf(t);if(r>=0){try{t.dispose()}catch(o){console.error(o)}i[1].splice(r,1),i[1].length==0&&(W(e,this._appliedDesignerExtensions).delete(i[0]),W(e,this._shouldAppliedDesignerExtensions).delete(i[0])),W(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}}removeExtension(e,t){if(e)if(t){W(e,this._shouldAppliedDesignerExtensions).delete(t);let i=W(e,this._appliedDesignerExtensions).get(t);if(i){for(let r of i)try{r.dispose(),W(e,this._lastApplyEventPerType).delete(t)}catch(o){console.error(o)}W(e,this._appliedDesignerExtensions).delete(t),W(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}else{W(e,this._shouldAppliedDesignerExtensions).clear();for(let i of W(e,this._appliedDesignerExtensions))for(let r of i[1])try{r.dispose()}catch(o){console.error(o)}W(e,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(e)}}removeExtensions(e,t,i){if(e)if(i)for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),W(r,this._shouldAppliedDesignerExtensions).delete(i);let o=W(r,this._appliedDesignerExtensions).get(i);if(o){for(let s of o)try{s.dispose(),W(r,this._lastApplyEventPerType).delete(i)}catch(a){console.error(a)}W(r,this._appliedDesignerExtensions).delete(i),W(r,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(r)}}else for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),W(r,this._shouldAppliedDesignerExtensions).clear();for(let o of W(r,this._appliedDesignerExtensions))for(let s of o[1])try{s.dispose()}catch(a){console.error(a)}W(r,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(r)}}removeAllExtensions(){this.designItemsWithExtentions.forEach(e=>{W(e,this._shouldAppliedDesignerExtensions).clear();for(let t of W(e,this._appliedDesignerExtensions))for(let i of t[1])try{i.dispose()}catch(r){console.error(r)}W(e,this._appliedDesignerExtensions).clear()}),this.designItemsWithExtentions.clear()}refreshExtension(e,t,i){if(!(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())&&e)if(t)if(!e.element.isConnected)this.removeExtension(e,t);else{let r=W(e,this._appliedDesignerExtensions).get(t);if(r){let o={};At();for(let s of r)try{s.refresh(o,i),i&&W(e,this._lastApplyEventPerType).set(t,i)}catch(a){console.error(a)}}}else{let r={};At();for(let o of W(e,this._appliedDesignerExtensions))for(let s of o[1])try{s.refresh(r,i)}catch(a){console.error(a)}}}refreshExtensions(e,t,i,r,o){if(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())return;this.designerCanvas.overlayLayer.startBatch();let s=performance.now();if(e)if(t){let a={};At();e:for(let l of e)if(!l.element.isConnected)this.removeExtension(l,t);else{let c=W(l,this._appliedDesignerExtensions).get(t);if(c)for(let h of c)try{if(h!=r&&h.refresh(a,i),o&&performance.now()-s>o){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(p){console.error(p)}}}else{let a={};At();e:for(let l of e)for(let c of W(l,this._appliedDesignerExtensions))for(let h of c[1])try{if(h!=r&&(h.refresh(a,i),i&&W(l,this._lastApplyEventPerType).set(t,i),o&&performance.now()-s>o)){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(p){console.error(p)}}this.designerCanvas.overlayLayer.endBatch()}refreshAllExtensions(e,t,i){this.designerCanvas.overlayLayer.startBatch(),e&&(this.refreshExtensions(e,D.Directly,i,t),this.refreshExtensions(e,D.Permanent,i,t),this.refreshExtensions(e,D.Selection,i,t),this.refreshExtensions(e,D.PrimarySelection,i,t),this.refreshExtensions(e,D.PrimarySelectionContainer,i,t),this.refreshExtensions(e,D.MouseOver,i,t),this.refreshExtensions(e,D.OnlyOneItemSelected,i,t),this.refreshExtensions(e,D.MultipleItemsSelected,i,t),this.refreshExtensions(e,D.ContainerDragOverAndCanBeEntered,i,t),this.refreshExtensions(e,D.ContainerDrag,i,t),this.refreshExtensions(e,D.Doubleclick,i,t),this.refreshExtensions(e,D.Placement,i,t),this.refreshExtensions(e,D.PrimarySelectionAndCanBeEntered,i,t),this.refreshExtensions(e,D.PrimarySelectionContainerAndCanBeEntered,i,t)),this.designerCanvas.overlayLayer.endBatch()}refreshAllAppliedExtentions(e){this.designerCanvas.fillCalculationrects(),this.refreshAllExtensions([...this.designItemsWithExtentions],null,e)}reapplyAllAppliedExtentions(e,t){this.designerCanvas.overlayLayer.startBatch();for(let i of n.getAllChildElements(this.designerCanvas.rootDesignItem))if(!e||e.includes(i)){let r=[...W(i,this._shouldAppliedDesignerExtensions).keys()];for(let o of r){let s=W(i,this._lastApplyEventPerType).get(o);this.removeExtension(i,o),(t==null||t.includes(o))&&this.applyExtension(i,o,s)}}this.designerCanvas.overlayLayer.endBatch()}static*getAllChildElements(e){if(e.nodeType==A.Element&&(yield e),e.hasChildren)for(let t of e.children())for(let i of n.getAllChildElements(t))yield i}};It();Ja();Fe();se();import{css as Bx,html as Hx,BaseCustomWebComponentConstructorAppend as Wx}from"@node-projects/base-custom-webcomponent";var nr=class n extends Wx{static template=Hx`<svg id="svg" style="pointer-events:none"><defs id="defs"></defs><g id="background"></g><g id="normal"></g><g id="foreground"></g></svg>`;static style=Bx`svg{width:100%;height:100%;overflow:visible}.svg-invisible{stroke:transparent;fill:transparent;pointer-events:auto}.svg-snapline{stroke:var(--wcd-color-snapline,purple);stroke-dasharray:4;fill:transparent}.svg-selector{stroke:#000;fill:var(--wcd-color-selection-fill,#3899ec55);stroke-width:1;stroke-dasharray:2}.svg-primary-selection-move{stroke:var(--wcd-color-selection,#3899ec);fill:var(--wcd-color-selection,#3899ec);cursor:move;pointer-events:auto}.svg-position{stroke:#000;stroke-dasharray:2}.svg-path{stroke:var(--wcd-color-selection,#3899ec);fill:orange;pointer-events:auto}.svg-path-line{stroke:var(--wcd-color-selection,#3899ec);stroke-dasharray:2}.svg-draw-new-element{stroke:#000;fill:transparent;stroke-width:1}.svg-toolbar-container{overflow:visible}.svg-toolbar-container>div{padding:5px;display:flex;gap:2px;background:var(--wcd-overlay-toolbar-background,#fff);border-radius:4px;box-shadow:0 2px 10px 0 rgba(19,23,32,.2);align-items:center}node-projects-image-button-list-selector img{height:16px;border:1px solid var(--wcd-overlay-toolbar-button-border-color,#000);border-radius:4px;box-sizing:border-box;pointer-events:auto;cursor:pointer}node-projects-image-button-list-selector img:hover{background:var(--wcd-overlay-toolbar-button-hover-background,#d3d3d3)}node-projects-image-button-list-selector img:active{translate:1px 1px}`;static is="node-projects-overlay-layer-view";_serviceContainer;_svg;_gBackground;_gNormal;_gForeground;_defs;_id=0;constructor(e){super(),this._serviceContainer=e,this._svg=this._getDomElement("svg"),this._gBackground=this._getDomElement("background"),this._gNormal=this._getDomElement("normal"),this._gForeground=this._getDomElement("foreground"),this._defs=this._getDomElement("defs"),this._initialize()}_initialize(){let e=[n.style],t=new Set;for(let i of this._serviceContainer.designerExtensions)for(let r of i[1]){if(r.constructor.style)if(Array.isArray(r.constructor.style))for(let o of r.constructor.style)t.has(o)||(t.add(o),e.push(o));else t.has(r.constructor.style)||(t.add(r.constructor.style),e.push(r.constructor.style));if(r.style)if(Array.isArray(r.style))for(let o of r.style)t.has(o)||(t.add(o),e.push(o));else t.has(r.style)||(t.add(r.style),e.push(r.style));if(r.svgDefs){if(Array.isArray(r.svgDefs)){for(let o of r.svgDefs)if(!t.has(o)){t.add(o);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=o;for(let a of[...s.children])this._defs.appendChild(a)}}else if(!t.has(r.svgDefs)){t.add(r.svgDefs);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=r.svgDefs;for(let s of[...o.children])this._defs.appendChild(s)}}if(r.constructor.svgDefs){if(Array.isArray(r.constructor.svgDefs)){for(let o of r.constructor.svgDefs)if(!t.has(o)){t.add(o);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=o;for(let a of[...s.children])this._defs.appendChild(a)}}else if(!t.has(r.constructor.svgDefs)){t.add(r.constructor.svgDefs);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=r.constructor.svgDefs;for(let s of[...o.children])this._defs.appendChild(s)}}}for(let i of this._serviceContainer.designerPointerExtensions)if(i.style&&(t.has(i.style)||(t.add(i.style),e.push(i.style))),i.svgDefs&&!t.has(i.svgDefs)){t.add(i.svgDefs);let r=document.createElementNS("http://www.w3.org/2000/svg","defs");r.innerHTML=i.svgDefs;for(let o of[...r.children])this._defs.appendChild(o)}if(this._serviceContainer.overlayLayerViewAdditionalStyles)for(let i of this._serviceContainer.overlayLayerViewAdditionalStyles)t.has(i)||(t.add(i),e.push(i));this.shadowRoot.adoptedStyleSheets=e}backgroundFragment;foregroundFragment;normalFragment;batchCount=0;startBatch(){this.batchCount==0&&(this.backgroundFragment=document.createDocumentFragment(),this.foregroundFragment=document.createDocumentFragment(),this.normalFragment=document.createDocumentFragment()),this.batchCount++}endBatch(){this.batchCount--,this.batchCount==0&&(this.backgroundFragment.hasChildNodes&&this._gBackground.appendChild(this.backgroundFragment),this.foregroundFragment.hasChildNodes&&this._gForeground.appendChild(this.foregroundFragment),this.normalFragment.hasChildNodes&&this._gNormal.appendChild(this.normalFragment),this.backgroundFragment=null,this.foregroundFragment=null,this.normalFragment=null)}addOverlay(e,t,i=M.Normal){switch(t.setAttribute("overlay-source",e),i){case M.Background:this.backgroundFragment?this.backgroundFragment.appendChild(t):this._gBackground.appendChild(t);break;case M.Foreground:this.foregroundFragment?this.foregroundFragment.appendChild(t):this._gForeground.appendChild(t);break;default:this.normalFragment?this.normalFragment.appendChild(t):this._gNormal.appendChild(t);break}}removeOverlay(e){try{e?.parentElement?.removeChild(e)}catch(t){console.error(t)}}removeAllNodesWithClass(e){let t=this._svg.querySelectorAll("."+e);for(let i of t)i.parentNode.removeChild(i)}removeAllOverlays(){let e=this._svg.querySelectorAll("svg > g > *");for(let t of e)t.parentNode.removeChild(t)}createPoint(){return this._svg.createSVGPoint()}drawGroup(e,t,i,r){return i||(i=document.createElementNS("http://www.w3.org/2000/svg","g"),this.addOverlay(e,i,r)),t&&i.setAttribute("class",t),i}drawLine(e,t,i,r,o,s,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","line"),this.addOverlay(e,a,l)),a.setAttribute("x1",t),a.setAttribute("y1",i),a.setAttribute("x2",r),a.setAttribute("y2",o),s&&a.setAttribute("class",s),a}drawCircle(e,t,i,r,o,s,a){return s||(s=document.createElementNS("http://www.w3.org/2000/svg","circle"),this.addOverlay(e,s,a)),s.setAttribute("cx",t),s.setAttribute("cy",i),s.setAttribute("r",r),o&&s.setAttribute("class",o),s}drawRect(e,t,i,r,o,s,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","rect"),this.addOverlay(e,a,l)),a.setAttribute("x",t),a.setAttribute("y",i),a.setAttribute("width",r),a.setAttribute("height",o),s&&a.setAttribute("class",s),a}drawPath(e,t,i,r,o){return r||(r=document.createElementNS("http://www.w3.org/2000/svg","path"),this.addOverlay(e,r,o)),r.setAttribute("d",t),i&&r.setAttribute("class",i),r}drawText(e,t,i,r,o,s,a){return s||(s=document.createElementNS("http://www.w3.org/2000/svg","text"),this.addOverlay(e,s,a)),s.setAttribute("x",i),s.setAttribute("y",r),s.textContent=t,o&&s.setAttribute("class",o),s}drawHTML(e,t,i,r,o,s,a,l,c){return l||(l=document.createElementNS("http://www.w3.org/2000/svg","foreignObject"),this.addOverlay(e,l,c)),l.setAttribute("x",i),l.setAttribute("y",r),l.setAttribute("width",o),l.setAttribute("height",s),typeof t=="string"?l.innerHTML=t:l.appendChild(t),a&&l.setAttribute("class",a),l}drawTextWithBackground(e,t,i,r,o,s,a,l){if(!a){let c=document.createElementNS("http://www.w3.org/2000/svg","filter");c.setAttribute("x","0"),c.setAttribute("y","0"),c.setAttribute("width","1"),c.setAttribute("height","1"),c.setAttribute("id","solid_"+ ++this._id);let h=document.createElementNS("http://www.w3.org/2000/svg","feFlood");h.setAttribute("flood-color",o),c.appendChild(h);let p=document.createElementNS("http://www.w3.org/2000/svg","feComposite");p.setAttribute("in","SourceGraphic"),p.setAttribute("operator","xor"),c.appendChild(p),this._defs.appendChild(c);let d=document.createElementNS("http://www.w3.org/2000/svg","text");d.setAttribute("filter","url(#solid_"+this._id+")");let u=document.createElementNS("http://www.w3.org/2000/svg","text");this.addOverlay(e,d,l),this.addOverlay(e,u,l),c.setAttribute("overlay-source",e),h.setAttribute("overlay-source",e),a=[c,h,d,u]}return a[2].setAttribute("x",i),a[3].setAttribute("x",i),a[2].setAttribute("y",r),a[3].setAttribute("y",r),a[2].textContent=t,a[3].textContent=t,s&&(a[2].setAttribute("class",s),a[3].setAttribute("class",s)),a}};customElements.define(nr.is,nr);Gt();ee();Oe();function jf(n,e){let t=new n.CSSStyleSheet;return t.replaceSync(e),t}yt();$e();de();var $x=Yx`*{animation-play-state:paused!important}`,or=class extends Gx{serviceContainer;instanceServiceContainer;containerBoundingRect;outerRect;clickOverlay;_activeTool;_gridSize=10;get gridSize(){return this._gridSize}set gridSize(e){this._gridSize=e;let t=document.createElement("canvas"),i=t.getContext("2d");t.width=e*2,t.height=e*2;let r=e;for(let s=0;s<t.width;s+=r)for(let a=0;a<t.height;a+=r)i.fillStyle=(s+a)%(r*2)===0?"#e5e5e5":"white",i.fillRect(s,a,r,r);let o=t.toDataURL();this._backgroundImage="url("+o+")",this._canvas.style.backgroundImage!="none"&&(this._canvas.style.backgroundImage=this._backgroundImage)}pasteOffset=10;alignOnGrid=!1;alignOnSnap=!0;snapLines;overlayLayer;rootDesignItem;_currentPasteOffset=this.pasteOffset;_zoomFactor=1;_scaleFactor=1;_canvasOffset={x:0,y:0};_additionalStyle;_backgroundImage;_enableSelectTextNodesOnClick=!1;_moveGroup;_touchGestureHelper;get zoomFactor(){return this._zoomFactor}set zoomFactor(e){this._zoomFactor=e,this._zoomFactorChanged()}get scaleFactor(){return this._scaleFactor}get canvasOffset(){return this._canvasOffset}set canvasOffset(e){this._canvasOffset=e,this._zoomFactorChanged()}get canvasOffsetUnzoomed(){return{x:this._canvasOffset.x*this.zoomFactor,y:this._canvasOffset.y*this.zoomFactor}}set canvasOffsetUnzoomed(e){this.canvasOffset={x:e.x/this.zoomFactor,y:e.y/this.zoomFactor}}_pauseAnimations;get pauseAnimations(){return this._pauseAnimations}set pauseAnimations(e){this._pauseAnimations=e,this.applyAllStyles()}get containerOffset(){return this._useIframe?this._outercanvas2.getBoundingClientRect():{x:0,y:0}}raiseDesignItemsChanged(e,t,i){this.designItemsChanged&&this.designItemsChanged(e,t,i)}designItemsChanged;onZoomFactorChanged=new Xx;get canvas(){return this._canvas}get outercanvas2(){return this._outercanvas2}_canvas;_canvasShadowRoot;_canvasContainer;_outercanvas2;_lastHoverDesignItem;_firstConnect;static style=jx`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}*{touch-action:none}#node-projects-designer-canvas-canvasContainer{box-shadow:var(--wcd-canvas-shadow,none);background:var(--wcd-canvas-background,var(--node-projects-web-component-designer-background,border-box fixed 0 0 repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAFXmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIyMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+QmFja2dyb3VuZGdyaWRfMTBweDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgMS4xMC42IgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTEyLTA4VDA5OjE1OjQ4KzAxOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4fvgn+AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8GjRhRLCiLl7BCftTExmLkV2ExnvJr8+bNvBk1b+b13kiyVbaKEhu/FvwFbJW1UkRKlrImNug5b2ZqJplzO/d87vfec7r3XPCpSd10KnrATGXs8FhImZtfUPwvBKjCTx/Nmu5YUzOjKiXt854yL952ebVKn/vXaqIxR4eyKuEh3bIzwuPCk6sZy+Md4UY9oUWFz4Q7bbmg8J2nR3L86nE8x98e22p4GHz1wkq8iCNFrCdsU1heTpuZXNHz9/FeEoilZmcktoq34BBmjBAKE4wwTJBeBmUO0iX96ZYVJfJ7svnTpCVXl9liDZtl4iTI0CnqilSPSTREj8lIsub1/29fHaO/L1c9EILKZ9d9bwf/Nvxsue7Xkev+HEP5E1ymCvnpQxj4EH2roLUdQN0GnF8VtMguXGxC06Ol2VpWKhf3GQa8nULtPDTcQPVirmf5fU4eQF2Xr7qGvX3okPN1S790cWfsRnax1QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAC9JREFUOI1jfPr0KQNuICUlhUeWCY8cQTCqeWRoZvz//z8e6WfPntHK5lHNI0MzAMChCNMTuPcnAAAAAElFTkSuQmCC)))}#node-projects-designer-canvas-canvas{image-rendering:pixelated;box-sizing:border-box;width:100%;height:100%;transform-origin:0 0;position:absolute}#node-projects-designer-canvas-canvas.dragFileActive{outline:var(--wcd-canvas-drag-file-outline-color,#00f) 4px solid;outline-offset:-4px}node-projects-overlay-layer-view{box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:visible;user-select:none;-webkit-user-select:none;z-index:999999999999}#node-projects-designer-canvas-canvas *{cursor:pointer;user-select:none;-webkit-user-select:none}#node-projects-designer-canvas-canvas iframe{cursor:pointer;user-select:none;-webkit-user-select:none;border:none;width:100%;height:100%}#node-projects-designer-canvas-clickOverlay{position:absolute;width:100%;height:100%;top:0}#node-projects-designer-canvas-helper-element{height:0;width:0}#node-projects-designer-search-container{position:absolute;display:grid;grid-template-columns:1fr auto auto;align-items:center;justify-content:left;gap:8px;width:auto;right:10px;top:0;background:var(--wcd-canvas-search-container-background,#f2f2f2);padding:5px 6px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#node-projects-designer-search-container>#node-projects-designer-search-bar{border:1px solid var(--wcd-canvas-search-border-color,#000);padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;background-color:var(--wcd-canvas-search-background,#fff);padding:1px 2px}#node-projects-designer-search-container>div>input{height:20px;padding-left:6px;font-size:13px;border:none;outline:0}#node-projects-designer-search-container>div>#node-projects-designer-search-start{height:22px;border:none;background-color:var(--wcd-canvas-search-background,#fff);font-size:13px}#node-projects-designer-search-container>div>#node-projects-designer-search-start:hover{background-color:var(--wcd-canvas-search-button-hover-background,#d3d3d3);transition:.9s;border-radius:2px}#node-projects-designer-search-container>#node-projects-designer-search-close{position:relative;width:20px;height:20px;border:none;background-color:transparent}#node-projects-designer-search-container>span{font-family:sans-serif;font-size:12px}#node-projects-designer-search-container>#node-projects-designer-search-close::after,#node-projects-designer-search-container>#node-projects-designer-search-close::before{content:"";position:absolute;top:50%;left:50%;width:60%;background-color:var(--wcd-canvas-loading-background,#000);height:1px}#node-projects-designer-search-container>#node-projects-designer-search-close::before{transform:translate(-50%,-50%) rotate(45deg)}#node-projects-designer-search-container>#node-projects-designer-search-close::after{transform:translate(-50%,-50%) rotate(-45deg)}`;static template=Ux`<div style="display:flex;flex-direction:column;width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div style="width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-outercanvas2" style="width:100%;height:100%;position:relative;margin:0!important;padding:0!important;border:none!important;isolation:isolate!important"><div id="node-projects-designer-canvas-canvasContainer" style="width:100%;height:100%;position:absolute;top:0;left:0;user-select:none;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-canvas" part="canvas"></div></div></div><div id="node-projects-designer-canvas-clickOverlay" tabindex="0" style="pointer-events:auto;margin:0!important;padding:0!important;border:none!important"></div></div><div id="node-projects-designer-search-container" style="display:none"><div id="node-projects-designer-search-bar"><input id="node-projects-designer-search-input"> <button id="node-projects-designer-search-start">↓</button></div><span id="node-projects-designer-search-result">0 selected</span> <button id="node-projects-designer-search-close"></button></div></div>`;extensionManager;_pointerextensions;_lastCopiedPrimaryItem;_ignoreEvent;_useIframe=!0;_iframe;_window;_resizeObserver;iframes;#e=!1;get readOnly(){return this.#e}set readOnly(e){this.#e=e}constructor(e=!1){super(),this._restoreCachedInititalValues(),Qc(),this._useIframe=e,this._canvas=this._getDomElement("node-projects-designer-canvas-canvas"),this._useIframe?(this._iframe=document.createElement("iframe"),this._iframe.setAttribute("sandbox","allow-same-origin"),this._iframe.setAttribute("scrolling","no"),this.iframes=[this._iframe],this._canvas.appendChild(this._iframe),requestAnimationFrame(()=>{this._window=this._iframe.contentWindow,Qc(this._iframe.contentWindow),this._canvasShadowRoot=this._iframe.contentWindow.document})):(this._window=window,this._canvasShadowRoot=this._canvas.attachShadow({mode:"open"})),this._canvasContainer=this._getDomElement("node-projects-designer-canvas-canvasContainer"),this._outercanvas2=this._getDomElement("node-projects-designer-canvas-outercanvas2"),this.clickOverlay=this._getDomElement("node-projects-designer-canvas-clickOverlay"),this.onKeyDown=this.onKeyDown.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this._onDblClick=this._onDblClick.bind(this),this._pointerEventHandler=this._pointerEventHandler.bind(this),this._pointerEventHandlerCapture=this._pointerEventHandlerCapture.bind(this),this._onWheel=this._onWheel.bind(this),this._getDomElement("node-projects-designer-search-close").onclick=()=>this._searchHideOverlay(),this._getDomElement("node-projects-designer-search-start").onclick=()=>this._searchRun(),this._getDomElement("node-projects-designer-search-container").onkeydown=t=>{t.key==="Enter"&&this._searchRun()},this.clickOverlay.oncontextmenu=t=>t.preventDefault(),this._resizeObserver=new ResizeObserver(()=>{this.extensionManager?.refreshAllAppliedExtentions()}),this._resizeObserver.observe(this)}get designerWidth(){return this._canvasContainer.style.width}set designerWidth(e){this._canvasContainer.style.width=e,this._zoomFactorChanged()}get designerHeight(){return this._canvasContainer.style.height}set designerHeight(e){this._canvasContainer.style.height=e,this._zoomFactorChanged()}get designerPixelSize(){return{width:this._canvasContainer.offsetWidth,height:this._canvasContainer.offsetHeight}}getDesignSurfaceDimensions(){let e={width:null,height:null},t=getComputedStyle(this._canvasContainer);return this._canvasContainer.style.width&&(e.width=parseFloat(t.width)),this._canvasContainer.style.height&&(e.height=parseFloat(t.height)),e}get designerOffsetWidth(){return this._canvasContainer.offsetWidth}get designerOffsetHeight(){return this._canvasContainer.offsetHeight}set additionalStyles(e){this._additionalStyle=e,this.applyAllStyles()}get additionalStyles(){return this._additionalStyle}applyAllStyles(){if(this._window){let e=[];this._additionalStyle&&e.push(...this._additionalStyle),this.instanceServiceContainer.stylesheetService&&e.push(...this.instanceServiceContainer.stylesheetService.getStylesheets().map(t=>jf(this._window,ul.patchStylesheetSelectorForDesigner(t.content)))),this._pauseAnimations&&e.push($x),this._useIframe?this._iframe.contentWindow.document.adoptedStyleSheets=e:this._canvasShadowRoot.adoptedStyleSheets=e}else requestAnimationFrame(()=>this.applyAllStyles())}ignoreEvent(e){this._ignoreEvent=e}canExecuteCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements,r=t.canExecuteCommand(this,e,i);if(r!==null)return r}return e.type===T.screenshot?!0:e.type===T.undo?this.instanceServiceContainer.undoService.canUndo():e.type===T.redo?this.instanceServiceContainer.undoService.canRedo():e.type===T.setTool?this.serviceContainer.designerTools.has(e.parameter):e.type===T.paste?!0:e.type===T.copy||e.type===T.cut||e.type===T.delete?this.instanceServiceContainer.selectionService.primarySelection!=null&&!this.instanceServiceContainer.selectionService.primarySelection.isRootItem:!1}async executeCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements;if(await t.executeCommand(this,e,i)!=null){this.instanceServiceContainer.selectionService.setSelectedElements(null),this.instanceServiceContainer.selectionService.setSelectedElements(i);return}}switch(e.type){case T.screenshot:{Si.screenshotsEnabled||alert("you need to select current tab in next browser dialog, or screenshots will not work correctly");let a=this.instanceServiceContainer.selectionService.selectedElements;a?.length||(a=[...this.rootDesignItem.children(!0)]);let l=await this.serviceContainer.pngCreatorService.takePng(a,{removeSelection:!0});await Fu(new Blob([new Uint8Array(l)],{type:"image/png"}),"screenshot.png")}break;case T.setTool:this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(e.parameter),this.extensionManager.reapplyAllAppliedExtentions();break;case T.setStrokeColor:this.serviceContainer.globalContext.strokeColor=e.parameter;break;case T.setFillBrush:this.serviceContainer.globalContext.fillBrush=e.parameter;break;case T.setStrokeThickness:this.serviceContainer.globalContext.strokeThickness=e.parameter;break;case T.delete:this.handleDeleteCommand();break;case T.undo:this.instanceServiceContainer.undoService.undo();break;case T.holdUndo:let i=this.instanceServiceContainer.undoService.getUndoEntryNames(20),r=Array.from(i).map((a,l)=>({title:"undo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.undo()}}));r.length>0&&De.show(r,e.event,{mode:"undo"});break;case T.redo:this.instanceServiceContainer.undoService.redo();break;case T.holdRedo:let o=this.instanceServiceContainer.undoService.getRedoEntryNames(20),s=Array.from(o).map((a,l)=>({title:"redo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.redo()}}));s.length>0&&De.show(s,e.event,{mode:"undo"});break;case T.copy:this.handleCopyCommand();break;case T.cut:this.handleCopyCommand(),this.handleDeleteCommand();break;case T.paste:this.handlePasteCommand(e.altKey==!0);break;case T.selectAll:this.handleSelectAll();break}}disableBackgroud(){this._canvasContainer.style.background="var(--wcd-screenshot-background, var(--node-projects-web-component-designer-screenshot-background, white))"}enableBackground(){this._canvasContainer.style.background=""}zoomToFit(){let t=0,i=0,r=0,o=0;this.canvasOffset={x:0,y:0},this.zoomFactor=1;for(let p of this.rootDesignItem.querySelectorAll("*"))if(p instanceof(p.ownerDocument.defaultView??window).Element){let d=Z(p);r=r<d.x?r:d.x,o=o<d.y?o:d.y,t=t>d.x+d.width+10?t:d.x+d.width+10,i=i>d.y+d.height+10?i:d.y+d.height+10}let s=this.getBoundingClientRect();t-=s.x,i-=s.y;let a=s.width/(t/this.zoomFactor),l=s.height/(i/this.zoomFactor),c=this.getDesignSurfaceDimensions();c.width&&(a=s.width/c.width),c.height&&(l=s.height/c.height);let h=a<l?a:l;isNaN(h)||(this.zoomFactor=h)}handleSelectAll(){let e=Array.from(this.rootDesignItem.children(!0)).filter(i=>!i.isEmptyTextNode),t=this.instanceServiceContainer.selectionService.primarySelection;if(t){let i=e.indexOf(t);i>=0&&(e.splice(i,1),e.unshift(t))}this.instanceServiceContainer.selectionService.setSelectedElements(e)}async handleCopyCommand(){this._currentPasteOffset=this.pasteOffset,this._lastCopiedPrimaryItem=this.instanceServiceContainer.selectionService.primarySelection,await this.serviceContainer.copyPasteService.copyItems(this.instanceServiceContainer.selectionService.selectedElements)}async handlePasteCommand(e){let[t,i]=await this.serviceContainer.copyPasteService.getPasteItems(this.serviceContainer,this.instanceServiceContainer),r=this.rootDesignItem.openGroup("Insert"),o=this._lastCopiedPrimaryItem,s=this._currentPasteOffset+this.pasteOffset,a=this.rootDesignItem,l=o?.parent??this.instanceServiceContainer.selectionService.primarySelection;for(;l!=null;){let c=getComputedStyle(l.element),h;if(h=this.serviceContainer.getLastServiceWhere("containerService",p=>p.serviceForContainer(l,c)),h)if(h.canEnter(l,t)){a=l;break}else{l=l.parent;continue}}if(t){let c=this.getNormalizedElementCoordinates(a.element);for(let p=0;p<t.length;p++){let d=t[p],u=i?i[p]:null;this.instanceServiceContainer.undoService.execute(new Se(a,a.childCount,d)),!e&&u&&d.nodeType==A.Element&&(d.setStyle("left",u.x-c.x+this._currentPasteOffset+"px"),d.setStyle("top",u.y-c.y+this._currentPasteOffset+"px"))}let h=this.serviceContainer.intializationService;if(h)for(let p of t)h.init(p);this.instanceServiceContainer.selectionService.setSelectedElements(t)}r.commit(),this.snapLines.clearSnaplines(),this._lastCopiedPrimaryItem=o,this._currentPasteOffset=s}handleDeleteCommand(){let e=this.instanceServiceContainer.selectionService.selectedElements;this.serviceContainer.deletionService.removeItems(e),this.instanceServiceContainer.selectionService.setSelectedElements(null)}initialize(e){this.serviceContainer=e,this.instanceServiceContainer=new yl(this);let t=this.serviceContainer.getLastService("undoService");t&&this.instanceServiceContainer.register("undoService",t(this));let i=this.serviceContainer.getLastService("selectionService");i&&(this.instanceServiceContainer.register("selectionService",i(this)),this.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this._lastCopiedPrimaryItem=null,this._currentPasteOffset=this.pasteOffset}));let r=this.serviceContainer.getLastService("designItemDocumentPositionService");r&&this.instanceServiceContainer.register("designItemDocumentPositionService",r(this)),this._useIframe?(this.rootDesignItem=O.GetOrCreateDesignItem(this._iframe,this._iframe,this.serviceContainer,this.instanceServiceContainer),requestAnimationFrame(()=>{this.rootDesignItem.updateChildrenFromNodesChildren()})):this.rootDesignItem=O.GetOrCreateDesignItem(this._canvas,this._canvas,this.serviceContainer,this.instanceServiceContainer);let o=this.serviceContainer.getLastService("stylesheetService");if(o){let a=o(this);this.instanceServiceContainer.register("stylesheetService",a),this.instanceServiceContainer.stylesheetService.stylesheetChanged.on(l=>{if(this.instanceServiceContainer.collaborationService?.isApplyingRemoteChanges){this.applyAllStyles();return}if(l.changeSource!="undo"){let c=new ml(this.instanceServiceContainer.stylesheetService,l.name,l.newStyle,l.oldStyle);this.instanceServiceContainer.undoService.execute(c),this.applyAllStyles()}else this.applyAllStyles()}),this.instanceServiceContainer.stylesheetService.stylesheetsChanged.on(()=>{this.applyAllStyles()})}let s=this.serviceContainer.getLastService("collaborationService");if(s){let a=s(this);this.instanceServiceContainer.collaborationService=a,this.instanceServiceContainer.register("collaborationService",a)}if(e.instanceServiceContainerCreatedCallbacks?.length&&e.instanceServiceContainerCreatedCallbacks.forEach(a=>a(this.instanceServiceContainer)),this.extensionManager=new _l(this),this.instanceServiceContainer.collaborationService&&(this.instanceServiceContainer.collaborationService.onPeersChanged.on(a=>{a.source==="remote"&&this.extensionManager.refreshAllAppliedExtentions()}),this.instanceServiceContainer.collaborationService.onCommentsChanged.on(()=>{this.extensionManager.refreshAllAppliedExtentions()})),this.overlayLayer=new nr(e),this.overlayLayer.style.pointerEvents="none",this.overlayLayer.style.setProperty("margin","0","important"),this.overlayLayer.style.setProperty("padding","0","important"),this.overlayLayer.style.setProperty("border","none","important"),this.clickOverlay.appendChild(this.overlayLayer),this.snapLines=new vl(this.overlayLayer),this.snapLines.initialize(this.rootDesignItem),this.serviceContainer.designerPointerExtensions)for(let a of this.serviceContainer.designerPointerExtensions)this._pointerextensions||(this._pointerextensions=[]),this._pointerextensions.push(a.getExtension(this));if(this.children){let a=this.children;if(this.children.length==1&&this.children[0]instanceof HTMLSlotElement&&(a=this.children[0].assignedElements()),a?.length>0){let l=this.serviceContainer.getLastServiceWhere("htmlParserService",c=>c.constructor==Zt);this.addDesignItems(l.createDesignItems(a,this.serviceContainer,this.instanceServiceContainer))}}this.serviceContainer.options.zoomDesignerBackground||requestAnimationFrame(()=>{this._resizeBackgroundGrid()}),this.isConnected&&this.extensionManager.connected()}connectedCallback(){this._firstConnect||(this._firstConnect=!0,this._touchGestureHelper=cl.addTouchEvents(this.clickOverlay),this.clickOverlay.addEventListener(k.PointerDown,this._pointerEventHandler),this.clickOverlay.addEventListener(k.PointerMove,this._pointerEventHandler),this.clickOverlay.addEventListener(k.PointerMove,this._pointerEventHandlerCapture,!0),this.clickOverlay.addEventListener(k.PointerUp,this._pointerEventHandler),this.clickOverlay.addEventListener(k.DragEnter,e=>this._onDragEnter(e)),this.clickOverlay.addEventListener(k.DragLeave,e=>this._onDragLeave(e)),this.clickOverlay.addEventListener(k.DragOver,e=>this._onDragOver(e)),this.clickOverlay.addEventListener(k.Drop,e=>this._onDrop(e)),this.clickOverlay.addEventListener(k.KeyDown,this.onKeyDown),this.clickOverlay.addEventListener(k.KeyUp,this.onKeyUp),this.clickOverlay.addEventListener(k.DblClick,this._onDblClick,!0),this.clickOverlay.addEventListener(k.Wheel,this._onWheel),this.clickOverlay.addEventListener("zoom",e=>{this.zoomFactor=this.zoomFactor+e.detail.diff/10}),this.clickOverlay.addEventListener("pan",e=>{let t={x:this.canvasOffset.x-e.detail.deltaX,y:this.canvasOffset.y-e.detail.deltaY};this.canvasOffset=t})),this.extensionManager&&this.extensionManager.connected()}disconnectedCallback(){this.extensionManager.disconnected()}_zoomFactorChanged(){this._canvasContainer.style.bottom=this._outercanvas2.offsetHeight>=this._canvasContainer.offsetHeight?"0":"",this._canvasContainer.style.right=this._outercanvas2.offsetWidth>=this._canvasContainer.offsetWidth?"0":"",this._updateTransform(),this.fillCalculationrects(),this.onZoomFactorChanged.emit(this._zoomFactor),this.serviceContainer.options.zoomDesignerBackground||this._resizeBackgroundGrid()}_resizeBackgroundGrid(){let r=2e3/this.canvas.getBoundingClientRect().width;this.canvas.style.backgroundSize=r.toString()+"%"}_updateTransform(){if(this._scaleFactor=this._zoomFactor,this._useIframe){let e=this._canvasOffset.x,t=this._canvasOffset.y;this._iframe.contentWindow.scrollTo(e*-1,t*-1),e+=this._iframe.contentWindow.scrollX,t+=this._iframe.contentWindow.scrollY,this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+e+"px, "+t+"px)"}else this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+(isNaN(this._canvasOffset.x)?"0":this._canvasOffset.x)+"px, "+(isNaN(this._canvasOffset.y)?"0":this._canvasOffset.y)+"px)";this._canvasContainer.style.transformOrigin="0 0",this.overlayLayer.style.transform=this._canvasContainer.style.transform,this.overlayLayer.style.transformOrigin="0 0",this.snapLines.clearSnaplines()}setDesignItems(e){this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty();let t=new fl(e,[...this.rootDesignItem.children()]);this.instanceServiceContainer.undoService.execute(t)}_internalSetDesignItems(e){this.fillCalculationrects(),this.extensionManager.removeAllExtensions(),this.overlayLayer.removeAllOverlays(),eu.removeAllChildnodes(this.overlayLayer);for(let t of[...this.rootDesignItem.children()])this.rootDesignItem._removeChildInternal(t);this.addDesignItems(e),this.lazyTriggerReparseDocumentStylesheets(),this.instanceServiceContainer.onContentChanged.emit([{changeType:"parsed"}]),this.instanceServiceContainer.selectionService._withoutUndoSetSelectedElements(null),setTimeout(()=>this.extensionManager.refreshAllAppliedExtentions(),50)}reparseTimeout;lazyTriggerReparseDocumentStylesheets(){this.reparseTimeout&&clearTimeout(this.reparseTimeout),this.reparseTimeout=setTimeout(async()=>{await this.reparseDocumentStylesheets(),clearTimeout(this.reparseTimeout)},20)}async reparseDocumentStylesheets(){if(this.instanceServiceContainer.stylesheetService){let e=this.rootDesignItem.querySelectorAll("style"),t=1,i=[...e].map(r=>({name:"&lt;style&gt; #"+(r.id?r.id+"("+t+++")":t++),content:O.GetDesignItem(r).content,designItem:O.GetDesignItem(r)}));await this.instanceServiceContainer.stylesheetService.setDocumentStylesheets(i)}}addDesignItems(e){e&&this.rootDesignItem._insertChildsInternal(e);let t=this.serviceContainer.intializationService;if(t)for(let i of e)t.init(i);this.snapLines.clearSnaplines()}_onDragEnter(e){if(this.fillCalculationrects(),e.preventDefault(),e.dataTransfer.types.indexOf(ci)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r)}else this._lastDdElement=null}else{this._lastDdElement=null;let i=this.serviceContainer.dragDropService;i&&i.dragEnter(this,e)}}_onDragLeave(e){this.fillCalculationrects(),e.preventDefault(),this._canvas.classList.remove("dragFileActive");let t=this.serviceContainer.dragDropService;t&&t.dragLeave(this,e)}_lastDdElement=null;_onDragOver(e){if(e.preventDefault(),this.fillCalculationrects(),e.dataTransfer.types.length>0&&e.dataTransfer.types[0]=="Files"){let t=this.serviceContainer.externalDragDropService;if(t){let i=t.dragOver(this,e);e.dataTransfer.dropEffect=i,i!=="none"&&this._canvas.classList.add("dragFileActive")}}else if(e.dataTransfer.types.indexOf(ci)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r);let o=i.dragOver(this,e,r);e.dataTransfer.dropEffect=o}}else{let i=this.serviceContainer.dragDropService;i&&i.dragOver(this,e)}}async _onDrop(e){if(this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(te.Pointer),this._lastDdElement=null,e.preventDefault(),this._canvas.classList.remove("dragFileActive"),this.fillCalculationrects(),e.dataTransfer.files?.length>0){let t=this.serviceContainer.externalDragDropService;t&&t.drop(this,e)}else{let t=e.dataTransfer.getData(ci);if(t){let i=JSON.parse(t),r=this.serviceContainer.bindableObjectDragDropService;if(r){let o=this.getElementAtPoint({x:e.x,y:e.y});r.drop(this,e,i,o)}}else{let i=this.serviceContainer.dragDropService;i&&(this.fillCalculationrects(),i.drop(this,e))}}}showDesignItemContextMenu(e,t){let i=[];for(let o of this.serviceContainer.designerContextMenuExtensions)o.shouldProvideContextmenu(t,this,e,"designer")&&i.push(...o.provideContextMenuItems(t,this,e,"designer"));let r=new De(i,null);return r.display(t),r}_onDblClick(e){e.preventDefault(),e.target!==this.overlayLayer&&(e.altKey||(this.serviceContainer.globalContext.tool==null||this.serviceContainer.globalContext.tool===this.serviceContainer.designerTools.get(te.Pointer))&&(this.extensionManager.removeExtension(this.instanceServiceContainer.selectionService.primarySelection,D.PrimarySelectionRefreshed),this.extensionManager.applyExtension(this.instanceServiceContainer.selectionService.primarySelection,D.Doubleclick,e)))}_searchShowOverlay(){if(this.serviceContainer.searchService){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="",this._getDomElement("node-projects-designer-search-input").focus()}}_searchHideOverlay(){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="none"}async _searchRun(){let e=this._getDomElement("node-projects-designer-search-input");if(this._getDomElement("node-projects-designer-search-result").innerHTML="0 selected",e.value!=""){let t=await this.serviceContainer.searchService.search(this,e.value);t?.length>0&&(this.instanceServiceContainer.selectionService.setSelectedElements(t.map(i=>i.designItem)),this._getDomElement("node-projects-designer-search-result").innerHTML=t.length.toString()+" selected")}}onKeyUp(e){this._ignoreEvent!==e&&(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,null),e.defaultPrevented)||(this._moveGroup&&(this._moveGroup.commit(),this._moveGroup=null),e.preventDefault()))}onKeyDown(e){if(this._ignoreEvent!==e&&!(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,null),e.defaultPrevented))){if($(e)&&e.key==="z"&&!e.shiftKey)this.executeCommand({type:T.undo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="z"&&e.shiftKey)this.executeCommand({type:T.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="y")this.executeCommand({type:T.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="a")this.executeCommand({type:T.selectAll,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="c")this.executeCommand({type:T.copy,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="v")this.executeCommand({type:T.paste,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="x")this.executeCommand({type:T.cut,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if($(e)&&e.key==="f")this._searchShowOverlay();else{if(!this.instanceServiceContainer.selectionService.primarySelection)return;let i=1;switch(e.shiftKey&&(i=10),e.key){case"Delete":case"Backspace":this.executeCommand({type:T.delete,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});break;case"ArrowDown":case"ArrowUp":case"ArrowLeft":case"ArrowRight":{this._moveGroup||(this._moveGroup=this.rootDesignItem.openGroup("move items"));let r={x:0,y:0};e.key=="ArrowDown"&&(r.y=-i),e.key=="ArrowUp"&&(r.y=i),e.key=="ArrowRight"&&(r.x=-i),e.key=="ArrowLeft"&&(r.x=i);for(let o of ue(this.instanceServiceContainer.selectionService.selectedElements)){let s=getComputedStyle(o.parent.element);o.serviceContainer.getLastServiceWhere("containerService",a=>a.serviceForContainer(o.parent,s)).moveElements([o],r,!1)}}break}}e.preventDefault()}}getNormalizedEventCoordinates(e){let t=(e.clientX-this.outerRect.x)/this.zoomFactor,i=this.containerBoundingRect.x-this.outerRect.x,r=(e.clientY-this.outerRect.y)/this.zoomFactor,o=this.containerBoundingRect.y-this.outerRect.y;return{x:t-i/this.zoomFactor,y:r-o/this.zoomFactor}}getViewportCoordinates(e){return{x:e.clientX-this.outerRect.x,y:e.clientY-this.outerRect.y}}getNormalizedTextNodeCoordinates(e,t){let i=document.createRange();i.selectNodeContents(e);let r=i.getBoundingClientRect(),o=this.containerOffset;return{x:o.x+(r.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:o.y+(r.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:r.width/(t?1:this.scaleFactor),height:r.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinates(e,t){if(e.nodeType==A.TextNode)return this.getNormalizedTextNodeCoordinates(e,t);let i=Z(e),r=this.containerOffset;return{x:r.x+(i.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:r.y+(i.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:i.width/(t?1:this.scaleFactor),height:i.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinatesAndRealSizes(e){let t=this.getNormalizedElementCoordinates(e),i=getComputedStyle(e),r=t.width,o=t.height;return i.boxSizing!="border-box"&&(r=r-(parseFloat(i.borderLeft)+parseFloat(i.paddingLeft)+parseFloat(i.paddingRight)+parseFloat(i.borderRight)),o=o-(parseFloat(i.borderTop)+parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderBottom))),{...t,realWidth:r,realHeight:o}}getNormalizedOffsetInElement(e,t){let i=this.getNormalizedEventCoordinates(e),r=this.getNormalizedElementCoordinates(t);return{x:i.x-r.x,y:i.y-r.y}}transformPoint(e){if(this._useIframe){let t=this._canvasContainer.getBoundingClientRect();return{x:e.x-t.x,y:e.y-t.y}}return e}elementsFromPoint(e,t){let i=[],r=this.transformPoint({x:e,y:t}),o=this._canvasShadowRoot.elementsFromPoint(r.x,r.y);for(let s of o)s.getRootNode()===this._canvasShadowRoot&&i.push(s);return i}getElementAtPoint(e,t){let i=this.transformPoint(e),r=this._canvasShadowRoot.elementsFromPoint(i.x,i.y),o=null;for(let s=0;s<r.length;s++){if(o=r[s],t&&t(o)){o=null;continue}if(o.getRootNode()!==this._canvasShadowRoot){o=null;continue}if(!this.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements&&O.GetDesignItem(o).getStyleFromSheetOrLocal("pointer-events")=="none"){o=null;continue}break}return o}getDesignItemById(e){return O.GetDesignItem(this._canvasShadowRoot.getElementById(e))}querySelectorDesignItem(e){return O.GetDesignItem(this._canvasShadowRoot.querySelector(e))}querySelectorAllDesignItems(e){return[...this._canvasShadowRoot.querySelectorAll(e)].map(t=>O.GetDesignItem(t))}_hoverElement;showHoverExtension(e,t){let i=O.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer);if(this._lastHoverDesignItem!=i&&(this._lastHoverDesignItem&&this.extensionManager.removeExtension(this._lastHoverDesignItem,D.MouseOver),i&&i!=this.rootDesignItem&&(!e.parentNode||eu.getHost(e.parentNode)!==this.overlayLayer)&&this.extensionManager.applyExtension(i,D.MouseOver,t),this._lastHoverDesignItem=i),this.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover&&this._hoverElement!==e){let r=this._hoverElement;for(;r&&r!==this._canvas;)r.removeAttribute(at),r=r.parentElement;if(this._hoverElement=null,e){for(e.nodeType==A.TextNode&&(e=e.parentElement),r=e;r&&r!==this._canvas;)r.setAttribute(at,""),r=r.parentElement;this._hoverElement=e}}}_onWheel(e){let t=this.getElementAtPoint({x:e.clientX,y:e.clientY});for(;t;){let i=getComputedStyle(t);if(i.overflowY==="scroll"||i.overflowY==="auto"){let r=t;r.scrollBy?r.scrollBy(e.deltaX,e.deltaY):(r.scrollLeft+=e.deltaX,r.scrollTop+=e.deltaY),e.stopPropagation();break}t=t.parentElement}}_pointerEventHandlerCapture(e,t=null){if(this.fillCalculationrects(),this._pointerextensions)for(let i of this._pointerextensions)i.refresh(e)}_pointerEventHandler(e,t=null){if(this._ignoreEvent===e||!this.serviceContainer||this._touchGestureHelper.multitouchEventActive)return;let i;if(t)i=t;else if(i=this.serviceContainer.elementAtPointService.getElementAtPoint(this,{x:e.x,y:e.y}),!i)i=this._canvas;else if(this._enableSelectTextNodesOnClick){let s=this.getNormalizedEventCoordinates(e);for(let a of i.childNodes)if(a.nodeType==A.TextNode){let l=this.getNormalizedElementCoordinates(a);if(l.x<=s.x&&l.x+l.width>=s.x&&l.y<=s.y&&l.y+l.height>=s.y){i=a;break}}}if(this._activeTool){this._activeTool.pointerEventHandler(this,e,i);return}this.clickOverlay.style.cursor=this._canvas.style.cursor;let r=O.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);this.showHoverExtension(r.element,e),i&&eu.getHost(i.parentNode)===this.overlayLayer&&(i=this.instanceServiceContainer.selectionService.primarySelection?.element??this._canvas);let o=this.serviceContainer.globalContext.tool??this.serviceContainer.designerTools.get(te.Pointer);o.pointerEventHandler(this,e,i),this._canvas.style.cursor=o.cursor}captureActiveTool(e){this._activeTool=e}releaseActiveTool(){this._activeTool=null}get activeTool(){return this.serviceContainer.globalContext.tool}fillCalculationrects(){this.containerBoundingRect=this._canvasContainer.getBoundingClientRect(),this.outerRect=this._outercanvas2.getBoundingClientRect()}removeOverlay(e){this.overlayLayer.removeOverlay(e)}zoomOntoRectangle(e,t){let i={x:e.x<t.x?e.x:t.x,y:e.y<t.y?e.y:t.y,width:Math.abs(e.x-t.x),height:Math.abs(e.y-t.y)},r=this.outerRect.width/i.width,o=this.outerRect.height/i.height,s=r>=o?o:r,a={x:i.width/2+i.x,y:i.height/2+i.y};this.zoomPoint(a,s)}zoomPoint(e,t){this.zoomFactor=t;let i={x:-e.x+this.outerRect.width/this.zoomFactor/2,y:-e.y+this.outerRect.height/this.zoomFactor/2};this.canvasOffset=i}zoomConvertEventToViewPortCoordinates(e){let t=this.containerBoundingRect.x-this.outerRect.x,i=this.containerBoundingRect.y-this.outerRect.y;return{x:(e.x+t/this.zoomFactor)*this.zoomFactor,y:(e.y+i/this.zoomFactor)*this.zoomFactor}}zoomTowardsPoint(e,t){let i=t/this.zoomFactor,r=this.zoomConvertEventToViewPortCoordinates(e),o={x:-(r.x*(i-1)+i*-this.canvasOffsetUnzoomed.x),y:-(r.y*(i-1)+i*-this.canvasOffsetUnzoomed.y)};this.zoomFactor=t,this.canvasOffsetUnzoomed=o}};customElements.define("node-projects-designer-canvas",or);st();wr();me();Tt();_t();Mt();import{BaseCustomWebComponentConstructorAppend as Kx,css as Qx,html as Zx}from"@node-projects/base-custom-webcomponent";var $r=class extends Kx{static style=Qx`node-projects-designer-tools-buttons{height:100%;width:100%}#toolButtons{scrollbar-width:none;overflow-y:auto;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px}#toolButtons::-webkit-scrollbar{display:none}#popup{position:absolute;top:calc(0px + 10px);height:100%;left:calc(100% + 10px)}`;static template=Zx`<div id="popup"></div><div id="toolButtons"></div>`;_toolButtonsElem;_serviceContainer;_popupContainer;designerView;constructor(){super(),this._toolButtonsElem=this._getDomElement("toolButtons"),this._toolButtonsElem.onwheel=e=>e.stopPropagation(),this._popupContainer=this._getDomElement("popup")}initialize(e,t){this._serviceContainer=e,this.designerView=t;for(let i of this._serviceContainer.designViewToolbarButtons)this._toolButtonsElem.appendChild(i.provideButton(t.designerCanvas));this._serviceContainer.globalContext.onToolChanged.on(i=>{for(let r of this._toolButtonsElem.children)r instanceof we&&r.setActiveTool(i.newValue.name)})}showPopup(e){if(this._popupContainer.children.length)this._popupContainer.innerHTML="";else{let t;typeof e.popup=="string"?t=document.createElement(e.popup):t=new e.popup(this.designerView.designerCanvas),t instanceof xe?xe.showWindow(t,e):this._popupContainer.appendChild(t)}}setTool(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:T.setTool,parameter:e})}};customElements.define("node-projects-designer-toolbar",$r);function Yf(n,e,t,i){return{x:n/t/2-i.x,y:e/t/2-i.y}}var xl=class{_repeatDelay;_repeatRate;_repeatTimeout;_repeatInterval;constructor(e=350,t=100/6){this._repeatDelay=e,this._repeatRate=t}start(e,t=e){this.stop(),e(),this._repeatTimeout=setTimeout(()=>{t(),this._repeatInterval=setInterval(t,this._repeatRate)},this._repeatDelay)}stop(){this._repeatTimeout!=null&&(clearTimeout(this._repeatTimeout),this._repeatTimeout=null),this._repeatInterval!=null&&(clearInterval(this._repeatInterval),this._repeatInterval=null)}};var Ci=class extends tb{_sVert;_sHor;get serviceContainer(){return this._designerCanvas.serviceContainer}set serviceContainer(e){this._designerCanvas.serviceContainer=e}get instanceServiceContainer(){return this._designerCanvas.instanceServiceContainer}set instanceServiceContainer(e){this._designerCanvas.instanceServiceContainer=e}_designerCanvas;get designerCanvas(){return this._designerCanvas}get readOnly(){return this._designerCanvas.readOnly}set readOnly(e){this._designerCanvas.readOnly=e}_zoomInput;_lowertoolbar;_toolbar;_zoomHoldRepeater=new xl;_zoomPointerId;_zoomPointerTarget;static style=qx`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden}*{touch-action:none}#lowertoolbar{height:var(--wcd-designer-view-statusbar-height,28px);box-sizing:border-box;background:var(--wcd-designer-view-statusbar-background,#787f82);color:var(--wcd-designer-view-statusbar-color,#354348);display:flex;align-items:center;gap:4px;font-size:12px;overflow-x:auto;scrollbar-width:none;padding:2px 6px;bottom:0;position:absolute;width:100%}#zoomInput{flex:0 0 52px;box-sizing:border-box;width:52px;height:24px;padding:0 4px;border:1px solid transparent;border-radius:4px;background:0 0;color:inherit;font-family:inherit;font-size:11px;text-align:center}.toolbar-control{box-sizing:border-box;font:inherit;flex:0 0 24px;width:24px;height:24px;padding:4px;border:0;border-radius:4px;background:0 0;color:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center}.toolbar-control-input{flex-basis:52px;width:52px;padding:0}.toolbar-control-input input{box-sizing:border-box;width:100%;min-width:0;height:24px;padding:0 4px;border:1px solid var(--wcd-color-border,#596c7a);border-radius:4px;font:inherit;color:inherit;background:var(--wcd-input-background-color,#fff)}.toolbar-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#zoomInput:focus-visible,.toolbar-control-input input:focus-visible,.toolbar-control:focus-visible{outline:2px solid var(--wcd-color-focus,#47977c);outline-offset:-2px}.toolbar-separator{height:14px;margin:0 2px;border-left:1px solid var(--wcd-color-border,#596c7a)}.selected{background-color:var(--wcd-designer-view-tool-selected-background,#00bfff)}.toolbar-control:hover{background-color:var(--wcd-designer-view-tool-hover-background,rgba(164,206,249,.6))}#outer{user-select:none;display:flex;flex-direction:column;width:100%;height:100%}#canvas{left:28px;width:calc(100% - 28px - 16px);height:calc(100% - var(--wcd-designer-view-statusbar-height,28px) - 16px)}#tool-bar{width:28px;height:calc(100% - var(--wcd-designer-view-statusbar-height,28px) - 16px);position:absolute;background-color:var(--wcd-designer-view-toolbar-background,var(--wcd-designer-view-statusbar-background,#787f82));color:var(--wcd-designer-view-statusbar-color,#354348)}.bottom-scroll{width:calc(100% - 16px);position:absolute;bottom:var(--wcd-designer-view-statusbar-height,28px);height:16px;box-sizing:border-box;z-index:1}.right-scroll{height:calc(100% - var(--wcd-designer-view-statusbar-height,28px) - 16px);position:absolute;right:0;top:0;width:16px;box-sizing:border-box;z-index:1}.bottom-right{width:16px;height:16px;bottom:var(--wcd-designer-view-statusbar-height,28px);right:0;position:absolute;background:var(--wcd-designer-view-corner-background,#f0f0f0)}`;static template=eb`<div id="outer"><node-projects-plain-scrollbar id="s-hor" value="0.5" class="bottom-scroll"></node-projects-plain-scrollbar><node-projects-plain-scrollbar id="s-vert" value="0.5" orientation="vertical" class="right-scroll"></node-projects-plain-scrollbar><div class="bottom-right"></div><div id="lowertoolbar" role="group" aria-label="Canvas controls"><input id="zoomInput" type="text" value="100%" aria-label="Zoom percentage"> <button type="button" title="Zoom out" aria-label="Zoom out" id="zoomDecrease" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14"/></svg></button> <button type="button" title="Zoom in" aria-label="Zoom in" id="zoomIncrease" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg></button> <button type="button" title="Reset zoom to 100%" aria-label="Reset zoom to 100%" id="zoomReset" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 9l2-2v10M15 9l2-2v10"/><path d="M11 10h.01M11 14h.01" stroke-width="2.5"/></svg></button> <button type="button" title="Zoom to fit" aria-label="Zoom to fit" id="zoomFit" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 3H3v5m13-5h5v5M3 16v5h5m13-5v5h-5"/><rect x="7" y="7" width="10" height="10" rx="1"/></svg></button> <span class="toolbar-separator" aria-hidden="true"></span> <button type="button" title="Snap to grid (right-click to set grid size)" aria-label="Snap to grid" aria-pressed="false" id="alignGrid" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18m6-18v18M3 9h18M3 15h18"/></svg></button> <button type="button" title="Snap to elements" aria-label="Snap to elements" aria-pressed="false" id="alignSnap" class="toolbar-control"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 4h4v9a3 3 0 0 0 6 0V4h4v9a7 7 0 0 1-14 0V4Z"/><path d="M5 8h4m6 0h4"/></svg></button></div></div>`;constructor(e=!1){super(),this._restoreCachedInititalValues(),this._sVert=this._getDomElement("s-vert"),this._sHor=this._getDomElement("s-hor");let t=this._getDomElement("outer");this._designerCanvas=new or(e),this._designerCanvas.id="canvas",this._designerCanvas.appendChild(document.createElement("slot")),t.insertAdjacentElement("afterbegin",this._designerCanvas),this._toolbar=new $r,this._toolbar.id="tool-bar",this._sVert.insertAdjacentElement("afterend",this._toolbar),this._designerCanvas.onZoomFactorChanged.on(()=>{this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%";let h=this.designerCanvas.canvasOffset,p=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,d=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._sHor.value=h.x/(-2*p)+.5,this._sVert.value=h.y/(-2*d)+.5}),this._zoomInput=this._getDomElement("zoomInput"),this._zoomInput.onkeydown=h=>{h.key=="Enter"&&this._zoomAroundViewportCenter(parseFloat(this._zoomInput.value)/100)},this._zoomInput.onblur=()=>{this._zoomAroundViewportCenter(parseFloat(this._zoomInput.value)/100)},this._zoomInput.onclick=this._zoomInput.select;let i=this._getDomElement("zoomIncrease");this._configureZoomButton(i,1);let r=this._getDomElement("zoomDecrease");this._configureZoomButton(r,-1);let o=this._getDomElement("zoomReset");o.onclick=()=>{this.zoomReset()};let s=this._getDomElement("zoomFit");s.onclick=()=>{this.zoomToFit()},this.addEventListener(k.Wheel,h=>this._onWheel(h));let a=(h,p)=>{h.classList.toggle("selected",p),h.setAttribute("aria-pressed",String(p))},l=this._getDomElement("alignSnap");l.onclick=()=>{this._designerCanvas.alignOnSnap=!this._designerCanvas.alignOnSnap,a(l,this._designerCanvas.alignOnSnap)},a(l,this._designerCanvas.alignOnSnap),l.oncontextmenu=h=>{h.preventDefault()};let c=this._getDomElement("alignGrid");c.onclick=()=>{this._designerCanvas.alignOnGrid=!this._designerCanvas.alignOnGrid,a(c,this._designerCanvas.alignOnGrid)},a(c,this._designerCanvas.alignOnGrid),c.oncontextmenu=h=>{h.preventDefault();let p=prompt("raster size",this.designerCanvas.gridSize.toString());if(p){let d=parseInt(p);d>0&&(this.designerCanvas.gridSize=d)}},this._lowertoolbar=this._getDomElement("lowertoolbar"),this._lowertoolbar.onwheel=h=>h.stopPropagation(),this._sVert.addEventListener("scrollbar-input",h=>this._onScrollbar(h)),this._sHor.addEventListener("scrollbar-input",h=>this._onScrollbar(h))}zoomReset(){this._designerCanvas.canvasOffset={x:0,y:0},this._designerCanvas.zoomFactor=1,this._sVert.value=.5,this._sHor.value=.5,this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%"}zoomToFit(){this._designerCanvas.zoomToFit()}_zoomAroundViewportCenter(e){if(!Number.isFinite(e)||e<=0)return;let t=this._designerCanvas.outerRect,i=Yf(t.width,t.height,this._designerCanvas.zoomFactor,this._designerCanvas.canvasOffset);this._designerCanvas.zoomPoint(i,e)}_configureZoomButton(e,t){e.onclick=i=>{i.detail===0&&this._zoomStep(t)},e.onpointerdown=i=>{if(!(!i.isPrimary||i.button!=0)){this._stopZoomRepeat(),this._zoomPointerId=i.pointerId,this._zoomPointerTarget=e;try{e.setPointerCapture(i.pointerId)}catch{}this._zoomHoldRepeater.start(()=>this._zoomStep(t),()=>this._zoomStep(t,4)),i.preventDefault()}},e.onpointerup=i=>this._stopZoomRepeat(i.pointerId),e.onpointercancel=i=>this._stopZoomRepeat(i.pointerId),e.onlostpointercapture=i=>this._stopZoomRepeat(i.pointerId),e.oncontextmenu=i=>i.preventDefault()}_zoomStep(e,t=1){let i=this._designerCanvas.zoomFactor;if(e>0){let r=(i>.1?.1:.01)/t;this._zoomAroundViewportCenter(i+r)}else{let r=(i>.11?.1:.01)/t;this._zoomAroundViewportCenter(Math.max(i-r,.001))}}_stopZoomRepeat(e){if(e!=null&&e!==this._zoomPointerId)return;let t=this._zoomPointerId,i=this._zoomPointerTarget;if(this._zoomPointerId=null,this._zoomPointerTarget=null,this._zoomHoldRepeater.stop(),i&&t!=null)try{i.hasPointerCapture(t)&&i.releasePointerCapture(t)}catch{}}_onScrollbar(e){e?.detail=="incrementLarge"?e.target.value+=.25:e?.detail=="decrementLarge"?e.target.value-=.25:e?.detail=="incrementSmall"?e.target.value+=.05:e?.detail=="decrementSmall"&&(e.target.value-=.05);let t=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,i=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight,r=t*(this._sHor.value-.5)*-2,o=i*(this._sVert.value-.5)*-2;this.designerCanvas.canvasOffset={x:r,y:o}}_onWheel(e){if(e.preventDefault(),e.ctrlKey){let t=this._designerCanvas.zoomFactor,i=e.deltaY<0?1:-1;t*=Math.exp(i*.2),t<.02&&(t=.02);let r=this.designerCanvas.getNormalizedEventCoordinates(e);this.designerCanvas.zoomTowardsPoint(r,t)}else e.shiftKey?(this._sHor.value+=e.deltaY/1e4,this._onScrollbar(null)):(this._sVert.value+=e.deltaY/1e4,this._onScrollbar(null),this._sHor.value+=e.deltaX/1e4,this._onScrollbar(null))}get designerWidth(){return this._designerCanvas.designerWidth}set designerWidth(e){this._designerCanvas.designerWidth=e}get designerHeight(){return this._designerCanvas.designerHeight}set designerHeight(e){this._designerCanvas.designerHeight=e}set additionalStyles(e){this._designerCanvas.additionalStyles=e}setDesignItems(e){this._designerCanvas.setDesignItems(e)}async executeCommand(e){this._designerCanvas.executeCommand(e)}canExecuteCommand(e){return this._designerCanvas.canExecuteCommand(e)}initialize(e){if(this.serviceContainer=e,this._designerCanvas.initialize(e),e.designViewConfigButtons)for(let t of e.designViewConfigButtons)for(let i of t.provideButtons(this,this._designerCanvas))this._lowertoolbar.appendChild(i);this._toolbar.initialize(this.serviceContainer,this)}getDesignerHTML(){return this._designerCanvas.rootDesignItem.childCount>0?J.ConvertToString(Array.from(this._designerCanvas.rootDesignItem.children()),!0,!0):this.serviceContainer.htmlWriterService.supportsRootItemWrite?J.ConvertToString([this._designerCanvas.rootDesignItem],!0,!0):""}async parseDesignerHTML(e,t=!1){let i=this.serviceContainer.htmlParserService;if(!e)this._designerCanvas.overlayLayer.removeAllOverlays(),Jx.removeAllChildnodes(this._designerCanvas.overlayLayer),this._designerCanvas.rootDesignItem.clearChildren();else{let r=await i.parse(e,this.serviceContainer,this.instanceServiceContainer,!1);t?this._designerCanvas._internalSetDesignItems(r):this._designerCanvas.setDesignItems(r)}}static wrapInDesigner(e,t){let i=new or;i.initialize(t);let r=i.serviceContainer.getLastServiceWhere("htmlParserService",o=>o.constructor==Zt);return i.addDesignItems(r.createDesignItems(e,i.serviceContainer,i.instanceServiceContainer)),i}};customElements.define("node-projects-designer-view",Ci);var tu=class extends Ci{constructor(){super()}async ready(){let e=await(await Promise.resolve().then(()=>(ll(),cf))).default;this.initialize(e())}};customElements.define("node-projects-default-configured-designer-view",tu);st();Cp();bp();kp();var Uf=class{constructor(e){this.distance=e}distance;provideButton(e){let t=document.createElement("div");return t.style.marginTop=this.distance+"px",t}};Ep();wp();Zp();Nd();Nr();Mt();kh();Ih();Dh();Lh();Sp();xp();Pp();Uo();_t();It();sd();uh();hp();pp();dp();Fh();Sh();Bh();dh();zh();Gh();wh();Vd();Rd();ct();se();ot();le();Uh();Xh();ih();sh();Cd();Ed();rl();jd();ud();Fp();ta();jh();Yh();Ip();Dp();$h();ps();ch();hh();qp();Jp();pd();dd();Ue();Bi();br();Tc();Mc();Lc();Oc();Vc();Nc();Ue();var Xf=class{read(e){let i=getComputedStyle(e).clipPath||e.getAttribute("style")?.match(/clip-path\s*:\s*([^;]+)/)?.[1]||"";return this._parse(i)}serialize(e){return[{attribute:"style:clipPath",value:this._serializeGeometry(e)}]}_parse(e){let t=e.trim();return t.startsWith("polygon(")?this._parsePolygon(t):t.startsWith("circle(")?this._parseCircle(t):t.startsWith("ellipse(")?this._parseEllipse(t):t.startsWith("path(")?this._parsePath(t):{segments:[],closed:!1}}_parsePolygon(e){let t=e.slice(8,-1).trim(),i=[],r=t.split(",");for(let o=0;o<r.length;o++){let s=r[o].trim().split(/\s+/);if(s.length>=2){let a=parseFloat(s[0]),l=parseFloat(s[1]);!isNaN(a)&&!isNaN(l)&&i.push({type:o===0?w.Move:w.Line,relative:!1,point:{x:a,y:l}})}}return i.length>0&&i.push({type:w.Close,relative:!1,point:{...i[0].point}}),{segments:i,closed:!0}}_parseCircle(e){let t=e.slice(7,-1).trim(),i=t.indexOf(" at "),r=50,o=50,s=50;if(i>=0){r=parseFloat(t.substring(0,i));let l=t.substring(i+4).trim().split(/\s+/);o=parseFloat(l[0])||50,s=parseFloat(l[1])||50}else r=parseFloat(t)||50;return{segments:[{type:w.Move,relative:!1,point:{x:o,y:s-r}},{type:w.Arc,relative:!1,point:{x:o+r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s+r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o-r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s-r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:o,y:s-r}}],closed:!0}}_parseEllipse(e){let t=e.slice(8,-1).trim(),i=t.indexOf(" at "),r=50,o=25,s=50,a=50;if(i>=0){let c=t.substring(0,i).trim().split(/\s+/);r=parseFloat(c[0])||50,o=parseFloat(c[1])||25;let h=t.substring(i+4).trim().split(/\s+/);s=parseFloat(h[0])||50,a=parseFloat(h[1])||50}return{segments:[{type:w.Move,relative:!1,point:{x:s,y:a-o}},{type:w.Arc,relative:!1,point:{x:s+r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a+o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s-r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a-o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:s,y:a-o}}],closed:!0}}_parsePath(e){let t=e.match(/path\(\s*["']([^"']+)["']\s*\)/);if(!t)return{segments:[],closed:!1};let i="http://www.w3.org/2000/svg",r=document.createElementNS(i,"svg"),o=document.createElementNS(i,"path");o.setAttribute("d",t[1]),r.appendChild(o),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",document.body.appendChild(r);try{let{SvgPathGeometryReader:s}=(br(),du(Ac));return new s().read(o)}catch{return{segments:[],closed:!1}}finally{document.body.removeChild(r)}}_serializeGeometry(e){let t=e.segments.filter(o=>o.type!==w.Close);if(t.length===0)return"none";let i=t.filter(o=>o.type===w.Arc);if(i.length>=3&&i[0].arc){let o=t,s=o[0].point,a=o[1].point,l=o[2].point,c=o[3].point,h=(a.x+c.x)/2,p=(s.y+l.y)/2,d=Math.abs(a.x-c.x)/2,u=Math.abs(l.y-s.y)/2;return Math.abs(d-u)<.01?`circle(${d}px at ${h}px ${p}px)`:`ellipse(${d}px ${u}px at ${h}px ${p}px)`}return`polygon(${t.map(o=>`${o.point.x}px ${o.point.y}px`).join(", ")})`}};Ue();var $f=class{read(e){let i=getComputedStyle(e).shapeOutside||e.getAttribute("style")?.match(/shape-outside\s*:\s*([^;]+)/)?.[1]||"";return this._parse(i)}serialize(e){return[{attribute:"style:shapeOutside",value:this._serializeGeometry(e)}]}_parse(e){let t=e.trim();return t.startsWith("polygon(")?this._parsePolygon(t):t.startsWith("circle(")?this._parseCircle(t):t.startsWith("ellipse(")?this._parseEllipse(t):{segments:[],closed:!1}}_parsePolygon(e){let t=e.slice(8,-1).trim(),i=[],r=t.split(",");for(let o=0;o<r.length;o++){let s=r[o].trim().split(/\s+/);if(s.length>=2){let a=parseFloat(s[0]),l=parseFloat(s[1]);!isNaN(a)&&!isNaN(l)&&i.push({type:o===0?w.Move:w.Line,relative:!1,point:{x:a,y:l}})}}return i.length>0&&i.push({type:w.Close,relative:!1,point:{...i[0].point}}),{segments:i,closed:!0}}_parseCircle(e){let t=e.slice(7,-1).trim(),i=t.indexOf(" at "),r=50,o=50,s=50;if(i>=0){r=parseFloat(t.substring(0,i));let l=t.substring(i+4).trim().split(/\s+/);o=parseFloat(l[0])||50,s=parseFloat(l[1])||50}else r=parseFloat(t)||50;return{segments:[{type:w.Move,relative:!1,point:{x:o,y:s-r}},{type:w.Arc,relative:!1,point:{x:o+r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s+r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o-r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s-r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:o,y:s-r}}],closed:!0}}_parseEllipse(e){let t=e.slice(8,-1).trim(),i=t.indexOf(" at "),r=50,o=25,s=50,a=50;if(i>=0){let c=t.substring(0,i).trim().split(/\s+/);r=parseFloat(c[0])||50,o=parseFloat(c[1])||25;let h=t.substring(i+4).trim().split(/\s+/);s=parseFloat(h[0])||50,a=parseFloat(h[1])||50}return{segments:[{type:w.Move,relative:!1,point:{x:s,y:a-o}},{type:w.Arc,relative:!1,point:{x:s+r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a+o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s-r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a-o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:s,y:a-o}}],closed:!0}}_serializeGeometry(e){let t=e.segments.filter(o=>o.type!==w.Close);if(t.length===0)return"none";let i=t.filter(o=>o.type===w.Arc);if(i.length>=3&&i[0].arc){let o=t,s=o[0].point,a=o[1].point,l=o[2].point,c=o[3].point,h=(a.x+c.x)/2,p=(s.y+l.y)/2,d=Math.abs(a.x-c.x)/2,u=Math.abs(l.y-s.y)/2;return Math.abs(d-u)<.01?`circle(${d}px at ${h}px ${p}px)`:`ellipse(${d}px ${u}px at ${h}px ${p}px)`}return`polygon(${t.map(o=>`${o.point.x}px ${o.point.y}px`).join(", ")})`}};Ue();var Kf=class{read(e){let i=getComputedStyle(e).offsetPath||e.getAttribute("style")?.match(/offset-path\s*:\s*([^;]+)/)?.[1]||"";return this._parse(i)}serialize(e){return[{attribute:"style:offsetPath",value:this._serializeGeometry(e)}]}_parse(e){let t=e.trim();return t.startsWith("polygon(")?this._parsePolygon(t):t.startsWith("circle(")?this._parseCircle(t):t.startsWith("ellipse(")?this._parseEllipse(t):t.startsWith("path(")?this._parsePath(t):{segments:[],closed:!1}}_parsePolygon(e){let t=e.slice(8,-1).trim(),i=[],r=t.split(",");for(let o=0;o<r.length;o++){let s=r[o].trim().split(/\s+/);if(s.length>=2){let a=parseFloat(s[0]),l=parseFloat(s[1]);!isNaN(a)&&!isNaN(l)&&i.push({type:o===0?w.Move:w.Line,relative:!1,point:{x:a,y:l}})}}return i.length>0&&i.push({type:w.Close,relative:!1,point:{...i[0].point}}),{segments:i,closed:!0}}_parseCircle(e){let t=e.slice(7,-1).trim(),i=t.indexOf(" at "),r=50,o=50,s=50;if(i>=0){r=parseFloat(t.substring(0,i));let l=t.substring(i+4).trim().split(/\s+/);o=parseFloat(l[0])||50,s=parseFloat(l[1])||50}else r=parseFloat(t)||50;return{segments:[{type:w.Move,relative:!1,point:{x:o,y:s-r}},{type:w.Arc,relative:!1,point:{x:o+r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s+r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o-r,y:s},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:o,y:s-r},arc:{rx:r,ry:r,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:o,y:s-r}}],closed:!0}}_parseEllipse(e){let t=e.slice(8,-1).trim(),i=t.indexOf(" at "),r=50,o=25,s=50,a=50;if(i>=0){let c=t.substring(0,i).trim().split(/\s+/);r=parseFloat(c[0])||50,o=parseFloat(c[1])||25;let h=t.substring(i+4).trim().split(/\s+/);s=parseFloat(h[0])||50,a=parseFloat(h[1])||50}return{segments:[{type:w.Move,relative:!1,point:{x:s,y:a-o}},{type:w.Arc,relative:!1,point:{x:s+r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a+o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s-r,y:a},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Arc,relative:!1,point:{x:s,y:a-o},arc:{rx:r,ry:o,rotation:0,largeArc:!1,sweep:!0}},{type:w.Close,relative:!1,point:{x:s,y:a-o}}],closed:!0}}_parsePath(e){let t=e.match(/path\(\s*["']([^"']+)["']\s*\)/);if(!t)return{segments:[],closed:!1};let i="http://www.w3.org/2000/svg",r=document.createElementNS(i,"svg"),o=document.createElementNS(i,"path");o.setAttribute("d",t[1]),r.appendChild(o),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",document.body.appendChild(r);try{let{SvgPathGeometryReader:s}=(br(),du(Ac));return new s().read(o)}catch{return{segments:[],closed:!1}}finally{document.body.removeChild(r)}}_serializeGeometry(e){let t=e.segments.filter(o=>o.type!==w.Close);if(t.length===0)return"none";let i=t.filter(o=>o.type===w.Arc);if(i.length>=3&&i[0].arc){let o=t,s=o[0].point,a=o[1].point,l=o[2].point,c=o[3].point,h=(a.x+c.x)/2,p=(s.y+l.y)/2,d=Math.abs(a.x-c.x)/2,u=Math.abs(l.y-s.y)/2;return Math.abs(d-u)<.01?`circle(${d}px at ${h}px ${p}px)`:`ellipse(${d}px ${u}px at ${h}px ${p}px)`}return`polygon(${t.map(o=>`${o.point.x}px ${o.point.y}px`).join(", ")})`}};ah();lh();Wc();Gc();gh();yh();$e();Oe();yt();le();Ro();var bl=class extends F{_skewXLine;_skewYLine;_skewXCircle;_skewYCircle;_skewXReferencePoint={x:0,y:0};_skewYReferencePoint={x:0,y:0};_activeAxis=null;_baseTransform="";_skewX=0;_skewY=0;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!i)return;let r=[i.p1,i.p2,i.p3,i.p4];if(r.some(u=>!Number.isFinite(u.x)||!Number.isFinite(u.y))){this.remove();return}let o=this.designerCanvas.zoomFactor;if(!this._valuesHaveChanges(o,...r.flatMap(u=>[u.x,u.y])))return;let s=Xi(i),a=Be(i.p1,i.p2,s,56/o,{x:0,y:-1}),l=Be(i.p1,i.p2,s,48/o,{x:0,y:-1}),c=Be(i.p1,i.p2,s,38/o,{x:0,y:-1}),h=Be(i.p2,i.p3,s,30/o,{x:1,y:0}),p=Be(i.p2,i.p3,s,22/o,{x:1,y:0}),d=Be(i.p2,i.p3,s,6/o,{x:1,y:0});this._skewXLine=this._drawLine(l.x,l.y,c.x,c.y,"svg-primary-skew-line",this._skewXLine),this._skewYLine=this._drawLine(p.x,p.y,d.x,d.y,"svg-primary-skew-line",this._skewYLine),this._skewXLine.style.strokeWidth=(1/o).toString(),this._skewYLine.style.strokeWidth=(1/o).toString(),this._skewXCircle?this._skewXCircle=this._drawCircle(a.x,a.y,5/o,"svg-primary-skew",this._skewXCircle):(this._skewXCircle=this._drawCircle(a.x,a.y,5/o,"svg-primary-skew",this._skewXCircle),this._skewXCircle.addEventListener("pointerdown",u=>this._handlePointerEvent("x",u)),this._skewXCircle.addEventListener("pointermove",u=>this._handlePointerEvent("x",u)),this._skewXCircle.addEventListener("pointerup",u=>this._handlePointerEvent("x",u))),this._skewXCircle.style.strokeWidth=(1/o).toString(),this._skewXCircle.style.cursor="ew-resize",this._skewYCircle?this._skewYCircle=this._drawCircle(h.x,h.y,5/o,"svg-primary-skew",this._skewYCircle):(this._skewYCircle=this._drawCircle(h.x,h.y,5/o,"svg-primary-skew",this._skewYCircle),this._skewYCircle.addEventListener("pointerdown",u=>this._handlePointerEvent("y",u)),this._skewYCircle.addEventListener("pointermove",u=>this._handlePointerEvent("y",u)),this._skewYCircle.addEventListener("pointerup",u=>this._handlePointerEvent("y",u))),this._skewYCircle.style.strokeWidth=(1/o).toString(),this._skewYCircle.style.cursor="ns-resize",this._skewYCircle.style.fill="#eaf5ff"}_handlePointerEvent(e,t){t.stopPropagation();let i=t.target;switch(t.type){case"pointerdown":i.setPointerCapture(t.pointerId),this._readPersistedTransform(),e==="x"?this._skewXReferencePoint=this._getSkewReferencePoint("x"):this._skewYReferencePoint=this._getSkewReferencePoint("y"),this._activeAxis=e;break;case"pointermove":if(this._activeAxis===e&&t.buttons>0){let r=this._getSkewAngle(e,t);e==="x"?this._skewX=r:this._skewY=r,this._setPreviewTransform()}break;case"pointerup":if(this._activeAxis===e){i.releasePointerCapture(t.pointerId);let r=this._getSkewAngle(e,t);e==="x"?this._skewX=r:this._skewY=r,this._commitTransform(),this._activeAxis=null}break}}_readPersistedTransform(){let{baseTransform:e,skewX:t,skewY:i}=this._parseTransform(this.extendedItem.getStyleFromSheetOrLocal("transform")??"");this._baseTransform=e,this._skewX=t,this._skewY=i}_getSkewReferencePoint(e){let t=this.extendedItem.element,i=Ee(this.extendedItem.element),r=this.designerCanvas.zoomFactor,o=e==="x"?{x:i.width/2,y:-56/r}:{x:i.width+30/r,y:i.height/2},s=t.style.transform;try{t.style.transform=this._buildTransform(this._baseTransform,e==="x"?0:this._skewX,e==="y"?0:this._skewY);let a=t.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!a)return o;let l=Xi(a),c=e==="x"?Be(a.p1,a.p2,l,56/r,{x:0,y:-1}):Be(a.p2,a.p3,l,30/r,{x:1,y:0}),h=t.convertPointFromNode(c,this.designerCanvas.canvas);return!Number.isFinite(h.x)||!Number.isFinite(h.y)?o:{x:h.x,y:h.y}}finally{t.style.transform=s}}_setPreviewTransform(){this.extendedItem.element.style.transform=this._buildTransform(this._baseTransform,this._skewX,this._skewY)}_commitTransform(){let e=this._buildTransform(this._baseTransform,this._skewX,this._skewY);e?this.extendedItem.updateStyleInSheetOrLocal("transform",e):this.extendedItem.hasStyle("transform")?this.extendedItem.removeStyle("transform"):this.extendedItem.updateStyleInSheetOrLocal("transform",null);let t=this.extendedItem.element;this.extendedItem.hasStyle("transform")?t.style.transform=this.extendedItem.getStyle("transform")??"":t.style.transform=""}_getSkewAngle(e,t){let i=this.extendedItem.element;i.style.transform=this._buildTransform(this._baseTransform,e==="x"?0:this._skewX,e==="y"?0:this._skewY);let r=this.designerCanvas.getNormalizedEventCoordinates(t),o=i.convertPointFromNode({x:r.x,y:r.y},this.designerCanvas.canvas),a=getComputedStyle(i).transformOrigin.split(" "),l={x:parseFloat(a[0]),y:parseFloat(a[1])},c=Ee(i),h;if(e==="x"){let p=this._skewXReferencePoint.y-l.y;Math.abs(p)<.5&&(p=-Math.max(c.height/2,1)),h=Math.atan((o.x-l.x)/p)*180/Math.PI}else{let p=this._skewYReferencePoint.x-l.x;Math.abs(p)<.5&&(p=Math.max(c.width/2,1)),h=Math.atan((o.y-l.y)/p)*180/Math.PI}return h=Math.max(-80,Math.min(80,h)),$(t)||(h=Math.round(h/15)*15),parseFloat(V(this.extendedItem,h))}_buildTransform(e,t,i){let r=[];return e?.trim()&&r.push(e.trim()),Math.abs(t)>.001&&r.push(`skewX(${t}deg)`),Math.abs(i)>.001&&r.push(`skewY(${i}deg)`),r.join(" ").trim()}_parseTransform(e){if(!e||e==="none")return{baseTransform:"",skewX:0,skewY:0};let t=0,i=0,r=[];for(let o of this._splitTransformFunctions(e)){let s=o.slice(0,o.indexOf("(")).trim().toLowerCase(),l=o.slice(o.indexOf("(")+1,-1).split(",").map(c=>c.trim());s==="skewx"?t=this._parseAngle(l[0]):s==="skewy"?i=this._parseAngle(l[0]):s==="skew"?(t=this._parseAngle(l[0]),l.length>1&&(i=this._parseAngle(l[1]))):r.push(o)}return{baseTransform:r.join(" ").trim(),skewX:t,skewY:i}}_splitTransformFunctions(e){let t=[],i=-1,r=0;for(let o=0;o<e.length;o++){let s=e[o];s==="("?r++:s===")"?(r--,r===0&&i!==-1&&(t.push(e.slice(i,o+1).trim()),i=-1)):r===0&&i===-1&&s.trim()&&(i=o)}return!t.length&&e.trim()&&t.push(e.trim()),t}_parseAngle(e){if(!e)return 0;let t=parseFloat(e);return isNaN(t)?0:e.endsWith("rad")?t*180/Math.PI:e.endsWith("grad")?t*.9:e.endsWith("turn")?t*360:t}dispose(){this._removeAllOverlays()}};import{css as ib}from"@node-projects/base-custom-webcomponent";var Qf=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new bl(e,t,i)}static style=ib`.svg-primary-skew{stroke:var(--wcd-color-selection,#3899ec);fill:#fff;stroke-width:1;pointer-events:auto}.svg-primary-skew-line{stroke:var(--wcd-color-selection,#3899ec);fill:none;stroke-width:1}`};vh();_h();xh();bh();mh();fh();eh();th();Rp();zp();Ad();Td();vd();_d();gd();yd();Xp();$p();lp();Vr();Pd();kd();bd();wd();md();fd();Kp();Wp();Hp();cp();ai();ap();Cn();Sd();ad();Ld();rs();ip();Gd();xd();Ch();Qh();Od();Rh();gp();fp();Os();_p();Vh();vp();yp();Up();Id();Md();Ph();Oh();Hc();var sr=class extends Wi{extendedItem;constructor(e,t){super(e,t)}};se();var wl=class extends sr{_lineOffset=5;_lineLength=10;_circle;_line1;_line2;_line3;_line4;refresh(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e);this._circle=this._drawCircle(t.x,t.y,1,"svg-cursor-line",this._circle,M.Foreground),this._line1=this._drawLine(t.x,t.y-this._lineOffset,t.x,t.y-this._lineOffset-this._lineLength,"svg-cursor-line",this._line1,M.Foreground),this._line2=this._drawLine(t.x,t.y+this._lineOffset,t.x,t.y+this._lineOffset+this._lineLength,"svg-cursor-line",this._line2,M.Foreground),this._line3=this._drawLine(t.x-this._lineOffset,t.y,t.x-this._lineOffset-this._lineLength,t.y,"svg-cursor-line",this._line3,M.Foreground),this._line4=this._drawLine(t.x+this._lineOffset,t.y,t.x+this._lineOffset+this._lineLength,t.y,"svg-cursor-line",this._line4,M.Foreground)}dispose(){super._removeAllOverlays()}};import{css as rb}from"@node-projects/base-custom-webcomponent";var Zf=class{getExtension(e){return new wl(e.extensionManager,e)}style=rb`.svg-cursor-line{stroke:#000;pointer-events:none}`};se();var Sl=class extends sr{_circle;_line1;_line2;_line3;_line4;refresh(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e);this._circle=this._drawCircle(t.x,t.y,1,"svg-cursor-line-dashed",this._circle,M.Foreground),this._line1=this._drawLine(t.x,t.y,t.x,0,"svg-cursor-line-dashed",this._line1,M.Foreground),this._line2=this._drawLine(t.x,t.y,t.x,this.designerCanvas.outerRect.height,"svg-cursor-line-dashed",this._line2,M.Foreground),this._line3=this._drawLine(t.x,t.y,0,t.y,"svg-cursor-line-dashed",this._line3,M.Foreground),this._line4=this._drawLine(t.x,t.y,this.designerCanvas.outerRect.width,t.y,"svg-cursor-line-dashed",this._line4,M.Foreground)}dispose(){super._removeAllOverlays()}};import{css as nb}from"@node-projects/base-custom-webcomponent";var qf=class{getExtension(e){return new Sl(e.extensionManager,e)}style=nb`.svg-cursor-line-dashed{stroke:#000;pointer-events:none;stroke-dasharray:4 4}`};import{BaseCustomWebComponentConstructorAppend as ob,css as sb,html as ab}from"@node-projects/base-custom-webcomponent";var iu=class extends ob{static style=sb`:host{overflow:hidden;display:block;width:100%;height:100%;position:relative}#outerDiv{width:100%;height:100%}#innerDiv{transform-origin:top left;height:100%;width:100%;image-rendering:pixelated}#above{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;background:0 0;cursor:pointer}#viewRect{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--wcd-miniature-view-border-color,#000);pointer-events:none}`;static template=ab`<div id="outerDiv"><div id="innerDiv"></div></div><div id="above"><div id="viewRect"></div></div>`;_innerDiv;_outerDiv;_above;_instanceServiceContainer;_contentChangedHandler;_maxX=0;_maxY=0;_resizeObserver;_innerShadow;_zoomFactorChangedHandler;_viewRect;_minatureScaleX=1;_minatureScaleY=1;_reRenderFlag=!1;_isDragging=!1;_boundMouseMove;_boundMouseUp;constructor(){super(),this._restoreCachedInititalValues(),this._outerDiv=this._getDomElement("outerDiv"),this._innerDiv=this._getDomElement("innerDiv"),this._viewRect=this._getDomElement("viewRect"),this._above=this._getDomElement("above"),this._innerShadow=this._innerDiv.attachShadow({mode:"open"}),this._boundMouseMove=this._onMouseMove.bind(this),this._boundMouseUp=this._onMouseUp.bind(this),this._above.addEventListener("mousedown",e=>this._onMouseDown(e)),this._resizeObserver=new ResizeObserver(()=>{this._reSize()})}ready(){this._resizeObserver.observe(this)}_reSize(){let e=this._outerDiv.getBoundingClientRect();this._minatureScaleX=e.width/this._maxX,this._minatureScaleY=e.height/this._maxY,this._innerDiv.style.scale=this._minatureScaleX+" "+this._minatureScaleY}async _reRender(){if(this._instanceServiceContainer){let e=this._instanceServiceContainer?.designerCanvas;this._innerShadow.adoptedStyleSheets=[...e.rootDesignItem.element.shadowRoot.adoptedStyleSheets];let t=e.designerPixelSize;this._maxX=t.width,this._maxY=t.height;let i=await this._instanceServiceContainer.designerCanvas.serviceContainer.miniatureViewService.provideMiniatureView(e);this._innerShadow.replaceChildren(i),this._reSize(),this._reDrawRect(),this._reRenderFlag=!1}}_reDrawRect(){let e=this._instanceServiceContainer?.designerCanvas,t=e.canvasOffset,i=e.zoomFactor;this._viewRect.style.left=-t.x/this._maxX*100+"%",this._viewRect.style.top=-t.y/this._maxY*100+"%",this._viewRect.style.width=e.clientWidth/i/this._maxX*100+"%",this._viewRect.style.height=e.clientHeight/i/this._maxY*100+"%"}_onMouseDown(e){this._instanceServiceContainer&&(this._isDragging=!0,this._moveCanvasToMousePosition(e),window.addEventListener("mousemove",this._boundMouseMove),window.addEventListener("mouseup",this._boundMouseUp),e.preventDefault())}_onMouseMove(e){this._isDragging&&(this._moveCanvasToMousePosition(e),e.preventDefault())}_onMouseUp(e){this._isDragging=!1,window.removeEventListener("mousemove",this._boundMouseMove),window.removeEventListener("mouseup",this._boundMouseUp)}_moveCanvasToMousePosition(e){let t=this._instanceServiceContainer.designerCanvas,i=t.zoomFactor,r=this._above.getBoundingClientRect(),o=e.clientX-r.left,s=e.clientY-r.top,a=o/r.width*this._maxX,l=s/r.height*this._maxY,c=t.clientWidth/i/2,h=t.clientHeight/i/2;t.canvasOffset={x:-(a-c),y:-(l-h)}}set instanceServiceContainer(e){this._contentChangedHandler?.dispose(),this._zoomFactorChangedHandler?.dispose(),this._instanceServiceContainer=e,this._instanceServiceContainer?(this._zoomFactorChangedHandler=this._instanceServiceContainer.designerCanvas.onZoomFactorChanged.on(()=>{this._reDrawRect()}),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(t=>{this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))}),this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))):this._innerShadow.innerHTML=""}};customElements.define("node-projects-web-component-designer-miniature-view",iu);ee();import{BaseCustomWebComponentConstructorAppend as lb,css as cb,html as hb}from"@node-projects/base-custom-webcomponent";var ru=class extends lb{static style=cb`:host{overflow:hidden;display:block;width:100%;height:100%;position:relative;isolation:isolate;background:var(--wcd-layer-depth-view-background,#f3f4f6);color:var(--wcd-layer-depth-view-text-color,#111827);user-select:none;-webkit-user-select:none}#viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;z-index:0;perspective:9000px}#viewport.dragging{cursor:grabbing}#scene{position:absolute;top:50%;left:50%;z-index:0;transform-style:preserve-3d;transform-origin:center center}#content{position:absolute;top:0;left:0;transform-style:preserve-3d;transform-origin:top left;pointer-events:none}#content,#content *{transform-style:preserve-3d}#empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--wcd-layer-depth-view-muted-color,#4b5563);font:13px sans-serif;pointer-events:none}#controls{position:absolute;left:8px;right:8px;top:8px;z-index:2147483647;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:8px;box-sizing:border-box;padding:7px 9px;background:var(--wcd-layer-depth-view-card-background,rgba(255,255,255,.92));border:1px solid var(--wcd-layer-depth-view-card-border-color,rgba(17,24,39,.14));font:12px sans-serif;pointer-events:auto;z-index:1;position:relative}#depthSlider{width:100%;min-width:0}#depthValue{min-width:42px;text-align:right;font-variant-numeric:tabular-nums}`;static template=hb`<div id="controls"><span>Depth</span> <input id="depthSlider" type="range" min="0" max="120" step="1" value="36"> <span id="depthValue">36px</span></div><div id="viewport"><div id="scene"><div id="content"></div></div><div id="empty">No layers</div></div>`;_viewport;_scene;_content;_empty;_depthSlider;_depthValue;_instanceServiceContainer;_contentChangedHandler;_zoomFactorChangedHandler;_resizeObserver;_reRenderFlag=!1;_maxX=0;_maxY=0;_depthSpacing=36;_rotateX=0;_rotateY=0;_translateX=0;_translateY=0;_scale=1;_layerDepthEntries=[];_dragStart;_boundPointerMove;_boundPointerUp;constructor(){super(),this._restoreCachedInititalValues(),this._viewport=this._getDomElement("viewport"),this._scene=this._getDomElement("scene"),this._content=this._getDomElement("content"),this._empty=this._getDomElement("empty"),this._depthSlider=this._getDomElement("depthSlider"),this._depthValue=this._getDomElement("depthValue"),this._boundPointerMove=this._onPointerMove.bind(this),this._boundPointerUp=this._onPointerUp.bind(this),this._depthSlider.addEventListener("input",()=>{this._depthSpacing=Number(this._depthSlider.value),this._depthValue.textContent=this._depthSpacing+"px",this._updateLayerDepths()}),this._viewport.addEventListener("pointerdown",e=>this._onPointerDown(e)),this._viewport.addEventListener("wheel",e=>this._onWheel(e),{passive:!1}),this._viewport.addEventListener("contextmenu",e=>e.preventDefault()),this._resizeObserver=new ResizeObserver(()=>this._fitScene())}ready(){this._resizeObserver.observe(this),this._applySceneTransform()}_scheduleRender(){this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))}async _reRender(){if(!this._instanceServiceContainer)return;let e=this._instanceServiceContainer.designerCanvas;this._copyAdoptedStyleSheets(e.rootDesignItem);let t=e.designerPixelSize;this._maxX=Math.max(t.width,1),this._maxY=Math.max(t.height,1);let i=this._createLayerTree();this._content.replaceChildren(i.fragment),this._scene.style.width=this._maxX+"px",this._scene.style.height=this._maxY+"px",this._content.style.width=this._maxX+"px",this._content.style.height=this._maxY+"px",this._empty.style.display=i.count?"none":"flex",this._updateLayerDepths(),this._fitScene(),this._reRenderFlag=!1}_copyAdoptedStyleSheets(e){let t=e?.element,i=e?.usableContainer,r=t?.shadowRoot??(i instanceof Document?i:t?.ownerDocument);this.shadowRoot.adoptedStyleSheets=r?.adoptedStyleSheets?[...r.adoptedStyleSheets]:[]}_createLayerTree(){let e=this._instanceServiceContainer.rootDesignItem,t=document.createDocumentFragment(),i=0;this._layerDepthEntries=[];for(let r of e.children()){if(r.nodeType!==A.Element)continue;let o=r.element.cloneNode(!0);t.appendChild(o),i=this._prepareCloneTree(r,o,i)}return{fragment:t,count:i}}_prepareCloneTree(e,t,i){this._prepareCloneElement(t,i),i++;let r=Array.from(e.element.childNodes),o=Array.from(t.childNodes);for(let s of e.children()){if(s.nodeType!==A.Element)continue;let a=r.findIndex(c=>c===s.node),l=o[a];l instanceof Element&&(i=this._prepareCloneTree(s,l,i))}return i}_prepareCloneElement(e,t){(e instanceof HTMLElement||e instanceof SVGElement)&&(e.style.transformStyle="preserve-3d",e.style.willChange="translate",this._layerDepthEntries.push({element:e,depth:t}))}_updateLayerDepths(){if(this._depthValue.textContent=this._depthSpacing+"px",!this._layerDepthEntries.length)return;let e=this._layerDepthEntries.map(a=>a.depth),t=Math.min(...e),i=Math.max(...e),r=Math.max(i-t,1),o=a=>((a-t)/r-.5)*this._depthSpacing*2,s=new Map;for(let a of this._layerDepthEntries)s.set(a.element,a.depth);for(let a of this._layerDepthEntries){let l=a.element.parentElement,c;for(;l&&(c=s.get(l),c===void 0);)l=l.parentElement;let h=c===void 0?0:o(c);a.element.style.translate="0 0 "+(o(a.depth)-h)+"px"}}_fitScene(){let e=this._viewport.getBoundingClientRect();if(!e.width||!e.height||!this._maxX||!this._maxY)return;let t=Math.min(e.width/this._maxX,e.height/this._maxY)*.72;this._scale=Math.min(Math.max(t,.05),4),this._translateX=0,this._translateY=0,this._applySceneTransform()}_applySceneTransform(){this._scene.style.transformStyle="preserve-3d",this._content.style.transformStyle="preserve-3d",this._scene.style.transform="translate(-50%, -50%) translate("+this._translateX+"px, "+this._translateY+"px) scale("+this._scale+") rotateX("+this._rotateX+"deg) rotateY("+this._rotateY+"deg)",this._content.style.transform=""}_onPointerDown(e){e.target===this._depthSlider||e.button!==0&&e.button!==1&&e.button!==2||(this._dragStart={x:e.clientX,y:e.clientY,rotateX:this._rotateX,rotateY:this._rotateY,translateX:this._translateX,translateY:this._translateY,pan:e.button===1||e.button===2||e.shiftKey},this._viewport.classList.add("dragging"),this._viewport.setPointerCapture(e.pointerId),this._viewport.addEventListener("pointermove",this._boundPointerMove),this._viewport.addEventListener("pointerup",this._boundPointerUp),this._viewport.addEventListener("pointercancel",this._boundPointerUp),e.preventDefault())}_onPointerMove(e){if(!this._dragStart)return;let t=e.clientX-this._dragStart.x,i=e.clientY-this._dragStart.y;this._dragStart.pan?(this._translateX=this._dragStart.translateX+t,this._translateY=this._dragStart.translateY+i):(this._rotateY=this._dragStart.rotateY+t*.35,this._rotateX=Math.min(85,Math.max(-85,this._dragStart.rotateX-i*.35))),this._applySceneTransform(),e.preventDefault()}_onPointerUp(e){this._dragStart=null,this._viewport.classList.remove("dragging"),this._viewport.releasePointerCapture(e.pointerId),this._viewport.removeEventListener("pointermove",this._boundPointerMove),this._viewport.removeEventListener("pointerup",this._boundPointerUp),this._viewport.removeEventListener("pointercancel",this._boundPointerUp)}_onWheel(e){let t=e.deltaY<0?1.08:.92;this._scale=Math.min(6,Math.max(.03,this._scale*t)),this._applySceneTransform(),e.preventDefault()}set instanceServiceContainer(e){this._contentChangedHandler?.dispose(),this._zoomFactorChangedHandler?.dispose(),this._instanceServiceContainer=e,this._instanceServiceContainer?(this._zoomFactorChangedHandler=this._instanceServiceContainer.designerCanvas.onZoomFactorChanged.on(()=>{this._scheduleRender()}),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(()=>{this._scheduleRender()}),this._scheduleRender()):(this._content.replaceChildren(),this._layerDepthEntries=[],this._empty.style.display="flex")}};customElements.define("node-projects-web-component-designer-layer-depth-view",ru);oe();import{BaseCustomWebComponentConstructorAppend as pb,css as db,html as ub}from"@node-projects/base-custom-webcomponent";function Jf(n){if(!n)return"";let e,t=n.nodeName.toLowerCase();return n.id?e="#"+n.getAttribute("id"):n.getAttribute("class")&&(e="."+n.getAttribute("class").split(" ").join(".")),e?t+e:t}var Cl=function(n){if(!n||n.nodeName==="HTML"||n.nodeName==="#document")return{node:document.documentElement,reason:"root"};if(n.nodeName==="#document-fragment")return Cl(n.host);let e=n.ownerDocument.defaultView.getComputedStyle(n);if(e.position==="fixed"||e.position==="sticky")return{node:n,reason:`position: ${e.position}`};if(e.zIndex!=="auto"&&e.position!=="static")return{node:n,reason:`position: ${e.position}; z-index: ${e.zIndex}`};if(e.opacity!=="1")return{node:n,reason:`opacity: ${e.opacity}`};if(e.transform!=="none")return{node:n,reason:`transform: ${e.transform}`};if(e.scale!=="none")return{node:n,reason:`scale: ${e.scale}`};if(e.translate!=="none")return{node:n,reason:`translate: ${e.translate}`};if(e.rotate!=="none")return{node:n,reason:`rotate: ${e.rotate}`};if(e.mixBlendMode!=="normal")return{node:n,reason:`mixBlendMode: ${e.mixBlendMode}`};if(e.filter!=="none")return{node:n,reason:`filter: ${e.filter}`};if(e.backdropFilter!=="none")return{node:n,reason:`backdropFilter: ${e.backdropFilter}`};if(e.perspective!=="none")return{node:n,reason:`perspective: ${e.perspective}`};if(e.clipPath!=="none")return{node:n,reason:`clip-path: ${e.clipPath} `};let t=e.mask||e.webkitMask;if(t!=="none"&&t!==void 0)return{node:n,reason:`mask:  ${t}`};let i=e.maskImage||e.webkitMaskImage;if(i!=="none"&&i!==void 0)return{node:n,reason:`mask-image: ${i}`};let r=e.maskBorder||e.webkitMaskBorder;if(r!=="none"&&r!==void 0)return{node:n,reason:`mask-border: ${r}`};if(e.isolation==="isolate")return{node:n,reason:`isolation: ${e.isolation}`};if(e.willChange==="transform"||e.willChange==="opacity"||e.willChange==="scale"||e.willChange==="translate"||e.willChange==="rotate")return{node:n,reason:`willChange: ${e.willChange}`};if(e.zIndex!=="auto"){let s=n.ownerDocument.defaultView.getComputedStyle(n.parentNode);if(s.display==="flex"||s.display==="inline-flex")return{node:n,reason:`flex-item; z-index: ${e.zIndex}`};if(s.grid!=="none / none / none / row / auto / auto")return{node:n,reason:`child of grid container; z-index: ${e.zIndex}`}}let o=e.contain;return["layout","paint","strict","content"].indexOf(o)>-1||o.indexOf("paint")>-1||o.indexOf("layout")>-1?{node:n,reason:`contain: ${o}`}:Cl(n.parentNode)},nu=class extends pb{static template=ub`<div><table><tr><th colspan="2">Styling</th></tr><tr><td>display</td><td>[[?this.computedStyle?.display]]</td></tr><tr><td>position</td><td>[[?this.computedStyle?.position]]</td></tr><tr><td>visibility</td><td>[[?this.computedStyle?.visibility]]</td></tr><tr><td>pointerEvents</td><td>[[?this.computedStyle?.pointerEvents]]</td></tr><tr><td>zIndex</td><td>[[?this.computedStyle?.zIndex]]</td></tr><tr><th colspan="2">Context</th></tr><tr><td>offsetParent</td><td class="lnk" @click="[[this._clickLink(event, 'offsetParent')]]">[[?this.selectedElementOffsetParentText]]</td></tr><tr><td>createsStackingContext</td><td>[[this.createsStackingContext]]</td></tr><tr><td>stackingContextReason</td><td>[[this.createsStackingContextReason]]</td></tr><tr><td>stackingContextParent</td><td class="lnk" @click="[[this._clickLink(event, 'stackingContextParent')]]">[[?this.parentStackingContextText]]</td></tr></table></div>`;static style=db`:host{overflow:auto;height:100%;display:block;font-size:12px}table{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}table td,table th{border:1px solid var(--wcd-debug-view-cell-border-color,#ddd);padding:2px 4px}table tr:nth-child(even){background-color:#f2f2f2}table tr:hover{background-color:var(--wcd-debug-view-row-hover-background,#ddd)}table th{text-align:left;background-color:var(--wcd-debug-view-header-background,#989898);color:var(--wcd-color-text,#fff)}.lnk{color:var(--wcd-debug-view-link-color,#00f)}.lnk:hover{text-decoration:underline;cursor:pointer}`;_ready;computedStyle;createsStackingContext="";createsStackingContextReason="";parentStackingContext;parentStackingContextText;selectedElementOffsetParent;selectedElementOffsetParentText;constructor(){super(),this._restoreCachedInititalValues()}ready(){this._parseAttributesToProperties(),this._bindingsParse(),this._ready=!0}_clickLink(e,t){if(t=="offsetParent"){if(this.selectedElementOffsetParent){let i=O.GetDesignItem(this.selectedElementOffsetParent);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}else if(t=="stackingContextParent"&&this.parentStackingContext){let i=O.GetDesignItem(this.parentStackingContext);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}update(e){this._ready&&requestAnimationFrame(()=>{let t=e?.element;if(t?.nodeType==3&&(t=t.parentNode),t&&t.nodeType!=8&&t.nodeType!=11){if(this.computedStyle=t.ownerDocument.defaultView.getComputedStyle(t),this.selectedElementOffsetParent=t.offsetParent,this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element||this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement?(this.selectedElementOffsetParentText=null,this.selectedElementOffsetParent=null):this.selectedElementOffsetParentText=Jf(t.offsetParent),t&&t.nodeType===1){let i=Cl(t);this.createsStackingContext=t===i.node,this.createsStackingContextReason=this.createsStackingContext?i.reason:"not a stacking context",this.parentStackingContext=i.node,this.createsStackingContext&&t.nodeName!=="HTML"&&(this.parentStackingContext=Cl(t.parentNode).node),this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement||this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement.parentElement?(this.parentStackingContextText=null,this.parentStackingContext=null):this.parentStackingContextText=Jf(this.parentStackingContext)}}else this.computedStyle={},this.createsStackingContext=!1,this.createsStackingContextReason="",this.createsStackingContext=!1,this.selectedElementOffsetParent=null,this.selectedElementOffsetParentText=null,this.parentStackingContext=null,this.parentStackingContextText=null;this._bindingsRefresh()})}};customElements.define("node-projects-debug-view",nu);import{BaseCustomWebComponentConstructorAppend as mb,css as fb,html as gb}from"@node-projects/base-custom-webcomponent";var El=class extends mb{static template=gb`<div id="root"><div class="search"><span>search</span> <input style="flex-grow:1;min-width:0" value="{{this.searchText}}"> <span>replace</span> <input style="flex-grow:1;min-width:0" value="{{this.replaceText}}"> <button @click="[[this.replace()]]" style="grid-column:2">replace</button></div><hr><template repeat:item="[[this.refactorings]]"><details open><summary>[[item[1][0].itemType]]-name:<input value="[[item[1][0].name]]" @keydown="[[this._refactor(item, event)]]" style="flex-grow:1;min-width:0"></summary><ul><template repeat:reft="[[item[1]]]"><li>[[reft.type]]/[[reft.display]]</li></template></ul></details></template></div>`;static style=fb`:host{box-sizing:border-box;font-family:monospace;height:100%;width:100%;position:absolute;overflow:hidden}.search{display:grid;grid-template-columns:40px 1fr;align-items:center}span{font-size:10px}summary{cursor:pointer;font-size:10px;display:flex;align-items:center;white-space:nowrap}ul{margin:4px;padding-left:20px;font-size:10px}#root{padding:5px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;height:calc(100% - 10px)}`;static is="node-projects-refactor-view";static properties={};_instanceServiceContainer;_selectionChangedHandler;_selectedItems;searchText="(.*)";replaceText="$1";refactorings=new Map;ready(){this._bindingsParse()}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this.updateRefactorlist(this._selectedItems))}replace(){let e=null;for(let t of this.refactorings){let i=t[1][0].name,r=new RegExp(this.searchText);if(i.match(r)){e||(e=t[1][0].designItem.openGroup("refactor with regex "+this.searchText+" -> "+this.replaceText));let s=i.replace(r,this.replaceText);s!=i&&this.applyRefactoring(t,s)}}e&&e.commit()}_refactor(e,t){let i=t.target;t.key=="Enter"&&this.applyRefactoring(e,i.value)}applyRefactoring(e,t){let i=e[1][0].designItem.openGroup("refactor "+e[1][0].name+" to "+t);for(let r of e[1])r.service.refactor(r,r.name,t);i.commit()}updateRefactorlist(e){if(this.refactorings.clear(),e&&e.length){let t=[],i=e[0].serviceContainer;for(let r of i.refactorServices){let o=r.getRefactorings(e);t.push(...o)}for(let r of t){let o=this.refactorings.get(r.itemType+"|"+r.name);o===void 0&&(o=[],this.refactorings.set(r.itemType+"|"+r.name,o)),o.push(r)}}this._bindingsRefresh()}};customElements.define(El.is,El);Ul();he();It();import{BaseCustomWebComponentLazyAppend as yb,css as vb,html as _b}from"@node-projects/base-custom-webcomponent";var Kr=class extends yb{static style=vb`:host{display:block;box-sizing:border-box;height:100%;overflow:auto}button{background-color:transparent;color:var(--wcd-color-text,#fff);border:none;font-size:13px;display:block;cursor:pointer;width:100%;text-align:left;padding:8px 14px}button:hover{background:var(--wcd-palette-item-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}table{width:100%}td{color:var(--wcd-color-text,#fff);font-size:13px}div{text-transform:uppercase;font-size:12px;font-weight:700;padding:4px 14px}`;static template=_b`<table id="table"></table>`;_table;constructor(){super(),this._table=this._getDomElement("table")}loadElements(e,t,i){this._table.replaceChildren();for(let r of t){let o=document.createElement("tr"),s=document.createElement("td"),a=document.createElement("button");if(a.setAttribute("part","button"),r.icon&&!r.displayHtml){let c=r.icon;r.icon.startsWith("data:")||(c=i+r.icon),a.innerHTML='<table><tr><td align="left" valign="middle" style="width:20px;"><img style="width:16px;height:16px" src="'+c+'"></td><td align="left" >'+r.tag+`</td></tr></table>
+`}else r.displayHtml?a.innerHTML=r.displayHtml:a.innerText=r.name?r.name:r.tag;a.draggable=!0,a.ondragstart=c=>{if(c.dataTransfer.setData(Ni,JSON.stringify(r)),c.currentTarget.style.outline="dashed",r.ghostElement)if(typeof r.ghostElement=="string"){let h=document.createRange();h.selectNode(document.body);let d=h.createContextualFragment(r.ghostElement).firstChild;d.style.position="absolute",d.style.top="-1000px",document.body.appendChild(d),c.dataTransfer.setDragImage(d,0,0),requestAnimationFrame(()=>document.body.removeChild(d))}else c.dataTransfer.setDragImage(r.ghostElement,0,0);else if(!r.import)try{let h=document.createElement(r.tag);if(r.defaultContent&&(h.innerHTML=r.defaultContent),r.defaultWidth&&(h.style.width=r.defaultWidth),r.defaultHeight&&(h.style.height=r.defaultHeight),r.defaultAttributes)for(let d in r.defaultAttributes)h.setAttribute(d,r.defaultAttributes[d]);if(r.defaultStyles)for(let d in r.defaultStyles)h.style[d]=r.defaultStyles[d];h.style.position="absolute",r.defaultWidth?h.style.top="-"+(parseInt(r.defaultHeight)+500)+"px":h.style.top="-500px",r.defaultWidth?h.style.left="-"+(parseInt(r.defaultWidth)+500)+"px":h.style.left="-500px",document.body.appendChild(h);let p=h.getBoundingClientRect();p.width>0&&p.height>0&&c.dataTransfer.setDragImage(h,0,0),requestAnimationFrame(()=>document.body.removeChild(h))}catch(h){console.warn("error creating gost elment",h)}},a.ondragend=c=>{r.import=null,c.currentTarget.style.outline="none"},a.ontouchstart=c=>{c.preventDefault()},a.onclick=c=>{let h=e.designerTools.get(r.tool??te.DrawElementTool);typeof h=="function"&&(h=new h(r)),e.globalContext.tool=h},s.appendChild(a),o.appendChild(s);let l=document.createElement("td");l.innerText=r.description??"",o.appendChild(l),this._table.appendChild(o)}}};customElements.define("node-projects-palette-elements",Kr);import{BaseCustomWebComponentLazyAppend as xb,css as bb}from"@node-projects/base-custom-webcomponent";var ou=class extends xb{selected="native";_designerTabControl;static style=bb`:host{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;overflow:hidden}node-projects-designer-tab-control{flex:1;min-height:0}`;constructor(){super(),this._restoreCachedInititalValues(),this._designerTabControl=new Ct,this._designerTabControl.selectedIndex=0,this.shadowRoot.appendChild(this._designerTabControl)}async loadControls(e,t){this._designerTabControl.innerHTML="";for(let i of t)try{let r=await i.getElements(),o=new Kr;o.title=i.name,this._designerTabControl.appendChild(o),o.loadElements(e,r),i.onElementsChanged?.on(async()=>{o.loadElements(e,await i.getElements())})}catch(r){console.warn("Error loading elements",r)}this._designerTabControl.refreshItems()}};customElements.define("node-projects-palette-view",ou);oe();import{BaseCustomWebComponentLazyAppend as wb,css as Sb}from"@node-projects/base-custom-webcomponent";var su=class extends wb{_items;_index;_previouslySelected;_treeDiv;_instanceServiceContainer;_selectionChangedHandler;_contentChangedHandler;_mapElementTreeitem;_rootItem;static style=Sb`:host{--horz-margin:20px;--vert-margin:0px;--horz-shift:calc(var(--horz-margin) / 2);--vert-shift:12px;display:inline-block;position:relative;width:100%;height:100%;background:var(--wcd-tree-view-background,var(--dark-grey,var(--wcd-color-surface,#232733)));overflow-y:auto}button{border:none;font-size:13px;display:block;padding:4px 0;cursor:pointer;width:100%;text-align:left;display:inline-block;margin:0;background:var(--wcd-tree-view-background,var(--dark-grey,var(--wcd-color-surface,#232733)));position:relative;color:var(--wcd-color-text,#fff)}button:focus,button:hover{background:var(--wcd-tree-view-item-hover-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)))}span{margin:4px}.id{font-style:italic;color:var(--wcd-tree-view-id-color,var(--highlight-pink,var(--wcd-color-accent,#e91e63)))}.selected{background:var(--wcd-tree-view-item-selected-background,var(--light-grey,var(--wcd-color-surface-hover,#383f52)));outline:0}li,ul{margin:0;padding:0}.tree ul{margin-left:var(--horz-margin)}.tree li{list-style-type:none;margin-top:var(--vert-margin);margin-bottom:var(--vert-margin);position:relative}.tree li::before{content:"";position:absolute;top:calc(0px - var(--vert-margin));left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(var(--vert-shift) + var(--vert-margin));border-left:1px solid var(--wcd-tree-view-connector-color,#ccc);border-bottom:1px solid var(--wcd-tree-view-connector-color,#ccc);border-radius:0}.tree li::after{position:absolute;content:"";top:var(--vert-shift);left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(100% - var(--vert-shift));border-left:1px solid var(--wcd-tree-view-connector-color,#ccc);border-top:1px solid var(--wcd-tree-view-connector-color,#ccc);border-radius:0}ul.tree>li:first-child::before{display:none}.tree li:last-child::after{display:none}ul.tree>li:first-child::after{border-radius:5px 0 0 0}.tree li:last-child:before{border-radius:0 0 0 5px}`;constructor(){super(),this._restoreCachedInititalValues(),this._treeDiv=document.createElement("div"),this._treeDiv.style.userSelect="none",this.shadowRoot.appendChild(this._treeDiv),this._treeDiv.addEventListener("click",this._clickElement.bind(this))}createTree(e){this._rootItem=e,e!=null&&this._recomputeTree(e.element,null)}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectionChanged(t)}),this._contentChangedHandler?.dispose(),this._contentChangedHandler=this._instanceServiceContainer.onContentChanged.on(t=>{this.createTree(e.designerCanvas.rootDesignItem)}),this.createTree(e.designerCanvas.rootDesignItem)}selectionChanged(e){this._selectTreeElements(e.selectedElements.map(t=>this._mapElementTreeitem.get(t.element)))}_recomputeTree(e,t){this._mapElementTreeitem=new Map,this._treeDiv.innerHTML="";let i=document.createElement("ul");return i.classList.add("tree"),this._treeDiv.appendChild(i),this._index=0,this._items=this._getChildren(e,i),this._highlight(t),this._items}_makeButton(e,t,i){let r=document.createElement("button");r.dataset.index=i;let o=document.createElement("span");o.className="tag",o.textContent=e;let s=document.createElement("span");return s.className="id",s.textContent=t,r.appendChild(o),r.appendChild(s),r}_getChildren(e,t){let i=e.id==="viewContainer",r={tag:i?"main-app":e.tagName.toLowerCase(),id:i?"":e.id?"#"+e.id:"",text:i?"":'"'+e.textContent+'"',ref:e,index:this._index},o=document.createElement("li"),s=this._makeButton(r.tag,r.id,r.index);o.appendChild(s),t.appendChild(o),this._mapElementTreeitem.set(r.ref,s),this._index++;let a=[r],l=null;for(let c=0;c<e.children.length;c++){let h=e.children[c];h.localName!=="style"&&(l==null&&(l=document.createElement("ul"),o.appendChild(l)),a=a.concat(this._getChildren(h,l)))}return a}_clickElement(e){let t=e.target;t.localName==="span"&&(t=t.parentElement),this._selectTreeElements([t]),this._selectDesignerElement(t)}_selectTreeElements(e){if(this._previouslySelected)for(let t of this._previouslySelected)t&&t.classList.remove("selected");if(this._previouslySelected=e,e)for(let t of e)t&&t.classList.add("selected")}_selectDesignerElement(e){let t=e.dataset.index,i=this._items[t].ref,r=O.GetOrCreateDesignItem(i,i,this._rootItem.serviceContainer,this._rootItem.instanceServiceContainer);r.instanceServiceContainer.selectionService.setSelectedElements([r])}_highlight(e){if(!e)return;let t=this.shadowRoot.querySelectorAll("button");if(t.length===this._items.length){for(let i=0;i<this._items.length;i++)if(this._items[i].ref===e){this._selectTreeElements([t[i]]);return}}}};customElements.define("node-projects-tree-view",su);Xl();import{BaseCustomWebComponentLazyAppend as kb,css as Ib,cssFromString as Db,debounce as Ab,TypedEvent as au}from"@node-projects/base-custom-webcomponent";import{BaseCustomWebComponentConstructorAppend as Cb,css as Eb,html as Pb}from"@node-projects/base-custom-webcomponent";var Qr=class extends Cb{static style=Eb`:host{display:block}#split{position:relative;height:100%;width:100%;grid-template-rows:calc(var(--split) * 1%) 5px calc(((100 - var(--split)) * 1%) - 5px);grid-template-columns:100%;display:grid;align-items:center}:host([orientation=horizontal]) #split{grid-template-rows:100%;grid-template-columns:calc(var(--split) * 1%) 5px calc(((100 - var(--split)) * 1%) - 5px)}#splitter{user-select:none;-webkit-user-select:none}:host([orientation=horizontal])>div>#splitter{cursor:ew-resize;width:5px;height:100%}:host([orientation=vertical])>div>#splitter{cursor:ns-resize;height:5px;width:100%}`;static template=Pb`<div id="split" style="--split:50"><slot name="top"></slot><div id="splitter"></div><slot name="bottom"></slot></div>`;static properties={orientation:String};_orientation="vertical";get orientation(){return this._orientation}set orientation(e){this._orientation=e,this.setAttribute("orientation",e)}constructor(){super(),this._restoreCachedInititalValues()}ready(){this._parseAttributesToProperties(),this.setAttribute("orientation",this.orientation);let e=this._getDomElement("split"),t=this._getDomElement("splitter"),i=null;t.addEventListener("pointerdown",r=>{t.setPointerCapture(r.pointerId),i=!0}),t.addEventListener("pointerup",r=>{t.releasePointerCapture(r.pointerId),i=null}),t.addEventListener("pointermove",r=>{if(i!==null){let o=parseFloat(e.style.getPropertyValue("--split"));this.orientation==="horizontal"?o+=r.movementX*100/e.clientWidth:o+=r.movementY*100/e.clientHeight,isNaN(o)||e.style.setProperty("--split",o)}})}};customElements.define("node-projects-simple-split-view",Qr);Fe();ot();var U;(function(n){n[n.designer=0]="designer",n[n.code=1]="code",n[n.split=2]="split",n[n.preview=3]="preview"})(U||(U={}));var lu=class extends kb{designerView;codeView;demoView;additionalData;_firstLoad=!0;_stylesheetChangedEventRegistered;_additionalStyle;set additionalStyleString(e){this._additionalStyle=e,this.designerView.additionalStyles=[Db(e)]}get additionalStyleString(){return this._additionalStyle}_additionalStyles;set additionalStyles(e){this._additionalStyles=e,this.designerView.additionalStyles=this._additionalStyles}get additionalStyles(){return this._additionalStyles}_additionalStylesheets;set additionalStylesheets(e){this._additionalStylesheets=e,this.designerView.instanceServiceContainer.stylesheetService&&(this.designerView.instanceServiceContainer.stylesheetService.setStylesheets(e),this._stylesheetChangedEventRegistered||(this._stylesheetChangedEventRegistered=!0,this.designerView.instanceServiceContainer.stylesheetService.stylesheetChanged.on(t=>this.additionalStylesheetChanged.emit({name:t.name,newStyle:t.newStyle,oldStyle:t.oldStyle,changeSource:t.changeSource}))))}get additionalStylesheets(){return this._additionalStylesheets}additionalStylesheetChanged=new au;get readOnly(){return this.designerView?.readOnly}set readOnly(e){this.designerView&&(this.designerView.readOnly=e),this.codeView&&(this.codeView.readOnly=e)}onContentChanged=new au;onTabChanged=new au;_contentChangeSource="designer";_serviceContainer;_content="";_tabControl;_selectionPosition;_lastCodeSelectionKey;_splitDiv;_designerDiv;_codeDiv;refreshInSplitViewDebounced;_disableChangeNotificationDesigner;_disableChangeNotificationEditor;static get style(){return Ib`div{height:100%;display:flex;flex-direction:column}node-projects-designer-view{height:100%;overflow:hidden}`}constructor(e,t,i=!1){super(),this.refreshInSplitViewDebounced=Ab(this.refreshInSplitView,200),this._serviceContainer=e,t!=null&&(this._content=t);let r=document.createElement("div");this._tabControl=new Ct,r.appendChild(this._tabControl),this.designerView=new Ci(i),this.designerView.setAttribute("exportparts","canvas"),this.designerView.slot="top",this._designerDiv=document.createElement("div"),this._tabControl.appendChild(this._designerDiv),this._designerDiv.appendChild(this.designerView),this._designerDiv.dataset.title="Designer",this.designerView.initialize(this._serviceContainer),this.designerView.instanceServiceContainer.documentContainer=this,this.designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(o=>this.designerSelectionChanged(o)),this.designerView.instanceServiceContainer.selectionService.onSelectionRefresh.on(o=>this.designerSelectionChanged(o)),this.designerView.instanceServiceContainer.onContentChanged.on(()=>this.designerContentChanged()),this.codeView=new e.config.codeViewWidget,this.codeView.slot="bottom",this.codeView.style.position="relative",this._codeDiv=document.createElement("div"),this._tabControl.appendChild(this._codeDiv),this._codeDiv.style.position="relative",this._codeDiv.appendChild(this.codeView),this._codeDiv.dataset.title="Code",this.codeView.onTextChanged.on(o=>{this._disableChangeNotificationDesigner||(this._tabControl.selectedIndex===U.code||this._tabControl.selectedIndex===U.split)&&(this._disableChangeNotificationEditor=!0,this._content=o,this.refreshInSplitViewDebounced())}),this._splitDiv=new Qr,this._splitDiv.style.height="100%",this._splitDiv.dataset.title="Split",this._tabControl.appendChild(this._splitDiv),e.config.demoViewWidget&&(this.demoView=new e.config.demoViewWidget,this.demoView.dataset.title="Preview",this._tabControl.appendChild(this.demoView)),queueMicrotask(()=>{this.shadowRoot.appendChild(r),this._tabControl.selectedIndex=U.designer})}async refreshInSplitView(){try{await this.updateDesignerHtml()}catch(e){console.error(e)}this._disableChangeNotificationEditor=!1}get currentView(){return this._tabControl.selectedIndex==U.designer?"designer":this._tabControl.selectedIndex==U.split?"split":this._tabControl.selectedIndex==U.code?"code":this._tabControl.selectedIndex==U.preview?"preview":null}set currentView(e){e=="designer"&&(this._tabControl.selectedIndex=U.designer),e=="split"&&(this._tabControl.selectedIndex=U.split),e=="code"&&(this._tabControl.selectedIndex=U.code),e=="preview"&&(this._tabControl.selectedIndex=U.preview)}designerSelectionChanged(e){if(this._tabControl.selectedIndex===U.split){let t=this.instanceServiceContainer.selectionService.primarySelection;t&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.instanceServiceContainer.selectionService.selectedPart?.textRange??this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t),this._selectionPosition&&this.setCodeViewSelection(this._selectionPosition),this._selectionPosition=null)}}designerContentChanged(){if(this.onContentChanged.emit({source:this._contentChangeSource}),!this._disableChangeNotificationEditor){if(this._disableChangeNotificationDesigner=!0,this._tabControl.selectedIndex===U.code||this._tabControl.selectedIndex===U.split){let e=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.codeView.update(this._content,this.designerView.instanceServiceContainer),this._lastCodeSelectionKey=null,e&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.instanceServiceContainer.selectionService.selectedPart?.textRange??this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(e),this._selectionPosition&&this.setCodeViewSelection(this._selectionPosition),this._selectionPosition=null)}this._disableChangeNotificationDesigner=!1}}dispose(){this.designerView?.instanceServiceContainer?.collaborationService&&(this.designerView.instanceServiceContainer.collaborationService.disconnect(),this.designerView.instanceServiceContainer.collaborationService.detachTransport()),this.codeView?.dispose(),this.demoView?.dispose()}executeCommand(e){this._tabControl.selectedIndex===U.designer||this._tabControl.selectedIndex===U.split?this.designerView.executeCommand(e):this._tabControl.selectedIndex===U.code?this.codeView.executeCommand(e):this._tabControl.selectedIndex===U.preview&&this.demoView.executeCommand(e)}canExecuteCommand(e){if(this._tabControl.selectedIndex===U.designer||this._tabControl.selectedIndex===U.split){if(this.designerView?.canExecuteCommand)return this.designerView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===U.code){if(this.codeView?.canExecuteCommand)return this.codeView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===U.preview&&this.demoView?.canExecuteCommand)return this.demoView.canExecuteCommand(e);return!1}async setContentAsync(e){this._content=e,this._tabControl&&(this._tabControl.selectedIndex===U.designer?await this.updateDesignerHtml():this._tabControl.selectedIndex===U.code?this.codeView.update(this._content,this.designerView.instanceServiceContainer):this._tabControl.selectedIndex===U.split||this._tabControl.selectedIndex===U.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString))}set content(e){this.setContentAsync(e)}get content(){return this._tabControl?(this._tabControl.selectedIndex===U.designer?this._content=this.designerView.getDesignerHTML():this._tabControl.selectedIndex===U.code&&(this._content=this.codeView.getText()),this._content):null}ready(){this._tabControl.onSelectedTabChanged.on(e=>{if(e.oldIndex===U.designer){let t=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.instanceServiceContainer.selectionService.selectedPart?.textRange??this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t))}else e.oldIndex===U.code?this._content=this.codeView.getText():e.oldIndex===U.split?(this._designerDiv.appendChild(this.designerView),this._codeDiv.appendChild(this.codeView)):e.oldIndex===U.preview&&this.demoView?.stopDisplay&&this.demoView.stopDisplay();(e.newIndex===U.designer||e.newIndex===U.split)&&this.updateDesignerHtml(),(e.newIndex===U.code||e.newIndex===U.split)&&(this.codeView.update(this._content,this.designerView.instanceServiceContainer),this._lastCodeSelectionKey=null,this._selectionPosition&&(this.setCodeViewSelection(this._selectionPosition),Pt(20).then(t=>{this._selectionPosition&&this.setCodeViewSelection(this._selectionPosition),this._selectionPosition=null})),e.changedViaClick&&this.codeView.focusEditor()),e.newIndex===U.split&&(this._splitDiv.appendChild(this.designerView),this._splitDiv.appendChild(this.codeView)),e.newIndex===U.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString),this._content&&(this._firstLoad=!1),this.onTabChanged.emit({oldTab:U[e.oldIndex],newTab:U[e.newIndex]})}),this._content&&(this.content=this._content,this._firstLoad=!1)}async updateDesignerHtml(){if(this._firstLoad)return this.designerView.parseDesignerHTML(this._content,this._firstLoad);if(this.designerView.getDesignerHTML()!=this._content){this._contentChangeSource="code",await this.designerView.parseDesignerHTML(this._content,this._firstLoad),this._contentChangeSource="designer";return}else this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty(),this.designerView.designerCanvas.overlayLayer.removeAllOverlays(),this.designerView.designerCanvas.extensionManager.reapplyAllAppliedExtentions(null,[D.Permanent,D.Selection,D.PrimarySelection,D.PrimarySelectionContainer,D.OnlyOneItemSelected,D.MultipleItemsSelected])}setCodeViewSelection(e){if(!e)return;let t=`${e.start}:${e.length}`;this._lastCodeSelectionKey!==t&&(this._lastCodeSelectionKey=t,this.codeView.setSelection(e))}get instanceServiceContainer(){return this.designerView.instanceServiceContainer}};customElements.define("node-projects-document-container",lu);me();ph();Tt();he();ll();export{hl as AbsolutePlacementService,ti as AbstractBaseToolPopup,Zi as AbstractCssPropertiesService,tt as AbstractDesignViewConfigButton,sr as AbstractDesignerPointerExtension,F as AbstractExtension,As as AbstractHtmlWriterService,mt as AbstractPolymerLikePropertiesService,ne as AbstractPropertiesService,ul as AbstractStylesheetService,Wa as AlignItemsContextMenu,as as AltToEnterContainerExtension,ls as AltToEnterContainerExtensionProvider,uf as AlwaysAbsolutePlacementService,qi as ApplyFirstMachingExtensionProvider,Ys as AttachedPropertiesService,fr as AttributeAndPropertyChangeAction,ur as AttributeChangeAction,Qi as AttributesPropertiesService,Un as BaseCustomWebComponentPropertiesService,pf as BaseCustomWebcomponentBindingsService,yf as BaseCustomWebcomponentDesignItemService,ae as BasePropertyEditor,Di as BaseServiceContainer,il as BasicContextMenu,Ke as BasicStackedToolbarExtension,Ga as BasicWebcomponentPropertiesService,hf as BindableObjectType,Ur as BindingMode,R as BindingTarget,Pf as BindingsRefactorService,La as BlockToolbarExtension,Oa as BlockToolbarExtensionProvider,Vn as BooleanPropertyEditor,Tr as BorderRadiusEditorWindow,Ir as BoxShadowEditorWindow,Ot as ButtonSeperatorProvider,na as ChangeGroup,wi as ChildContextMenu,$a as ChildrenContextMenu,pr as CodeViewSimple,Ll as ColorEditor,Ol as ColorInput,An as ColorPropertyEditor,T as CommandType,et as CommonPropertiesService,Vt as ConditionExtensionProvider,pl as ContentAndIdPropertiesService,De as ContextMenu,ff as CopyPasteAsJsonService,jo as CopyPasteContextMenu,ws as CopyPasteService,_n as CssAttributeParser,Xf as CssClipPathGeometryReader,Ki as CssCombiner,_i as CssCurrentPropertiesService,xi as CssCustomPropertiesService,vn as CssEntry,Kf as CssOffsetPathGeometryReader,He as CssPropertiesService,jn as CssPropertyEditor,$f as CssShapeOutsideGeometryReader,Mi as CssStyleChangeAction,wl as CursorLinePointerExtension,Zf as CursorLinePointerExtensionProvider,Tn as DatePropertyEditor,nu as DebugView,tu as DefaultConfiguredDesignerView,ol as DefaultEditorTypeService,Zt as DefaultHtmlParserService,Dn as DefaultInstanceService,Ss as DefaultModelCommandService,gt as DefaultPlacementService,Yn as DefaultPropertyEditorTypesService,Qa as DeleteAction,Za as DeletionService,cr as DemoView,O as DesignItem,pa as DesignItemDocumentPositionService,tr as DesignItemService,or as DesignerCanvas,Ct as DesignerTabControl,$r as DesignerToolbar,we as DesignerToolbarButton,Ci as DesignerView,Cs as DisplayGridExtension,vi as DisplayGridExtensionProvider,el as DisplayMediaPngWriterService,lu as DocumentContainer,J as DomConverter,xa as DragDropService,xe as DraggableToolWindow,wa as DrawElementTool,ks as DrawEllipsisTool,Is as DrawLineTool,Mo as DrawPathTool,Ps as DrawRectTool,Hs as DrawToolButtonProvider,zr as DrawToolPopup,ca as EditGridColumnRowSizesExtension,ha as EditGridColumnRowSizesExtensionProvider,$i as EditTextExtension,vs as EditTextExtensionProvider,mf as ElectronPngWriterService,ms as ElementAtPointService,je as ElementDisplayType,so as ElementDragTitleExtension,ao as ElementDragTitleExtensionProvider,k as EventNames,Ne as EventsService,_l as ExtensionManager,D as ExtensionType,ys as ExternalDragDropService,fs as FlexBoxPlacementService,Ta as FlexToolbarExtension,Ma as FlexToolbarExtensionProvider,ea as FlexboxExtension,ia as FlexboxExtensionDesignViewConfigButtons,Hr as FlexboxExtensionProvider,Ua as ForceCssContextMenu,xf as FormatingHtmlWriterService,Ar as GradientEditorWindow,js as GrayOutDragOverContainerExtension,Br as GrayOutDragOverContainerExtensionProvider,os as GrayOutExtension,ss as GrayOutExtensionProvider,Us as GridAssignedRowColumnPropertyEditor,Ba as GridChildResizeExtension,Ha as GridChildResizeExtensionProvider,Va as GridChildToolbarExtension,Na as GridChildToolbarExtensionProvider,Es as GridExtensionDesignViewConfigButtons,us as GridPlacementService,Da as GridToolbarExtension,Aa as GridToolbarExtensionProvider,Io as HighlightElementExtension,Do as HighlightElementExtensionProvider,Ts as HtmlWriterService,gf as IframeDemoProviderService,Nn as ImageButtonListPropertyEditor,Li as IndentedTextWriter,Se as InsertAction,Wt as InsertChildAction,yl as InstanceServiceContainer,cs as InvisibleElementExtension,ra as InvisibleElementExtensionDesignViewConfigButtons,hs as InvisibleElementExtensionProvider,ds as ItemsBelowContextMenu,vf as JsonFileElementsService,Mn as JsonPropertyEditor,Sf as JsonPropertyPopupEditor,la as JumpToElementContextMenu,ru as LayerDepthView,Sl as LinePointerExtension,qf as LinePointerExtensionProvider,Cf as ListPropertiesService,oo as Lit2PropertiesService,fn as LitElementPropertiesService,ts as MagicWandSelectorTool,_o as MarginExtension,Co as MarginExtensionProvider,Ji as MarginTool,Ca as MathMLElementsPropertiesService,ar as MetricsEditor,Xs as MetricsPropertyEditor,iu as MiniatureView,qa as MiniatureViewService,wf as MultiplayerService,es as MultipleItemsSelectedContextMenu,ua as MultipleSelectionRectExtension,ma as MultipleSelectionRectExtensionProvider,te as NamedTools,gn as NativeElementsPropertiesService,A as NodeType,ya as NpmPackageLoader,Ln as NumberPropertyEditor,lr as NumericStyleInput,ga as ObservedCustomElementsRegistry,Xa as OptionsContextMenuButton,M as OverlayLayer,nr as OverlayLayerView,za as PaddingExtension,Fa as PaddingExtensionProvider,er as PaddingTool,Kr as PaletteElements,ou as PaletteView,Go as PanTool,Yo as PasteFormatContextMenu,Ls as PathContextMenu,is as PickColorTool,qs as PlacementExtension,Js as PlacementExtensionProvider,Yl as PlainScrollbar,Pe as PointerActionType,Ao as PointerTool,Fs as PointerToolButtonProvider,Rr as PointerToolPopup,mn as PolymerPropertiesService,Po as PositionExtension,ko as PositionExtensionProvider,Wr as PreDefinedElementsService,ja as PreviousElementSelectExtension,Ya as PreviousElementSelectExtensionProvider,ir as ProjectiveTransformExtension,nl as ProjectiveTransformExtensionProvider,z as PropertiesHelper,Pn as PropertyChangeAction,qd as PropertyGrid,Qe as PropertyGridPropertyList,Jd as PropertyGridWithHeader,Zs as PropertyGroupsService,x as PropertyType,Ms as RectContextMenu,Mr as RectangleSelectorTool,El as RefactorView,Y as RefreshMode,Vo as ResizeExtension,No as ResizeExtensionProvider,zo as RotateExtension,Fo as RotateExtensionProvider,Bo as RotateGroupExtension,Ho as RotateGroupExtensionProvider,Rs as RotateLeftAndRight,Sa as RoundPixelsDesignViewConfigButton,yn as SVGElementsPropertiesService,Si as Screenshot,tl as SearchService,w as SegmentType,zs as SelectAllChildrenContextMenu,gr as SelectPropertyEditor,Lo as SelectionDefaultExtension,Oo as SelectionDefaultExtensionProvider,aa as SelectionService,Fr as SelectionToolPopup,Gs as SelectorToolButtonProvider,Te as SeperatorContextMenu,Uf as SeperatorToolProvider,pn as ServiceContainer,fl as SetDesignItemsAction,ba as SimpleDemoProviderService,Yr as SimpleToolButtonProvider,bl as SkewExtension,Qf as SkewExtensionProvider,gs as SnaplinesProviderService,al as StyleElementRenderedDesignItemService,ml as StylesheetChangedAction,wn as StylesheetServiceDesignViewConfigButtons,qn as SvgCircleGeometryReader,Zn as SvgEllipseGeometryReader,Qn as SvgLineGeometryReader,xr as SvgPathGeometryReader,Ea as SvgPathSourceMapProvider,Jn as SvgPolygonGeometryReader,eo as SvgPolylineGeometryReader,Kn as SvgRectGeometryReader,En as TextContentChangeAction,On as TextPropertyEditor,kf as TextRefactorService,Dr as TextShadowEditorWindow,ns as TextTool,Ws as TextToolButtonProvider,zn as ThicknessPropertyEditor,qo as ToolWindowsContextMenu,Ra as ToolbarExtensionsDesignViewConfigButtons,cl as TouchGestureHelper,yo as TransformOriginExtension,vo as TransformOriginExtensionProvider,da as TransformToolButtonProvider,yi as TransformToolPopup,su as TreeView,oa as UndoService,ka as UnifiedGeometryExtension,Ia as UnifiedGeometryExtensionProvider,Gn as UnitPropertyEditor,Ef as UnkownElementsPropertiesService,G as ValueType,Gr as WebcomponentManifestElementsService,_f as WebcomponentManifestEventsService,bf as WebcomponentManifestParserService,bi as WebcomponentManifestPropertiesService,Jo as ZMoveContextMenu,Ns as ZoomToElementContextMenu,Wo as ZoomTool,Bs as ZoomToolButtonProvider,Ye as appendCssImportant,dS as arraysEqual,P as assetsPath,bt as basicStackedToolbarExtensionOverlayOptionName,tm as calculateAlpha,Fi as calculateNormLegth,si as calculateOuterRect,Zd as calculateSpecificity,Ii as combineNumericStyleInputValue,Uk as copyTextToClipboard,Lr as copyToClipboard,lf as createDefaultServiceContainer,Am as createOverlayPathDataFromSvgGeometryElement,eP as createPasteFormatSnapshot,Gm as createPasteFormatSnapshotFromEntries,pi as createPathD,hd as createSvgPathHandleSourcePartKey,hS as dataURItoBlob,Bu as deepValue,ci as dragDropFormatNameBindingObject,Ni as dragDropFormatNameElementDefinition,yc as dragDropFormatNamePropertyGrid,Sn as enableStylesheetService,Fu as exportData,ue as filterChildPlaceItems,zc as filterNonElementItems,Bp as flexboxExtensionShowOverlayOptionName,Yt as forceActiveAttributeName,Xt as forceFocusAttributeName,Kt as forceFocusVisibleAttributeName,$t as forceFocusWithinAttributeName,at as forceHoverAttributeName,Ut as forceVisitedAttributeName,on as formatNumericStyleInputNumber,Dm as fromOverlayPointToSvgUserSpace,uw as getActiveElement,Z as getBoundingClientRectAlsoForDisplayContents,wx as getCollaborationNodeIndex,TR as getCollaborationNodeIndexes,Vu as getContentBoxContentOffsets,gC as getCustomGeometryReader,MR as getDesignItemByCollaborationNodeIndex,io as getDesignItemCurrentPos,Hm as getEdgeMidpoint,Be as getEdgeOffsetPoint,Ou as getElementDisplaytype,mw as getElementOffsetsInContainer,un as getElementZoomFactor,xs as getFromClipboard,Qt as getGeometryReader,Hv as getOutwardNormal,jm as getPasteFormatEntries,va as getPossiblePlacementTarget,Xi as getQuadCenter,_s as getTextFromClipboard,Or as gridExtensionShowOverlayOptionName,$ as hasCommandKey,Oi as hideAtDesignTimeAttributeName,Vi as hideAtRunTimeAttributeName,Ru as htmlAsString,dw as inDesigner,Lu as instanceOf,Kl as instanceOfAny,im as interpolateLinePoints,Kh as invisibleElementExtensionShowOverlayOptionName,zu as isAppleDevice,dr as isEmptyTextNode,kn as isFirefox,Bt as isInline,oi as isInlineAfter,mv as isSupportedSvgGeometryElement,Im as isVisualSvgElement,li as lockAtDesignTimeAttributeName,rm as moveSVGPath,dn as newElementFromString,Ui as normalizeToAbsolutePosition,ki as parseNumericStyleInputValue,of as parseSvgPathDataSourceMap,J1 as pasteFormatKinds,ro as placeDesignItem,pS as pointInRect,Qm as positionsJsonMime,V_ as provideSnaplinesWithDistance,N_ as provideSnaplinesWithDistanceDistance,fC as registerGeometryReader,Me as removeLeading,jt as removeTrailing,mr as requestAnimationFramePromise,V as roundValue,n0 as setAssetsPath,oc as setDeepValue,Hh as shadowrootGetSelection,uN as showPopup,Pt as sleep,Ht as splitCssImportant,kt as straightenLine,CE as svg,mi as svgAsString,Xm as switchContainer,Er as toOverlayPointFromSvgUserSpace,no as transformOffsetByInverseLinearMatrix,tn as w3color,Km as wrapSelectionInSpans};
 // @license
 //# sourceMappingURL=index-min.js.map