aptechka 0.8.0 → 0.8.1

package/lib/test/starting-style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tweaker/TweakerFolderElement.d.ts

@@ -1,4 +1,4 @@
-import { AccordionElement } from '../accordion';
+import { CustomElement } from '../custom-element';
 import { Store } from '../store';
 import { TweakerFieldElement } from './TweakerFieldElement';
 import { StoreBox } from './TweakerElement';
@@ -7,7 +7,7 @@ export interface TweakerFolderParameters {
     key: string;
     storeBox?: StoreBox;
 }
-export declare class TweakerFolderElement extends AccordionElement {
+export declare class TweakerFolderElement extends CustomElement {
     #private;
     constructor(parameters: TweakerFolderParameters);
     get key(): string;

package/lib/tweaker/index.cjs

@@ -1,4 +1,4 @@
-"use strict";var qe=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)};var p=(t,e,r)=>(qe(t,e,"read from private field"),r?r.call(t):e.get(t)),j=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},C=(t,e,r,i)=>(qe(t,e,"write to private field"),i?i.call(t,r):e.set(t,r),r);const Qe=require("../browser-CpzFX2xg.cjs"),y=require("../custom-element/index.cjs"),g=require("../Store-CIs_NjhF.cjs"),Ue=require("../file-EevnUtRj.cjs"),et=require("../function-MthRj-GJ.cjs"),Ne=require("../gestures-DHLrn6Q8.cjs"),o=require("../tags-yvEoM921.cjs"),E=require("../createStylesheet-BX1RVTfW.cjs"),tt=require("../Viewport-CIBlSU2t.cjs"),c=require("../theme/index.cjs"),rt=require("../accordion/index.cjs"),st=require("../index-DfSyc2GT.cjs"),it=require("../events-BGwqaxVW.cjs");require("../checkbox/index.cjs");const at=require("../math-GDWEqu7y.cjs"),Te=require("../polyfills-CM4SCDTt.cjs"),Ve=require("../element-resizer/index.cjs"),Ke='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>',Ze='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>',nt='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>',ot='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';var I,_,P;class lt{constructor(){j(this,I,void 0);j(this,_,void 0);j(this,P,void 0);this.scrollValue=0,C(this,I,""),C(this,_,[]),C(this,P,{}),C(this,I,g.storeRegistry.projectName+"-studio")}openPanel(e){p(this,_).includes(e)||p(this,_).push(e)}closePanel(e){C(this,_,p(this,_).filter(r=>r!==e))}isPanelOpened(e){return p(this,_).includes(e)}changedSizes(e){return p(this,P)[e]}changeSize(e,r){r?p(this,P)[e]=r:delete p(this,P)[e]}save(){const e={openedPanels:p(this,_),changedSizes:p(this,P),scrollValue:this.scrollValue};localStorage.setItem(p(this,I),JSON.stringify(e)),g.storeRegistry.saveState()}load(){g.storeRegistry.loadState();const e=localStorage.getItem(p(this,I));if(e)try{const r=JSON.parse(e);r.openedPanels&&C(this,_,r.openedPanels),r.changedSizes&&C(this,P,r.changedSizes),r.scrollValue&&(this.scrollValue=r.scrollValue)}catch(r){console.error(r)}}}I=new WeakMap,_=new WeakMap,P=new WeakMap;const w=new lt;var O;class N extends y.CustomElement{constructor(...r){super();j(this,O,void 0);C(this,O,r)}addStore(r){p(this,O).push(r)}get firstStore(){return p(this,O)[0]}get stores(){return p(this,O)}updateStores(r){p(this,O).forEach(i=>{i.current=r})}}O=new WeakMap;var ht=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,dt=(t,e,r,i)=>{for(var s=i>1?void 0:i?ct(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&ht(e,r,s),s};const pt=E.createStylesheet({":host":{width:"100%",display:"inline-flex",height:"max-content"},"e-checkbox":{"--size":"calc(var(--height-input) * 0.8)",width:"var(--size)",height:"var(--size)",borderRadius:c.aptechkaTheme.borderRadiusSmall.var}});let Ee=class extends N{constructor(...t){super(...t),this.openShadow(pt),o.element(this,{children:[o.element("e-checkbox",{onChange:e=>{this.updateStores(e.currentTarget.checked)},ref:e=>{this.firstStore.subscribe(r=>{e.checked=r.current})}})]})}};Ee=dt([y.define("e-tweaker-boolean-manager")],Ee);var ut=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,vt=(t,e,r,i)=>{for(var s=i>1?void 0:i?gt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&ut(e,r,s),s};const ft=E.createStylesheet({":host":{width:"100%",display:"inline-flex",height:"max-content"},input:{width:"100%",height:"var(--height-input)",padding:"0",background:"none",borderRadius:c.aptechkaTheme.borderRadius.var,border:"none",blockSize:"unset"},"input::-webkit-color-swatch, input::-webkit-color-swatch-wrapper":{boxSizing:"border-box",padding:"0px",border:"none",borderRadius:c.aptechkaTheme.borderRadius.var,height:"calc(var(--height-input) * 0.93)"}});let Me=class extends N{constructor(...t){super(...t),this.openShadow(ft),o.element(this,{children:[o.input({type:"color",value:this.firstStore,onInput:e=>{this.updateStores(e.currentTarget.value)}})]})}};Me=vt([y.define("e-tweaker-color-manager")],Me);var wt=Object.defineProperty,mt=Object.getOwnPropertyDescriptor,bt=(t,e,r,i)=>{for(var s=i>1?void 0:i?mt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&wt(e,r,s),s};const _t=E.createStylesheet({a:{color:"inherit"}});let $e=class extends N{constructor(...t){var e,r;super(...t),this.openShadow(_t),o.element(this,{children:[o.a({href:this.firstStore,target:(r=(e=this.firstStore.passport)==null?void 0:e.manager)!=null&&r.sameWindow?"_self":"_blank",children:this.firstStore})]})}};$e=bt([y.define("e-tweaker-link-manager")],$e);var yt=Object.defineProperty,St=Object.getOwnPropertyDescriptor,kt=(t,e,r,i)=>{for(var s=i>1?void 0:i?St(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&yt(e,r,s),s},Ie=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},l=(t,e,r)=>(Ie(t,e,"read from private field"),r?r.call(t):e.get(t)),u=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},M=(t,e,r,i)=>(Ie(t,e,"write to private field"),e.set(t,r),r),m=(t,e,r)=>(Ie(t,e,"access private method"),r),L,ee,B,z,D,se,ie,T,V,ae,ne,F,q,oe,ze,be,Ae,te,_e,le;const xt=E.createStylesheet({":host":{width:"100%",display:"flex",alignItems:"center",gap:"var(--gap-small)"},".inputs-wrapper":{display:"grid",gap:"var(--gap-small)",width:"100%"},input:{boxSizing:"border-box",outline:"none",fontVariantNumeric:"tabular-nums",fontFamily:"inherit",color:"inherit",border:"none",fontSize:"var(--font-size-small)",width:"100%",height:"var(--height-input)",margin:"0",padding:"0 var(--gap-small)",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:c.aptechkaTheme.borderRadius.var},".drag":{position:"relative",width:"100%",height:"calc(var(--height-input) * 0.2)",display:"flex",alignItems:"center"},".drag::before":{content:'""',position:"absolute",left:"0",width:"100%",zIndex:"-1",height:"1px",borderBottom:`1px solid ${c.aptechkaTheme.colorFont.var}`,transform:"translateY(-50%)",opacity:"0.3"},":host(.infinite) .drag::before":{borderBottom:`1px dashed ${c.aptechkaTheme.colorFont.var}`},".drag-knob":{"--size":"calc(var(--height-input) * 0.4)",width:"var(--size)",height:"var(--size)"},".drag-knob-inner":{width:"100%",height:"100%",backgroundColor:c.aptechkaTheme.colorFont.var,borderRadius:c.aptechkaTheme.borderRadiusSmall.var,transition:"opacity var(--duration-short)"},":host(.infinite) .grabbing .drag-knob-inner":{opacity:.3}});let Oe=class extends N{constructor(...t){var e,r,i,s,n,a,W,K;super(...t),u(this,F),u(this,oe),u(this,be),u(this,te),u(this,L,[]),u(this,ee,[]),u(this,B,void 0),u(this,z,void 0),u(this,D,void 0),u(this,se,void 0),u(this,ie,void 0),u(this,T,void 0),u(this,V,!1),u(this,ae,Z=>{const b=m(this,F,q).call(this,Z);return b.map((v,H)=>{const Se=typeof v=="string"?parseFloat(v)||l(this,z):v,S=at.clamp(Se,l(this,z),l(this,D)),ke=Te.toStep(S,l(this,B));b[H]=ke}),l(this,ie)==="number"?b[0]:b}),u(this,ne,()=>{m(this,F,q).call(this).map((Z,b)=>{const v=l(this,L)[b];v&&(v.value=(Z||0).toString())}),m(this,oe,ze).call(this)}),u(this,le,()=>{m(this,oe,ze).call(this)}),this.openShadow(xt),M(this,z,Te.nullishCoalescing((r=(e=this.firstStore.passport)==null?void 0:e.manager)==null?void 0:r.min,-1/0)),M(this,D,Te.nullishCoalescing((s=(i=this.firstStore.passport)==null?void 0:i.manager)==null?void 0:s.max,1/0)),M(this,B,((a=(n=this.firstStore.passport)==null?void 0:n.manager)==null?void 0:a.step)||.01),M(this,se,((K=(W=this.firstStore.passport)==null?void 0:W.manager)==null?void 0:K.ease)||1),M(this,ie,Array.isArray(this.firstStore.current)?"array":"number"),M(this,T,isFinite(l(this,D))&&isFinite(l(this,z))),o.element(this,{class:l(this,T)?"":"infinite",children:m(this,F,q).call(this).map((Z,b)=>o.div({class:"inputs-wrapper",children:[o.input({type:"number",step:l(this,B),min:l(this,z),max:l(this,D),ref:v=>l(this,L).push(v),value:Z,onChange:()=>{this.updateStores(l(this,L).map(v=>parseFloat(v.value)))}}),o.div({class:"drag",children:[o.div({class:"drag-knob",ref:v=>l(this,ee).push(v),onPointerdown:v=>{v.preventDefault(),M(this,V,!0);const H=m(this,F,q).call(this),Se=H[b],S=l(this,ee)[b],ke=l(this,L)[b];if(S&&ke){const xe=S.parentElement,Je=m(this,be,Ae).call(this);xe.classList.add("grabbing"),Ne.setupDrag(Ce=>{const Le=Ce.x-v.x,Be=l(this,T)?xe.offsetWidth/(Je||1):1,Xe=Se+Le/Be*l(this,se);if(H[b]=Xe,!l(this,T)){const Ye=m(this,te,_e).call(this,S,0);S.style.transform=`translateX(${Ye+Le}px)`}this.updateStores([...H])},()=>{if(M(this,V,!1),!l(this,T)){const Ce=m(this,te,_e).call(this,S,0);S.style.transition="transform 0.1s",S.style.transform=`translateX(${Ce}px)`,xe.classList.remove("grabbing"),setTimeout(()=>{S.style.transition=""},100)}})}},children:o.div({class:"drag-knob-inner"})})]})]}))})}connectedCallback(){this.firstStore.addMiddleware(l(this,ae)),this.firstStore.subscribe(l(this,ne)),Ve.elementResizer.subscribe(this,l(this,le))}disconnectedCallback(){this.firstStore.removeMiddleware(l(this,ae)),this.firstStore.unsubscribe(l(this,ne)),Ve.elementResizer.unsubscribe(l(this,le))}};L=new WeakMap;ee=new WeakMap;B=new WeakMap;z=new WeakMap;D=new WeakMap;se=new WeakMap;ie=new WeakMap;T=new WeakMap;V=new WeakMap;ae=new WeakMap;ne=new WeakMap;F=new WeakSet;q=function(t=this.firstStore.current){return Array.isArray(t)?t:[t]};oe=new WeakSet;ze=function(){m(this,F,q).call(this).map((t,e)=>{const r=l(this,ee)[e];if(r&&(!l(this,V)||l(this,V)&&l(this,T))){const i=m(this,te,_e).call(this,r,t);r.style.transform=`translateX(${i}px)`}})};be=new WeakSet;Ae=function(){return l(this,T)?l(this,D)-l(this,z):0};te=new WeakSet;_e=function(t,e){const r=t.parentElement,i=m(this,be,Ae).call(this),s=i?e/i:.5;return(r.offsetWidth-t.offsetWidth)*s};le=new WeakMap;Oe=kt([y.define("e-tweaker-number-manager")],Oe);var Ct=Object.defineProperty,Tt=Object.getOwnPropertyDescriptor,Pt=(t,e,r,i)=>{for(var s=i>1?void 0:i?Tt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Ct(e,r,s),s};const Et=E.createStylesheet({"e-select":{width:"100%","--arrow-color":c.aptechkaTheme.colorFont.var},"e-select-head":{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},"e-select-option":{transitionDuration:"var(--duration-short)",transitionProperty:"color"},"e-select-option:hover":{color:c.aptechkaTheme.colorActive.var},svg:{width:"16px",height:"16px",fill:c.aptechkaTheme.colorFont.var,transitionProperty:"transform",transitionDuration:"var(--duration-short)"},".opened svg":{transform:"scaleY(-1)"}});let We=class extends N{constructor(...t){var r,i;super(...t),this.openShadow(Et);const e=((i=(r=this.firstStore.passport)==null?void 0:r.manager)==null?void 0:i.variants)||[];o.element(this,{children:o.element("e-select",{value:this.firstStore,onChange:s=>{this.updateStores(s.currentTarget.value)},lightChildren:[o.element("e-select-head",{lightChildren:[o.span({"data-value-holder":""})]}),...e.map((s,n)=>o.element("e-select-option",{lightChildren:s,default:n===0?!0:null}))]})})}};We=Pt([y.define("e-tweaker-select-manager")],We);var Mt=Object.defineProperty,$t=Object.getOwnPropertyDescriptor,zt=(t,e,r,i)=>{for(var s=i>1?void 0:i?$t(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Mt(e,r,s),s};const Ot=E.createStylesheet({":host":{width:"100%",display:"flex",alignItems:"center"},input:{boxSizing:"border-box",outline:"none",fontVariantNumeric:"tabular-nums",fontFamily:"inherit",color:"inherit",border:"none",fontSize:"var(--font-size-small)",height:"var(--height-input)",width:"100%",margin:"0",padding:"0 var(--gap-small)",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:c.aptechkaTheme.borderRadius.var}});let Re=class extends N{constructor(...t){super(...t),this.openShadow(Ot),o.element(this,{children:[o.input({class:"text-input",type:"string",value:this.firstStore,onChange:e=>{this.updateStores(e.currentTarget.value)}})]})}};Re=zt([y.define("e-tweaker-string-manager")],Re);const Wt={boolean:Ee,color:Me,link:$e,number:Oe,select:We,string:Re};var Rt=Object.defineProperty,Dt=Object.getOwnPropertyDescriptor,Ft=(t,e,r,i)=>{for(var s=i>1?void 0:i?Dt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Rt(e,r,s),s},He=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},d=(t,e,r)=>(He(t,e,"read from private field"),r?r.call(t):e.get(t)),R=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},A=(t,e,r,i)=>(He(t,e,"write to private field"),e.set(t,r),r),k,X,Y,Q,U,he,ce;const It=E.createStylesheet({":host":{display:"grid",gridAutoFlow:"column",gridTemplateColumns:"0.5fr 1fr",alignItems:"center",color:c.aptechkaTheme.colorFont.var,gap:"var(--gap-medium)"},":host(.disabled)":{pointerEvents:"none",opacity:.5},".head":{fontSize:"var(--font-size-medium)",display:"flex",alignItems:"center",gap:"var(--gap-extra-small)"},".head-buttons":{display:"flex"},".head-button":{width:"14px",height:"14px",padding:"0",margin:"0",border:"none",background:"none",fill:c.aptechkaTheme.colorFont.var,transitionDuration:"var(--duration-short)",transitionProperty:"fill, opacity",opacity:"0"},":host(:hover) .head-button":{opacity:"1"},".head-button:hover":{fill:c.aptechkaTheme.colorActive.var},".head-button svg":{width:"100%",height:"100%"}});let ye=class extends y.CustomElement{constructor(t){var r,i,s,n;super(),R(this,k,[]),R(this,X,void 0),R(this,Y,void 0),R(this,Q,!1),R(this,U,void 0),R(this,he,()=>{g.activeStores.current.find(a=>d(this,k).includes(a))||this.remove()}),R(this,ce,a=>{d(this,Q)&&((a.metaKey||a.ctrlKey)&&a.code==="KeyC"?navigator.clipboard.writeText(d(this,k)[0].current):(a.metaKey||a.ctrlKey)&&a.code==="KeyR"&&(d(this,k).forEach(W=>{W.reset()}),a.preventDefault()))}),A(this,k,[t.store]),A(this,X,t.store.passport.name),A(this,Y,d(this,X).split(".").slice(-1).toString());const e=((i=(r=t.store.passport)==null?void 0:r.manager)==null?void 0:i.type)||"string";A(this,U,new Wt[e](d(this,k)[0])),this.openShadow(It),o.element(this,{class:{disabled:((n=(s=t.store.passport)==null?void 0:s.manager)==null?void 0:n.disabled)||!1},onPointerleave:()=>{A(this,Q,!1)},onPointerenter:()=>{A(this,Q,!0)},children:[o.div({class:"head",children:[o.div({class:"name",children:d(this,Y)+":"}),o.div({class:"head-buttons",children:[o.button({class:"head-button",children:Ze,onClick:()=>{navigator.clipboard.writeText(d(this,k)[0].current)}}),o.button({class:"head-button",children:Ke,onClick:()=>{d(this,k).forEach(a=>{a.reset()})}})]})]}),d(this,U)]})}get key(){return d(this,X)}get name(){return d(this,Y)}get stores(){return d(this,k)}addStore(t){d(this,U).addStore(t)}connectedCallback(){g.activeStores.subscribe(d(this,he)),addEventListener("keydown",d(this,ce)),it.dispatchSizeChangeEvent(this)}disconnectedCallback(){g.activeStores.unsubscribe(d(this,he)),removeEventListener("keydown",d(this,ce))}};k=new WeakMap;X=new WeakMap;Y=new WeakMap;Q=new WeakMap;U=new WeakMap;he=new WeakMap;ce=new WeakMap;ye=Ft([y.define("e-tweaker-field")],ye);var At=Object.defineProperty,Lt=Object.getOwnPropertyDescriptor,qt=(t,e,r,i)=>{for(var s=i>1?void 0:i?Lt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&At(e,r,s),s},je=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},h=(t,e,r)=>(je(t,e,"read from private field"),r?r.call(t):e.get(t)),$=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},G=(t,e,r,i)=>(je(t,e,"write to private field"),e.set(t,r),r),x,de,f,pe,ue,ge,ve,De;const Vt=E.createStylesheet({".wrapper":{boxSizing:"border-box",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:c.aptechkaTheme.borderRadius.var},".head":{boxSizing:"border-box",width:"100%",height:"var(--tweaker-folder-height)",paddingLeft:"var(--gap-medium)",paddingRight:"var(--gap-medium)",display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:c.aptechkaTheme.colorMainAux.var,borderRadius:c.aptechkaTheme.borderRadius.var},".name":{fontSize:"var(--font-size-large)",color:c.aptechkaTheme.colorFont.var},".body":{transitionProperty:"height",transitionDuration:"var(--duration-short)",overflow:"hidden",height:"0px"},".body-content":{boxSizing:"border-box",padding:"var(--gap-large)",display:"grid",gap:"var(--gap-medium)"},".arrow":{width:"20px",height:"20px",fill:c.aptechkaTheme.colorFont.var,transition:"transform var(--duration-short)"},".opened .arrow":{transform:"scaleY(-1)"}});let re=class extends rt.AccordionElement{constructor(t){super(),$(this,x,void 0),$(this,de,new g.Store(null)),$(this,f,new g.Store([])),$(this,pe,void 0),$(this,ue,null),$(this,ge,null),$(this,ve,null),$(this,De,e=>{let r=[],i=[];e.forEach(s=>{r=[...r,...s.removedNodes],i=[...i,...s.addedNodes]}),h(this,f).current=h(this,f).current.filter(s=>!r.includes(s)),h(this,x)&&!h(this,f).current.length&&!i.length&&this.remove()}),this.openShadow(Vt),G(this,x,t.key),G(this,pe,new MutationObserver(h(this,De))),o.element(this,{onAccordionItemToggle:e=>{e.stopPropagation(),e.detail.opened?w.openPanel(h(this,x)):w.closePanel(h(this,x))},children:[o.div({class:"wrapper",children:[o.div({class:"head",children:[h(this,x)?o.div({class:"name",children:[h(this,x).split(".").slice(-1).toString()]}):null,h(this,de),o.element(st.arrowIcon,{class:"arrow"})]}),o.div({class:"body",ref:e=>{G(this,ue,e)},children:o.div({class:"body-content",children:h(this,f),ref:e=>{G(this,ge,e),G(this,ve,e.firstElementChild)}})})]})]}),t!=null&&t.storeBox&&this.handleStore(t.storeBox)}get key(){return h(this,x)}get head(){return h(this,de)}get content(){return h(this,f)}get bodyElement(){return h(this,ue)}get contentElement(){return h(this,ge)}connectedCallback(){super.connectedCallback(),setTimeout(()=>{w.isPanelOpened(h(this,x))&&this.openAll({skipTransition:!0})},50),h(this,pe).observe(h(this,ve),{childList:!0})}handleStore(t){if(t.remainingFolders.length){const r=t.store.passport.name.split("."),i=r.slice(0,r.length-t.remainingFolders.length).join("."),s=h(this,f).current.find(n=>n.key===i);s instanceof re?s.handleStore({store:t.store,remainingFolders:t.remainingFolders.slice(1)}):h(this,f).current=[...h(this,f).current,new re({key:i,storeBox:{store:t.store,remainingFolders:t.remainingFolders.slice(1)}})]}else{const e=h(this,f).current.find(r=>r.key===t.store.passport.name);e instanceof ye?e.addStore(t.store):h(this,f).current=[...h(this,f).current,new ye({store:t.store})]}}};x=new WeakMap;de=new WeakMap;f=new WeakMap;pe=new WeakMap;ue=new WeakMap;ge=new WeakMap;ve=new WeakMap;De=new WeakMap;re=qt([y.define("e-tweaker-folder")],re);var Nt=Object.defineProperty,Kt=Object.getOwnPropertyDescriptor,Zt=(t,e,r,i)=>{for(var s=i>1?void 0:i?Kt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Nt(e,r,s),s},Ge=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},J=(t,e,r)=>(Ge(t,e,"read from private field"),e.get(t)),Pe=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},Ht=(t,e,r,i)=>(Ge(t,e,"write to private field"),e.set(t,r),r),fe,we,me;const jt=E.createStylesheet({":host":{"--tweaker-width":"550px","--tweaker-offset":"20px","--tweaker-folder-height":"35px","--height-input":"25px","--gap-large":"12px","--gap-medium":"10px","--gap-small":"8px","--gap-extra-small":"4px","--font-size-large":"16px","--font-size-medium":"14px","--font-size-small":"12px","--duration-short":"0.2s",fontFamily:"sans-serif",position:"absolute",top:"var(--tweaker-offset)",right:"var(--tweaker-offset)",width:"var(--tweaker-width)",backgroundColor:c.aptechkaTheme.colorMain.var,borderRadius:c.aptechkaTheme.borderRadius.var,transition:"opacity 0.1s",zIndex:"100",opacity:"0.1"},":host(:hover)":{opacity:"1 !important"},".resize":{position:"absolute",left:"0",top:"0",width:"calc(var(--tweaker-width) * 0.025)",height:"100%",zIndex:"1",cursor:"ew-resize"},".tweaker-buttons":{display:"flex",alignItems:"center",gap:"var(--gap-extra-small)"},".tweaker-button":{width:"18px",height:"18px",padding:"0",margin:"0",background:"none",border:"none",fill:c.aptechkaTheme.colorFont.var,transitionProperty:"fill",transitionDuration:"var(--duration-short)"},".tweaker-button:hover":{fill:c.aptechkaTheme.colorActive.var},".tweaker-button svg":{width:"100%",height:"100%"},":host .body-content":{maxHeight:`calc(
+"use strict";var qe=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)};var p=(t,e,r)=>(qe(t,e,"read from private field"),r?r.call(t):e.get(t)),j=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},C=(t,e,r,i)=>(qe(t,e,"write to private field"),i?i.call(t,r):e.set(t,r),r);const Qe=require("../browser-CpzFX2xg.cjs"),b=require("../custom-element/index.cjs"),g=require("../Store-CIs_NjhF.cjs"),Ue=require("../file-EevnUtRj.cjs"),et=require("../function-MthRj-GJ.cjs"),Ne=require("../gestures-DHLrn6Q8.cjs"),o=require("../tags-yvEoM921.cjs"),E=require("../createStylesheet-BX1RVTfW.cjs"),tt=require("../Viewport-CIBlSU2t.cjs"),c=require("../theme/index.cjs"),rt=require("../index-DfSyc2GT.cjs");require("../accordion/index.cjs");const st=require("../events-BGwqaxVW.cjs");require("../checkbox/index.cjs");const it=require("../math-GDWEqu7y.cjs"),Pe=require("../polyfills-CM4SCDTt.cjs"),Ve=require("../element-resizer/index.cjs"),Ke='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>',Ze='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>',at='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>',nt='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';var L,_,T;class ot{constructor(){j(this,L,void 0);j(this,_,void 0);j(this,T,void 0);this.scrollValue=0,C(this,L,""),C(this,_,[]),C(this,T,{}),C(this,L,g.storeRegistry.projectName+"-studio")}openPanel(e){p(this,_).includes(e)||p(this,_).push(e)}closePanel(e){C(this,_,p(this,_).filter(r=>r!==e))}isPanelOpened(e){return p(this,_).includes(e)}changedSizes(e){return p(this,T)[e]}changeSize(e,r){r?p(this,T)[e]=r:delete p(this,T)[e]}save(){const e={openedPanels:p(this,_),changedSizes:p(this,T),scrollValue:this.scrollValue};localStorage.setItem(p(this,L),JSON.stringify(e)),g.storeRegistry.saveState()}load(){g.storeRegistry.loadState();const e=localStorage.getItem(p(this,L));if(e)try{const r=JSON.parse(e);r.openedPanels&&C(this,_,r.openedPanels),r.changedSizes&&C(this,T,r.changedSizes),r.scrollValue&&(this.scrollValue=r.scrollValue)}catch(r){console.error(r)}}}L=new WeakMap,_=new WeakMap,T=new WeakMap;const w=new ot;var O;class N extends b.CustomElement{constructor(...r){super();j(this,O,void 0);C(this,O,r)}addStore(r){p(this,O).push(r)}get firstStore(){return p(this,O)[0]}get stores(){return p(this,O)}updateStores(r){p(this,O).forEach(i=>{i.current=r})}}O=new WeakMap;var lt=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,ct=(t,e,r,i)=>{for(var s=i>1?void 0:i?ht(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&lt(e,r,s),s};const dt=E.createStylesheet({":host":{width:"100%",display:"inline-flex",height:"max-content"},"e-checkbox":{"--size":"calc(var(--height-input) * 0.8)",width:"var(--size)",height:"var(--size)",borderRadius:c.aptechkaTheme.borderRadiusSmall.var}});let Ee=class extends N{constructor(...t){super(...t),this.openShadow(dt),o.element(this,{children:[o.element("e-checkbox",{onChange:e=>{this.updateStores(e.currentTarget.checked)},ref:e=>{this.firstStore.subscribe(r=>{e.checked=r.current})}})]})}};Ee=ct([b.define("e-tweaker-boolean-manager")],Ee);var pt=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,gt=(t,e,r,i)=>{for(var s=i>1?void 0:i?ut(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&pt(e,r,s),s};const vt=E.createStylesheet({":host":{width:"100%",display:"inline-flex",height:"max-content"},input:{width:"100%",height:"var(--height-input)",padding:"0",background:"none",borderRadius:c.aptechkaTheme.borderRadius.var,border:"none",blockSize:"unset"},"input::-webkit-color-swatch, input::-webkit-color-swatch-wrapper":{boxSizing:"border-box",padding:"0px",border:"none",borderRadius:c.aptechkaTheme.borderRadius.var,height:"calc(var(--height-input) * 0.93)"}});let Me=class extends N{constructor(...t){super(...t),this.openShadow(vt),o.element(this,{children:[o.input({type:"color",value:this.firstStore,onInput:e=>{this.updateStores(e.currentTarget.value)}})]})}};Me=gt([b.define("e-tweaker-color-manager")],Me);var ft=Object.defineProperty,wt=Object.getOwnPropertyDescriptor,mt=(t,e,r,i)=>{for(var s=i>1?void 0:i?wt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&ft(e,r,s),s};const bt=E.createStylesheet({a:{color:"inherit"}});let $e=class extends N{constructor(...t){var e,r;super(...t),this.openShadow(bt),o.element(this,{children:[o.a({href:this.firstStore,target:(r=(e=this.firstStore.passport)==null?void 0:e.manager)!=null&&r.sameWindow?"_self":"_blank",children:this.firstStore})]})}};$e=mt([b.define("e-tweaker-link-manager")],$e);var yt=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,St=(t,e,r,i)=>{for(var s=i>1?void 0:i?_t(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&yt(e,r,s),s},Le=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},l=(t,e,r)=>(Le(t,e,"read from private field"),r?r.call(t):e.get(t)),u=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},M=(t,e,r,i)=>(Le(t,e,"write to private field"),e.set(t,r),r),m=(t,e,r)=>(Le(t,e,"access private method"),r),A,ee,B,z,D,se,ie,P,V,ae,ne,F,q,oe,ze,be,Ie,te,ye,le;const kt=E.createStylesheet({":host":{width:"100%",display:"flex",alignItems:"center",gap:"var(--gap-small)"},".inputs-wrapper":{display:"grid",gap:"var(--gap-small)",width:"100%"},input:{boxSizing:"border-box",outline:"none",fontVariantNumeric:"tabular-nums",fontFamily:"inherit",color:"inherit",border:"none",fontSize:"var(--font-size-small)",width:"100%",height:"var(--height-input)",margin:"0",padding:"0 var(--gap-small)",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:c.aptechkaTheme.borderRadius.var},".drag":{position:"relative",width:"100%",height:"calc(var(--height-input) * 0.2)",display:"flex",alignItems:"center"},".drag::before":{content:'""',position:"absolute",left:"0",width:"100%",zIndex:"-1",height:"1px",borderBottom:`1px solid ${c.aptechkaTheme.colorFont.var}`,transform:"translateY(-50%)",opacity:"0.3"},":host(.infinite) .drag::before":{borderBottom:`1px dashed ${c.aptechkaTheme.colorFont.var}`},".drag-knob":{"--size":"calc(var(--height-input) * 0.4)",width:"var(--size)",height:"var(--size)"},".drag-knob-inner":{width:"100%",height:"100%",backgroundColor:c.aptechkaTheme.colorFont.var,borderRadius:c.aptechkaTheme.borderRadiusSmall.var,transition:"opacity var(--duration-short)"},":host(.infinite) .grabbing .drag-knob-inner":{opacity:.3}});let Oe=class extends N{constructor(...t){var e,r,i,s,n,a,W,K;super(...t),u(this,F),u(this,oe),u(this,be),u(this,te),u(this,A,[]),u(this,ee,[]),u(this,B,void 0),u(this,z,void 0),u(this,D,void 0),u(this,se,void 0),u(this,ie,void 0),u(this,P,void 0),u(this,V,!1),u(this,ae,Z=>{const y=m(this,F,q).call(this,Z);return y.map((v,H)=>{const Se=typeof v=="string"?parseFloat(v)||l(this,z):v,S=it.clamp(Se,l(this,z),l(this,D)),ke=Pe.toStep(S,l(this,B));y[H]=ke}),l(this,ie)==="number"?y[0]:y}),u(this,ne,()=>{m(this,F,q).call(this).map((Z,y)=>{const v=l(this,A)[y];v&&(v.value=(Z||0).toString())}),m(this,oe,ze).call(this)}),u(this,le,()=>{m(this,oe,ze).call(this)}),this.openShadow(kt),M(this,z,Pe.nullishCoalescing((r=(e=this.firstStore.passport)==null?void 0:e.manager)==null?void 0:r.min,-1/0)),M(this,D,Pe.nullishCoalescing((s=(i=this.firstStore.passport)==null?void 0:i.manager)==null?void 0:s.max,1/0)),M(this,B,((a=(n=this.firstStore.passport)==null?void 0:n.manager)==null?void 0:a.step)||.01),M(this,se,((K=(W=this.firstStore.passport)==null?void 0:W.manager)==null?void 0:K.ease)||1),M(this,ie,Array.isArray(this.firstStore.current)?"array":"number"),M(this,P,isFinite(l(this,D))&&isFinite(l(this,z))),o.element(this,{class:l(this,P)?"":"infinite",children:m(this,F,q).call(this).map((Z,y)=>o.div({class:"inputs-wrapper",children:[o.input({type:"number",step:l(this,B),min:l(this,z),max:l(this,D),ref:v=>l(this,A).push(v),value:Z,onChange:()=>{this.updateStores(l(this,A).map(v=>parseFloat(v.value)))}}),o.div({class:"drag",children:[o.div({class:"drag-knob",ref:v=>l(this,ee).push(v),onPointerdown:v=>{v.preventDefault(),M(this,V,!0);const H=m(this,F,q).call(this),Se=H[y],S=l(this,ee)[y],ke=l(this,A)[y];if(S&&ke){const xe=S.parentElement,Je=m(this,be,Ie).call(this);xe.classList.add("grabbing"),Ne.setupDrag(Ce=>{const Ae=Ce.x-v.x,Be=l(this,P)?xe.offsetWidth/(Je||1):1,Xe=Se+Ae/Be*l(this,se);if(H[y]=Xe,!l(this,P)){const Ye=m(this,te,ye).call(this,S,0);S.style.transform=`translateX(${Ye+Ae}px)`}this.updateStores([...H])},()=>{if(M(this,V,!1),!l(this,P)){const Ce=m(this,te,ye).call(this,S,0);S.style.transition="transform 0.1s",S.style.transform=`translateX(${Ce}px)`,xe.classList.remove("grabbing"),setTimeout(()=>{S.style.transition=""},100)}})}},children:o.div({class:"drag-knob-inner"})})]})]}))})}connectedCallback(){this.firstStore.addMiddleware(l(this,ae)),this.firstStore.subscribe(l(this,ne)),Ve.elementResizer.subscribe(this,l(this,le))}disconnectedCallback(){this.firstStore.removeMiddleware(l(this,ae)),this.firstStore.unsubscribe(l(this,ne)),Ve.elementResizer.unsubscribe(l(this,le))}};A=new WeakMap;ee=new WeakMap;B=new WeakMap;z=new WeakMap;D=new WeakMap;se=new WeakMap;ie=new WeakMap;P=new WeakMap;V=new WeakMap;ae=new WeakMap;ne=new WeakMap;F=new WeakSet;q=function(t=this.firstStore.current){return Array.isArray(t)?t:[t]};oe=new WeakSet;ze=function(){m(this,F,q).call(this).map((t,e)=>{const r=l(this,ee)[e];if(r&&(!l(this,V)||l(this,V)&&l(this,P))){const i=m(this,te,ye).call(this,r,t);r.style.transform=`translateX(${i}px)`}})};be=new WeakSet;Ie=function(){return l(this,P)?l(this,D)-l(this,z):0};te=new WeakSet;ye=function(t,e){const r=t.parentElement,i=m(this,be,Ie).call(this),s=i?e/i:.5;return(r.offsetWidth-t.offsetWidth)*s};le=new WeakMap;Oe=St([b.define("e-tweaker-number-manager")],Oe);var xt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,Pt=(t,e,r,i)=>{for(var s=i>1?void 0:i?Ct(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&xt(e,r,s),s};const Tt=E.createStylesheet({"e-select":{width:"100%","--arrow-color":c.aptechkaTheme.colorFont.var},"e-select-head":{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},"e-select-option":{transitionDuration:"var(--duration-short)",transitionProperty:"color"},"e-select-option:hover":{color:c.aptechkaTheme.colorActive.var},svg:{width:"16px",height:"16px",fill:c.aptechkaTheme.colorFont.var,transitionProperty:"transform",transitionDuration:"var(--duration-short)"},".opened svg":{transform:"scaleY(-1)"}});let We=class extends N{constructor(...t){var r,i;super(...t),this.openShadow(Tt);const e=((i=(r=this.firstStore.passport)==null?void 0:r.manager)==null?void 0:i.variants)||[];o.element(this,{children:o.element("e-select",{value:this.firstStore,onChange:s=>{this.updateStores(s.currentTarget.value)},lightChildren:[o.element("e-select-head",{lightChildren:[o.span({"data-value-holder":""})]}),...e.map((s,n)=>o.element("e-select-option",{lightChildren:s,default:n===0?!0:null}))]})})}};We=Pt([b.define("e-tweaker-select-manager")],We);var Et=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,$t=(t,e,r,i)=>{for(var s=i>1?void 0:i?Mt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Et(e,r,s),s};const zt=E.createStylesheet({":host":{width:"100%",display:"flex",alignItems:"center"},input:{boxSizing:"border-box",outline:"none",fontVariantNumeric:"tabular-nums",fontFamily:"inherit",color:"inherit",border:"none",fontSize:"var(--font-size-small)",height:"var(--height-input)",width:"100%",margin:"0",padding:"0 var(--gap-small)",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:c.aptechkaTheme.borderRadius.var}});let Re=class extends N{constructor(...t){super(...t),this.openShadow(zt),o.element(this,{children:[o.input({class:"text-input",type:"string",value:this.firstStore,onChange:e=>{this.updateStores(e.currentTarget.value)}})]})}};Re=$t([b.define("e-tweaker-string-manager")],Re);const Ot={boolean:Ee,color:Me,link:$e,number:Oe,select:We,string:Re};var Wt=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,Dt=(t,e,r,i)=>{for(var s=i>1?void 0:i?Rt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Wt(e,r,s),s},He=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},d=(t,e,r)=>(He(t,e,"read from private field"),r?r.call(t):e.get(t)),R=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},I=(t,e,r,i)=>(He(t,e,"write to private field"),e.set(t,r),r),k,X,Y,Q,U,he,ce;const Ft=E.createStylesheet({":host":{display:"grid",gridAutoFlow:"column",gridTemplateColumns:"0.5fr 1fr",alignItems:"center",color:c.aptechkaTheme.colorFont.var,gap:"var(--gap-medium)"},":host(.disabled)":{pointerEvents:"none",opacity:.5},".head":{fontSize:"var(--font-size-medium)",display:"flex",alignItems:"center",gap:"var(--gap-extra-small)"},".head-buttons":{display:"flex"},".head-button":{width:"14px",height:"14px",padding:"0",margin:"0",border:"none",background:"none",fill:c.aptechkaTheme.colorFont.var,transitionDuration:"var(--duration-short)",transitionProperty:"fill, opacity",opacity:"0"},":host(:hover) .head-button":{opacity:"1"},".head-button:hover":{fill:c.aptechkaTheme.colorActive.var},".head-button svg":{width:"100%",height:"100%"}});let _e=class extends b.CustomElement{constructor(t){var r,i,s,n;super(),R(this,k,[]),R(this,X,void 0),R(this,Y,void 0),R(this,Q,!1),R(this,U,void 0),R(this,he,()=>{g.activeStores.current.find(a=>d(this,k).includes(a))||this.remove()}),R(this,ce,a=>{d(this,Q)&&((a.metaKey||a.ctrlKey)&&a.code==="KeyC"?navigator.clipboard.writeText(d(this,k)[0].current):(a.metaKey||a.ctrlKey)&&a.code==="KeyR"&&(d(this,k).forEach(W=>{W.reset()}),a.preventDefault()))}),I(this,k,[t.store]),I(this,X,t.store.passport.name),I(this,Y,d(this,X).split(".").slice(-1).toString());const e=((i=(r=t.store.passport)==null?void 0:r.manager)==null?void 0:i.type)||"string";I(this,U,new Ot[e](d(this,k)[0])),this.openShadow(Ft),o.element(this,{class:{disabled:((n=(s=t.store.passport)==null?void 0:s.manager)==null?void 0:n.disabled)||!1},onPointerleave:()=>{I(this,Q,!1)},onPointerenter:()=>{I(this,Q,!0)},children:[o.div({class:"head",children:[o.div({class:"name",children:d(this,Y)+":"}),o.div({class:"head-buttons",children:[o.button({class:"head-button",children:Ze,onClick:()=>{navigator.clipboard.writeText(d(this,k)[0].current)}}),o.button({class:"head-button",children:Ke,onClick:()=>{d(this,k).forEach(a=>{a.reset()})}})]})]}),d(this,U)]})}get key(){return d(this,X)}get name(){return d(this,Y)}get stores(){return d(this,k)}addStore(t){d(this,U).addStore(t)}connectedCallback(){g.activeStores.subscribe(d(this,he)),addEventListener("keydown",d(this,ce)),st.dispatchSizeChangeEvent(this)}disconnectedCallback(){g.activeStores.unsubscribe(d(this,he)),removeEventListener("keydown",d(this,ce))}};k=new WeakMap;X=new WeakMap;Y=new WeakMap;Q=new WeakMap;U=new WeakMap;he=new WeakMap;ce=new WeakMap;_e=Dt([b.define("e-tweaker-field")],_e);var Lt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,At=(t,e,r,i)=>{for(var s=i>1?void 0:i?It(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Lt(e,r,s),s},je=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},h=(t,e,r)=>(je(t,e,"read from private field"),r?r.call(t):e.get(t)),$=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},G=(t,e,r,i)=>(je(t,e,"write to private field"),e.set(t,r),r),x,de,f,pe,ue,ge,ve,De;const qt=E.createStylesheet({".wrapper":{boxSizing:"border-box",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:c.aptechkaTheme.borderRadius.var},".head":{boxSizing:"border-box",width:"100%",height:"var(--tweaker-folder-height)",paddingLeft:"var(--gap-medium)",paddingRight:"var(--gap-medium)",display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:c.aptechkaTheme.colorMainAux.var,borderRadius:c.aptechkaTheme.borderRadius.var},".name":{fontSize:"var(--font-size-large)",color:c.aptechkaTheme.colorFont.var},".body":{overflow:"hidden",height:"0"},":host(.transition-allowed) .body":{transition:"height var(--duration-short), display var(--duration-short) allow-discrete"},":host(.opened) .body":{height:"calc-size(auto)",display:"block","@starting-style":{height:"0"}},".body-content":{boxSizing:"border-box",padding:"var(--gap-large)",display:"grid",gap:"var(--gap-medium)"},".arrow":{width:"20px",height:"20px",fill:c.aptechkaTheme.colorFont.var,transition:"transform var(--duration-short)"},".opened .arrow":{transform:"scaleY(-1)"}});let re=class extends b.CustomElement{constructor(t){super(),$(this,x,void 0),$(this,de,new g.Store(null)),$(this,f,new g.Store([])),$(this,pe,void 0),$(this,ue,null),$(this,ge,null),$(this,ve,null),$(this,De,e=>{let r=[],i=[];e.forEach(s=>{r=[...r,...s.removedNodes],i=[...i,...s.addedNodes]}),h(this,f).current=h(this,f).current.filter(s=>!r.includes(s)),h(this,x)&&!h(this,f).current.length&&!i.length&&this.remove()}),this.openShadow(qt),G(this,x,t.key),G(this,pe,new MutationObserver(h(this,De))),o.element(this,{children:[o.div({class:"wrapper",children:[o.div({class:"head",onClick:e=>{this.classList.toggle("opened"),this.classList.contains("opened")?w.openPanel(h(this,x)):w.closePanel(h(this,x))},children:[h(this,x)?o.div({class:"name",children:[h(this,x).split(".").slice(-1).toString()]}):null,h(this,de),o.element(rt.arrowIcon,{class:"arrow"})]}),o.div({class:"body",ref:e=>{G(this,ue,e)},children:o.div({class:"body-content",children:h(this,f),ref:e=>{G(this,ge,e),G(this,ve,e.firstElementChild)}})})]})]}),t!=null&&t.storeBox&&this.handleStore(t.storeBox)}get key(){return h(this,x)}get head(){return h(this,de)}get content(){return h(this,f)}get bodyElement(){return h(this,ue)}get contentElement(){return h(this,ge)}connectedCallback(){w.isPanelOpened(h(this,x))&&this.classList.add("opened"),setTimeout(()=>{this.classList.add("transition-allowed")}),h(this,pe).observe(h(this,ve),{childList:!0})}handleStore(t){if(t.remainingFolders.length){const r=t.store.passport.name.split("."),i=r.slice(0,r.length-t.remainingFolders.length).join("."),s=h(this,f).current.find(n=>n.key===i);s instanceof re?s.handleStore({store:t.store,remainingFolders:t.remainingFolders.slice(1)}):h(this,f).current=[...h(this,f).current,new re({key:i,storeBox:{store:t.store,remainingFolders:t.remainingFolders.slice(1)}})]}else{const e=h(this,f).current.find(r=>r.key===t.store.passport.name);e instanceof _e?e.addStore(t.store):h(this,f).current=[...h(this,f).current,new _e({store:t.store})]}}};x=new WeakMap;de=new WeakMap;f=new WeakMap;pe=new WeakMap;ue=new WeakMap;ge=new WeakMap;ve=new WeakMap;De=new WeakMap;re=At([b.define("e-tweaker-folder")],re);var Vt=Object.defineProperty,Nt=Object.getOwnPropertyDescriptor,Kt=(t,e,r,i)=>{for(var s=i>1?void 0:i?Nt(e,r):e,n=t.length-1,a;n>=0;n--)(a=t[n])&&(s=(i?a(e,r,s):a(s))||s);return i&&s&&Vt(e,r,s),s},Ge=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},J=(t,e,r)=>(Ge(t,e,"read from private field"),e.get(t)),Te=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},Zt=(t,e,r,i)=>(Ge(t,e,"write to private field"),e.set(t,r),r),fe,we,me;const Ht=E.createStylesheet({":host":{"--tweaker-width":"550px","--tweaker-offset":"20px","--tweaker-folder-height":"35px","--height-input":"25px","--gap-large":"12px","--gap-medium":"10px","--gap-small":"8px","--gap-extra-small":"4px","--font-size-large":"16px","--font-size-medium":"14px","--font-size-small":"12px","--duration-short":"0.2s",fontFamily:"sans-serif",position:"absolute",top:"var(--tweaker-offset)",right:"var(--tweaker-offset)",width:"var(--tweaker-width)",backgroundColor:c.aptechkaTheme.colorMain.var,borderRadius:c.aptechkaTheme.borderRadius.var,transition:"opacity 0.1s",zIndex:"100",opacity:"0.1"},":host(:hover)":{opacity:"1 !important"},".resize":{position:"absolute",left:"0",top:"0",width:"calc(var(--tweaker-width) * 0.025)",height:"100%",zIndex:"1",cursor:"ew-resize"},".tweaker-buttons":{display:"flex",alignItems:"center",gap:"var(--gap-extra-small)"},".tweaker-button":{width:"18px",height:"18px",padding:"0",margin:"0",background:"none",border:"none",fill:c.aptechkaTheme.colorFont.var,transitionProperty:"fill",transitionDuration:"var(--duration-short)"},".tweaker-button:hover":{fill:c.aptechkaTheme.colorActive.var},".tweaker-button svg":{width:"100%",height:"100%"},":host .body-content":{maxHeight:`calc(
       100dvh - 
       (
         var(--tweaker-offset) * 2 + 
@@ -7,4 +7,4 @@
     )`,overflow:"hidden auto","-ms-overflow-style":"none","scrollbar-width":"none"},":host .body-content::-webkit-scrollbar":{display:"none"},[`@media ${tt.ViewportMediaRules["<=mobile"]}`]:{":host":{position:"absolute",top:"0",right:"0",width:"100% !important",borderTopLeftRadius:"0",borderTopRightRadius:"0"},":host .body-content":{maxHeight:`calc(
         100dvh - 
         var(--tweaker-folder-height)
-      )`}}});let Fe=class extends re{constructor(){super({key:""}),Pe(this,fe,!1),Pe(this,we,()=>{w.save()}),Pe(this,me,et.debounce(()=>{g.activeStores.current.forEach(t=>{var e;if(t.passport&&!((e=t.passport.manager)!=null&&e.invisible)){const r=t.passport.name.split(".");this.handleStore({store:t,remainingFolders:r.length>1?r.slice(0,-1):[]})}}),J(this,fe)||(Ht(this,fe,!0),setTimeout(()=>{this.contentElement.scroll({top:w.scrollValue}),this.contentElement.addEventListener("scroll",()=>{w.scrollValue=this.contentElement.scrollTop})},150))},10)),w.load(),this.addStylesheet(jt),this.head.current=[o.div({class:"tweaker-buttons",onClick:t=>{t.stopPropagation()},children:[o.button({class:"tweaker-button",children:Ke,onClick:()=>{g.storeRegistry.resetState()}}),o.button({class:["tweaker-button"],children:[Ze],onClick:()=>{navigator.clipboard.writeText(JSON.stringify(g.storeRegistry.getState()))}}),o.button({class:"tweaker-button",children:nt,onClick:()=>{Ue.createJSONAndSave(g.storeRegistry.projectName,g.storeRegistry.getState())}}),o.label({class:"tweaker-button",children:[ot,o.input({type:"file",style:{display:"none"},onChange:t=>{var i;const r=(i=t.currentTarget.files)==null?void 0:i[0];if(r){const s=new FileReader;s.onload=n=>{var W,K;const a=(K=(W=n.target)==null?void 0:W.result)==null?void 0:K.toString();a&&g.storeRegistry.loadState(a)},s.readAsText(r)}}})]})]})],o.element(this.bodyElement,{children:[o.div({class:"resize",onPointerdown:t=>{t.preventDefault();const e=this.getBoundingClientRect(),r=this.contentElement.scrollTop;Ne.setupDrag(i=>{const s=t.x-i.x,n=Math.max(400,e.width+s);this.style.width=n+"px",w.changeSize("tweaker",n)},()=>{setTimeout(()=>{this.contentElement.scroll({top:r})},10)})},onDblclick:()=>{this.style.width="",w.changeSize("tweaker",null)}})]})}connectedCallback(){super.connectedCallback(),window.addEventListener("beforeunload",J(this,we)),g.activeStores.subscribe(J(this,me)),w.changedSizes("tweaker")&&(this.style.width=w.changedSizes("tweaker")+"px")}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("beforeunload",J(this,we)),w.save(),g.activeStores.unsubscribe(J(this,me))}};fe=new WeakMap;we=new WeakMap;me=new WeakMap;Fe=Zt([y.define("e-tweaker")],Fe);Qe.isBrowser&&document.body.appendChild(new Fe);
+      )`}}});let Fe=class extends re{constructor(){super({key:""}),Te(this,fe,!1),Te(this,we,()=>{w.save()}),Te(this,me,et.debounce(()=>{g.activeStores.current.forEach(t=>{var e;if(t.passport&&!((e=t.passport.manager)!=null&&e.invisible)){const r=t.passport.name.split(".");this.handleStore({store:t,remainingFolders:r.length>1?r.slice(0,-1):[]})}}),J(this,fe)||(Zt(this,fe,!0),this.contentElement.scroll({top:w.scrollValue}),this.contentElement.addEventListener("scroll",()=>{w.scrollValue=this.contentElement.scrollTop}))},10)),w.load(),this.addStylesheet(Ht),this.head.current=[o.div({class:"tweaker-buttons",onClick:t=>{t.stopPropagation()},children:[o.button({class:"tweaker-button",children:Ke,onClick:()=>{g.storeRegistry.resetState()}}),o.button({class:["tweaker-button"],children:[Ze],onClick:()=>{navigator.clipboard.writeText(JSON.stringify(g.storeRegistry.getState()))}}),o.button({class:"tweaker-button",children:at,onClick:()=>{Ue.createJSONAndSave(g.storeRegistry.projectName,g.storeRegistry.getState())}}),o.label({class:"tweaker-button",children:[nt,o.input({type:"file",style:{display:"none"},onChange:t=>{var i;const r=(i=t.currentTarget.files)==null?void 0:i[0];if(r){const s=new FileReader;s.onload=n=>{var W,K;const a=(K=(W=n.target)==null?void 0:W.result)==null?void 0:K.toString();a&&g.storeRegistry.loadState(a)},s.readAsText(r)}}})]})]})],o.element(this.bodyElement,{children:[o.div({class:"resize",onPointerdown:t=>{t.preventDefault();const e=this.getBoundingClientRect(),r=this.contentElement.scrollTop;Ne.setupDrag(i=>{const s=t.x-i.x,n=Math.max(400,e.width+s);this.style.width=n+"px",w.changeSize("tweaker",n)},()=>{setTimeout(()=>{this.contentElement.scroll({top:r})},10)})},onDblclick:()=>{this.style.width="",w.changeSize("tweaker",null)}})]})}connectedCallback(){super.connectedCallback(),window.addEventListener("beforeunload",J(this,we)),g.activeStores.subscribe(J(this,me)),w.changedSizes("tweaker")&&(this.style.width=w.changedSizes("tweaker")+"px")}disconnectedCallback(){window.removeEventListener("beforeunload",J(this,we)),w.save(),g.activeStores.unsubscribe(J(this,me))}};fe=new WeakMap;we=new WeakMap;me=new WeakMap;Fe=Kt([b.define("e-tweaker")],Fe);Qe.isBrowser&&document.body.appendChild(new Fe);

package/lib/tweaker/index.js

@@ -1,37 +1,37 @@
-var Ze = (t, e, r) => {
+var He = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
 };
-var d = (t, e, r) => (Ze(t, e, "read from private field"), r ? r.call(t) : e.get(t)), J = (t, e, r) => {
+var d = (t, e, r) => (He(t, e, "read from private field"), r ? r.call(t) : e.get(t)), J = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, x = (t, e, r, i) => (Ze(t, e, "write to private field"), i ? i.call(t, r) : e.set(t, r), r);
+}, x = (t, e, r, i) => (He(t, e, "write to private field"), i ? i.call(t, r) : e.set(t, r), r);
 import { i as it } from "../browser-0zX67oeU.js";
-import { CustomElement as Ge, define as M } from "../custom-element/index.js";
-import { s as W, a as K, S as He } from "../Store-Dqcu1DnE.js";
+import { CustomElement as Ve, define as M } from "../custom-element/index.js";
+import { s as W, a as K, S as je } from "../Store-Dqcu1DnE.js";
 import { c as at } from "../file-lxi_oXJf.js";
 import { d as nt } from "../function-C10DGppn.js";
 import { s as Je } from "../gestures-D2Fdra_G.js";
-import { e as g, a0 as Ce, a as ot, D as f, aB as lt, p as re, a3 as ht } from "../tags-C-6uXIAT.js";
+import { e as f, a0 as Ce, a as ot, D as g, aB as lt, p as re, a3 as ht } from "../tags-C-6uXIAT.js";
 import { c as $ } from "../createStylesheet-CgWN4UhW.js";
 import { a as ct } from "../Viewport-4ZTWxLo_.js";
 import { aptechkaTheme as h } from "../theme/index.js";
-import { AccordionElement as dt } from "../accordion/index.js";
-import { a as pt } from "../index-C2xWAQFq.js";
-import { d as ut } from "../events-C_coq1Mk.js";
+import { a as dt } from "../index-C2xWAQFq.js";
+import "../accordion/index.js";
+import { d as pt } from "../events-C_coq1Mk.js";
 import "../checkbox/index.js";
-import { c as ft } from "../math-BOBiC4TN.js";
-import { n as je, t as gt } from "../polyfills-X6KXuHg-.js";
-import { elementResizer as Be } from "../element-resizer/index.js";
-const Xe = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', Ye = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', vt = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', wt = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
-var A, _, P;
-class mt {
+import { c as ut } from "../math-BOBiC4TN.js";
+import { n as Be, t as gt } from "../polyfills-X6KXuHg-.js";
+import { elementResizer as Ge } from "../element-resizer/index.js";
+const Xe = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', Ye = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', ft = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', vt = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
+var I, _, P;
+class wt {
   constructor() {
-    J(this, A, void 0);
+    J(this, I, void 0);
     J(this, _, void 0);
     J(this, P, void 0);
-    this.scrollValue = 0, x(this, A, ""), x(this, _, []), x(this, P, {}), x(this, A, W.projectName + "-studio");
+    this.scrollValue = 0, x(this, I, ""), x(this, _, []), x(this, P, {}), x(this, I, W.projectName + "-studio");
   }
   openPanel(e) {
     d(this, _).includes(e) || d(this, _).push(e);
@@ -54,11 +54,11 @@ class mt {
       changedSizes: d(this, P),
       scrollValue: this.scrollValue
     };
-    localStorage.setItem(d(this, A), JSON.stringify(e)), W.saveState();
+    localStorage.setItem(d(this, I), JSON.stringify(e)), W.saveState();
   }
   load() {
     W.loadState();
-    const e = localStorage.getItem(d(this, A));
+    const e = localStorage.getItem(d(this, I));
     if (e)
       try {
         const r = JSON.parse(e);
@@ -68,10 +68,10 @@ class mt {
       }
   }
 }
-A = new WeakMap(), _ = new WeakMap(), P = new WeakMap();
-const w = new mt();
+I = new WeakMap(), _ = new WeakMap(), P = new WeakMap();
+const w = new wt();
 var T;
-class H extends Ge {
+class H extends Ve {
   constructor(...r) {
     super();
     J(this, T, void 0);
@@ -93,12 +93,12 @@ class H extends Ge {
   }
 }
 T = new WeakMap();
-var bt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, yt = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? _t(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var mt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, _t = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? bt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && bt(e, r, s), s;
+  return i && s && mt(e, r, s), s;
 };
-const St = $({
+const yt = $({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -113,9 +113,9 @@ const St = $({
 });
 let Oe = class extends H {
   constructor(...t) {
-    super(...t), this.openShadow(St), g(this, {
+    super(...t), this.openShadow(yt), f(this, {
       children: [
-        g("e-checkbox", {
+        f("e-checkbox", {
           onChange: (e) => {
             this.updateStores(e.currentTarget.checked);
           },
@@ -129,15 +129,15 @@ let Oe = class extends H {
     });
   }
 };
-Oe = yt([
+Oe = _t([
   M("e-tweaker-boolean-manager")
 ], Oe);
-var kt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, Ct = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? xt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var St = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, xt = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? kt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && kt(e, r, s), s;
+  return i && s && St(e, r, s), s;
 };
-const Pt = $({
+const Ct = $({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -162,7 +162,7 @@ const Pt = $({
 });
 let We = class extends H {
   constructor(...t) {
-    super(...t), this.openShadow(Pt), g(this, {
+    super(...t), this.openShadow(Ct), f(this, {
       children: [
         Ce({
           type: "color",
@@ -175,15 +175,15 @@ let We = class extends H {
     });
   }
 };
-We = Ct([
+We = xt([
   M("e-tweaker-color-manager")
 ], We);
-var Mt = Object.defineProperty, $t = Object.getOwnPropertyDescriptor, Et = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? $t(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var Pt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, $t = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Mt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && Mt(e, r, s), s;
+  return i && s && Pt(e, r, s), s;
 };
-const zt = $({
+const Et = $({
   a: {
     color: "inherit"
   }
@@ -191,7 +191,7 @@ const zt = $({
 let Te = class extends H {
   constructor(...t) {
     var e, r;
-    super(...t), this.openShadow(zt), g(this, {
+    super(...t), this.openShadow(Et), f(this, {
       children: [
         ot({
           href: this.firstStore,
@@ -202,22 +202,22 @@ let Te = class extends H {
     });
   }
 };
-Te = Et([
+Te = $t([
   M("e-tweaker-link-manager")
 ], Te);
-var Ot = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, Tt = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Wt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var zt = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, Wt = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ot(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && Ot(e, r, s), s;
-}, Ve = (t, e, r) => {
+  return i && s && zt(e, r, s), s;
+}, Ne = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, o = (t, e, r) => (Ve(t, e, "read from private field"), r ? r.call(t) : e.get(t)), p = (t, e, r) => {
+}, o = (t, e, r) => (Ne(t, e, "read from private field"), r ? r.call(t) : e.get(t)), p = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, E = (t, e, r, i) => (Ve(t, e, "write to private field"), e.set(t, r), r), m = (t, e, r) => (Ve(t, e, "access private method"), r), V, se, q, O, F, ne, oe, C, Z, le, he, I, N, ce, De, Se, Ne, ie, ke, de;
-const Dt = $({
+}, E = (t, e, r, i) => (Ne(t, e, "write to private field"), e.set(t, r), r), m = (t, e, r) => (Ne(t, e, "access private method"), r), V, se, q, O, F, ne, oe, C, Z, le, he, L, N, ce, De, Se, Ke, ie, ke, de;
+const Tt = $({
   ":host": {
     width: "100%",
     display: "flex",
@@ -284,28 +284,28 @@ const Dt = $({
 let Re = class extends H {
   constructor(...t) {
     var e, r, i, s, n, a, D, j;
-    super(...t), p(this, I), p(this, ce), p(this, Se), p(this, ie), p(this, V, []), p(this, se, []), p(this, q, void 0), p(this, O, void 0), p(this, F, void 0), p(this, ne, void 0), p(this, oe, void 0), p(this, C, void 0), p(this, Z, !1), p(this, le, (B) => {
-      const b = m(this, I, N).call(this, B);
+    super(...t), p(this, L), p(this, ce), p(this, Se), p(this, ie), p(this, V, []), p(this, se, []), p(this, q, void 0), p(this, O, void 0), p(this, F, void 0), p(this, ne, void 0), p(this, oe, void 0), p(this, C, void 0), p(this, Z, !1), p(this, le, (B) => {
+      const b = m(this, L, N).call(this, B);
       return b.map((u, G) => {
-        const Pe = typeof u == "string" ? parseFloat(u) || o(this, O) : u, y = ft(Pe, o(this, O), o(this, F)), Me = gt(y, o(this, q));
+        const Pe = typeof u == "string" ? parseFloat(u) || o(this, O) : u, y = ut(Pe, o(this, O), o(this, F)), Me = gt(y, o(this, q));
         b[G] = Me;
       }), o(this, oe) === "number" ? b[0] : b;
     }), p(this, he, () => {
-      m(this, I, N).call(this).map((B, b) => {
+      m(this, L, N).call(this).map((B, b) => {
         const u = o(this, V)[b];
         u && (u.value = (B || 0).toString());
       }), m(this, ce, De).call(this);
     }), p(this, de, () => {
       m(this, ce, De).call(this);
-    }), this.openShadow(Dt), E(this, O, je(
+    }), this.openShadow(Tt), E(this, O, Be(
       (r = (e = this.firstStore.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min,
       -1 / 0
-    )), E(this, F, je(
+    )), E(this, F, Be(
       (s = (i = this.firstStore.passport) == null ? void 0 : i.manager) == null ? void 0 : s.max,
       1 / 0
-    )), E(this, q, ((a = (n = this.firstStore.passport) == null ? void 0 : n.manager) == null ? void 0 : a.step) || 0.01), E(this, ne, ((j = (D = this.firstStore.passport) == null ? void 0 : D.manager) == null ? void 0 : j.ease) || 1), E(this, oe, Array.isArray(this.firstStore.current) ? "array" : "number"), E(this, C, isFinite(o(this, F)) && isFinite(o(this, O))), g(this, {
+    )), E(this, q, ((a = (n = this.firstStore.passport) == null ? void 0 : n.manager) == null ? void 0 : a.step) || 0.01), E(this, ne, ((j = (D = this.firstStore.passport) == null ? void 0 : D.manager) == null ? void 0 : j.ease) || 1), E(this, oe, Array.isArray(this.firstStore.current) ? "array" : "number"), E(this, C, isFinite(o(this, F)) && isFinite(o(this, O))), f(this, {
       class: o(this, C) ? "" : "infinite",
-      children: m(this, I, N).call(this).map((B, b) => f({
+      children: m(this, L, N).call(this).map((B, b) => g({
         class: "inputs-wrapper",
         children: [
           Ce({
@@ -321,23 +321,23 @@ let Re = class extends H {
               );
             }
           }),
-          f({
+          g({
             class: "drag",
             children: [
-              f({
+              g({
                 class: "drag-knob",
                 ref: (u) => o(this, se).push(u),
                 onPointerdown: (u) => {
                   u.preventDefault(), E(this, Z, !0);
-                  const G = m(this, I, N).call(this), Pe = G[b], y = o(this, se)[b], Me = o(this, V)[b];
+                  const G = m(this, L, N).call(this), Pe = G[b], y = o(this, se)[b], Me = o(this, V)[b];
                   if (y && Me) {
-                    const $e = y.parentElement, et = m(this, Se, Ne).call(this);
+                    const $e = y.parentElement, et = m(this, Se, Ke).call(this);
                     $e.classList.add("grabbing"), Je(
                       (Ee) => {
-                        const Ke = Ee.x - u.x, tt = o(this, C) ? $e.offsetWidth / (et || 1) : 1, rt = Pe + Ke / tt * o(this, ne);
+                        const Ze = Ee.x - u.x, tt = o(this, C) ? $e.offsetWidth / (et || 1) : 1, rt = Pe + Ze / tt * o(this, ne);
                         if (G[b] = rt, !o(this, C)) {
                           const st = m(this, ie, ke).call(this, y, 0);
-                          y.style.transform = `translateX(${st + Ke}px)`;
+                          y.style.transform = `translateX(${st + Ze}px)`;
                         }
                         this.updateStores([...G]);
                       },
@@ -352,7 +352,7 @@ let Re = class extends H {
                     );
                   }
                 },
-                children: f({
+                children: g({
                   class: "drag-knob-inner"
                 })
               })
@@ -363,10 +363,10 @@ let Re = class extends H {
     });
   }
   connectedCallback() {
-    this.firstStore.addMiddleware(o(this, le)), this.firstStore.subscribe(o(this, he)), Be.subscribe(this, o(this, de));
+    this.firstStore.addMiddleware(o(this, le)), this.firstStore.subscribe(o(this, he)), Ge.subscribe(this, o(this, de));
   }
   disconnectedCallback() {
-    this.firstStore.removeMiddleware(o(this, le)), this.firstStore.unsubscribe(o(this, he)), Be.unsubscribe(o(this, de));
+    this.firstStore.removeMiddleware(o(this, le)), this.firstStore.unsubscribe(o(this, he)), Ge.unsubscribe(o(this, de));
   }
 };
 V = /* @__PURE__ */ new WeakMap();
@@ -380,13 +380,13 @@ C = /* @__PURE__ */ new WeakMap();
 Z = /* @__PURE__ */ new WeakMap();
 le = /* @__PURE__ */ new WeakMap();
 he = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakSet();
+L = /* @__PURE__ */ new WeakSet();
 N = function(t = this.firstStore.current) {
   return Array.isArray(t) ? t : [t];
 };
 ce = /* @__PURE__ */ new WeakSet();
 De = function() {
-  m(this, I, N).call(this).map((t, e) => {
+  m(this, L, N).call(this).map((t, e) => {
     const r = o(this, se)[e];
     if (r && (!o(this, Z) || o(this, Z) && o(this, C))) {
       const i = m(this, ie, ke).call(this, r, t);
@@ -395,24 +395,24 @@ De = function() {
   });
 };
 Se = /* @__PURE__ */ new WeakSet();
-Ne = function() {
+Ke = function() {
   return o(this, C) ? o(this, F) - o(this, O) : 0;
 };
 ie = /* @__PURE__ */ new WeakSet();
 ke = function(t, e) {
-  const r = t.parentElement, i = m(this, Se, Ne).call(this), s = i ? e / i : 0.5;
+  const r = t.parentElement, i = m(this, Se, Ke).call(this), s = i ? e / i : 0.5;
   return (r.offsetWidth - t.offsetWidth) * s;
 };
 de = /* @__PURE__ */ new WeakMap();
-Re = Tt([
+Re = Wt([
   M("e-tweaker-number-manager")
 ], Re);
-var Rt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, It = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ft(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var Dt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, Ft = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Rt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && Rt(e, r, s), s;
+  return i && s && Dt(e, r, s), s;
 };
-const At = $({
+const Lt = $({
   "e-select": {
     width: "100%",
     "--arrow-color": h.colorFont.var
@@ -444,16 +444,16 @@ const At = $({
 let Fe = class extends H {
   constructor(...t) {
     var r, i;
-    super(...t), this.openShadow(At);
+    super(...t), this.openShadow(Lt);
     const e = ((i = (r = this.firstStore.passport) == null ? void 0 : r.manager) == null ? void 0 : i.variants) || [];
-    g(this, {
-      children: g("e-select", {
+    f(this, {
+      children: f("e-select", {
         value: this.firstStore,
         onChange: (s) => {
           this.updateStores(s.currentTarget.value);
         },
         lightChildren: [
-          g("e-select-head", {
+          f("e-select-head", {
             lightChildren: [
               lt({
                 "data-value-holder": ""
@@ -461,7 +461,7 @@ let Fe = class extends H {
             ]
           }),
           ...e.map(
-            (s, n) => g("e-select-option", {
+            (s, n) => f("e-select-option", {
               lightChildren: s,
               default: n === 0 ? !0 : null
             })
@@ -471,15 +471,15 @@ let Fe = class extends H {
     });
   }
 };
-Fe = It([
+Fe = Ft([
   M("e-tweaker-select-manager")
 ], Fe);
-var Lt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, Nt = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Vt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var It = Object.defineProperty, At = Object.getOwnPropertyDescriptor, Vt = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? At(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && Lt(e, r, s), s;
+  return i && s && It(e, r, s), s;
 };
-const Kt = $({
+const Nt = $({
   ":host": {
     width: "100%",
     display: "flex",
@@ -501,9 +501,9 @@ const Kt = $({
     borderRadius: h.borderRadius.var
   }
 });
-let Ie = class extends H {
+let Le = class extends H {
   constructor(...t) {
-    super(...t), this.openShadow(Kt), g(this, {
+    super(...t), this.openShadow(Nt), f(this, {
       children: [
         Ce({
           class: "text-input",
@@ -519,21 +519,21 @@ let Ie = class extends H {
     });
   }
 };
-Ie = Nt([
+Le = Vt([
   M("e-tweaker-string-manager")
-], Ie);
-const Zt = {
+], Le);
+const Kt = {
   boolean: Oe,
   color: We,
   link: Te,
   number: Re,
   select: Fe,
-  string: Ie
+  string: Le
 };
-var Ht = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, Bt = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? jt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var Zt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, jt = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ht(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && Ht(e, r, s), s;
+  return i && s && Zt(e, r, s), s;
 }, qe = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
@@ -541,8 +541,8 @@ var Ht = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, Bt = (t, e
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, L = (t, e, r, i) => (qe(t, e, "write to private field"), e.set(t, r), r), S, Q, U, ee, te, pe, ue;
-const Gt = $({
+}, A = (t, e, r, i) => (qe(t, e, "write to private field"), e.set(t, r), r), S, Q, U, ee, te, pe, ue;
+const Bt = $({
   ":host": {
     display: "grid",
     gridAutoFlow: "column",
@@ -587,7 +587,7 @@ const Gt = $({
     height: "100%"
   }
 });
-let xe = class extends Ge {
+let xe = class extends Ve {
   constructor(t) {
     var r, i, s, n;
     super(), R(this, S, []), R(this, Q, void 0), R(this, U, void 0), R(this, ee, !1), R(this, te, void 0), R(this, pe, () => {
@@ -596,24 +596,24 @@ let xe = class extends Ge {
       c(this, ee) && ((a.metaKey || a.ctrlKey) && a.code === "KeyC" ? navigator.clipboard.writeText(c(this, S)[0].current) : (a.metaKey || a.ctrlKey) && a.code === "KeyR" && (c(this, S).forEach((D) => {
         D.reset();
       }), a.preventDefault()));
-    }), L(this, S, [t.store]), L(this, Q, t.store.passport.name), L(this, U, c(this, Q).split(".").slice(-1).toString());
+    }), A(this, S, [t.store]), A(this, Q, t.store.passport.name), A(this, U, c(this, Q).split(".").slice(-1).toString());
     const e = ((i = (r = t.store.passport) == null ? void 0 : r.manager) == null ? void 0 : i.type) || "string";
-    L(this, te, new Zt[e](c(this, S)[0])), this.openShadow(Gt), g(this, {
+    A(this, te, new Kt[e](c(this, S)[0])), this.openShadow(Bt), f(this, {
       class: {
         disabled: ((n = (s = t.store.passport) == null ? void 0 : s.manager) == null ? void 0 : n.disabled) || !1
       },
       onPointerleave: () => {
-        L(this, ee, !1);
+        A(this, ee, !1);
       },
       onPointerenter: () => {
-        L(this, ee, !0);
+        A(this, ee, !0);
       },
       children: [
-        f({
+        g({
           class: "head",
           children: [
-            f({ class: "name", children: c(this, U) + ":" }),
-            f({
+            g({ class: "name", children: c(this, U) + ":" }),
+            g({
               class: "head-buttons",
               children: [
                 re({
@@ -653,7 +653,7 @@ let xe = class extends Ge {
     c(this, te).addStore(t);
   }
   connectedCallback() {
-    K.subscribe(c(this, pe)), addEventListener("keydown", c(this, ue)), ut(this);
+    K.subscribe(c(this, pe)), addEventListener("keydown", c(this, ue)), pt(this);
   }
   disconnectedCallback() {
     K.unsubscribe(c(this, pe)), removeEventListener("keydown", c(this, ue));
@@ -666,13 +666,13 @@ ee = /* @__PURE__ */ new WeakMap();
 te = /* @__PURE__ */ new WeakMap();
 pe = /* @__PURE__ */ new WeakMap();
 ue = /* @__PURE__ */ new WeakMap();
-xe = Bt([
+xe = jt([
   M("e-tweaker-field")
 ], xe);
-var Jt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, Yt = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Xt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var Gt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Xt = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Jt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && Jt(e, r, s), s;
+  return i && s && Gt(e, r, s), s;
 }, Qe = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
@@ -680,8 +680,8 @@ var Jt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, Yt = (t, e
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, X = (t, e, r, i) => (Qe(t, e, "write to private field"), e.set(t, r), r), k, fe, v, ge, ve, we, me, Ae;
-const qt = $({
+}, X = (t, e, r, i) => (Qe(t, e, "write to private field"), e.set(t, r), r), k, ge, v, fe, ve, we, me, Ie;
+const Yt = $({
   ".wrapper": {
     boxSizing: "border-box",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
@@ -704,10 +704,18 @@ const qt = $({
     color: h.colorFont.var
   },
   ".body": {
-    transitionProperty: "height",
-    transitionDuration: "var(--duration-short)",
     overflow: "hidden",
-    height: "0px"
+    height: "0"
+  },
+  ":host(.transition-allowed) .body": {
+    transition: "height var(--duration-short), display var(--duration-short) allow-discrete"
+  },
+  ":host(.opened) .body": {
+    height: "calc-size(auto)",
+    display: "block",
+    "@starting-style": {
+      height: "0"
+    }
   },
   ".body-content": {
     boxSizing: "border-box",
@@ -725,42 +733,42 @@ const qt = $({
     transform: "scaleY(-1)"
   }
 });
-let ae = class extends dt {
+let ae = class extends Ve {
   constructor(t) {
-    super(), z(this, k, void 0), z(this, fe, new He(null)), z(this, v, new He([])), z(this, ge, void 0), z(this, ve, null), z(this, we, null), z(this, me, null), z(this, Ae, (e) => {
+    super(), z(this, k, void 0), z(this, ge, new je(null)), z(this, v, new je([])), z(this, fe, void 0), z(this, ve, null), z(this, we, null), z(this, me, null), z(this, Ie, (e) => {
       let r = [], i = [];
       e.forEach((s) => {
         r = [...r, ...s.removedNodes], i = [...i, ...s.addedNodes];
       }), l(this, v).current = l(this, v).current.filter(
         (s) => !r.includes(s)
       ), l(this, k) && !l(this, v).current.length && !i.length && this.remove();
-    }), this.openShadow(qt), X(this, k, t.key), X(this, ge, new MutationObserver(l(this, Ae))), g(this, {
-      onAccordionItemToggle: (e) => {
-        e.stopPropagation(), e.detail.opened ? w.openPanel(l(this, k)) : w.closePanel(l(this, k));
-      },
+    }), this.openShadow(Yt), X(this, k, t.key), X(this, fe, new MutationObserver(l(this, Ie))), f(this, {
       children: [
-        f({
+        g({
           class: "wrapper",
           children: [
-            f({
+            g({
               class: "head",
+              onClick: (e) => {
+                this.classList.toggle("opened"), this.classList.contains("opened") ? w.openPanel(l(this, k)) : w.closePanel(l(this, k));
+              },
               children: [
-                l(this, k) ? f({
+                l(this, k) ? g({
                   class: "name",
                   children: [l(this, k).split(".").slice(-1).toString()]
                 }) : null,
-                l(this, fe),
-                g(pt, {
+                l(this, ge),
+                f(dt, {
                   class: "arrow"
                 })
               ]
             }),
-            f({
+            g({
               class: "body",
               ref: (e) => {
                 X(this, ve, e);
               },
-              children: f({
+              children: g({
                 class: "body-content",
                 children: l(this, v),
                 ref: (e) => {
@@ -777,7 +785,7 @@ let ae = class extends dt {
     return l(this, k);
   }
   get head() {
-    return l(this, fe);
+    return l(this, ge);
   }
   get content() {
     return l(this, v);
@@ -789,9 +797,9 @@ let ae = class extends dt {
     return l(this, we);
   }
   connectedCallback() {
-    super.connectedCallback(), setTimeout(() => {
-      w.isPanelOpened(l(this, k)) && this.openAll({ skipTransition: !0 });
-    }, 50), l(this, ge).observe(l(this, me), {
+    w.isPanelOpened(l(this, k)) && this.classList.add("opened"), setTimeout(() => {
+      this.classList.add("transition-allowed");
+    }), l(this, fe).observe(l(this, me), {
       childList: !0
     });
   }
@@ -825,20 +833,20 @@ let ae = class extends dt {
   }
 };
 k = /* @__PURE__ */ new WeakMap();
-fe = /* @__PURE__ */ new WeakMap();
-v = /* @__PURE__ */ new WeakMap();
 ge = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
+fe = /* @__PURE__ */ new WeakMap();
 ve = /* @__PURE__ */ new WeakMap();
 we = /* @__PURE__ */ new WeakMap();
 me = /* @__PURE__ */ new WeakMap();
-Ae = /* @__PURE__ */ new WeakMap();
-ae = Yt([
+Ie = /* @__PURE__ */ new WeakMap();
+ae = Xt([
   M("e-tweaker-folder")
 ], ae);
-var Qt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, er = (t, e, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ut(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+var qt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, Ut = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Qt(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && Qt(e, r, s), s;
+  return i && s && qt(e, r, s), s;
 }, Ue = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
@@ -846,8 +854,8 @@ var Qt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, er = (t, e
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, tr = (t, e, r, i) => (Ue(t, e, "write to private field"), e.set(t, r), r), be, _e, ye;
-const rr = $({
+}, er = (t, e, r, i) => (Ue(t, e, "write to private field"), e.set(t, r), r), be, _e, ye;
+const tr = $({
   ":host": {
     "--tweaker-width": "550px",
     "--tweaker-offset": "20px",
@@ -939,7 +947,7 @@ const rr = $({
     }
   }
 });
-let Le = class extends ae {
+let Ae = class extends ae {
   constructor() {
     super({
       key: ""
@@ -955,15 +963,13 @@ let Le = class extends ae {
             remainingFolders: r.length > 1 ? r.slice(0, -1) : []
           });
         }
-      }), Y(this, be) || (tr(this, be, !0), setTimeout(() => {
-        this.contentElement.scroll({
-          top: w.scrollValue
-        }), this.contentElement.addEventListener("scroll", () => {
-          w.scrollValue = this.contentElement.scrollTop;
-        });
-      }, 150));
-    }, 10)), w.load(), this.addStylesheet(rr), this.head.current = [
-      f({
+      }), Y(this, be) || (er(this, be, !0), this.contentElement.scroll({
+        top: w.scrollValue
+      }), this.contentElement.addEventListener("scroll", () => {
+        w.scrollValue = this.contentElement.scrollTop;
+      }));
+    }, 10)), w.load(), this.addStylesheet(tr), this.head.current = [
+      g({
         class: "tweaker-buttons",
         onClick: (t) => {
           t.stopPropagation();
@@ -987,7 +993,7 @@ let Le = class extends ae {
           }),
           re({
             class: "tweaker-button",
-            children: vt,
+            children: ft,
             onClick: () => {
               at(
                 W.projectName,
@@ -998,7 +1004,7 @@ let Le = class extends ae {
           ht({
             class: "tweaker-button",
             children: [
-              wt,
+              vt,
               Ce({
                 type: "file",
                 style: {
@@ -1021,9 +1027,9 @@ let Le = class extends ae {
           })
         ]
       })
-    ], g(this.bodyElement, {
+    ], f(this.bodyElement, {
       children: [
-        f({
+        g({
           class: "resize",
           onPointerdown: (t) => {
             t.preventDefault();
@@ -1053,13 +1059,13 @@ let Le = class extends ae {
     super.connectedCallback(), window.addEventListener("beforeunload", Y(this, _e)), K.subscribe(Y(this, ye)), w.changedSizes("tweaker") && (this.style.width = w.changedSizes("tweaker") + "px");
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("beforeunload", Y(this, _e)), w.save(), K.unsubscribe(Y(this, ye));
+    window.removeEventListener("beforeunload", Y(this, _e)), w.save(), K.unsubscribe(Y(this, ye));
   }
 };
 be = /* @__PURE__ */ new WeakMap();
 _e = /* @__PURE__ */ new WeakMap();
 ye = /* @__PURE__ */ new WeakMap();
-Le = er([
+Ae = Ut([
   M("e-tweaker")
-], Le);
-it && document.body.appendChild(new Le());
+], Ae);
+it && document.body.appendChild(new Ae());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"