@tresjs/cientos 2.0.0-alpha.5 → 2.0.0-beta.0

package/dist/trescientos.umd.cjs

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/cientos
- * version: v2.0.0-alpha.4
+ * version: v2.0.0-alpha.5
  * (c) 2023
  * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -16,7 +16,7 @@
 `;Y=x(B),Y!==!1;){if(X.string+=Y+`
 `,Y.charAt(0)==="#"){X.comments+=Y+`
 `;continue}if((Z=Y.match(Q))&&(X.gamma=parseFloat(Z[1])),(Z=Y.match($))&&(X.exposure=parseFloat(Z[1])),(Z=Y.match(j))&&(X.valid|=2,X.format=Z[1]),(Z=Y.match(F))&&(X.valid|=4,X.height=parseInt(Z[1],10),X.width=parseInt(Z[2],10)),X.valid&2&&X.valid&4)break}return X.valid&2?X.valid&4?X:h(3,"missing image size specifier"):h(3,"missing format specifier")},O=function(B,N,Q){const $=N;if($<8||$>32767||B[0]!==2||B[1]!==2||B[2]&128)return new Uint8Array(B);if($!==(B[2]<<8|B[3]))return h(3,"wrong scanline width");const j=new Uint8Array(4*N*Q);if(!j.length)return h(4,"unable to allocate buffer space");let F=0,X=0;const Y=4*$,Z=new Uint8Array(4),ue=new Uint8Array(Y);let ge=Q;for(;ge>0&&X<B.byteLength;){if(X+4>B.byteLength)return h(1);if(Z[0]=B[X++],Z[1]=B[X++],Z[2]=B[X++],Z[3]=B[X++],Z[0]!=2||Z[1]!=2||(Z[2]<<8|Z[3])!=$)return h(3,"bad rgbe scanline format");let pe=0,me;for(;pe<Y&&X<B.byteLength;){me=B[X++];const ee=me>128;if(ee&&(me-=128),me===0||pe+me>Y)return h(3,"bad scanline data");if(ee){const q=B[X++];for(let Ce=0;Ce<me;Ce++)ue[pe++]=q}else ue.set(B.subarray(X,X+me),pe),pe+=me,X+=me}const he=$;for(let ee=0;ee<he;ee++){let q=0;j[F]=ue[ee+q],q+=$,j[F+1]=ue[ee+q],q+=$,j[F+2]=ue[ee+q],q+=$,j[F+3]=ue[ee+q],F+=4}ge--}return j},I=function(B,N,Q,$){const j=B[N+3],F=Math.pow(2,j-128)/255;Q[$+0]=B[N+0]*F,Q[$+1]=B[N+1]*F,Q[$+2]=B[N+2]*F,Q[$+3]=1},E=function(B,N,Q,$){const j=B[N+3],F=Math.pow(2,j-128)/255;Q[$+0]=f.DataUtils.toHalfFloat(Math.min(B[N+0]*F,65504)),Q[$+1]=f.DataUtils.toHalfFloat(Math.min(B[N+1]*F,65504)),Q[$+2]=f.DataUtils.toHalfFloat(Math.min(B[N+2]*F,65504)),Q[$+3]=f.DataUtils.toHalfFloat(1)},R=new Uint8Array(i);R.pos=0;const z=M(R);if(z!==-1){const B=z.width,N=z.height,Q=O(R.subarray(R.pos),B,N);if(Q!==-1){let $,j,F;switch(this.type){case f.FloatType:F=Q.length/4;const X=new Float32Array(F*4);for(let Z=0;Z<F;Z++)I(Q,Z*4,X,Z*4);$=X,j=f.FloatType;break;case f.HalfFloatType:F=Q.length/4;const Y=new Uint16Array(F*4);for(let Z=0;Z<F;Z++)E(Q,Z*4,Y,Z*4);$=Y,j=f.HalfFloatType;break;default:console.error("THREE.RGBELoader: unsupported type: ",this.type);break}return{width:B,height:N,data:$,header:z.string,gamma:z.gamma,exposure:z.exposure,type:j}}}return null}setDataType(i){return this.type=i,this}load(i,r,s,a){function c(u,h){switch(u.type){case f.FloatType:case f.HalfFloatType:u.encoding=f.LinearEncoding,u.minFilter=f.LinearFilter,u.magFilter=f.LinearFilter,u.generateMipmaps=!1,u.flipY=!0;break}r&&r(u,h)}return super.load(i,c,s,a)}}const hs=new WeakMap;class cl extends f.Loader{constructor(i){super(i),this.decoderPath="",this.decoderConfig={},this.decoderBinary=null,this.decoderPending=null,this.workerLimit=4,this.workerPool=[],this.workerNextTaskID=1,this.workerSourceURL="",this.defaultAttributeIDs={position:"POSITION",normal:"NORMAL",color:"COLOR",uv:"TEX_COORD"},this.defaultAttributeTypes={position:"Float32Array",normal:"Float32Array",color:"Float32Array",uv:"Float32Array"}}setDecoderPath(i){return this.decoderPath=i,this}setDecoderConfig(i){return this.decoderConfig=i,this}setWorkerLimit(i){return this.workerLimit=i,this}load(i,r,s,a){const c=new f.FileLoader(this.manager);c.setPath(this.path),c.setResponseType("arraybuffer"),c.setRequestHeader(this.requestHeader),c.setWithCredentials(this.withCredentials),c.load(i,u=>{const h={attributeIDs:this.defaultAttributeIDs,attributeTypes:this.defaultAttributeTypes,useUniqueIDs:!1};this.decodeGeometry(u,h).then(r).catch(a)},s,a)}decodeDracoFile(i,r,s,a){const c={attributeIDs:s||this.defaultAttributeIDs,attributeTypes:a||this.defaultAttributeTypes,useUniqueIDs:!!s};this.decodeGeometry(i,c).then(r)}decodeGeometry(i,r){for(const d in r.attributeTypes){const _=r.attributeTypes[d];_.BYTES_PER_ELEMENT!==void 0&&(r.attributeTypes[d]=_.name)}const s=JSON.stringify(r);if(hs.has(i)){const d=hs.get(i);if(d.key===s)return d.promise;if(i.byteLength===0)throw new Error("THREE.DRACOLoader: Unable to re-decode a buffer with different settings. Buffer has already been transferred.")}let a;const c=this.workerNextTaskID++,u=i.byteLength,h=this._getWorker(c,u).then(d=>(a=d,new Promise((_,y)=>{a._callbacks[c]={resolve:_,reject:y},a.postMessage({type:"decode",id:c,taskConfig:r,buffer:i},[i])}))).then(d=>this._createGeometry(d.geometry));return h.catch(()=>!0).then(()=>{a&&c&&this._releaseTask(a,c)}),hs.set(i,{key:s,promise:h}),h}_createGeometry(i){const r=new f.BufferGeometry;i.index&&r.setIndex(new f.BufferAttribute(i.index.array,1));for(let s=0;s<i.attributes.length;s++){const a=i.attributes[s],c=a.name,u=a.array,h=a.itemSize;r.setAttribute(c,new f.BufferAttribute(u,h))}return r}_loadLibrary(i,r){const s=new f.FileLoader(this.manager);return s.setPath(this.decoderPath),s.setResponseType(r),s.setWithCredentials(this.withCredentials),new Promise((a,c)=>{s.load(i,a,void 0,c)})}preload(){return this._initDecoder(),this}_initDecoder(){if(this.decoderPending)return this.decoderPending;const i=typeof WebAssembly!="object"||this.decoderConfig.type==="js",r=[];return i?r.push(this._loadLibrary("draco_decoder.js","text")):(r.push(this._loadLibrary("draco_wasm_wrapper.js","text")),r.push(this._loadLibrary("draco_decoder.wasm","arraybuffer"))),this.decoderPending=Promise.all(r).then(s=>{const a=s[0];i||(this.decoderConfig.wasmBinary=s[1]);const c=pl.toString(),u=["/* draco decoder */",a,"","/* worker */",c.substring(c.indexOf("{")+1,c.lastIndexOf("}"))].join(`
-`);this.workerSourceURL=URL.createObjectURL(new Blob([u]))}),this.decoderPending}_getWorker(i,r){return this._initDecoder().then(()=>{if(this.workerPool.length<this.workerLimit){const a=new Worker(this.workerSourceURL);a._callbacks={},a._taskCosts={},a._taskLoad=0,a.postMessage({type:"init",decoderConfig:this.decoderConfig}),a.onmessage=function(c){const u=c.data;switch(u.type){case"decode":a._callbacks[u.id].resolve(u);break;case"error":a._callbacks[u.id].reject(u);break;default:console.error('THREE.DRACOLoader: Unexpected message, "'+u.type+'"')}},this.workerPool.push(a)}else this.workerPool.sort(function(a,c){return a._taskLoad>c._taskLoad?-1:1});const s=this.workerPool[this.workerPool.length-1];return s._taskCosts[i]=r,s._taskLoad+=r,s})}_releaseTask(i,r){i._taskLoad-=i._taskCosts[r],delete i._callbacks[r],delete i._taskCosts[r]}debug(){console.log("Task load: ",this.workerPool.map(i=>i._taskLoad))}dispose(){for(let i=0;i<this.workerPool.length;++i)this.workerPool[i].terminate();return this.workerPool.length=0,this}}function pl(){let g,i;onmessage=function(u){const h=u.data;switch(h.type){case"init":g=h.decoderConfig,i=new Promise(function(y){g.onModuleLoaded=function(w){y({draco:w})},DracoDecoderModule(g)});break;case"decode":const d=h.buffer,_=h.taskConfig;i.then(y=>{const w=y.draco,x=new w.Decoder,M=new w.DecoderBuffer;M.Init(new Int8Array(d),d.byteLength);try{const O=r(w,x,M,_),I=O.attributes.map(E=>E.array.buffer);O.index&&I.push(O.index.array.buffer),self.postMessage({type:"decode",id:h.id,geometry:O},I)}catch(O){console.error(O),self.postMessage({type:"error",id:h.id,error:O.message})}finally{w.destroy(M),w.destroy(x)}});break}};function r(u,h,d,_){const y=_.attributeIDs,w=_.attributeTypes;let x,M;const O=h.GetEncodedGeometryType(d);if(O===u.TRIANGULAR_MESH)x=new u.Mesh,M=h.DecodeBufferToMesh(d,x);else if(O===u.POINT_CLOUD)x=new u.PointCloud,M=h.DecodeBufferToPointCloud(d,x);else throw new Error("THREE.DRACOLoader: Unexpected geometry type.");if(!M.ok()||x.ptr===0)throw new Error("THREE.DRACOLoader: Decoding failed: "+M.error_msg());const I={index:null,attributes:[]};for(const E in y){const R=self[w[E]];let z,B;if(_.useUniqueIDs)B=y[E],z=h.GetAttributeByUniqueId(x,B);else{if(B=h.GetAttributeId(x,u[y[E]]),B===-1)continue;z=h.GetAttribute(x,B)}I.attributes.push(a(u,h,x,E,R,z))}return O===u.TRIANGULAR_MESH&&(I.index=s(u,h,x)),u.destroy(x),I}function s(u,h,d){const y=d.num_faces()*3,w=y*4,x=u._malloc(w);h.GetTrianglesUInt32Array(d,w,x);const M=new Uint32Array(u.HEAPF32.buffer,x,y).slice();return u._free(x),{array:M,itemSize:1}}function a(u,h,d,_,y,w){const x=w.num_components(),O=d.num_points()*x,I=O*y.BYTES_PER_ELEMENT,E=c(u,y),R=u._malloc(I);h.GetAttributeDataArrayForAllPoints(d,w,E,I,R);const z=new y(u.HEAPF32.buffer,R,O).slice();return u._free(R),{name:_,array:z,itemSize:x}}function c(u,h){switch(h){case Float32Array:return u.DT_FLOAT32;case Int8Array:return u.DT_INT8;case Int16Array:return u.DT_INT16;case Int32Array:return u.DT_INT32;case Uint8Array:return u.DT_UINT8;case Uint16Array:return u.DT_UINT16;case Uint32Array:return u.DT_UINT32}}}function Rt(){const{state:g,setState:i}=A.inject("useTres",zt.useTres()),r=A.inject("extend")||(()=>{});return{state:g,setState:i,extend:r}}const ul=["args"],hl=A.defineComponent({__name:"OrbitControls",props:{makeDefault:{type:Boolean,default:!1},camera:null,domElement:null,target:null,enableDamping:{type:Boolean}},setup(g){const i=g,{state:r,setState:s,extend:a}=Rt(),c=A.ref(null);return a({OrbitControls:aa}),A.watch(c,u=>{u&&i.makeDefault?s("controls",u):s("controls",null)}),(u,h)=>{var d;return A.unref(r).camera&&A.unref(r).renderer?(A.openBlock(),A.createElementBlock("TresOrbitControls",{key:0,ref_key:"controls",ref:c,args:[A.unref(A.unref(r).camera)||g.camera,((d=A.unref(r).renderer)==null?void 0:d.domElement)||g.domElement]},null,8,ul)):A.createCommentVNode("",!0)}}});function dl(g,i){const r={};for(const s of i)Object.prototype.hasOwnProperty.call(g,s)&&(r[s]=g[s]);return r}function ml(g,i){const r=`set${i[0].toUpperCase()}${i.slice(1)}`;return g[r]!==void 0}const fl=A.defineComponent({__name:"TransformControls",props:{object:null,mode:null,enabled:{type:Boolean,default:!0},axis:null,translationSnap:null,rotationSnap:null,scaleSnap:null,space:null,size:null,showX:{type:Boolean},showY:{type:Boolean},showZ:{type:Boolean}},emits:["dragging","change","mouseDown","mouseUp","objectChange"],setup(g,{emit:i}){const r=g;let s=A.shallowRef();const{state:a}=Rt(),c=A.computed(()=>dl(r,["enabled","axis","mode","translationSnap","rotationSnap","scaleSnap","space","size","showX","showY","showZ"])),u=()=>i("change",s.value),h=()=>i("mouseDown",s.value),d=()=>i("mouseUp",s.value),_=()=>i("objectChange",s.value),y=x=>{a.controls&&(a.controls.enabled=!x.value),i("dragging",x.value)};function w(x){x.addEventListener("dragging-changed",y),x.addEventListener("change",u),x.addEventListener("mouseDown",h),x.addEventListener("mouseUp",d),x.addEventListener("objectChange",_)}return A.watchEffect(()=>{a.camera&&a.renderer&&a.scene&&r.object&&(s.value=new sa(a.camera,a.renderer.domElement),s.value.attach(r.object),a.scene.add(s.value),w(s.value))}),A.watch([c,s],([x,M])=>{if(x&&M)for(const O in x)if(!ml(M,O))M[O]=x[O];else{const I=`set${O[0].toUpperCase()}${O.slice(1)}`;typeof M[I]=="function"&&x[O]!==void 0&&M[I](x[O])}},{immediate:!0}),A.onUnmounted(()=>{s.value&&(s.value.removeEventListener("dragging-changed",y),s.value.removeEventListener("change",u),s.value.removeEventListener("mouseDown",h),s.value.removeEventListener("mouseUp",d),s.value.removeEventListener("objectChange",_))}),(x,M)=>A.renderSlot(x.$slots,"default")}});var Kr;const $r=typeof window<"u",vl=g=>typeof g=="string",bl=()=>{};$r&&((Kr=window==null?void 0:window.navigator)!=null&&Kr.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function Xr(g){return typeof g=="function"?g():A.unref(g)}function gl(g){return g}function _l(g){return A.getCurrentScope()?(A.onScopeDispose(g),!0):!1}function wl(g,i=!0){A.getCurrentInstance()?A.onMounted(g):i?g():A.nextTick(g)}function yl(g){var i;const r=Xr(g);return(i=r==null?void 0:r.$el)!=null?i:r}const ds=$r?window:void 0;function Gt(...g){let i,r,s,a;if(vl(g[0])||Array.isArray(g[0])?([r,s,a]=g,i=ds):[i,r,s,a]=g,!i)return bl;Array.isArray(r)||(r=[r]),Array.isArray(s)||(s=[s]);const c=[],u=()=>{c.forEach(y=>y()),c.length=0},h=(y,w,x,M)=>(y.addEventListener(w,x,M),()=>y.removeEventListener(w,x,M)),d=A.watch(()=>[yl(i),Xr(a)],([y,w])=>{u(),y&&c.push(...r.flatMap(x=>s.map(M=>h(y,x,M,w))))},{immediate:!0,flush:"post"}),_=()=>{d(),u()};return _l(_),_}const Yr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},qr="__vueuse_ssr_handlers__";Yr[qr]=Yr[qr]||{};function xl(g={}){const{type:i="page",touch:r=!0,resetOnTouchEnds:s=!1,initialValue:a={x:0,y:0},window:c=ds,eventFilter:u}=g,h=A.ref(a.x),d=A.ref(a.y),_=A.ref(null),y=I=>{i==="page"?(h.value=I.pageX,d.value=I.pageY):i==="client"?(h.value=I.clientX,d.value=I.clientY):i==="movement"&&(h.value=I.movementX,d.value=I.movementY),_.value="mouse"},w=()=>{h.value=a.x,d.value=a.y},x=I=>{if(I.touches.length>0){const E=I.touches[0];i==="page"?(h.value=E.pageX,d.value=E.pageY):i==="client"&&(h.value=E.clientX,d.value=E.clientY),_.value="touch"}},M=I=>u===void 0?y(I):u(()=>y(I),{}),O=I=>u===void 0?x(I):u(()=>x(I),{});return c&&(Gt(c,"mousemove",M,{passive:!0}),Gt(c,"dragover",M,{passive:!0}),r&&i!=="movement"&&(Gt(c,"touchstart",O,{passive:!0}),Gt(c,"touchmove",O,{passive:!0}),s&&Gt(c,"touchend",w,{passive:!0}))),{x:h,y:d,sourceType:_}}var Qr;(function(g){g.UP="UP",g.RIGHT="RIGHT",g.DOWN="DOWN",g.LEFT="LEFT",g.NONE="NONE"})(Qr||(Qr={}));var Cl=Object.defineProperty,Zr=Object.getOwnPropertySymbols,Pl=Object.prototype.hasOwnProperty,Ml=Object.prototype.propertyIsEnumerable,Wr=(g,i,r)=>i in g?Cl(g,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):g[i]=r,kl=(g,i)=>{for(var r in i||(i={}))Pl.call(i,r)&&Wr(g,r,i[r]);if(Zr)for(var r of Zr(i))Ml.call(i,r)&&Wr(g,r,i[r]);return g};kl({linear:gl},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function Sl(g={}){const{window:i=ds,initialWidth:r=1/0,initialHeight:s=1/0,listenOrientation:a=!0,includeScrollbar:c=!0}=g,u=A.ref(r),h=A.ref(s),d=()=>{i&&(c?(u.value=i.innerWidth,h.value=i.innerHeight):(u.value=i.document.documentElement.clientWidth,h.value=i.document.documentElement.clientHeight))};return d(),wl(d),Gt("resize",d,{passive:!0}),a&&Gt("orientationchange",d,{passive:!0}),{width:u,height:h}}function Jr(g=!1,i=5,r){const{x:s,y:a}=xl(),{logWarning:c}=zt.useLogger(),{width:u,height:h}=Sl(),d=A.computed(()=>(s.value/u.value-.5)*i),_=A.computed(()=>-(a.value/h.value-.5)*i);if(r){const{x:y,y:w}=r.position;A.watchEffect(()=>{g||r&&(r.position.x=y+d.value,r.position.y=w+_.value)})}else c("Scene must contain a Camera component to use this composable")}const Ll=A.defineComponent({name:"PamCameraMouse",props:["disabled","factor"],setup(g){const{state:i}=Rt();return A.watchEffect(()=>{if(i!=null&&i.camera){const r=i==null?void 0:i.camera;Jr(g.disabled,g.factor,r)}}),()=>{}}});var xi={},Al={get exports(){return xi},set exports(g){xi=g}};/*! Tweakpane 3.1.7 (c) 2016 cocopon, licensed under the MIT license. */(function(g,i){(function(r,s){s(i)})(Gr,function(r){class s{constructor(e){const[t,l]=e.split("-"),b=t.split(".");this.major=parseInt(b[0],10),this.minor=parseInt(b[1],10),this.patch=parseInt(b[2],10),this.prerelease=l??null}toString(){const e=[this.major,this.minor,this.patch].join(".");return this.prerelease!==null?[e,this.prerelease].join("-"):e}}class a{constructor(e){this.controller_=e}get element(){return this.controller_.view.element}get disabled(){return this.controller_.viewProps.get("disabled")}set disabled(e){this.controller_.viewProps.set("disabled",e)}get hidden(){return this.controller_.viewProps.get("hidden")}set hidden(e){this.controller_.viewProps.set("hidden",e)}dispose(){this.controller_.viewProps.set("disposed",!0)}}class c{constructor(e){this.target=e}}class u extends c{constructor(e,t,l,b){super(e),this.value=t,this.presetKey=l,this.last=b??!0}}class h extends c{constructor(e,t,l){super(e),this.value=t,this.presetKey=l}}class d extends c{constructor(e,t){super(e),this.expanded=t}}class _ extends c{constructor(e,t){super(e),this.index=t}}function y(n){return n}function w(n){return n==null}function x(n,e){if(n.length!==e.length)return!1;for(let t=0;t<n.length;t++)if(n[t]!==e[t])return!1;return!0}function M(n,e){let t=n;do{const l=Object.getOwnPropertyDescriptor(t,e);if(l&&(l.set!==void 0||l.writable===!0))return!0;t=Object.getPrototypeOf(t)}while(t!==null);return!1}const O={alreadydisposed:()=>"View has been already disposed",invalidparams:n=>`Invalid parameters for '${n.name}'`,nomatchingcontroller:n=>`No matching controller for '${n.key}'`,nomatchingview:n=>`No matching view for '${JSON.stringify(n.params)}'`,notbindable:()=>"Value is not bindable",propertynotfound:n=>`Property '${n.name}' not found`,shouldneverhappen:()=>"This error should never happen"};class I{static alreadyDisposed(){return new I({type:"alreadydisposed"})}static notBindable(){return new I({type:"notbindable"})}static propertyNotFound(e){return new I({type:"propertynotfound",context:{name:e}})}static shouldNeverHappen(){return new I({type:"shouldneverhappen"})}constructor(e){var t;this.message=(t=O[e.type](e.context))!==null&&t!==void 0?t:"Unexpected error",this.name=this.constructor.name,this.stack=new Error(this.message).stack,this.type=e.type}}class E{constructor(e,t,l){this.obj_=e,this.key_=t,this.presetKey_=l??t}static isBindable(e){return!(e===null||typeof e!="object")}get key(){return this.key_}get presetKey(){return this.presetKey_}read(){return this.obj_[this.key_]}write(e){this.obj_[this.key_]=e}writeProperty(e,t){const l=this.read();if(!E.isBindable(l))throw I.notBindable();if(!(e in l))throw I.propertyNotFound(e);l[e]=t}}class R extends a{get label(){return this.controller_.props.get("label")}set label(e){this.controller_.props.set("label",e)}get title(){var e;return(e=this.controller_.valueController.props.get("title"))!==null&&e!==void 0?e:""}set title(e){this.controller_.valueController.props.set("title",e)}on(e,t){const l=t.bind(this);return this.controller_.valueController.emitter.on(e,()=>{l(new c(this))}),this}}class z{constructor(){this.observers_={}}on(e,t){let l=this.observers_[e];return l||(l=this.observers_[e]=[]),l.push({handler:t}),this}off(e,t){const l=this.observers_[e];return l&&(this.observers_[e]=l.filter(b=>b.handler!==t)),this}emit(e,t){const l=this.observers_[e];l&&l.forEach(b=>{b.handler(t)})}}const B="tp";function N(n){return(t,l)=>[B,"-",n,"v",t?`_${t}`:"",l?`-${l}`:""].join("")}function Q(n,e){return t=>e(n(t))}function $(n){return n.rawValue}function j(n,e){n.emitter.on("change",Q($,e)),e(n.rawValue)}function F(n,e,t){j(n.value(e),t)}function X(n,e,t){t?n.classList.add(e):n.classList.remove(e)}function Y(n,e){return t=>{X(n,e,t)}}function Z(n,e){j(n,t=>{e.textContent=t??""})}const ue=N("btn");class ge{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(ue()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("button");l.classList.add(ue("b")),t.viewProps.bindDisabled(l),this.element.appendChild(l),this.buttonElement=l;const b=e.createElement("div");b.classList.add(ue("t")),Z(t.props.value("title"),b),this.buttonElement.appendChild(b)}}class pe{constructor(e,t){this.emitter=new z,this.onClick_=this.onClick_.bind(this),this.props=t.props,this.viewProps=t.viewProps,this.view=new ge(e,{props:this.props,viewProps:this.viewProps}),this.view.buttonElement.addEventListener("click",this.onClick_)}onClick_(){this.emitter.emit("click",{sender:this})}}class me{constructor(e,t){var l;this.constraint_=t==null?void 0:t.constraint,this.equals_=(l=t==null?void 0:t.equals)!==null&&l!==void 0?l:(b,P)=>b===P,this.emitter=new z,this.rawValue_=e}get constraint(){return this.constraint_}get rawValue(){return this.rawValue_}set rawValue(e){this.setRawValue(e,{forceEmit:!1,last:!0})}setRawValue(e,t){const l=t??{forceEmit:!1,last:!0},b=this.constraint_?this.constraint_.constrain(e):e,P=this.rawValue_;this.equals_(P,b)&&!l.forceEmit||(this.emitter.emit("beforechange",{sender:this}),this.rawValue_=b,this.emitter.emit("change",{options:l,previousRawValue:P,rawValue:b,sender:this}))}}class he{constructor(e){this.emitter=new z,this.value_=e}get rawValue(){return this.value_}set rawValue(e){this.setRawValue(e,{forceEmit:!1,last:!0})}setRawValue(e,t){const l=t??{forceEmit:!1,last:!0},b=this.value_;b===e&&!l.forceEmit||(this.emitter.emit("beforechange",{sender:this}),this.value_=e,this.emitter.emit("change",{options:l,previousRawValue:b,rawValue:this.value_,sender:this}))}}function ee(n,e){const t=e==null?void 0:e.constraint,l=e==null?void 0:e.equals;return!t&&!l?new he(n):new me(n,e)}class q{constructor(e){this.emitter=new z,this.valMap_=e;for(const t in this.valMap_)this.valMap_[t].emitter.on("change",()=>{this.emitter.emit("change",{key:t,sender:this})})}static createCore(e){return Object.keys(e).reduce((l,b)=>Object.assign(l,{[b]:ee(e[b])}),{})}static fromObject(e){const t=this.createCore(e);return new q(t)}get(e){return this.valMap_[e].rawValue}set(e,t){this.valMap_[e].rawValue=t}value(e){return this.valMap_[e]}}function Ce(n,e){const l=Object.keys(e).reduce((b,P)=>{if(b===void 0)return;const L=e[P],U=L(n[P]);return U.succeeded?Object.assign(Object.assign({},b),{[P]:U.value}):void 0},{});return l}function fe(n,e){return n.reduce((t,l)=>{if(t===void 0)return;const b=e(l);if(!(!b.succeeded||b.value===void 0))return[...t,b.value]},[])}function le(n){return n===null?!1:typeof n=="object"}function ne(n){return e=>t=>{if(!e&&t===void 0)return{succeeded:!1,value:void 0};if(e&&t===void 0)return{succeeded:!0,value:void 0};const l=n(t);return l!==void 0?{succeeded:!0,value:l}:{succeeded:!1,value:void 0}}}function be(n){return{custom:e=>ne(e)(n),boolean:ne(e=>typeof e=="boolean"?e:void 0)(n),number:ne(e=>typeof e=="number"?e:void 0)(n),string:ne(e=>typeof e=="string"?e:void 0)(n),function:ne(e=>typeof e=="function"?e:void 0)(n),constant:e=>ne(t=>t===e?e:void 0)(n),raw:ne(e=>e)(n),object:e=>ne(t=>{if(le(t))return Ce(t,e)})(n),array:e=>ne(t=>{if(Array.isArray(t))return fe(t,e)})(n)}}const V={optional:be(!0),required:be(!1)};function ce(n,e){const t=V.required.object(e)(n);return t.succeeded?t.value:void 0}function Ae(n){console.warn([`Missing '${n.key}' of ${n.target} in ${n.place}.`,"Please rebuild plugins with the latest core package."].join(" "))}function De(n){return n&&n.parentElement&&n.parentElement.removeChild(n),null}class we{constructor(e){this.value_=e}static create(e){return[new we(e),(t,l)=>{e.setRawValue(t,l)}]}get emitter(){return this.value_.emitter}get rawValue(){return this.value_.rawValue}}const qe=N("");function fn(n,e){return Y(n,qe(void 0,e))}class ze extends q{constructor(e){var t;super(e),this.onDisabledChange_=this.onDisabledChange_.bind(this),this.onParentChange_=this.onParentChange_.bind(this),this.onParentGlobalDisabledChange_=this.onParentGlobalDisabledChange_.bind(this),[this.globalDisabled_,this.setGlobalDisabled_]=we.create(ee(this.getGlobalDisabled_())),this.value("disabled").emitter.on("change",this.onDisabledChange_),this.value("parent").emitter.on("change",this.onParentChange_),(t=this.get("parent"))===null||t===void 0||t.globalDisabled.emitter.on("change",this.onParentGlobalDisabledChange_)}static create(e){var t,l,b;const P=e??{};return new ze(q.createCore({disabled:(t=P.disabled)!==null&&t!==void 0?t:!1,disposed:!1,hidden:(l=P.hidden)!==null&&l!==void 0?l:!1,parent:(b=P.parent)!==null&&b!==void 0?b:null}))}get globalDisabled(){return this.globalDisabled_}bindClassModifiers(e){j(this.globalDisabled_,fn(e,"disabled")),F(this,"hidden",fn(e,"hidden"))}bindDisabled(e){j(this.globalDisabled_,t=>{e.disabled=t})}bindTabIndex(e){j(this.globalDisabled_,t=>{e.tabIndex=t?-1:0})}handleDispose(e){this.value("disposed").emitter.on("change",t=>{t&&e()})}getGlobalDisabled_(){const e=this.get("parent");return(e?e.globalDisabled.rawValue:!1)||this.get("disabled")}updateGlobalDisabled_(){this.setGlobalDisabled_(this.getGlobalDisabled_())}onDisabledChange_(){this.updateGlobalDisabled_()}onParentGlobalDisabledChange_(){this.updateGlobalDisabled_()}onParentChange_(e){var t;const l=e.previousRawValue;l==null||l.globalDisabled.emitter.off("change",this.onParentGlobalDisabledChange_),(t=this.get("parent"))===null||t===void 0||t.globalDisabled.emitter.on("change",this.onParentGlobalDisabledChange_),this.updateGlobalDisabled_()}}function vn(){return["veryfirst","first","last","verylast"]}const $t=N(""),nt={veryfirst:"vfst",first:"fst",last:"lst",verylast:"vlst"};class dt{constructor(e){this.parent_=null,this.blade=e.blade,this.view=e.view,this.viewProps=e.viewProps;const t=this.view.element;this.blade.value("positions").emitter.on("change",()=>{vn().forEach(l=>{t.classList.remove($t(void 0,nt[l]))}),this.blade.get("positions").forEach(l=>{t.classList.add($t(void 0,nt[l]))})}),this.viewProps.handleDispose(()=>{De(t)})}get parent(){return this.parent_}set parent(e){if(this.parent_=e,!("parent"in this.viewProps.valMap_)){Ae({key:"parent",target:ze.name,place:"BladeController.parent"});return}this.viewProps.set("parent",this.parent_?this.parent_.viewProps:null)}}const Ee="http://www.w3.org/2000/svg";function Qe(n){n.offsetHeight}function Xt(n,e){const t=n.style.transition;n.style.transition="none",e(),n.style.transition=t}function it(n){return n.ontouchstart!==void 0}function bn(){return globalThis}function Kn(){return bn().document}function gn(n){const e=n.ownerDocument.defaultView;return e&&"document"in e?n.getContext("2d",{willReadFrequently:!0}):null}const _n={check:'<path d="M2 8l4 4l8 -8"/>',dropdown:'<path d="M5 7h6l-3 3 z"/>',p2dpad:'<path d="M8 4v8"/><path d="M4 8h8"/><circle cx="12" cy="12" r="1.2"/>'};function at(n,e){const t=n.createElementNS(Ee,"svg");return t.innerHTML=_n[e],t}function mt(n,e,t){n.insertBefore(e,n.children[t])}function wn(n){n.parentElement&&n.parentElement.removeChild(n)}function Yt(n){for(;n.children.length>0;)n.removeChild(n.children[0])}function yn(n){for(;n.childNodes.length>0;)n.removeChild(n.childNodes[0])}function lt(n){return n.relatedTarget?n.relatedTarget:"explicitOriginalTarget"in n?n.explicitOriginalTarget:null}const st=N("lbl");function ft(n,e){const t=n.createDocumentFragment();return e.split(`
+`);this.workerSourceURL=URL.createObjectURL(new Blob([u]))}),this.decoderPending}_getWorker(i,r){return this._initDecoder().then(()=>{if(this.workerPool.length<this.workerLimit){const a=new Worker(this.workerSourceURL);a._callbacks={},a._taskCosts={},a._taskLoad=0,a.postMessage({type:"init",decoderConfig:this.decoderConfig}),a.onmessage=function(c){const u=c.data;switch(u.type){case"decode":a._callbacks[u.id].resolve(u);break;case"error":a._callbacks[u.id].reject(u);break;default:console.error('THREE.DRACOLoader: Unexpected message, "'+u.type+'"')}},this.workerPool.push(a)}else this.workerPool.sort(function(a,c){return a._taskLoad>c._taskLoad?-1:1});const s=this.workerPool[this.workerPool.length-1];return s._taskCosts[i]=r,s._taskLoad+=r,s})}_releaseTask(i,r){i._taskLoad-=i._taskCosts[r],delete i._callbacks[r],delete i._taskCosts[r]}debug(){console.log("Task load: ",this.workerPool.map(i=>i._taskLoad))}dispose(){for(let i=0;i<this.workerPool.length;++i)this.workerPool[i].terminate();return this.workerPool.length=0,this}}function pl(){let g,i;onmessage=function(u){const h=u.data;switch(h.type){case"init":g=h.decoderConfig,i=new Promise(function(y){g.onModuleLoaded=function(w){y({draco:w})},DracoDecoderModule(g)});break;case"decode":const d=h.buffer,_=h.taskConfig;i.then(y=>{const w=y.draco,x=new w.Decoder,M=new w.DecoderBuffer;M.Init(new Int8Array(d),d.byteLength);try{const O=r(w,x,M,_),I=O.attributes.map(E=>E.array.buffer);O.index&&I.push(O.index.array.buffer),self.postMessage({type:"decode",id:h.id,geometry:O},I)}catch(O){console.error(O),self.postMessage({type:"error",id:h.id,error:O.message})}finally{w.destroy(M),w.destroy(x)}});break}};function r(u,h,d,_){const y=_.attributeIDs,w=_.attributeTypes;let x,M;const O=h.GetEncodedGeometryType(d);if(O===u.TRIANGULAR_MESH)x=new u.Mesh,M=h.DecodeBufferToMesh(d,x);else if(O===u.POINT_CLOUD)x=new u.PointCloud,M=h.DecodeBufferToPointCloud(d,x);else throw new Error("THREE.DRACOLoader: Unexpected geometry type.");if(!M.ok()||x.ptr===0)throw new Error("THREE.DRACOLoader: Decoding failed: "+M.error_msg());const I={index:null,attributes:[]};for(const E in y){const R=self[w[E]];let z,B;if(_.useUniqueIDs)B=y[E],z=h.GetAttributeByUniqueId(x,B);else{if(B=h.GetAttributeId(x,u[y[E]]),B===-1)continue;z=h.GetAttribute(x,B)}I.attributes.push(a(u,h,x,E,R,z))}return O===u.TRIANGULAR_MESH&&(I.index=s(u,h,x)),u.destroy(x),I}function s(u,h,d){const y=d.num_faces()*3,w=y*4,x=u._malloc(w);h.GetTrianglesUInt32Array(d,w,x);const M=new Uint32Array(u.HEAPF32.buffer,x,y).slice();return u._free(x),{array:M,itemSize:1}}function a(u,h,d,_,y,w){const x=w.num_components(),O=d.num_points()*x,I=O*y.BYTES_PER_ELEMENT,E=c(u,y),R=u._malloc(I);h.GetAttributeDataArrayForAllPoints(d,w,E,I,R);const z=new y(u.HEAPF32.buffer,R,O).slice();return u._free(R),{name:_,array:z,itemSize:x}}function c(u,h){switch(h){case Float32Array:return u.DT_FLOAT32;case Int8Array:return u.DT_INT8;case Int16Array:return u.DT_INT16;case Int32Array:return u.DT_INT32;case Uint8Array:return u.DT_UINT8;case Uint16Array:return u.DT_UINT16;case Uint32Array:return u.DT_UINT32}}}function Rt(){const{state:g,setState:i}=A.inject("useTres",zt.useTres()),r=A.inject("extend")||(()=>{});return{state:g,setState:i,extend:r}}const ul=["args"],hl=A.defineComponent({__name:"OrbitControls",props:{makeDefault:{type:Boolean,default:!1},camera:null,domElement:null,target:null,enableDamping:{type:Boolean}},setup(g){const i=g,{state:r,setState:s,extend:a}=Rt(),c=A.ref(null);return a({OrbitControls:aa}),A.watch(c,u=>{u&&i.makeDefault?s("controls",u):s("controls",null)}),(u,h)=>{var d;return A.unref(r).camera&&A.unref(r).renderer?(A.openBlock(),A.createElementBlock("TresOrbitControls",{key:0,ref_key:"controls",ref:c,args:[A.unref(r).camera||g.camera,((d=A.unref(r).renderer)==null?void 0:d.domElement)||g.domElement]},null,8,ul)):A.createCommentVNode("",!0)}}});function dl(g,i){const r={};for(const s of i)Object.prototype.hasOwnProperty.call(g,s)&&(r[s]=g[s]);return r}function ml(g,i){const r=`set${i[0].toUpperCase()}${i.slice(1)}`;return g[r]!==void 0}const fl=A.defineComponent({__name:"TransformControls",props:{object:null,mode:null,enabled:{type:Boolean,default:!0},axis:null,translationSnap:null,rotationSnap:null,scaleSnap:null,space:null,size:null,showX:{type:Boolean},showY:{type:Boolean},showZ:{type:Boolean}},emits:["dragging","change","mouseDown","mouseUp","objectChange"],setup(g,{emit:i}){const r=g;let s=A.shallowRef();const{state:a}=Rt(),c=A.computed(()=>dl(r,["enabled","axis","mode","translationSnap","rotationSnap","scaleSnap","space","size","showX","showY","showZ"])),u=()=>i("change",s.value),h=()=>i("mouseDown",s.value),d=()=>i("mouseUp",s.value),_=()=>i("objectChange",s.value),y=x=>{a.controls&&(a.controls.enabled=!x.value),i("dragging",x.value)};function w(x){x.addEventListener("dragging-changed",y),x.addEventListener("change",u),x.addEventListener("mouseDown",h),x.addEventListener("mouseUp",d),x.addEventListener("objectChange",_)}return A.watchEffect(()=>{a.camera&&a.renderer&&a.scene&&r.object&&(s.value=new sa(a.camera,a.renderer.domElement),s.value.attach(r.object),a.scene.add(s.value),w(s.value))}),A.watch([c,s],([x,M])=>{if(x&&M)for(const O in x)if(!ml(M,O))M[O]=x[O];else{const I=`set${O[0].toUpperCase()}${O.slice(1)}`;typeof M[I]=="function"&&x[O]!==void 0&&M[I](x[O])}},{immediate:!0}),A.onUnmounted(()=>{s.value&&(s.value.removeEventListener("dragging-changed",y),s.value.removeEventListener("change",u),s.value.removeEventListener("mouseDown",h),s.value.removeEventListener("mouseUp",d),s.value.removeEventListener("objectChange",_))}),(x,M)=>A.renderSlot(x.$slots,"default")}});var Kr;const $r=typeof window<"u",vl=g=>typeof g=="string",bl=()=>{};$r&&((Kr=window==null?void 0:window.navigator)!=null&&Kr.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function Xr(g){return typeof g=="function"?g():A.unref(g)}function gl(g){return g}function _l(g){return A.getCurrentScope()?(A.onScopeDispose(g),!0):!1}function wl(g,i=!0){A.getCurrentInstance()?A.onMounted(g):i?g():A.nextTick(g)}function yl(g){var i;const r=Xr(g);return(i=r==null?void 0:r.$el)!=null?i:r}const ds=$r?window:void 0;function Gt(...g){let i,r,s,a;if(vl(g[0])||Array.isArray(g[0])?([r,s,a]=g,i=ds):[i,r,s,a]=g,!i)return bl;Array.isArray(r)||(r=[r]),Array.isArray(s)||(s=[s]);const c=[],u=()=>{c.forEach(y=>y()),c.length=0},h=(y,w,x,M)=>(y.addEventListener(w,x,M),()=>y.removeEventListener(w,x,M)),d=A.watch(()=>[yl(i),Xr(a)],([y,w])=>{u(),y&&c.push(...r.flatMap(x=>s.map(M=>h(y,x,M,w))))},{immediate:!0,flush:"post"}),_=()=>{d(),u()};return _l(_),_}const Yr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},qr="__vueuse_ssr_handlers__";Yr[qr]=Yr[qr]||{};function xl(g={}){const{type:i="page",touch:r=!0,resetOnTouchEnds:s=!1,initialValue:a={x:0,y:0},window:c=ds,eventFilter:u}=g,h=A.ref(a.x),d=A.ref(a.y),_=A.ref(null),y=I=>{i==="page"?(h.value=I.pageX,d.value=I.pageY):i==="client"?(h.value=I.clientX,d.value=I.clientY):i==="movement"&&(h.value=I.movementX,d.value=I.movementY),_.value="mouse"},w=()=>{h.value=a.x,d.value=a.y},x=I=>{if(I.touches.length>0){const E=I.touches[0];i==="page"?(h.value=E.pageX,d.value=E.pageY):i==="client"&&(h.value=E.clientX,d.value=E.clientY),_.value="touch"}},M=I=>u===void 0?y(I):u(()=>y(I),{}),O=I=>u===void 0?x(I):u(()=>x(I),{});return c&&(Gt(c,"mousemove",M,{passive:!0}),Gt(c,"dragover",M,{passive:!0}),r&&i!=="movement"&&(Gt(c,"touchstart",O,{passive:!0}),Gt(c,"touchmove",O,{passive:!0}),s&&Gt(c,"touchend",w,{passive:!0}))),{x:h,y:d,sourceType:_}}var Qr;(function(g){g.UP="UP",g.RIGHT="RIGHT",g.DOWN="DOWN",g.LEFT="LEFT",g.NONE="NONE"})(Qr||(Qr={}));var Cl=Object.defineProperty,Zr=Object.getOwnPropertySymbols,Pl=Object.prototype.hasOwnProperty,Ml=Object.prototype.propertyIsEnumerable,Wr=(g,i,r)=>i in g?Cl(g,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):g[i]=r,kl=(g,i)=>{for(var r in i||(i={}))Pl.call(i,r)&&Wr(g,r,i[r]);if(Zr)for(var r of Zr(i))Ml.call(i,r)&&Wr(g,r,i[r]);return g};kl({linear:gl},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function Sl(g={}){const{window:i=ds,initialWidth:r=1/0,initialHeight:s=1/0,listenOrientation:a=!0,includeScrollbar:c=!0}=g,u=A.ref(r),h=A.ref(s),d=()=>{i&&(c?(u.value=i.innerWidth,h.value=i.innerHeight):(u.value=i.document.documentElement.clientWidth,h.value=i.document.documentElement.clientHeight))};return d(),wl(d),Gt("resize",d,{passive:!0}),a&&Gt("orientationchange",d,{passive:!0}),{width:u,height:h}}function Jr(g=!1,i=5,r){const{x:s,y:a}=xl(),{logWarning:c}=zt.useLogger(),{width:u,height:h}=Sl(),d=A.computed(()=>(s.value/u.value-.5)*i),_=A.computed(()=>-(a.value/h.value-.5)*i);if(r){const{x:y,y:w}=r.position;A.watchEffect(()=>{g||r&&(r.position.x=y+d.value,r.position.y=w+_.value)})}else c("Scene must contain a Camera component to use this composable")}const Ll=A.defineComponent({name:"PamCameraMouse",props:["disabled","factor"],setup(g){const{state:i}=Rt();return A.watchEffect(()=>{if(i!=null&&i.camera){const r=i==null?void 0:i.camera;Jr(g.disabled,g.factor,r)}}),()=>{}}});var xi={},Al={get exports(){return xi},set exports(g){xi=g}};/*! Tweakpane 3.1.7 (c) 2016 cocopon, licensed under the MIT license. */(function(g,i){(function(r,s){s(i)})(Gr,function(r){class s{constructor(e){const[t,l]=e.split("-"),b=t.split(".");this.major=parseInt(b[0],10),this.minor=parseInt(b[1],10),this.patch=parseInt(b[2],10),this.prerelease=l??null}toString(){const e=[this.major,this.minor,this.patch].join(".");return this.prerelease!==null?[e,this.prerelease].join("-"):e}}class a{constructor(e){this.controller_=e}get element(){return this.controller_.view.element}get disabled(){return this.controller_.viewProps.get("disabled")}set disabled(e){this.controller_.viewProps.set("disabled",e)}get hidden(){return this.controller_.viewProps.get("hidden")}set hidden(e){this.controller_.viewProps.set("hidden",e)}dispose(){this.controller_.viewProps.set("disposed",!0)}}class c{constructor(e){this.target=e}}class u extends c{constructor(e,t,l,b){super(e),this.value=t,this.presetKey=l,this.last=b??!0}}class h extends c{constructor(e,t,l){super(e),this.value=t,this.presetKey=l}}class d extends c{constructor(e,t){super(e),this.expanded=t}}class _ extends c{constructor(e,t){super(e),this.index=t}}function y(n){return n}function w(n){return n==null}function x(n,e){if(n.length!==e.length)return!1;for(let t=0;t<n.length;t++)if(n[t]!==e[t])return!1;return!0}function M(n,e){let t=n;do{const l=Object.getOwnPropertyDescriptor(t,e);if(l&&(l.set!==void 0||l.writable===!0))return!0;t=Object.getPrototypeOf(t)}while(t!==null);return!1}const O={alreadydisposed:()=>"View has been already disposed",invalidparams:n=>`Invalid parameters for '${n.name}'`,nomatchingcontroller:n=>`No matching controller for '${n.key}'`,nomatchingview:n=>`No matching view for '${JSON.stringify(n.params)}'`,notbindable:()=>"Value is not bindable",propertynotfound:n=>`Property '${n.name}' not found`,shouldneverhappen:()=>"This error should never happen"};class I{static alreadyDisposed(){return new I({type:"alreadydisposed"})}static notBindable(){return new I({type:"notbindable"})}static propertyNotFound(e){return new I({type:"propertynotfound",context:{name:e}})}static shouldNeverHappen(){return new I({type:"shouldneverhappen"})}constructor(e){var t;this.message=(t=O[e.type](e.context))!==null&&t!==void 0?t:"Unexpected error",this.name=this.constructor.name,this.stack=new Error(this.message).stack,this.type=e.type}}class E{constructor(e,t,l){this.obj_=e,this.key_=t,this.presetKey_=l??t}static isBindable(e){return!(e===null||typeof e!="object")}get key(){return this.key_}get presetKey(){return this.presetKey_}read(){return this.obj_[this.key_]}write(e){this.obj_[this.key_]=e}writeProperty(e,t){const l=this.read();if(!E.isBindable(l))throw I.notBindable();if(!(e in l))throw I.propertyNotFound(e);l[e]=t}}class R extends a{get label(){return this.controller_.props.get("label")}set label(e){this.controller_.props.set("label",e)}get title(){var e;return(e=this.controller_.valueController.props.get("title"))!==null&&e!==void 0?e:""}set title(e){this.controller_.valueController.props.set("title",e)}on(e,t){const l=t.bind(this);return this.controller_.valueController.emitter.on(e,()=>{l(new c(this))}),this}}class z{constructor(){this.observers_={}}on(e,t){let l=this.observers_[e];return l||(l=this.observers_[e]=[]),l.push({handler:t}),this}off(e,t){const l=this.observers_[e];return l&&(this.observers_[e]=l.filter(b=>b.handler!==t)),this}emit(e,t){const l=this.observers_[e];l&&l.forEach(b=>{b.handler(t)})}}const B="tp";function N(n){return(t,l)=>[B,"-",n,"v",t?`_${t}`:"",l?`-${l}`:""].join("")}function Q(n,e){return t=>e(n(t))}function $(n){return n.rawValue}function j(n,e){n.emitter.on("change",Q($,e)),e(n.rawValue)}function F(n,e,t){j(n.value(e),t)}function X(n,e,t){t?n.classList.add(e):n.classList.remove(e)}function Y(n,e){return t=>{X(n,e,t)}}function Z(n,e){j(n,t=>{e.textContent=t??""})}const ue=N("btn");class ge{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(ue()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("button");l.classList.add(ue("b")),t.viewProps.bindDisabled(l),this.element.appendChild(l),this.buttonElement=l;const b=e.createElement("div");b.classList.add(ue("t")),Z(t.props.value("title"),b),this.buttonElement.appendChild(b)}}class pe{constructor(e,t){this.emitter=new z,this.onClick_=this.onClick_.bind(this),this.props=t.props,this.viewProps=t.viewProps,this.view=new ge(e,{props:this.props,viewProps:this.viewProps}),this.view.buttonElement.addEventListener("click",this.onClick_)}onClick_(){this.emitter.emit("click",{sender:this})}}class me{constructor(e,t){var l;this.constraint_=t==null?void 0:t.constraint,this.equals_=(l=t==null?void 0:t.equals)!==null&&l!==void 0?l:(b,P)=>b===P,this.emitter=new z,this.rawValue_=e}get constraint(){return this.constraint_}get rawValue(){return this.rawValue_}set rawValue(e){this.setRawValue(e,{forceEmit:!1,last:!0})}setRawValue(e,t){const l=t??{forceEmit:!1,last:!0},b=this.constraint_?this.constraint_.constrain(e):e,P=this.rawValue_;this.equals_(P,b)&&!l.forceEmit||(this.emitter.emit("beforechange",{sender:this}),this.rawValue_=b,this.emitter.emit("change",{options:l,previousRawValue:P,rawValue:b,sender:this}))}}class he{constructor(e){this.emitter=new z,this.value_=e}get rawValue(){return this.value_}set rawValue(e){this.setRawValue(e,{forceEmit:!1,last:!0})}setRawValue(e,t){const l=t??{forceEmit:!1,last:!0},b=this.value_;b===e&&!l.forceEmit||(this.emitter.emit("beforechange",{sender:this}),this.value_=e,this.emitter.emit("change",{options:l,previousRawValue:b,rawValue:this.value_,sender:this}))}}function ee(n,e){const t=e==null?void 0:e.constraint,l=e==null?void 0:e.equals;return!t&&!l?new he(n):new me(n,e)}class q{constructor(e){this.emitter=new z,this.valMap_=e;for(const t in this.valMap_)this.valMap_[t].emitter.on("change",()=>{this.emitter.emit("change",{key:t,sender:this})})}static createCore(e){return Object.keys(e).reduce((l,b)=>Object.assign(l,{[b]:ee(e[b])}),{})}static fromObject(e){const t=this.createCore(e);return new q(t)}get(e){return this.valMap_[e].rawValue}set(e,t){this.valMap_[e].rawValue=t}value(e){return this.valMap_[e]}}function Ce(n,e){const l=Object.keys(e).reduce((b,P)=>{if(b===void 0)return;const L=e[P],U=L(n[P]);return U.succeeded?Object.assign(Object.assign({},b),{[P]:U.value}):void 0},{});return l}function fe(n,e){return n.reduce((t,l)=>{if(t===void 0)return;const b=e(l);if(!(!b.succeeded||b.value===void 0))return[...t,b.value]},[])}function le(n){return n===null?!1:typeof n=="object"}function ne(n){return e=>t=>{if(!e&&t===void 0)return{succeeded:!1,value:void 0};if(e&&t===void 0)return{succeeded:!0,value:void 0};const l=n(t);return l!==void 0?{succeeded:!0,value:l}:{succeeded:!1,value:void 0}}}function be(n){return{custom:e=>ne(e)(n),boolean:ne(e=>typeof e=="boolean"?e:void 0)(n),number:ne(e=>typeof e=="number"?e:void 0)(n),string:ne(e=>typeof e=="string"?e:void 0)(n),function:ne(e=>typeof e=="function"?e:void 0)(n),constant:e=>ne(t=>t===e?e:void 0)(n),raw:ne(e=>e)(n),object:e=>ne(t=>{if(le(t))return Ce(t,e)})(n),array:e=>ne(t=>{if(Array.isArray(t))return fe(t,e)})(n)}}const V={optional:be(!0),required:be(!1)};function ce(n,e){const t=V.required.object(e)(n);return t.succeeded?t.value:void 0}function Ae(n){console.warn([`Missing '${n.key}' of ${n.target} in ${n.place}.`,"Please rebuild plugins with the latest core package."].join(" "))}function De(n){return n&&n.parentElement&&n.parentElement.removeChild(n),null}class we{constructor(e){this.value_=e}static create(e){return[new we(e),(t,l)=>{e.setRawValue(t,l)}]}get emitter(){return this.value_.emitter}get rawValue(){return this.value_.rawValue}}const qe=N("");function fn(n,e){return Y(n,qe(void 0,e))}class ze extends q{constructor(e){var t;super(e),this.onDisabledChange_=this.onDisabledChange_.bind(this),this.onParentChange_=this.onParentChange_.bind(this),this.onParentGlobalDisabledChange_=this.onParentGlobalDisabledChange_.bind(this),[this.globalDisabled_,this.setGlobalDisabled_]=we.create(ee(this.getGlobalDisabled_())),this.value("disabled").emitter.on("change",this.onDisabledChange_),this.value("parent").emitter.on("change",this.onParentChange_),(t=this.get("parent"))===null||t===void 0||t.globalDisabled.emitter.on("change",this.onParentGlobalDisabledChange_)}static create(e){var t,l,b;const P=e??{};return new ze(q.createCore({disabled:(t=P.disabled)!==null&&t!==void 0?t:!1,disposed:!1,hidden:(l=P.hidden)!==null&&l!==void 0?l:!1,parent:(b=P.parent)!==null&&b!==void 0?b:null}))}get globalDisabled(){return this.globalDisabled_}bindClassModifiers(e){j(this.globalDisabled_,fn(e,"disabled")),F(this,"hidden",fn(e,"hidden"))}bindDisabled(e){j(this.globalDisabled_,t=>{e.disabled=t})}bindTabIndex(e){j(this.globalDisabled_,t=>{e.tabIndex=t?-1:0})}handleDispose(e){this.value("disposed").emitter.on("change",t=>{t&&e()})}getGlobalDisabled_(){const e=this.get("parent");return(e?e.globalDisabled.rawValue:!1)||this.get("disabled")}updateGlobalDisabled_(){this.setGlobalDisabled_(this.getGlobalDisabled_())}onDisabledChange_(){this.updateGlobalDisabled_()}onParentGlobalDisabledChange_(){this.updateGlobalDisabled_()}onParentChange_(e){var t;const l=e.previousRawValue;l==null||l.globalDisabled.emitter.off("change",this.onParentGlobalDisabledChange_),(t=this.get("parent"))===null||t===void 0||t.globalDisabled.emitter.on("change",this.onParentGlobalDisabledChange_),this.updateGlobalDisabled_()}}function vn(){return["veryfirst","first","last","verylast"]}const $t=N(""),nt={veryfirst:"vfst",first:"fst",last:"lst",verylast:"vlst"};class dt{constructor(e){this.parent_=null,this.blade=e.blade,this.view=e.view,this.viewProps=e.viewProps;const t=this.view.element;this.blade.value("positions").emitter.on("change",()=>{vn().forEach(l=>{t.classList.remove($t(void 0,nt[l]))}),this.blade.get("positions").forEach(l=>{t.classList.add($t(void 0,nt[l]))})}),this.viewProps.handleDispose(()=>{De(t)})}get parent(){return this.parent_}set parent(e){if(this.parent_=e,!("parent"in this.viewProps.valMap_)){Ae({key:"parent",target:ze.name,place:"BladeController.parent"});return}this.viewProps.set("parent",this.parent_?this.parent_.viewProps:null)}}const Ee="http://www.w3.org/2000/svg";function Qe(n){n.offsetHeight}function Xt(n,e){const t=n.style.transition;n.style.transition="none",e(),n.style.transition=t}function it(n){return n.ontouchstart!==void 0}function bn(){return globalThis}function Kn(){return bn().document}function gn(n){const e=n.ownerDocument.defaultView;return e&&"document"in e?n.getContext("2d",{willReadFrequently:!0}):null}const _n={check:'<path d="M2 8l4 4l8 -8"/>',dropdown:'<path d="M5 7h6l-3 3 z"/>',p2dpad:'<path d="M8 4v8"/><path d="M4 8h8"/><circle cx="12" cy="12" r="1.2"/>'};function at(n,e){const t=n.createElementNS(Ee,"svg");return t.innerHTML=_n[e],t}function mt(n,e,t){n.insertBefore(e,n.children[t])}function wn(n){n.parentElement&&n.parentElement.removeChild(n)}function Yt(n){for(;n.children.length>0;)n.removeChild(n.children[0])}function yn(n){for(;n.childNodes.length>0;)n.removeChild(n.childNodes[0])}function lt(n){return n.relatedTarget?n.relatedTarget:"explicitOriginalTarget"in n?n.explicitOriginalTarget:null}const st=N("lbl");function ft(n,e){const t=n.createDocumentFragment();return e.split(`
 `).map(b=>n.createTextNode(b)).forEach((b,P)=>{P>0&&t.appendChild(n.createElement("br")),t.appendChild(b)}),t}class D{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(st()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("div");l.classList.add(st("l")),F(t.props,"label",P=>{w(P)?this.element.classList.add(st(void 0,"nol")):(this.element.classList.remove(st(void 0,"nol")),yn(l),l.appendChild(ft(e,P)))}),this.element.appendChild(l),this.labelElement=l;const b=e.createElement("div");b.classList.add(st("v")),this.element.appendChild(b),this.valueElement=b}}class K extends dt{constructor(e,t){const l=t.valueController.viewProps;super(Object.assign(Object.assign({},t),{view:new D(e,{props:t.props,viewProps:l}),viewProps:l})),this.props=t.props,this.valueController=t.valueController,this.view.valueElement.appendChild(this.valueController.view.element)}}const J={id:"button",type:"blade",accept(n){const e=V,t=ce(n,{title:e.required.string,view:e.required.constant("button"),label:e.optional.string});return t?{params:t}:null},controller(n){return new K(n.document,{blade:n.blade,props:q.fromObject({label:n.params.label}),valueController:new pe(n.document,{props:q.fromObject({title:n.params.title}),viewProps:n.viewProps})})},api(n){return!(n.controller instanceof K)||!(n.controller.valueController instanceof pe)?null:new R(n.controller)}};class ie extends dt{constructor(e){super(e),this.value=e.value}}function ye(){return new q({positions:ee([],{equals:x})})}class Ve extends q{constructor(e){super(e)}static create(e){const t={completed:!0,expanded:e,expandedHeight:null,shouldFixHeight:!1,temporaryExpanded:null},l=q.createCore(t);return new Ve(l)}get styleExpanded(){var e;return(e=this.get("temporaryExpanded"))!==null&&e!==void 0?e:this.get("expanded")}get styleHeight(){if(!this.styleExpanded)return"0";const e=this.get("expandedHeight");return this.get("shouldFixHeight")&&!w(e)?`${e}px`:"auto"}bindExpandedClass(e,t){const l=()=>{this.styleExpanded?e.classList.add(t):e.classList.remove(t)};F(this,"expanded",l),F(this,"temporaryExpanded",l)}cleanUpTransition(){this.set("shouldFixHeight",!1),this.set("expandedHeight",null),this.set("completed",!0)}}function St(n,e){let t=0;return Xt(e,()=>{n.set("expandedHeight",null),n.set("temporaryExpanded",!0),Qe(e),t=e.clientHeight,n.set("temporaryExpanded",null),Qe(e)}),t}function qt(n,e){e.style.height=n.styleHeight}function Oe(n,e){n.value("expanded").emitter.on("beforechange",()=>{if(n.set("completed",!1),w(n.get("expandedHeight"))){const t=St(n,e);t>0&&n.set("expandedHeight",t)}n.set("shouldFixHeight",!0),Qe(e)}),n.emitter.on("change",()=>{qt(n,e)}),qt(n,e),e.addEventListener("transitionend",t=>{t.propertyName==="height"&&n.cleanUpTransition()})}class Be extends a{constructor(e,t){super(e),this.rackApi_=t}}function fs(n,e){return n.addBlade(Object.assign(Object.assign({},e),{view:"button"}))}function vs(n,e){return n.addBlade(Object.assign(Object.assign({},e),{view:"folder"}))}function bs(n,e){const t=e??{};return n.addBlade(Object.assign(Object.assign({},t),{view:"separator"}))}function $n(n,e){return n.addBlade(Object.assign(Object.assign({},e),{view:"tab"}))}class vt{constructor(e){this.emitter=new z,this.items_=[],this.cache_=new Set,this.onSubListAdd_=this.onSubListAdd_.bind(this),this.onSubListRemove_=this.onSubListRemove_.bind(this),this.extract_=e}get items(){return this.items_}allItems(){return Array.from(this.cache_)}find(e){for(const t of this.allItems())if(e(t))return t;return null}includes(e){return this.cache_.has(e)}add(e,t){if(this.includes(e))throw I.shouldNeverHappen();const l=t!==void 0?t:this.items_.length;this.items_.splice(l,0,e),this.cache_.add(e);const b=this.extract_(e);b&&(b.emitter.on("add",this.onSubListAdd_),b.emitter.on("remove",this.onSubListRemove_),b.allItems().forEach(P=>{this.cache_.add(P)})),this.emitter.emit("add",{index:l,item:e,root:this,target:this})}remove(e){const t=this.items_.indexOf(e);if(t<0)return;this.items_.splice(t,1),this.cache_.delete(e);const l=this.extract_(e);l&&(l.emitter.off("add",this.onSubListAdd_),l.emitter.off("remove",this.onSubListRemove_)),this.emitter.emit("remove",{index:t,item:e,root:this,target:this})}onSubListAdd_(e){this.cache_.add(e.item),this.emitter.emit("add",{index:e.index,item:e.item,root:this,target:e.target})}onSubListRemove_(e){this.cache_.delete(e.item),this.emitter.emit("remove",{index:e.index,item:e.item,root:this,target:e.target})}}class Xn extends a{constructor(e){super(e),this.onBindingChange_=this.onBindingChange_.bind(this),this.emitter_=new z,this.controller_.binding.emitter.on("change",this.onBindingChange_)}get label(){return this.controller_.props.get("label")}set label(e){this.controller_.props.set("label",e)}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}refresh(){this.controller_.binding.read()}onBindingChange_(e){const t=e.sender.target.read();this.emitter_.emit("change",{event:new u(this,t,this.controller_.binding.target.presetKey,e.options.last)})}}class Te extends K{constructor(e,t){super(e,t),this.binding=t.binding}}class Yn extends a{constructor(e){super(e),this.onBindingUpdate_=this.onBindingUpdate_.bind(this),this.emitter_=new z,this.controller_.binding.emitter.on("update",this.onBindingUpdate_)}get label(){return this.controller_.props.get("label")}set label(e){this.controller_.props.set("label",e)}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}refresh(){this.controller_.binding.read()}onBindingUpdate_(e){const t=e.sender.target.read();this.emitter_.emit("update",{event:new h(this,t,this.controller_.binding.target.presetKey)})}}class Ze extends K{constructor(e,t){super(e,t),this.binding=t.binding,this.viewProps.bindDisabled(this.binding.ticker),this.viewProps.handleDispose(()=>{this.binding.dispose()})}}function Mi(n){return n instanceof xn?n.apiSet_:n instanceof Be?n.rackApi_.apiSet_:null}function Qt(n,e){const t=n.find(l=>l.controller_===e);if(!t)throw I.shouldNeverHappen();return t}function ki(n,e,t){if(!E.isBindable(n))throw I.notBindable();return new E(n,e,t)}class xn extends a{constructor(e,t){super(e),this.onRackAdd_=this.onRackAdd_.bind(this),this.onRackRemove_=this.onRackRemove_.bind(this),this.onRackInputChange_=this.onRackInputChange_.bind(this),this.onRackMonitorUpdate_=this.onRackMonitorUpdate_.bind(this),this.emitter_=new z,this.apiSet_=new vt(Mi),this.pool_=t;const l=this.controller_.rack;l.emitter.on("add",this.onRackAdd_),l.emitter.on("remove",this.onRackRemove_),l.emitter.on("inputchange",this.onRackInputChange_),l.emitter.on("monitorupdate",this.onRackMonitorUpdate_),l.children.forEach(b=>{this.setUpApi_(b)})}get children(){return this.controller_.rack.children.map(e=>Qt(this.apiSet_,e))}addInput(e,t,l){const b=l??{},P=this.controller_.view.element.ownerDocument,L=this.pool_.createInput(P,ki(e,t,b.presetKey),b),U=new Xn(L);return this.add(U,b.index)}addMonitor(e,t,l){const b=l??{},P=this.controller_.view.element.ownerDocument,L=this.pool_.createMonitor(P,ki(e,t),b),U=new Yn(L);return this.add(U,b.index)}addFolder(e){return vs(this,e)}addButton(e){return fs(this,e)}addSeparator(e){return bs(this,e)}addTab(e){return $n(this,e)}add(e,t){this.controller_.rack.add(e.controller_,t);const l=this.apiSet_.find(b=>b.controller_===e.controller_);return l&&this.apiSet_.remove(l),this.apiSet_.add(e),e}remove(e){this.controller_.rack.remove(e.controller_)}addBlade(e){const t=this.controller_.view.element.ownerDocument,l=this.pool_.createBlade(t,e),b=this.pool_.createBladeApi(l);return this.add(b,e.index)}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}setUpApi_(e){this.apiSet_.find(l=>l.controller_===e)||this.apiSet_.add(this.pool_.createBladeApi(e))}onRackAdd_(e){this.setUpApi_(e.bladeController)}onRackRemove_(e){if(e.isRoot){const t=Qt(this.apiSet_,e.bladeController);this.apiSet_.remove(t)}}onRackInputChange_(e){const t=e.bladeController;if(t instanceof Te){const l=Qt(this.apiSet_,t),b=t.binding;this.emitter_.emit("change",{event:new u(l,b.target.read(),b.target.presetKey,e.options.last)})}else if(t instanceof ie){const l=Qt(this.apiSet_,t);this.emitter_.emit("change",{event:new u(l,t.value.rawValue,void 0,e.options.last)})}}onRackMonitorUpdate_(e){if(!(e.bladeController instanceof Ze))throw I.shouldNeverHappen();const t=Qt(this.apiSet_,e.bladeController),l=e.bladeController.binding;this.emitter_.emit("update",{event:new h(t,l.target.read(),l.target.presetKey)})}}class qn extends Be{constructor(e,t){super(e,new xn(e.rackController,t)),this.emitter_=new z,this.controller_.foldable.value("expanded").emitter.on("change",l=>{this.emitter_.emit("fold",{event:new d(this,l.sender.rawValue)})}),this.rackApi_.on("change",l=>{this.emitter_.emit("change",{event:l})}),this.rackApi_.on("update",l=>{this.emitter_.emit("update",{event:l})})}get expanded(){return this.controller_.foldable.get("expanded")}set expanded(e){this.controller_.foldable.set("expanded",e)}get title(){return this.controller_.props.get("title")}set title(e){this.controller_.props.set("title",e)}get children(){return this.rackApi_.children}addInput(e,t,l){return this.rackApi_.addInput(e,t,l)}addMonitor(e,t,l){return this.rackApi_.addMonitor(e,t,l)}addFolder(e){return this.rackApi_.addFolder(e)}addButton(e){return this.rackApi_.addButton(e)}addSeparator(e){return this.rackApi_.addSeparator(e)}addTab(e){return this.rackApi_.addTab(e)}add(e,t){return this.rackApi_.add(e,t)}remove(e){this.rackApi_.remove(e)}addBlade(e){return this.rackApi_.addBlade(e)}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}}class Qn extends dt{constructor(e){super({blade:e.blade,view:e.view,viewProps:e.rackController.viewProps}),this.rackController=e.rackController}}class gs{constructor(e,t){const l=N(t.viewName);this.element=e.createElement("div"),this.element.classList.add(l()),t.viewProps.bindClassModifiers(this.element)}}function _s(n,e){for(let t=0;t<n.length;t++){const l=n[t];if(l instanceof Te&&l.binding===e)return l}return null}function ws(n,e){for(let t=0;t<n.length;t++){const l=n[t];if(l instanceof Ze&&l.binding===e)return l}return null}function ys(n,e){for(let t=0;t<n.length;t++){const l=n[t];if(l instanceof ie&&l.value===e)return l}return null}function Zn(n){return n instanceof Zt?n.rack:n instanceof Qn?n.rackController.rack:null}function xs(n){const e=Zn(n);return e?e.bcSet_:null}class Cs{constructor(e){var t,l;this.onBladePositionsChange_=this.onBladePositionsChange_.bind(this),this.onSetAdd_=this.onSetAdd_.bind(this),this.onSetRemove_=this.onSetRemove_.bind(this),this.onChildDispose_=this.onChildDispose_.bind(this),this.onChildPositionsChange_=this.onChildPositionsChange_.bind(this),this.onChildInputChange_=this.onChildInputChange_.bind(this),this.onChildMonitorUpdate_=this.onChildMonitorUpdate_.bind(this),this.onChildValueChange_=this.onChildValueChange_.bind(this),this.onChildViewPropsChange_=this.onChildViewPropsChange_.bind(this),this.onDescendantLayout_=this.onDescendantLayout_.bind(this),this.onDescendantInputChange_=this.onDescendantInputChange_.bind(this),this.onDescendantMonitorUpdate_=this.onDescendantMonitorUpdate_.bind(this),this.emitter=new z,this.blade_=(t=e.blade)!==null&&t!==void 0?t:null,(l=this.blade_)===null||l===void 0||l.value("positions").emitter.on("change",this.onBladePositionsChange_),this.viewProps=e.viewProps,this.bcSet_=new vt(xs),this.bcSet_.emitter.on("add",this.onSetAdd_),this.bcSet_.emitter.on("remove",this.onSetRemove_)}get children(){return this.bcSet_.items}add(e,t){var l;(l=e.parent)===null||l===void 0||l.remove(e),M(e,"parent")?e.parent=this:(e.parent_=this,Ae({key:"parent",target:"BladeController",place:"BladeRack.add"})),this.bcSet_.add(e,t)}remove(e){M(e,"parent")?e.parent=null:(e.parent_=null,Ae({key:"parent",target:"BladeController",place:"BladeRack.remove"})),this.bcSet_.remove(e)}find(e){return this.bcSet_.allItems().filter(t=>t instanceof e)}onSetAdd_(e){this.updatePositions_();const t=e.target===e.root;if(this.emitter.emit("add",{bladeController:e.item,index:e.index,isRoot:t,sender:this}),!t)return;const l=e.item;if(l.viewProps.emitter.on("change",this.onChildViewPropsChange_),l.blade.value("positions").emitter.on("change",this.onChildPositionsChange_),l.viewProps.handleDispose(this.onChildDispose_),l instanceof Te)l.binding.emitter.on("change",this.onChildInputChange_);else if(l instanceof Ze)l.binding.emitter.on("update",this.onChildMonitorUpdate_);else if(l instanceof ie)l.value.emitter.on("change",this.onChildValueChange_);else{const b=Zn(l);if(b){const P=b.emitter;P.on("layout",this.onDescendantLayout_),P.on("inputchange",this.onDescendantInputChange_),P.on("monitorupdate",this.onDescendantMonitorUpdate_)}}}onSetRemove_(e){this.updatePositions_();const t=e.target===e.root;if(this.emitter.emit("remove",{bladeController:e.item,isRoot:t,sender:this}),!t)return;const l=e.item;if(l instanceof Te)l.binding.emitter.off("change",this.onChildInputChange_);else if(l instanceof Ze)l.binding.emitter.off("update",this.onChildMonitorUpdate_);else if(l instanceof ie)l.value.emitter.off("change",this.onChildValueChange_);else{const b=Zn(l);if(b){const P=b.emitter;P.off("layout",this.onDescendantLayout_),P.off("inputchange",this.onDescendantInputChange_),P.off("monitorupdate",this.onDescendantMonitorUpdate_)}}}updatePositions_(){const e=this.bcSet_.items.filter(b=>!b.viewProps.get("hidden")),t=e[0],l=e[e.length-1];this.bcSet_.items.forEach(b=>{const P=[];b===t&&(P.push("first"),(!this.blade_||this.blade_.get("positions").includes("veryfirst"))&&P.push("veryfirst")),b===l&&(P.push("last"),(!this.blade_||this.blade_.get("positions").includes("verylast"))&&P.push("verylast")),b.blade.set("positions",P)})}onChildPositionsChange_(){this.updatePositions_(),this.emitter.emit("layout",{sender:this})}onChildViewPropsChange_(e){this.updatePositions_(),this.emitter.emit("layout",{sender:this})}onChildDispose_(){this.bcSet_.items.filter(t=>t.viewProps.get("disposed")).forEach(t=>{this.bcSet_.remove(t)})}onChildInputChange_(e){const t=_s(this.find(Te),e.sender);if(!t)throw I.alreadyDisposed();this.emitter.emit("inputchange",{bladeController:t,options:e.options,sender:this})}onChildMonitorUpdate_(e){const t=ws(this.find(Ze),e.sender);if(!t)throw I.alreadyDisposed();this.emitter.emit("monitorupdate",{bladeController:t,sender:this})}onChildValueChange_(e){const t=ys(this.find(ie),e.sender);if(!t)throw I.alreadyDisposed();this.emitter.emit("inputchange",{bladeController:t,options:e.options,sender:this})}onDescendantLayout_(e){this.updatePositions_(),this.emitter.emit("layout",{sender:this})}onDescendantInputChange_(e){this.emitter.emit("inputchange",{bladeController:e.bladeController,options:e.options,sender:this})}onDescendantMonitorUpdate_(e){this.emitter.emit("monitorupdate",{bladeController:e.bladeController,sender:this})}onBladePositionsChange_(){this.updatePositions_()}}class Zt extends dt{constructor(e,t){super(Object.assign(Object.assign({},t),{view:new gs(e,{viewName:"brk",viewProps:t.viewProps})})),this.onRackAdd_=this.onRackAdd_.bind(this),this.onRackRemove_=this.onRackRemove_.bind(this);const l=new Cs({blade:t.root?void 0:t.blade,viewProps:t.viewProps});l.emitter.on("add",this.onRackAdd_),l.emitter.on("remove",this.onRackRemove_),this.rack=l,this.viewProps.handleDispose(()=>{for(let b=this.rack.children.length-1;b>=0;b--)this.rack.children[b].viewProps.set("disposed",!0)})}onRackAdd_(e){e.isRoot&&mt(this.view.element,e.bladeController.view.element,e.index)}onRackRemove_(e){e.isRoot&&wn(e.bladeController.view.element)}}const Si=N("cnt");class Ps{constructor(e,t){var l;this.className_=N((l=t.viewName)!==null&&l!==void 0?l:"fld"),this.element=e.createElement("div"),this.element.classList.add(this.className_(),Si()),t.viewProps.bindClassModifiers(this.element),this.foldable_=t.foldable,this.foldable_.bindExpandedClass(this.element,this.className_(void 0,"expanded")),F(this.foldable_,"completed",Y(this.element,this.className_(void 0,"cpl")));const b=e.createElement("button");b.classList.add(this.className_("b")),F(t.props,"title",H=>{w(H)?this.element.classList.add(this.className_(void 0,"not")):this.element.classList.remove(this.className_(void 0,"not"))}),t.viewProps.bindDisabled(b),this.element.appendChild(b),this.buttonElement=b;const P=e.createElement("div");P.classList.add(this.className_("i")),this.element.appendChild(P);const L=e.createElement("div");L.classList.add(this.className_("t")),Z(t.props.value("title"),L),this.buttonElement.appendChild(L),this.titleElement=L;const U=e.createElement("div");U.classList.add(this.className_("m")),this.buttonElement.appendChild(U);const W=t.containerElement;W.classList.add(this.className_("c")),this.element.appendChild(W),this.containerElement=W}}class Cn extends Qn{constructor(e,t){var l;const b=Ve.create((l=t.expanded)!==null&&l!==void 0?l:!0),P=new Zt(e,{blade:t.blade,root:t.root,viewProps:t.viewProps});super(Object.assign(Object.assign({},t),{rackController:P,view:new Ps(e,{containerElement:P.view.element,foldable:b,props:t.props,viewName:t.root?"rot":void 0,viewProps:t.viewProps})})),this.onTitleClick_=this.onTitleClick_.bind(this),this.props=t.props,this.foldable=b,Oe(this.foldable,this.view.containerElement),this.rackController.rack.emitter.on("add",()=>{this.foldable.cleanUpTransition()}),this.rackController.rack.emitter.on("remove",()=>{this.foldable.cleanUpTransition()}),this.view.buttonElement.addEventListener("click",this.onTitleClick_)}get document(){return this.view.element.ownerDocument}onTitleClick_(){this.foldable.set("expanded",!this.foldable.get("expanded"))}}const Ms={id:"folder",type:"blade",accept(n){const e=V,t=ce(n,{title:e.required.string,view:e.required.constant("folder"),expanded:e.optional.boolean});return t?{params:t}:null},controller(n){return new Cn(n.document,{blade:n.blade,expanded:n.params.expanded,props:q.fromObject({title:n.params.title}),viewProps:n.viewProps})},api(n){return n.controller instanceof Cn?new qn(n.controller,n.pool):null}};class Lt extends ie{constructor(e,t){const l=t.valueController.viewProps;super(Object.assign(Object.assign({},t),{value:t.valueController.value,view:new D(e,{props:t.props,viewProps:l}),viewProps:l})),this.props=t.props,this.valueController=t.valueController,this.view.valueElement.appendChild(this.valueController.view.element)}}class Li extends a{}const Wn=N("spr");class ks{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(Wn()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("hr");l.classList.add(Wn("r")),this.element.appendChild(l)}}class Wt extends dt{constructor(e,t){super(Object.assign(Object.assign({},t),{view:new ks(e,{viewProps:t.viewProps})}))}}const Ss={id:"separator",type:"blade",accept(n){const t=ce(n,{view:V.required.constant("separator")});return t?{params:t}:null},controller(n){return new Wt(n.document,{blade:n.blade,viewProps:n.viewProps})},api(n){return n.controller instanceof Wt?new Li(n.controller):null}},Se=N("tbi");class Ls{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(Se()),t.viewProps.bindClassModifiers(this.element),F(t.props,"selected",P=>{P?this.element.classList.add(Se(void 0,"sel")):this.element.classList.remove(Se(void 0,"sel"))});const l=e.createElement("button");l.classList.add(Se("b")),t.viewProps.bindDisabled(l),this.element.appendChild(l),this.buttonElement=l;const b=e.createElement("div");b.classList.add(Se("t")),Z(t.props.value("title"),b),this.buttonElement.appendChild(b),this.titleElement=b}}class Pn{constructor(e,t){this.emitter=new z,this.onClick_=this.onClick_.bind(this),this.props=t.props,this.viewProps=t.viewProps,this.view=new Ls(e,{props:t.props,viewProps:t.viewProps}),this.view.buttonElement.addEventListener("click",this.onClick_)}onClick_(){this.emitter.emit("click",{sender:this})}}class Ai{constructor(e,t){this.onItemClick_=this.onItemClick_.bind(this),this.ic_=new Pn(e,{props:t.itemProps,viewProps:ze.create()}),this.ic_.emitter.on("click",this.onItemClick_),this.cc_=new Zt(e,{blade:ye(),viewProps:ze.create()}),this.props=t.props,F(this.props,"selected",l=>{this.itemController.props.set("selected",l),this.contentController.viewProps.set("hidden",!l)})}get itemController(){return this.ic_}get contentController(){return this.cc_}onItemClick_(){this.props.set("selected",!0)}}class Jn{constructor(e,t){this.controller_=e,this.rackApi_=t}get title(){var e;return(e=this.controller_.itemController.props.get("title"))!==null&&e!==void 0?e:""}set title(e){this.controller_.itemController.props.set("title",e)}get selected(){return this.controller_.props.get("selected")}set selected(e){this.controller_.props.set("selected",e)}get children(){return this.rackApi_.children}addButton(e){return this.rackApi_.addButton(e)}addFolder(e){return this.rackApi_.addFolder(e)}addSeparator(e){return this.rackApi_.addSeparator(e)}addTab(e){return this.rackApi_.addTab(e)}add(e,t){this.rackApi_.add(e,t)}remove(e){this.rackApi_.remove(e)}addInput(e,t,l){return this.rackApi_.addInput(e,t,l)}addMonitor(e,t,l){return this.rackApi_.addMonitor(e,t,l)}addBlade(e){return this.rackApi_.addBlade(e)}}class Vi extends Be{constructor(e,t){super(e,new xn(e.rackController,t)),this.onPageAdd_=this.onPageAdd_.bind(this),this.onPageRemove_=this.onPageRemove_.bind(this),this.onSelect_=this.onSelect_.bind(this),this.emitter_=new z,this.pageApiMap_=new Map,this.rackApi_.on("change",l=>{this.emitter_.emit("change",{event:l})}),this.rackApi_.on("update",l=>{this.emitter_.emit("update",{event:l})}),this.controller_.tab.selectedIndex.emitter.on("change",this.onSelect_),this.controller_.pageSet.emitter.on("add",this.onPageAdd_),this.controller_.pageSet.emitter.on("remove",this.onPageRemove_),this.controller_.pageSet.items.forEach(l=>{this.setUpPageApi_(l)})}get pages(){return this.controller_.pageSet.items.map(e=>{const t=this.pageApiMap_.get(e);if(!t)throw I.shouldNeverHappen();return t})}addPage(e){const t=this.controller_.view.element.ownerDocument,l=new Ai(t,{itemProps:q.fromObject({selected:!1,title:e.title}),props:q.fromObject({selected:!1})});this.controller_.add(l,e.index);const b=this.pageApiMap_.get(l);if(!b)throw I.shouldNeverHappen();return b}removePage(e){this.controller_.remove(e)}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}setUpPageApi_(e){const t=this.rackApi_.apiSet_.find(b=>b.controller_===e.contentController);if(!t)throw I.shouldNeverHappen();const l=new Jn(e,t);this.pageApiMap_.set(e,l)}onPageAdd_(e){this.setUpPageApi_(e.item)}onPageRemove_(e){if(!this.pageApiMap_.get(e.item))throw I.shouldNeverHappen();this.pageApiMap_.delete(e.item)}onSelect_(e){this.emitter_.emit("select",{event:new _(this,e.rawValue)})}}const Ii=-1;class As{constructor(){this.onItemSelectedChange_=this.onItemSelectedChange_.bind(this),this.empty=ee(!0),this.selectedIndex=ee(Ii),this.items_=[]}add(e,t){const l=t??this.items_.length;this.items_.splice(l,0,e),e.emitter.on("change",this.onItemSelectedChange_),this.keepSelection_()}remove(e){const t=this.items_.indexOf(e);t<0||(this.items_.splice(t,1),e.emitter.off("change",this.onItemSelectedChange_),this.keepSelection_())}keepSelection_(){if(this.items_.length===0){this.selectedIndex.rawValue=Ii,this.empty.rawValue=!0;return}const e=this.items_.findIndex(t=>t.rawValue);e<0?(this.items_.forEach((t,l)=>{t.rawValue=l===0}),this.selectedIndex.rawValue=0):(this.items_.forEach((t,l)=>{t.rawValue=l===e}),this.selectedIndex.rawValue=e),this.empty.rawValue=!1}onItemSelectedChange_(e){if(e.rawValue){const t=this.items_.findIndex(l=>l===e.sender);this.items_.forEach((l,b)=>{l.rawValue=b===t}),this.selectedIndex.rawValue=t}else this.keepSelection_()}}const At=N("tab");class Vt{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(At(),Si()),t.viewProps.bindClassModifiers(this.element),j(t.empty,Y(this.element,At(void 0,"nop")));const l=e.createElement("div");l.classList.add(At("t")),this.element.appendChild(l),this.itemsElement=l;const b=e.createElement("div");b.classList.add(At("i")),this.element.appendChild(b);const P=t.contentsElement;P.classList.add(At("c")),this.element.appendChild(P),this.contentsElement=P}}class Jt extends Qn{constructor(e,t){const l=new Zt(e,{blade:t.blade,viewProps:t.viewProps}),b=new As;super({blade:t.blade,rackController:l,view:new Vt(e,{contentsElement:l.view.element,empty:b.empty,viewProps:t.viewProps})}),this.onPageAdd_=this.onPageAdd_.bind(this),this.onPageRemove_=this.onPageRemove_.bind(this),this.pageSet_=new vt(()=>null),this.pageSet_.emitter.on("add",this.onPageAdd_),this.pageSet_.emitter.on("remove",this.onPageRemove_),this.tab=b}get pageSet(){return this.pageSet_}add(e,t){this.pageSet_.add(e,t)}remove(e){this.pageSet_.remove(this.pageSet_.items[e])}onPageAdd_(e){const t=e.item;mt(this.view.itemsElement,t.itemController.view.element,e.index),t.itemController.viewProps.set("parent",this.viewProps),this.rackController.rack.add(t.contentController,e.index),this.tab.add(t.props.value("selected"))}onPageRemove_(e){const t=e.item;wn(t.itemController.view.element),t.itemController.viewProps.set("parent",null),this.rackController.rack.remove(t.contentController),this.tab.remove(t.props.value("selected"))}}const Hn={id:"tab",type:"blade",accept(n){const e=V,t=ce(n,{pages:e.required.array(e.required.object({title:e.required.string})),view:e.required.constant("tab")});return!t||t.pages.length===0?null:{params:t}},controller(n){const e=new Jt(n.document,{blade:n.blade,viewProps:n.viewProps});return n.params.pages.forEach(t=>{const l=new Ai(n.document,{itemProps:q.fromObject({selected:!1,title:t.title}),props:q.fromObject({selected:!1})});e.add(l)}),e},api(n){return n.controller instanceof Jt?new Vi(n.controller,n.pool):null}};function Vs(n,e){const t=n.accept(e.params);if(!t)return null;const l=V.optional.boolean(e.params.disabled).value,b=V.optional.boolean(e.params.hidden).value;return n.controller({blade:ye(),document:e.document,params:Object.assign(Object.assign({},t.params),{disabled:l,hidden:b}),viewProps:ze.create({disabled:l,hidden:b})})}class Di{constructor(){this.disabled=!1,this.emitter=new z}dispose(){}tick(){this.disabled||this.emitter.emit("tick",{sender:this})}}class ei{constructor(e,t){this.disabled_=!1,this.timerId_=null,this.onTick_=this.onTick_.bind(this),this.doc_=e,this.emitter=new z,this.interval_=t,this.setTimer_()}get disabled(){return this.disabled_}set disabled(e){this.disabled_=e,this.disabled_?this.clearTimer_():this.setTimer_()}dispose(){this.clearTimer_()}clearTimer_(){if(this.timerId_===null)return;const e=this.doc_.defaultView;e&&e.clearInterval(this.timerId_),this.timerId_=null}setTimer_(){if(this.clearTimer_(),this.interval_<=0)return;const e=this.doc_.defaultView;e&&(this.timerId_=e.setInterval(this.onTick_,this.interval_))}onTick_(){this.disabled_||this.emitter.emit("tick",{sender:this})}}class Mn{constructor(e){this.onValueChange_=this.onValueChange_.bind(this),this.reader=e.reader,this.writer=e.writer,this.emitter=new z,this.value=e.value,this.value.emitter.on("change",this.onValueChange_),this.target=e.target,this.read()}read(){const e=this.target.read();e!==void 0&&(this.value.rawValue=this.reader(e))}write_(e){this.writer(this.target,e)}onValueChange_(e){this.write_(e.rawValue),this.emitter.emit("change",{options:e.options,rawValue:e.rawValue,sender:this})}}function Pe(n,e){for(;n.length<e;)n.push(void 0)}function Ti(n){const e=[];return Pe(e,n),ee(e)}function It(n){const e=n.indexOf(void 0);return e<0?n:n.slice(0,e)}function Ue(n,e){const t=[...It(n),e];return t.length>n.length?t.splice(0,t.length-n.length):Pe(t,n.length),t}class Is{constructor(e){this.onTick_=this.onTick_.bind(this),this.reader_=e.reader,this.target=e.target,this.emitter=new z,this.value=e.value,this.ticker=e.ticker,this.ticker.emitter.on("tick",this.onTick_),this.read()}dispose(){this.ticker.dispose()}read(){const e=this.target.read();if(e===void 0)return;const t=this.value.rawValue,l=this.reader_(e);this.value.rawValue=Ue(t,l),this.emitter.emit("update",{rawValue:l,sender:this})}onTick_(e){this.read()}}class Ht{constructor(e){this.constraints=e}constrain(e){return this.constraints.reduce((t,l)=>l.constrain(t),e)}}function $e(n,e){if(n instanceof e)return n;if(n instanceof Ht){const t=n.constraints.reduce((l,b)=>l||(b instanceof e?b:null),null);if(t)return t}return null}class Dt{constructor(e){this.values=q.fromObject({max:e.max,min:e.min})}constrain(e){const t=this.values.get("max"),l=this.values.get("min");return Math.min(Math.max(e,l),t)}}class en{constructor(e){this.values=q.fromObject({options:e})}get options(){return this.values.get("options")}constrain(e){const t=this.values.get("options");return t.length===0||t.filter(b=>b.value===e).length>0?e:t[0].value}}class ti{constructor(e){this.values=q.fromObject({max:e.max,min:e.min})}get maxValue(){return this.values.get("max")}get minValue(){return this.values.get("min")}constrain(e){const t=this.values.get("max"),l=this.values.get("min");let b=e;return w(l)||(b=Math.max(b,l)),w(t)||(b=Math.min(b,t)),b}}class kn{constructor(e,t=0){this.step=e,this.origin=t}constrain(e){const t=this.origin%this.step,l=Math.round((e-t)/this.step);return t+l*this.step}}const Tt=N("lst");class Ei{constructor(e,t){this.onValueChange_=this.onValueChange_.bind(this),this.props_=t.props,this.element=e.createElement("div"),this.element.classList.add(Tt()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("select");l.classList.add(Tt("s")),F(this.props_,"options",P=>{Yt(l),P.forEach((L,U)=>{const W=e.createElement("option");W.dataset.index=String(U),W.textContent=L.text,W.value=String(L.value),l.appendChild(W)})}),t.viewProps.bindDisabled(l),this.element.appendChild(l),this.selectElement=l;const b=e.createElement("div");b.classList.add(Tt("m")),b.appendChild(at(e,"dropdown")),this.element.appendChild(b),t.value.emitter.on("change",this.onValueChange_),this.value_=t.value,this.update_()}update_(){this.selectElement.value=String(this.value_.rawValue)}onValueChange_(){this.update_()}}class tn{constructor(e,t){this.onSelectChange_=this.onSelectChange_.bind(this),this.props=t.props,this.value=t.value,this.viewProps=t.viewProps,this.view=new Ei(e,{props:this.props,value:this.value,viewProps:this.viewProps}),this.view.selectElement.addEventListener("change",this.onSelectChange_)}onSelectChange_(e){const l=e.currentTarget.selectedOptions.item(0);if(!l)return;const b=Number(l.dataset.index);this.value.rawValue=this.props.get("options")[b].value}}const Oi=N("pop");class Ds{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(Oi()),t.viewProps.bindClassModifiers(this.element),j(t.shows,Y(this.element,Oi(void 0,"v")))}}class Bi{constructor(e,t){this.shows=ee(!1),this.viewProps=t.viewProps,this.view=new Ds(e,{shows:this.shows,viewProps:this.viewProps})}}const Ni=N("txt");class Ts{constructor(e,t){this.onChange_=this.onChange_.bind(this),this.element=e.createElement("div"),this.element.classList.add(Ni()),t.viewProps.bindClassModifiers(this.element),this.props_=t.props,this.props_.emitter.on("change",this.onChange_);const l=e.createElement("input");l.classList.add(Ni("i")),l.type="text",t.viewProps.bindDisabled(l),this.element.appendChild(l),this.inputElement=l,t.value.emitter.on("change",this.onChange_),this.value_=t.value,this.refresh()}refresh(){const e=this.props_.get("formatter");this.inputElement.value=e(this.value_.rawValue)}onChange_(){this.refresh()}}class Sn{constructor(e,t){this.onInputChange_=this.onInputChange_.bind(this),this.parser_=t.parser,this.props=t.props,this.value=t.value,this.viewProps=t.viewProps,this.view=new Ts(e,{props:t.props,value:this.value,viewProps:this.viewProps}),this.view.inputElement.addEventListener("change",this.onInputChange_)}onInputChange_(e){const l=e.currentTarget.value,b=this.parser_(l);w(b)||(this.value.rawValue=b),this.view.refresh()}}function Es(n){return String(n)}function Fi(n){return n==="false"?!1:!!n}function ji(n){return Es(n)}class Os{constructor(e){this.text=e}evaluate(){return Number(this.text)}toString(){return this.text}}const Bs={"**":(n,e)=>Math.pow(n,e),"*":(n,e)=>n*e,"/":(n,e)=>n/e,"%":(n,e)=>n%e,"+":(n,e)=>n+e,"-":(n,e)=>n-e,"<<":(n,e)=>n<<e,">>":(n,e)=>n>>e,">>>":(n,e)=>n>>>e,"&":(n,e)=>n&e,"^":(n,e)=>n^e,"|":(n,e)=>n|e};class Ns{constructor(e,t,l){this.left=t,this.operator=e,this.right=l}evaluate(){const e=Bs[this.operator];if(!e)throw new Error(`unexpected binary operator: '${this.operator}`);return e(this.left.evaluate(),this.right.evaluate())}toString(){return["b(",this.left.toString(),this.operator,this.right.toString(),")"].join(" ")}}const zi={"+":n=>n,"-":n=>-n,"~":n=>~n};class Fs{constructor(e,t){this.operator=e,this.expression=t}evaluate(){const e=zi[this.operator];if(!e)throw new Error(`unexpected unary operator: '${this.operator}`);return e(this.expression.evaluate())}toString(){return["u(",this.operator,this.expression.toString(),")"].join(" ")}}function ni(n){return(e,t)=>{for(let l=0;l<n.length;l++){const b=n[l](e,t);if(b!=="")return b}return""}}function bt(n,e){var t;const l=n.substr(e).match(/^\s+/);return(t=l&&l[0])!==null&&t!==void 0?t:""}function js(n,e){const t=n.substr(e,1);return t.match(/^[1-9]$/)?t:""}function nn(n,e){var t;const l=n.substr(e).match(/^[0-9]+/);return(t=l&&l[0])!==null&&t!==void 0?t:""}function zs(n,e){const t=nn(n,e);if(t!=="")return t;const l=n.substr(e,1);if(e+=1,l!=="-"&&l!=="+")return"";const b=nn(n,e);return b===""?"":l+b}function We(n,e){const t=n.substr(e,1);if(e+=1,t.toLowerCase()!=="e")return"";const l=zs(n,e);return l===""?"":t+l}function Ui(n,e){const t=n.substr(e,1);if(t==="0")return t;const l=js(n,e);return e+=l.length,l===""?"":l+nn(n,e)}function Us(n,e){const t=Ui(n,e);if(e+=t.length,t==="")return"";const l=n.substr(e,1);if(e+=l.length,l!==".")return"";const b=nn(n,e);return e+=b.length,t+l+b+We(n,e)}function Ri(n,e){const t=n.substr(e,1);if(e+=t.length,t!==".")return"";const l=nn(n,e);return e+=l.length,l===""?"":t+l+We(n,e)}function Rs(n,e){const t=Ui(n,e);return e+=t.length,t===""?"":t+We(n,e)}const Gi=ni([Us,Ri,Rs]);function ii(n,e){var t;const l=n.substr(e).match(/^[01]+/);return(t=l&&l[0])!==null&&t!==void 0?t:""}function Gs(n,e){const t=n.substr(e,2);if(e+=t.length,t.toLowerCase()!=="0b")return"";const l=ii(n,e);return l===""?"":t+l}function Ki(n,e){var t;const l=n.substr(e).match(/^[0-7]+/);return(t=l&&l[0])!==null&&t!==void 0?t:""}function Re(n,e){const t=n.substr(e,2);if(e+=t.length,t.toLowerCase()!=="0o")return"";const l=Ki(n,e);return l===""?"":t+l}function Ks(n,e){var t;const l=n.substr(e).match(/^[0-9a-f]+/i);return(t=l&&l[0])!==null&&t!==void 0?t:""}function $s(n,e){const t=n.substr(e,2);if(e+=t.length,t.toLowerCase()!=="0x")return"";const l=Ks(n,e);return l===""?"":t+l}const si=ni([Gs,Re,$s]),Xs=ni([si,Gi]);function ct(n,e){const t=Xs(n,e);return e+=t.length,t===""?null:{evaluable:new Os(t),cursor:e}}function ri(n,e){const t=n.substr(e,1);if(e+=t.length,t!=="(")return null;const l=Ln(n,e);if(!l)return null;e=l.cursor,e+=bt(n,e).length;const b=n.substr(e,1);return e+=b.length,b!==")"?null:{evaluable:l.evaluable,cursor:e}}function Ys(n,e){var t;return(t=ct(n,e))!==null&&t!==void 0?t:ri(n,e)}function oi(n,e){const t=Ys(n,e);if(t)return t;const l=n.substr(e,1);if(e+=l.length,l!=="+"&&l!=="-"&&l!=="~")return null;const b=oi(n,e);return b?(e=b.cursor,{cursor:e,evaluable:new Fs(l,b.evaluable)}):null}function qs(n,e,t){t+=bt(e,t).length;const l=n.filter(b=>e.startsWith(b,t))[0];return l?(t+=l.length,t+=bt(e,t).length,{cursor:t,operator:l}):null}function gt(n,e){return(t,l)=>{const b=n(t,l);if(!b)return null;l=b.cursor;let P=b.evaluable;for(;;){const L=qs(e,t,l);if(!L)break;l=L.cursor;const U=n(t,l);if(!U)return null;l=U.cursor,P=new Ns(L.operator,P,U.evaluable)}return P?{cursor:l,evaluable:P}:null}}const $i=[["**"],["*","/","%"],["+","-"],["<<",">>>",">>"],["&"],["^"],["|"]].reduce((n,e)=>gt(n,e),oi);function Ln(n,e){return e+=bt(n,e).length,$i(n,e)}function Xi(n){const e=Ln(n,0);return!e||e.cursor+bt(n,e.cursor).length!==n.length?null:e.evaluable}function Je(n){var e;const t=Xi(n);return(e=t==null?void 0:t.evaluate())!==null&&e!==void 0?e:null}function rt(n){if(typeof n=="number")return n;if(typeof n=="string"){const e=Je(n);if(!w(e))return e}return 0}function Qs(n){return String(n)}function Le(n){return e=>e.toFixed(Math.max(Math.min(n,20),0))}const Yi=Le(0);function sn(n){return Yi(n)+"%"}function ai(n){return String(n)}function pt(n){return n}function Et({primary:n,secondary:e,forward:t,backward:l}){let b=!1;function P(L){b||(b=!0,L(),b=!1)}n.emitter.on("change",L=>{P(()=>{e.setRawValue(t(n,e),L.options)})}),e.emitter.on("change",L=>{P(()=>{n.setRawValue(l(n,e),L.options)}),P(()=>{e.setRawValue(t(n,e),L.options)})}),P(()=>{e.setRawValue(t(n,e),{forceEmit:!1,last:!0})})}function Ie(n,e){const t=n*(e.altKey?.1:1)*(e.shiftKey?10:1);return e.upKey?+t:e.downKey?-t:0}function rn(n){return{altKey:n.altKey,downKey:n.key==="ArrowDown",shiftKey:n.shiftKey,upKey:n.key==="ArrowUp"}}function He(n){return{altKey:n.altKey,downKey:n.key==="ArrowLeft",shiftKey:n.shiftKey,upKey:n.key==="ArrowRight"}}function qi(n){return n==="ArrowUp"||n==="ArrowDown"}function An(n){return qi(n)||n==="ArrowLeft"||n==="ArrowRight"}function li(n,e){var t,l;const b=e.ownerDocument.defaultView,P=e.getBoundingClientRect();return{x:n.pageX-(((t=b&&b.scrollX)!==null&&t!==void 0?t:0)+P.left),y:n.pageY-(((l=b&&b.scrollY)!==null&&l!==void 0?l:0)+P.top)}}class _t{constructor(e){this.lastTouch_=null,this.onDocumentMouseMove_=this.onDocumentMouseMove_.bind(this),this.onDocumentMouseUp_=this.onDocumentMouseUp_.bind(this),this.onMouseDown_=this.onMouseDown_.bind(this),this.onTouchEnd_=this.onTouchEnd_.bind(this),this.onTouchMove_=this.onTouchMove_.bind(this),this.onTouchStart_=this.onTouchStart_.bind(this),this.elem_=e,this.emitter=new z,e.addEventListener("touchstart",this.onTouchStart_,{passive:!1}),e.addEventListener("touchmove",this.onTouchMove_,{passive:!0}),e.addEventListener("touchend",this.onTouchEnd_),e.addEventListener("mousedown",this.onMouseDown_)}computePosition_(e){const t=this.elem_.getBoundingClientRect();return{bounds:{width:t.width,height:t.height},point:e?{x:e.x,y:e.y}:null}}onMouseDown_(e){var t;e.preventDefault(),(t=e.currentTarget)===null||t===void 0||t.focus();const l=this.elem_.ownerDocument;l.addEventListener("mousemove",this.onDocumentMouseMove_),l.addEventListener("mouseup",this.onDocumentMouseUp_),this.emitter.emit("down",{altKey:e.altKey,data:this.computePosition_(li(e,this.elem_)),sender:this,shiftKey:e.shiftKey})}onDocumentMouseMove_(e){this.emitter.emit("move",{altKey:e.altKey,data:this.computePosition_(li(e,this.elem_)),sender:this,shiftKey:e.shiftKey})}onDocumentMouseUp_(e){const t=this.elem_.ownerDocument;t.removeEventListener("mousemove",this.onDocumentMouseMove_),t.removeEventListener("mouseup",this.onDocumentMouseUp_),this.emitter.emit("up",{altKey:e.altKey,data:this.computePosition_(li(e,this.elem_)),sender:this,shiftKey:e.shiftKey})}onTouchStart_(e){e.preventDefault();const t=e.targetTouches.item(0),l=this.elem_.getBoundingClientRect();this.emitter.emit("down",{altKey:e.altKey,data:this.computePosition_(t?{x:t.clientX-l.left,y:t.clientY-l.top}:void 0),sender:this,shiftKey:e.shiftKey}),this.lastTouch_=t}onTouchMove_(e){const t=e.targetTouches.item(0),l=this.elem_.getBoundingClientRect();this.emitter.emit("move",{altKey:e.altKey,data:this.computePosition_(t?{x:t.clientX-l.left,y:t.clientY-l.top}:void 0),sender:this,shiftKey:e.shiftKey}),this.lastTouch_=t}onTouchEnd_(e){var t;const l=(t=e.targetTouches.item(0))!==null&&t!==void 0?t:this.lastTouch_,b=this.elem_.getBoundingClientRect();this.emitter.emit("up",{altKey:e.altKey,data:this.computePosition_(l?{x:l.clientX-b.left,y:l.clientY-b.top}:void 0),sender:this,shiftKey:e.shiftKey})}}function _e(n,e,t,l,b){const P=(n-e)/(t-e);return l+P*(b-l)}function ci(n){return String(n.toFixed(10)).split(".")[1].replace(/0+$/,"").length}function Me(n,e,t){return Math.min(Math.max(n,e),t)}function Ot(n,e){return(n%e+e)%e}const Ne=N("txt");class pi{constructor(e,t){this.onChange_=this.onChange_.bind(this),this.props_=t.props,this.props_.emitter.on("change",this.onChange_),this.element=e.createElement("div"),this.element.classList.add(Ne(),Ne(void 0,"num")),t.arrayPosition&&this.element.classList.add(Ne(void 0,t.arrayPosition)),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("input");l.classList.add(Ne("i")),l.type="text",t.viewProps.bindDisabled(l),this.element.appendChild(l),this.inputElement=l,this.onDraggingChange_=this.onDraggingChange_.bind(this),this.dragging_=t.dragging,this.dragging_.emitter.on("change",this.onDraggingChange_),this.element.classList.add(Ne()),this.inputElement.classList.add(Ne("i"));const b=e.createElement("div");b.classList.add(Ne("k")),this.element.appendChild(b),this.knobElement=b;const P=e.createElementNS(Ee,"svg");P.classList.add(Ne("g")),this.knobElement.appendChild(P);const L=e.createElementNS(Ee,"path");L.classList.add(Ne("gb")),P.appendChild(L),this.guideBodyElem_=L;const U=e.createElementNS(Ee,"path");U.classList.add(Ne("gh")),P.appendChild(U),this.guideHeadElem_=U;const W=e.createElement("div");W.classList.add(N("tt")()),this.knobElement.appendChild(W),this.tooltipElem_=W,t.value.emitter.on("change",this.onChange_),this.value=t.value,this.refresh()}onDraggingChange_(e){if(e.rawValue===null){this.element.classList.remove(Ne(void 0,"drg"));return}this.element.classList.add(Ne(void 0,"drg"));const t=e.rawValue/this.props_.get("draggingScale"),l=t+(t>0?-1:t<0?1:0),b=Me(-l,-4,4);this.guideHeadElem_.setAttributeNS(null,"d",[`M ${l+b},0 L${l},4 L${l+b},8`,`M ${t},-1 L${t},9`].join(" ")),this.guideBodyElem_.setAttributeNS(null,"d",`M 0,4 L${t},4`);const P=this.props_.get("formatter");this.tooltipElem_.textContent=P(this.value.rawValue),this.tooltipElem_.style.left=`${t}px`}refresh(){const e=this.props_.get("formatter");this.inputElement.value=e(this.value.rawValue)}onChange_(){this.refresh()}}class on{constructor(e,t){var l;this.originRawValue_=0,this.onInputChange_=this.onInputChange_.bind(this),this.onInputKeyDown_=this.onInputKeyDown_.bind(this),this.onInputKeyUp_=this.onInputKeyUp_.bind(this),this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.baseStep_=t.baseStep,this.parser_=t.parser,this.props=t.props,this.sliderProps_=(l=t.sliderProps)!==null&&l!==void 0?l:null,this.value=t.value,this.viewProps=t.viewProps,this.dragging_=ee(null),this.view=new pi(e,{arrayPosition:t.arrayPosition,dragging:this.dragging_,props:this.props,value:this.value,viewProps:this.viewProps}),this.view.inputElement.addEventListener("change",this.onInputChange_),this.view.inputElement.addEventListener("keydown",this.onInputKeyDown_),this.view.inputElement.addEventListener("keyup",this.onInputKeyUp_);const b=new _t(this.view.knobElement);b.emitter.on("down",this.onPointerDown_),b.emitter.on("move",this.onPointerMove_),b.emitter.on("up",this.onPointerUp_)}constrainValue_(e){var t,l;const b=(t=this.sliderProps_)===null||t===void 0?void 0:t.get("minValue"),P=(l=this.sliderProps_)===null||l===void 0?void 0:l.get("maxValue");let L=e;return b!==void 0&&(L=Math.max(L,b)),P!==void 0&&(L=Math.min(L,P)),L}onInputChange_(e){const l=e.currentTarget.value,b=this.parser_(l);w(b)||(this.value.rawValue=this.constrainValue_(b)),this.view.refresh()}onInputKeyDown_(e){const t=Ie(this.baseStep_,rn(e));t!==0&&this.value.setRawValue(this.constrainValue_(this.value.rawValue+t),{forceEmit:!1,last:!1})}onInputKeyUp_(e){Ie(this.baseStep_,rn(e))!==0&&this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}onPointerDown_(){this.originRawValue_=this.value.rawValue,this.dragging_.rawValue=0}computeDraggingValue_(e){if(!e.point)return null;const t=e.point.x-e.bounds.width/2;return this.constrainValue_(this.originRawValue_+t*this.props.get("draggingScale"))}onPointerMove_(e){const t=this.computeDraggingValue_(e.data);t!==null&&(this.value.setRawValue(t,{forceEmit:!1,last:!1}),this.dragging_.rawValue=this.value.rawValue-this.originRawValue_)}onPointerUp_(e){const t=this.computeDraggingValue_(e.data);t!==null&&(this.value.setRawValue(t,{forceEmit:!0,last:!0}),this.dragging_.rawValue=null)}}const ui=N("sld");class Fe{constructor(e,t){this.onChange_=this.onChange_.bind(this),this.props_=t.props,this.props_.emitter.on("change",this.onChange_),this.element=e.createElement("div"),this.element.classList.add(ui()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("div");l.classList.add(ui("t")),t.viewProps.bindTabIndex(l),this.element.appendChild(l),this.trackElement=l;const b=e.createElement("div");b.classList.add(ui("k")),this.trackElement.appendChild(b),this.knobElement=b,t.value.emitter.on("change",this.onChange_),this.value=t.value,this.update_()}update_(){const e=Me(_e(this.value.rawValue,this.props_.get("minValue"),this.props_.get("maxValue"),0,100),0,100);this.knobElement.style.width=`${e}%`}onChange_(){this.update_()}}class hi{constructor(e,t){this.onKeyDown_=this.onKeyDown_.bind(this),this.onKeyUp_=this.onKeyUp_.bind(this),this.onPointerDownOrMove_=this.onPointerDownOrMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.baseStep_=t.baseStep,this.value=t.value,this.viewProps=t.viewProps,this.props=t.props,this.view=new Fe(e,{props:this.props,value:this.value,viewProps:this.viewProps}),this.ptHandler_=new _t(this.view.trackElement),this.ptHandler_.emitter.on("down",this.onPointerDownOrMove_),this.ptHandler_.emitter.on("move",this.onPointerDownOrMove_),this.ptHandler_.emitter.on("up",this.onPointerUp_),this.view.trackElement.addEventListener("keydown",this.onKeyDown_),this.view.trackElement.addEventListener("keyup",this.onKeyUp_)}handlePointerEvent_(e,t){e.point&&this.value.setRawValue(_e(Me(e.point.x,0,e.bounds.width),0,e.bounds.width,this.props.get("minValue"),this.props.get("maxValue")),t)}onPointerDownOrMove_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerUp_(e){this.handlePointerEvent_(e.data,{forceEmit:!0,last:!0})}onKeyDown_(e){const t=Ie(this.baseStep_,He(e));t!==0&&this.value.setRawValue(this.value.rawValue+t,{forceEmit:!1,last:!1})}onKeyUp_(e){Ie(this.baseStep_,He(e))!==0&&this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}}const an=N("sldtxt");class di{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(an());const l=e.createElement("div");l.classList.add(an("s")),this.sliderView_=t.sliderView,l.appendChild(this.sliderView_.element),this.element.appendChild(l);const b=e.createElement("div");b.classList.add(an("t")),this.textView_=t.textView,b.appendChild(this.textView_.element),this.element.appendChild(b)}}class Vn{constructor(e,t){this.value=t.value,this.viewProps=t.viewProps,this.sliderC_=new hi(e,{baseStep:t.baseStep,props:t.sliderProps,value:t.value,viewProps:this.viewProps}),this.textC_=new on(e,{baseStep:t.baseStep,parser:t.parser,props:t.textProps,sliderProps:t.sliderProps,value:t.value,viewProps:t.viewProps}),this.view=new di(e,{sliderView:this.sliderC_.view,textView:this.textC_.view})}get sliderController(){return this.sliderC_}get textController(){return this.textC_}}function Xe(n,e){n.write(e)}function ln(n){const e=V;if(Array.isArray(n))return e.required.array(e.required.object({text:e.required.string,value:e.required.raw}))(n).value;if(typeof n=="object")return e.required.raw(n).value}function mi(n){if(n==="inline"||n==="popup")return n}function ot(n){const e=V;return e.required.object({max:e.optional.number,min:e.optional.number,step:e.optional.number})(n).value}function Qi(n){if(Array.isArray(n))return n;const e=[];return Object.keys(n).forEach(t=>{e.push({text:t,value:n[t]})}),e}function fi(n){return w(n)?null:new en(Qi(n))}function Zs(n){const e=n?$e(n,kn):null;return e?e.step:null}function In(n,e){const t=n&&$e(n,kn);return t?ci(t.step):Math.max(ci(e),2)}function wt(n){const e=Zs(n);return e??1}function yt(n,e){var t;const l=n&&$e(n,kn),b=Math.abs((t=l==null?void 0:l.step)!==null&&t!==void 0?t:e);return b===0?.1:Math.pow(10,Math.floor(Math.log10(b))-1)}const cn=N("ckb");class pn{constructor(e,t){this.onValueChange_=this.onValueChange_.bind(this),this.element=e.createElement("div"),this.element.classList.add(cn()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("label");l.classList.add(cn("l")),this.element.appendChild(l);const b=e.createElement("input");b.classList.add(cn("i")),b.type="checkbox",l.appendChild(b),this.inputElement=b,t.viewProps.bindDisabled(this.inputElement);const P=e.createElement("div");P.classList.add(cn("w")),l.appendChild(P);const L=at(e,"check");P.appendChild(L),t.value.emitter.on("change",this.onValueChange_),this.value=t.value,this.update_()}update_(){this.inputElement.checked=this.value.rawValue}onValueChange_(){this.update_()}}class Zi{constructor(e,t){this.onInputChange_=this.onInputChange_.bind(this),this.value=t.value,this.viewProps=t.viewProps,this.view=new pn(e,{value:this.value,viewProps:this.viewProps}),this.view.inputElement.addEventListener("change",this.onInputChange_)}onInputChange_(e){const t=e.currentTarget;this.value.rawValue=t.checked}}function Wi(n){const e=[],t=fi(n.options);return t&&e.push(t),new Ht(e)}const Dn={id:"input-bool",type:"input",accept:(n,e)=>{if(typeof n!="boolean")return null;const l=ce(e,{options:V.optional.custom(ln)});return l?{initialValue:n,params:l}:null},binding:{reader:n=>Fi,constraint:n=>Wi(n.params),writer:n=>Xe},controller:n=>{const e=n.document,t=n.value,l=n.constraint,b=l&&$e(l,en);return b?new tn(e,{props:new q({options:b.values.value("options")}),value:t,viewProps:n.viewProps}):new Zi(e,{value:t,viewProps:n.viewProps})}},xt=N("col");class vi{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(xt()),t.foldable.bindExpandedClass(this.element,xt(void 0,"expanded")),F(t.foldable,"completed",Y(this.element,xt(void 0,"cpl")));const l=e.createElement("div");l.classList.add(xt("h")),this.element.appendChild(l);const b=e.createElement("div");b.classList.add(xt("s")),l.appendChild(b),this.swatchElement=b;const P=e.createElement("div");if(P.classList.add(xt("t")),l.appendChild(P),this.textElement=P,t.pickerLayout==="inline"){const L=e.createElement("div");L.classList.add(xt("p")),this.element.appendChild(L),this.pickerElement=L}else this.pickerElement=null}}function Ws(n,e,t){const l=Me(n/255,0,1),b=Me(e/255,0,1),P=Me(t/255,0,1),L=Math.max(l,b,P),U=Math.min(l,b,P),W=L-U;let H=0,de=0;const ve=(U+L)/2;return W!==0&&(de=W/(1-Math.abs(L+U-1)),l===L?H=(b-P)/W:b===L?H=2+(P-l)/W:H=4+(l-b)/W,H=H/6+(H<0?1:0)),[H*360,de*100,ve*100]}function Js(n,e,t){const l=(n%360+360)%360,b=Me(e/100,0,1),P=Me(t/100,0,1),L=(1-Math.abs(2*P-1))*b,U=L*(1-Math.abs(l/60%2-1)),W=P-L/2;let H,de,ve;return l>=0&&l<60?[H,de,ve]=[L,U,0]:l>=60&&l<120?[H,de,ve]=[U,L,0]:l>=120&&l<180?[H,de,ve]=[0,L,U]:l>=180&&l<240?[H,de,ve]=[0,U,L]:l>=240&&l<300?[H,de,ve]=[U,0,L]:[H,de,ve]=[L,0,U],[(H+W)*255,(de+W)*255,(ve+W)*255]}function Hs(n,e,t){const l=Me(n/255,0,1),b=Me(e/255,0,1),P=Me(t/255,0,1),L=Math.max(l,b,P),U=Math.min(l,b,P),W=L-U;let H;W===0?H=0:L===l?H=60*(((b-P)/W%6+6)%6):L===b?H=60*((P-l)/W+2):H=60*((l-b)/W+4);const de=L===0?0:W/L,ve=L;return[H,de*100,ve*100]}function Ji(n,e,t){const l=Ot(n,360),b=Me(e/100,0,1),P=Me(t/100,0,1),L=P*b,U=L*(1-Math.abs(l/60%2-1)),W=P-L;let H,de,ve;return l>=0&&l<60?[H,de,ve]=[L,U,0]:l>=60&&l<120?[H,de,ve]=[U,L,0]:l>=120&&l<180?[H,de,ve]=[0,L,U]:l>=180&&l<240?[H,de,ve]=[0,U,L]:l>=240&&l<300?[H,de,ve]=[U,0,L]:[H,de,ve]=[L,0,U],[(H+W)*255,(de+W)*255,(ve+W)*255]}function m(n,e,t){const l=t+e*(100-Math.abs(2*t-100))/200;return[n,l!==0?e*(100-Math.abs(2*t-100))/l:0,t+e*(100-Math.abs(2*t-100))/(2*100)]}function o(n,e,t){const l=100-Math.abs(t*(200-e)/100-100);return[n,l!==0?e*t/l:0,t*(200-e)/(2*100)]}function p(n){return[n[0],n[1],n[2]]}function v(n,e){return[n[0],n[1],n[2],e]}const C={hsl:{hsl:(n,e,t)=>[n,e,t],hsv:m,rgb:Js},hsv:{hsl:o,hsv:(n,e,t)=>[n,e,t],rgb:Ji},rgb:{hsl:Ws,hsv:Hs,rgb:(n,e,t)=>[n,e,t]}};function k(n,e){return[e==="float"?1:n==="rgb"?255:360,e==="float"?1:n==="rgb"?255:100,e==="float"?1:n==="rgb"?255:100]}function T(n,e){return n===e?e:Ot(n,e)}function G(n,e,t){var l;const b=k(e,t);return[e==="rgb"?Me(n[0],0,b[0]):T(n[0],b[0]),Me(n[1],0,b[1]),Me(n[2],0,b[2]),Me((l=n[3])!==null&&l!==void 0?l:1,0,1)]}function oe(n,e,t,l){const b=k(e,t),P=k(e,l);return n.map((L,U)=>L/b[U]*P[U])}function Ge(n,e,t){const l=oe(n,e.mode,e.type,"int"),b=C[e.mode][t.mode](...l);return oe(b,t.mode,"int",t.type)}function Ke(n,e){return typeof n!="object"||w(n)?!1:e in n&&typeof n[e]=="number"}class te{static black(e="int"){return new te([0,0,0],"rgb",e)}static fromObject(e,t="int"){const l="a"in e?[e.r,e.g,e.b,e.a]:[e.r,e.g,e.b];return new te(l,"rgb",t)}static toRgbaObject(e,t="int"){return e.toRgbaObject(t)}static isRgbColorObject(e){return Ke(e,"r")&&Ke(e,"g")&&Ke(e,"b")}static isRgbaColorObject(e){return this.isRgbColorObject(e)&&Ke(e,"a")}static isColorObject(e){return this.isRgbColorObject(e)}static equals(e,t){if(e.mode!==t.mode)return!1;const l=e.comps_,b=t.comps_;for(let P=0;P<l.length;P++)if(l[P]!==b[P])return!1;return!0}constructor(e,t,l="int"){this.mode=t,this.type=l,this.comps_=G(e,t,l)}getComponents(e,t="int"){return v(Ge(p(this.comps_),{mode:this.mode,type:this.type},{mode:e??this.mode,type:t}),this.comps_[3])}toRgbaObject(e="int"){const t=this.getComponents("rgb",e);return{r:t[0],g:t[1],b:t[2],a:t[3]}}}const ut=N("colp");class er{constructor(e,t){this.alphaViews_=null,this.element=e.createElement("div"),this.element.classList.add(ut()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("div");l.classList.add(ut("hsv"));const b=e.createElement("div");b.classList.add(ut("sv")),this.svPaletteView_=t.svPaletteView,b.appendChild(this.svPaletteView_.element),l.appendChild(b);const P=e.createElement("div");P.classList.add(ut("h")),this.hPaletteView_=t.hPaletteView,P.appendChild(this.hPaletteView_.element),l.appendChild(P),this.element.appendChild(l);const L=e.createElement("div");if(L.classList.add(ut("rgb")),this.textView_=t.textView,L.appendChild(this.textView_.element),this.element.appendChild(L),t.alphaViews){this.alphaViews_={palette:t.alphaViews.palette,text:t.alphaViews.text};const U=e.createElement("div");U.classList.add(ut("a"));const W=e.createElement("div");W.classList.add(ut("ap")),W.appendChild(this.alphaViews_.palette.element),U.appendChild(W);const H=e.createElement("div");H.classList.add(ut("at")),H.appendChild(this.alphaViews_.text.element),U.appendChild(H),this.element.appendChild(U)}}get allFocusableElements(){const e=[this.svPaletteView_.element,this.hPaletteView_.element,this.textView_.modeSelectElement,...this.textView_.textViews.map(t=>t.inputElement)];return this.alphaViews_&&e.push(this.alphaViews_.palette.element,this.alphaViews_.text.inputElement),e}}function Lc(n){return n==="int"?"int":n==="float"?"float":void 0}function tr(n){const e=V;return ce(n,{alpha:e.optional.boolean,color:e.optional.object({alpha:e.optional.boolean,type:e.optional.custom(Lc)}),expanded:e.optional.boolean,picker:e.optional.custom(mi)})}function un(n){return n?.1:1}function hn(n){var e;return(e=n.color)===null||e===void 0?void 0:e.type}function Ac(n,e){return n.alpha===e.alpha&&n.mode===e.mode&&n.notation===e.notation&&n.type===e.type}function et(n,e){const t=n.match(/^(.+)%$/);return Math.min(t?parseFloat(t[1])*.01*e:parseFloat(n),e)}const Vc={deg:n=>n,grad:n=>n*360/400,rad:n=>n*360/(2*Math.PI),turn:n=>n*360};function no(n){const e=n.match(/^([0-9.]+?)(deg|grad|rad|turn)$/);if(!e)return parseFloat(n);const t=parseFloat(e[1]),l=e[2];return Vc[l](t)}function io(n){const e=n.match(/^rgb\(\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*\)$/);if(!e)return null;const t=[et(e[1],255),et(e[2],255),et(e[3],255)];return isNaN(t[0])||isNaN(t[1])||isNaN(t[2])?null:t}function so(n){return e=>{const t=io(e);return t?new te(t,"rgb",n):null}}function ro(n){const e=n.match(/^rgba\(\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*\)$/);if(!e)return null;const t=[et(e[1],255),et(e[2],255),et(e[3],255),et(e[4],1)];return isNaN(t[0])||isNaN(t[1])||isNaN(t[2])||isNaN(t[3])?null:t}function oo(n){return e=>{const t=ro(e);return t?new te(t,"rgb",n):null}}function ao(n){const e=n.match(/^hsl\(\s*([0-9A-Fa-f.]+(?:deg|grad|rad|turn)?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*\)$/);if(!e)return null;const t=[no(e[1]),et(e[2],100),et(e[3],100)];return isNaN(t[0])||isNaN(t[1])||isNaN(t[2])?null:t}function lo(n){return e=>{const t=ao(e);return t?new te(t,"hsl",n):null}}function co(n){const e=n.match(/^hsla\(\s*([0-9A-Fa-f.]+(?:deg|grad|rad|turn)?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*\)$/);if(!e)return null;const t=[no(e[1]),et(e[2],100),et(e[3],100),et(e[4],1)];return isNaN(t[0])||isNaN(t[1])||isNaN(t[2])||isNaN(t[3])?null:t}function po(n){return e=>{const t=co(e);return t?new te(t,"hsl",n):null}}function uo(n){const e=n.match(/^#([0-9A-Fa-f])([0-9A-Fa-f])([0-9A-Fa-f])$/);if(e)return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)];const t=n.match(/^(?:#|0x)([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/);return t?[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)]:null}function Ic(n){const e=uo(n);return e?new te(e,"rgb","int"):null}function ho(n){const e=n.match(/^#?([0-9A-Fa-f])([0-9A-Fa-f])([0-9A-Fa-f])([0-9A-Fa-f])$/);if(e)return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16),_e(parseInt(e[4]+e[4],16),0,255,0,1)];const t=n.match(/^(?:#|0x)?([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/);return t?[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16),_e(parseInt(t[4],16),0,255,0,1)]:null}function Dc(n){const e=ho(n);return e?new te(e,"rgb","int"):null}function mo(n){const e=n.match(/^\{\s*r\s*:\s*([0-9A-Fa-f.]+%?)\s*,\s*g\s*:\s*([0-9A-Fa-f.]+%?)\s*,\s*b\s*:\s*([0-9A-Fa-f.]+%?)\s*\}$/);if(!e)return null;const t=[parseFloat(e[1]),parseFloat(e[2]),parseFloat(e[3])];return isNaN(t[0])||isNaN(t[1])||isNaN(t[2])?null:t}function fo(n){return e=>{const t=mo(e);return t?new te(t,"rgb",n):null}}function vo(n){const e=n.match(/^\{\s*r\s*:\s*([0-9A-Fa-f.]+%?)\s*,\s*g\s*:\s*([0-9A-Fa-f.]+%?)\s*,\s*b\s*:\s*([0-9A-Fa-f.]+%?)\s*,\s*a\s*:\s*([0-9A-Fa-f.]+%?)\s*\}$/);if(!e)return null;const t=[parseFloat(e[1]),parseFloat(e[2]),parseFloat(e[3]),parseFloat(e[4])];return isNaN(t[0])||isNaN(t[1])||isNaN(t[2])||isNaN(t[3])?null:t}function bo(n){return e=>{const t=vo(e);return t?new te(t,"rgb",n):null}}const Tc=[{parser:uo,result:{alpha:!1,mode:"rgb",notation:"hex"}},{parser:ho,result:{alpha:!0,mode:"rgb",notation:"hex"}},{parser:io,result:{alpha:!1,mode:"rgb",notation:"func"}},{parser:ro,result:{alpha:!0,mode:"rgb",notation:"func"}},{parser:ao,result:{alpha:!1,mode:"hsl",notation:"func"}},{parser:co,result:{alpha:!0,mode:"hsl",notation:"func"}},{parser:mo,result:{alpha:!1,mode:"rgb",notation:"object"}},{parser:vo,result:{alpha:!0,mode:"rgb",notation:"object"}}];function Ec(n){return Tc.reduce((e,{parser:t,result:l})=>e||(t(n)?l:null),null)}function nr(n,e="int"){const t=Ec(n);return t?t.notation==="hex"&&e!=="float"?Object.assign(Object.assign({},t),{type:"int"}):t.notation==="func"?Object.assign(Object.assign({},t),{type:e}):null:null}const go={int:[Ic,Dc,so("int"),oo("int"),lo("int"),po("int"),fo("int"),bo("int")],float:[so("float"),oo("float"),lo("float"),po("float"),fo("float"),bo("float")]};function Oc(n){const e=go[n];return t=>{if(typeof t!="string")return te.black(n);const l=e.reduce((b,P)=>b||P(t),null);return l??te.black(n)}}function ir(n){const e=go[n];return t=>e.reduce((l,b)=>l||b(t),null)}function _o(n){const e=Me(Math.floor(n),0,255).toString(16);return e.length===1?`0${e}`:e}function wo(n,e="#"){const t=p(n.getComponents("rgb")).map(_o).join("");return`${e}${t}`}function sr(n,e="#"){const t=n.getComponents("rgb"),l=[t[0],t[1],t[2],t[3]*255].map(_o).join("");return`${e}${l}`}function yo(n,e){const t=Le(e==="float"?2:0);return`rgb(${p(n.getComponents("rgb",e)).map(b=>t(b)).join(", ")})`}function Bc(n){return e=>yo(e,n)}function Hi(n,e){const t=Le(2),l=Le(e==="float"?2:0);return`rgba(${n.getComponents("rgb",e).map((P,L)=>(L===3?t:l)(P)).join(", ")})`}function Nc(n){return e=>Hi(e,n)}function Fc(n){const e=[Le(0),sn,sn];return`hsl(${p(n.getComponents("hsl")).map((l,b)=>e[b](l)).join(", ")})`}function jc(n){const e=[Le(0),sn,sn,Le(2)];return`hsla(${n.getComponents("hsl").map((l,b)=>e[b](l)).join(", ")})`}function xo(n,e){const t=Le(e==="float"?2:0),l=["r","g","b"];return`{${p(n.getComponents("rgb",e)).map((P,L)=>`${l[L]}: ${t(P)}`).join(", ")}}`}function zc(n){return e=>xo(e,n)}function Co(n,e){const t=Le(2),l=Le(e==="float"?2:0),b=["r","g","b","a"];return`{${n.getComponents("rgb",e).map((L,U)=>{const W=U===3?t:l;return`${b[U]}: ${W(L)}`}).join(", ")}}`}function Uc(n){return e=>Co(e,n)}const Rc=[{format:{alpha:!1,mode:"rgb",notation:"hex",type:"int"},stringifier:wo},{format:{alpha:!0,mode:"rgb",notation:"hex",type:"int"},stringifier:sr},{format:{alpha:!1,mode:"hsl",notation:"func",type:"int"},stringifier:Fc},{format:{alpha:!0,mode:"hsl",notation:"func",type:"int"},stringifier:jc},...["int","float"].reduce((n,e)=>[...n,{format:{alpha:!1,mode:"rgb",notation:"func",type:e},stringifier:Bc(e)},{format:{alpha:!0,mode:"rgb",notation:"func",type:e},stringifier:Nc(e)},{format:{alpha:!1,mode:"rgb",notation:"object",type:e},stringifier:zc(e)},{format:{alpha:!0,mode:"rgb",notation:"object",type:e},stringifier:Uc(e)}],[])];function rr(n){return Rc.reduce((e,t)=>e||(Ac(t.format,n)?t.stringifier:null),null)}const bi=N("apl");class Gc{constructor(e,t){this.onValueChange_=this.onValueChange_.bind(this),this.value=t.value,this.value.emitter.on("change",this.onValueChange_),this.element=e.createElement("div"),this.element.classList.add(bi()),t.viewProps.bindClassModifiers(this.element),t.viewProps.bindTabIndex(this.element);const l=e.createElement("div");l.classList.add(bi("b")),this.element.appendChild(l);const b=e.createElement("div");b.classList.add(bi("c")),l.appendChild(b),this.colorElem_=b;const P=e.createElement("div");P.classList.add(bi("m")),this.element.appendChild(P),this.markerElem_=P;const L=e.createElement("div");L.classList.add(bi("p")),this.markerElem_.appendChild(L),this.previewElem_=L,this.update_()}update_(){const e=this.value.rawValue,t=e.getComponents("rgb"),l=new te([t[0],t[1],t[2],0],"rgb"),b=new te([t[0],t[1],t[2],255],"rgb"),P=["to right",Hi(l),Hi(b)];this.colorElem_.style.background=`linear-gradient(${P.join(",")})`,this.previewElem_.style.backgroundColor=Hi(e);const L=_e(t[3],0,1,0,100);this.markerElem_.style.left=`${L}%`}onValueChange_(){this.update_()}}class Kc{constructor(e,t){this.onKeyDown_=this.onKeyDown_.bind(this),this.onKeyUp_=this.onKeyUp_.bind(this),this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.value=t.value,this.viewProps=t.viewProps,this.view=new Gc(e,{value:this.value,viewProps:this.viewProps}),this.ptHandler_=new _t(this.view.element),this.ptHandler_.emitter.on("down",this.onPointerDown_),this.ptHandler_.emitter.on("move",this.onPointerMove_),this.ptHandler_.emitter.on("up",this.onPointerUp_),this.view.element.addEventListener("keydown",this.onKeyDown_),this.view.element.addEventListener("keyup",this.onKeyUp_)}handlePointerEvent_(e,t){if(!e.point)return;const l=e.point.x/e.bounds.width,b=this.value.rawValue,[P,L,U]=b.getComponents("hsv");this.value.setRawValue(new te([P,L,U,l],"hsv"),t)}onPointerDown_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerMove_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerUp_(e){this.handlePointerEvent_(e.data,{forceEmit:!0,last:!0})}onKeyDown_(e){const t=Ie(un(!0),He(e));if(t===0)return;const l=this.value.rawValue,[b,P,L,U]=l.getComponents("hsv");this.value.setRawValue(new te([b,P,L,U+t],"hsv"),{forceEmit:!1,last:!1})}onKeyUp_(e){Ie(un(!0),He(e))!==0&&this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}}const Tn=N("coltxt");function $c(n){const e=n.createElement("select"),t=[{text:"RGB",value:"rgb"},{text:"HSL",value:"hsl"},{text:"HSV",value:"hsv"}];return e.appendChild(t.reduce((l,b)=>{const P=n.createElement("option");return P.textContent=b.text,P.value=b.value,l.appendChild(P),l},n.createDocumentFragment())),e}class Xc{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(Tn()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("div");l.classList.add(Tn("m")),this.modeElem_=$c(e),this.modeElem_.classList.add(Tn("ms")),l.appendChild(this.modeSelectElement),t.viewProps.bindDisabled(this.modeElem_);const b=e.createElement("div");b.classList.add(Tn("mm")),b.appendChild(at(e,"dropdown")),l.appendChild(b),this.element.appendChild(l);const P=e.createElement("div");P.classList.add(Tn("w")),this.element.appendChild(P),this.textsElem_=P,this.textViews_=t.textViews,this.applyTextViews_(),j(t.colorMode,L=>{this.modeElem_.value=L})}get modeSelectElement(){return this.modeElem_}get textViews(){return this.textViews_}set textViews(e){this.textViews_=e,this.applyTextViews_()}applyTextViews_(){Yt(this.textsElem_);const e=this.element.ownerDocument;this.textViews_.forEach(t=>{const l=e.createElement("div");l.classList.add(Tn("c")),l.appendChild(t.element),this.textsElem_.appendChild(l)})}}function Yc(n){return Le(n==="float"?2:0)}function qc(n,e,t){const l=k(n,e)[t];return new Dt({min:0,max:l})}function or(n,e,t){return new on(n,{arrayPosition:t===0?"fst":t===3-1?"lst":"mid",baseStep:un(!1),parser:e.parser,props:q.fromObject({draggingScale:e.colorType==="float"?.01:1,formatter:Yc(e.colorType)}),value:ee(0,{constraint:qc(e.colorMode,e.colorType,t)}),viewProps:e.viewProps})}class Qc{constructor(e,t){this.onModeSelectChange_=this.onModeSelectChange_.bind(this),this.colorType_=t.colorType,this.parser_=t.parser,this.value=t.value,this.viewProps=t.viewProps,this.colorMode=ee(this.value.rawValue.mode),this.ccs_=this.createComponentControllers_(e),this.view=new Xc(e,{colorMode:this.colorMode,textViews:[this.ccs_[0].view,this.ccs_[1].view,this.ccs_[2].view],viewProps:this.viewProps}),this.view.modeSelectElement.addEventListener("change",this.onModeSelectChange_)}createComponentControllers_(e){const t={colorMode:this.colorMode.rawValue,colorType:this.colorType_,parser:this.parser_,viewProps:this.viewProps},l=[or(e,t,0),or(e,t,1),or(e,t,2)];return l.forEach((b,P)=>{Et({primary:this.value,secondary:b.value,forward:L=>L.rawValue.getComponents(this.colorMode.rawValue,this.colorType_)[P],backward:(L,U)=>{const W=this.colorMode.rawValue,H=L.rawValue.getComponents(W,this.colorType_);return H[P]=U.rawValue,new te(v(p(H),H[3]),W,this.colorType_)}})}),l}onModeSelectChange_(e){const t=e.currentTarget;this.colorMode.rawValue=t.value,this.ccs_=this.createComponentControllers_(this.view.element.ownerDocument),this.view.textViews=[this.ccs_[0].view,this.ccs_[1].view,this.ccs_[2].view]}}const ar=N("hpl");class Zc{constructor(e,t){this.onValueChange_=this.onValueChange_.bind(this),this.value=t.value,this.value.emitter.on("change",this.onValueChange_),this.element=e.createElement("div"),this.element.classList.add(ar()),t.viewProps.bindClassModifiers(this.element),t.viewProps.bindTabIndex(this.element);const l=e.createElement("div");l.classList.add(ar("c")),this.element.appendChild(l);const b=e.createElement("div");b.classList.add(ar("m")),this.element.appendChild(b),this.markerElem_=b,this.update_()}update_(){const e=this.value.rawValue,[t]=e.getComponents("hsv");this.markerElem_.style.backgroundColor=yo(new te([t,100,100],"hsv"));const l=_e(t,0,360,0,100);this.markerElem_.style.left=`${l}%`}onValueChange_(){this.update_()}}class Wc{constructor(e,t){this.onKeyDown_=this.onKeyDown_.bind(this),this.onKeyUp_=this.onKeyUp_.bind(this),this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.value=t.value,this.viewProps=t.viewProps,this.view=new Zc(e,{value:this.value,viewProps:this.viewProps}),this.ptHandler_=new _t(this.view.element),this.ptHandler_.emitter.on("down",this.onPointerDown_),this.ptHandler_.emitter.on("move",this.onPointerMove_),this.ptHandler_.emitter.on("up",this.onPointerUp_),this.view.element.addEventListener("keydown",this.onKeyDown_),this.view.element.addEventListener("keyup",this.onKeyUp_)}handlePointerEvent_(e,t){if(!e.point)return;const l=_e(Me(e.point.x,0,e.bounds.width),0,e.bounds.width,0,360),b=this.value.rawValue,[,P,L,U]=b.getComponents("hsv");this.value.setRawValue(new te([l,P,L,U],"hsv"),t)}onPointerDown_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerMove_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerUp_(e){this.handlePointerEvent_(e.data,{forceEmit:!0,last:!0})}onKeyDown_(e){const t=Ie(un(!1),He(e));if(t===0)return;const l=this.value.rawValue,[b,P,L,U]=l.getComponents("hsv");this.value.setRawValue(new te([b+t,P,L,U],"hsv"),{forceEmit:!1,last:!1})}onKeyUp_(e){Ie(un(!1),He(e))!==0&&this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}}const lr=N("svp"),Po=64;class Jc{constructor(e,t){this.onValueChange_=this.onValueChange_.bind(this),this.value=t.value,this.value.emitter.on("change",this.onValueChange_),this.element=e.createElement("div"),this.element.classList.add(lr()),t.viewProps.bindClassModifiers(this.element),t.viewProps.bindTabIndex(this.element);const l=e.createElement("canvas");l.height=Po,l.width=Po,l.classList.add(lr("c")),this.element.appendChild(l),this.canvasElement=l;const b=e.createElement("div");b.classList.add(lr("m")),this.element.appendChild(b),this.markerElem_=b,this.update_()}update_(){const e=gn(this.canvasElement);if(!e)return;const l=this.value.rawValue.getComponents("hsv"),b=this.canvasElement.width,P=this.canvasElement.height,L=e.getImageData(0,0,b,P),U=L.data;for(let de=0;de<P;de++)for(let ve=0;ve<b;ve++){const dn=_e(ve,0,b,0,100),_i=_e(de,0,P,100,0),wi=Ji(l[0],dn,_i),es=(de*b+ve)*4;U[es]=wi[0],U[es+1]=wi[1],U[es+2]=wi[2],U[es+3]=255}e.putImageData(L,0,0);const W=_e(l[1],0,100,0,100);this.markerElem_.style.left=`${W}%`;const H=_e(l[2],0,100,100,0);this.markerElem_.style.top=`${H}%`}onValueChange_(){this.update_()}}class Hc{constructor(e,t){this.onKeyDown_=this.onKeyDown_.bind(this),this.onKeyUp_=this.onKeyUp_.bind(this),this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.value=t.value,this.viewProps=t.viewProps,this.view=new Jc(e,{value:this.value,viewProps:this.viewProps}),this.ptHandler_=new _t(this.view.element),this.ptHandler_.emitter.on("down",this.onPointerDown_),this.ptHandler_.emitter.on("move",this.onPointerMove_),this.ptHandler_.emitter.on("up",this.onPointerUp_),this.view.element.addEventListener("keydown",this.onKeyDown_),this.view.element.addEventListener("keyup",this.onKeyUp_)}handlePointerEvent_(e,t){if(!e.point)return;const l=_e(e.point.x,0,e.bounds.width,0,100),b=_e(e.point.y,0,e.bounds.height,100,0),[P,,,L]=this.value.rawValue.getComponents("hsv");this.value.setRawValue(new te([P,l,b,L],"hsv"),t)}onPointerDown_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerMove_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerUp_(e){this.handlePointerEvent_(e.data,{forceEmit:!0,last:!0})}onKeyDown_(e){An(e.key)&&e.preventDefault();const[t,l,b,P]=this.value.rawValue.getComponents("hsv"),L=un(!1),U=Ie(L,He(e)),W=Ie(L,rn(e));U===0&&W===0||this.value.setRawValue(new te([t,l+U,b+W,P],"hsv"),{forceEmit:!1,last:!1})}onKeyUp_(e){const t=un(!1),l=Ie(t,He(e)),b=Ie(t,rn(e));l===0&&b===0||this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}}class ep{constructor(e,t){this.value=t.value,this.viewProps=t.viewProps,this.hPaletteC_=new Wc(e,{value:this.value,viewProps:this.viewProps}),this.svPaletteC_=new Hc(e,{value:this.value,viewProps:this.viewProps}),this.alphaIcs_=t.supportsAlpha?{palette:new Kc(e,{value:this.value,viewProps:this.viewProps}),text:new on(e,{parser:Je,baseStep:.1,props:q.fromObject({draggingScale:.01,formatter:Le(2)}),value:ee(0,{constraint:new Dt({min:0,max:1})}),viewProps:this.viewProps})}:null,this.alphaIcs_&&Et({primary:this.value,secondary:this.alphaIcs_.text.value,forward:l=>l.rawValue.getComponents()[3],backward:(l,b)=>{const P=l.rawValue.getComponents();return P[3]=b.rawValue,new te(P,l.rawValue.mode)}}),this.textC_=new Qc(e,{colorType:t.colorType,parser:Je,value:this.value,viewProps:this.viewProps}),this.view=new er(e,{alphaViews:this.alphaIcs_?{palette:this.alphaIcs_.palette.view,text:this.alphaIcs_.text.view}:null,hPaletteView:this.hPaletteC_.view,supportsAlpha:t.supportsAlpha,svPaletteView:this.svPaletteC_.view,textView:this.textC_.view,viewProps:this.viewProps})}get textController(){return this.textC_}}const cr=N("colsw");class tp{constructor(e,t){this.onValueChange_=this.onValueChange_.bind(this),t.value.emitter.on("change",this.onValueChange_),this.value=t.value,this.element=e.createElement("div"),this.element.classList.add(cr()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("div");l.classList.add(cr("sw")),this.element.appendChild(l),this.swatchElem_=l;const b=e.createElement("button");b.classList.add(cr("b")),t.viewProps.bindDisabled(b),this.element.appendChild(b),this.buttonElement=b,this.update_()}update_(){const e=this.value.rawValue;this.swatchElem_.style.backgroundColor=sr(e)}onValueChange_(){this.update_()}}class np{constructor(e,t){this.value=t.value,this.viewProps=t.viewProps,this.view=new tp(e,{value:this.value,viewProps:this.viewProps})}}class pr{constructor(e,t){this.onButtonBlur_=this.onButtonBlur_.bind(this),this.onButtonClick_=this.onButtonClick_.bind(this),this.onPopupChildBlur_=this.onPopupChildBlur_.bind(this),this.onPopupChildKeydown_=this.onPopupChildKeydown_.bind(this),this.value=t.value,this.viewProps=t.viewProps,this.foldable_=Ve.create(t.expanded),this.swatchC_=new np(e,{value:this.value,viewProps:this.viewProps});const l=this.swatchC_.view.buttonElement;l.addEventListener("blur",this.onButtonBlur_),l.addEventListener("click",this.onButtonClick_),this.textC_=new Sn(e,{parser:t.parser,props:q.fromObject({formatter:t.formatter}),value:this.value,viewProps:this.viewProps}),this.view=new vi(e,{foldable:this.foldable_,pickerLayout:t.pickerLayout}),this.view.swatchElement.appendChild(this.swatchC_.view.element),this.view.textElement.appendChild(this.textC_.view.element),this.popC_=t.pickerLayout==="popup"?new Bi(e,{viewProps:this.viewProps}):null;const b=new ep(e,{colorType:t.colorType,supportsAlpha:t.supportsAlpha,value:this.value,viewProps:this.viewProps});b.view.allFocusableElements.forEach(P=>{P.addEventListener("blur",this.onPopupChildBlur_),P.addEventListener("keydown",this.onPopupChildKeydown_)}),this.pickerC_=b,this.popC_?(this.view.element.appendChild(this.popC_.view.element),this.popC_.view.element.appendChild(b.view.element),Et({primary:this.foldable_.value("expanded"),secondary:this.popC_.shows,forward:P=>P.rawValue,backward:(P,L)=>L.rawValue})):this.view.pickerElement&&(this.view.pickerElement.appendChild(this.pickerC_.view.element),Oe(this.foldable_,this.view.pickerElement))}get textController(){return this.textC_}onButtonBlur_(e){if(!this.popC_)return;const t=this.view.element,l=e.relatedTarget;(!l||!t.contains(l))&&(this.popC_.shows.rawValue=!1)}onButtonClick_(){this.foldable_.set("expanded",!this.foldable_.get("expanded")),this.foldable_.get("expanded")&&this.pickerC_.view.allFocusableElements[0].focus()}onPopupChildBlur_(e){if(!this.popC_)return;const t=this.popC_.view.element,l=lt(e);l&&t.contains(l)||l&&l===this.swatchC_.view.buttonElement&&!it(t.ownerDocument)||(this.popC_.shows.rawValue=!1)}onPopupChildKeydown_(e){this.popC_?e.key==="Escape"&&(this.popC_.shows.rawValue=!1):this.view.pickerElement&&e.key==="Escape"&&this.swatchC_.view.buttonElement.focus()}}function ip(n,e){return te.isColorObject(n)?te.fromObject(n,e):te.black(e)}function sp(n){return p(n.getComponents("rgb")).reduce((e,t)=>e<<8|Math.floor(t)&255,0)}function rp(n){return n.getComponents("rgb").reduce((e,t,l)=>{const b=Math.floor(l===3?t*255:t)&255;return e<<8|b},0)>>>0}function op(n){return new te([n>>16&255,n>>8&255,n&255],"rgb")}function ap(n){return new te([n>>24&255,n>>16&255,n>>8&255,_e(n&255,0,255,0,1)],"rgb")}function lp(n){return typeof n!="number"?te.black():op(n)}function cp(n){return typeof n!="number"?te.black():ap(n)}function pp(n){const e=rr(n);return e?(t,l)=>{Xe(t,e(l))}:null}function up(n){const e=n?rp:sp;return(t,l)=>{Xe(t,e(l))}}function hp(n,e,t){const l=e.toRgbaObject(t);n.writeProperty("r",l.r),n.writeProperty("g",l.g),n.writeProperty("b",l.b),n.writeProperty("a",l.a)}function dp(n,e,t){const l=e.toRgbaObject(t);n.writeProperty("r",l.r),n.writeProperty("g",l.g),n.writeProperty("b",l.b)}function mp(n,e){return(t,l)=>{n?hp(t,l,e):dp(t,l,e)}}function ur(n){var e;return!!(n!=null&&n.alpha||!((e=n==null?void 0:n.color)===null||e===void 0)&&e.alpha)}function fp(n){return n?e=>sr(e,"0x"):e=>wo(e,"0x")}function vp(n){return"color"in n||"view"in n&&n.view==="color"}const bp={id:"input-color-number",type:"input",accept:(n,e)=>{if(typeof n!="number"||!vp(e))return null;const t=tr(e);return t?{initialValue:n,params:t}:null},binding:{reader:n=>ur(n.params)?cp:lp,equals:te.equals,writer:n=>up(ur(n.params))},controller:n=>{const e=ur(n.params),t="expanded"in n.params?n.params.expanded:void 0,l="picker"in n.params?n.params.picker:void 0;return new pr(n.document,{colorType:"int",expanded:t??!1,formatter:fp(e),parser:ir("int"),pickerLayout:l??"popup",supportsAlpha:e,value:n.value,viewProps:n.viewProps})}};function gp(n){return te.isRgbaColorObject(n)}function _p(n){return e=>ip(e,n)}function wp(n,e){return t=>n?Co(t,e):xo(t,e)}const yp={id:"input-color-object",type:"input",accept:(n,e)=>{if(!te.isColorObject(n))return null;const t=tr(e);return t?{initialValue:n,params:t}:null},binding:{reader:n=>_p(hn(n.params)),equals:te.equals,writer:n=>mp(gp(n.initialValue),hn(n.params))},controller:n=>{var e;const t=te.isRgbaColorObject(n.initialValue),l="expanded"in n.params?n.params.expanded:void 0,b="picker"in n.params?n.params.picker:void 0,P=(e=hn(n.params))!==null&&e!==void 0?e:"int";return new pr(n.document,{colorType:P,expanded:l??!1,formatter:wp(t,P),parser:ir(P),pickerLayout:b??"popup",supportsAlpha:t,value:n.value,viewProps:n.viewProps})}},xp={id:"input-color-string",type:"input",accept:(n,e)=>{if(typeof n!="string"||"view"in e&&e.view==="text")return null;const t=nr(n,hn(e));if(!t||!rr(t))return null;const b=tr(e);return b?{initialValue:n,params:b}:null},binding:{reader:n=>{var e;return Oc((e=hn(n.params))!==null&&e!==void 0?e:"int")},equals:te.equals,writer:n=>{const e=nr(n.initialValue,hn(n.params));if(!e)throw I.shouldNeverHappen();const t=pp(e);if(!t)throw I.notBindable();return t}},controller:n=>{const e=nr(n.initialValue,hn(n.params));if(!e)throw I.shouldNeverHappen();const t=rr(e);if(!t)throw I.shouldNeverHappen();const l="expanded"in n.params?n.params.expanded:void 0,b="picker"in n.params?n.params.picker:void 0;return new pr(n.document,{colorType:e.type,expanded:l??!1,formatter:t,parser:ir(e.type),pickerLayout:b??"popup",supportsAlpha:e.alpha,value:n.value,viewProps:n.viewProps})}};class Bt{constructor(e){this.components=e.components,this.asm_=e.assembly}constrain(e){const t=this.asm_.toComponents(e).map((l,b)=>{var P,L;return(L=(P=this.components[b])===null||P===void 0?void 0:P.constrain(l))!==null&&L!==void 0?L:l});return this.asm_.fromComponents(t)}}const Mo=N("pndtxt");class Cp{constructor(e,t){this.textViews=t.textViews,this.element=e.createElement("div"),this.element.classList.add(Mo()),this.textViews.forEach(l=>{const b=e.createElement("div");b.classList.add(Mo("a")),b.appendChild(l.element),this.element.appendChild(b)})}}function Pp(n,e,t){return new on(n,{arrayPosition:t===0?"fst":t===e.axes.length-1?"lst":"mid",baseStep:e.axes[t].baseStep,parser:e.parser,props:e.axes[t].textProps,value:ee(0,{constraint:e.axes[t].constraint}),viewProps:e.viewProps})}class hr{constructor(e,t){this.value=t.value,this.viewProps=t.viewProps,this.acs_=t.axes.map((l,b)=>Pp(e,t,b)),this.acs_.forEach((l,b)=>{Et({primary:this.value,secondary:l.value,forward:P=>t.assembly.toComponents(P.rawValue)[b],backward:(P,L)=>{const U=t.assembly.toComponents(P.rawValue);return U[b]=L.rawValue,t.assembly.fromComponents(U)}})}),this.view=new Cp(e,{textViews:this.acs_.map(l=>l.view)})}}function ko(n,e){return"step"in n&&!w(n.step)?new kn(n.step,e):null}function So(n){return!w(n.max)&&!w(n.min)?new Dt({max:n.max,min:n.min}):!w(n.max)||!w(n.min)?new ti({max:n.max,min:n.min}):null}function Mp(n){const e=$e(n,Dt);if(e)return[e.values.get("min"),e.values.get("max")];const t=$e(n,ti);return t?[t.minValue,t.maxValue]:[void 0,void 0]}function kp(n,e){const t=[],l=ko(n,e);l&&t.push(l);const b=So(n);b&&t.push(b);const P=fi(n.options);return P&&t.push(P),new Ht(t)}const Sp={id:"input-number",type:"input",accept:(n,e)=>{if(typeof n!="number")return null;const t=V,l=ce(e,{format:t.optional.function,max:t.optional.number,min:t.optional.number,options:t.optional.custom(ln),step:t.optional.number});return l?{initialValue:n,params:l}:null},binding:{reader:n=>rt,constraint:n=>kp(n.params,n.initialValue),writer:n=>Xe},controller:n=>{var e;const t=n.value,l=n.constraint,b=l&&$e(l,en);if(b)return new tn(n.document,{props:new q({options:b.values.value("options")}),value:t,viewProps:n.viewProps});const P=(e="format"in n.params?n.params.format:void 0)!==null&&e!==void 0?e:Le(In(l,t.rawValue)),L=l&&$e(l,Dt);return L?new Vn(n.document,{baseStep:wt(l),parser:Je,sliderProps:new q({maxValue:L.values.value("max"),minValue:L.values.value("min")}),textProps:q.fromObject({draggingScale:yt(l,t.rawValue),formatter:P}),value:t,viewProps:n.viewProps}):new on(n.document,{baseStep:wt(l),parser:Je,props:q.fromObject({draggingScale:yt(l,t.rawValue),formatter:P}),value:t,viewProps:n.viewProps})}};class Nt{constructor(e=0,t=0){this.x=e,this.y=t}getComponents(){return[this.x,this.y]}static isObject(e){if(w(e))return!1;const t=e.x,l=e.y;return!(typeof t!="number"||typeof l!="number")}static equals(e,t){return e.x===t.x&&e.y===t.y}toObject(){return{x:this.x,y:this.y}}}const Lo={toComponents:n=>n.getComponents(),fromComponents:n=>new Nt(...n)},En=N("p2d");class Lp{constructor(e,t){this.element=e.createElement("div"),this.element.classList.add(En()),t.viewProps.bindClassModifiers(this.element),j(t.expanded,Y(this.element,En(void 0,"expanded")));const l=e.createElement("div");l.classList.add(En("h")),this.element.appendChild(l);const b=e.createElement("button");b.classList.add(En("b")),b.appendChild(at(e,"p2dpad")),t.viewProps.bindDisabled(b),l.appendChild(b),this.buttonElement=b;const P=e.createElement("div");if(P.classList.add(En("t")),l.appendChild(P),this.textElement=P,t.pickerLayout==="inline"){const L=e.createElement("div");L.classList.add(En("p")),this.element.appendChild(L),this.pickerElement=L}else this.pickerElement=null}}const Ft=N("p2dp");class Ap{constructor(e,t){this.onFoldableChange_=this.onFoldableChange_.bind(this),this.onValueChange_=this.onValueChange_.bind(this),this.invertsY_=t.invertsY,this.maxValue_=t.maxValue,this.element=e.createElement("div"),this.element.classList.add(Ft()),t.layout==="popup"&&this.element.classList.add(Ft(void 0,"p")),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("div");l.classList.add(Ft("p")),t.viewProps.bindTabIndex(l),this.element.appendChild(l),this.padElement=l;const b=e.createElementNS(Ee,"svg");b.classList.add(Ft("g")),this.padElement.appendChild(b),this.svgElem_=b;const P=e.createElementNS(Ee,"line");P.classList.add(Ft("ax")),P.setAttributeNS(null,"x1","0"),P.setAttributeNS(null,"y1","50%"),P.setAttributeNS(null,"x2","100%"),P.setAttributeNS(null,"y2","50%"),this.svgElem_.appendChild(P);const L=e.createElementNS(Ee,"line");L.classList.add(Ft("ax")),L.setAttributeNS(null,"x1","50%"),L.setAttributeNS(null,"y1","0"),L.setAttributeNS(null,"x2","50%"),L.setAttributeNS(null,"y2","100%"),this.svgElem_.appendChild(L);const U=e.createElementNS(Ee,"line");U.classList.add(Ft("l")),U.setAttributeNS(null,"x1","50%"),U.setAttributeNS(null,"y1","50%"),this.svgElem_.appendChild(U),this.lineElem_=U;const W=e.createElement("div");W.classList.add(Ft("m")),this.padElement.appendChild(W),this.markerElem_=W,t.value.emitter.on("change",this.onValueChange_),this.value=t.value,this.update_()}get allFocusableElements(){return[this.padElement]}update_(){const[e,t]=this.value.rawValue.getComponents(),l=this.maxValue_,b=_e(e,-l,+l,0,100),P=_e(t,-l,+l,0,100),L=this.invertsY_?100-P:P;this.lineElem_.setAttributeNS(null,"x2",`${b}%`),this.lineElem_.setAttributeNS(null,"y2",`${L}%`),this.markerElem_.style.left=`${b}%`,this.markerElem_.style.top=`${L}%`}onValueChange_(){this.update_()}onFoldableChange_(){this.update_()}}function Ao(n,e,t){return[Ie(e[0],He(n)),Ie(e[1],rn(n))*(t?1:-1)]}class Vp{constructor(e,t){this.onPadKeyDown_=this.onPadKeyDown_.bind(this),this.onPadKeyUp_=this.onPadKeyUp_.bind(this),this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.value=t.value,this.viewProps=t.viewProps,this.baseSteps_=t.baseSteps,this.maxValue_=t.maxValue,this.invertsY_=t.invertsY,this.view=new Ap(e,{invertsY:this.invertsY_,layout:t.layout,maxValue:this.maxValue_,value:this.value,viewProps:this.viewProps}),this.ptHandler_=new _t(this.view.padElement),this.ptHandler_.emitter.on("down",this.onPointerDown_),this.ptHandler_.emitter.on("move",this.onPointerMove_),this.ptHandler_.emitter.on("up",this.onPointerUp_),this.view.padElement.addEventListener("keydown",this.onPadKeyDown_),this.view.padElement.addEventListener("keyup",this.onPadKeyUp_)}handlePointerEvent_(e,t){if(!e.point)return;const l=this.maxValue_,b=_e(e.point.x,0,e.bounds.width,-l,+l),P=_e(this.invertsY_?e.bounds.height-e.point.y:e.point.y,0,e.bounds.height,-l,+l);this.value.setRawValue(new Nt(b,P),t)}onPointerDown_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerMove_(e){this.handlePointerEvent_(e.data,{forceEmit:!1,last:!1})}onPointerUp_(e){this.handlePointerEvent_(e.data,{forceEmit:!0,last:!0})}onPadKeyDown_(e){An(e.key)&&e.preventDefault();const[t,l]=Ao(e,this.baseSteps_,this.invertsY_);t===0&&l===0||this.value.setRawValue(new Nt(this.value.rawValue.x+t,this.value.rawValue.y+l),{forceEmit:!1,last:!1})}onPadKeyUp_(e){const[t,l]=Ao(e,this.baseSteps_,this.invertsY_);t===0&&l===0||this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}}class Ip{constructor(e,t){var l,b;this.onPopupChildBlur_=this.onPopupChildBlur_.bind(this),this.onPopupChildKeydown_=this.onPopupChildKeydown_.bind(this),this.onPadButtonBlur_=this.onPadButtonBlur_.bind(this),this.onPadButtonClick_=this.onPadButtonClick_.bind(this),this.value=t.value,this.viewProps=t.viewProps,this.foldable_=Ve.create(t.expanded),this.popC_=t.pickerLayout==="popup"?new Bi(e,{viewProps:this.viewProps}):null;const P=new Vp(e,{baseSteps:[t.axes[0].baseStep,t.axes[1].baseStep],invertsY:t.invertsY,layout:t.pickerLayout,maxValue:t.maxValue,value:this.value,viewProps:this.viewProps});P.view.allFocusableElements.forEach(L=>{L.addEventListener("blur",this.onPopupChildBlur_),L.addEventListener("keydown",this.onPopupChildKeydown_)}),this.pickerC_=P,this.textC_=new hr(e,{assembly:Lo,axes:t.axes,parser:t.parser,value:this.value,viewProps:this.viewProps}),this.view=new Lp(e,{expanded:this.foldable_.value("expanded"),pickerLayout:t.pickerLayout,viewProps:this.viewProps}),this.view.textElement.appendChild(this.textC_.view.element),(l=this.view.buttonElement)===null||l===void 0||l.addEventListener("blur",this.onPadButtonBlur_),(b=this.view.buttonElement)===null||b===void 0||b.addEventListener("click",this.onPadButtonClick_),this.popC_?(this.view.element.appendChild(this.popC_.view.element),this.popC_.view.element.appendChild(this.pickerC_.view.element),Et({primary:this.foldable_.value("expanded"),secondary:this.popC_.shows,forward:L=>L.rawValue,backward:(L,U)=>U.rawValue})):this.view.pickerElement&&(this.view.pickerElement.appendChild(this.pickerC_.view.element),Oe(this.foldable_,this.view.pickerElement))}onPadButtonBlur_(e){if(!this.popC_)return;const t=this.view.element,l=e.relatedTarget;(!l||!t.contains(l))&&(this.popC_.shows.rawValue=!1)}onPadButtonClick_(){this.foldable_.set("expanded",!this.foldable_.get("expanded")),this.foldable_.get("expanded")&&this.pickerC_.view.allFocusableElements[0].focus()}onPopupChildBlur_(e){if(!this.popC_)return;const t=this.popC_.view.element,l=lt(e);l&&t.contains(l)||l&&l===this.view.buttonElement&&!it(t.ownerDocument)||(this.popC_.shows.rawValue=!1)}onPopupChildKeydown_(e){this.popC_?e.key==="Escape"&&(this.popC_.shows.rawValue=!1):this.view.pickerElement&&e.key==="Escape"&&this.view.buttonElement.focus()}}class On{constructor(e=0,t=0,l=0){this.x=e,this.y=t,this.z=l}getComponents(){return[this.x,this.y,this.z]}static isObject(e){if(w(e))return!1;const t=e.x,l=e.y,b=e.z;return!(typeof t!="number"||typeof l!="number"||typeof b!="number")}static equals(e,t){return e.x===t.x&&e.y===t.y&&e.z===t.z}toObject(){return{x:this.x,y:this.y,z:this.z}}}const Vo={toComponents:n=>n.getComponents(),fromComponents:n=>new On(...n)};function Dp(n){return On.isObject(n)?new On(n.x,n.y,n.z):new On}function Tp(n,e){n.writeProperty("x",e.x),n.writeProperty("y",e.y),n.writeProperty("z",e.z)}function Ep(n,e){return new Bt({assembly:Vo,components:[Ct("x"in n?n.x:void 0,e.x),Ct("y"in n?n.y:void 0,e.y),Ct("z"in n?n.z:void 0,e.z)]})}function dr(n,e){return{baseStep:wt(e),constraint:e,textProps:q.fromObject({draggingScale:yt(e,n),formatter:Le(In(e,n))})}}const Op={id:"input-point3d",type:"input",accept:(n,e)=>{if(!On.isObject(n))return null;const t=V,l=ce(e,{x:t.optional.custom(ot),y:t.optional.custom(ot),z:t.optional.custom(ot)});return l?{initialValue:n,params:l}:null},binding:{reader:n=>Dp,constraint:n=>Ep(n.params,n.initialValue),equals:On.equals,writer:n=>Tp},controller:n=>{const e=n.value,t=n.constraint;if(!(t instanceof Bt))throw I.shouldNeverHappen();return new hr(n.document,{assembly:Vo,axes:[dr(e.rawValue.x,t.components[0]),dr(e.rawValue.y,t.components[1]),dr(e.rawValue.z,t.components[2])],parser:Je,value:e,viewProps:n.viewProps})}};class Bn{constructor(e=0,t=0,l=0,b=0){this.x=e,this.y=t,this.z=l,this.w=b}getComponents(){return[this.x,this.y,this.z,this.w]}static isObject(e){if(w(e))return!1;const t=e.x,l=e.y,b=e.z,P=e.w;return!(typeof t!="number"||typeof l!="number"||typeof b!="number"||typeof P!="number")}static equals(e,t){return e.x===t.x&&e.y===t.y&&e.z===t.z&&e.w===t.w}toObject(){return{x:this.x,y:this.y,z:this.z,w:this.w}}}const Io={toComponents:n=>n.getComponents(),fromComponents:n=>new Bn(...n)};function Bp(n){return Bn.isObject(n)?new Bn(n.x,n.y,n.z,n.w):new Bn}function Np(n,e){n.writeProperty("x",e.x),n.writeProperty("y",e.y),n.writeProperty("z",e.z),n.writeProperty("w",e.w)}function Fp(n,e){return new Bt({assembly:Io,components:[Ct("x"in n?n.x:void 0,e.x),Ct("y"in n?n.y:void 0,e.y),Ct("z"in n?n.z:void 0,e.z),Ct("w"in n?n.w:void 0,e.w)]})}function jp(n,e){return{baseStep:wt(e),constraint:e,textProps:q.fromObject({draggingScale:yt(e,n),formatter:Le(In(e,n))})}}const zp={id:"input-point4d",type:"input",accept:(n,e)=>{if(!Bn.isObject(n))return null;const t=V,l=ce(e,{x:t.optional.custom(ot),y:t.optional.custom(ot),z:t.optional.custom(ot),w:t.optional.custom(ot)});return l?{initialValue:n,params:l}:null},binding:{reader:n=>Bp,constraint:n=>Fp(n.params,n.initialValue),equals:Bn.equals,writer:n=>Np},controller:n=>{const e=n.value,t=n.constraint;if(!(t instanceof Bt))throw I.shouldNeverHappen();return new hr(n.document,{assembly:Io,axes:e.rawValue.getComponents().map((l,b)=>jp(l,t.components[b])),parser:Je,value:e,viewProps:n.viewProps})}};function Up(n){const e=[],t=fi(n.options);return t&&e.push(t),new Ht(e)}const Rp={id:"input-string",type:"input",accept:(n,e)=>{if(typeof n!="string")return null;const l=ce(e,{options:V.optional.custom(ln)});return l?{initialValue:n,params:l}:null},binding:{reader:n=>ai,constraint:n=>Up(n.params),writer:n=>Xe},controller:n=>{const e=n.document,t=n.value,l=n.constraint,b=l&&$e(l,en);return b?new tn(e,{props:new q({options:b.values.value("options")}),value:t,viewProps:n.viewProps}):new Sn(e,{parser:P=>P,props:q.fromObject({formatter:pt}),value:t,viewProps:n.viewProps})}},gi={monitor:{defaultInterval:200,defaultLineCount:3}},Do=N("mll");class Gp{constructor(e,t){this.onValueUpdate_=this.onValueUpdate_.bind(this),this.formatter_=t.formatter,this.element=e.createElement("div"),this.element.classList.add(Do()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("textarea");l.classList.add(Do("i")),l.style.height=`calc(var(--bld-us) * ${t.lineCount})`,l.readOnly=!0,t.viewProps.bindDisabled(l),this.element.appendChild(l),this.textareaElem_=l,t.value.emitter.on("change",this.onValueUpdate_),this.value=t.value,this.update_()}update_(){const e=this.textareaElem_,t=e.scrollTop===e.scrollHeight-e.clientHeight,l=[];this.value.rawValue.forEach(b=>{b!==void 0&&l.push(this.formatter_(b))}),e.textContent=l.join(`
 `),t&&(e.scrollTop=e.scrollHeight)}onValueUpdate_(){this.update_()}}class mr{constructor(e,t){this.value=t.value,this.viewProps=t.viewProps,this.view=new Gp(e,{formatter:t.formatter,lineCount:t.lineCount,value:this.value,viewProps:this.viewProps})}}const To=N("sgl");class Kp{constructor(e,t){this.onValueUpdate_=this.onValueUpdate_.bind(this),this.formatter_=t.formatter,this.element=e.createElement("div"),this.element.classList.add(To()),t.viewProps.bindClassModifiers(this.element);const l=e.createElement("input");l.classList.add(To("i")),l.readOnly=!0,l.type="text",t.viewProps.bindDisabled(l),this.element.appendChild(l),this.inputElement=l,t.value.emitter.on("change",this.onValueUpdate_),this.value=t.value,this.update_()}update_(){const e=this.value.rawValue,t=e[e.length-1];this.inputElement.value=t!==void 0?this.formatter_(t):""}onValueUpdate_(){this.update_()}}class fr{constructor(e,t){this.value=t.value,this.viewProps=t.viewProps,this.view=new Kp(e,{formatter:t.formatter,value:this.value,viewProps:this.viewProps})}}const $p={id:"monitor-bool",type:"monitor",accept:(n,e)=>{if(typeof n!="boolean")return null;const l=ce(e,{lineCount:V.optional.number});return l?{initialValue:n,params:l}:null},binding:{reader:n=>Fi},controller:n=>{var e;return n.value.rawValue.length===1?new fr(n.document,{formatter:ji,value:n.value,viewProps:n.viewProps}):new mr(n.document,{formatter:ji,lineCount:(e=n.params.lineCount)!==null&&e!==void 0?e:gi.monitor.defaultLineCount,value:n.value,viewProps:n.viewProps})}},jt=N("grl");class Xp{constructor(e,t){this.onCursorChange_=this.onCursorChange_.bind(this),this.onValueUpdate_=this.onValueUpdate_.bind(this),this.element=e.createElement("div"),this.element.classList.add(jt()),t.viewProps.bindClassModifiers(this.element),this.formatter_=t.formatter,this.props_=t.props,this.cursor_=t.cursor,this.cursor_.emitter.on("change",this.onCursorChange_);const l=e.createElementNS(Ee,"svg");l.classList.add(jt("g")),l.style.height=`calc(var(--bld-us) * ${t.lineCount})`,this.element.appendChild(l),this.svgElem_=l;const b=e.createElementNS(Ee,"polyline");this.svgElem_.appendChild(b),this.lineElem_=b;const P=e.createElement("div");P.classList.add(jt("t"),N("tt")()),this.element.appendChild(P),this.tooltipElem_=P,t.value.emitter.on("change",this.onValueUpdate_),this.value=t.value,this.update_()}get graphElement(){return this.svgElem_}update_(){const e=this.svgElem_.getBoundingClientRect(),t=this.value.rawValue.length-1,l=this.props_.get("minValue"),b=this.props_.get("maxValue"),P=[];this.value.rawValue.forEach((de,ve)=>{if(de===void 0)return;const dn=_e(ve,0,t,0,e.width),_i=_e(de,l,b,e.height,0);P.push([dn,_i].join(","))}),this.lineElem_.setAttributeNS(null,"points",P.join(" "));const L=this.tooltipElem_,U=this.value.rawValue[this.cursor_.rawValue];if(U===void 0){L.classList.remove(jt("t","a"));return}const W=_e(this.cursor_.rawValue,0,t,0,e.width),H=_e(U,l,b,e.height,0);L.style.left=`${W}px`,L.style.top=`${H}px`,L.textContent=`${this.formatter_(U)}`,L.classList.contains(jt("t","a"))||(L.classList.add(jt("t","a"),jt("t","in")),Qe(L),L.classList.remove(jt("t","in")))}onValueUpdate_(){this.update_()}onCursorChange_(){this.update_()}}class Yp{constructor(e,t){if(this.onGraphMouseMove_=this.onGraphMouseMove_.bind(this),this.onGraphMouseLeave_=this.onGraphMouseLeave_.bind(this),this.onGraphPointerDown_=this.onGraphPointerDown_.bind(this),this.onGraphPointerMove_=this.onGraphPointerMove_.bind(this),this.onGraphPointerUp_=this.onGraphPointerUp_.bind(this),this.props_=t.props,this.value=t.value,this.viewProps=t.viewProps,this.cursor_=ee(-1),this.view=new Xp(e,{cursor:this.cursor_,formatter:t.formatter,lineCount:t.lineCount,props:this.props_,value:this.value,viewProps:this.viewProps}),!it(e))this.view.element.addEventListener("mousemove",this.onGraphMouseMove_),this.view.element.addEventListener("mouseleave",this.onGraphMouseLeave_);else{const l=new _t(this.view.element);l.emitter.on("down",this.onGraphPointerDown_),l.emitter.on("move",this.onGraphPointerMove_),l.emitter.on("up",this.onGraphPointerUp_)}}onGraphMouseLeave_(){this.cursor_.rawValue=-1}onGraphMouseMove_(e){const t=this.view.element.getBoundingClientRect();this.cursor_.rawValue=Math.floor(_e(e.offsetX,0,t.width,0,this.value.rawValue.length))}onGraphPointerDown_(e){this.onGraphPointerMove_(e)}onGraphPointerMove_(e){if(!e.data.point){this.cursor_.rawValue=-1;return}this.cursor_.rawValue=Math.floor(_e(e.data.point.x,0,e.data.bounds.width,0,this.value.rawValue.length))}onGraphPointerUp_(){this.cursor_.rawValue=-1}}function vr(n){return"format"in n&&!w(n.format)?n.format:Le(2)}function qp(n){var e;return n.value.rawValue.length===1?new fr(n.document,{formatter:vr(n.params),value:n.value,viewProps:n.viewProps}):new mr(n.document,{formatter:vr(n.params),lineCount:(e=n.params.lineCount)!==null&&e!==void 0?e:gi.monitor.defaultLineCount,value:n.value,viewProps:n.viewProps})}function Qp(n){var e,t,l;return new Yp(n.document,{formatter:vr(n.params),lineCount:(e=n.params.lineCount)!==null&&e!==void 0?e:gi.monitor.defaultLineCount,props:q.fromObject({maxValue:(t="max"in n.params?n.params.max:null)!==null&&t!==void 0?t:100,minValue:(l="min"in n.params?n.params.min:null)!==null&&l!==void 0?l:0}),value:n.value,viewProps:n.viewProps})}function Eo(n){return"view"in n&&n.view==="graph"}const Zp={id:"monitor-number",type:"monitor",accept:(n,e)=>{if(typeof n!="number")return null;const t=V,l=ce(e,{format:t.optional.function,lineCount:t.optional.number,max:t.optional.number,min:t.optional.number,view:t.optional.string});return l?{initialValue:n,params:l}:null},binding:{defaultBufferSize:n=>Eo(n)?64:1,reader:n=>rt},controller:n=>Eo(n.params)?Qp(n):qp(n)},Wp={id:"monitor-string",type:"monitor",accept:(n,e)=>{if(typeof n!="string")return null;const t=V,l=ce(e,{lineCount:t.optional.number,multiline:t.optional.boolean});return l?{initialValue:n,params:l}:null},binding:{reader:n=>ai},controller:n=>{var e;const t=n.value;return t.rawValue.length>1||"multiline"in n.params&&n.params.multiline?new mr(n.document,{formatter:pt,lineCount:(e=n.params.lineCount)!==null&&e!==void 0?e:gi.monitor.defaultLineCount,value:t,viewProps:n.viewProps}):new fr(n.document,{formatter:pt,value:t,viewProps:n.viewProps})}};function Jp(n,e){var t;const l=n.accept(e.target.read(),e.params);if(w(l))return null;const b=V,P={target:e.target,initialValue:l.initialValue,params:l.params},L=n.binding.reader(P),U=n.binding.constraint?n.binding.constraint(P):void 0,W=ee(L(l.initialValue),{constraint:U,equals:n.binding.equals}),H=new Mn({reader:L,target:e.target,value:W,writer:n.binding.writer(P)}),de=b.optional.boolean(e.params.disabled).value,ve=b.optional.boolean(e.params.hidden).value,dn=n.controller({constraint:U,document:e.document,initialValue:l.initialValue,params:l.params,value:H.value,viewProps:ze.create({disabled:de,hidden:ve})});return new Te(e.document,{binding:H,blade:ye(),props:q.fromObject({label:"label"in e.params?(t=b.optional.string(e.params.label).value)!==null&&t!==void 0?t:null:e.target.key}),valueController:dn})}function Hp(n,e){return e===0?new Di:new ei(n,e??gi.monitor.defaultInterval)}function eu(n,e){var t,l,b;const P=V,L=n.accept(e.target.read(),e.params);if(w(L))return null;const U={target:e.target,initialValue:L.initialValue,params:L.params},W=n.binding.reader(U),H=(l=(t=P.optional.number(e.params.bufferSize).value)!==null&&t!==void 0?t:n.binding.defaultBufferSize&&n.binding.defaultBufferSize(L.params))!==null&&l!==void 0?l:1,de=P.optional.number(e.params.interval).value,ve=new Is({reader:W,target:e.target,ticker:Hp(e.document,de),value:Ti(H)}),dn=P.optional.boolean(e.params.disabled).value,_i=P.optional.boolean(e.params.hidden).value,wi=n.controller({document:e.document,params:L.params,value:ve.value,viewProps:ze.create({disabled:dn,hidden:_i})});return new Ze(e.document,{binding:ve,blade:ye(),props:q.fromObject({label:"label"in e.params?(b=P.optional.string(e.params.label).value)!==null&&b!==void 0?b:null:e.target.key}),valueController:wi})}class tu{constructor(){this.pluginsMap_={blades:[],inputs:[],monitors:[]}}getAll(){return[...this.pluginsMap_.blades,...this.pluginsMap_.inputs,...this.pluginsMap_.monitors]}register(e){e.type==="blade"?this.pluginsMap_.blades.unshift(e):e.type==="input"?this.pluginsMap_.inputs.unshift(e):e.type==="monitor"&&this.pluginsMap_.monitors.unshift(e)}createInput(e,t,l){const b=t.read();if(w(b))throw new I({context:{key:t.key},type:"nomatchingcontroller"});const P=this.pluginsMap_.inputs.reduce((L,U)=>L??Jp(U,{document:e,target:t,params:l}),null);if(P)return P;throw new I({context:{key:t.key},type:"nomatchingcontroller"})}createMonitor(e,t,l){const b=this.pluginsMap_.monitors.reduce((P,L)=>P??eu(L,{document:e,params:l,target:t}),null);if(b)return b;throw new I({context:{key:t.key},type:"nomatchingcontroller"})}createBlade(e,t){const l=this.pluginsMap_.blades.reduce((b,P)=>b??Vs(P,{document:e,params:t}),null);if(!l)throw new I({type:"nomatchingview",context:{params:t}});return l}createBladeApi(e){if(e instanceof Te)return new Xn(e);if(e instanceof Ze)return new Yn(e);if(e instanceof Zt)return new xn(e,this);const t=this.pluginsMap_.blades.reduce((l,b)=>l??b.api({controller:e,pool:this}),null);if(!t)throw I.shouldNeverHappen();return t}}function nu(){const n=new tu;return[lu,Op,zp,Rp,Sp,xp,yp,bp,Dn,$p,Wp,Zp,J,Ms,Ss,Hn].forEach(e=>{n.register(e)}),n}function iu(n){return Nt.isObject(n)?new Nt(n.x,n.y):new Nt}function su(n,e){n.writeProperty("x",e.x),n.writeProperty("y",e.y)}function Ct(n,e){if(!n)return;const t=[],l=ko(n,e);l&&t.push(l);const b=So(n);return b&&t.push(b),new Ht(t)}function ru(n,e){return new Bt({assembly:Lo,components:[Ct("x"in n?n.x:void 0,e.x),Ct("y"in n?n.y:void 0,e.y)]})}function Oo(n,e){const[t,l]=n?Mp(n):[];if(!w(t)||!w(l))return Math.max(Math.abs(t??0),Math.abs(l??0));const b=wt(n);return Math.max(Math.abs(b)*10,Math.abs(e)*10)}function ou(n,e){const t=e instanceof Bt?e.components[0]:void 0,l=e instanceof Bt?e.components[1]:void 0,b=Oo(t,n.x),P=Oo(l,n.y);return Math.max(b,P)}function Bo(n,e){return{baseStep:wt(e),constraint:e,textProps:q.fromObject({draggingScale:yt(e,n),formatter:Le(In(e,n))})}}function au(n){if(!("y"in n))return!1;const e=n.y;return e&&"inverted"in e?!!e.inverted:!1}const lu={id:"input-point2d",type:"input",accept:(n,e)=>{if(!Nt.isObject(n))return null;const t=V,l=ce(e,{expanded:t.optional.boolean,picker:t.optional.custom(mi),x:t.optional.custom(ot),y:t.optional.object({inverted:t.optional.boolean,max:t.optional.number,min:t.optional.number,step:t.optional.number})});return l?{initialValue:n,params:l}:null},binding:{reader:n=>iu,constraint:n=>ru(n.params,n.initialValue),equals:Nt.equals,writer:n=>su},controller:n=>{const e=n.document,t=n.value,l=n.constraint;if(!(l instanceof Bt))throw I.shouldNeverHappen();const b="expanded"in n.params?n.params.expanded:void 0,P="picker"in n.params?n.params.picker:void 0;return new Ip(e,{axes:[Bo(t.rawValue.x,l.components[0]),Bo(t.rawValue.y,l.components[1])],expanded:b??!1,invertsY:au(n.params),maxValue:ou(t.rawValue,l),parser:Je,pickerLayout:P??"popup",value:t,viewProps:n.viewProps})}};class No extends a{constructor(e){super(e),this.emitter_=new z,this.controller_.valueController.value.emitter.on("change",t=>{this.emitter_.emit("change",{event:new u(this,t.rawValue)})})}get label(){return this.controller_.props.get("label")}set label(e){this.controller_.props.set("label",e)}get options(){return this.controller_.valueController.props.get("options")}set options(e){this.controller_.valueController.props.set("options",e)}get value(){return this.controller_.valueController.value.rawValue}set value(e){this.controller_.valueController.value.rawValue=e}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}}class Fo extends a{constructor(e){super(e),this.emitter_=new z,this.controller_.valueController.value.emitter.on("change",t=>{this.emitter_.emit("change",{event:new u(this,t.rawValue)})})}get label(){return this.controller_.props.get("label")}set label(e){this.controller_.props.set("label",e)}get maxValue(){return this.controller_.valueController.sliderController.props.get("maxValue")}set maxValue(e){this.controller_.valueController.sliderController.props.set("maxValue",e)}get minValue(){return this.controller_.valueController.sliderController.props.get("minValue")}set minValue(e){this.controller_.valueController.sliderController.props.set("minValue",e)}get value(){return this.controller_.valueController.value.rawValue}set value(e){this.controller_.valueController.value.rawValue=e}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}}class jo extends a{constructor(e){super(e),this.emitter_=new z,this.controller_.valueController.value.emitter.on("change",t=>{this.emitter_.emit("change",{event:new u(this,t.rawValue)})})}get label(){return this.controller_.props.get("label")}set label(e){this.controller_.props.set("label",e)}get formatter(){return this.controller_.valueController.props.get("formatter")}set formatter(e){this.controller_.valueController.props.set("formatter",e)}get value(){return this.controller_.valueController.value.rawValue}set value(e){this.controller_.valueController.value.rawValue=e}on(e,t){const l=t.bind(this);return this.emitter_.on(e,b=>{l(b.event)}),this}}const cu=function(){return{id:"list",type:"blade",accept(n){const e=V,t=ce(n,{options:e.required.custom(ln),value:e.required.raw,view:e.required.constant("list"),label:e.optional.string});return t?{params:t}:null},controller(n){const e=new en(Qi(n.params.options)),t=ee(n.params.value,{constraint:e}),l=new tn(n.document,{props:new q({options:e.values.value("options")}),value:t,viewProps:n.viewProps});return new Lt(n.document,{blade:n.blade,props:q.fromObject({label:n.params.label}),valueController:l})},api(n){return!(n.controller instanceof Lt)||!(n.controller.valueController instanceof tn)?null:new No(n.controller)}}}();function pu(n){return n.reduce((e,t)=>Object.assign(e,{[t.presetKey]:t.read()}),{})}function uu(n,e){n.forEach(t=>{const l=e[t.target.presetKey];l!==void 0&&t.writer(t.target,t.reader(l))})}class hu extends qn{constructor(e,t){super(e,t)}get element(){return this.controller_.view.element}importPreset(e){const t=this.controller_.rackController.rack.find(Te).map(l=>l.binding);uu(t,e),this.refresh()}exportPreset(){const e=this.controller_.rackController.rack.find(Te).map(t=>t.binding.target);return pu(e)}refresh(){this.controller_.rackController.rack.find(Te).forEach(e=>{e.binding.read()}),this.controller_.rackController.rack.find(Ze).forEach(e=>{e.binding.read()})}}class du extends Cn{constructor(e,t){super(e,{expanded:t.expanded,blade:t.blade,props:t.props,root:!0,viewProps:t.viewProps})}}const mu={id:"slider",type:"blade",accept(n){const e=V,t=ce(n,{max:e.required.number,min:e.required.number,view:e.required.constant("slider"),format:e.optional.function,label:e.optional.string,value:e.optional.number});return t?{params:t}:null},controller(n){var e,t;const l=(e=n.params.value)!==null&&e!==void 0?e:0,b=new Dt({max:n.params.max,min:n.params.min}),P=new Vn(n.document,{baseStep:1,parser:Je,sliderProps:new q({maxValue:b.values.value("max"),minValue:b.values.value("min")}),textProps:q.fromObject({draggingScale:yt(void 0,l),formatter:(t=n.params.format)!==null&&t!==void 0?t:Qs}),value:ee(l,{constraint:b}),viewProps:n.viewProps});return new Lt(n.document,{blade:n.blade,props:q.fromObject({label:n.params.label}),valueController:P})},api(n){return!(n.controller instanceof Lt)||!(n.controller.valueController instanceof Vn)?null:new Fo(n.controller)}},fu=function(){return{id:"text",type:"blade",accept(n){const e=V,t=ce(n,{parse:e.required.function,value:e.required.raw,view:e.required.constant("text"),format:e.optional.function,label:e.optional.string});return t?{params:t}:null},controller(n){var e;const t=new Sn(n.document,{parser:n.params.parse,props:q.fromObject({formatter:(e=n.params.format)!==null&&e!==void 0?e:l=>String(l)}),value:ee(n.params.value),viewProps:n.viewProps});return new Lt(n.document,{blade:n.blade,props:q.fromObject({label:n.params.label}),valueController:t})},api(n){return!(n.controller instanceof Lt)||!(n.controller.valueController instanceof Sn)?null:new jo(n.controller)}}}();function vu(n){const e=n.createElement("div");return e.classList.add(N("dfw")()),n.body&&n.body.appendChild(e),e}function zo(n,e,t){if(n.querySelector(`style[data-tp-style=${e}]`))return;const l=n.createElement("style");l.dataset.tpStyle=e,l.textContent=t,n.head.appendChild(l)}class bu extends hu{constructor(e){var t,l;const b=e??{},P=(t=b.document)!==null&&t!==void 0?t:Kn(),L=nu(),U=new du(P,{expanded:b.expanded,blade:ye(),props:q.fromObject({title:b.title}),viewProps:ze.create()});super(U,L),this.pool_=L,this.containerElem_=(l=b.container)!==null&&l!==void 0?l:vu(P),this.containerElem_.appendChild(this.element),this.doc_=P,this.usesDefaultWrapper_=!b.container,this.setUpDefaultPlugins_()}get document(){if(!this.doc_)throw I.alreadyDisposed();return this.doc_}dispose(){const e=this.containerElem_;if(!e)throw I.alreadyDisposed();if(this.usesDefaultWrapper_){const t=e.parentElement;t&&t.removeChild(e)}this.containerElem_=null,this.doc_=null,super.dispose()}registerPlugin(e){("plugin"in e?[e.plugin]:"plugins"in e?e.plugins:[]).forEach(l=>{this.pool_.register(l),this.embedPluginStyle_(l)})}embedPluginStyle_(e){e.css&&zo(this.document,`plugin-${e.id}`,e.css)}setUpDefaultPlugins_(){zo(this.document,"default",'.tp-tbiv_b,.tp-coltxtv_ms,.tp-ckbv_i,.tp-rotv_b,.tp-fldv_b,.tp-mllv_i,.tp-sglv_i,.tp-grlv_g,.tp-txtv_i,.tp-p2dpv_p,.tp-colswv_sw,.tp-p2dv_b,.tp-btnv_b,.tp-lstv_s{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0}.tp-p2dv_b,.tp-btnv_b,.tp-lstv_s{background-color:var(--btn-bg);border-radius:var(--elm-br);color:var(--btn-fg);cursor:pointer;display:block;font-weight:bold;height:var(--bld-us);line-height:var(--bld-us);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-p2dv_b:hover,.tp-btnv_b:hover,.tp-lstv_s:hover{background-color:var(--btn-bg-h)}.tp-p2dv_b:focus,.tp-btnv_b:focus,.tp-lstv_s:focus{background-color:var(--btn-bg-f)}.tp-p2dv_b:active,.tp-btnv_b:active,.tp-lstv_s:active{background-color:var(--btn-bg-a)}.tp-p2dv_b:disabled,.tp-btnv_b:disabled,.tp-lstv_s:disabled{opacity:.5}.tp-txtv_i,.tp-p2dpv_p,.tp-colswv_sw{background-color:var(--in-bg);border-radius:var(--elm-br);box-sizing:border-box;color:var(--in-fg);font-family:inherit;height:var(--bld-us);line-height:var(--bld-us);min-width:0;width:100%}.tp-txtv_i:hover,.tp-p2dpv_p:hover,.tp-colswv_sw:hover{background-color:var(--in-bg-h)}.tp-txtv_i:focus,.tp-p2dpv_p:focus,.tp-colswv_sw:focus{background-color:var(--in-bg-f)}.tp-txtv_i:active,.tp-p2dpv_p:active,.tp-colswv_sw:active{background-color:var(--in-bg-a)}.tp-txtv_i:disabled,.tp-p2dpv_p:disabled,.tp-colswv_sw:disabled{opacity:.5}.tp-mllv_i,.tp-sglv_i,.tp-grlv_g{background-color:var(--mo-bg);border-radius:var(--elm-br);box-sizing:border-box;color:var(--mo-fg);height:var(--bld-us);scrollbar-color:currentColor rgba(0,0,0,0);scrollbar-width:thin;width:100%}.tp-mllv_i::-webkit-scrollbar,.tp-sglv_i::-webkit-scrollbar,.tp-grlv_g::-webkit-scrollbar{height:8px;width:8px}.tp-mllv_i::-webkit-scrollbar-corner,.tp-sglv_i::-webkit-scrollbar-corner,.tp-grlv_g::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}.tp-mllv_i::-webkit-scrollbar-thumb,.tp-sglv_i::-webkit-scrollbar-thumb,.tp-grlv_g::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:currentColor;border:rgba(0,0,0,0) solid 2px;border-radius:4px}.tp-rotv{--font-family: var(--tp-font-family, Roboto Mono, Source Code Pro, Menlo, Courier, monospace);--bs-br: var(--tp-base-border-radius, 6px);--cnt-h-p: var(--tp-container-horizontal-padding, 4px);--cnt-v-p: var(--tp-container-vertical-padding, 4px);--elm-br: var(--tp-element-border-radius, 2px);--bld-s: var(--tp-blade-spacing, 4px);--bld-us: var(--tp-blade-unit-size, 20px);--bs-bg: var(--tp-base-background-color, hsl(230, 7%, 17%));--bs-sh: var(--tp-base-shadow-color, rgba(0, 0, 0, 0.2));--btn-bg: var(--tp-button-background-color, hsl(230, 7%, 70%));--btn-bg-a: var(--tp-button-background-color-active, #d6d7db);--btn-bg-f: var(--tp-button-background-color-focus, #c8cad0);--btn-bg-h: var(--tp-button-background-color-hover, #bbbcc4);--btn-fg: var(--tp-button-foreground-color, hsl(230, 7%, 17%));--cnt-bg: var(--tp-container-background-color, rgba(187, 188, 196, 0.1));--cnt-bg-a: var(--tp-container-background-color-active, rgba(187, 188, 196, 0.25));--cnt-bg-f: var(--tp-container-background-color-focus, rgba(187, 188, 196, 0.2));--cnt-bg-h: var(--tp-container-background-color-hover, rgba(187, 188, 196, 0.15));--cnt-fg: var(--tp-container-foreground-color, hsl(230, 7%, 75%));--in-bg: var(--tp-input-background-color, rgba(187, 188, 196, 0.1));--in-bg-a: var(--tp-input-background-color-active, rgba(187, 188, 196, 0.25));--in-bg-f: var(--tp-input-background-color-focus, rgba(187, 188, 196, 0.2));--in-bg-h: var(--tp-input-background-color-hover, rgba(187, 188, 196, 0.15));--in-fg: var(--tp-input-foreground-color, hsl(230, 7%, 75%));--lbl-fg: var(--tp-label-foreground-color, rgba(187, 188, 196, 0.7));--mo-bg: var(--tp-monitor-background-color, rgba(0, 0, 0, 0.2));--mo-fg: var(--tp-monitor-foreground-color, rgba(187, 188, 196, 0.7));--grv-fg: var(--tp-groove-foreground-color, rgba(187, 188, 196, 0.1))}.tp-rotv_c>.tp-cntv.tp-v-lst,.tp-tabv_c .tp-brkv>.tp-cntv.tp-v-lst,.tp-fldv_c>.tp-cntv.tp-v-lst{margin-bottom:calc(-1*var(--cnt-v-p))}.tp-rotv_c>.tp-fldv.tp-v-lst .tp-fldv_c,.tp-tabv_c .tp-brkv>.tp-fldv.tp-v-lst .tp-fldv_c,.tp-fldv_c>.tp-fldv.tp-v-lst .tp-fldv_c{border-bottom-left-radius:0}.tp-rotv_c>.tp-fldv.tp-v-lst .tp-fldv_b,.tp-tabv_c .tp-brkv>.tp-fldv.tp-v-lst .tp-fldv_b,.tp-fldv_c>.tp-fldv.tp-v-lst .tp-fldv_b{border-bottom-left-radius:0}.tp-rotv_c>*:not(.tp-v-fst),.tp-tabv_c .tp-brkv>*:not(.tp-v-fst),.tp-fldv_c>*:not(.tp-v-fst){margin-top:var(--bld-s)}.tp-rotv_c>.tp-sprv:not(.tp-v-fst),.tp-tabv_c .tp-brkv>.tp-sprv:not(.tp-v-fst),.tp-fldv_c>.tp-sprv:not(.tp-v-fst),.tp-rotv_c>.tp-cntv:not(.tp-v-fst),.tp-tabv_c .tp-brkv>.tp-cntv:not(.tp-v-fst),.tp-fldv_c>.tp-cntv:not(.tp-v-fst){margin-top:var(--cnt-v-p)}.tp-rotv_c>.tp-sprv+*:not(.tp-v-hidden),.tp-tabv_c .tp-brkv>.tp-sprv+*:not(.tp-v-hidden),.tp-fldv_c>.tp-sprv+*:not(.tp-v-hidden),.tp-rotv_c>.tp-cntv+*:not(.tp-v-hidden),.tp-tabv_c .tp-brkv>.tp-cntv+*:not(.tp-v-hidden),.tp-fldv_c>.tp-cntv+*:not(.tp-v-hidden){margin-top:var(--cnt-v-p)}.tp-rotv_c>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-tabv_c .tp-brkv>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-fldv_c>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-rotv_c>.tp-cntv:not(.tp-v-hidden)+.tp-cntv,.tp-tabv_c .tp-brkv>.tp-cntv:not(.tp-v-hidden)+.tp-cntv,.tp-fldv_c>.tp-cntv:not(.tp-v-hidden)+.tp-cntv{margin-top:0}.tp-tabv_c .tp-brkv>.tp-cntv,.tp-fldv_c>.tp-cntv{margin-left:4px}.tp-tabv_c .tp-brkv>.tp-fldv>.tp-fldv_b,.tp-fldv_c>.tp-fldv>.tp-fldv_b{border-top-left-radius:var(--elm-br);border-bottom-left-radius:var(--elm-br)}.tp-tabv_c .tp-brkv>.tp-fldv.tp-fldv-expanded>.tp-fldv_b,.tp-fldv_c>.tp-fldv.tp-fldv-expanded>.tp-fldv_b{border-bottom-left-radius:0}.tp-tabv_c .tp-brkv .tp-fldv>.tp-fldv_c,.tp-fldv_c .tp-fldv>.tp-fldv_c{border-bottom-left-radius:var(--elm-br)}.tp-tabv_c .tp-brkv>.tp-cntv+.tp-fldv>.tp-fldv_b,.tp-fldv_c>.tp-cntv+.tp-fldv>.tp-fldv_b{border-top-left-radius:0}.tp-tabv_c .tp-brkv>.tp-cntv+.tp-tabv>.tp-tabv_t,.tp-fldv_c>.tp-cntv+.tp-tabv>.tp-tabv_t{border-top-left-radius:0}.tp-tabv_c .tp-brkv>.tp-tabv>.tp-tabv_t,.tp-fldv_c>.tp-tabv>.tp-tabv_t{border-top-left-radius:var(--elm-br)}.tp-tabv_c .tp-brkv .tp-tabv>.tp-tabv_c,.tp-fldv_c .tp-tabv>.tp-tabv_c{border-bottom-left-radius:var(--elm-br)}.tp-rotv_b,.tp-fldv_b{background-color:var(--cnt-bg);color:var(--cnt-fg);cursor:pointer;display:block;height:calc(var(--bld-us) + 4px);line-height:calc(var(--bld-us) + 4px);overflow:hidden;padding-left:var(--cnt-h-p);padding-right:calc(4px + var(--bld-us) + var(--cnt-h-p));position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:border-radius .2s ease-in-out .2s}.tp-rotv_b:hover,.tp-fldv_b:hover{background-color:var(--cnt-bg-h)}.tp-rotv_b:focus,.tp-fldv_b:focus{background-color:var(--cnt-bg-f)}.tp-rotv_b:active,.tp-fldv_b:active{background-color:var(--cnt-bg-a)}.tp-rotv_b:disabled,.tp-fldv_b:disabled{opacity:.5}.tp-rotv_m,.tp-fldv_m{background:linear-gradient(to left, var(--cnt-fg), var(--cnt-fg) 2px, transparent 2px, transparent 4px, var(--cnt-fg) 4px);border-radius:2px;bottom:0;content:"";display:block;height:6px;right:calc(var(--cnt-h-p) + (var(--bld-us) + 4px - 6px)/2 - 2px);margin:auto;opacity:.5;position:absolute;top:0;transform:rotate(90deg);transition:transform .2s ease-in-out;width:6px}.tp-rotv.tp-rotv-expanded .tp-rotv_m,.tp-fldv.tp-fldv-expanded>.tp-fldv_b>.tp-fldv_m{transform:none}.tp-rotv_c,.tp-fldv_c{box-sizing:border-box;height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;position:relative;transition:height .2s ease-in-out,opacity .2s linear,padding .2s ease-in-out}.tp-rotv.tp-rotv-cpl:not(.tp-rotv-expanded) .tp-rotv_c,.tp-fldv.tp-fldv-cpl:not(.tp-fldv-expanded)>.tp-fldv_c{display:none}.tp-rotv.tp-rotv-expanded .tp-rotv_c,.tp-fldv.tp-fldv-expanded>.tp-fldv_c{opacity:1;padding-bottom:var(--cnt-v-p);padding-top:var(--cnt-v-p);transform:none;overflow:visible;transition:height .2s ease-in-out,opacity .2s linear .2s,padding .2s ease-in-out}.tp-lstv,.tp-coltxtv_m{position:relative}.tp-lstv_s{padding:0 20px 0 4px;width:100%}.tp-lstv_m,.tp-coltxtv_mm{bottom:0;margin:auto;pointer-events:none;position:absolute;right:2px;top:0}.tp-lstv_m svg,.tp-coltxtv_mm svg{bottom:0;height:16px;margin:auto;position:absolute;right:0;top:0;width:16px}.tp-lstv_m svg path,.tp-coltxtv_mm svg path{fill:currentColor}.tp-pndtxtv,.tp-coltxtv_w{display:flex}.tp-pndtxtv_a,.tp-coltxtv_c{width:100%}.tp-pndtxtv_a+.tp-pndtxtv_a,.tp-coltxtv_c+.tp-pndtxtv_a,.tp-pndtxtv_a+.tp-coltxtv_c,.tp-coltxtv_c+.tp-coltxtv_c{margin-left:2px}.tp-btnv_b{width:100%}.tp-btnv_t{text-align:center}.tp-ckbv_l{display:block;position:relative}.tp-ckbv_i{left:0;opacity:0;position:absolute;top:0}.tp-ckbv_w{background-color:var(--in-bg);border-radius:var(--elm-br);cursor:pointer;display:block;height:var(--bld-us);position:relative;width:var(--bld-us)}.tp-ckbv_w svg{bottom:0;display:block;height:16px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;width:16px}.tp-ckbv_w svg path{fill:none;stroke:var(--in-fg);stroke-width:2}.tp-ckbv_i:hover+.tp-ckbv_w{background-color:var(--in-bg-h)}.tp-ckbv_i:focus+.tp-ckbv_w{background-color:var(--in-bg-f)}.tp-ckbv_i:active+.tp-ckbv_w{background-color:var(--in-bg-a)}.tp-ckbv_i:checked+.tp-ckbv_w svg{opacity:1}.tp-ckbv.tp-v-disabled .tp-ckbv_w{opacity:.5}.tp-colv{position:relative}.tp-colv_h{display:flex}.tp-colv_s{flex-grow:0;flex-shrink:0;width:var(--bld-us)}.tp-colv_t{flex:1;margin-left:4px}.tp-colv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-colv.tp-colv-cpl .tp-colv_p{overflow:visible}.tp-colv.tp-colv-expanded .tp-colv_p{margin-top:var(--bld-s);opacity:1}.tp-colv .tp-popv{left:calc(-1*var(--cnt-h-p));right:calc(-1*var(--cnt-h-p));top:var(--bld-us)}.tp-colpv_h,.tp-colpv_ap{margin-left:6px;margin-right:6px}.tp-colpv_h{margin-top:var(--bld-s)}.tp-colpv_rgb{display:flex;margin-top:var(--bld-s);width:100%}.tp-colpv_a{display:flex;margin-top:var(--cnt-v-p);padding-top:calc(var(--cnt-v-p) + 2px);position:relative}.tp-colpv_a::before{background-color:var(--grv-fg);content:"";height:2px;left:calc(-1*var(--cnt-h-p));position:absolute;right:calc(-1*var(--cnt-h-p));top:0}.tp-colpv.tp-v-disabled .tp-colpv_a::before{opacity:.5}.tp-colpv_ap{align-items:center;display:flex;flex:3}.tp-colpv_at{flex:1;margin-left:4px}.tp-svpv{border-radius:var(--elm-br);outline:none;overflow:hidden;position:relative}.tp-svpv.tp-v-disabled{opacity:.5}.tp-svpv_c{cursor:crosshair;display:block;height:calc(var(--bld-us)*4);width:100%}.tp-svpv_m{border-radius:100%;border:rgba(255,255,255,.75) solid 2px;box-sizing:border-box;filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));height:12px;margin-left:-6px;margin-top:-6px;pointer-events:none;position:absolute;width:12px}.tp-svpv:focus .tp-svpv_m{border-color:#fff}.tp-hplv{cursor:pointer;height:var(--bld-us);outline:none;position:relative}.tp-hplv.tp-v-disabled{opacity:.5}.tp-hplv_c{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAABCAYAAABubagXAAAAQ0lEQVQoU2P8z8Dwn0GCgQEDi2OK/RBgYHjBgIpfovFh8j8YBIgzFGQxuqEgPhaDOT5gOhPkdCxOZeBg+IDFZZiGAgCaSSMYtcRHLgAAAABJRU5ErkJggg==);background-position:left top;background-repeat:no-repeat;background-size:100% 100%;border-radius:2px;display:block;height:4px;left:0;margin-top:-2px;position:absolute;top:50%;width:100%}.tp-hplv_m{border-radius:var(--elm-br);border:rgba(255,255,255,.75) solid 2px;box-shadow:0 0 2px rgba(0,0,0,.1);box-sizing:border-box;height:12px;left:50%;margin-left:-6px;margin-top:-6px;pointer-events:none;position:absolute;top:50%;width:12px}.tp-hplv:focus .tp-hplv_m{border-color:#fff}.tp-aplv{cursor:pointer;height:var(--bld-us);outline:none;position:relative;width:100%}.tp-aplv.tp-v-disabled{opacity:.5}.tp-aplv_b{background-color:#fff;background-image:linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%),linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%);background-size:4px 4px;background-position:0 0,2px 2px;border-radius:2px;display:block;height:4px;left:0;margin-top:-2px;overflow:hidden;position:absolute;top:50%;width:100%}.tp-aplv_c{bottom:0;left:0;position:absolute;right:0;top:0}.tp-aplv_m{background-color:#fff;background-image:linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%),linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%);background-size:12px 12px;background-position:0 0,6px 6px;border-radius:var(--elm-br);box-shadow:0 0 2px rgba(0,0,0,.1);height:12px;left:50%;margin-left:-6px;margin-top:-6px;overflow:hidden;pointer-events:none;position:absolute;top:50%;width:12px}.tp-aplv_p{border-radius:var(--elm-br);border:rgba(255,255,255,.75) solid 2px;box-sizing:border-box;bottom:0;left:0;position:absolute;right:0;top:0}.tp-aplv:focus .tp-aplv_p{border-color:#fff}.tp-colswv{background-color:#fff;background-image:linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%),linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%);background-size:10px 10px;background-position:0 0,5px 5px;border-radius:var(--elm-br);overflow:hidden}.tp-colswv.tp-v-disabled{opacity:.5}.tp-colswv_sw{border-radius:0}.tp-colswv_b{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border-width:0;cursor:pointer;display:block;height:var(--bld-us);left:0;margin:0;outline:none;padding:0;position:absolute;top:0;width:var(--bld-us)}.tp-colswv_b:focus::after{border:rgba(255,255,255,.75) solid 2px;border-radius:var(--elm-br);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.tp-coltxtv{display:flex;width:100%}.tp-coltxtv_m{margin-right:4px}.tp-coltxtv_ms{border-radius:var(--elm-br);color:var(--lbl-fg);cursor:pointer;height:var(--bld-us);line-height:var(--bld-us);padding:0 18px 0 4px}.tp-coltxtv_ms:hover{background-color:var(--in-bg-h)}.tp-coltxtv_ms:focus{background-color:var(--in-bg-f)}.tp-coltxtv_ms:active{background-color:var(--in-bg-a)}.tp-coltxtv_mm{color:var(--lbl-fg)}.tp-coltxtv.tp-v-disabled .tp-coltxtv_mm{opacity:.5}.tp-coltxtv_w{flex:1}.tp-dfwv{position:absolute;top:8px;right:8px;width:256px}.tp-fldv{position:relative}.tp-fldv.tp-fldv-not .tp-fldv_b{display:none}.tp-fldv_t{padding-left:4px}.tp-fldv_b:disabled .tp-fldv_m{display:none}.tp-fldv_c{padding-left:4px}.tp-fldv_i{bottom:0;color:var(--cnt-bg);left:0;overflow:hidden;position:absolute;top:calc(var(--bld-us) + 4px);width:var(--bs-br)}.tp-fldv_i::before{background-color:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.tp-fldv_b:hover+.tp-fldv_i{color:var(--cnt-bg-h)}.tp-fldv_b:focus+.tp-fldv_i{color:var(--cnt-bg-f)}.tp-fldv_b:active+.tp-fldv_i{color:var(--cnt-bg-a)}.tp-fldv.tp-v-disabled>.tp-fldv_i{opacity:.5}.tp-grlv{position:relative}.tp-grlv_g{display:block;height:calc(var(--bld-us)*3)}.tp-grlv_g polyline{fill:none;stroke:var(--mo-fg);stroke-linejoin:round}.tp-grlv_t{margin-top:-4px;transition:left .05s,top .05s;visibility:hidden}.tp-grlv_t.tp-grlv_t-a{visibility:visible}.tp-grlv_t.tp-grlv_t-in{transition:none}.tp-grlv.tp-v-disabled .tp-grlv_g{opacity:.5}.tp-grlv .tp-ttv{background-color:var(--mo-fg)}.tp-grlv .tp-ttv::before{border-top-color:var(--mo-fg)}.tp-lblv{align-items:center;display:flex;line-height:1.3;padding-left:var(--cnt-h-p);padding-right:var(--cnt-h-p)}.tp-lblv.tp-lblv-nol{display:block}.tp-lblv_l{color:var(--lbl-fg);flex:1;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;padding-left:4px;padding-right:16px}.tp-lblv.tp-v-disabled .tp-lblv_l{opacity:.5}.tp-lblv.tp-lblv-nol .tp-lblv_l{display:none}.tp-lblv_v{align-self:flex-start;flex-grow:0;flex-shrink:0;width:160px}.tp-lblv.tp-lblv-nol .tp-lblv_v{width:100%}.tp-lstv_s{padding:0 20px 0 4px;width:100%}.tp-lstv_m{color:var(--btn-fg)}.tp-sglv_i{padding:0 4px}.tp-sglv.tp-v-disabled .tp-sglv_i{opacity:.5}.tp-mllv_i{display:block;height:calc(var(--bld-us)*3);line-height:var(--bld-us);padding:0 4px;resize:none;white-space:pre}.tp-mllv.tp-v-disabled .tp-mllv_i{opacity:.5}.tp-p2dv{position:relative}.tp-p2dv_h{display:flex}.tp-p2dv_b{height:var(--bld-us);margin-right:4px;position:relative;width:var(--bld-us)}.tp-p2dv_b svg{display:block;height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.tp-p2dv_b svg path{stroke:currentColor;stroke-width:2}.tp-p2dv_b svg circle{fill:currentColor}.tp-p2dv_t{flex:1}.tp-p2dv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-p2dv.tp-p2dv-expanded .tp-p2dv_p{margin-top:var(--bld-s);opacity:1}.tp-p2dv .tp-popv{left:calc(-1*var(--cnt-h-p));right:calc(-1*var(--cnt-h-p));top:var(--bld-us)}.tp-p2dpv{padding-left:calc(var(--bld-us) + 4px)}.tp-p2dpv_p{cursor:crosshair;height:0;overflow:hidden;padding-bottom:100%;position:relative}.tp-p2dpv.tp-v-disabled .tp-p2dpv_p{opacity:.5}.tp-p2dpv_g{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.tp-p2dpv_ax{opacity:.1;stroke:var(--in-fg);stroke-dasharray:1}.tp-p2dpv_l{opacity:.5;stroke:var(--in-fg);stroke-dasharray:1}.tp-p2dpv_m{border:var(--in-fg) solid 1px;border-radius:50%;box-sizing:border-box;height:4px;margin-left:-2px;margin-top:-2px;position:absolute;width:4px}.tp-p2dpv_p:focus .tp-p2dpv_m{background-color:var(--in-fg);border-width:0}.tp-popv{background-color:var(--bs-bg);border-radius:6px;box-shadow:0 2px 4px var(--bs-sh);display:none;max-width:168px;padding:var(--cnt-v-p) var(--cnt-h-p);position:absolute;visibility:hidden;z-index:1000}.tp-popv.tp-popv-v{display:block;visibility:visible}.tp-sprv_r{background-color:var(--grv-fg);border-width:0;display:block;height:2px;margin:0;width:100%}.tp-sprv.tp-v-disabled .tp-sprv_r{opacity:.5}.tp-sldv.tp-v-disabled{opacity:.5}.tp-sldv_t{box-sizing:border-box;cursor:pointer;height:var(--bld-us);margin:0 6px;outline:none;position:relative}.tp-sldv_t::before{background-color:var(--in-bg);border-radius:1px;bottom:0;content:"";display:block;height:2px;left:0;margin:auto;position:absolute;right:0;top:0}.tp-sldv_k{height:100%;left:0;position:absolute;top:0}.tp-sldv_k::before{background-color:var(--in-fg);border-radius:1px;bottom:0;content:"";display:block;height:2px;left:0;margin-bottom:auto;margin-top:auto;position:absolute;right:0;top:0}.tp-sldv_k::after{background-color:var(--btn-bg);border-radius:var(--elm-br);bottom:0;content:"";display:block;height:12px;margin-bottom:auto;margin-top:auto;position:absolute;right:-6px;top:0;width:12px}.tp-sldv_t:hover .tp-sldv_k::after{background-color:var(--btn-bg-h)}.tp-sldv_t:focus .tp-sldv_k::after{background-color:var(--btn-bg-f)}.tp-sldv_t:active .tp-sldv_k::after{background-color:var(--btn-bg-a)}.tp-sldtxtv{display:flex}.tp-sldtxtv_s{flex:2}.tp-sldtxtv_t{flex:1;margin-left:4px}.tp-tabv{position:relative}.tp-tabv_t{align-items:flex-end;color:var(--cnt-bg);display:flex;overflow:hidden;position:relative}.tp-tabv_t:hover{color:var(--cnt-bg-h)}.tp-tabv_t:has(*:focus){color:var(--cnt-bg-f)}.tp-tabv_t:has(*:active){color:var(--cnt-bg-a)}.tp-tabv_t::before{background-color:currentColor;bottom:0;content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0}.tp-tabv.tp-v-disabled .tp-tabv_t::before{opacity:.5}.tp-tabv.tp-tabv-nop .tp-tabv_t{height:calc(var(--bld-us) + 4px);position:relative}.tp-tabv.tp-tabv-nop .tp-tabv_t::before{background-color:var(--cnt-bg);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tp-tabv_c{padding-bottom:var(--cnt-v-p);padding-left:4px;padding-top:var(--cnt-v-p)}.tp-tabv_i{bottom:0;color:var(--cnt-bg);left:0;overflow:hidden;position:absolute;top:calc(var(--bld-us) + 4px);width:var(--bs-br)}.tp-tabv_i::before{background-color:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.tp-tabv_t:hover+.tp-tabv_i{color:var(--cnt-bg-h)}.tp-tabv_t:has(*:focus)+.tp-tabv_i{color:var(--cnt-bg-f)}.tp-tabv_t:has(*:active)+.tp-tabv_i{color:var(--cnt-bg-a)}.tp-tabv.tp-v-disabled>.tp-tabv_i{opacity:.5}.tp-tbiv{flex:1;min-width:0;position:relative}.tp-tbiv+.tp-tbiv{margin-left:2px}.tp-tbiv+.tp-tbiv.tp-v-disabled::before{opacity:.5}.tp-tbiv_b{display:block;padding-left:calc(var(--cnt-h-p) + 4px);padding-right:calc(var(--cnt-h-p) + 4px);position:relative;width:100%}.tp-tbiv_b:disabled{opacity:.5}.tp-tbiv_b::before{background-color:var(--cnt-bg);bottom:2px;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tp-tbiv_b:hover::before{background-color:var(--cnt-bg-h)}.tp-tbiv_b:focus::before{background-color:var(--cnt-bg-f)}.tp-tbiv_b:active::before{background-color:var(--cnt-bg-a)}.tp-tbiv_t{color:var(--cnt-fg);height:calc(var(--bld-us) + 4px);line-height:calc(var(--bld-us) + 4px);opacity:.5;overflow:hidden;text-overflow:ellipsis}.tp-tbiv.tp-tbiv-sel .tp-tbiv_t{opacity:1}.tp-txtv{position:relative}.tp-txtv_i{padding:0 4px}.tp-txtv.tp-txtv-fst .tp-txtv_i{border-bottom-right-radius:0;border-top-right-radius:0}.tp-txtv.tp-txtv-mid .tp-txtv_i{border-radius:0}.tp-txtv.tp-txtv-lst .tp-txtv_i{border-bottom-left-radius:0;border-top-left-radius:0}.tp-txtv.tp-txtv-num .tp-txtv_i{text-align:right}.tp-txtv.tp-txtv-drg .tp-txtv_i{opacity:.3}.tp-txtv_k{cursor:pointer;height:100%;left:-3px;position:absolute;top:0;width:12px}.tp-txtv_k::before{background-color:var(--in-fg);border-radius:1px;bottom:0;content:"";height:calc(var(--bld-us) - 4px);left:50%;margin-bottom:auto;margin-left:-1px;margin-top:auto;opacity:.1;position:absolute;top:0;transition:border-radius .1s,height .1s,transform .1s,width .1s;width:2px}.tp-txtv_k:hover::before,.tp-txtv.tp-txtv-drg .tp-txtv_k::before{opacity:1}.tp-txtv.tp-txtv-drg .tp-txtv_k::before{border-radius:50%;height:4px;transform:translateX(-1px);width:4px}.tp-txtv_g{bottom:0;display:block;height:8px;left:50%;margin:auto;overflow:visible;pointer-events:none;position:absolute;top:0;visibility:hidden;width:100%}.tp-txtv.tp-txtv-drg .tp-txtv_g{visibility:visible}.tp-txtv_gb{fill:none;stroke:var(--in-fg);stroke-dasharray:1}.tp-txtv_gh{fill:none;stroke:var(--in-fg)}.tp-txtv .tp-ttv{margin-left:6px;visibility:hidden}.tp-txtv.tp-txtv-drg .tp-ttv{visibility:visible}.tp-ttv{background-color:var(--in-fg);border-radius:var(--elm-br);color:var(--bs-bg);padding:2px 4px;pointer-events:none;position:absolute;transform:translate(-50%, -100%)}.tp-ttv::before{border-color:var(--in-fg) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:2px;box-sizing:border-box;content:"";font-size:.9em;height:4px;left:50%;margin-left:-2px;position:absolute;top:100%;width:4px}.tp-rotv{background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh);font-family:var(--font-family);font-size:11px;font-weight:500;line-height:1;text-align:left}.tp-rotv_b{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br);border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br);padding-left:calc(4px + var(--bld-us) + var(--cnt-h-p));text-align:center}.tp-rotv.tp-rotv-expanded .tp-rotv_b{border-bottom-left-radius:0;border-bottom-right-radius:0}.tp-rotv.tp-rotv-not .tp-rotv_b{display:none}.tp-rotv_b:disabled .tp-rotv_m{display:none}.tp-rotv_c>.tp-fldv.tp-v-lst>.tp-fldv_c{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.tp-rotv_c>.tp-fldv.tp-v-lst>.tp-fldv_i{border-bottom-left-radius:var(--bs-br)}.tp-rotv_c>.tp-fldv.tp-v-lst:not(.tp-fldv-expanded)>.tp-fldv_b{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.tp-rotv_c .tp-fldv.tp-v-vlst:not(.tp-fldv-expanded)>.tp-fldv_b{border-bottom-right-radius:var(--bs-br)}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-fldv.tp-v-fst{margin-top:calc(-1*var(--cnt-v-p))}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-fldv.tp-v-fst>.tp-fldv_b{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.tp-rotv_c>.tp-tabv.tp-v-lst>.tp-tabv_c{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.tp-rotv_c>.tp-tabv.tp-v-lst>.tp-tabv_i{border-bottom-left-radius:var(--bs-br)}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-tabv.tp-v-fst{margin-top:calc(-1*var(--cnt-v-p))}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-tabv.tp-v-fst>.tp-tabv_t{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.tp-rotv.tp-v-disabled,.tp-rotv .tp-v-disabled{pointer-events:none}.tp-rotv.tp-v-hidden,.tp-rotv .tp-v-hidden{display:none}'),this.pool_.getAll().forEach(e=>{this.embedPluginStyle_(e)}),this.registerPlugin({plugins:[mu,cu,Hn,fu]})}}const gu=new s("3.1.7");r.BladeApi=a,r.ButtonApi=R,r.FolderApi=qn,r.InputBindingApi=Xn,r.ListApi=No,r.MonitorBindingApi=Yn,r.Pane=bu,r.SeparatorApi=Li,r.SliderApi=Fo,r.TabApi=Vi,r.TabPageApi=Jn,r.TextApi=jo,r.TpChangeEvent=u,r.VERSION=gu,Object.defineProperty(r,"__esModule",{value:!0})})})(Al,xi);var Gn={},Vl={get exports(){return Gn},set exports(g){Gn=g}};(function(g,i){(function(r,s){s(i)})(Gr,function(r){class s{constructor(o){this.controller_=o}get element(){return this.controller_.view.element}get disabled(){return this.controller_.viewProps.get("disabled")}set disabled(o){this.controller_.viewProps.set("disabled",o)}get hidden(){return this.controller_.viewProps.get("hidden")}set hidden(o){this.controller_.viewProps.set("hidden",o)}dispose(){this.controller_.viewProps.set("disposed",!0)}}class a{constructor(o){this.target=o}}class c extends a{constructor(o,p,v,C){super(o),this.value=p,this.presetKey=v,this.last=C??!0}}function u(m){return m}function h(m){return m==null}const d={alreadydisposed:()=>"View has been already disposed",invalidparams:m=>`Invalid parameters for '${m.name}'`,nomatchingcontroller:m=>`No matching controller for '${m.key}'`,nomatchingview:m=>`No matching view for '${JSON.stringify(m.params)}'`,notbindable:()=>"Value is not bindable",propertynotfound:m=>`Property '${m.name}' not found`,shouldneverhappen:()=>"This error should never happen"};class _{constructor(o){var p;this.message=(p=d[o.type](o.context))!==null&&p!==void 0?p:"Unexpected error",this.name=this.constructor.name,this.stack=new Error(this.message).stack,this.type=o.type}static alreadyDisposed(){return new _({type:"alreadydisposed"})}static notBindable(){return new _({type:"notbindable"})}static propertyNotFound(o){return new _({type:"propertynotfound",context:{name:o}})}static shouldNeverHappen(){return new _({type:"shouldneverhappen"})}}class y{constructor(){this.observers_={}}on(o,p){let v=this.observers_[o];return v||(v=this.observers_[o]=[]),v.push({handler:p}),this}off(o,p){const v=this.observers_[o];return v&&(this.observers_[o]=v.filter(C=>C.handler!==p)),this}emit(o,p){const v=this.observers_[o];v&&v.forEach(C=>{C.handler(p)})}}const w="tp";function x(m){return(p,v)=>[w,"-",m,"v",p?`_${p}`:"",v?`-${v}`:""].join("")}function M(m,o){return p=>o(m(p))}function O(m){return m.rawValue}function I(m,o){m.emitter.on("change",M(O,o)),o(m.rawValue)}function E(m,o,p){I(m.value(o),p)}function R(m,o,p){p?m.classList.add(o):m.classList.remove(o)}function z(m,o){return p=>{R(m,o,p)}}function B(m,o){I(m,p=>{o.textContent=p??""})}const N=x("btn");class Q{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(N()),p.viewProps.bindClassModifiers(this.element);const v=o.createElement("button");v.classList.add(N("b")),p.viewProps.bindDisabled(v),this.element.appendChild(v),this.buttonElement=v;const C=o.createElement("div");C.classList.add(N("t")),B(p.props.value("title"),C),this.buttonElement.appendChild(C)}}class ${constructor(o,p){this.emitter=new y,this.onClick_=this.onClick_.bind(this),this.props=p.props,this.viewProps=p.viewProps,this.view=new Q(o,{props:this.props,viewProps:this.viewProps}),this.view.buttonElement.addEventListener("click",this.onClick_)}onClick_(){this.emitter.emit("click",{sender:this})}}class j{constructor(o,p){var v;this.constraint_=p==null?void 0:p.constraint,this.equals_=(v=p==null?void 0:p.equals)!==null&&v!==void 0?v:(C,k)=>C===k,this.emitter=new y,this.rawValue_=o}get constraint(){return this.constraint_}get rawValue(){return this.rawValue_}set rawValue(o){this.setRawValue(o,{forceEmit:!1,last:!0})}setRawValue(o,p){const v=p??{forceEmit:!1,last:!0},C=this.constraint_?this.constraint_.constrain(o):o,k=this.rawValue_;this.equals_(k,C)&&!v.forceEmit||(this.emitter.emit("beforechange",{sender:this}),this.rawValue_=C,this.emitter.emit("change",{options:v,previousRawValue:k,rawValue:C,sender:this}))}}class F{constructor(o){this.emitter=new y,this.value_=o}get rawValue(){return this.value_}set rawValue(o){this.setRawValue(o,{forceEmit:!1,last:!0})}setRawValue(o,p){const v=p??{forceEmit:!1,last:!0},C=this.value_;C===o&&!v.forceEmit||(this.emitter.emit("beforechange",{sender:this}),this.value_=o,this.emitter.emit("change",{options:v,previousRawValue:C,rawValue:this.value_,sender:this}))}}function X(m,o){const p=o==null?void 0:o.constraint,v=o==null?void 0:o.equals;return!p&&!v?new F(m):new j(m,o)}class Y{constructor(o){this.emitter=new y,this.valMap_=o;for(const p in this.valMap_)this.valMap_[p].emitter.on("change",()=>{this.emitter.emit("change",{key:p,sender:this})})}static createCore(o){return Object.keys(o).reduce((v,C)=>Object.assign(v,{[C]:X(o[C])}),{})}static fromObject(o){const p=this.createCore(o);return new Y(p)}get(o){return this.valMap_[o].rawValue}set(o,p){this.valMap_[o].rawValue=p}value(o){return this.valMap_[o]}}function Z(m,o){const v=Object.keys(o).reduce((C,k)=>{if(C===void 0)return;const T=o[k],G=T(m[k]);return G.succeeded?Object.assign(Object.assign({},C),{[k]:G.value}):void 0},{});return v}function ue(m,o){return m.reduce((p,v)=>{if(p===void 0)return;const C=o(v);if(!(!C.succeeded||C.value===void 0))return[...p,C.value]},[])}function ge(m){return m===null?!1:typeof m=="object"}function pe(m){return o=>p=>{if(!o&&p===void 0)return{succeeded:!1,value:void 0};if(o&&p===void 0)return{succeeded:!0,value:void 0};const v=m(p);return v!==void 0?{succeeded:!0,value:v}:{succeeded:!1,value:void 0}}}function me(m){return{custom:o=>pe(o)(m),boolean:pe(o=>typeof o=="boolean"?o:void 0)(m),number:pe(o=>typeof o=="number"?o:void 0)(m),string:pe(o=>typeof o=="string"?o:void 0)(m),function:pe(o=>typeof o=="function"?o:void 0)(m),constant:o=>pe(p=>p===o?o:void 0)(m),raw:pe(o=>o)(m),object:o=>pe(p=>{if(ge(p))return Z(p,o)})(m),array:o=>pe(p=>{if(Array.isArray(p))return ue(p,o)})(m)}}const he={optional:me(!0),required:me(!1)};function ee(m,o){const p=he.required.object(o)(m);return p.succeeded?p.value:void 0}function q(m){console.warn([`Missing '${m.key}' of ${m.target} in ${m.place}.`,"Please rebuild plugins with the latest core package."].join(" "))}function Ce(m){return m&&m.parentElement&&m.parentElement.removeChild(m),null}class fe{constructor(o){this.value_=o}static create(o){return[new fe(o),(p,v)=>{o.setRawValue(p,v)}]}get emitter(){return this.value_.emitter}get rawValue(){return this.value_.rawValue}}const le=x("");function ne(m,o){return z(m,le(void 0,o))}class be extends Y{constructor(o){var p;super(o),this.onDisabledChange_=this.onDisabledChange_.bind(this),this.onParentChange_=this.onParentChange_.bind(this),this.onParentGlobalDisabledChange_=this.onParentGlobalDisabledChange_.bind(this),[this.globalDisabled_,this.setGlobalDisabled_]=fe.create(X(this.getGlobalDisabled_())),this.value("disabled").emitter.on("change",this.onDisabledChange_),this.value("parent").emitter.on("change",this.onParentChange_),(p=this.get("parent"))===null||p===void 0||p.globalDisabled.emitter.on("change",this.onParentGlobalDisabledChange_)}static create(o){var p,v,C;const k=o??{};return new be(Y.createCore({disabled:(p=k.disabled)!==null&&p!==void 0?p:!1,disposed:!1,hidden:(v=k.hidden)!==null&&v!==void 0?v:!1,parent:(C=k.parent)!==null&&C!==void 0?C:null}))}get globalDisabled(){return this.globalDisabled_}bindClassModifiers(o){I(this.globalDisabled_,ne(o,"disabled")),E(this,"hidden",ne(o,"hidden"))}bindDisabled(o){I(this.globalDisabled_,p=>{o.disabled=p})}bindTabIndex(o){I(this.globalDisabled_,p=>{o.tabIndex=p?-1:0})}handleDispose(o){this.value("disposed").emitter.on("change",p=>{p&&o()})}getGlobalDisabled_(){const o=this.get("parent");return(o?o.globalDisabled.rawValue:!1)||this.get("disabled")}updateGlobalDisabled_(){this.setGlobalDisabled_(this.getGlobalDisabled_())}onDisabledChange_(){this.updateGlobalDisabled_()}onParentGlobalDisabledChange_(){this.updateGlobalDisabled_()}onParentChange_(o){var p;const v=o.previousRawValue;v==null||v.globalDisabled.emitter.off("change",this.onParentGlobalDisabledChange_),(p=this.get("parent"))===null||p===void 0||p.globalDisabled.emitter.on("change",this.onParentGlobalDisabledChange_),this.updateGlobalDisabled_()}}function V(){return["veryfirst","first","last","verylast"]}const ce=x(""),Ae={veryfirst:"vfst",first:"fst",last:"lst",verylast:"vlst"};class De{constructor(o){this.parent_=null,this.blade=o.blade,this.view=o.view,this.viewProps=o.viewProps;const p=this.view.element;this.blade.value("positions").emitter.on("change",()=>{V().forEach(v=>{p.classList.remove(ce(void 0,Ae[v]))}),this.blade.get("positions").forEach(v=>{p.classList.add(ce(void 0,Ae[v]))})}),this.viewProps.handleDispose(()=>{Ce(p)})}get parent(){return this.parent_}set parent(o){if(this.parent_=o,!("parent"in this.viewProps.valMap_)){q({key:"parent",target:be.name,place:"BladeController.parent"});return}this.viewProps.set("parent",this.parent_?this.parent_.viewProps:null)}}const we="http://www.w3.org/2000/svg";function qe(m){m.offsetHeight}function fn(m,o){const p=m.style.transition;m.style.transition="none",o(),m.style.transition=p}function ze(m){return m.ontouchstart!==void 0}function vn(m){for(;m.childNodes.length>0;)m.removeChild(m.childNodes[0])}function $t(m){return m.relatedTarget?m.relatedTarget:"explicitOriginalTarget"in m?m.explicitOriginalTarget:null}const nt=x("lbl");function dt(m,o){const p=m.createDocumentFragment();return o.split(`
 `).map(C=>m.createTextNode(C)).forEach((C,k)=>{k>0&&p.appendChild(m.createElement("br")),p.appendChild(C)}),p}class Ee{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(nt()),p.viewProps.bindClassModifiers(this.element);const v=o.createElement("div");v.classList.add(nt("l")),E(p.props,"label",k=>{h(k)?this.element.classList.add(nt(void 0,"nol")):(this.element.classList.remove(nt(void 0,"nol")),vn(v),v.appendChild(dt(o,k)))}),this.element.appendChild(v),this.labelElement=v;const C=o.createElement("div");C.classList.add(nt("v")),this.element.appendChild(C),this.valueElement=C}}class Qe extends De{constructor(o,p){const v=p.valueController.viewProps;super(Object.assign(Object.assign({},p),{view:new Ee(o,{props:p.props,viewProps:v}),viewProps:v})),this.props=p.props,this.valueController=p.valueController,this.view.valueElement.appendChild(this.valueController.view.element)}}class Xt extends De{constructor(o){super(o),this.value=o.value}}class it extends Y{constructor(o){super(o)}static create(o){const p={completed:!0,expanded:o,expandedHeight:null,shouldFixHeight:!1,temporaryExpanded:null},v=Y.createCore(p);return new it(v)}get styleExpanded(){var o;return(o=this.get("temporaryExpanded"))!==null&&o!==void 0?o:this.get("expanded")}get styleHeight(){if(!this.styleExpanded)return"0";const o=this.get("expandedHeight");return this.get("shouldFixHeight")&&!h(o)?`${o}px`:"auto"}bindExpandedClass(o,p){const v=()=>{this.styleExpanded?o.classList.add(p):o.classList.remove(p)};E(this,"expanded",v),E(this,"temporaryExpanded",v)}cleanUpTransition(){this.set("shouldFixHeight",!1),this.set("expandedHeight",null),this.set("completed",!0)}}function bn(m){return it.create(m)}function Kn(m,o){let p=0;return fn(o,()=>{m.set("expandedHeight",null),m.set("temporaryExpanded",!0),qe(o),p=o.clientHeight,m.set("temporaryExpanded",null),qe(o)}),p}function gn(m,o){o.style.height=m.styleHeight}function _n(m,o){m.value("expanded").emitter.on("beforechange",()=>{m.set("completed",!1),h(m.get("expandedHeight"))&&m.set("expandedHeight",Kn(m,o)),m.set("shouldFixHeight",!0),qe(o)}),m.emitter.on("change",()=>{gn(m,o)}),gn(m,o),o.addEventListener("transitionend",p=>{p.propertyName==="height"&&m.cleanUpTransition()})}class at{constructor(o,p){const v=x(p.viewName);this.element=o.createElement("div"),this.element.classList.add(v()),p.viewProps.bindClassModifiers(this.element)}}class mt extends Xt{constructor(o,p){const v=p.valueController.viewProps;super(Object.assign(Object.assign({},p),{value:p.valueController.value,view:new Ee(o,{props:p.props,viewProps:v}),viewProps:v})),this.props=p.props,this.valueController=p.valueController,this.view.valueElement.appendChild(this.valueController.view.element)}}class wn{constructor(){this.disabled=!1,this.emitter=new y}dispose(){}tick(){this.disabled||this.emitter.emit("tick",{sender:this})}}class Yt{constructor(o,p){this.disabled_=!1,this.timerId_=null,this.onTick_=this.onTick_.bind(this),this.doc_=o,this.emitter=new y,this.interval_=p,this.setTimer_()}get disabled(){return this.disabled_}set disabled(o){this.disabled_=o,this.disabled_?this.clearTimer_():this.setTimer_()}dispose(){this.clearTimer_()}clearTimer_(){if(this.timerId_===null)return;const o=this.doc_.defaultView;o&&o.clearInterval(this.timerId_),this.timerId_=null}setTimer_(){if(this.clearTimer_(),this.interval_<=0)return;const o=this.doc_.defaultView;o&&(this.timerId_=o.setInterval(this.onTick_,this.interval_))}onTick_(){this.disabled_||this.emitter.emit("tick",{sender:this})}}class yn{constructor(o){this.constraints=o}constrain(o){return this.constraints.reduce((p,v)=>v.constrain(p),o)}}function lt(m,o){if(m instanceof o)return m;if(m instanceof yn){const p=m.constraints.reduce((v,C)=>v||(C instanceof o?C:null),null);if(p)return p}return null}class st{constructor(o){this.values=Y.fromObject({max:o.max,min:o.min})}constrain(o){const p=this.values.get("max"),v=this.values.get("min");return Math.min(Math.max(o,v),p)}}class ft{constructor(o){this.values=Y.fromObject({max:o.max,min:o.min})}get maxValue(){return this.values.get("max")}get minValue(){return this.values.get("min")}constrain(o){const p=this.values.get("max"),v=this.values.get("min");let C=o;return h(v)||(C=Math.max(C,v)),h(p)||(C=Math.min(C,p)),C}}class D{constructor(o,p=0){this.step=o,this.origin=p}constrain(o){const p=this.origin%this.step,v=Math.round((o-p)/this.step);return p+v*this.step}}const K=x("pop");class J{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(K()),p.viewProps.bindClassModifiers(this.element),I(p.shows,z(this.element,K(void 0,"v")))}}class ie{constructor(o,p){this.shows=X(!1),this.viewProps=p.viewProps,this.view=new J(o,{shows:this.shows,viewProps:this.viewProps})}}const ye=x("txt");class Ve{constructor(o,p){this.onChange_=this.onChange_.bind(this),this.element=o.createElement("div"),this.element.classList.add(ye()),p.viewProps.bindClassModifiers(this.element),this.props_=p.props,this.props_.emitter.on("change",this.onChange_);const v=o.createElement("input");v.classList.add(ye("i")),v.type="text",p.viewProps.bindDisabled(v),this.element.appendChild(v),this.inputElement=v,p.value.emitter.on("change",this.onChange_),this.value_=p.value,this.refresh()}refresh(){const o=this.props_.get("formatter");this.inputElement.value=o(this.value_.rawValue)}onChange_(){this.refresh()}}class St{constructor(o,p){this.onInputChange_=this.onInputChange_.bind(this),this.parser_=p.parser,this.props=p.props,this.value=p.value,this.viewProps=p.viewProps,this.view=new Ve(o,{props:p.props,value:this.value,viewProps:this.viewProps}),this.view.inputElement.addEventListener("change",this.onInputChange_)}onInputChange_(o){const v=o.currentTarget.value,C=this.parser_(v);h(C)||(this.value.rawValue=C),this.view.refresh()}}function qt(m){return m==="false"?!1:!!m}class Oe{constructor(o){this.text=o}evaluate(){return Number(this.text)}toString(){return this.text}}const Be={"**":(m,o)=>Math.pow(m,o),"*":(m,o)=>m*o,"/":(m,o)=>m/o,"%":(m,o)=>m%o,"+":(m,o)=>m+o,"-":(m,o)=>m-o,"<<":(m,o)=>m<<o,">>":(m,o)=>m>>o,">>>":(m,o)=>m>>>o,"&":(m,o)=>m&o,"^":(m,o)=>m^o,"|":(m,o)=>m|o};class fs{constructor(o,p,v){this.left=p,this.operator=o,this.right=v}evaluate(){const o=Be[this.operator];if(!o)throw new Error(`unexpected binary operator: '${this.operator}`);return o(this.left.evaluate(),this.right.evaluate())}toString(){return["b(",this.left.toString(),this.operator,this.right.toString(),")"].join(" ")}}const vs={"+":m=>m,"-":m=>-m,"~":m=>~m};class bs{constructor(o,p){this.operator=o,this.expression=p}evaluate(){const o=vs[this.operator];if(!o)throw new Error(`unexpected unary operator: '${this.operator}`);return o(this.expression.evaluate())}toString(){return["u(",this.operator,this.expression.toString(),")"].join(" ")}}function $n(m){return(o,p)=>{for(let v=0;v<m.length;v++){const C=m[v](o,p);if(C!=="")return C}return""}}function vt(m,o){var p;const v=m.substr(o).match(/^\s+/);return(p=v&&v[0])!==null&&p!==void 0?p:""}function Xn(m,o){const p=m.substr(o,1);return p.match(/^[1-9]$/)?p:""}function Te(m,o){var p;const v=m.substr(o).match(/^[0-9]+/);return(p=v&&v[0])!==null&&p!==void 0?p:""}function Yn(m,o){const p=Te(m,o);if(p!=="")return p;const v=m.substr(o,1);if(o+=1,v!=="-"&&v!=="+")return"";const C=Te(m,o);return C===""?"":v+C}function Ze(m,o){const p=m.substr(o,1);if(o+=1,p.toLowerCase()!=="e")return"";const v=Yn(m,o);return v===""?"":p+v}function Mi(m,o){const p=m.substr(o,1);if(p==="0")return p;const v=Xn(m,o);return o+=v.length,v===""?"":v+Te(m,o)}function Qt(m,o){const p=Mi(m,o);if(o+=p.length,p==="")return"";const v=m.substr(o,1);if(o+=v.length,v!==".")return"";const C=Te(m,o);return o+=C.length,p+v+C+Ze(m,o)}function ki(m,o){const p=m.substr(o,1);if(o+=p.length,p!==".")return"";const v=Te(m,o);return o+=v.length,v===""?"":p+v+Ze(m,o)}function xn(m,o){const p=Mi(m,o);return o+=p.length,p===""?"":p+Ze(m,o)}const qn=$n([Qt,ki,xn]);function Qn(m,o){var p;const v=m.substr(o).match(/^[01]+/);return(p=v&&v[0])!==null&&p!==void 0?p:""}function gs(m,o){const p=m.substr(o,2);if(o+=p.length,p.toLowerCase()!=="0b")return"";const v=Qn(m,o);return v===""?"":p+v}function _s(m,o){var p;const v=m.substr(o).match(/^[0-7]+/);return(p=v&&v[0])!==null&&p!==void 0?p:""}function ws(m,o){const p=m.substr(o,2);if(o+=p.length,p.toLowerCase()!=="0o")return"";const v=_s(m,o);return v===""?"":p+v}function ys(m,o){var p;const v=m.substr(o).match(/^[0-9a-f]+/i);return(p=v&&v[0])!==null&&p!==void 0?p:""}function Zn(m,o){const p=m.substr(o,2);if(o+=p.length,p.toLowerCase()!=="0x")return"";const v=ys(m,o);return v===""?"":p+v}const xs=$n([gs,ws,Zn]),Cs=$n([xs,qn]);function Zt(m,o){const p=Cs(m,o);return o+=p.length,p===""?null:{evaluable:new Oe(p),cursor:o}}function Si(m,o){const p=m.substr(o,1);if(o+=p.length,p!=="(")return null;const v=Wn(m,o);if(!v)return null;o=v.cursor,o+=vt(m,o).length;const C=m.substr(o,1);return o+=C.length,C!==")"?null:{evaluable:v.evaluable,cursor:o}}function Ps(m,o){var p;return(p=Zt(m,o))!==null&&p!==void 0?p:Si(m,o)}function Cn(m,o){const p=Ps(m,o);if(p)return p;const v=m.substr(o,1);if(o+=v.length,v!=="+"&&v!=="-"&&v!=="~")return null;const C=Cn(m,o);return C?(o=C.cursor,{cursor:o,evaluable:new bs(v,C.evaluable)}):null}function Ms(m,o,p){p+=vt(o,p).length;const v=m.filter(C=>o.startsWith(C,p))[0];return v?(p+=v.length,p+=vt(o,p).length,{cursor:p,operator:v}):null}function Lt(m,o){return(p,v)=>{const C=m(p,v);if(!C)return null;v=C.cursor;let k=C.evaluable;for(;;){const T=Ms(o,p,v);if(!T)break;v=T.cursor;const G=m(p,v);if(!G)return null;v=G.cursor,k=new fs(T.operator,k,G.evaluable)}return k?{cursor:v,evaluable:k}:null}}const Li=[["**"],["*","/","%"],["+","-"],["<<",">>>",">>"],["&"],["^"],["|"]].reduce((m,o)=>Lt(m,o),Cn);function Wn(m,o){return o+=vt(m,o).length,Li(m,o)}function ks(m){const o=Wn(m,0);return!o||o.cursor+vt(m,o.cursor).length!==m.length?null:o.evaluable}function Wt(m){var o;const p=ks(m);return(o=p==null?void 0:p.evaluate())!==null&&o!==void 0?o:null}function Ss(m){if(typeof m=="number")return m;if(typeof m=="string"){const o=Wt(m);if(!h(o))return o}return 0}function Se(m){return o=>o.toFixed(Math.max(Math.min(m,20),0))}const Ls=Se(0);function Pn(m){return Ls(m)+"%"}function Ai(m){return String(m)}function Jn(m,o){for(;m.length<o;)m.push(void 0)}function Vi(m){const o=[];return Jn(o,m),X(o)}function Ii(m){const o=m.indexOf(void 0);return o<0?m:m.slice(0,o)}function As(m,o){const p=[...Ii(m),o];return p.length>m.length?p.splice(0,p.length-m.length):Jn(p,m.length),p}function At({primary:m,secondary:o,forward:p,backward:v}){let C=!1;function k(T){C||(C=!0,T(),C=!1)}m.emitter.on("change",T=>{k(()=>{o.setRawValue(p(m,o),T.options)})}),o.emitter.on("change",T=>{k(()=>{m.setRawValue(v(m,o),T.options)}),k(()=>{o.setRawValue(p(m,o),T.options)})}),k(()=>{o.setRawValue(p(m,o),{forceEmit:!1,last:!0})})}function Vt(m,o){const p=m*(o.altKey?.1:1)*(o.shiftKey?10:1);return o.upKey?+p:o.downKey?-p:0}function Jt(m){return{altKey:m.altKey,downKey:m.key==="ArrowDown",shiftKey:m.shiftKey,upKey:m.key==="ArrowUp"}}function Hn(m){return{altKey:m.altKey,downKey:m.key==="ArrowLeft",shiftKey:m.shiftKey,upKey:m.key==="ArrowRight"}}function Vs(m){return m==="ArrowUp"||m==="ArrowDown"}function Di(m){return Vs(m)||m==="ArrowLeft"||m==="ArrowRight"}function ei(m,o){var p,v;const C=o.ownerDocument.defaultView,k=o.getBoundingClientRect();return{x:m.pageX-(((p=C&&C.scrollX)!==null&&p!==void 0?p:0)+k.left),y:m.pageY-(((v=C&&C.scrollY)!==null&&v!==void 0?v:0)+k.top)}}class Mn{constructor(o){this.lastTouch_=null,this.onDocumentMouseMove_=this.onDocumentMouseMove_.bind(this),this.onDocumentMouseUp_=this.onDocumentMouseUp_.bind(this),this.onMouseDown_=this.onMouseDown_.bind(this),this.onTouchEnd_=this.onTouchEnd_.bind(this),this.onTouchMove_=this.onTouchMove_.bind(this),this.onTouchStart_=this.onTouchStart_.bind(this),this.elem_=o,this.emitter=new y,o.addEventListener("touchstart",this.onTouchStart_,{passive:!1}),o.addEventListener("touchmove",this.onTouchMove_,{passive:!0}),o.addEventListener("touchend",this.onTouchEnd_),o.addEventListener("mousedown",this.onMouseDown_)}computePosition_(o){const p=this.elem_.getBoundingClientRect();return{bounds:{width:p.width,height:p.height},point:o?{x:o.x,y:o.y}:null}}onMouseDown_(o){var p;o.preventDefault(),(p=o.currentTarget)===null||p===void 0||p.focus();const v=this.elem_.ownerDocument;v.addEventListener("mousemove",this.onDocumentMouseMove_),v.addEventListener("mouseup",this.onDocumentMouseUp_),this.emitter.emit("down",{altKey:o.altKey,data:this.computePosition_(ei(o,this.elem_)),sender:this,shiftKey:o.shiftKey})}onDocumentMouseMove_(o){this.emitter.emit("move",{altKey:o.altKey,data:this.computePosition_(ei(o,this.elem_)),sender:this,shiftKey:o.shiftKey})}onDocumentMouseUp_(o){const p=this.elem_.ownerDocument;p.removeEventListener("mousemove",this.onDocumentMouseMove_),p.removeEventListener("mouseup",this.onDocumentMouseUp_),this.emitter.emit("up",{altKey:o.altKey,data:this.computePosition_(ei(o,this.elem_)),sender:this,shiftKey:o.shiftKey})}onTouchStart_(o){o.preventDefault();const p=o.targetTouches.item(0),v=this.elem_.getBoundingClientRect();this.emitter.emit("down",{altKey:o.altKey,data:this.computePosition_(p?{x:p.clientX-v.left,y:p.clientY-v.top}:void 0),sender:this,shiftKey:o.shiftKey}),this.lastTouch_=p}onTouchMove_(o){const p=o.targetTouches.item(0),v=this.elem_.getBoundingClientRect();this.emitter.emit("move",{altKey:o.altKey,data:this.computePosition_(p?{x:p.clientX-v.left,y:p.clientY-v.top}:void 0),sender:this,shiftKey:o.shiftKey}),this.lastTouch_=p}onTouchEnd_(o){var p;const v=(p=o.targetTouches.item(0))!==null&&p!==void 0?p:this.lastTouch_,C=this.elem_.getBoundingClientRect();this.emitter.emit("up",{altKey:o.altKey,data:this.computePosition_(v?{x:v.clientX-C.left,y:v.clientY-C.top}:void 0),sender:this,shiftKey:o.shiftKey})}}function Pe(m,o,p,v,C){const k=(m-o)/(p-o);return v+k*(C-v)}function Ti(m){return String(m.toFixed(10)).split(".")[1].replace(/0+$/,"").length}function It(m,o,p){return Math.min(Math.max(m,o),p)}const Ue=x("txt");class Is{constructor(o,p){this.onChange_=this.onChange_.bind(this),this.props_=p.props,this.props_.emitter.on("change",this.onChange_),this.element=o.createElement("div"),this.element.classList.add(Ue(),Ue(void 0,"num")),p.arrayPosition&&this.element.classList.add(Ue(void 0,p.arrayPosition)),p.viewProps.bindClassModifiers(this.element);const v=o.createElement("input");v.classList.add(Ue("i")),v.type="text",p.viewProps.bindDisabled(v),this.element.appendChild(v),this.inputElement=v,this.onDraggingChange_=this.onDraggingChange_.bind(this),this.dragging_=p.dragging,this.dragging_.emitter.on("change",this.onDraggingChange_),this.element.classList.add(Ue()),this.inputElement.classList.add(Ue("i"));const C=o.createElement("div");C.classList.add(Ue("k")),this.element.appendChild(C),this.knobElement=C;const k=o.createElementNS(we,"svg");k.classList.add(Ue("g")),this.knobElement.appendChild(k);const T=o.createElementNS(we,"path");T.classList.add(Ue("gb")),k.appendChild(T),this.guideBodyElem_=T;const G=o.createElementNS(we,"path");G.classList.add(Ue("gh")),k.appendChild(G),this.guideHeadElem_=G;const oe=o.createElement("div");oe.classList.add(x("tt")()),this.knobElement.appendChild(oe),this.tooltipElem_=oe,p.value.emitter.on("change",this.onChange_),this.value=p.value,this.refresh()}onDraggingChange_(o){if(o.rawValue===null){this.element.classList.remove(Ue(void 0,"drg"));return}this.element.classList.add(Ue(void 0,"drg"));const p=o.rawValue/this.props_.get("draggingScale"),v=p+(p>0?-1:p<0?1:0),C=It(-v,-4,4);this.guideHeadElem_.setAttributeNS(null,"d",[`M ${v+C},0 L${v},4 L${v+C},8`,`M ${p},-1 L${p},9`].join(" ")),this.guideBodyElem_.setAttributeNS(null,"d",`M 0,4 L${p},4`);const k=this.props_.get("formatter");this.tooltipElem_.textContent=k(this.value.rawValue),this.tooltipElem_.style.left=`${p}px`}refresh(){const o=this.props_.get("formatter");this.inputElement.value=o(this.value.rawValue)}onChange_(){this.refresh()}}class Ht{constructor(o,p){var v;this.originRawValue_=0,this.onInputChange_=this.onInputChange_.bind(this),this.onInputKeyDown_=this.onInputKeyDown_.bind(this),this.onInputKeyUp_=this.onInputKeyUp_.bind(this),this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.baseStep_=p.baseStep,this.parser_=p.parser,this.props=p.props,this.sliderProps_=(v=p.sliderProps)!==null&&v!==void 0?v:null,this.value=p.value,this.viewProps=p.viewProps,this.dragging_=X(null),this.view=new Is(o,{arrayPosition:p.arrayPosition,dragging:this.dragging_,props:this.props,value:this.value,viewProps:this.viewProps}),this.view.inputElement.addEventListener("change",this.onInputChange_),this.view.inputElement.addEventListener("keydown",this.onInputKeyDown_),this.view.inputElement.addEventListener("keyup",this.onInputKeyUp_);const C=new Mn(this.view.knobElement);C.emitter.on("down",this.onPointerDown_),C.emitter.on("move",this.onPointerMove_),C.emitter.on("up",this.onPointerUp_)}constrainValue_(o){var p,v;const C=(p=this.sliderProps_)===null||p===void 0?void 0:p.get("minValue"),k=(v=this.sliderProps_)===null||v===void 0?void 0:v.get("maxValue");let T=o;return C!==void 0&&(T=Math.max(T,C)),k!==void 0&&(T=Math.min(T,k)),T}onInputChange_(o){const v=o.currentTarget.value,C=this.parser_(v);h(C)||(this.value.rawValue=this.constrainValue_(C)),this.view.refresh()}onInputKeyDown_(o){const p=Vt(this.baseStep_,Jt(o));p!==0&&this.value.setRawValue(this.constrainValue_(this.value.rawValue+p),{forceEmit:!1,last:!1})}onInputKeyUp_(o){Vt(this.baseStep_,Jt(o))!==0&&this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}onPointerDown_(){this.originRawValue_=this.value.rawValue,this.dragging_.rawValue=0}computeDraggingValue_(o){if(!o.point)return null;const p=o.point.x-o.bounds.width/2;return this.constrainValue_(this.originRawValue_+p*this.props.get("draggingScale"))}onPointerMove_(o){const p=this.computeDraggingValue_(o.data);p!==null&&(this.value.setRawValue(p,{forceEmit:!1,last:!1}),this.dragging_.rawValue=this.value.rawValue-this.originRawValue_)}onPointerUp_(o){const p=this.computeDraggingValue_(o.data);p!==null&&(this.value.setRawValue(p,{forceEmit:!0,last:!0}),this.dragging_.rawValue=null)}}function $e(m,o){m.write(o)}function Dt(m){const o=m?lt(m,D):null;return o?o.step:null}function en(m,o){const p=m&&lt(m,D);return p?Ti(p.step):Math.max(Ti(o),2)}function ti(m){const o=Dt(m);return o??1}function kn(m,o){var p;const v=m&&lt(m,D),C=Math.abs((p=v==null?void 0:v.step)!==null&&p!==void 0?p:o);return C===0?.1:Math.pow(10,Math.floor(Math.log10(C))-1)}function Tt(m){return[m[0],m[1],m[2]]}function Ei(m){const o=It(Math.floor(m),0,255).toString(16);return o.length===1?`0${o}`:o}function tn(m,o="#"){const p=Tt(m.getComponents("rgb")).map(Ei).join("");return`${o}${p}`}function Oi(m,o="#"){const p=m.getComponents("rgb"),v=[p[0],p[1],p[2],p[3]*255].map(Ei).join("");return`${o}${v}`}function Ds(m,o){const p=Se(o==="float"?2:0);return`rgb(${Tt(m.getComponents("rgb",o)).map(C=>p(C)).join(", ")})`}function Bi(m){return o=>Ds(o,m)}function Ni(m,o){const p=Se(2),v=Se(o==="float"?2:0);return`rgba(${m.getComponents("rgb",o).map((k,T)=>(T===3?p:v)(k)).join(", ")})`}function Ts(m){return o=>Ni(o,m)}function Sn(m){const o=[Se(0),Pn,Pn];return`hsl(${Tt(m.getComponents("hsl")).map((v,C)=>o[C](v)).join(", ")})`}function Es(m){const o=[Se(0),Pn,Pn,Se(2)];return`hsla(${m.getComponents("hsl").map((v,C)=>o[C](v)).join(", ")})`}function Fi(m,o){const p=Se(o==="float"?2:0),v=["r","g","b"];return`{${Tt(m.getComponents("rgb",o)).map((k,T)=>`${v[T]}: ${p(k)}`).join(", ")}}`}function ji(m){return o=>Fi(o,m)}function Os(m,o){const p=Se(2),v=Se(o==="float"?2:0),C=["r","g","b","a"];return`{${m.getComponents("rgb",o).map((T,G)=>{const oe=G===3?p:v;return`${C[G]}: ${oe(T)}`}).join(", ")}}`}function Bs(m){return o=>Os(o,m)}[...["int","float"].reduce((m,o)=>[...m,{format:{alpha:!1,mode:"rgb",notation:"func",type:o},stringifier:Bi(o)},{format:{alpha:!0,mode:"rgb",notation:"func",type:o},stringifier:Ts(o)},{format:{alpha:!1,mode:"rgb",notation:"object",type:o},stringifier:ji(o)},{format:{alpha:!0,mode:"rgb",notation:"object",type:o},stringifier:Bs(o)}],[])];class Ns{constructor(o){this.components=o.components,this.asm_=o.assembly}constrain(o){const p=this.asm_.toComponents(o).map((v,C)=>{var k,T;return(T=(k=this.components[C])===null||k===void 0?void 0:k.constrain(v))!==null&&T!==void 0?T:v});return this.asm_.fromComponents(p)}}const zi=x("pndtxt");class Fs{constructor(o,p){this.textViews=p.textViews,this.element=o.createElement("div"),this.element.classList.add(zi()),this.textViews.forEach(v=>{const C=o.createElement("div");C.classList.add(zi("a")),C.appendChild(v.element),this.element.appendChild(C)})}}function ni(m,o,p){return new Ht(m,{arrayPosition:p===0?"fst":p===o.axes.length-1?"lst":"mid",baseStep:o.axes[p].baseStep,parser:o.parser,props:o.axes[p].textProps,value:X(0,{constraint:o.axes[p].constraint}),viewProps:o.viewProps})}class bt{constructor(o,p){this.value=p.value,this.viewProps=p.viewProps,this.acs_=p.axes.map((v,C)=>ni(o,p,C)),this.acs_.forEach((v,C)=>{At({primary:this.value,secondary:v.value,forward:k=>p.assembly.toComponents(k.rawValue)[C],backward:(k,T)=>{const G=p.assembly.toComponents(k.rawValue);return G[C]=T.rawValue,p.assembly.fromComponents(G)}})}),this.view=new Fs(o,{textViews:this.acs_.map(v=>v.view)})}}function js(m,o){return"step"in m&&!h(m.step)?new D(m.step,o):null}function nn(m){return!h(m.max)&&!h(m.min)?new st({max:m.max,min:m.min}):!h(m.max)||!h(m.min)?new ft({max:m.max,min:m.min}):null}const zs={monitor:{defaultInterval:200,defaultLineCount:3}},We=x("grl");class Ui{constructor(o,p){this.onCursorChange_=this.onCursorChange_.bind(this),this.onValueUpdate_=this.onValueUpdate_.bind(this),this.element=o.createElement("div"),this.element.classList.add(We()),p.viewProps.bindClassModifiers(this.element),this.formatter_=p.formatter,this.props_=p.props,this.cursor_=p.cursor,this.cursor_.emitter.on("change",this.onCursorChange_);const v=o.createElementNS(we,"svg");v.classList.add(We("g")),v.style.height=`calc(var(--bld-us) * ${p.lineCount})`,this.element.appendChild(v),this.svgElem_=v;const C=o.createElementNS(we,"polyline");this.svgElem_.appendChild(C),this.lineElem_=C;const k=o.createElement("div");k.classList.add(We("t"),x("tt")()),this.element.appendChild(k),this.tooltipElem_=k,p.value.emitter.on("change",this.onValueUpdate_),this.value=p.value,this.update_()}get graphElement(){return this.svgElem_}update_(){const o=this.svgElem_.getBoundingClientRect(),p=this.value.rawValue.length-1,v=this.props_.get("minValue"),C=this.props_.get("maxValue"),k=[];this.value.rawValue.forEach((Ke,te)=>{if(Ke===void 0)return;const ut=Pe(te,0,p,0,o.width),er=Pe(Ke,v,C,o.height,0);k.push([ut,er].join(","))}),this.lineElem_.setAttributeNS(null,"points",k.join(" "));const T=this.tooltipElem_,G=this.value.rawValue[this.cursor_.rawValue];if(G===void 0){T.classList.remove(We("t","a"));return}const oe=Pe(this.cursor_.rawValue,0,p,0,o.width),Ge=Pe(G,v,C,o.height,0);T.style.left=`${oe}px`,T.style.top=`${Ge}px`,T.textContent=`${this.formatter_(G)}`,T.classList.contains(We("t","a"))||(T.classList.add(We("t","a"),We("t","in")),qe(T),T.classList.remove(We("t","in")))}onValueUpdate_(){this.update_()}onCursorChange_(){this.update_()}}class Us{constructor(o,p){if(this.onGraphMouseMove_=this.onGraphMouseMove_.bind(this),this.onGraphMouseLeave_=this.onGraphMouseLeave_.bind(this),this.onGraphPointerDown_=this.onGraphPointerDown_.bind(this),this.onGraphPointerMove_=this.onGraphPointerMove_.bind(this),this.onGraphPointerUp_=this.onGraphPointerUp_.bind(this),this.props_=p.props,this.value=p.value,this.viewProps=p.viewProps,this.cursor_=X(-1),this.view=new Ui(o,{cursor:this.cursor_,formatter:p.formatter,lineCount:p.lineCount,props:this.props_,value:this.value,viewProps:this.viewProps}),!ze(o))this.view.element.addEventListener("mousemove",this.onGraphMouseMove_),this.view.element.addEventListener("mouseleave",this.onGraphMouseLeave_);else{const v=new Mn(this.view.element);v.emitter.on("down",this.onGraphPointerDown_),v.emitter.on("move",this.onGraphPointerMove_),v.emitter.on("up",this.onGraphPointerUp_)}}onGraphMouseLeave_(){this.cursor_.rawValue=-1}onGraphMouseMove_(o){const p=this.view.element.getBoundingClientRect();this.cursor_.rawValue=Math.floor(Pe(o.offsetX,0,p.width,0,this.value.rawValue.length))}onGraphPointerDown_(o){this.onGraphPointerMove_(o)}onGraphPointerMove_(o){if(!o.data.point){this.cursor_.rawValue=-1;return}this.cursor_.rawValue=Math.floor(Pe(o.data.point.x,0,o.data.bounds.width,0,this.value.rawValue.length))}onGraphPointerUp_(){this.cursor_.rawValue=-1}}class Ri{constructor(o){this.controller_=o}get disabled(){return this.controller_.viewProps.get("disabled")}set disabled(o){this.controller_.viewProps.set("disabled",o)}get title(){var o;return(o=this.controller_.props.get("title"))!==null&&o!==void 0?o:""}set title(o){this.controller_.props.set("title",o)}on(o,p){const v=p.bind(this);return this.controller_.emitter.on(o,()=>{v(new a(this))}),this}}class Rs extends a{constructor(o,p,v){super(o),this.cell=p,this.index=v}}class Gi extends s{constructor(o){super(o),this.cellToApiMap_=new Map,this.emitter_=new y;const p=this.controller_.valueController;p.cellControllers.forEach((v,C)=>{const k=new Ri(v);this.cellToApiMap_.set(v,k),v.emitter.on("click",()=>{const T=C%p.size[0],G=Math.floor(C/p.size[0]);this.emitter_.emit("click",{event:new Rs(this,k,[T,G])})})})}cell(o,p){const v=this.controller_.valueController,C=v.cellControllers[p*v.size[0]+o];return this.cellToApiMap_.get(C)}on(o,p){const v=p.bind(this);return this.emitter_.on(o,C=>{v(C.event)}),this}}class ii{constructor(o,p){this.size=p.size;const[v,C]=this.size,k=[];for(let T=0;T<C;T++)for(let G=0;G<v;G++){const oe=new $(o,{props:Y.fromObject(Object.assign({},p.cellConfig(G,T))),viewProps:be.create()});k.push(oe)}this.cellCs_=k,this.viewProps=be.create(),this.viewProps.handleDispose(()=>{this.cellCs_.forEach(T=>{T.viewProps.set("disposed",!0)})}),this.view=new at(o,{viewProps:this.viewProps,viewName:"btngrid"}),this.view.element.style.gridTemplateColumns=`repeat(${v}, 1fr)`,this.cellCs_.forEach(T=>{this.view.element.appendChild(T.view.element)})}get cellControllers(){return this.cellCs_}}const Gs={id:"buttongrid",type:"blade",css:'.tp-cbzgv,.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0}.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{background-color:var(--btn-bg);border-radius:var(--elm-br);color:var(--btn-fg);cursor:pointer;display:block;font-weight:bold;height:var(--bld-us);line-height:var(--bld-us);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-radv_b:hover,.tp-rslv_k:hover,.tp-cbzv_b:hover{background-color:var(--btn-bg-h)}.tp-radv_b:focus,.tp-rslv_k:focus,.tp-cbzv_b:focus{background-color:var(--btn-bg-f)}.tp-radv_b:active,.tp-rslv_k:active,.tp-cbzv_b:active{background-color:var(--btn-bg-a)}.tp-radv_b:disabled,.tp-rslv_k:disabled,.tp-cbzv_b:disabled{opacity:.5}.tp-cbzgv{background-color:var(--in-bg);border-radius:var(--elm-br);box-sizing:border-box;color:var(--in-fg);font-family:inherit;height:var(--bld-us);line-height:var(--bld-us);min-width:0;width:100%}.tp-cbzgv:hover{background-color:var(--in-bg-h)}.tp-cbzgv:focus{background-color:var(--in-bg-f)}.tp-cbzgv:active{background-color:var(--in-bg-a)}.tp-cbzgv:disabled{opacity:.5}.tp-btngridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-btngridv.tp-v-disabled{opacity:.5}.tp-btngridv .tp-btnv_b:disabled{opacity:1}.tp-btngridv .tp-btnv_b:disabled .tp-btnv_t{opacity:.5}.tp-btngridv .tp-btnv_b{border-radius:0}.tp-cbzv{position:relative}.tp-cbzv_h{display:flex}.tp-cbzv_b{margin-right:4px;position:relative;width:var(--bld-us)}.tp-cbzv_b svg{display:block;height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.tp-cbzv_b svg path{stroke:var(--bs-bg);stroke-width:2}.tp-cbzv_t{flex:1}.tp-cbzv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-cbzv.tp-cbzv-expanded .tp-cbzv_p{margin-top:var(--bld-s);opacity:1}.tp-cbzv.tp-cbzv-cpl .tp-cbzv_p{overflow:visible}.tp-cbzv .tp-popv{left:calc(-1*var(--cnt-h-p));position:absolute;right:calc(-1*var(--cnt-h-p));top:var(--bld-us)}.tp-cbzpv_t{margin-top:var(--bld-s)}.tp-cbzgv{height:auto;overflow:hidden;position:relative}.tp-cbzgv.tp-v-disabled{opacity:.5}.tp-cbzgv_p{left:16px;position:absolute;right:16px;top:0}.tp-cbzgv_g{cursor:pointer;display:block;height:calc(var(--bld-us)*5);width:100%}.tp-cbzgv_u{opacity:.1;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_l{fill:rgba(0,0,0,0);stroke:var(--in-fg)}.tp-cbzgv_v{opacity:.5;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_h{border:var(--in-fg) solid 1px;border-radius:50%;box-sizing:border-box;height:4px;margin-left:-2px;margin-top:-2px;pointer-events:none;position:absolute;width:4px}.tp-cbzgv:focus .tp-cbzgv_h-sel{background-color:var(--in-fg);border-width:0}.tp-cbzprvv{cursor:pointer;height:4px;padding:4px 0;position:relative}.tp-cbzprvv_g{display:block;height:100%;overflow:visible;width:100%}.tp-cbzprvv_t{opacity:.5;stroke:var(--mo-fg)}.tp-cbzprvv_m{background-color:var(--mo-fg);border-radius:50%;height:4px;margin-left:-2px;margin-top:-2px;opacity:0;position:absolute;top:50%;transition:opacity .2s ease-out;width:4px}.tp-cbzprvv_m.tp-cbzprvv_m-a{opacity:1}.tp-fpsv{position:relative}.tp-fpsv_l{bottom:4px;color:var(--mo-fg);line-height:1;right:4px;pointer-events:none;position:absolute}.tp-fpsv_u{margin-left:.2em;opacity:.7}.tp-rslv{cursor:pointer;padding-left:8px;padding-right:8px}.tp-rslv.tp-v-disabled{opacity:.5}.tp-rslv_t{height:calc(var(--bld-us));position:relative}.tp-rslv_t::before{background-color:var(--in-bg);border-radius:1px;content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:-4px;right:-4px}.tp-rslv_b{bottom:0;top:0;position:absolute}.tp-rslv_b::before{background-color:var(--in-fg);content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.tp-rslv_k{height:calc(var(--bld-us) - 8px);margin-top:calc((var(--bld-us) - 8px)/-2);position:absolute;top:50%;width:8px}.tp-rslv_k.tp-rslv_k-min{margin-left:-8px}.tp-rslv_k.tp-rslv_k-max{margin-left:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-min{border-bottom-right-radius:0;border-top-right-radius:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-max{border-bottom-left-radius:0;border-top-left-radius:0}.tp-rsltxtv{display:flex}.tp-rsltxtv_s{flex:1}.tp-rsltxtv_t{flex:1;margin-left:4px}.tp-radv_l{display:block;position:relative}.tp-radv_i{left:0;opacity:0;position:absolute;top:0}.tp-radv_b{opacity:.5}.tp-radv_i:hover+.tp-radv_b{background-color:var(--btn-bg-h)}.tp-radv_i:focus+.tp-radv_b{background-color:var(--btn-bg-f)}.tp-radv_i:active+.tp-radv_b{background-color:var(--btn-bg-a)}.tp-radv_i:checked+.tp-radv_b{opacity:1}.tp-radv_t{bottom:0;color:inherit;left:0;overflow:hidden;position:absolute;right:0;text-align:center;text-overflow:ellipsis;top:0}.tp-radv_i:disabled+.tp-radv_b>.tp-radv_t{opacity:.5}.tp-radgridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-radgridv.tp-v-disabled{opacity:.5}.tp-radgridv .tp-radv_b{border-radius:0}',accept(m){const o=he,p=ee(m,{cells:o.required.function,size:o.required.array(o.required.number),view:o.required.constant("buttongrid"),label:o.optional.string});return p?{params:p}:null},controller(m){return new Qe(m.document,{blade:m.blade,props:Y.fromObject({label:m.params.label}),valueController:new ii(m.document,{cellConfig:m.params.cells,size:m.params.size})})},api(m){return!(m.controller instanceof Qe)||!(m.controller.valueController instanceof ii)?null:new Gi(m.controller)}};class Ki extends s{get label(){return this.controller_.props.get("label")}set label(o){this.controller_.props.set("label",o)}get value(){return this.controller_.valueController.value.rawValue}set value(o){this.controller_.valueController.value.rawValue=o}on(o,p){const v=p.bind(this);return this.controller_.valueController.value.emitter.on(o,C=>{v(new c(this,C.rawValue,void 0,C.options.last))}),this}}function Re(m,o,p){return m*(1-p)+o*p}const Ks=20,$s=.001,si=100;function Xs(m,o){let p=.25,v=.5,C=-1;for(let k=0;k<Ks;k++){const[T,G]=m.curve(v);if(v+=p*(T<o?1:-1),C=G,p*=.5,Math.abs(o-T)<$s)break}return C}class ct{constructor(o=0,p=0,v=1,C=1){this.cache_=[],this.comps_=[o,p,v,C]}get x1(){return this.comps_[0]}get y1(){return this.comps_[1]}get x2(){return this.comps_[2]}get y2(){return this.comps_[3]}static isObject(o){return h(o)||!Array.isArray(o)?!1:typeof o[0]=="number"&&typeof o[1]=="number"&&typeof o[2]=="number"&&typeof o[3]=="number"}static equals(o,p){return o.x1===p.x1&&o.y1===p.y1&&o.x2===p.x2&&o.y2===p.y2}curve(o){const p=Re(0,this.x1,o),v=Re(0,this.y1,o),C=Re(this.x1,this.x2,o),k=Re(this.y1,this.y2,o),T=Re(this.x2,1,o),G=Re(this.y2,1,o),oe=Re(p,C,o),Ge=Re(v,k,o),Ke=Re(C,T,o),te=Re(k,G,o);return[Re(oe,Ke,o),Re(Ge,te,o)]}y(o){if(this.cache_.length===0){const p=[];for(let v=0;v<si;v++)p.push(Xs(this,Pe(v,0,si-1,0,1)));this.cache_=p}return this.cache_[Math.round(Pe(It(o,0,1),0,1,0,si-1))]}toObject(){return[this.comps_[0],this.comps_[1],this.comps_[2],this.comps_[3]]}}const ri={toComponents:m=>m.toObject(),fromComponents:m=>new ct(...m)};function Ys(m){const o=Se(2);return`cubic-bezier(${m.toObject().map(v=>o(v)).join(", ")})`}const oi=[0,.5,.5,1];function qs(m){const o=m.match(/^cubic-bezier\s*\(\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*\)$/);if(!o)return new ct(...oi);const p=[o[1],o[2],o[3],o[4]].reduce((v,C)=>{if(!v)return null;const k=Number(C);return isNaN(k)?null:[...v,k]},[]);return new ct(...p??oi)}const gt=x("cbz");class $i{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(gt()),p.viewProps.bindClassModifiers(this.element),p.foldable.bindExpandedClass(this.element,gt(void 0,"expanded")),E(p.foldable,"completed",z(this.element,gt(void 0,"cpl")));const v=o.createElement("div");v.classList.add(gt("h")),this.element.appendChild(v);const C=o.createElement("button");C.classList.add(gt("b")),p.viewProps.bindDisabled(C);const k=o.createElementNS(we,"svg");k.innerHTML='<path d="M2 13C8 13 8 3 14 3"/>',C.appendChild(k),v.appendChild(C),this.buttonElement=C;const T=o.createElement("div");if(T.classList.add(gt("t")),v.appendChild(T),this.textElement=T,p.pickerLayout==="inline"){const G=o.createElement("div");G.classList.add(gt("p")),this.element.appendChild(G),this.pickerElement=G}else this.pickerElement=null}}const Ln=x("cbzp");class Xi{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(Ln()),p.viewProps.bindClassModifiers(this.element);const v=o.createElement("div");v.classList.add(Ln("g")),this.element.appendChild(v),this.graphElement=v;const C=o.createElement("div");C.classList.add(Ln("t")),this.element.appendChild(C),this.textElement=C}}function Je(m,o){const p=new MutationObserver(C=>{for(const k of C)k.type==="childList"&&k.addedNodes.forEach(T=>{T.contains(T)&&(o(),p.disconnect())})}),v=m.ownerDocument;p.observe(v.body,{attributes:!0,childList:!0,subtree:!0})}const rt=x("cbzg");function Qs(m,o){return p=>o(m(p))}class Le{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(rt()),p.viewProps.bindClassModifiers(this.element),p.viewProps.bindTabIndex(this.element);const v=o.createElement("div");v.classList.add(rt("p")),this.element.appendChild(v),this.previewElement=v;const C=o.createElementNS(we,"svg");C.classList.add(rt("g")),this.element.appendChild(C),this.svgElem_=C;const k=o.createElementNS(we,"path");k.classList.add(rt("u")),this.svgElem_.appendChild(k),this.guideElem_=k;const T=o.createElementNS(we,"polyline");T.classList.add(rt("l")),this.svgElem_.appendChild(T),this.lineElem_=T,this.handleElems_=[o.createElement("div"),o.createElement("div")],this.handleElems_.forEach(G=>{G.classList.add(rt("h")),this.element.appendChild(G)}),this.vectorElems_=[o.createElementNS(we,"line"),o.createElementNS(we,"line")],this.vectorElems_.forEach(G=>{G.classList.add(rt("v")),this.svgElem_.appendChild(G)}),this.value_=p.value,this.value_.emitter.on("change",this.onValueChange_.bind(this)),this.sel_=p.selection,this.handleElems_.forEach((G,oe)=>{I(this.sel_,Qs(Ge=>Ge===oe,z(G,rt("h","sel"))))}),Je(this.element,()=>{this.refresh()})}getVertMargin_(o){return o*.25}valueToPosition(o,p){const v=this.element.getBoundingClientRect(),C=v.width,k=v.height,T=this.getVertMargin_(k);return{x:Pe(o,0,1,0,C),y:Pe(p,0,1,k-T,T)}}positionToValue(o,p){const v=this.element.getBoundingClientRect(),C=v.width,k=v.height,T=this.getVertMargin_(k);return{x:It(Pe(o,0,C,0,1),0,1),y:Pe(p,k-T,T,0,1)}}refresh(){this.guideElem_.setAttributeNS(null,"d",[0,1].map(k=>{const T=this.valueToPosition(0,k),G=this.valueToPosition(1,k);return[`M ${T.x},${T.y}`,`L ${G.x},${G.y}`].join(" ")}).join(" "));const o=this.value_.rawValue,p=[];let v=0;for(;;){const k=this.valueToPosition(...o.curve(v));if(p.push([k.x,k.y].join(",")),v>=1)break;v=Math.min(v+.05,1)}this.lineElem_.setAttributeNS(null,"points",p.join(" "));const C=o.toObject();[0,1].forEach(k=>{const T=this.valueToPosition(k,k),G=this.valueToPosition(C[k*2],C[k*2+1]),oe=this.vectorElems_[k];oe.setAttributeNS(null,"x1",String(T.x)),oe.setAttributeNS(null,"y1",String(T.y)),oe.setAttributeNS(null,"x2",String(G.x)),oe.setAttributeNS(null,"y2",String(G.y));const Ge=this.handleElems_[k];Ge.style.left=`${G.x}px`,Ge.style.top=`${G.y}px`})}onValueChange_(){this.refresh()}}const Yi=24,sn=400,ai=1e3,pt=x("cbzprv");class Et{constructor(o,p){this.stopped_=!0,this.startTime_=-1,this.onDispose_=this.onDispose_.bind(this),this.onTimer_=this.onTimer_.bind(this),this.onValueChange_=this.onValueChange_.bind(this),this.element=o.createElement("div"),this.element.classList.add(pt()),p.viewProps.bindClassModifiers(this.element);const v=o.createElementNS(we,"svg");v.classList.add(pt("g")),this.element.appendChild(v),this.svgElem_=v;const C=o.createElementNS(we,"path");C.classList.add(pt("t")),this.svgElem_.appendChild(C),this.ticksElem_=C;const k=o.createElement("div");k.classList.add(pt("m")),this.element.appendChild(k),this.markerElem_=k,this.value_=p.value,this.value_.emitter.on("change",this.onValueChange_),p.viewProps.handleDispose(this.onDispose_),Je(this.element,()=>{this.refresh()})}play(){this.stop(),this.updateMarker_(0),this.markerElem_.classList.add(pt("m","a")),this.startTime_=new Date().getTime()+sn,this.stopped_=!1,requestAnimationFrame(this.onTimer_)}stop(){this.stopped_=!0,this.markerElem_.classList.remove(pt("m","a"))}onDispose_(){this.stop()}updateMarker_(o){const p=this.value_.rawValue.y(It(o,0,1));this.markerElem_.style.left=`${p*100}%`}refresh(){const o=this.svgElem_.getBoundingClientRect(),p=o.width,v=o.height,C=[],k=this.value_.rawValue;for(let T=0;T<Yi;T++){const G=Pe(T,0,Yi-1,0,1),oe=Pe(k.y(G),0,1,0,p);C.push(`M ${oe},0 v${v}`)}this.ticksElem_.setAttributeNS(null,"d",C.join(" "))}onTimer_(){if(this.startTime_===null)return;const o=new Date().getTime()-this.startTime_,p=o/ai;this.updateMarker_(p),o>ai+sn&&this.stop(),this.stopped_||requestAnimationFrame(this.onTimer_)}onValueChange_(){this.refresh(),this.play()}}function Ie(m,o,p,v){const C=p-m,k=v-o;return Math.sqrt(C*C+k*k)}function rn(m,o,p,v){const C=Ie(m,o,p,v),k=Math.atan2(v-o,p-m),T=Math.round(k/(Math.PI/4))*Math.PI/4;return{x:m+Math.cos(T)*C,y:o+Math.sin(T)*C}}class He{constructor(o,p){this.onKeyDown_=this.onKeyDown_.bind(this),this.onKeyUp_=this.onKeyUp_.bind(this),this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.baseStep_=p.baseStep,this.value=p.value,this.sel_=X(0),this.viewProps=p.viewProps,this.view=new Le(o,{selection:this.sel_,value:this.value,viewProps:this.viewProps}),this.view.element.addEventListener("keydown",this.onKeyDown_),this.view.element.addEventListener("keyup",this.onKeyUp_),this.prevView_=new Et(o,{value:this.value,viewProps:this.viewProps}),this.prevView_.element.addEventListener("mousedown",C=>{C.stopImmediatePropagation(),C.preventDefault(),this.prevView_.play()}),this.view.previewElement.appendChild(this.prevView_.element);const v=new Mn(this.view.element);v.emitter.on("down",this.onPointerDown_),v.emitter.on("move",this.onPointerMove_),v.emitter.on("up",this.onPointerUp_)}refresh(){this.view.refresh(),this.prevView_.refresh(),this.prevView_.play()}updateValue_(o,p,v){const C=this.sel_.rawValue,k=this.value.rawValue.toObject(),T=this.view.positionToValue(o.x,o.y),G=p?rn(C,C,T.x,T.y):T;k[C*2]=G.x,k[C*2+1]=G.y,this.value.setRawValue(new ct(...k),v)}onPointerDown_(o){const p=o.data;if(!p.point)return;const v=this.value.rawValue,C=this.view.valueToPosition(v.x1,v.y1),k=Ie(p.point.x,p.point.y,C.x,C.y),T=this.view.valueToPosition(v.x2,v.y2),G=Ie(p.point.x,p.point.y,T.x,T.y);this.sel_.rawValue=k<=G?0:1,this.updateValue_(p.point,o.shiftKey,{forceEmit:!1,last:!1})}onPointerMove_(o){const p=o.data;p.point&&this.updateValue_(p.point,o.shiftKey,{forceEmit:!1,last:!1})}onPointerUp_(o){const p=o.data;p.point&&this.updateValue_(p.point,o.shiftKey,{forceEmit:!0,last:!0})}onKeyDown_(o){Di(o.key)&&o.preventDefault();const p=this.sel_.rawValue,v=this.value.rawValue.toObject();v[p*2]+=Vt(this.baseStep_,Hn(o)),v[p*2+1]+=Vt(this.baseStep_,Jt(o)),this.value.setRawValue(new ct(...v),{forceEmit:!1,last:!1})}onKeyUp_(o){Di(o.key)&&o.preventDefault();const p=Vt(this.baseStep_,Hn(o)),v=Vt(this.baseStep_,Jt(o));p===0&&v===0||this.value.setRawValue(this.value.rawValue,{forceEmit:!0,last:!0})}}class qi{constructor(o,p){this.value=p.value,this.viewProps=p.viewProps,this.view=new Xi(o,{viewProps:this.viewProps}),this.gc_=new He(o,{baseStep:p.axis.baseStep,value:this.value,viewProps:this.viewProps}),this.view.graphElement.appendChild(this.gc_.view.element);const v=Object.assign(Object.assign({},p.axis),{constraint:new ft({max:1,min:0})}),C=Object.assign(Object.assign({},p.axis),{constraint:void 0});this.tc_=new bt(o,{assembly:ri,axes:[v,C,v,C],parser:Wt,value:this.value,viewProps:this.viewProps}),this.view.textElement.appendChild(this.tc_.view.element)}get allFocusableElements(){return[this.gc_.view.element,...this.tc_.view.textViews.map(o=>o.inputElement)]}refresh(){this.gc_.refresh()}}class An{constructor(o,p){this.onButtonBlur_=this.onButtonBlur_.bind(this),this.onButtonClick_=this.onButtonClick_.bind(this),this.onPopupChildBlur_=this.onPopupChildBlur_.bind(this),this.onPopupChildKeydown_=this.onPopupChildKeydown_.bind(this),this.value=p.value,this.viewProps=p.viewProps,this.foldable_=bn(p.expanded),this.view=new $i(o,{foldable:this.foldable_,pickerLayout:p.pickerLayout,viewProps:this.viewProps}),this.view.buttonElement.addEventListener("blur",this.onButtonBlur_),this.view.buttonElement.addEventListener("click",this.onButtonClick_),this.tc_=new St(o,{parser:qs,props:Y.fromObject({formatter:Ys}),value:this.value,viewProps:this.viewProps}),this.view.textElement.appendChild(this.tc_.view.element),this.popC_=p.pickerLayout==="popup"?new ie(o,{viewProps:this.viewProps}):null;const v=new qi(o,{axis:p.axis,value:this.value,viewProps:this.viewProps});v.allFocusableElements.forEach(C=>{C.addEventListener("blur",this.onPopupChildBlur_),C.addEventListener("keydown",this.onPopupChildKeydown_)}),this.pickerC_=v,this.popC_?(this.view.element.appendChild(this.popC_.view.element),this.popC_.view.element.appendChild(this.pickerC_.view.element),I(this.popC_.shows,C=>{C&&v.refresh()}),At({primary:this.foldable_.value("expanded"),secondary:this.popC_.shows,forward:C=>C.rawValue,backward:(C,k)=>k.rawValue})):this.view.pickerElement&&(this.view.pickerElement.appendChild(this.pickerC_.view.element),_n(this.foldable_,this.view.pickerElement))}onButtonBlur_(o){if(!this.popC_)return;const p=o.relatedTarget;(!p||!this.popC_.view.element.contains(p))&&(this.popC_.shows.rawValue=!1)}onButtonClick_(){this.foldable_.set("expanded",!this.foldable_.get("expanded")),this.foldable_.get("expanded")&&this.pickerC_.allFocusableElements[0].focus()}onPopupChildBlur_(o){if(!this.popC_)return;const p=this.popC_.view.element,v=$t(o);v&&p.contains(v)||v&&v===this.view.buttonElement&&!ze(p.ownerDocument)||(this.popC_.shows.rawValue=!1)}onPopupChildKeydown_(o){this.popC_&&o.key==="Escape"&&(this.popC_.shows.rawValue=!1)}}function li(){return new Ns({assembly:ri,components:[0,1,2,3].map(m=>m%2===0?new ft({min:0,max:1}):void 0)})}const _t={id:"cubic-bezier",type:"blade",css:'.tp-cbzgv,.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0}.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{background-color:var(--btn-bg);border-radius:var(--elm-br);color:var(--btn-fg);cursor:pointer;display:block;font-weight:bold;height:var(--bld-us);line-height:var(--bld-us);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-radv_b:hover,.tp-rslv_k:hover,.tp-cbzv_b:hover{background-color:var(--btn-bg-h)}.tp-radv_b:focus,.tp-rslv_k:focus,.tp-cbzv_b:focus{background-color:var(--btn-bg-f)}.tp-radv_b:active,.tp-rslv_k:active,.tp-cbzv_b:active{background-color:var(--btn-bg-a)}.tp-radv_b:disabled,.tp-rslv_k:disabled,.tp-cbzv_b:disabled{opacity:.5}.tp-cbzgv{background-color:var(--in-bg);border-radius:var(--elm-br);box-sizing:border-box;color:var(--in-fg);font-family:inherit;height:var(--bld-us);line-height:var(--bld-us);min-width:0;width:100%}.tp-cbzgv:hover{background-color:var(--in-bg-h)}.tp-cbzgv:focus{background-color:var(--in-bg-f)}.tp-cbzgv:active{background-color:var(--in-bg-a)}.tp-cbzgv:disabled{opacity:.5}.tp-btngridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-btngridv.tp-v-disabled{opacity:.5}.tp-btngridv .tp-btnv_b:disabled{opacity:1}.tp-btngridv .tp-btnv_b:disabled .tp-btnv_t{opacity:.5}.tp-btngridv .tp-btnv_b{border-radius:0}.tp-cbzv{position:relative}.tp-cbzv_h{display:flex}.tp-cbzv_b{margin-right:4px;position:relative;width:var(--bld-us)}.tp-cbzv_b svg{display:block;height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.tp-cbzv_b svg path{stroke:var(--bs-bg);stroke-width:2}.tp-cbzv_t{flex:1}.tp-cbzv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-cbzv.tp-cbzv-expanded .tp-cbzv_p{margin-top:var(--bld-s);opacity:1}.tp-cbzv.tp-cbzv-cpl .tp-cbzv_p{overflow:visible}.tp-cbzv .tp-popv{left:calc(-1*var(--cnt-h-p));position:absolute;right:calc(-1*var(--cnt-h-p));top:var(--bld-us)}.tp-cbzpv_t{margin-top:var(--bld-s)}.tp-cbzgv{height:auto;overflow:hidden;position:relative}.tp-cbzgv.tp-v-disabled{opacity:.5}.tp-cbzgv_p{left:16px;position:absolute;right:16px;top:0}.tp-cbzgv_g{cursor:pointer;display:block;height:calc(var(--bld-us)*5);width:100%}.tp-cbzgv_u{opacity:.1;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_l{fill:rgba(0,0,0,0);stroke:var(--in-fg)}.tp-cbzgv_v{opacity:.5;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_h{border:var(--in-fg) solid 1px;border-radius:50%;box-sizing:border-box;height:4px;margin-left:-2px;margin-top:-2px;pointer-events:none;position:absolute;width:4px}.tp-cbzgv:focus .tp-cbzgv_h-sel{background-color:var(--in-fg);border-width:0}.tp-cbzprvv{cursor:pointer;height:4px;padding:4px 0;position:relative}.tp-cbzprvv_g{display:block;height:100%;overflow:visible;width:100%}.tp-cbzprvv_t{opacity:.5;stroke:var(--mo-fg)}.tp-cbzprvv_m{background-color:var(--mo-fg);border-radius:50%;height:4px;margin-left:-2px;margin-top:-2px;opacity:0;position:absolute;top:50%;transition:opacity .2s ease-out;width:4px}.tp-cbzprvv_m.tp-cbzprvv_m-a{opacity:1}.tp-fpsv{position:relative}.tp-fpsv_l{bottom:4px;color:var(--mo-fg);line-height:1;right:4px;pointer-events:none;position:absolute}.tp-fpsv_u{margin-left:.2em;opacity:.7}.tp-rslv{cursor:pointer;padding-left:8px;padding-right:8px}.tp-rslv.tp-v-disabled{opacity:.5}.tp-rslv_t{height:calc(var(--bld-us));position:relative}.tp-rslv_t::before{background-color:var(--in-bg);border-radius:1px;content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:-4px;right:-4px}.tp-rslv_b{bottom:0;top:0;position:absolute}.tp-rslv_b::before{background-color:var(--in-fg);content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.tp-rslv_k{height:calc(var(--bld-us) - 8px);margin-top:calc((var(--bld-us) - 8px)/-2);position:absolute;top:50%;width:8px}.tp-rslv_k.tp-rslv_k-min{margin-left:-8px}.tp-rslv_k.tp-rslv_k-max{margin-left:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-min{border-bottom-right-radius:0;border-top-right-radius:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-max{border-bottom-left-radius:0;border-top-left-radius:0}.tp-rsltxtv{display:flex}.tp-rsltxtv_s{flex:1}.tp-rsltxtv_t{flex:1;margin-left:4px}.tp-radv_l{display:block;position:relative}.tp-radv_i{left:0;opacity:0;position:absolute;top:0}.tp-radv_b{opacity:.5}.tp-radv_i:hover+.tp-radv_b{background-color:var(--btn-bg-h)}.tp-radv_i:focus+.tp-radv_b{background-color:var(--btn-bg-f)}.tp-radv_i:active+.tp-radv_b{background-color:var(--btn-bg-a)}.tp-radv_i:checked+.tp-radv_b{opacity:1}.tp-radv_t{bottom:0;color:inherit;left:0;overflow:hidden;position:absolute;right:0;text-align:center;text-overflow:ellipsis;top:0}.tp-radv_i:disabled+.tp-radv_b>.tp-radv_t{opacity:.5}.tp-radgridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-radgridv.tp-v-disabled{opacity:.5}.tp-radgridv .tp-radv_b{border-radius:0}',accept(m){const o=he,p=ee(m,{value:o.required.array(o.required.number),view:o.required.constant("cubicbezier"),expanded:o.optional.boolean,label:o.optional.string,picker:o.optional.custom(v=>v==="inline"||v==="popup"?v:void 0)});return p?{params:p}:null},controller(m){var o,p;const v=new ct(...m.params.value),C=X(v,{constraint:li(),equals:ct.equals}),k=new An(m.document,{axis:{baseStep:.1,textProps:Y.fromObject({draggingScale:.01,formatter:Se(2)})},expanded:(o=m.params.expanded)!==null&&o!==void 0?o:!1,pickerLayout:(p=m.params.picker)!==null&&p!==void 0?p:"popup",value:C,viewProps:m.viewProps});return new mt(m.document,{blade:m.blade,props:Y.fromObject({label:m.params.label}),valueController:k})},api(m){return!(m.controller instanceof mt)||!(m.controller.valueController instanceof An)?null:new Ki(m.controller)}};class _e extends s{begin(){this.controller_.valueController.begin()}end(){this.controller_.valueController.end()}}const ci=20;class Me{constructor(){this.start_=null,this.duration_=0,this.fps_=null,this.frameCount_=0,this.timestamps_=[]}get duration(){return this.duration_}get fps(){return this.fps_}begin(o){this.start_=o.getTime()}calculateFps_(o){if(this.timestamps_.length===0)return null;const p=this.timestamps_[0];return 1e3*(this.frameCount_-p.frameCount)/(o-p.time)}compactTimestamps_(){if(this.timestamps_.length<=ci)return;const o=this.timestamps_.length-ci;this.timestamps_.splice(0,o);const p=this.timestamps_[0].frameCount;this.timestamps_.forEach(v=>{v.frameCount-=p}),this.frameCount_-=p}end(o){if(this.start_===null)return;const p=o.getTime();this.duration_=p-this.start_,this.start_=null,this.fps_=this.calculateFps_(p),this.timestamps_.push({frameCount:this.frameCount_,time:p}),++this.frameCount_,this.compactTimestamps_()}}const Ot=x("fps");class Ne{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(Ot()),p.viewProps.bindClassModifiers(this.element),this.graphElement=o.createElement("div"),this.graphElement.classList.add(Ot("g")),this.element.appendChild(this.graphElement);const v=o.createElement("div");v.classList.add(Ot("l")),this.element.appendChild(v);const C=o.createElement("span");C.classList.add(Ot("v")),C.textContent="--",v.appendChild(C),this.valueElement=C;const k=o.createElement("span");k.classList.add(Ot("u")),k.textContent="FPS",v.appendChild(k)}}class pi{constructor(o,p){this.stopwatch_=new Me,this.onTick_=this.onTick_.bind(this),this.ticker_=p.ticker,this.ticker_.emitter.on("tick",this.onTick_),this.value_=p.value,this.viewProps=p.viewProps,this.view=new Ne(o,{viewProps:this.viewProps}),this.graphC_=new Us(o,{formatter:Se(0),lineCount:p.lineCount,props:Y.fromObject({maxValue:p.maxValue,minValue:p.minValue}),value:this.value_,viewProps:this.viewProps}),this.view.graphElement.appendChild(this.graphC_.view.element),this.viewProps.handleDispose(()=>{this.graphC_.viewProps.set("disposed",!0),this.ticker_.dispose()})}begin(){this.stopwatch_.begin(new Date)}end(){this.stopwatch_.end(new Date)}onTick_(){const o=this.stopwatch_.fps;if(o!==null){const p=this.value_.rawValue;this.value_.rawValue=As(p,o),this.view.valueElement.textContent=o.toFixed(0)}}}function on(m,o){return o===0?new wn:new Yt(m,o??zs.monitor.defaultInterval)}const ui={id:"fpsgraph",type:"blade",accept(m){const o=he,p=ee(m,{view:o.required.constant("fpsgraph"),interval:o.optional.number,label:o.optional.string,lineCount:o.optional.number,max:o.optional.number,min:o.optional.number});return p?{params:p}:null},controller(m){var o,p,v,C;const k=(o=m.params.interval)!==null&&o!==void 0?o:500;return new Qe(m.document,{blade:m.blade,props:Y.fromObject({label:m.params.label}),valueController:new pi(m.document,{lineCount:(p=m.params.lineCount)!==null&&p!==void 0?p:2,maxValue:(v=m.params.max)!==null&&v!==void 0?v:90,minValue:(C=m.params.min)!==null&&C!==void 0?C:0,ticker:on(m.document,k),value:Vi(80),viewProps:m.viewProps})})},api(m){return!(m.controller instanceof Qe)||!(m.controller.valueController instanceof pi)?null:new _e(m.controller)}};class Fe{constructor(o,p){this.min=o,this.max=p}static isObject(o){if(typeof o!="object"||o===null)return!1;const p=o.min,v=o.max;return!(typeof p!="number"||typeof v!="number")}static equals(o,p){return o.min===p.min&&o.max===p.max}get length(){return this.max-this.min}toObject(){return{min:this.min,max:this.max}}}const hi={fromComponents:m=>new Fe(m[0],m[1]),toComponents:m=>[m.min,m.max]};class an{constructor(o){this.edge=o}constrain(o){var p,v,C,k,T,G,oe,Ge;if(o.min<=o.max)return new Fe((v=(p=this.edge)===null||p===void 0?void 0:p.constrain(o.min))!==null&&v!==void 0?v:o.min,(k=(C=this.edge)===null||C===void 0?void 0:C.constrain(o.max))!==null&&k!==void 0?k:o.max);const Ke=(o.min+o.max)/2;return new Fe((G=(T=this.edge)===null||T===void 0?void 0:T.constrain(Ke))!==null&&G!==void 0?G:Ke,(Ge=(oe=this.edge)===null||oe===void 0?void 0:oe.constrain(Ke))!==null&&Ge!==void 0?Ge:Ke)}}const di=x("rsltxt");class Vn{constructor(o,p){this.sliderView_=p.sliderView,this.textView_=p.textView,this.element=o.createElement("div"),this.element.classList.add(di());const v=o.createElement("div");v.classList.add(di("s")),v.appendChild(this.sliderView_.element),this.element.appendChild(v);const C=o.createElement("div");C.classList.add(di("t")),C.appendChild(this.textView_.element),this.element.appendChild(C)}}const Xe=x("rsl");class ln{constructor(o,p){this.onSliderPropsChange_=this.onSliderPropsChange_.bind(this),this.onValueChange_=this.onValueChange_.bind(this),this.sliderProps_=p.sliderProps,this.sliderProps_.emitter.on("change",this.onSliderPropsChange_),this.element=o.createElement("div"),this.element.classList.add(Xe()),p.viewProps.bindClassModifiers(this.element),this.value_=p.value,this.value_.emitter.on("change",this.onValueChange_);const v=o.createElement("div");v.classList.add(Xe("t")),this.element.appendChild(v),this.trackElement=v;const C=o.createElement("div");C.classList.add(Xe("b")),v.appendChild(C),this.barElement=C;const k=["min","max"].map(T=>{const G=o.createElement("div");return G.classList.add(Xe("k"),Xe("k",T)),v.appendChild(G),G});this.knobElements=[k[0],k[1]],this.update_()}valueToX_(o){const p=this.sliderProps_.get("minValue"),v=this.sliderProps_.get("maxValue");return It(Pe(o,p,v,0,1),0,1)*100}update_(){const o=this.value_.rawValue;o.length===0?this.element.classList.add(Xe(void 0,"zero")):this.element.classList.remove(Xe(void 0,"zero"));const p=[this.valueToX_(o.min),this.valueToX_(o.max)];this.barElement.style.left=`${p[0]}%`,this.barElement.style.right=`${100-p[1]}%`,this.knobElements.forEach((v,C)=>{v.style.left=`${p[C]}%`})}onSliderPropsChange_(){this.update_()}onValueChange_(){this.update_()}}class mi{constructor(o,p){this.grabbing_=null,this.grabOffset_=0,this.onPointerDown_=this.onPointerDown_.bind(this),this.onPointerMove_=this.onPointerMove_.bind(this),this.onPointerUp_=this.onPointerUp_.bind(this),this.sliderProps=p.sliderProps,this.viewProps=p.viewProps,this.value=p.value,this.view=new ln(o,{sliderProps:this.sliderProps,value:this.value,viewProps:p.viewProps});const v=new Mn(this.view.trackElement);v.emitter.on("down",this.onPointerDown_),v.emitter.on("move",this.onPointerMove_),v.emitter.on("up",this.onPointerUp_)}ofs_(){return this.grabbing_==="min"?this.view.knobElements[0].getBoundingClientRect().width/2:this.grabbing_==="max"?-this.view.knobElements[1].getBoundingClientRect().width/2:0}valueFromData_(o){if(!o.point)return null;const p=(o.point.x+this.ofs_())/o.bounds.width,v=this.sliderProps.get("minValue"),C=this.sliderProps.get("maxValue");return Pe(p,0,1,v,C)}onPointerDown_(o){if(!o.data.point)return;const p=o.data.point.x/o.data.bounds.width,v=this.value.rawValue,C=this.sliderProps.get("minValue"),k=this.sliderProps.get("maxValue"),T=Pe(v.min,C,k,0,1),G=Pe(v.max,C,k,0,1);Math.abs(G-p)<=.025?this.grabbing_="max":Math.abs(T-p)<=.025?this.grabbing_="min":p>=T&&p<=G?(this.grabbing_="length",this.grabOffset_=Pe(p-T,0,1,0,k-C)):p<T?(this.grabbing_="min",this.onPointerMove_(o)):p>G&&(this.grabbing_="max",this.onPointerMove_(o))}applyPointToValue_(o,p){const v=this.valueFromData_(o);if(v===null)return;const C=this.sliderProps.get("minValue"),k=this.sliderProps.get("maxValue");if(this.grabbing_==="min")this.value.setRawValue(new Fe(v,this.value.rawValue.max),p);else if(this.grabbing_==="max")this.value.setRawValue(new Fe(this.value.rawValue.min,v),p);else if(this.grabbing_==="length"){const T=this.value.rawValue.length;let G=v-this.grabOffset_,oe=G+T;G<C?(G=C,oe=C+T):oe>k&&(G=k-T,oe=k),this.value.setRawValue(new Fe(G,oe),p)}}onPointerMove_(o){this.applyPointToValue_(o.data,{forceEmit:!1,last:!1})}onPointerUp_(o){this.applyPointToValue_(o.data,{forceEmit:!0,last:!0}),this.grabbing_=null}}class ot{constructor(o,p){this.value=p.value,this.viewProps=p.viewProps,this.sc_=new mi(o,p);const v={baseStep:p.baseStep,constraint:p.constraint,textProps:Y.fromObject({draggingScale:p.draggingScale,formatter:p.formatter})};this.tc_=new bt(o,{assembly:hi,axes:[v,v],parser:p.parser,value:this.value,viewProps:p.viewProps}),this.view=new Vn(o,{sliderView:this.sc_.view,textView:this.tc_.view})}get textController(){return this.tc_}}function Qi(m){return Fe.isObject(m)?new Fe(m.min,m.max):new Fe(0,0)}function fi(m,o){m.writeProperty("max",o.max),m.writeProperty("min",o.min)}function Zs(m){const o=[],p=nn(m);p&&o.push(p);const v=js(m);return v&&o.push(v),new an(new yn(o))}const In={id:"input-interval",type:"input",css:'.tp-cbzgv,.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0}.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{background-color:var(--btn-bg);border-radius:var(--elm-br);color:var(--btn-fg);cursor:pointer;display:block;font-weight:bold;height:var(--bld-us);line-height:var(--bld-us);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-radv_b:hover,.tp-rslv_k:hover,.tp-cbzv_b:hover{background-color:var(--btn-bg-h)}.tp-radv_b:focus,.tp-rslv_k:focus,.tp-cbzv_b:focus{background-color:var(--btn-bg-f)}.tp-radv_b:active,.tp-rslv_k:active,.tp-cbzv_b:active{background-color:var(--btn-bg-a)}.tp-radv_b:disabled,.tp-rslv_k:disabled,.tp-cbzv_b:disabled{opacity:.5}.tp-cbzgv{background-color:var(--in-bg);border-radius:var(--elm-br);box-sizing:border-box;color:var(--in-fg);font-family:inherit;height:var(--bld-us);line-height:var(--bld-us);min-width:0;width:100%}.tp-cbzgv:hover{background-color:var(--in-bg-h)}.tp-cbzgv:focus{background-color:var(--in-bg-f)}.tp-cbzgv:active{background-color:var(--in-bg-a)}.tp-cbzgv:disabled{opacity:.5}.tp-btngridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-btngridv.tp-v-disabled{opacity:.5}.tp-btngridv .tp-btnv_b:disabled{opacity:1}.tp-btngridv .tp-btnv_b:disabled .tp-btnv_t{opacity:.5}.tp-btngridv .tp-btnv_b{border-radius:0}.tp-cbzv{position:relative}.tp-cbzv_h{display:flex}.tp-cbzv_b{margin-right:4px;position:relative;width:var(--bld-us)}.tp-cbzv_b svg{display:block;height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.tp-cbzv_b svg path{stroke:var(--bs-bg);stroke-width:2}.tp-cbzv_t{flex:1}.tp-cbzv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-cbzv.tp-cbzv-expanded .tp-cbzv_p{margin-top:var(--bld-s);opacity:1}.tp-cbzv.tp-cbzv-cpl .tp-cbzv_p{overflow:visible}.tp-cbzv .tp-popv{left:calc(-1*var(--cnt-h-p));position:absolute;right:calc(-1*var(--cnt-h-p));top:var(--bld-us)}.tp-cbzpv_t{margin-top:var(--bld-s)}.tp-cbzgv{height:auto;overflow:hidden;position:relative}.tp-cbzgv.tp-v-disabled{opacity:.5}.tp-cbzgv_p{left:16px;position:absolute;right:16px;top:0}.tp-cbzgv_g{cursor:pointer;display:block;height:calc(var(--bld-us)*5);width:100%}.tp-cbzgv_u{opacity:.1;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_l{fill:rgba(0,0,0,0);stroke:var(--in-fg)}.tp-cbzgv_v{opacity:.5;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_h{border:var(--in-fg) solid 1px;border-radius:50%;box-sizing:border-box;height:4px;margin-left:-2px;margin-top:-2px;pointer-events:none;position:absolute;width:4px}.tp-cbzgv:focus .tp-cbzgv_h-sel{background-color:var(--in-fg);border-width:0}.tp-cbzprvv{cursor:pointer;height:4px;padding:4px 0;position:relative}.tp-cbzprvv_g{display:block;height:100%;overflow:visible;width:100%}.tp-cbzprvv_t{opacity:.5;stroke:var(--mo-fg)}.tp-cbzprvv_m{background-color:var(--mo-fg);border-radius:50%;height:4px;margin-left:-2px;margin-top:-2px;opacity:0;position:absolute;top:50%;transition:opacity .2s ease-out;width:4px}.tp-cbzprvv_m.tp-cbzprvv_m-a{opacity:1}.tp-fpsv{position:relative}.tp-fpsv_l{bottom:4px;color:var(--mo-fg);line-height:1;right:4px;pointer-events:none;position:absolute}.tp-fpsv_u{margin-left:.2em;opacity:.7}.tp-rslv{cursor:pointer;padding-left:8px;padding-right:8px}.tp-rslv.tp-v-disabled{opacity:.5}.tp-rslv_t{height:calc(var(--bld-us));position:relative}.tp-rslv_t::before{background-color:var(--in-bg);border-radius:1px;content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:-4px;right:-4px}.tp-rslv_b{bottom:0;top:0;position:absolute}.tp-rslv_b::before{background-color:var(--in-fg);content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.tp-rslv_k{height:calc(var(--bld-us) - 8px);margin-top:calc((var(--bld-us) - 8px)/-2);position:absolute;top:50%;width:8px}.tp-rslv_k.tp-rslv_k-min{margin-left:-8px}.tp-rslv_k.tp-rslv_k-max{margin-left:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-min{border-bottom-right-radius:0;border-top-right-radius:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-max{border-bottom-left-radius:0;border-top-left-radius:0}.tp-rsltxtv{display:flex}.tp-rsltxtv_s{flex:1}.tp-rsltxtv_t{flex:1;margin-left:4px}.tp-radv_l{display:block;position:relative}.tp-radv_i{left:0;opacity:0;position:absolute;top:0}.tp-radv_b{opacity:.5}.tp-radv_i:hover+.tp-radv_b{background-color:var(--btn-bg-h)}.tp-radv_i:focus+.tp-radv_b{background-color:var(--btn-bg-f)}.tp-radv_i:active+.tp-radv_b{background-color:var(--btn-bg-a)}.tp-radv_i:checked+.tp-radv_b{opacity:1}.tp-radv_t{bottom:0;color:inherit;left:0;overflow:hidden;position:absolute;right:0;text-align:center;text-overflow:ellipsis;top:0}.tp-radv_i:disabled+.tp-radv_b>.tp-radv_t{opacity:.5}.tp-radgridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-radgridv.tp-v-disabled{opacity:.5}.tp-radgridv .tp-radv_b{border-radius:0}',accept:(m,o)=>{if(!Fe.isObject(m))return null;const p=he,v=ee(o,{format:p.optional.function,max:p.optional.number,min:p.optional.number,step:p.optional.number});return v?{initialValue:new Fe(m.min,m.max),params:v}:null},binding:{reader:m=>Qi,constraint:m=>Zs(m.params),equals:Fe.equals,writer:m=>fi},controller(m){var o;const p=m.value,v=m.constraint;if(!(v instanceof an))throw _.shouldNeverHappen();const C=(p.rawValue.min+p.rawValue.max)/2,k=(o=m.params.format)!==null&&o!==void 0?o:Se(en(v.edge,C)),T=v.edge&&lt(v.edge,st);if(T)return new ot(m.document,{baseStep:ti(v.edge),constraint:v.edge,draggingScale:kn(v.edge,C),formatter:k,parser:Wt,sliderProps:new Y({maxValue:T.values.value("max"),minValue:T.values.value("min")}),value:p,viewProps:m.viewProps});const G={baseStep:ti(v.edge),constraint:v.edge,textProps:Y.fromObject({draggingScale:C,formatter:k})};return new bt(m.document,{assembly:hi,axes:[G,G],parser:Wt,value:p,viewProps:m.viewProps})}};class wt{constructor(o){this.controller_=o}get disabled(){return this.controller_.viewProps.get("disabled")}set disabled(o){this.controller_.viewProps.set("disabled",o)}get title(){var o;return(o=this.controller_.props.get("title"))!==null&&o!==void 0?o:""}set title(o){this.controller_.props.set("title",o)}}class yt extends c{constructor(o,p,v,C,k){super(o,C,k),this.cell=p,this.index=v}}class cn extends s{constructor(o){super(o),this.cellToApiMap_=new Map,this.controller_.valueController.cellControllers.forEach(v=>{const C=new wt(v);this.cellToApiMap_.set(v,C)})}get value(){return this.controller_.value}cell(o,p){const v=this.controller_.valueController,C=v.cellControllers[p*v.size[0]+o];return this.cellToApiMap_.get(C)}on(o,p){const v=p.bind(this);this.controller_.value.emitter.on(o,C=>{const k=this.controller_.valueController,T=k.findCellByValue(C.rawValue);if(!T)return;const G=this.cellToApiMap_.get(T);if(!G)return;const oe=k.cellControllers.indexOf(T);v(new yt(this,G,[oe%k.size[0],Math.floor(oe/k.size[0])],C.rawValue,void 0))})}}const pn=x("rad");class Zi{constructor(o,p){this.element=o.createElement("div"),this.element.classList.add(pn()),p.viewProps.bindClassModifiers(this.element);const v=o.createElement("label");v.classList.add(pn("l")),this.element.appendChild(v);const C=o.createElement("input");C.classList.add(pn("i")),C.name=p.name,C.type="radio",p.viewProps.bindDisabled(C),v.appendChild(C),this.inputElement=C;const k=o.createElement("div");k.classList.add(pn("b")),v.appendChild(k);const T=o.createElement("div");T.classList.add(pn("t")),k.appendChild(T),E(p.props,"title",G=>{T.textContent=G})}}class Wi{constructor(o,p){this.props=p.props,this.viewProps=p.viewProps,this.view=new Zi(o,{name:p.name,props:this.props,viewProps:this.viewProps})}}class Dn{constructor(o,p){this.cellCs_=[],this.cellValues_=[],this.onCellInputChange_=this.onCellInputChange_.bind(this),this.size=p.size;const[v,C]=this.size;for(let k=0;k<C;k++)for(let T=0;T<v;T++){const G=new Wi(o,{name:p.groupName,props:Y.fromObject(Object.assign({},p.cellConfig(T,k))),viewProps:be.create()});this.cellCs_.push(G),this.cellValues_.push(p.cellConfig(T,k).value)}this.value=p.value,I(this.value,k=>{const T=this.findCellByValue(k);T&&(T.view.inputElement.checked=!0)}),this.viewProps=be.create(),this.view=new at(o,{viewProps:this.viewProps,viewName:"radgrid"}),this.view.element.style.gridTemplateColumns=`repeat(${v}, 1fr)`,this.cellCs_.forEach(k=>{k.view.inputElement.addEventListener("change",this.onCellInputChange_),this.view.element.appendChild(k.view.element)})}get cellControllers(){return this.cellCs_}findCellByValue(o){const p=this.cellValues_.findIndex(v=>v===o);return p<0?null:this.cellCs_[p]}onCellInputChange_(o){const p=o.currentTarget,v=this.cellCs_.findIndex(C=>C.view.inputElement===p);v<0||(this.value.rawValue=this.cellValues_[v])}}const xt=function(){return{id:"radiogrid",type:"blade",accept(m){const o=he,p=ee(m,{cells:o.required.function,groupName:o.required.string,size:o.required.array(o.required.number),value:o.required.raw,view:o.required.constant("radiogrid"),label:o.optional.string});return p?{params:p}:null},controller(m){return new mt(m.document,{blade:m.blade,props:Y.fromObject({label:m.params.label}),valueController:new Dn(m.document,{groupName:m.params.groupName,cellConfig:m.params.cells,size:m.params.size,value:X(m.params.value)})})},api(m){return!(m.controller instanceof mt)||!(m.controller.valueController instanceof Dn)?null:new cn(m.controller)}}}();function vi(m){return{id:"input-radiogrid",type:"input",accept(o,p){if(!m.isType(o))return null;const v=he,C=ee(p,{cells:v.required.function,groupName:v.required.string,size:v.required.array(v.required.number),view:v.required.constant("radiogrid")});return C?{initialValue:o,params:C}:null},binding:m.binding,controller:o=>new Dn(o.document,{cellConfig:o.params.cells,groupName:o.params.groupName,size:o.params.size,value:o.value})}}const Ws=vi({isType:m=>typeof m=="number",binding:{reader:m=>Ss,writer:m=>$e}}),Js=vi({isType:m=>typeof m=="string",binding:{reader:m=>Ai,writer:m=>$e}}),Hs=vi({isType:m=>typeof m=="boolean",binding:{reader:m=>qt,writer:m=>$e}}),Ji=[Gs,_t,ui,In,xt,Hs,Ws,Js];r.ButtonCellApi=Ri,r.ButtonGridApi=Gi,r.ButtonGridController=ii,r.CubicBezier=ct,r.CubicBezierApi=Ki,r.CubicBezierAssembly=ri,r.CubicBezierController=An,r.CubicBezierGraphController=He,r.CubicBezierGraphView=Le,r.CubicBezierPickerController=qi,r.CubicBezierPickerView=Xi,r.CubicBezierPreviewView=Et,r.CubicBezierView=$i,r.FpsGraphBladeApi=_e,r.FpsGraphController=pi,r.FpsView=Ne,r.Fpswatch=Me,r.Interval=Fe,r.IntervalAssembly=hi,r.IntervalConstraint=an,r.RadioCellApi=wt,r.RadioController=Wi,r.RadioGridApi=cn,r.RadioGridController=Dn,r.RadioView=Zi,r.RangeSliderController=mi,r.RangeSliderTextController=ot,r.RangeSliderTextView=Vn,r.RangeSliderView=ln,r.TpRadioGridChangeEvent=yt,r.plugins=Ji,Object.defineProperty(r,"__esModule",{value:!0})})})(Vl,Gn);const Il=Uo({__proto__:null,default:al(Gn)},[Gn]);let Kt,Ci;const Dl=(g="tres-container")=>{Kt||(Kt=new xi.Pane({container:document.querySelector(g)||void 0}),Kt.registerPlugin(Il),Ci=Kt.addBlade({view:"fpsgraph",label:"fpsgraph"}));function i(){Kt&&Kt.dispose()}return A.onMounted(()=>{const{onBeforeLoop:r,onAfterLoop:s,resume:a}=zt.useRenderLoop();a(),r(()=>Ci.begin()),s(()=>Ci.end())}),A.onUnmounted(()=>{i()}),{pane:Kt,fpsGraph:Ci,disposeTweakPane:i}};function Tl(g,i){const r=A.ref(i),s=new f.AnimationMixer(r.value),a=A.shallowReactive({});g.forEach(u=>{const h=s.clipAction(u,r.value);a[u.name]=h});const{onLoop:c}=zt.useRenderLoop();return c(({delta:u})=>{s.update(u)}),{actions:a,mixer:s}}let Pi=null;function El(g,i){return r=>{i&&i(r),g.draco&&(Pi||(Pi=new cl),Pi.setDecoderPath(g.decoderPath||"https://www.gstatic.com/draco/versioned/decoders/1.4.3/"),r.setDRACOLoader(Pi))}}async function Hr(g,i={draco:!1},r){return await zt.useLoader(la,g,El(i,r))}const Ol=A.defineComponent({name:"GLTFModel",props:["path","draco","decoderPath"],async setup(g,{expose:i}){const{state:r}=Rt(),s=A.ref();i({model:s});const{scene:a}=await Hr(g.path,{draco:g.draco,decoderPath:g.decoderPath});return s.value=a,r.scene&&r.scene.add(a),()=>{}}});async function eo(g){return await zt.useLoader(Xa,g)}const Bl=A.defineComponent({name:"FBXModel",props:["path"],async setup(g,{expose:i}){const{state:r}=Rt();let s=null;function a(){return s}return i({getModel:a}),s=await eo(g.path),r.scene&&s.isObject3D&&r.scene.add(s),()=>{}}}),Nl={key:0},Fl=["args","center"],jl=A.defineComponent({__name:"Text3D",props:{font:null,text:null,size:{default:.5},height:{default:.2},curveSegments:{default:5},bevelEnabled:{type:Boolean,default:!0},bevelThickness:{default:.05},bevelSize:{default:.02},bevelOffset:{default:0},bevelSegments:{default:4},center:{type:Boolean,default:!1}},async setup(g){let i,r;const s=g,{extend:a}=Rt();a({TextGeometry:Fa});const c=new sl,u=A.useSlots(),h=A.computed(()=>{var y;return s.text?s.text:u.default?(y=u.default()[0].children)==null?void 0:y.trim():"TresJS"}),d=([i,r]=A.withAsyncContext(()=>new Promise((y,w)=>{try{typeof s.font=="string"?c.load(s.font,x=>{y(x)}):y(s.font)}catch(x){w(console.error("cientos",x))}})),i=await i,r(),i),_=A.computed(()=>({font:d,size:s.size,height:s.height,curveSegments:s.curveSegments,bevelEnabled:s.bevelEnabled,bevelThickness:s.bevelThickness,bevelSize:s.bevelSize,bevelOffset:s.bevelOffset,bevelSegments:s.bevelSegments}));return(y,w)=>A.unref(d)?(A.openBlock(),A.createElementBlock("TresMesh",Nl,[A.unref(h)?(A.openBlock(),A.createElementBlock("TresTextGeometry",{key:0,args:[A.unref(h),A.unref(_)],center:g.center},null,8,Fl)):A.createCommentVNode("",!0),A.renderSlot(y.$slots,"default")])):A.createCommentVNode("",!0)}}),zl=["rotation"],Ul=["args"],Rl=["color"],Gl=A.defineComponent({__name:"Plane",props:{args:{default:()=>[1,1]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"planeRef",ref:r,rotation:[-Math.PI/2,0,0]},s.$attrs),[A.createElementVNode("TresPlaneGeometry",{args:g.args},null,8,Ul),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,Rl)])],16,zl))}}),Kl=["args"],$l=["color"],Xl=A.defineComponent({__name:"Box",props:{args:{default:()=>[1,1,1]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"boxRef",ref:r},s.$attrs),[A.createElementVNode("TresBoxGeometry",{args:g.args},null,8,Kl),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,$l)])],16))}}),Yl=["args"],ql=["color"],Ql=A.defineComponent({__name:"Sphere",props:{args:{default:()=>[2,32,16]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"sphereRef",ref:r},s.$attrs),[A.createElementVNode("TresSphereGeometry",{args:g.args},null,8,Yl),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,ql)])],16))}}),Zl=["args"],Wl=["color"],Jl=A.defineComponent({__name:"Torus",props:{args:{default:()=>[1,1,16,80]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"torusRef",ref:r},s.$attrs),[A.createElementVNode("TresTorusGeometry",{args:g.args},null,8,Zl),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,Wl)])],16))}}),Hl=["args"],ec=["color"],tc=A.defineComponent({__name:"TorusKnot",props:{args:{default:()=>[1,.4,64,8]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"torusKnotRef",ref:r},s.$attrs),[A.createElementVNode("TresTorusKnotGeometry",{args:g.args},null,8,Hl),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,ec)])],16))}}),nc=["args"],ic=["color"],sc=A.defineComponent({__name:"Circle",props:{args:{default:()=>[1,32,0,Math.PI*2]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"circleRef",ref:r},s.$attrs),[A.createElementVNode("TresCircleGeometry",{args:g.args},null,8,nc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,ic)])],16))}}),rc=["args"],oc=["color"],ac=A.defineComponent({__name:"Cone",props:{args:{default:()=>[1,1,12,!1,0,Math.PI*2]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"coneRef",ref:r},s.$attrs),[A.createElementVNode("TresConeGeometry",{args:g.args},null,8,rc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,oc)])],16))}}),lc=["args"],cc=["color"],pc=A.defineComponent({__name:"Tube",props:{args:{default:()=>[new f.QuadraticBezierCurve3(new f.Vector3(-1,0,0),new f.Vector3(0,1,0),new f.Vector3(1,0,0)),20,.2,8,!1]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"tubeRef",ref:r},s.$attrs),[A.createElementVNode("TresTubeGeometry",{args:g.args},null,8,lc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,cc)])],16))}}),uc=["args"],hc=["color"],dc=A.defineComponent({__name:"Ring",props:{args:{default:()=>[.5,1,32]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"ringRef",ref:r},s.$attrs),[A.createElementVNode("TresRingGeometry",{args:g.args},null,8,uc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,hc)])],16))}}),mc=["rotation"],fc=["args"],vc=["color"],bc=A.defineComponent({__name:"Tetrahedron",props:{args:{default:()=>[1,0]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"tetrahedronRef",ref:r,rotation:[-Math.PI/2,0,0]},s.$attrs),[A.createElementVNode("TresTetrahedronGeometry",{args:g.args},null,8,fc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,vc)])],16,mc))}}),gc=["args"],_c=["color"],wc=A.defineComponent({__name:"Icosahedron",props:{args:{default:()=>[1,0]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"icosahedronRef",ref:r},s.$attrs),[A.createElementVNode("TresIcosahedronGeometry",{args:g.args},null,8,gc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,_c)])],16))}}),yc=["args"],xc=["color"],Cc=A.defineComponent({__name:"Octahedron",props:{args:{default:()=>[1,0]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"octahedronRef",ref:r},s.$attrs),[A.createElementVNode("TresOctahedronGeometry",{args:g.args},null,8,yc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,xc)])],16))}}),Pc=["args"],Mc=["color"],kc=A.defineComponent({__name:"Dodecahedron",props:{args:{default:()=>[1,0]},color:{default:"0xffffff"}},setup(g,{expose:i}){const r=A.shallowRef();return i({value:r}),(s,a)=>(A.openBlock(),A.createElementBlock("TresMesh",A.mergeProps({ref_key:"dodecahedronRef",ref:r},s.$attrs),[A.createElementVNode("TresDodecahedronGeometry",{args:g.args},null,8,Pc),A.renderSlot(s.$slots,"default",{},()=>[A.createElementVNode("TresMeshBasicMaterial",{color:g.color},null,8,Mc)])],16))}}),ms={sunset:"venice/venice_sunset_4k.hdr"};async function to({files:g=["/px.png","/nx.png","/py.png","/ny.png","/pz.png","/nz.png"],blur:i=0,background:r=!1,path:s="/",preset:a=void 0,encoding:c=void 0}){const{state:u}=Rt();if(a){if(!(a in ms))throw new Error("Preset must be one of: "+Object.keys(ms).join(", "));g=ms[a],s="https://raw.githubusercontent.com/Tresjs/assets/main/textures/hdr/"}const h=Array.isArray(g),d=h?f.CubeTextureLoader:ll,_=await zt.useLoader(d,h?[g]:g,w=>{s&&w.setPath(s),c&&(w.encoding=c)}),y=h?_[0]:_;return y&&(y.mapping=h?f.CubeReflectionMapping:f.EquirectangularReflectionMapping,y.encoding=c??h?f.sRGBEncoding:f.LinearEncoding),u.scene&&(u.scene.environment=y,r!==void 0&&(u.scene.background=y),i&&(u.scene.backgroundBlurriness=i|0)),y}const Sc=A.defineComponent({name:"Environment",props:["background","blur","files","encoding","path","preset"],async setup(g,{expose:i}){let r=null;return i({getTexture:()=>r}),r=await to(g),()=>{}}});ae.Box=Xl,ae.Circle=sc,ae.Cone=ac,ae.Dodecahedron=kc,ae.Environment=Sc,ae.FBXModel=Bl,ae.GLTFModel=Ol,ae.Icosahedron=wc,ae.Octahedron=Cc,ae.OrbitControls=hl,ae.PamCameraMouse=Ll,ae.Plane=Gl,ae.Ring=dc,ae.Sphere=Ql,ae.Tetrahedron=bc,ae.Text3D=jl,ae.Torus=Jl,ae.TorusKnot=tc,ae.TransformControls=fl,ae.Tube=pc,ae.useAnimations=Tl,ae.useEnvironment=to,ae.useFBX=eo,ae.useGLTF=Hr,ae.usePamCameraMouse=Jr,ae.useTweakPane=Dl,Object.defineProperty(ae,Symbol.toStringTag,{value:"Module"})});