diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 496f646..46571c2 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -10,7 +10,7 @@
   --color-panel-divider: #eee;
   --color-comment-tag: #707070;
   --color-comment-tag-text: #fff;
-  --color-code-background: rgba(#000, 0.04);
+  --color-code-background: rgba(0, 0, 0, 0.04);
   --color-ts: #9600ff;
   --color-ts-interface: #647f1b;
   --color-ts-enum: #937210;
diff --git a/docs/assets/js/search.js b/docs/assets/js/search.js
index db064ed..1d5da88 100644
--- a/docs/assets/js/search.js
+++ b/docs/assets/js/search.js
@@ -1 +1 @@
-window.searchData = {"kinds":{"1":"Module","32":"Variable","64":"Function","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","262144":"Accessor","4194304":"Type alias","16777216":"Reference"},"rows":[{"id":0,"kind":1,"name":"constants","url":"modules/constants.html","classes":"tsd-kind-module"},{"id":1,"kind":32,"name":"BindingType","url":"modules/constants.html#bindingtype","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":2,"kind":65536,"name":"__type","url":"modules/constants.html#bindingtype.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.BindingType"},{"id":3,"kind":1024,"name":"Uniform","url":"modules/constants.html#bindingtype.__type.uniform","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":4,"kind":1024,"name":"Storage","url":"modules/constants.html#bindingtype.__type.storage","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":5,"kind":1024,"name":"ReadonlyStorage","url":"modules/constants.html#bindingtype.__type.readonlystorage","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":6,"kind":1024,"name":"Filtering","url":"modules/constants.html#bindingtype.__type.filtering","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":7,"kind":1024,"name":"NonFiltering","url":"modules/constants.html#bindingtype.__type.nonfiltering","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":8,"kind":1024,"name":"Comparison","url":"modules/constants.html#bindingtype.__type.comparison","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":9,"kind":1024,"name":"Float","url":"modules/constants.html#bindingtype.__type.float","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":10,"kind":1024,"name":"UnFilterableFloat","url":"modules/constants.html#bindingtype.__type.unfilterablefloat","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":11,"kind":1024,"name":"Depth","url":"modules/constants.html#bindingtype.__type.depth","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":12,"kind":1024,"name":"Sint","url":"modules/constants.html#bindingtype.__type.sint","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":13,"kind":1024,"name":"Uint","url":"modules/constants.html#bindingtype.__type.uint","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":14,"kind":1024,"name":"ReadOnly","url":"modules/constants.html#bindingtype.__type.readonly","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":15,"kind":1024,"name":"WriteOnly","url":"modules/constants.html#bindingtype.__type.writeonly","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.BindingType.__type"},{"id":16,"kind":32,"name":"GPUIndexFormat","url":"modules/constants.html#gpuindexformat","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":17,"kind":65536,"name":"__type","url":"modules/constants.html#gpuindexformat.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUIndexFormat"},{"id":18,"kind":32,"name":"GPUPrimitiveTopology","url":"modules/constants.html#gpuprimitivetopology","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":19,"kind":65536,"name":"__type","url":"modules/constants.html#gpuprimitivetopology.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUPrimitiveTopology"},{"id":20,"kind":32,"name":"GPUBufferUsage","url":"modules/constants.html#gpubufferusage","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":21,"kind":65536,"name":"__type","url":"modules/constants.html#gpubufferusage.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUBufferUsage"},{"id":22,"kind":1024,"name":"MAP_READ","url":"modules/constants.html#gpubufferusage.__type-1.map_read","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":23,"kind":1024,"name":"MAP_WRITE","url":"modules/constants.html#gpubufferusage.__type-1.map_write","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":24,"kind":1024,"name":"COPY_SRC","url":"modules/constants.html#gpubufferusage.__type-1.copy_src","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":25,"kind":1024,"name":"COPY_DST","url":"modules/constants.html#gpubufferusage.__type-1.copy_dst","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":26,"kind":1024,"name":"INDEX","url":"modules/constants.html#gpubufferusage.__type-1.index","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":27,"kind":1024,"name":"VERTEX","url":"modules/constants.html#gpubufferusage.__type-1.vertex","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":28,"kind":1024,"name":"UNIFORM","url":"modules/constants.html#gpubufferusage.__type-1.uniform-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":29,"kind":1024,"name":"STORAGE","url":"modules/constants.html#gpubufferusage.__type-1.storage-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":30,"kind":1024,"name":"INDIRECT","url":"modules/constants.html#gpubufferusage.__type-1.indirect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUBufferUsage.__type"},{"id":31,"kind":32,"name":"GPUTextureUsage","url":"modules/constants.html#gputextureusage","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":32,"kind":65536,"name":"__type","url":"modules/constants.html#gputextureusage.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUTextureUsage"},{"id":33,"kind":1024,"name":"COPY_SRC","url":"modules/constants.html#gputextureusage.__type-5.copy_src-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUTextureUsage.__type"},{"id":34,"kind":1024,"name":"COPY_DST","url":"modules/constants.html#gputextureusage.__type-5.copy_dst-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUTextureUsage.__type"},{"id":35,"kind":1024,"name":"SAMPLED","url":"modules/constants.html#gputextureusage.__type-5.sampled","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUTextureUsage.__type"},{"id":36,"kind":1024,"name":"STORAGE","url":"modules/constants.html#gputextureusage.__type-5.storage-2","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUTextureUsage.__type"},{"id":37,"kind":1024,"name":"RENDER_ATTACHMENT","url":"modules/constants.html#gputextureusage.__type-5.render_attachment","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUTextureUsage.__type"},{"id":38,"kind":32,"name":"GPUShaderStage","url":"modules/constants.html#gpushaderstage","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":39,"kind":65536,"name":"__type","url":"modules/constants.html#gpushaderstage.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUShaderStage"},{"id":40,"kind":1024,"name":"VERTEX","url":"modules/constants.html#gpushaderstage.__type-4.vertex-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUShaderStage.__type"},{"id":41,"kind":1024,"name":"FRAGMENT","url":"modules/constants.html#gpushaderstage.__type-4.fragment","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUShaderStage.__type"},{"id":42,"kind":1024,"name":"COMPUTE","url":"modules/constants.html#gpushaderstage.__type-4.compute","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"constants.GPUShaderStage.__type"},{"id":43,"kind":1,"name":"core/Attachment","url":"modules/core_attachment.html","classes":"tsd-kind-module"},{"id":44,"kind":128,"name":"default","url":"classes/core_attachment.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Attachment"},{"id":45,"kind":512,"name":"constructor","url":"classes/core_attachment.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":46,"kind":1024,"name":"value","url":"classes/core_attachment.default.html#value","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":47,"kind":1024,"name":"view","url":"classes/core_attachment.default.html#view","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":48,"kind":1024,"name":"op","url":"classes/core_attachment.default.html#op","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":49,"kind":1,"name":"core/Attribute","url":"modules/core_attribute.html","classes":"tsd-kind-module"},{"id":50,"kind":128,"name":"default","url":"classes/core_attribute.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Attribute"},{"id":51,"kind":2048,"name":"getAlignement","url":"classes/core_attribute.default.html#getalignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Attribute.default"},{"id":52,"kind":512,"name":"constructor","url":"classes/core_attribute.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core/Attribute.default"},{"id":53,"kind":1024,"name":"name","url":"classes/core_attribute.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":54,"kind":1024,"name":"type","url":"classes/core_attribute.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":55,"kind":1024,"name":"visibility","url":"classes/core_attribute.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":56,"kind":1024,"name":"arrayCount","url":"classes/core_attribute.default.html#arraycount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":57,"kind":262144,"name":"format","url":"classes/core_attribute.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":58,"kind":2048,"name":"getSize","url":"classes/core_attribute.default.html#getsize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":59,"kind":1,"name":"core/BindGroup","url":"modules/core_bindgroup.html","classes":"tsd-kind-module"},{"id":60,"kind":128,"name":"default","url":"classes/core_bindgroup.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/BindGroup"},{"id":61,"kind":512,"name":"constructor","url":"classes/core_bindgroup.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/BindGroup.default"},{"id":62,"kind":1024,"name":"gpuBindGroup","url":"classes/core_bindgroup.default.html#gpubindgroup","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/BindGroup.default"},{"id":63,"kind":1,"name":"core/BindGroupLayout","url":"modules/core_bindgrouplayout.html","classes":"tsd-kind-module"},{"id":64,"kind":128,"name":"default","url":"classes/core_bindgrouplayout.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/BindGroupLayout"},{"id":65,"kind":512,"name":"constructor","url":"classes/core_bindgrouplayout.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":66,"kind":1024,"name":"gpuBindGroupLayout","url":"classes/core_bindgrouplayout.default.html#gpubindgrouplayout","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":67,"kind":1024,"name":"entries","url":"classes/core_bindgrouplayout.default.html#entries","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":68,"kind":2048,"name":"getBindGroupSize","url":"classes/core_bindgrouplayout.default.html#getbindgroupsize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":69,"kind":2048,"name":"getBindingSize","url":"classes/core_bindgrouplayout.default.html#getbindingsize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":70,"kind":1,"name":"core/Buffer","url":"modules/core_buffer.html","classes":"tsd-kind-module"},{"id":71,"kind":128,"name":"default","url":"classes/core_buffer.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Buffer"},{"id":72,"kind":512,"name":"constructor","url":"classes/core_buffer.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":73,"kind":1024,"name":"gpuBuffer","url":"classes/core_buffer.default.html#gpubuffer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":74,"kind":2048,"name":"create","url":"classes/core_buffer.default.html#create","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":75,"kind":2048,"name":"vertexBuffer","url":"classes/core_buffer.default.html#vertexbuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":76,"kind":2048,"name":"indexBuffer","url":"classes/core_buffer.default.html#indexbuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":77,"kind":2048,"name":"uniformBuffer","url":"classes/core_buffer.default.html#uniformbuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":78,"kind":2048,"name":"setSubData","url":"classes/core_buffer.default.html#setsubdata","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":79,"kind":2048,"name":"copyToBuffer","url":"classes/core_buffer.default.html#copytobuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":80,"kind":2048,"name":"copyToTexture","url":"classes/core_buffer.default.html#copytotexture","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":81,"kind":2048,"name":"destroy","url":"classes/core_buffer.default.html#destroy","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":82,"kind":1,"name":"core/Clock","url":"modules/core_clock.html","classes":"tsd-kind-module"},{"id":83,"kind":128,"name":"default","url":"classes/core_clock.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Clock"},{"id":84,"kind":512,"name":"constructor","url":"classes/core_clock.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Clock.default"},{"id":85,"kind":1024,"name":"startTime","url":"classes/core_clock.default.html#starttime","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Clock.default"},{"id":86,"kind":1024,"name":"prevTime","url":"classes/core_clock.default.html#prevtime","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Clock.default"},{"id":87,"kind":1024,"name":"time","url":"classes/core_clock.default.html#time","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Clock.default"},{"id":88,"kind":2048,"name":"reset","url":"classes/core_clock.default.html#reset","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Clock.default"},{"id":89,"kind":2048,"name":"start","url":"classes/core_clock.default.html#start","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Clock.default"},{"id":90,"kind":2048,"name":"getDelta","url":"classes/core_clock.default.html#getdelta","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Clock.default"},{"id":91,"kind":1,"name":"core/Command","url":"modules/core_command.html","classes":"tsd-kind-module"},{"id":92,"kind":128,"name":"default","url":"classes/core_command.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Command"},{"id":93,"kind":512,"name":"constructor","url":"classes/core_command.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Command.default"},{"id":94,"kind":1024,"name":"pass","url":"classes/core_command.default.html#pass","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":95,"kind":1024,"name":"pipeline","url":"classes/core_command.default.html#pipeline","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":96,"kind":1024,"name":"vertexBuffers","url":"classes/core_command.default.html#vertexbuffers","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":97,"kind":1024,"name":"indexBuffer","url":"classes/core_command.default.html#indexbuffer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":98,"kind":1024,"name":"indexFormat","url":"classes/core_command.default.html#indexformat","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":99,"kind":1024,"name":"bindGroups","url":"classes/core_command.default.html#bindgroups","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":100,"kind":1024,"name":"count","url":"classes/core_command.default.html#count","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":101,"kind":1024,"name":"instances","url":"classes/core_command.default.html#instances","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":102,"kind":1024,"name":"dispatch","url":"classes/core_command.default.html#dispatch","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":103,"kind":1,"name":"core/Context","url":"modules/core_context.html","classes":"tsd-kind-module"},{"id":104,"kind":128,"name":"default","url":"classes/core_context.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Context"},{"id":105,"kind":512,"name":"constructor","url":"classes/core_context.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Context.default"},{"id":106,"kind":1024,"name":"canvas","url":"classes/core_context.default.html#canvas","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Context.default"},{"id":107,"kind":1024,"name":"context","url":"classes/core_context.default.html#context","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Context.default"},{"id":108,"kind":1024,"name":"adapter","url":"classes/core_context.default.html#adapter","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":109,"kind":1024,"name":"commandEncoder","url":"classes/core_context.default.html#commandencoder","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":110,"kind":1024,"name":"passEncoder","url":"classes/core_context.default.html#passencoder","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":111,"kind":1024,"name":"defaultDepthStencilAttachment","url":"classes/core_context.default.html#defaultdepthstencilattachment","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":112,"kind":2048,"name":"init","url":"classes/core_context.default.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":113,"kind":2048,"name":"resize","url":"classes/core_context.default.html#resize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":114,"kind":2048,"name":"submit","url":"classes/core_context.default.html#submit","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":115,"kind":2048,"name":"render","url":"classes/core_context.default.html#render","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":116,"kind":1,"name":"core/Pass","url":"modules/core_pass.html","classes":"tsd-kind-module"},{"id":117,"kind":128,"name":"default","url":"classes/core_pass.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Pass"},{"id":118,"kind":512,"name":"constructor","url":"classes/core_pass.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Pass.default"},{"id":119,"kind":1024,"name":"type","url":"classes/core_pass.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":120,"kind":1024,"name":"colorAttachments","url":"classes/core_pass.default.html#colorattachments","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":121,"kind":1024,"name":"depthAttachment","url":"classes/core_pass.default.html#depthattachment","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":122,"kind":1024,"name":"stencilAttachment","url":"classes/core_pass.default.html#stencilattachment","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":123,"kind":262144,"name":"descriptor","url":"classes/core_pass.default.html#descriptor","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core/Pass.default"},{"id":124,"kind":1,"name":"core/Pipeline","url":"modules/core_pipeline.html","classes":"tsd-kind-module"},{"id":125,"kind":128,"name":"default","url":"classes/core_pipeline.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Pipeline"},{"id":126,"kind":512,"name":"constructor","url":"classes/core_pipeline.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":127,"kind":1024,"name":"gpuPipeline","url":"classes/core_pipeline.default.html#gpupipeline","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pipeline.default"},{"id":128,"kind":1024,"name":"program","url":"classes/core_pipeline.default.html#program","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pipeline.default"},{"id":129,"kind":1024,"name":"bindGroupLayouts","url":"classes/core_pipeline.default.html#bindgrouplayouts","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":130,"kind":1024,"name":"ins","url":"classes/core_pipeline.default.html#ins","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":131,"kind":1024,"name":"outs","url":"classes/core_pipeline.default.html#outs","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":132,"kind":1024,"name":"structs","url":"classes/core_pipeline.default.html#structs","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":133,"kind":1024,"name":"fragmentOuts","url":"classes/core_pipeline.default.html#fragmentouts","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":134,"kind":1024,"name":"descriptor","url":"classes/core_pipeline.default.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":135,"kind":1024,"name":"stepMode","url":"classes/core_pipeline.default.html#stepmode","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":136,"kind":2048,"name":"compute","url":"classes/core_pipeline.default.html#compute","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":137,"kind":2048,"name":"vertex","url":"classes/core_pipeline.default.html#vertex","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":138,"kind":2048,"name":"fragment","url":"classes/core_pipeline.default.html#fragment","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":139,"kind":1,"name":"core/Program","url":"modules/core_program.html","classes":"tsd-kind-module"},{"id":140,"kind":128,"name":"default","url":"classes/core_program.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Program"},{"id":141,"kind":512,"name":"constructor","url":"classes/core_program.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Program.default"},{"id":142,"kind":1024,"name":"bindGroupLayouts","url":"classes/core_program.default.html#bindgrouplayouts","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Program.default"},{"id":143,"kind":1024,"name":"shaders","url":"classes/core_program.default.html#shaders","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Program.default"},{"id":144,"kind":65536,"name":"__type","url":"classes/core_program.default.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"core/Program.default"},{"id":145,"kind":2048,"name":"compute","url":"classes/core_program.default.html#__type.compute","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"core/Program.default.__type"},{"id":146,"kind":2048,"name":"vertex","url":"classes/core_program.default.html#__type.vertex","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"core/Program.default.__type"},{"id":147,"kind":2048,"name":"fragment","url":"classes/core_program.default.html#__type.fragment","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"core/Program.default.__type"},{"id":148,"kind":2048,"name":"init","url":"classes/core_program.default.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Program.default"},{"id":149,"kind":2048,"name":"getGLSLHeaders","url":"classes/core_program.default.html#getglslheaders","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Program.default"},{"id":150,"kind":1,"name":"core/Sampler","url":"modules/core_sampler.html","classes":"tsd-kind-module"},{"id":151,"kind":128,"name":"default","url":"classes/core_sampler.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Sampler"},{"id":152,"kind":512,"name":"constructor","url":"classes/core_sampler.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Sampler.default"},{"id":153,"kind":1024,"name":"gpuSampler","url":"classes/core_sampler.default.html#gpusampler","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Sampler.default"},{"id":154,"kind":1,"name":"core/Shader","url":"modules/core_shader.html","classes":"tsd-kind-module"},{"id":155,"kind":128,"name":"default","url":"classes/core_shader.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Shader"},{"id":156,"kind":512,"name":"constructor","url":"classes/core_shader.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Shader.default"},{"id":157,"kind":1024,"name":"version","url":"classes/core_shader.default.html#version","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":158,"kind":1024,"name":"shaderModule","url":"classes/core_shader.default.html#shadermodule","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":159,"kind":1024,"name":"source","url":"classes/core_shader.default.html#source","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Shader.default"},{"id":160,"kind":1024,"name":"type","url":"classes/core_shader.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":161,"kind":1024,"name":"body","url":"classes/core_shader.default.html#body","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":162,"kind":1024,"name":"ins","url":"classes/core_shader.default.html#ins","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":163,"kind":1024,"name":"outs","url":"classes/core_shader.default.html#outs","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":164,"kind":1024,"name":"structs","url":"classes/core_shader.default.html#structs","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":165,"kind":2048,"name":"init","url":"classes/core_shader.default.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Shader.default"},{"id":166,"kind":2048,"name":"getGLSLHeaders","url":"classes/core_shader.default.html#getglslheaders","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Shader.default"},{"id":167,"kind":1,"name":"core/State","url":"modules/core_state.html","classes":"tsd-kind-module"},{"id":168,"kind":32,"name":"default","url":"modules/core_state.html#default","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"core/State"},{"id":169,"kind":1,"name":"core/Struct","url":"modules/core_struct.html","classes":"tsd-kind-module"},{"id":170,"kind":128,"name":"default","url":"classes/core_struct.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Struct"},{"id":171,"kind":512,"name":"constructor","url":"classes/core_struct.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Struct.default"},{"id":172,"kind":1024,"name":"type","url":"classes/core_struct.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Struct.default"},{"id":173,"kind":1024,"name":"members","url":"classes/core_struct.default.html#members","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Struct.default"},{"id":174,"kind":1024,"name":"name","url":"classes/core_struct.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Struct.default"},{"id":175,"kind":1024,"name":"visibility","url":"classes/core_struct.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Struct.default"},{"id":176,"kind":1024,"name":"arrayCount","url":"classes/core_struct.default.html#arraycount","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Struct.default"},{"id":177,"kind":2048,"name":"getGLSLString","url":"classes/core_struct.default.html#getglslstring","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Struct.default"},{"id":178,"kind":1,"name":"core/Texture","url":"modules/core_texture.html","classes":"tsd-kind-module"},{"id":179,"kind":128,"name":"default","url":"classes/core_texture.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Texture"},{"id":180,"kind":512,"name":"constructor","url":"classes/core_texture.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Texture.default"},{"id":181,"kind":1024,"name":"gpuTexture","url":"classes/core_texture.default.html#gputexture","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":182,"kind":1024,"name":"mipLevelCount","url":"classes/core_texture.default.html#miplevelcount","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":183,"kind":1024,"name":"descriptor","url":"classes/core_texture.default.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":184,"kind":1024,"name":"image","url":"classes/core_texture.default.html#image","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":185,"kind":2048,"name":"setMipMap","url":"classes/core_texture.default.html#setmipmap","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Texture.default"},{"id":186,"kind":2048,"name":"update","url":"classes/core_texture.default.html#update","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Texture.default"},{"id":187,"kind":1,"name":"core/Uniform","url":"modules/core_uniform.html","classes":"tsd-kind-module"},{"id":188,"kind":128,"name":"default","url":"classes/core_uniform.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Uniform"},{"id":189,"kind":2048,"name":"getAlignement","url":"classes/core_uniform.default.html#getalignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Uniform.default"},{"id":190,"kind":512,"name":"constructor","url":"classes/core_uniform.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core/Uniform.default"},{"id":191,"kind":1024,"name":"name","url":"classes/core_uniform.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":192,"kind":1024,"name":"type","url":"classes/core_uniform.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":193,"kind":1024,"name":"visibility","url":"classes/core_uniform.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":194,"kind":1024,"name":"arrayCount","url":"classes/core_uniform.default.html#arraycount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":195,"kind":262144,"name":"format","url":"classes/core_uniform.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":196,"kind":2048,"name":"getSize","url":"classes/core_uniform.default.html#getsize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":197,"kind":1,"name":"core/Variable","url":"modules/core_variable.html","classes":"tsd-kind-module"},{"id":198,"kind":128,"name":"default","url":"classes/core_variable.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Variable"},{"id":199,"kind":2048,"name":"getAlignement","url":"classes/core_variable.default.html#getalignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"core/Variable.default"},{"id":200,"kind":512,"name":"constructor","url":"classes/core_variable.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Variable.default"},{"id":201,"kind":1024,"name":"name","url":"classes/core_variable.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":202,"kind":1024,"name":"type","url":"classes/core_variable.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":203,"kind":1024,"name":"visibility","url":"classes/core_variable.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":204,"kind":1024,"name":"arrayCount","url":"classes/core_variable.default.html#arraycount","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":205,"kind":262144,"name":"format","url":"classes/core_variable.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core/Variable.default"},{"id":206,"kind":2048,"name":"getSize","url":"classes/core_variable.default.html#getsize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Variable.default"},{"id":207,"kind":1,"name":"helpers/Axes","url":"modules/helpers_axes.html","classes":"tsd-kind-module"},{"id":208,"kind":128,"name":"default","url":"classes/helpers_axes.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"helpers/Axes"},{"id":209,"kind":512,"name":"constructor","url":"classes/helpers_axes.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":210,"kind":1024,"name":"command","url":"classes/helpers_axes.default.html#command","classes":"tsd-kind-property tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":211,"kind":1024,"name":"buffer","url":"classes/helpers_axes.default.html#buffer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":212,"kind":2048,"name":"setScale","url":"classes/helpers_axes.default.html#setscale","classes":"tsd-kind-method tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":213,"kind":1,"name":"index","url":"modules/index.html","classes":"tsd-kind-module"},{"id":214,"kind":1,"name":"shaders/constants.glsl","url":"modules/shaders_constants_glsl.html","classes":"tsd-kind-module"},{"id":215,"kind":1024,"name":"default","url":"modules/shaders_constants_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/constants.glsl"},{"id":216,"kind":65536,"name":"__type","url":"modules/shaders_constants_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/constants.glsl"},{"id":217,"kind":1024,"name":"PI","url":"modules/shaders_constants_glsl.html#__type.pi","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.glsl.__type"},{"id":218,"kind":1024,"name":"EPSILON","url":"modules/shaders_constants_glsl.html#__type.epsilon","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.glsl.__type"},{"id":219,"kind":1024,"name":"GAMMA","url":"modules/shaders_constants_glsl.html#__type.gamma","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.glsl.__type"},{"id":220,"kind":1,"name":"shaders","url":"modules/shaders.html","classes":"tsd-kind-module"},{"id":221,"kind":1,"name":"shaders/lighting/diffuse.glsl","url":"modules/shaders_lighting_diffuse_glsl.html","classes":"tsd-kind-module"},{"id":222,"kind":1024,"name":"default","url":"modules/shaders_lighting_diffuse_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/diffuse.glsl"},{"id":223,"kind":65536,"name":"__type","url":"modules/shaders_lighting_diffuse_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/diffuse.glsl"},{"id":224,"kind":1024,"name":"OREN_NAYAR","url":"modules/shaders_lighting_diffuse_glsl.html#__type.oren_nayar","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/diffuse.glsl.__type"},{"id":225,"kind":1024,"name":"LAMBERT","url":"modules/shaders_lighting_diffuse_glsl.html#__type.lambert","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/diffuse.glsl.__type"},{"id":226,"kind":1,"name":"shaders/lighting/direct.glsl","url":"modules/shaders_lighting_direct_glsl.html","classes":"tsd-kind-module"},{"id":227,"kind":1024,"name":"default","url":"modules/shaders_lighting_direct_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/direct.glsl"},{"id":228,"kind":65536,"name":"__type","url":"modules/shaders_lighting_direct_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/direct.glsl"},{"id":229,"kind":1024,"name":"PHONG","url":"modules/shaders_lighting_direct_glsl.html#__type.phong","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/direct.glsl.__type"},{"id":230,"kind":1,"name":"shaders/lighting/gamma.glsl","url":"modules/shaders_lighting_gamma_glsl.html","classes":"tsd-kind-module"},{"id":231,"kind":1024,"name":"default","url":"modules/shaders_lighting_gamma_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/gamma.glsl"},{"id":232,"kind":1,"name":"shaders/lighting/linear.glsl","url":"modules/shaders_lighting_linear_glsl.html","classes":"tsd-kind-module"},{"id":233,"kind":1024,"name":"default","url":"modules/shaders_lighting_linear_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/linear.glsl"},{"id":234,"kind":1,"name":"shaders/lighting/specular.glsl","url":"modules/shaders_lighting_specular_glsl.html","classes":"tsd-kind-module"},{"id":235,"kind":1024,"name":"default","url":"modules/shaders_lighting_specular_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/specular.glsl"},{"id":236,"kind":65536,"name":"__type","url":"modules/shaders_lighting_specular_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/specular.glsl"},{"id":237,"kind":1024,"name":"BLINNPHONG","url":"modules/shaders_lighting_specular_glsl.html#__type.blinnphong","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":238,"kind":1024,"name":"PHONG","url":"modules/shaders_lighting_specular_glsl.html#__type.phong","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":239,"kind":1024,"name":"GAUSSIAN","url":"modules/shaders_lighting_specular_glsl.html#__type.gaussian","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":240,"kind":1024,"name":"BECKMANN","url":"modules/shaders_lighting_specular_glsl.html#__type.beckmann","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":241,"kind":1024,"name":"COOK_TORRANCE","url":"modules/shaders_lighting_specular_glsl.html#__type.cook_torrance","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":242,"kind":1,"name":"shaders/noise/classic.glsl","url":"modules/shaders_noise_classic_glsl.html","classes":"tsd-kind-module"},{"id":243,"kind":1024,"name":"default","url":"modules/shaders_noise_classic_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/classic.glsl"},{"id":244,"kind":65536,"name":"__type","url":"modules/shaders_noise_classic_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/classic.glsl"},{"id":245,"kind":1024,"name":"CNOISE2D","url":"modules/shaders_noise_classic_glsl.html#__type.cnoise2d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.glsl.__type"},{"id":246,"kind":1024,"name":"CNOISE3D","url":"modules/shaders_noise_classic_glsl.html#__type.cnoise3d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.glsl.__type"},{"id":247,"kind":1024,"name":"CNOISE4D","url":"modules/shaders_noise_classic_glsl.html#__type.cnoise4d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.glsl.__type"},{"id":248,"kind":1,"name":"shaders/noise/index.glsl","url":"modules/shaders_noise_index_glsl.html","classes":"tsd-kind-module"},{"id":249,"kind":32,"name":"FUNCTIONS","url":"modules/shaders_noise_index_glsl.html#functions","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/index.glsl"},{"id":250,"kind":32,"name":"FADE2","url":"modules/shaders_noise_index_glsl.html#fade2","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/index.glsl"},{"id":251,"kind":32,"name":"FADE3","url":"modules/shaders_noise_index_glsl.html#fade3","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/index.glsl"},{"id":252,"kind":32,"name":"FADE4","url":"modules/shaders_noise_index_glsl.html#fade4","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/index.glsl"},{"id":253,"kind":1,"name":"shaders/noise/periodic.glsl","url":"modules/shaders_noise_periodic_glsl.html","classes":"tsd-kind-module"},{"id":254,"kind":1024,"name":"default","url":"modules/shaders_noise_periodic_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/periodic.glsl"},{"id":255,"kind":65536,"name":"__type","url":"modules/shaders_noise_periodic_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/periodic.glsl"},{"id":256,"kind":1024,"name":"PNOISE2D","url":"modules/shaders_noise_periodic_glsl.html#__type.pnoise2d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.glsl.__type"},{"id":257,"kind":1024,"name":"PNOISE3D","url":"modules/shaders_noise_periodic_glsl.html#__type.pnoise3d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.glsl.__type"},{"id":258,"kind":1024,"name":"PNOISE4D","url":"modules/shaders_noise_periodic_glsl.html#__type.pnoise4d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.glsl.__type"},{"id":259,"kind":1,"name":"shaders/noise/simplex.glsl","url":"modules/shaders_noise_simplex_glsl.html","classes":"tsd-kind-module"},{"id":260,"kind":1024,"name":"default","url":"modules/shaders_noise_simplex_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/simplex.glsl"},{"id":261,"kind":65536,"name":"__type","url":"modules/shaders_noise_simplex_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/simplex.glsl"},{"id":262,"kind":1024,"name":"SNOISE2D","url":"modules/shaders_noise_simplex_glsl.html#__type.snoise2d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.glsl.__type"},{"id":263,"kind":1024,"name":"SNOISE3D","url":"modules/shaders_noise_simplex_glsl.html#__type.snoise3d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.glsl.__type"},{"id":264,"kind":1024,"name":"SNOISE4D","url":"modules/shaders_noise_simplex_glsl.html#__type.snoise4d","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.glsl.__type"},{"id":265,"kind":1,"name":"shaders/utils.glsl","url":"modules/shaders_utils_glsl.html","classes":"tsd-kind-module"},{"id":266,"kind":1024,"name":"default","url":"modules/shaders_utils_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/utils.glsl"},{"id":267,"kind":65536,"name":"__type","url":"modules/shaders_utils_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/utils.glsl"},{"id":268,"kind":1024,"name":"SATURATE","url":"modules/shaders_utils_glsl.html#__type.saturate","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/utils.glsl.__type"},{"id":269,"kind":1,"name":"types","url":"modules/types.html","classes":"tsd-kind-module"},{"id":270,"kind":4194304,"name":"GLSLShaderType","url":"modules/types.html#glslshadertype","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":271,"kind":4194304,"name":"GLSLShaderTypeObjectKeys","url":"modules/types.html#glslshadertypeobjectkeys","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":272,"kind":4194304,"name":"GLSLLayoutQualifier","url":"modules/types.html#glsllayoutqualifier","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":273,"kind":4194304,"name":"GLSLSamplerType","url":"modules/types.html#glslsamplertype","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":274,"kind":4194304,"name":"GLSLShadowSamplerType","url":"modules/types.html#glslshadowsamplertype","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":275,"kind":4194304,"name":"GLSLStorageQualifier","url":"modules/types.html#glslstoragequalifier","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":276,"kind":256,"name":"GLSLTypeQualifiers","url":"interfaces/types.glsltypequalifiers.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":277,"kind":1024,"name":"layout","url":"interfaces/types.glsltypequalifiers.html#layout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.GLSLTypeQualifiers"},{"id":278,"kind":1024,"name":"storage","url":"interfaces/types.glsltypequalifiers.html#storage","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.GLSLTypeQualifiers"},{"id":279,"kind":256,"name":"ContextState","url":"interfaces/types.contextstate.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":280,"kind":1024,"name":"device","url":"interfaces/types.contextstate.html#device","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":281,"kind":1024,"name":"glslang","url":"interfaces/types.contextstate.html#glslang","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":282,"kind":65536,"name":"__type","url":"interfaces/types.contextstate.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"types.ContextState"},{"id":283,"kind":1024,"name":"compileGLSL","url":"interfaces/types.contextstate.html#__type.compileglsl","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"types.ContextState.__type"},{"id":284,"kind":65536,"name":"__type","url":"interfaces/types.contextstate.html#__type.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"types.ContextState.__type"},{"id":285,"kind":1024,"name":"debug","url":"interfaces/types.contextstate.html#debug","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":286,"kind":1024,"name":"error","url":"interfaces/types.contextstate.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":287,"kind":256,"name":"ContextOptions","url":"interfaces/types.contextoptions.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":288,"kind":1024,"name":"canvas","url":"interfaces/types.contextoptions.html#canvas","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextOptions"},{"id":289,"kind":1024,"name":"context","url":"interfaces/types.contextoptions.html#context","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextOptions"},{"id":290,"kind":256,"name":"BindGroupLayoutEntry","url":"interfaces/types.bindgrouplayoutentry.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":291,"kind":1024,"name":"name","url":"interfaces/types.bindgrouplayoutentry.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":292,"kind":1024,"name":"uniforms","url":"interfaces/types.bindgrouplayoutentry.html#uniforms","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":293,"kind":1024,"name":"members","url":"interfaces/types.bindgrouplayoutentry.html#members","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":294,"kind":1024,"name":"dimension","url":"interfaces/types.bindgrouplayoutentry.html#dimension","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":295,"kind":1024,"name":"qualifiers","url":"interfaces/types.bindgrouplayoutentry.html#qualifiers","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":296,"kind":1024,"name":"samplerType","url":"interfaces/types.bindgrouplayoutentry.html#samplertype","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":297,"kind":256,"name":"BindGroupOptions","url":"interfaces/types.bindgroupoptions.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":298,"kind":1024,"name":"resources","url":"interfaces/types.bindgroupoptions.html#resources","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupOptions"},{"id":299,"kind":4194304,"name":"PassType","url":"modules/types.html#passtype","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":300,"kind":1024,"name":"default","url":"modules/types.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"types"},{"id":301,"kind":1,"name":"utils","url":"modules/utils.html","classes":"tsd-kind-module"},{"id":302,"kind":64,"name":"formatLowerFirst","url":"modules/utils.html#formatlowerfirst","classes":"tsd-kind-function tsd-parent-kind-module","parent":"utils"},{"id":303,"kind":64,"name":"getIntegerDigitCount","url":"modules/utils.html#getintegerdigitcount","classes":"tsd-kind-function tsd-parent-kind-module","parent":"utils"},{"id":304,"kind":64,"name":"addLineNumbers","url":"modules/utils.html#addlinenumbers","classes":"tsd-kind-function tsd-parent-kind-module","parent":"utils"},{"id":305,"kind":16777216,"name":"Types","url":"modules/index.html#types","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":306,"kind":16777216,"name":"Context","url":"modules/index.html#context","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":307,"kind":16777216,"name":"State","url":"modules/index.html#state","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":308,"kind":16777216,"name":"Command","url":"modules/index.html#command","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":309,"kind":16777216,"name":"Pass","url":"modules/index.html#pass","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":310,"kind":16777216,"name":"Attachment","url":"modules/index.html#attachment","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":311,"kind":16777216,"name":"Pipeline","url":"modules/index.html#pipeline","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":312,"kind":16777216,"name":"Program","url":"modules/index.html#program","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":313,"kind":16777216,"name":"Shader","url":"modules/index.html#shader","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":314,"kind":16777216,"name":"Variable","url":"modules/index.html#variable","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":315,"kind":16777216,"name":"Attribute","url":"modules/index.html#attribute","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":316,"kind":16777216,"name":"Uniform","url":"modules/index.html#uniform","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":317,"kind":16777216,"name":"Struct","url":"modules/index.html#struct","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":318,"kind":16777216,"name":"Buffer","url":"modules/index.html#buffer","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":319,"kind":16777216,"name":"Texture","url":"modules/index.html#texture","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":320,"kind":16777216,"name":"Sampler","url":"modules/index.html#sampler","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":321,"kind":16777216,"name":"BindGroupLayout","url":"modules/index.html#bindgrouplayout","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":322,"kind":16777216,"name":"BindGroup","url":"modules/index.html#bindgroup","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":323,"kind":16777216,"name":"Clock","url":"modules/index.html#clock","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":324,"kind":16777216,"name":"Axes","url":"modules/index.html#axes","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":325,"kind":16777216,"name":"Shaders","url":"modules/index.html#shaders","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":326,"kind":16777216,"name":"BindingType","url":"modules/index.html#bindingtype","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":327,"kind":16777216,"name":"GPUIndexFormat","url":"modules/index.html#gpuindexformat","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":328,"kind":16777216,"name":"GPUPrimitiveTopology","url":"modules/index.html#gpuprimitivetopology","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":329,"kind":16777216,"name":"GPUBufferUsage","url":"modules/index.html#gpubufferusage","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":330,"kind":16777216,"name":"GPUTextureUsage","url":"modules/index.html#gputextureusage","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":331,"kind":16777216,"name":"GPUShaderStage","url":"modules/index.html#gpushaderstage","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":332,"kind":16777216,"name":"CONSTANTS","url":"modules/shaders.html#constants","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":333,"kind":16777216,"name":"UTILS","url":"modules/shaders.html#utils","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":334,"kind":16777216,"name":"LINEAR","url":"modules/shaders.html#linear","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":335,"kind":16777216,"name":"GAMMA","url":"modules/shaders.html#gamma","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":336,"kind":16777216,"name":"DIFFUSE","url":"modules/shaders.html#diffuse","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":337,"kind":16777216,"name":"SPECULAR","url":"modules/shaders.html#specular","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":338,"kind":16777216,"name":"DIRECT","url":"modules/shaders.html#direct","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":339,"kind":16777216,"name":"CLASSIC_NOISE","url":"modules/shaders.html#classic_noise","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":340,"kind":16777216,"name":"PERIODIC_NOISE","url":"modules/shaders.html#periodic_noise","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":341,"kind":16777216,"name":"SIMPLEX_NOISE","url":"modules/shaders.html#simplex_noise","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,36.977]],["parent/0",[]],["name/1",[1,49.214]],["parent/1",[0,3.533]],["name/2",[2,29.755]],["parent/2",[3,5.19]],["name/3",[4,45.85]],["parent/3",[5,3.091]],["name/4",[6,43.337]],["parent/4",[5,3.091]],["name/5",[7,54.323]],["parent/5",[5,3.091]],["name/6",[8,54.323]],["parent/6",[5,3.091]],["name/7",[9,54.323]],["parent/7",[5,3.091]],["name/8",[10,54.323]],["parent/8",[5,3.091]],["name/9",[11,54.323]],["parent/9",[5,3.091]],["name/10",[12,54.323]],["parent/10",[5,3.091]],["name/11",[13,54.323]],["parent/11",[5,3.091]],["name/12",[14,54.323]],["parent/12",[5,3.091]],["name/13",[15,54.323]],["parent/13",[5,3.091]],["name/14",[16,54.323]],["parent/14",[5,3.091]],["name/15",[17,54.323]],["parent/15",[5,3.091]],["name/16",[18,49.214]],["parent/16",[0,3.533]],["name/17",[2,29.755]],["parent/17",[19,5.19]],["name/18",[20,49.214]],["parent/18",[0,3.533]],["name/19",[2,29.755]],["parent/19",[21,5.19]],["name/20",[22,49.214]],["parent/20",[0,3.533]],["name/21",[2,29.755]],["parent/21",[23,5.19]],["name/22",[24,54.323]],["parent/22",[25,3.427]],["name/23",[26,54.323]],["parent/23",[25,3.427]],["name/24",[27,49.214]],["parent/24",[25,3.427]],["name/25",[28,49.214]],["parent/25",[25,3.427]],["name/26",[29,24.533]],["parent/26",[25,3.427]],["name/27",[30,43.337]],["parent/27",[25,3.427]],["name/28",[4,45.85]],["parent/28",[25,3.427]],["name/29",[6,43.337]],["parent/29",[25,3.427]],["name/30",[31,54.323]],["parent/30",[25,3.427]],["name/31",[32,49.214]],["parent/31",[0,3.533]],["name/32",[2,29.755]],["parent/32",[33,5.19]],["name/33",[27,49.214]],["parent/33",[34,3.949]],["name/34",[28,49.214]],["parent/34",[34,3.949]],["name/35",[35,54.323]],["parent/35",[34,3.949]],["name/36",[6,43.337]],["parent/36",[34,3.949]],["name/37",[36,54.323]],["parent/37",[34,3.949]],["name/38",[37,49.214]],["parent/38",[0,3.533]],["name/39",[2,29.755]],["parent/39",[38,5.19]],["name/40",[30,43.337]],["parent/40",[39,4.381]],["name/41",[40,45.85]],["parent/41",[39,4.381]],["name/42",[41,45.85]],["parent/42",[39,4.381]],["name/43",[42,49.214]],["parent/43",[]],["name/44",[43,24.2]],["parent/44",[42,4.702]],["name/45",[44,29.2]],["parent/45",[45,4.141]],["name/46",[46,54.323]],["parent/46",[45,4.141]],["name/47",[47,54.323]],["parent/47",[45,4.141]],["name/48",[48,54.323]],["parent/48",[45,4.141]],["name/49",[49,49.214]],["parent/49",[]],["name/50",[43,24.2]],["parent/50",[49,4.702]],["name/51",[50,45.85]],["parent/51",[51,3.533]],["name/52",[44,29.2]],["parent/52",[51,3.533]],["name/53",[52,41.33]],["parent/53",[51,3.533]],["name/54",[53,39.659]],["parent/54",[51,3.533]],["name/55",[54,43.337]],["parent/55",[51,3.533]],["name/56",[55,43.337]],["parent/56",[51,3.533]],["name/57",[56,45.85]],["parent/57",[51,3.533]],["name/58",[57,45.85]],["parent/58",[51,3.533]],["name/59",[58,49.214]],["parent/59",[]],["name/60",[43,24.2]],["parent/60",[58,4.702]],["name/61",[44,29.2]],["parent/61",[59,4.702]],["name/62",[60,54.323]],["parent/62",[59,4.702]],["name/63",[61,49.214]],["parent/63",[]],["name/64",[43,24.2]],["parent/64",[61,4.702]],["name/65",[44,29.2]],["parent/65",[62,3.949]],["name/66",[63,54.323]],["parent/66",[62,3.949]],["name/67",[64,54.323]],["parent/67",[62,3.949]],["name/68",[65,54.323]],["parent/68",[62,3.949]],["name/69",[66,54.323]],["parent/69",[62,3.949]],["name/70",[67,49.214]],["parent/70",[]],["name/71",[43,24.2]],["parent/71",[67,4.702]],["name/72",[44,29.2]],["parent/72",[68,3.331]],["name/73",[69,54.323]],["parent/73",[68,3.331]],["name/74",[70,54.323]],["parent/74",[68,3.331]],["name/75",[71,54.323]],["parent/75",[68,3.331]],["name/76",[72,49.214]],["parent/76",[68,3.331]],["name/77",[73,54.323]],["parent/77",[68,3.331]],["name/78",[74,54.323]],["parent/78",[68,3.331]],["name/79",[75,54.323]],["parent/79",[68,3.331]],["name/80",[76,54.323]],["parent/80",[68,3.331]],["name/81",[77,54.323]],["parent/81",[68,3.331]],["name/82",[78,49.214]],["parent/82",[]],["name/83",[43,24.2]],["parent/83",[78,4.702]],["name/84",[44,29.2]],["parent/84",[79,3.652]],["name/85",[80,54.323]],["parent/85",[79,3.652]],["name/86",[81,54.323]],["parent/86",[79,3.652]],["name/87",[82,54.323]],["parent/87",[79,3.652]],["name/88",[83,54.323]],["parent/88",[79,3.652]],["name/89",[84,54.323]],["parent/89",[79,3.652]],["name/90",[85,54.323]],["parent/90",[79,3.652]],["name/91",[86,49.214]],["parent/91",[]],["name/92",[43,24.2]],["parent/92",[86,4.702]],["name/93",[44,29.2]],["parent/93",[87,3.331]],["name/94",[88,49.214]],["parent/94",[87,3.331]],["name/95",[89,49.214]],["parent/95",[87,3.331]],["name/96",[90,54.323]],["parent/96",[87,3.331]],["name/97",[72,49.214]],["parent/97",[87,3.331]],["name/98",[91,54.323]],["parent/98",[87,3.331]],["name/99",[92,54.323]],["parent/99",[87,3.331]],["name/100",[93,54.323]],["parent/100",[87,3.331]],["name/101",[94,54.323]],["parent/101",[87,3.331]],["name/102",[95,54.323]],["parent/102",[87,3.331]],["name/103",[96,49.214]],["parent/103",[]],["name/104",[43,24.2]],["parent/104",[96,4.702]],["name/105",[44,29.2]],["parent/105",[97,3.244]],["name/106",[98,49.214]],["parent/106",[97,3.244]],["name/107",[99,45.85]],["parent/107",[97,3.244]],["name/108",[100,54.323]],["parent/108",[97,3.244]],["name/109",[101,54.323]],["parent/109",[97,3.244]],["name/110",[102,54.323]],["parent/110",[97,3.244]],["name/111",[103,54.323]],["parent/111",[97,3.244]],["name/112",[104,45.85]],["parent/112",[97,3.244]],["name/113",[105,54.323]],["parent/113",[97,3.244]],["name/114",[106,54.323]],["parent/114",[97,3.244]],["name/115",[107,54.323]],["parent/115",[97,3.244]],["name/116",[108,49.214]],["parent/116",[]],["name/117",[43,24.2]],["parent/117",[108,4.702]],["name/118",[44,29.2]],["parent/118",[109,3.789]],["name/119",[53,39.659]],["parent/119",[109,3.789]],["name/120",[110,54.323]],["parent/120",[109,3.789]],["name/121",[111,54.323]],["parent/121",[109,3.789]],["name/122",[112,54.323]],["parent/122",[109,3.789]],["name/123",[113,45.85]],["parent/123",[109,3.789]],["name/124",[114,49.214]],["parent/124",[]],["name/125",[43,24.2]],["parent/125",[114,4.702]],["name/126",[44,29.2]],["parent/126",[115,3.091]],["name/127",[116,54.323]],["parent/127",[115,3.091]],["name/128",[117,49.214]],["parent/128",[115,3.091]],["name/129",[118,49.214]],["parent/129",[115,3.091]],["name/130",[119,49.214]],["parent/130",[115,3.091]],["name/131",[120,49.214]],["parent/131",[115,3.091]],["name/132",[121,49.214]],["parent/132",[115,3.091]],["name/133",[122,54.323]],["parent/133",[115,3.091]],["name/134",[113,45.85]],["parent/134",[115,3.091]],["name/135",[123,54.323]],["parent/135",[115,3.091]],["name/136",[41,45.85]],["parent/136",[115,3.091]],["name/137",[30,43.337]],["parent/137",[115,3.091]],["name/138",[40,45.85]],["parent/138",[115,3.091]],["name/139",[124,49.214]],["parent/139",[]],["name/140",[43,24.2]],["parent/140",[124,4.702]],["name/141",[44,29.2]],["parent/141",[125,3.789]],["name/142",[118,49.214]],["parent/142",[125,3.789]],["name/143",[126,32.35]],["parent/143",[125,3.789]],["name/144",[2,29.755]],["parent/144",[125,3.789]],["name/145",[41,45.85]],["parent/145",[127,4.381]],["name/146",[30,43.337]],["parent/146",[127,4.381]],["name/147",[40,45.85]],["parent/147",[127,4.381]],["name/148",[104,45.85]],["parent/148",[125,3.789]],["name/149",[128,49.214]],["parent/149",[125,3.789]],["name/150",[129,49.214]],["parent/150",[]],["name/151",[43,24.2]],["parent/151",[129,4.702]],["name/152",[44,29.2]],["parent/152",[130,4.702]],["name/153",[131,54.323]],["parent/153",[130,4.702]],["name/154",[132,49.214]],["parent/154",[]],["name/155",[43,24.2]],["parent/155",[132,4.702]],["name/156",[44,29.2]],["parent/156",[133,3.244]],["name/157",[134,54.323]],["parent/157",[133,3.244]],["name/158",[135,54.323]],["parent/158",[133,3.244]],["name/159",[136,54.323]],["parent/159",[133,3.244]],["name/160",[53,39.659]],["parent/160",[133,3.244]],["name/161",[137,54.323]],["parent/161",[133,3.244]],["name/162",[119,49.214]],["parent/162",[133,3.244]],["name/163",[120,49.214]],["parent/163",[133,3.244]],["name/164",[121,49.214]],["parent/164",[133,3.244]],["name/165",[104,45.85]],["parent/165",[133,3.244]],["name/166",[128,49.214]],["parent/166",[133,3.244]],["name/167",[138,49.214]],["parent/167",[]],["name/168",[43,24.2]],["parent/168",[138,4.702]],["name/169",[139,49.214]],["parent/169",[]],["name/170",[43,24.2]],["parent/170",[139,4.702]],["name/171",[44,29.2]],["parent/171",[140,3.652]],["name/172",[53,39.659]],["parent/172",[140,3.652]],["name/173",[141,49.214]],["parent/173",[140,3.652]],["name/174",[52,41.33]],["parent/174",[140,3.652]],["name/175",[54,43.337]],["parent/175",[140,3.652]],["name/176",[55,43.337]],["parent/176",[140,3.652]],["name/177",[142,54.323]],["parent/177",[140,3.652]],["name/178",[143,49.214]],["parent/178",[]],["name/179",[43,24.2]],["parent/179",[143,4.702]],["name/180",[44,29.2]],["parent/180",[144,3.652]],["name/181",[145,54.323]],["parent/181",[144,3.652]],["name/182",[146,54.323]],["parent/182",[144,3.652]],["name/183",[113,45.85]],["parent/183",[144,3.652]],["name/184",[147,54.323]],["parent/184",[144,3.652]],["name/185",[148,54.323]],["parent/185",[144,3.652]],["name/186",[149,54.323]],["parent/186",[144,3.652]],["name/187",[150,49.214]],["parent/187",[]],["name/188",[43,24.2]],["parent/188",[150,4.702]],["name/189",[50,45.85]],["parent/189",[151,3.533]],["name/190",[44,29.2]],["parent/190",[151,3.533]],["name/191",[52,41.33]],["parent/191",[151,3.533]],["name/192",[53,39.659]],["parent/192",[151,3.533]],["name/193",[54,43.337]],["parent/193",[151,3.533]],["name/194",[55,43.337]],["parent/194",[151,3.533]],["name/195",[56,45.85]],["parent/195",[151,3.533]],["name/196",[57,45.85]],["parent/196",[151,3.533]],["name/197",[152,49.214]],["parent/197",[]],["name/198",[43,24.2]],["parent/198",[152,4.702]],["name/199",[50,45.85]],["parent/199",[153,3.533]],["name/200",[44,29.2]],["parent/200",[153,3.533]],["name/201",[52,41.33]],["parent/201",[153,3.533]],["name/202",[53,39.659]],["parent/202",[153,3.533]],["name/203",[54,43.337]],["parent/203",[153,3.533]],["name/204",[55,43.337]],["parent/204",[153,3.533]],["name/205",[56,45.85]],["parent/205",[153,3.533]],["name/206",[57,45.85]],["parent/206",[153,3.533]],["name/207",[154,49.214]],["parent/207",[]],["name/208",[43,24.2]],["parent/208",[154,4.702]],["name/209",[44,29.2]],["parent/209",[155,4.141]],["name/210",[156,49.214]],["parent/210",[155,4.141]],["name/211",[157,49.214]],["parent/211",[155,4.141]],["name/212",[158,54.323]],["parent/212",[155,4.141]],["name/213",[29,24.533]],["parent/213",[]],["name/214",[159,45.85]],["parent/214",[]],["name/215",[43,24.2]],["parent/215",[159,4.381]],["name/216",[2,29.755]],["parent/216",[159,4.381]],["name/217",[160,54.323]],["parent/217",[161,4.381]],["name/218",[162,54.323]],["parent/218",[161,4.381]],["name/219",[163,49.214]],["parent/219",[161,4.381]],["name/220",[126,32.35]],["parent/220",[]],["name/221",[164,45.85]],["parent/221",[]],["name/222",[43,24.2]],["parent/222",[164,4.381]],["name/223",[2,29.755]],["parent/223",[164,4.381]],["name/224",[165,54.323]],["parent/224",[166,4.702]],["name/225",[167,54.323]],["parent/225",[166,4.702]],["name/226",[168,45.85]],["parent/226",[]],["name/227",[43,24.2]],["parent/227",[168,4.381]],["name/228",[2,29.755]],["parent/228",[168,4.381]],["name/229",[169,49.214]],["parent/229",[170,5.19]],["name/230",[171,49.214]],["parent/230",[]],["name/231",[43,24.2]],["parent/231",[171,4.702]],["name/232",[172,49.214]],["parent/232",[]],["name/233",[43,24.2]],["parent/233",[172,4.702]],["name/234",[173,45.85]],["parent/234",[]],["name/235",[43,24.2]],["parent/235",[173,4.381]],["name/236",[2,29.755]],["parent/236",[173,4.381]],["name/237",[174,54.323]],["parent/237",[175,3.949]],["name/238",[169,49.214]],["parent/238",[175,3.949]],["name/239",[176,54.323]],["parent/239",[175,3.949]],["name/240",[177,54.323]],["parent/240",[175,3.949]],["name/241",[178,54.323]],["parent/241",[175,3.949]],["name/242",[179,45.85]],["parent/242",[]],["name/243",[43,24.2]],["parent/243",[179,4.381]],["name/244",[2,29.755]],["parent/244",[179,4.381]],["name/245",[180,54.323]],["parent/245",[181,4.381]],["name/246",[182,54.323]],["parent/246",[181,4.381]],["name/247",[183,54.323]],["parent/247",[181,4.381]],["name/248",[184,41.33]],["parent/248",[]],["name/249",[185,54.323]],["parent/249",[184,3.949]],["name/250",[186,54.323]],["parent/250",[184,3.949]],["name/251",[187,54.323]],["parent/251",[184,3.949]],["name/252",[188,54.323]],["parent/252",[184,3.949]],["name/253",[189,45.85]],["parent/253",[]],["name/254",[43,24.2]],["parent/254",[189,4.381]],["name/255",[2,29.755]],["parent/255",[189,4.381]],["name/256",[190,54.323]],["parent/256",[191,4.381]],["name/257",[192,54.323]],["parent/257",[191,4.381]],["name/258",[193,54.323]],["parent/258",[191,4.381]],["name/259",[194,45.85]],["parent/259",[]],["name/260",[43,24.2]],["parent/260",[194,4.381]],["name/261",[2,29.755]],["parent/261",[194,4.381]],["name/262",[195,54.323]],["parent/262",[196,4.381]],["name/263",[197,54.323]],["parent/263",[196,4.381]],["name/264",[198,54.323]],["parent/264",[196,4.381]],["name/265",[199,45.85]],["parent/265",[]],["name/266",[43,24.2]],["parent/266",[199,4.381]],["name/267",[2,29.755]],["parent/267",[199,4.381]],["name/268",[200,54.323]],["parent/268",[201,5.19]],["name/269",[202,30.969]],["parent/269",[]],["name/270",[203,54.323]],["parent/270",[202,2.959]],["name/271",[204,54.323]],["parent/271",[202,2.959]],["name/272",[205,54.323]],["parent/272",[202,2.959]],["name/273",[206,54.323]],["parent/273",[202,2.959]],["name/274",[207,54.323]],["parent/274",[202,2.959]],["name/275",[208,54.323]],["parent/275",[202,2.959]],["name/276",[209,54.323]],["parent/276",[202,2.959]],["name/277",[210,54.323]],["parent/277",[211,4.702]],["name/278",[6,43.337]],["parent/278",[211,4.702]],["name/279",[212,54.323]],["parent/279",[202,2.959]],["name/280",[213,54.323]],["parent/280",[214,3.949]],["name/281",[215,54.323]],["parent/281",[214,3.949]],["name/282",[2,29.755]],["parent/282",[214,3.949]],["name/283",[216,54.323]],["parent/283",[217,4.702]],["name/284",[2,29.755]],["parent/284",[217,4.702]],["name/285",[218,54.323]],["parent/285",[214,3.949]],["name/286",[219,54.323]],["parent/286",[214,3.949]],["name/287",[220,54.323]],["parent/287",[202,2.959]],["name/288",[98,49.214]],["parent/288",[221,4.702]],["name/289",[99,45.85]],["parent/289",[221,4.702]],["name/290",[222,54.323]],["parent/290",[202,2.959]],["name/291",[52,41.33]],["parent/291",[223,3.789]],["name/292",[224,54.323]],["parent/292",[223,3.789]],["name/293",[141,49.214]],["parent/293",[223,3.789]],["name/294",[225,54.323]],["parent/294",[223,3.789]],["name/295",[226,54.323]],["parent/295",[223,3.789]],["name/296",[227,54.323]],["parent/296",[223,3.789]],["name/297",[228,54.323]],["parent/297",[202,2.959]],["name/298",[229,54.323]],["parent/298",[230,5.19]],["name/299",[231,54.323]],["parent/299",[202,2.959]],["name/300",[43,24.2]],["parent/300",[202,2.959]],["name/301",[232,41.33]],["parent/301",[]],["name/302",[233,54.323]],["parent/302",[232,3.949]],["name/303",[234,54.323]],["parent/303",[232,3.949]],["name/304",[235,54.323]],["parent/304",[232,3.949]],["name/305",[202,30.969]],["parent/305",[29,2.344]],["name/306",[99,45.85]],["parent/306",[29,2.344]],["name/307",[236,54.323]],["parent/307",[29,2.344]],["name/308",[156,49.214]],["parent/308",[29,2.344]],["name/309",[88,49.214]],["parent/309",[29,2.344]],["name/310",[237,54.323]],["parent/310",[29,2.344]],["name/311",[89,49.214]],["parent/311",[29,2.344]],["name/312",[117,49.214]],["parent/312",[29,2.344]],["name/313",[238,54.323]],["parent/313",[29,2.344]],["name/314",[239,54.323]],["parent/314",[29,2.344]],["name/315",[240,54.323]],["parent/315",[29,2.344]],["name/316",[4,45.85]],["parent/316",[29,2.344]],["name/317",[241,54.323]],["parent/317",[29,2.344]],["name/318",[157,49.214]],["parent/318",[29,2.344]],["name/319",[242,54.323]],["parent/319",[29,2.344]],["name/320",[243,54.323]],["parent/320",[29,2.344]],["name/321",[244,54.323]],["parent/321",[29,2.344]],["name/322",[245,54.323]],["parent/322",[29,2.344]],["name/323",[246,54.323]],["parent/323",[29,2.344]],["name/324",[247,54.323]],["parent/324",[29,2.344]],["name/325",[126,32.35]],["parent/325",[29,2.344]],["name/326",[1,49.214]],["parent/326",[29,2.344]],["name/327",[18,49.214]],["parent/327",[29,2.344]],["name/328",[20,49.214]],["parent/328",[29,2.344]],["name/329",[22,49.214]],["parent/329",[29,2.344]],["name/330",[32,49.214]],["parent/330",[29,2.344]],["name/331",[37,49.214]],["parent/331",[29,2.344]],["name/332",[0,36.977]],["parent/332",[126,3.091]],["name/333",[232,41.33]],["parent/333",[126,3.091]],["name/334",[248,54.323]],["parent/334",[126,3.091]],["name/335",[163,49.214]],["parent/335",[126,3.091]],["name/336",[249,54.323]],["parent/336",[126,3.091]],["name/337",[250,54.323]],["parent/337",[126,3.091]],["name/338",[251,54.323]],["parent/338",[126,3.091]],["name/339",[252,54.323]],["parent/339",[126,3.091]],["name/340",[253,54.323]],["parent/340",[126,3.091]],["name/341",[254,54.323]],["parent/341",[126,3.091]]],"invertedIndex":[["__type",{"_index":2,"name":{"2":{},"17":{},"19":{},"21":{},"32":{},"39":{},"144":{},"216":{},"223":{},"228":{},"236":{},"244":{},"255":{},"261":{},"267":{},"282":{},"284":{}},"parent":{}}],["adapter",{"_index":100,"name":{"108":{}},"parent":{}}],["addlinenumbers",{"_index":235,"name":{"304":{}},"parent":{}}],["arraycount",{"_index":55,"name":{"56":{},"176":{},"194":{},"204":{}},"parent":{}}],["attachment",{"_index":237,"name":{"310":{}},"parent":{}}],["attribute",{"_index":240,"name":{"315":{}},"parent":{}}],["axes",{"_index":247,"name":{"324":{}},"parent":{}}],["beckmann",{"_index":177,"name":{"240":{}},"parent":{}}],["bindgroup",{"_index":245,"name":{"322":{}},"parent":{}}],["bindgrouplayout",{"_index":244,"name":{"321":{}},"parent":{}}],["bindgrouplayoutentry",{"_index":222,"name":{"290":{}},"parent":{}}],["bindgrouplayouts",{"_index":118,"name":{"129":{},"142":{}},"parent":{}}],["bindgroupoptions",{"_index":228,"name":{"297":{}},"parent":{}}],["bindgroups",{"_index":92,"name":{"99":{}},"parent":{}}],["bindingtype",{"_index":1,"name":{"1":{},"326":{}},"parent":{}}],["blinnphong",{"_index":174,"name":{"237":{}},"parent":{}}],["body",{"_index":137,"name":{"161":{}},"parent":{}}],["buffer",{"_index":157,"name":{"211":{},"318":{}},"parent":{}}],["canvas",{"_index":98,"name":{"106":{},"288":{}},"parent":{}}],["classic_noise",{"_index":252,"name":{"339":{}},"parent":{}}],["clock",{"_index":246,"name":{"323":{}},"parent":{}}],["cnoise2d",{"_index":180,"name":{"245":{}},"parent":{}}],["cnoise3d",{"_index":182,"name":{"246":{}},"parent":{}}],["cnoise4d",{"_index":183,"name":{"247":{}},"parent":{}}],["colorattachments",{"_index":110,"name":{"120":{}},"parent":{}}],["command",{"_index":156,"name":{"210":{},"308":{}},"parent":{}}],["commandencoder",{"_index":101,"name":{"109":{}},"parent":{}}],["comparison",{"_index":10,"name":{"8":{}},"parent":{}}],["compileglsl",{"_index":216,"name":{"283":{}},"parent":{}}],["compute",{"_index":41,"name":{"42":{},"136":{},"145":{}},"parent":{}}],["constants",{"_index":0,"name":{"0":{},"332":{}},"parent":{"1":{},"16":{},"18":{},"20":{},"31":{},"38":{}}}],["constants.bindingtype",{"_index":3,"name":{},"parent":{"2":{}}}],["constants.bindingtype.__type",{"_index":5,"name":{},"parent":{"3":{},"4":{},"5":{},"6":{},"7":{},"8":{},"9":{},"10":{},"11":{},"12":{},"13":{},"14":{},"15":{}}}],["constants.gpubufferusage",{"_index":23,"name":{},"parent":{"21":{}}}],["constants.gpubufferusage.__type",{"_index":25,"name":{},"parent":{"22":{},"23":{},"24":{},"25":{},"26":{},"27":{},"28":{},"29":{},"30":{}}}],["constants.gpuindexformat",{"_index":19,"name":{},"parent":{"17":{}}}],["constants.gpuprimitivetopology",{"_index":21,"name":{},"parent":{"19":{}}}],["constants.gpushaderstage",{"_index":38,"name":{},"parent":{"39":{}}}],["constants.gpushaderstage.__type",{"_index":39,"name":{},"parent":{"40":{},"41":{},"42":{}}}],["constants.gputextureusage",{"_index":33,"name":{},"parent":{"32":{}}}],["constants.gputextureusage.__type",{"_index":34,"name":{},"parent":{"33":{},"34":{},"35":{},"36":{},"37":{}}}],["constructor",{"_index":44,"name":{"45":{},"52":{},"61":{},"65":{},"72":{},"84":{},"93":{},"105":{},"118":{},"126":{},"141":{},"152":{},"156":{},"171":{},"180":{},"190":{},"200":{},"209":{}},"parent":{}}],["context",{"_index":99,"name":{"107":{},"289":{},"306":{}},"parent":{}}],["contextoptions",{"_index":220,"name":{"287":{}},"parent":{}}],["contextstate",{"_index":212,"name":{"279":{}},"parent":{}}],["cook_torrance",{"_index":178,"name":{"241":{}},"parent":{}}],["copy_dst",{"_index":28,"name":{"25":{},"34":{}},"parent":{}}],["copy_src",{"_index":27,"name":{"24":{},"33":{}},"parent":{}}],["copytobuffer",{"_index":75,"name":{"79":{}},"parent":{}}],["copytotexture",{"_index":76,"name":{"80":{}},"parent":{}}],["core/attachment",{"_index":42,"name":{"43":{}},"parent":{"44":{}}}],["core/attachment.default",{"_index":45,"name":{},"parent":{"45":{},"46":{},"47":{},"48":{}}}],["core/attribute",{"_index":49,"name":{"49":{}},"parent":{"50":{}}}],["core/attribute.default",{"_index":51,"name":{},"parent":{"51":{},"52":{},"53":{},"54":{},"55":{},"56":{},"57":{},"58":{}}}],["core/bindgroup",{"_index":58,"name":{"59":{}},"parent":{"60":{}}}],["core/bindgroup.default",{"_index":59,"name":{},"parent":{"61":{},"62":{}}}],["core/bindgrouplayout",{"_index":61,"name":{"63":{}},"parent":{"64":{}}}],["core/bindgrouplayout.default",{"_index":62,"name":{},"parent":{"65":{},"66":{},"67":{},"68":{},"69":{}}}],["core/buffer",{"_index":67,"name":{"70":{}},"parent":{"71":{}}}],["core/buffer.default",{"_index":68,"name":{},"parent":{"72":{},"73":{},"74":{},"75":{},"76":{},"77":{},"78":{},"79":{},"80":{},"81":{}}}],["core/clock",{"_index":78,"name":{"82":{}},"parent":{"83":{}}}],["core/clock.default",{"_index":79,"name":{},"parent":{"84":{},"85":{},"86":{},"87":{},"88":{},"89":{},"90":{}}}],["core/command",{"_index":86,"name":{"91":{}},"parent":{"92":{}}}],["core/command.default",{"_index":87,"name":{},"parent":{"93":{},"94":{},"95":{},"96":{},"97":{},"98":{},"99":{},"100":{},"101":{},"102":{}}}],["core/context",{"_index":96,"name":{"103":{}},"parent":{"104":{}}}],["core/context.default",{"_index":97,"name":{},"parent":{"105":{},"106":{},"107":{},"108":{},"109":{},"110":{},"111":{},"112":{},"113":{},"114":{},"115":{}}}],["core/pass",{"_index":108,"name":{"116":{}},"parent":{"117":{}}}],["core/pass.default",{"_index":109,"name":{},"parent":{"118":{},"119":{},"120":{},"121":{},"122":{},"123":{}}}],["core/pipeline",{"_index":114,"name":{"124":{}},"parent":{"125":{}}}],["core/pipeline.default",{"_index":115,"name":{},"parent":{"126":{},"127":{},"128":{},"129":{},"130":{},"131":{},"132":{},"133":{},"134":{},"135":{},"136":{},"137":{},"138":{}}}],["core/program",{"_index":124,"name":{"139":{}},"parent":{"140":{}}}],["core/program.default",{"_index":125,"name":{},"parent":{"141":{},"142":{},"143":{},"144":{},"148":{},"149":{}}}],["core/program.default.__type",{"_index":127,"name":{},"parent":{"145":{},"146":{},"147":{}}}],["core/sampler",{"_index":129,"name":{"150":{}},"parent":{"151":{}}}],["core/sampler.default",{"_index":130,"name":{},"parent":{"152":{},"153":{}}}],["core/shader",{"_index":132,"name":{"154":{}},"parent":{"155":{}}}],["core/shader.default",{"_index":133,"name":{},"parent":{"156":{},"157":{},"158":{},"159":{},"160":{},"161":{},"162":{},"163":{},"164":{},"165":{},"166":{}}}],["core/state",{"_index":138,"name":{"167":{}},"parent":{"168":{}}}],["core/struct",{"_index":139,"name":{"169":{}},"parent":{"170":{}}}],["core/struct.default",{"_index":140,"name":{},"parent":{"171":{},"172":{},"173":{},"174":{},"175":{},"176":{},"177":{}}}],["core/texture",{"_index":143,"name":{"178":{}},"parent":{"179":{}}}],["core/texture.default",{"_index":144,"name":{},"parent":{"180":{},"181":{},"182":{},"183":{},"184":{},"185":{},"186":{}}}],["core/uniform",{"_index":150,"name":{"187":{}},"parent":{"188":{}}}],["core/uniform.default",{"_index":151,"name":{},"parent":{"189":{},"190":{},"191":{},"192":{},"193":{},"194":{},"195":{},"196":{}}}],["core/variable",{"_index":152,"name":{"197":{}},"parent":{"198":{}}}],["core/variable.default",{"_index":153,"name":{},"parent":{"199":{},"200":{},"201":{},"202":{},"203":{},"204":{},"205":{},"206":{}}}],["count",{"_index":93,"name":{"100":{}},"parent":{}}],["create",{"_index":70,"name":{"74":{}},"parent":{}}],["debug",{"_index":218,"name":{"285":{}},"parent":{}}],["default",{"_index":43,"name":{"44":{},"50":{},"60":{},"64":{},"71":{},"83":{},"92":{},"104":{},"117":{},"125":{},"140":{},"151":{},"155":{},"168":{},"170":{},"179":{},"188":{},"198":{},"208":{},"215":{},"222":{},"227":{},"231":{},"233":{},"235":{},"243":{},"254":{},"260":{},"266":{},"300":{}},"parent":{}}],["defaultdepthstencilattachment",{"_index":103,"name":{"111":{}},"parent":{}}],["depth",{"_index":13,"name":{"11":{}},"parent":{}}],["depthattachment",{"_index":111,"name":{"121":{}},"parent":{}}],["descriptor",{"_index":113,"name":{"123":{},"134":{},"183":{}},"parent":{}}],["destroy",{"_index":77,"name":{"81":{}},"parent":{}}],["device",{"_index":213,"name":{"280":{}},"parent":{}}],["diffuse",{"_index":249,"name":{"336":{}},"parent":{}}],["dimension",{"_index":225,"name":{"294":{}},"parent":{}}],["direct",{"_index":251,"name":{"338":{}},"parent":{}}],["dispatch",{"_index":95,"name":{"102":{}},"parent":{}}],["entries",{"_index":64,"name":{"67":{}},"parent":{}}],["epsilon",{"_index":162,"name":{"218":{}},"parent":{}}],["error",{"_index":219,"name":{"286":{}},"parent":{}}],["fade2",{"_index":186,"name":{"250":{}},"parent":{}}],["fade3",{"_index":187,"name":{"251":{}},"parent":{}}],["fade4",{"_index":188,"name":{"252":{}},"parent":{}}],["filtering",{"_index":8,"name":{"6":{}},"parent":{}}],["float",{"_index":11,"name":{"9":{}},"parent":{}}],["format",{"_index":56,"name":{"57":{},"195":{},"205":{}},"parent":{}}],["formatlowerfirst",{"_index":233,"name":{"302":{}},"parent":{}}],["fragment",{"_index":40,"name":{"41":{},"138":{},"147":{}},"parent":{}}],["fragmentouts",{"_index":122,"name":{"133":{}},"parent":{}}],["functions",{"_index":185,"name":{"249":{}},"parent":{}}],["gamma",{"_index":163,"name":{"219":{},"335":{}},"parent":{}}],["gaussian",{"_index":176,"name":{"239":{}},"parent":{}}],["getalignement",{"_index":50,"name":{"51":{},"189":{},"199":{}},"parent":{}}],["getbindgroupsize",{"_index":65,"name":{"68":{}},"parent":{}}],["getbindingsize",{"_index":66,"name":{"69":{}},"parent":{}}],["getdelta",{"_index":85,"name":{"90":{}},"parent":{}}],["getglslheaders",{"_index":128,"name":{"149":{},"166":{}},"parent":{}}],["getglslstring",{"_index":142,"name":{"177":{}},"parent":{}}],["getintegerdigitcount",{"_index":234,"name":{"303":{}},"parent":{}}],["getsize",{"_index":57,"name":{"58":{},"196":{},"206":{}},"parent":{}}],["glslang",{"_index":215,"name":{"281":{}},"parent":{}}],["glsllayoutqualifier",{"_index":205,"name":{"272":{}},"parent":{}}],["glslsamplertype",{"_index":206,"name":{"273":{}},"parent":{}}],["glslshadertype",{"_index":203,"name":{"270":{}},"parent":{}}],["glslshadertypeobjectkeys",{"_index":204,"name":{"271":{}},"parent":{}}],["glslshadowsamplertype",{"_index":207,"name":{"274":{}},"parent":{}}],["glslstoragequalifier",{"_index":208,"name":{"275":{}},"parent":{}}],["glsltypequalifiers",{"_index":209,"name":{"276":{}},"parent":{}}],["gpubindgroup",{"_index":60,"name":{"62":{}},"parent":{}}],["gpubindgrouplayout",{"_index":63,"name":{"66":{}},"parent":{}}],["gpubuffer",{"_index":69,"name":{"73":{}},"parent":{}}],["gpubufferusage",{"_index":22,"name":{"20":{},"329":{}},"parent":{}}],["gpuindexformat",{"_index":18,"name":{"16":{},"327":{}},"parent":{}}],["gpupipeline",{"_index":116,"name":{"127":{}},"parent":{}}],["gpuprimitivetopology",{"_index":20,"name":{"18":{},"328":{}},"parent":{}}],["gpusampler",{"_index":131,"name":{"153":{}},"parent":{}}],["gpushaderstage",{"_index":37,"name":{"38":{},"331":{}},"parent":{}}],["gputexture",{"_index":145,"name":{"181":{}},"parent":{}}],["gputextureusage",{"_index":32,"name":{"31":{},"330":{}},"parent":{}}],["helpers/axes",{"_index":154,"name":{"207":{}},"parent":{"208":{}}}],["helpers/axes.default",{"_index":155,"name":{},"parent":{"209":{},"210":{},"211":{},"212":{}}}],["image",{"_index":147,"name":{"184":{}},"parent":{}}],["index",{"_index":29,"name":{"26":{},"213":{}},"parent":{"305":{},"306":{},"307":{},"308":{},"309":{},"310":{},"311":{},"312":{},"313":{},"314":{},"315":{},"316":{},"317":{},"318":{},"319":{},"320":{},"321":{},"322":{},"323":{},"324":{},"325":{},"326":{},"327":{},"328":{},"329":{},"330":{},"331":{}}}],["indexbuffer",{"_index":72,"name":{"76":{},"97":{}},"parent":{}}],["indexformat",{"_index":91,"name":{"98":{}},"parent":{}}],["indirect",{"_index":31,"name":{"30":{}},"parent":{}}],["init",{"_index":104,"name":{"112":{},"148":{},"165":{}},"parent":{}}],["ins",{"_index":119,"name":{"130":{},"162":{}},"parent":{}}],["instances",{"_index":94,"name":{"101":{}},"parent":{}}],["lambert",{"_index":167,"name":{"225":{}},"parent":{}}],["layout",{"_index":210,"name":{"277":{}},"parent":{}}],["linear",{"_index":248,"name":{"334":{}},"parent":{}}],["map_read",{"_index":24,"name":{"22":{}},"parent":{}}],["map_write",{"_index":26,"name":{"23":{}},"parent":{}}],["members",{"_index":141,"name":{"173":{},"293":{}},"parent":{}}],["miplevelcount",{"_index":146,"name":{"182":{}},"parent":{}}],["name",{"_index":52,"name":{"53":{},"174":{},"191":{},"201":{},"291":{}},"parent":{}}],["nonfiltering",{"_index":9,"name":{"7":{}},"parent":{}}],["op",{"_index":48,"name":{"48":{}},"parent":{}}],["oren_nayar",{"_index":165,"name":{"224":{}},"parent":{}}],["outs",{"_index":120,"name":{"131":{},"163":{}},"parent":{}}],["pass",{"_index":88,"name":{"94":{},"309":{}},"parent":{}}],["passencoder",{"_index":102,"name":{"110":{}},"parent":{}}],["passtype",{"_index":231,"name":{"299":{}},"parent":{}}],["periodic_noise",{"_index":253,"name":{"340":{}},"parent":{}}],["phong",{"_index":169,"name":{"229":{},"238":{}},"parent":{}}],["pi",{"_index":160,"name":{"217":{}},"parent":{}}],["pipeline",{"_index":89,"name":{"95":{},"311":{}},"parent":{}}],["pnoise2d",{"_index":190,"name":{"256":{}},"parent":{}}],["pnoise3d",{"_index":192,"name":{"257":{}},"parent":{}}],["pnoise4d",{"_index":193,"name":{"258":{}},"parent":{}}],["prevtime",{"_index":81,"name":{"86":{}},"parent":{}}],["program",{"_index":117,"name":{"128":{},"312":{}},"parent":{}}],["qualifiers",{"_index":226,"name":{"295":{}},"parent":{}}],["readonly",{"_index":16,"name":{"14":{}},"parent":{}}],["readonlystorage",{"_index":7,"name":{"5":{}},"parent":{}}],["render",{"_index":107,"name":{"115":{}},"parent":{}}],["render_attachment",{"_index":36,"name":{"37":{}},"parent":{}}],["reset",{"_index":83,"name":{"88":{}},"parent":{}}],["resize",{"_index":105,"name":{"113":{}},"parent":{}}],["resources",{"_index":229,"name":{"298":{}},"parent":{}}],["sampled",{"_index":35,"name":{"35":{}},"parent":{}}],["sampler",{"_index":243,"name":{"320":{}},"parent":{}}],["samplertype",{"_index":227,"name":{"296":{}},"parent":{}}],["saturate",{"_index":200,"name":{"268":{}},"parent":{}}],["setmipmap",{"_index":148,"name":{"185":{}},"parent":{}}],["setscale",{"_index":158,"name":{"212":{}},"parent":{}}],["setsubdata",{"_index":74,"name":{"78":{}},"parent":{}}],["shader",{"_index":238,"name":{"313":{}},"parent":{}}],["shadermodule",{"_index":135,"name":{"158":{}},"parent":{}}],["shaders",{"_index":126,"name":{"143":{},"220":{},"325":{}},"parent":{"332":{},"333":{},"334":{},"335":{},"336":{},"337":{},"338":{},"339":{},"340":{},"341":{}}}],["shaders/constants.glsl",{"_index":159,"name":{"214":{}},"parent":{"215":{},"216":{}}}],["shaders/constants.glsl.__type",{"_index":161,"name":{},"parent":{"217":{},"218":{},"219":{}}}],["shaders/lighting/diffuse.glsl",{"_index":164,"name":{"221":{}},"parent":{"222":{},"223":{}}}],["shaders/lighting/diffuse.glsl.__type",{"_index":166,"name":{},"parent":{"224":{},"225":{}}}],["shaders/lighting/direct.glsl",{"_index":168,"name":{"226":{}},"parent":{"227":{},"228":{}}}],["shaders/lighting/direct.glsl.__type",{"_index":170,"name":{},"parent":{"229":{}}}],["shaders/lighting/gamma.glsl",{"_index":171,"name":{"230":{}},"parent":{"231":{}}}],["shaders/lighting/linear.glsl",{"_index":172,"name":{"232":{}},"parent":{"233":{}}}],["shaders/lighting/specular.glsl",{"_index":173,"name":{"234":{}},"parent":{"235":{},"236":{}}}],["shaders/lighting/specular.glsl.__type",{"_index":175,"name":{},"parent":{"237":{},"238":{},"239":{},"240":{},"241":{}}}],["shaders/noise/classic.glsl",{"_index":179,"name":{"242":{}},"parent":{"243":{},"244":{}}}],["shaders/noise/classic.glsl.__type",{"_index":181,"name":{},"parent":{"245":{},"246":{},"247":{}}}],["shaders/noise/index.glsl",{"_index":184,"name":{"248":{}},"parent":{"249":{},"250":{},"251":{},"252":{}}}],["shaders/noise/periodic.glsl",{"_index":189,"name":{"253":{}},"parent":{"254":{},"255":{}}}],["shaders/noise/periodic.glsl.__type",{"_index":191,"name":{},"parent":{"256":{},"257":{},"258":{}}}],["shaders/noise/simplex.glsl",{"_index":194,"name":{"259":{}},"parent":{"260":{},"261":{}}}],["shaders/noise/simplex.glsl.__type",{"_index":196,"name":{},"parent":{"262":{},"263":{},"264":{}}}],["shaders/utils.glsl",{"_index":199,"name":{"265":{}},"parent":{"266":{},"267":{}}}],["shaders/utils.glsl.__type",{"_index":201,"name":{},"parent":{"268":{}}}],["simplex_noise",{"_index":254,"name":{"341":{}},"parent":{}}],["sint",{"_index":14,"name":{"12":{}},"parent":{}}],["snoise2d",{"_index":195,"name":{"262":{}},"parent":{}}],["snoise3d",{"_index":197,"name":{"263":{}},"parent":{}}],["snoise4d",{"_index":198,"name":{"264":{}},"parent":{}}],["source",{"_index":136,"name":{"159":{}},"parent":{}}],["specular",{"_index":250,"name":{"337":{}},"parent":{}}],["start",{"_index":84,"name":{"89":{}},"parent":{}}],["starttime",{"_index":80,"name":{"85":{}},"parent":{}}],["state",{"_index":236,"name":{"307":{}},"parent":{}}],["stencilattachment",{"_index":112,"name":{"122":{}},"parent":{}}],["stepmode",{"_index":123,"name":{"135":{}},"parent":{}}],["storage",{"_index":6,"name":{"4":{},"29":{},"36":{},"278":{}},"parent":{}}],["struct",{"_index":241,"name":{"317":{}},"parent":{}}],["structs",{"_index":121,"name":{"132":{},"164":{}},"parent":{}}],["submit",{"_index":106,"name":{"114":{}},"parent":{}}],["texture",{"_index":242,"name":{"319":{}},"parent":{}}],["time",{"_index":82,"name":{"87":{}},"parent":{}}],["type",{"_index":53,"name":{"54":{},"119":{},"160":{},"172":{},"192":{},"202":{}},"parent":{}}],["types",{"_index":202,"name":{"269":{},"305":{}},"parent":{"270":{},"271":{},"272":{},"273":{},"274":{},"275":{},"276":{},"279":{},"287":{},"290":{},"297":{},"299":{},"300":{}}}],["types.bindgrouplayoutentry",{"_index":223,"name":{},"parent":{"291":{},"292":{},"293":{},"294":{},"295":{},"296":{}}}],["types.bindgroupoptions",{"_index":230,"name":{},"parent":{"298":{}}}],["types.contextoptions",{"_index":221,"name":{},"parent":{"288":{},"289":{}}}],["types.contextstate",{"_index":214,"name":{},"parent":{"280":{},"281":{},"282":{},"285":{},"286":{}}}],["types.contextstate.__type",{"_index":217,"name":{},"parent":{"283":{},"284":{}}}],["types.glsltypequalifiers",{"_index":211,"name":{},"parent":{"277":{},"278":{}}}],["uint",{"_index":15,"name":{"13":{}},"parent":{}}],["unfilterablefloat",{"_index":12,"name":{"10":{}},"parent":{}}],["uniform",{"_index":4,"name":{"3":{},"28":{},"316":{}},"parent":{}}],["uniformbuffer",{"_index":73,"name":{"77":{}},"parent":{}}],["uniforms",{"_index":224,"name":{"292":{}},"parent":{}}],["update",{"_index":149,"name":{"186":{}},"parent":{}}],["utils",{"_index":232,"name":{"301":{},"333":{}},"parent":{"302":{},"303":{},"304":{}}}],["value",{"_index":46,"name":{"46":{}},"parent":{}}],["variable",{"_index":239,"name":{"314":{}},"parent":{}}],["version",{"_index":134,"name":{"157":{}},"parent":{}}],["vertex",{"_index":30,"name":{"27":{},"40":{},"137":{},"146":{}},"parent":{}}],["vertexbuffer",{"_index":71,"name":{"75":{}},"parent":{}}],["vertexbuffers",{"_index":90,"name":{"96":{}},"parent":{}}],["view",{"_index":47,"name":{"47":{}},"parent":{}}],["visibility",{"_index":54,"name":{"55":{},"175":{},"193":{},"203":{}},"parent":{}}],["writeonly",{"_index":17,"name":{"15":{}},"parent":{}}]],"pipeline":[]}}
\ No newline at end of file
+window.searchData = {"kinds":{"1":"Module","32":"Variable","64":"Function","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","262144":"Accessor","4194304":"Type alias","16777216":"Reference"},"rows":[{"id":0,"kind":1,"name":"constants","url":"modules/constants.html","classes":"tsd-kind-module"},{"id":1,"kind":32,"name":"GPUBufferUsage","url":"modules/constants.html#GPUBufferUsage","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":2,"kind":65536,"name":"__type","url":"modules/constants.html#GPUBufferUsage.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUBufferUsage"},{"id":3,"kind":32,"name":"GPUTextureUsage","url":"modules/constants.html#GPUTextureUsage","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":4,"kind":65536,"name":"__type","url":"modules/constants.html#GPUTextureUsage.__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUTextureUsage"},{"id":5,"kind":32,"name":"GPUShaderStage","url":"modules/constants.html#GPUShaderStage","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":6,"kind":65536,"name":"__type","url":"modules/constants.html#GPUShaderStage.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUShaderStage"},{"id":7,"kind":32,"name":"BindingType","url":"modules/constants.html#BindingType","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":8,"kind":65536,"name":"__type","url":"modules/constants.html#BindingType.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.BindingType"},{"id":9,"kind":32,"name":"GPUIndexFormat","url":"modules/constants.html#GPUIndexFormat","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":10,"kind":65536,"name":"__type","url":"modules/constants.html#GPUIndexFormat.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUIndexFormat"},{"id":11,"kind":32,"name":"GPUPrimitiveTopology","url":"modules/constants.html#GPUPrimitiveTopology","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":12,"kind":65536,"name":"__type","url":"modules/constants.html#GPUPrimitiveTopology.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUPrimitiveTopology"},{"id":13,"kind":32,"name":"GPUShaderStageName","url":"modules/constants.html#GPUShaderStageName","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":14,"kind":65536,"name":"__type","url":"modules/constants.html#GPUShaderStageName.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GPUShaderStageName"},{"id":15,"kind":32,"name":"StorageClass","url":"modules/constants.html#StorageClass-1","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":16,"kind":65536,"name":"__type","url":"modules/constants.html#StorageClass-1.__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.StorageClass"},{"id":17,"kind":4194304,"name":"StorageClass","url":"modules/constants.html#StorageClass","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"constants"},{"id":18,"kind":32,"name":"AccessMode","url":"modules/constants.html#AccessMode-1","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":19,"kind":65536,"name":"__type","url":"modules/constants.html#AccessMode-1.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.AccessMode"},{"id":20,"kind":4194304,"name":"AccessMode","url":"modules/constants.html#AccessMode","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"constants"},{"id":21,"kind":32,"name":"GLSL_SCALARS_TO_WGSL","url":"modules/constants.html#GLSL_SCALARS_TO_WGSL","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":22,"kind":65536,"name":"__type","url":"modules/constants.html#GLSL_SCALARS_TO_WGSL.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.GLSL_SCALARS_TO_WGSL"},{"id":23,"kind":32,"name":"WGSL_SCALARS_TO_GLSL_PREFIX","url":"modules/constants.html#WGSL_SCALARS_TO_GLSL_PREFIX","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":24,"kind":65536,"name":"__type","url":"modules/constants.html#WGSL_SCALARS_TO_GLSL_PREFIX.__type-12","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.WGSL_SCALARS_TO_GLSL_PREFIX"},{"id":25,"kind":32,"name":"WGSL_MATRIX_TO_GLSL","url":"modules/constants.html#WGSL_MATRIX_TO_GLSL","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":26,"kind":65536,"name":"__type","url":"modules/constants.html#WGSL_MATRIX_TO_GLSL.__type-11","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.WGSL_MATRIX_TO_GLSL"},{"id":27,"kind":32,"name":"WGSL_TYPE_TO_GPU_VERTEX_FORMAT","url":"modules/constants.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":28,"kind":65536,"name":"__type","url":"modules/constants.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT.__type-13","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.WGSL_TYPE_TO_GPU_VERTEX_FORMAT"},{"id":29,"kind":32,"name":"WGSLBuiltIn","url":"modules/constants.html#WGSLBuiltIn","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"constants"},{"id":30,"kind":65536,"name":"__type","url":"modules/constants.html#WGSLBuiltIn.__type-10","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"constants.WGSLBuiltIn"},{"id":31,"kind":1,"name":"core/Attachment","url":"modules/core_Attachment.html","classes":"tsd-kind-module"},{"id":32,"kind":128,"name":"default","url":"classes/core_Attachment.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Attachment"},{"id":33,"kind":512,"name":"constructor","url":"classes/core_Attachment.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":34,"kind":1024,"name":"value","url":"classes/core_Attachment.default.html#value","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":35,"kind":1024,"name":"view","url":"classes/core_Attachment.default.html#view","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":36,"kind":1024,"name":"op","url":"classes/core_Attachment.default.html#op","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Attachment.default"},{"id":37,"kind":1,"name":"core/Attribute","url":"modules/core_Attribute.html","classes":"tsd-kind-module"},{"id":38,"kind":128,"name":"default","url":"classes/core_Attribute.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Attribute"},{"id":39,"kind":2048,"name":"isWgsl","url":"classes/core_Attribute.default.html#isWgsl","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Attribute.default"},{"id":40,"kind":2048,"name":"getAlignement","url":"classes/core_Attribute.default.html#getAlignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Attribute.default"},{"id":41,"kind":512,"name":"constructor","url":"classes/core_Attribute.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core/Attribute.default"},{"id":42,"kind":1024,"name":"name","url":"classes/core_Attribute.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":43,"kind":1024,"name":"type","url":"classes/core_Attribute.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":44,"kind":2048,"name":"getWGSLString","url":"classes/core_Attribute.default.html#getWGSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"core/Attribute.default"},{"id":45,"kind":1024,"name":"visibility","url":"classes/core_Attribute.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":46,"kind":1024,"name":"arrayCount","url":"classes/core_Attribute.default.html#arrayCount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":47,"kind":262144,"name":"wgslType","url":"classes/core_Attribute.default.html#wgslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":48,"kind":262144,"name":"glslType","url":"classes/core_Attribute.default.html#glslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":49,"kind":262144,"name":"format","url":"classes/core_Attribute.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":50,"kind":2048,"name":"getSize","url":"classes/core_Attribute.default.html#getSize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":51,"kind":2048,"name":"getGLSLString","url":"classes/core_Attribute.default.html#getGLSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Attribute.default"},{"id":52,"kind":1,"name":"core/BindGroup","url":"modules/core_BindGroup.html","classes":"tsd-kind-module"},{"id":53,"kind":128,"name":"default","url":"classes/core_BindGroup.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/BindGroup"},{"id":54,"kind":512,"name":"constructor","url":"classes/core_BindGroup.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/BindGroup.default"},{"id":55,"kind":1024,"name":"gpuBindGroup","url":"classes/core_BindGroup.default.html#gpuBindGroup","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/BindGroup.default"},{"id":56,"kind":1,"name":"core/BindGroupLayout","url":"modules/core_BindGroupLayout.html","classes":"tsd-kind-module"},{"id":57,"kind":128,"name":"default","url":"classes/core_BindGroupLayout.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/BindGroupLayout"},{"id":58,"kind":512,"name":"constructor","url":"classes/core_BindGroupLayout.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":59,"kind":1024,"name":"gpuBindGroupLayout","url":"classes/core_BindGroupLayout.default.html#gpuBindGroupLayout","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":60,"kind":1024,"name":"entries","url":"classes/core_BindGroupLayout.default.html#entries","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":61,"kind":2048,"name":"getBindGroupSize","url":"classes/core_BindGroupLayout.default.html#getBindGroupSize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":62,"kind":2048,"name":"getBindingSize","url":"classes/core_BindGroupLayout.default.html#getBindingSize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/BindGroupLayout.default"},{"id":63,"kind":1,"name":"core/Buffer","url":"modules/core_Buffer.html","classes":"tsd-kind-module"},{"id":64,"kind":128,"name":"default","url":"classes/core_Buffer.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Buffer"},{"id":65,"kind":512,"name":"constructor","url":"classes/core_Buffer.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":66,"kind":1024,"name":"gpuBuffer","url":"classes/core_Buffer.default.html#gpuBuffer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":67,"kind":2048,"name":"create","url":"classes/core_Buffer.default.html#create","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":68,"kind":2048,"name":"vertexBuffer","url":"classes/core_Buffer.default.html#vertexBuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":69,"kind":2048,"name":"indexBuffer","url":"classes/core_Buffer.default.html#indexBuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":70,"kind":2048,"name":"uniformBuffer","url":"classes/core_Buffer.default.html#uniformBuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":71,"kind":2048,"name":"setSubData","url":"classes/core_Buffer.default.html#setSubData","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":72,"kind":2048,"name":"copyToBuffer","url":"classes/core_Buffer.default.html#copyToBuffer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":73,"kind":2048,"name":"copyToTexture","url":"classes/core_Buffer.default.html#copyToTexture","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":74,"kind":2048,"name":"destroy","url":"classes/core_Buffer.default.html#destroy","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Buffer.default"},{"id":75,"kind":1,"name":"core/BuiltIn","url":"modules/core_BuiltIn.html","classes":"tsd-kind-module"},{"id":76,"kind":128,"name":"default","url":"classes/core_BuiltIn.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/BuiltIn"},{"id":77,"kind":2048,"name":"isWgsl","url":"classes/core_BuiltIn.default.html#isWgsl","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/BuiltIn.default"},{"id":78,"kind":2048,"name":"getAlignement","url":"classes/core_BuiltIn.default.html#getAlignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/BuiltIn.default"},{"id":79,"kind":512,"name":"constructor","url":"classes/core_BuiltIn.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core/BuiltIn.default"},{"id":80,"kind":1024,"name":"name","url":"classes/core_BuiltIn.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":81,"kind":1024,"name":"type","url":"classes/core_BuiltIn.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":82,"kind":1024,"name":"visibility","url":"classes/core_BuiltIn.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":83,"kind":1024,"name":"io","url":"classes/core_BuiltIn.default.html#io","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/BuiltIn.default"},{"id":84,"kind":2048,"name":"getWGSLString","url":"classes/core_BuiltIn.default.html#getWGSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"core/BuiltIn.default"},{"id":85,"kind":1024,"name":"arrayCount","url":"classes/core_BuiltIn.default.html#arrayCount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":86,"kind":262144,"name":"wgslType","url":"classes/core_BuiltIn.default.html#wgslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":87,"kind":262144,"name":"glslType","url":"classes/core_BuiltIn.default.html#glslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":88,"kind":262144,"name":"format","url":"classes/core_BuiltIn.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":89,"kind":2048,"name":"getSize","url":"classes/core_BuiltIn.default.html#getSize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":90,"kind":2048,"name":"getGLSLString","url":"classes/core_BuiltIn.default.html#getGLSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/BuiltIn.default"},{"id":91,"kind":1,"name":"core/Clock","url":"modules/core_Clock.html","classes":"tsd-kind-module"},{"id":92,"kind":128,"name":"default","url":"classes/core_Clock.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Clock"},{"id":93,"kind":512,"name":"constructor","url":"classes/core_Clock.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Clock.default"},{"id":94,"kind":1024,"name":"startTime","url":"classes/core_Clock.default.html#startTime","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Clock.default"},{"id":95,"kind":1024,"name":"prevTime","url":"classes/core_Clock.default.html#prevTime","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Clock.default"},{"id":96,"kind":1024,"name":"time","url":"classes/core_Clock.default.html#time","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Clock.default"},{"id":97,"kind":2048,"name":"reset","url":"classes/core_Clock.default.html#reset","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Clock.default"},{"id":98,"kind":2048,"name":"start","url":"classes/core_Clock.default.html#start","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Clock.default"},{"id":99,"kind":2048,"name":"getDelta","url":"classes/core_Clock.default.html#getDelta","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Clock.default"},{"id":100,"kind":1,"name":"core/Command","url":"modules/core_Command.html","classes":"tsd-kind-module"},{"id":101,"kind":128,"name":"default","url":"classes/core_Command.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Command"},{"id":102,"kind":512,"name":"constructor","url":"classes/core_Command.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Command.default"},{"id":103,"kind":1024,"name":"pass","url":"classes/core_Command.default.html#pass","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":104,"kind":1024,"name":"pipeline","url":"classes/core_Command.default.html#pipeline","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":105,"kind":1024,"name":"vertexBuffers","url":"classes/core_Command.default.html#vertexBuffers","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":106,"kind":1024,"name":"indexBuffer","url":"classes/core_Command.default.html#indexBuffer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":107,"kind":1024,"name":"indexFormat","url":"classes/core_Command.default.html#indexFormat","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":108,"kind":1024,"name":"bindGroups","url":"classes/core_Command.default.html#bindGroups","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":109,"kind":1024,"name":"count","url":"classes/core_Command.default.html#count","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":110,"kind":1024,"name":"instances","url":"classes/core_Command.default.html#instances","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":111,"kind":1024,"name":"dispatch","url":"classes/core_Command.default.html#dispatch","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Command.default"},{"id":112,"kind":1,"name":"core/Context","url":"modules/core_Context.html","classes":"tsd-kind-module"},{"id":113,"kind":128,"name":"default","url":"classes/core_Context.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Context"},{"id":114,"kind":512,"name":"constructor","url":"classes/core_Context.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Context.default"},{"id":115,"kind":1024,"name":"canvas","url":"classes/core_Context.default.html#canvas","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Context.default"},{"id":116,"kind":1024,"name":"context","url":"classes/core_Context.default.html#context","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Context.default"},{"id":117,"kind":1024,"name":"adapter","url":"classes/core_Context.default.html#adapter","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":118,"kind":1024,"name":"commandEncoder","url":"classes/core_Context.default.html#commandEncoder","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":119,"kind":1024,"name":"passEncoder","url":"classes/core_Context.default.html#passEncoder","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":120,"kind":1024,"name":"defaultDepthStencilAttachment","url":"classes/core_Context.default.html#defaultDepthStencilAttachment","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Context.default"},{"id":121,"kind":2048,"name":"init","url":"classes/core_Context.default.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":122,"kind":2048,"name":"resize","url":"classes/core_Context.default.html#resize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":123,"kind":2048,"name":"submit","url":"classes/core_Context.default.html#submit","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":124,"kind":2048,"name":"render","url":"classes/core_Context.default.html#render","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Context.default"},{"id":125,"kind":1,"name":"core/Pass","url":"modules/core_Pass.html","classes":"tsd-kind-module"},{"id":126,"kind":128,"name":"default","url":"classes/core_Pass.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Pass"},{"id":127,"kind":512,"name":"constructor","url":"classes/core_Pass.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Pass.default"},{"id":128,"kind":1024,"name":"type","url":"classes/core_Pass.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":129,"kind":1024,"name":"colorAttachments","url":"classes/core_Pass.default.html#colorAttachments","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":130,"kind":1024,"name":"depthAttachment","url":"classes/core_Pass.default.html#depthAttachment","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":131,"kind":1024,"name":"stencilAttachment","url":"classes/core_Pass.default.html#stencilAttachment","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pass.default"},{"id":132,"kind":262144,"name":"descriptor","url":"classes/core_Pass.default.html#descriptor","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core/Pass.default"},{"id":133,"kind":1,"name":"core/Pipeline","url":"modules/core_Pipeline.html","classes":"tsd-kind-module"},{"id":134,"kind":128,"name":"default","url":"classes/core_Pipeline.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Pipeline"},{"id":135,"kind":512,"name":"constructor","url":"classes/core_Pipeline.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":136,"kind":1024,"name":"gpuPipeline","url":"classes/core_Pipeline.default.html#gpuPipeline","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pipeline.default"},{"id":137,"kind":1024,"name":"program","url":"classes/core_Pipeline.default.html#program","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Pipeline.default"},{"id":138,"kind":1024,"name":"language","url":"classes/core_Pipeline.default.html#language","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":139,"kind":1024,"name":"fragmentTargets","url":"classes/core_Pipeline.default.html#fragmentTargets","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":140,"kind":2048,"name":"init","url":"classes/core_Pipeline.default.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Pipeline.default"},{"id":141,"kind":1024,"name":"bindGroupLayouts","url":"classes/core_Pipeline.default.html#bindGroupLayouts","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":142,"kind":1024,"name":"ins","url":"classes/core_Pipeline.default.html#ins","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":143,"kind":1024,"name":"outs","url":"classes/core_Pipeline.default.html#outs","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":144,"kind":1024,"name":"structs","url":"classes/core_Pipeline.default.html#structs","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":145,"kind":1024,"name":"fragmentOuts","url":"classes/core_Pipeline.default.html#fragmentOuts","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":146,"kind":1024,"name":"descriptor","url":"classes/core_Pipeline.default.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":147,"kind":1024,"name":"stepMode","url":"classes/core_Pipeline.default.html#stepMode","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":148,"kind":2048,"name":"vertex","url":"classes/core_Pipeline.default.html#vertex","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":149,"kind":2048,"name":"fragment","url":"classes/core_Pipeline.default.html#fragment","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":150,"kind":2048,"name":"compute","url":"classes/core_Pipeline.default.html#compute","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":151,"kind":2048,"name":"vertexBody","url":"classes/core_Pipeline.default.html#vertexBody","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":152,"kind":2048,"name":"fragmentBody","url":"classes/core_Pipeline.default.html#fragmentBody","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":153,"kind":2048,"name":"computeBody","url":"classes/core_Pipeline.default.html#computeBody","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Pipeline.default"},{"id":154,"kind":1,"name":"core/Program","url":"modules/core_Program.html","classes":"tsd-kind-module"},{"id":155,"kind":128,"name":"default","url":"classes/core_Program.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Program"},{"id":156,"kind":512,"name":"constructor","url":"classes/core_Program.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Program.default"},{"id":157,"kind":1024,"name":"bindGroupLayouts","url":"classes/core_Program.default.html#bindGroupLayouts","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Program.default"},{"id":158,"kind":1024,"name":"shaders","url":"classes/core_Program.default.html#shaders","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Program.default"},{"id":159,"kind":65536,"name":"__type","url":"classes/core_Program.default.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"core/Program.default"},{"id":160,"kind":2048,"name":"vertex","url":"classes/core_Program.default.html#__type.vertex","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"core/Program.default.__type"},{"id":161,"kind":2048,"name":"fragment","url":"classes/core_Program.default.html#__type.fragment","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"core/Program.default.__type"},{"id":162,"kind":2048,"name":"compute","url":"classes/core_Program.default.html#__type.compute","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"core/Program.default.__type"},{"id":163,"kind":1024,"name":"language","url":"classes/core_Program.default.html#language","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Program.default"},{"id":164,"kind":2048,"name":"init","url":"classes/core_Program.default.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Program.default"},{"id":165,"kind":2048,"name":"getWGSLBufferString","url":"classes/core_Program.default.html#getWGSLBufferString","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Program.default"},{"id":166,"kind":2048,"name":"getWGSLHeaders","url":"classes/core_Program.default.html#getWGSLHeaders","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Program.default"},{"id":167,"kind":2048,"name":"getGLSLBufferString","url":"classes/core_Program.default.html#getGLSLBufferString","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Program.default"},{"id":168,"kind":2048,"name":"getGLSLHeaders","url":"classes/core_Program.default.html#getGLSLHeaders","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Program.default"},{"id":169,"kind":1,"name":"core/Sampler","url":"modules/core_Sampler.html","classes":"tsd-kind-module"},{"id":170,"kind":128,"name":"default","url":"classes/core_Sampler.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Sampler"},{"id":171,"kind":512,"name":"constructor","url":"classes/core_Sampler.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Sampler.default"},{"id":172,"kind":1024,"name":"gpuSampler","url":"classes/core_Sampler.default.html#gpuSampler","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Sampler.default"},{"id":173,"kind":1,"name":"core/Shader","url":"modules/core_Shader.html","classes":"tsd-kind-module"},{"id":174,"kind":128,"name":"default","url":"classes/core_Shader.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Shader"},{"id":175,"kind":512,"name":"constructor","url":"classes/core_Shader.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":176,"kind":1024,"name":"shaderModule","url":"classes/core_Shader.default.html#shaderModule","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Shader.default"},{"id":177,"kind":1024,"name":"source","url":"classes/core_Shader.default.html#source","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-private","parent":"core/Shader.default"},{"id":178,"kind":2048,"name":"init","url":"classes/core_Shader.default.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Shader.default"},{"id":179,"kind":2048,"name":"getWGSLHeaders","url":"classes/core_Shader.default.html#getWGSLHeaders","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Shader.default"},{"id":180,"kind":2048,"name":"getGLSLHeaders","url":"classes/core_Shader.default.html#getGLSLHeaders","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Shader.default"},{"id":181,"kind":1024,"name":"type","url":"classes/core_Shader.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":182,"kind":1024,"name":"main","url":"classes/core_Shader.default.html#main","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":183,"kind":1024,"name":"body","url":"classes/core_Shader.default.html#body","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":184,"kind":1024,"name":"ins","url":"classes/core_Shader.default.html#ins","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":185,"kind":1024,"name":"outs","url":"classes/core_Shader.default.html#outs","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":186,"kind":1024,"name":"structs","url":"classes/core_Shader.default.html#structs","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":187,"kind":1024,"name":"language","url":"classes/core_Shader.default.html#language","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Shader.default"},{"id":188,"kind":1,"name":"core/State","url":"modules/core_State.html","classes":"tsd-kind-module"},{"id":189,"kind":32,"name":"default","url":"modules/core_State.html#default","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"core/State"},{"id":190,"kind":1,"name":"core/Struct","url":"modules/core_Struct.html","classes":"tsd-kind-module"},{"id":191,"kind":128,"name":"default","url":"classes/core_Struct.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Struct"},{"id":192,"kind":2048,"name":"isWgsl","url":"classes/core_Struct.default.html#isWgsl","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Struct.default"},{"id":193,"kind":2048,"name":"getAlignement","url":"classes/core_Struct.default.html#getAlignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Struct.default"},{"id":194,"kind":512,"name":"constructor","url":"classes/core_Struct.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core/Struct.default"},{"id":195,"kind":1024,"name":"memberName","url":"classes/core_Struct.default.html#memberName","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Struct.default"},{"id":196,"kind":1024,"name":"name","url":"classes/core_Struct.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Struct.default"},{"id":197,"kind":1024,"name":"members","url":"classes/core_Struct.default.html#members","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Struct.default"},{"id":198,"kind":1024,"name":"visibility","url":"classes/core_Struct.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Struct.default"},{"id":199,"kind":1024,"name":"arrayCount","url":"classes/core_Struct.default.html#arrayCount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Struct.default"},{"id":200,"kind":262144,"name":"wgslType","url":"classes/core_Struct.default.html#wgslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Struct.default"},{"id":201,"kind":262144,"name":"glslType","url":"classes/core_Struct.default.html#glslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Struct.default"},{"id":202,"kind":262144,"name":"format","url":"classes/core_Struct.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Struct.default"},{"id":203,"kind":2048,"name":"getSize","url":"classes/core_Struct.default.html#getSize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"core/Struct.default"},{"id":204,"kind":2048,"name":"getWGSLMemberString","url":"classes/core_Struct.default.html#getWGSLMemberString","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Struct.default"},{"id":205,"kind":2048,"name":"getGLSLMemberString","url":"classes/core_Struct.default.html#getGLSLMemberString","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Struct.default"},{"id":206,"kind":2048,"name":"getWGSLString","url":"classes/core_Struct.default.html#getWGSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"core/Struct.default"},{"id":207,"kind":2048,"name":"getGLSLString","url":"classes/core_Struct.default.html#getGLSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"core/Struct.default"},{"id":208,"kind":1024,"name":"type","url":"classes/core_Struct.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Struct.default"},{"id":209,"kind":1,"name":"core/Texture","url":"modules/core_Texture.html","classes":"tsd-kind-module"},{"id":210,"kind":128,"name":"default","url":"classes/core_Texture.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Texture"},{"id":211,"kind":512,"name":"constructor","url":"classes/core_Texture.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Texture.default"},{"id":212,"kind":1024,"name":"gpuTexture","url":"classes/core_Texture.default.html#gpuTexture","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":213,"kind":1024,"name":"mipLevelCount","url":"classes/core_Texture.default.html#mipLevelCount","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":214,"kind":1024,"name":"descriptor","url":"classes/core_Texture.default.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":215,"kind":1024,"name":"image","url":"classes/core_Texture.default.html#image","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Texture.default"},{"id":216,"kind":2048,"name":"setMipMap","url":"classes/core_Texture.default.html#setMipMap","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Texture.default"},{"id":217,"kind":2048,"name":"update","url":"classes/core_Texture.default.html#update","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Texture.default"},{"id":218,"kind":1,"name":"core/Uniform","url":"modules/core_Uniform.html","classes":"tsd-kind-module"},{"id":219,"kind":128,"name":"default","url":"classes/core_Uniform.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Uniform"},{"id":220,"kind":2048,"name":"isWgsl","url":"classes/core_Uniform.default.html#isWgsl","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Uniform.default"},{"id":221,"kind":2048,"name":"getAlignement","url":"classes/core_Uniform.default.html#getAlignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"core/Uniform.default"},{"id":222,"kind":512,"name":"constructor","url":"classes/core_Uniform.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core/Uniform.default"},{"id":223,"kind":1024,"name":"name","url":"classes/core_Uniform.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":224,"kind":1024,"name":"type","url":"classes/core_Uniform.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":225,"kind":1024,"name":"visibility","url":"classes/core_Uniform.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":226,"kind":1024,"name":"arrayCount","url":"classes/core_Uniform.default.html#arrayCount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":227,"kind":262144,"name":"wgslType","url":"classes/core_Uniform.default.html#wgslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":228,"kind":262144,"name":"glslType","url":"classes/core_Uniform.default.html#glslType","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":229,"kind":262144,"name":"format","url":"classes/core_Uniform.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":230,"kind":2048,"name":"getSize","url":"classes/core_Uniform.default.html#getSize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":231,"kind":2048,"name":"getWGSLString","url":"classes/core_Uniform.default.html#getWGSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":232,"kind":2048,"name":"getGLSLString","url":"classes/core_Uniform.default.html#getGLSLString","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core/Uniform.default"},{"id":233,"kind":1,"name":"core/Variable","url":"modules/core_Variable.html","classes":"tsd-kind-module"},{"id":234,"kind":128,"name":"default","url":"classes/core_Variable.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"core/Variable"},{"id":235,"kind":2048,"name":"isWgsl","url":"classes/core_Variable.default.html#isWgsl","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"core/Variable.default"},{"id":236,"kind":2048,"name":"getAlignement","url":"classes/core_Variable.default.html#getAlignement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"core/Variable.default"},{"id":237,"kind":512,"name":"constructor","url":"classes/core_Variable.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"core/Variable.default"},{"id":238,"kind":1024,"name":"name","url":"classes/core_Variable.default.html#name","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":239,"kind":1024,"name":"type","url":"classes/core_Variable.default.html#type","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":240,"kind":1024,"name":"visibility","url":"classes/core_Variable.default.html#visibility","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":241,"kind":1024,"name":"arrayCount","url":"classes/core_Variable.default.html#arrayCount","classes":"tsd-kind-property tsd-parent-kind-class","parent":"core/Variable.default"},{"id":242,"kind":262144,"name":"wgslType","url":"classes/core_Variable.default.html#wgslType","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core/Variable.default"},{"id":243,"kind":262144,"name":"glslType","url":"classes/core_Variable.default.html#glslType","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core/Variable.default"},{"id":244,"kind":262144,"name":"format","url":"classes/core_Variable.default.html#format","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core/Variable.default"},{"id":245,"kind":2048,"name":"getSize","url":"classes/core_Variable.default.html#getSize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Variable.default"},{"id":246,"kind":2048,"name":"getWGSLString","url":"classes/core_Variable.default.html#getWGSLString","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Variable.default"},{"id":247,"kind":2048,"name":"getGLSLString","url":"classes/core_Variable.default.html#getGLSLString","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core/Variable.default"},{"id":248,"kind":1,"name":"helpers/Axes","url":"modules/helpers_Axes.html","classes":"tsd-kind-module"},{"id":249,"kind":128,"name":"default","url":"classes/helpers_Axes.default.html","classes":"tsd-kind-class tsd-parent-kind-module","parent":"helpers/Axes"},{"id":250,"kind":512,"name":"constructor","url":"classes/helpers_Axes.default.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":251,"kind":1024,"name":"command","url":"classes/helpers_Axes.default.html#command","classes":"tsd-kind-property tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":252,"kind":1024,"name":"buffer","url":"classes/helpers_Axes.default.html#buffer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":253,"kind":2048,"name":"setScale","url":"classes/helpers_Axes.default.html#setScale","classes":"tsd-kind-method tsd-parent-kind-class","parent":"helpers/Axes.default"},{"id":254,"kind":1,"name":"index","url":"modules/index.html","classes":"tsd-kind-module"},{"id":255,"kind":1,"name":"shaders/constants.glsl","url":"modules/shaders_constants_glsl.html","classes":"tsd-kind-module"},{"id":256,"kind":1024,"name":"default","url":"modules/shaders_constants_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/constants.glsl"},{"id":257,"kind":65536,"name":"__type","url":"modules/shaders_constants_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/constants.glsl"},{"id":258,"kind":1024,"name":"PI","url":"modules/shaders_constants_glsl.html#__type.PI","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.glsl.__type"},{"id":259,"kind":1024,"name":"EPSILON","url":"modules/shaders_constants_glsl.html#__type.EPSILON","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.glsl.__type"},{"id":260,"kind":1024,"name":"GAMMA","url":"modules/shaders_constants_glsl.html#__type.GAMMA","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.glsl.__type"},{"id":261,"kind":1,"name":"shaders/constants.wgsl","url":"modules/shaders_constants_wgsl.html","classes":"tsd-kind-module"},{"id":262,"kind":1024,"name":"default","url":"modules/shaders_constants_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/constants.wgsl"},{"id":263,"kind":65536,"name":"__type","url":"modules/shaders_constants_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/constants.wgsl"},{"id":264,"kind":1024,"name":"PI","url":"modules/shaders_constants_wgsl.html#__type.PI","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.wgsl.__type"},{"id":265,"kind":1024,"name":"EPSILON","url":"modules/shaders_constants_wgsl.html#__type.EPSILON","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.wgsl.__type"},{"id":266,"kind":1024,"name":"GAMMA","url":"modules/shaders_constants_wgsl.html#__type.GAMMA","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/constants.wgsl.__type"},{"id":267,"kind":1,"name":"shaders/index.glsl","url":"modules/shaders_index_glsl.html","classes":"tsd-kind-module"},{"id":268,"kind":1,"name":"shaders","url":"modules/shaders.html","classes":"tsd-kind-module"},{"id":269,"kind":1,"name":"shaders/lighting/diffuse.glsl","url":"modules/shaders_lighting_diffuse_glsl.html","classes":"tsd-kind-module"},{"id":270,"kind":1024,"name":"default","url":"modules/shaders_lighting_diffuse_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/diffuse.glsl"},{"id":271,"kind":65536,"name":"__type","url":"modules/shaders_lighting_diffuse_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/diffuse.glsl"},{"id":272,"kind":1024,"name":"OREN_NAYAR","url":"modules/shaders_lighting_diffuse_glsl.html#__type.OREN_NAYAR","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/diffuse.glsl.__type"},{"id":273,"kind":1024,"name":"LAMBERT","url":"modules/shaders_lighting_diffuse_glsl.html#__type.LAMBERT","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/diffuse.glsl.__type"},{"id":274,"kind":1,"name":"shaders/lighting/diffuse.wgsl","url":"modules/shaders_lighting_diffuse_wgsl.html","classes":"tsd-kind-module"},{"id":275,"kind":1024,"name":"default","url":"modules/shaders_lighting_diffuse_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/diffuse.wgsl"},{"id":276,"kind":65536,"name":"__type","url":"modules/shaders_lighting_diffuse_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/diffuse.wgsl"},{"id":277,"kind":1024,"name":"OREN_NAYAR","url":"modules/shaders_lighting_diffuse_wgsl.html#__type.OREN_NAYAR","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/diffuse.wgsl.__type"},{"id":278,"kind":1024,"name":"LAMBERT","url":"modules/shaders_lighting_diffuse_wgsl.html#__type.LAMBERT","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/diffuse.wgsl.__type"},{"id":279,"kind":1,"name":"shaders/lighting/direct.glsl","url":"modules/shaders_lighting_direct_glsl.html","classes":"tsd-kind-module"},{"id":280,"kind":1024,"name":"default","url":"modules/shaders_lighting_direct_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/direct.glsl"},{"id":281,"kind":65536,"name":"__type","url":"modules/shaders_lighting_direct_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/direct.glsl"},{"id":282,"kind":1024,"name":"PHONG","url":"modules/shaders_lighting_direct_glsl.html#__type.PHONG","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/direct.glsl.__type"},{"id":283,"kind":1,"name":"shaders/lighting/direct.wgsl","url":"modules/shaders_lighting_direct_wgsl.html","classes":"tsd-kind-module"},{"id":284,"kind":1024,"name":"default","url":"modules/shaders_lighting_direct_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/direct.wgsl"},{"id":285,"kind":65536,"name":"__type","url":"modules/shaders_lighting_direct_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/direct.wgsl"},{"id":286,"kind":1024,"name":"PHONG","url":"modules/shaders_lighting_direct_wgsl.html#__type.PHONG","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/direct.wgsl.__type"},{"id":287,"kind":1,"name":"shaders/lighting/gamma.glsl","url":"modules/shaders_lighting_gamma_glsl.html","classes":"tsd-kind-module"},{"id":288,"kind":1024,"name":"default","url":"modules/shaders_lighting_gamma_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/gamma.glsl"},{"id":289,"kind":1,"name":"shaders/lighting/gamma.wgsl","url":"modules/shaders_lighting_gamma_wgsl.html","classes":"tsd-kind-module"},{"id":290,"kind":1024,"name":"default","url":"modules/shaders_lighting_gamma_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/gamma.wgsl"},{"id":291,"kind":1,"name":"shaders/lighting/linear.glsl","url":"modules/shaders_lighting_linear_glsl.html","classes":"tsd-kind-module"},{"id":292,"kind":1024,"name":"default","url":"modules/shaders_lighting_linear_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/linear.glsl"},{"id":293,"kind":1,"name":"shaders/lighting/linear.wgsl","url":"modules/shaders_lighting_linear_wgsl.html","classes":"tsd-kind-module"},{"id":294,"kind":1024,"name":"default","url":"modules/shaders_lighting_linear_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/linear.wgsl"},{"id":295,"kind":1,"name":"shaders/lighting/specular.glsl","url":"modules/shaders_lighting_specular_glsl.html","classes":"tsd-kind-module"},{"id":296,"kind":1024,"name":"default","url":"modules/shaders_lighting_specular_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/specular.glsl"},{"id":297,"kind":65536,"name":"__type","url":"modules/shaders_lighting_specular_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/specular.glsl"},{"id":298,"kind":1024,"name":"BLINNPHONG","url":"modules/shaders_lighting_specular_glsl.html#__type.BLINNPHONG","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":299,"kind":1024,"name":"PHONG","url":"modules/shaders_lighting_specular_glsl.html#__type.PHONG","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":300,"kind":1024,"name":"GAUSSIAN","url":"modules/shaders_lighting_specular_glsl.html#__type.GAUSSIAN","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":301,"kind":1024,"name":"BECKMANN","url":"modules/shaders_lighting_specular_glsl.html#__type.BECKMANN","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":302,"kind":1024,"name":"COOK_TORRANCE","url":"modules/shaders_lighting_specular_glsl.html#__type.COOK_TORRANCE","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.glsl.__type"},{"id":303,"kind":1,"name":"shaders/lighting/specular.wgsl","url":"modules/shaders_lighting_specular_wgsl.html","classes":"tsd-kind-module"},{"id":304,"kind":1024,"name":"default","url":"modules/shaders_lighting_specular_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/lighting/specular.wgsl"},{"id":305,"kind":65536,"name":"__type","url":"modules/shaders_lighting_specular_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/lighting/specular.wgsl"},{"id":306,"kind":1024,"name":"BLINNPHONG","url":"modules/shaders_lighting_specular_wgsl.html#__type.BLINNPHONG","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.wgsl.__type"},{"id":307,"kind":1024,"name":"PHONG","url":"modules/shaders_lighting_specular_wgsl.html#__type.PHONG","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.wgsl.__type"},{"id":308,"kind":1024,"name":"GAUSSIAN","url":"modules/shaders_lighting_specular_wgsl.html#__type.GAUSSIAN","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.wgsl.__type"},{"id":309,"kind":1024,"name":"BECKMANN","url":"modules/shaders_lighting_specular_wgsl.html#__type.BECKMANN","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.wgsl.__type"},{"id":310,"kind":1024,"name":"COOK_TORRANCE","url":"modules/shaders_lighting_specular_wgsl.html#__type.COOK_TORRANCE","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/lighting/specular.wgsl.__type"},{"id":311,"kind":1,"name":"shaders/noise/classic.glsl","url":"modules/shaders_noise_classic_glsl.html","classes":"tsd-kind-module"},{"id":312,"kind":1024,"name":"default","url":"modules/shaders_noise_classic_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/classic.glsl"},{"id":313,"kind":65536,"name":"__type","url":"modules/shaders_noise_classic_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/classic.glsl"},{"id":314,"kind":1024,"name":"CNOISE2D","url":"modules/shaders_noise_classic_glsl.html#__type.CNOISE2D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.glsl.__type"},{"id":315,"kind":1024,"name":"CNOISE3D","url":"modules/shaders_noise_classic_glsl.html#__type.CNOISE3D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.glsl.__type"},{"id":316,"kind":1024,"name":"CNOISE4D","url":"modules/shaders_noise_classic_glsl.html#__type.CNOISE4D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.glsl.__type"},{"id":317,"kind":1,"name":"shaders/noise/classic.wgsl","url":"modules/shaders_noise_classic_wgsl.html","classes":"tsd-kind-module"},{"id":318,"kind":1024,"name":"default","url":"modules/shaders_noise_classic_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/classic.wgsl"},{"id":319,"kind":65536,"name":"__type","url":"modules/shaders_noise_classic_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/classic.wgsl"},{"id":320,"kind":1024,"name":"CNOISE2D","url":"modules/shaders_noise_classic_wgsl.html#__type.CNOISE2D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.wgsl.__type"},{"id":321,"kind":1024,"name":"CNOISE3D","url":"modules/shaders_noise_classic_wgsl.html#__type.CNOISE3D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.wgsl.__type"},{"id":322,"kind":1024,"name":"CNOISE4D","url":"modules/shaders_noise_classic_wgsl.html#__type.CNOISE4D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/classic.wgsl.__type"},{"id":323,"kind":1,"name":"shaders/noise/index.glsl","url":"modules/shaders_noise_index_glsl.html","classes":"tsd-kind-module"},{"id":324,"kind":1,"name":"shaders/noise/index.wgsl","url":"modules/shaders_noise_index_wgsl.html","classes":"tsd-kind-module"},{"id":325,"kind":1,"name":"shaders/noise/periodic.glsl","url":"modules/shaders_noise_periodic_glsl.html","classes":"tsd-kind-module"},{"id":326,"kind":1024,"name":"default","url":"modules/shaders_noise_periodic_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/periodic.glsl"},{"id":327,"kind":65536,"name":"__type","url":"modules/shaders_noise_periodic_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/periodic.glsl"},{"id":328,"kind":1024,"name":"PNOISE2D","url":"modules/shaders_noise_periodic_glsl.html#__type.PNOISE2D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.glsl.__type"},{"id":329,"kind":1024,"name":"PNOISE3D","url":"modules/shaders_noise_periodic_glsl.html#__type.PNOISE3D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.glsl.__type"},{"id":330,"kind":1024,"name":"PNOISE4D","url":"modules/shaders_noise_periodic_glsl.html#__type.PNOISE4D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.glsl.__type"},{"id":331,"kind":1,"name":"shaders/noise/periodic.wgsl","url":"modules/shaders_noise_periodic_wgsl.html","classes":"tsd-kind-module"},{"id":332,"kind":1024,"name":"default","url":"modules/shaders_noise_periodic_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/periodic.wgsl"},{"id":333,"kind":65536,"name":"__type","url":"modules/shaders_noise_periodic_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/periodic.wgsl"},{"id":334,"kind":1024,"name":"PNOISE2D","url":"modules/shaders_noise_periodic_wgsl.html#__type.PNOISE2D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.wgsl.__type"},{"id":335,"kind":1024,"name":"PNOISE3D","url":"modules/shaders_noise_periodic_wgsl.html#__type.PNOISE3D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.wgsl.__type"},{"id":336,"kind":1024,"name":"PNOISE4D","url":"modules/shaders_noise_periodic_wgsl.html#__type.PNOISE4D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/periodic.wgsl.__type"},{"id":337,"kind":1,"name":"shaders/noise/simplex.glsl","url":"modules/shaders_noise_simplex_glsl.html","classes":"tsd-kind-module"},{"id":338,"kind":1024,"name":"default","url":"modules/shaders_noise_simplex_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/simplex.glsl"},{"id":339,"kind":65536,"name":"__type","url":"modules/shaders_noise_simplex_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/simplex.glsl"},{"id":340,"kind":1024,"name":"SNOISE2D","url":"modules/shaders_noise_simplex_glsl.html#__type.SNOISE2D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.glsl.__type"},{"id":341,"kind":1024,"name":"SNOISE3D","url":"modules/shaders_noise_simplex_glsl.html#__type.SNOISE3D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.glsl.__type"},{"id":342,"kind":1024,"name":"SNOISE4D","url":"modules/shaders_noise_simplex_glsl.html#__type.SNOISE4D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.glsl.__type"},{"id":343,"kind":1,"name":"shaders/noise/simplex.wgsl","url":"modules/shaders_noise_simplex_wgsl.html","classes":"tsd-kind-module"},{"id":344,"kind":1024,"name":"default","url":"modules/shaders_noise_simplex_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/simplex.wgsl"},{"id":345,"kind":65536,"name":"__type","url":"modules/shaders_noise_simplex_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/simplex.wgsl"},{"id":346,"kind":1024,"name":"SNOISE2D","url":"modules/shaders_noise_simplex_wgsl.html#__type.SNOISE2D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.wgsl.__type"},{"id":347,"kind":1024,"name":"SNOISE3D","url":"modules/shaders_noise_simplex_wgsl.html#__type.SNOISE3D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.wgsl.__type"},{"id":348,"kind":1024,"name":"SNOISE4D","url":"modules/shaders_noise_simplex_wgsl.html#__type.SNOISE4D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/simplex.wgsl.__type"},{"id":349,"kind":1,"name":"shaders/noise/utils.glsl","url":"modules/shaders_noise_utils_glsl.html","classes":"tsd-kind-module"},{"id":350,"kind":32,"name":"FUNCTIONS","url":"modules/shaders_noise_utils_glsl.html#FUNCTIONS","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.glsl"},{"id":351,"kind":32,"name":"FADE2","url":"modules/shaders_noise_utils_glsl.html#FADE2","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.glsl"},{"id":352,"kind":32,"name":"FADE3","url":"modules/shaders_noise_utils_glsl.html#FADE3","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.glsl"},{"id":353,"kind":32,"name":"FADE4","url":"modules/shaders_noise_utils_glsl.html#FADE4","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.glsl"},{"id":354,"kind":1,"name":"shaders/noise/utils.wgsl","url":"modules/shaders_noise_utils_wgsl.html","classes":"tsd-kind-module"},{"id":355,"kind":32,"name":"MOD289_1","url":"modules/shaders_noise_utils_wgsl.html#MOD289_1","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":356,"kind":32,"name":"MOD289_2","url":"modules/shaders_noise_utils_wgsl.html#MOD289_2","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":357,"kind":32,"name":"MOD289_3","url":"modules/shaders_noise_utils_wgsl.html#MOD289_3","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":358,"kind":32,"name":"MOD289_4","url":"modules/shaders_noise_utils_wgsl.html#MOD289_4","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":359,"kind":32,"name":"PERMUTE_1","url":"modules/shaders_noise_utils_wgsl.html#PERMUTE_1","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":360,"kind":32,"name":"PERMUTE_3","url":"modules/shaders_noise_utils_wgsl.html#PERMUTE_3","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":361,"kind":32,"name":"PERMUTE_4","url":"modules/shaders_noise_utils_wgsl.html#PERMUTE_4","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":362,"kind":32,"name":"FADE_2","url":"modules/shaders_noise_utils_wgsl.html#FADE_2","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":363,"kind":32,"name":"FADE_3","url":"modules/shaders_noise_utils_wgsl.html#FADE_3","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":364,"kind":32,"name":"FADE_4","url":"modules/shaders_noise_utils_wgsl.html#FADE_4","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":365,"kind":32,"name":"TAYLOR_INV_SQRT_1","url":"modules/shaders_noise_utils_wgsl.html#TAYLOR_INV_SQRT_1","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":366,"kind":32,"name":"TAYLOR_INV_SQRT_4","url":"modules/shaders_noise_utils_wgsl.html#TAYLOR_INV_SQRT_4","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"shaders/noise/utils.wgsl"},{"id":367,"kind":1,"name":"shaders/noise/worley.wgsl","url":"modules/shaders_noise_worley_wgsl.html","classes":"tsd-kind-module"},{"id":368,"kind":1024,"name":"default","url":"modules/shaders_noise_worley_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/noise/worley.wgsl"},{"id":369,"kind":65536,"name":"__type","url":"modules/shaders_noise_worley_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/noise/worley.wgsl"},{"id":370,"kind":1024,"name":"WORLEY2D","url":"modules/shaders_noise_worley_wgsl.html#__type.WORLEY2D","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/noise/worley.wgsl.__type"},{"id":371,"kind":1,"name":"shaders/utils.glsl","url":"modules/shaders_utils_glsl.html","classes":"tsd-kind-module"},{"id":372,"kind":1024,"name":"default","url":"modules/shaders_utils_glsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/utils.glsl"},{"id":373,"kind":65536,"name":"__type","url":"modules/shaders_utils_glsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/utils.glsl"},{"id":374,"kind":1024,"name":"SATURATE","url":"modules/shaders_utils_glsl.html#__type.SATURATE","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/utils.glsl.__type"},{"id":375,"kind":1,"name":"shaders/utils.wgsl","url":"modules/shaders_utils_wgsl.html","classes":"tsd-kind-module"},{"id":376,"kind":1024,"name":"default","url":"modules/shaders_utils_wgsl.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"shaders/utils.wgsl"},{"id":377,"kind":65536,"name":"__type","url":"modules/shaders_utils_wgsl.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-module","parent":"shaders/utils.wgsl"},{"id":378,"kind":1024,"name":"SATURATE","url":"modules/shaders_utils_wgsl.html#__type.SATURATE","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/utils.wgsl.__type"},{"id":379,"kind":1024,"name":"RANDOM","url":"modules/shaders_utils_wgsl.html#__type.RANDOM","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"shaders/utils.wgsl.__type"},{"id":380,"kind":1,"name":"types","url":"modules/types.html","classes":"tsd-kind-module"},{"id":381,"kind":4194304,"name":"GLSLStorageQualifier","url":"modules/types.html#GLSLStorageQualifier","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":382,"kind":4194304,"name":"GLSLLayoutQualifier","url":"modules/types.html#GLSLLayoutQualifier","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":383,"kind":4194304,"name":"GLSLSamplerType","url":"modules/types.html#GLSLSamplerType","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":384,"kind":4194304,"name":"GLSLShadowSamplerType","url":"modules/types.html#GLSLShadowSamplerType","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":385,"kind":256,"name":"GLSLTypeQualifiers","url":"interfaces/types.GLSLTypeQualifiers.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":386,"kind":1024,"name":"layout","url":"interfaces/types.GLSLTypeQualifiers.html#layout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.GLSLTypeQualifiers"},{"id":387,"kind":1024,"name":"storage","url":"interfaces/types.GLSLTypeQualifiers.html#storage","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.GLSLTypeQualifiers"},{"id":388,"kind":4194304,"name":"Language","url":"modules/types.html#Language","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":389,"kind":256,"name":"ContextState","url":"interfaces/types.ContextState.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":390,"kind":1024,"name":"device","url":"interfaces/types.ContextState.html#device","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":391,"kind":1024,"name":"glslang","url":"interfaces/types.ContextState.html#glslang","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":392,"kind":65536,"name":"__type","url":"interfaces/types.ContextState.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"types.ContextState"},{"id":393,"kind":2048,"name":"compileGLSL","url":"interfaces/types.ContextState.html#__type.compileGLSL","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"types.ContextState.__type"},{"id":394,"kind":1024,"name":"debug","url":"interfaces/types.ContextState.html#debug","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":395,"kind":1024,"name":"error","url":"interfaces/types.ContextState.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextState"},{"id":396,"kind":256,"name":"ContextOptions","url":"interfaces/types.ContextOptions.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":397,"kind":1024,"name":"canvas","url":"interfaces/types.ContextOptions.html#canvas","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextOptions"},{"id":398,"kind":1024,"name":"context","url":"interfaces/types.ContextOptions.html#context","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ContextOptions"},{"id":399,"kind":256,"name":"BindGroupLayoutEntry","url":"interfaces/types.BindGroupLayoutEntry.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":400,"kind":1024,"name":"name","url":"interfaces/types.BindGroupLayoutEntry.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":401,"kind":1024,"name":"uniforms","url":"interfaces/types.BindGroupLayoutEntry.html#uniforms","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":402,"kind":1024,"name":"members","url":"interfaces/types.BindGroupLayoutEntry.html#members","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":403,"kind":1024,"name":"dimension","url":"interfaces/types.BindGroupLayoutEntry.html#dimension","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":404,"kind":1024,"name":"qualifiers","url":"interfaces/types.BindGroupLayoutEntry.html#qualifiers","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":405,"kind":1024,"name":"samplerType","url":"interfaces/types.BindGroupLayoutEntry.html#samplerType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupLayoutEntry"},{"id":406,"kind":256,"name":"BindGroupOptions","url":"interfaces/types.BindGroupOptions.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":407,"kind":1024,"name":"resources","url":"interfaces/types.BindGroupOptions.html#resources","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.BindGroupOptions"},{"id":408,"kind":4194304,"name":"ShaderStageName","url":"modules/types.html#ShaderStageName","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":409,"kind":4194304,"name":"ShaderStageNameObjectKeys","url":"modules/types.html#ShaderStageNameObjectKeys","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":410,"kind":4194304,"name":"ShaderStageBodyName","url":"modules/types.html#ShaderStageBodyName","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":411,"kind":4194304,"name":"ShaderStageBodyNameObjectKeys","url":"modules/types.html#ShaderStageBodyNameObjectKeys","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":412,"kind":4194304,"name":"PipelineVertexBufferIns","url":"modules/types.html#PipelineVertexBufferIns","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":413,"kind":65536,"name":"__type","url":"modules/types.html#PipelineVertexBufferIns.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"types.PipelineVertexBufferIns"},{"id":414,"kind":1024,"name":"stepMode","url":"modules/types.html#PipelineVertexBufferIns.__type.stepMode","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"types.PipelineVertexBufferIns.__type"},{"id":415,"kind":1024,"name":"attributes","url":"modules/types.html#PipelineVertexBufferIns.__type.attributes","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"types.PipelineVertexBufferIns.__type"},{"id":416,"kind":256,"name":"PipelineOptions","url":"interfaces/types.PipelineOptions.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":417,"kind":1024,"name":"bindGroupLayouts","url":"interfaces/types.PipelineOptions.html#bindGroupLayouts","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":418,"kind":1024,"name":"ins","url":"interfaces/types.PipelineOptions.html#ins","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":419,"kind":1024,"name":"outs","url":"interfaces/types.PipelineOptions.html#outs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":420,"kind":1024,"name":"structs","url":"interfaces/types.PipelineOptions.html#structs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":421,"kind":1024,"name":"fragmentOuts","url":"interfaces/types.PipelineOptions.html#fragmentOuts","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":422,"kind":1024,"name":"fragmentTargets","url":"interfaces/types.PipelineOptions.html#fragmentTargets","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":423,"kind":1024,"name":"descriptor","url":"interfaces/types.PipelineOptions.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":424,"kind":1024,"name":"stepMode","url":"interfaces/types.PipelineOptions.html#stepMode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":425,"kind":1024,"name":"language","url":"interfaces/types.PipelineOptions.html#language","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.PipelineOptions"},{"id":426,"kind":2048,"name":"vertex","url":"interfaces/types.PipelineOptions.html#vertex","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"types.PipelineOptions"},{"id":427,"kind":2048,"name":"fragment","url":"interfaces/types.PipelineOptions.html#fragment","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"types.PipelineOptions"},{"id":428,"kind":2048,"name":"compute","url":"interfaces/types.PipelineOptions.html#compute","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"types.PipelineOptions"},{"id":429,"kind":2048,"name":"vertexBody","url":"interfaces/types.PipelineOptions.html#vertexBody","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"types.PipelineOptions"},{"id":430,"kind":2048,"name":"fragmentBody","url":"interfaces/types.PipelineOptions.html#fragmentBody","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"types.PipelineOptions"},{"id":431,"kind":2048,"name":"computeBody","url":"interfaces/types.PipelineOptions.html#computeBody","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"types.PipelineOptions"},{"id":432,"kind":256,"name":"ShaderOptions","url":"interfaces/types.ShaderOptions.html","classes":"tsd-kind-interface tsd-parent-kind-module","parent":"types"},{"id":433,"kind":1024,"name":"type","url":"interfaces/types.ShaderOptions.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ShaderOptions"},{"id":434,"kind":1024,"name":"main","url":"interfaces/types.ShaderOptions.html#main","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ShaderOptions"},{"id":435,"kind":1024,"name":"body","url":"interfaces/types.ShaderOptions.html#body","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ShaderOptions"},{"id":436,"kind":1024,"name":"ins","url":"interfaces/types.ShaderOptions.html#ins","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ShaderOptions"},{"id":437,"kind":1024,"name":"outs","url":"interfaces/types.ShaderOptions.html#outs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ShaderOptions"},{"id":438,"kind":1024,"name":"structs","url":"interfaces/types.ShaderOptions.html#structs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ShaderOptions"},{"id":439,"kind":1024,"name":"language","url":"interfaces/types.ShaderOptions.html#language","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"types.ShaderOptions"},{"id":440,"kind":4194304,"name":"PassType","url":"modules/types.html#PassType","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":441,"kind":4194304,"name":"GPUBindingType","url":"modules/types.html#GPUBindingType","classes":"tsd-kind-type-alias tsd-parent-kind-module","parent":"types"},{"id":442,"kind":1024,"name":"default","url":"modules/types.html#default","classes":"tsd-kind-property tsd-parent-kind-module","parent":"types"},{"id":443,"kind":1,"name":"utils","url":"modules/utils.html","classes":"tsd-kind-module"},{"id":444,"kind":32,"name":"TAB","url":"modules/utils.html#TAB","classes":"tsd-kind-variable tsd-parent-kind-module","parent":"utils"},{"id":445,"kind":64,"name":"formatLowerFirst","url":"modules/utils.html#formatLowerFirst","classes":"tsd-kind-function tsd-parent-kind-module","parent":"utils"},{"id":446,"kind":64,"name":"formatUpperFirst","url":"modules/utils.html#formatUpperFirst","classes":"tsd-kind-function tsd-parent-kind-module","parent":"utils"},{"id":447,"kind":64,"name":"getIntegerDigitCount","url":"modules/utils.html#getIntegerDigitCount","classes":"tsd-kind-function tsd-parent-kind-module","parent":"utils"},{"id":448,"kind":64,"name":"addLineNumbers","url":"modules/utils.html#addLineNumbers","classes":"tsd-kind-function tsd-parent-kind-module","parent":"utils"},{"id":449,"kind":16777216,"name":"Types","url":"modules/index.html#Types","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":450,"kind":16777216,"name":"Context","url":"modules/index.html#Context","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":451,"kind":16777216,"name":"State","url":"modules/index.html#State","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":452,"kind":16777216,"name":"Command","url":"modules/index.html#Command","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":453,"kind":16777216,"name":"Pass","url":"modules/index.html#Pass","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":454,"kind":16777216,"name":"Attachment","url":"modules/index.html#Attachment","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":455,"kind":16777216,"name":"Pipeline","url":"modules/index.html#Pipeline","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":456,"kind":16777216,"name":"Program","url":"modules/index.html#Program","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":457,"kind":16777216,"name":"Shader","url":"modules/index.html#Shader","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":458,"kind":16777216,"name":"Variable","url":"modules/index.html#Variable","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":459,"kind":16777216,"name":"Attribute","url":"modules/index.html#Attribute","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":460,"kind":16777216,"name":"Uniform","url":"modules/index.html#Uniform","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":461,"kind":16777216,"name":"Struct","url":"modules/index.html#Struct","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":462,"kind":16777216,"name":"Buffer","url":"modules/index.html#Buffer","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":463,"kind":16777216,"name":"Texture","url":"modules/index.html#Texture","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":464,"kind":16777216,"name":"Sampler","url":"modules/index.html#Sampler","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":465,"kind":16777216,"name":"BindGroupLayout","url":"modules/index.html#BindGroupLayout","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":466,"kind":16777216,"name":"BindGroup","url":"modules/index.html#BindGroup","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":467,"kind":16777216,"name":"Clock","url":"modules/index.html#Clock","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":468,"kind":16777216,"name":"Axes","url":"modules/index.html#Axes","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":469,"kind":16777216,"name":"Shaders","url":"modules/index.html#Shaders","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":470,"kind":16777216,"name":"GPUBufferUsage","url":"modules/index.html#GPUBufferUsage","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":471,"kind":16777216,"name":"GPUTextureUsage","url":"modules/index.html#GPUTextureUsage","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":472,"kind":16777216,"name":"GPUShaderStage","url":"modules/index.html#GPUShaderStage","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":473,"kind":16777216,"name":"BindingType","url":"modules/index.html#BindingType","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":474,"kind":16777216,"name":"GPUIndexFormat","url":"modules/index.html#GPUIndexFormat","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":475,"kind":16777216,"name":"GPUPrimitiveTopology","url":"modules/index.html#GPUPrimitiveTopology","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":476,"kind":16777216,"name":"GPUShaderStageName","url":"modules/index.html#GPUShaderStageName","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":477,"kind":16777216,"name":"StorageClass","url":"modules/index.html#StorageClass","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":478,"kind":16777216,"name":"AccessMode","url":"modules/index.html#AccessMode","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":479,"kind":16777216,"name":"GLSL_SCALARS_TO_WGSL","url":"modules/index.html#GLSL_SCALARS_TO_WGSL","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":480,"kind":16777216,"name":"WGSL_SCALARS_TO_GLSL_PREFIX","url":"modules/index.html#WGSL_SCALARS_TO_GLSL_PREFIX","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":481,"kind":16777216,"name":"WGSL_MATRIX_TO_GLSL","url":"modules/index.html#WGSL_MATRIX_TO_GLSL","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":482,"kind":16777216,"name":"WGSL_TYPE_TO_GPU_VERTEX_FORMAT","url":"modules/index.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":483,"kind":16777216,"name":"WGSLBuiltIn","url":"modules/index.html#WGSLBuiltIn","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"index"},{"id":484,"kind":16777216,"name":"CONSTANTS","url":"modules/shaders_index_glsl.html#CONSTANTS","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":485,"kind":16777216,"name":"UTILS","url":"modules/shaders_index_glsl.html#UTILS","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":486,"kind":16777216,"name":"LINEAR","url":"modules/shaders_index_glsl.html#LINEAR","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":487,"kind":16777216,"name":"GAMMA","url":"modules/shaders_index_glsl.html#GAMMA","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":488,"kind":16777216,"name":"DIFFUSE","url":"modules/shaders_index_glsl.html#DIFFUSE","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":489,"kind":16777216,"name":"SPECULAR","url":"modules/shaders_index_glsl.html#SPECULAR","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":490,"kind":16777216,"name":"DIRECT","url":"modules/shaders_index_glsl.html#DIRECT","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":491,"kind":16777216,"name":"NOISE","url":"modules/shaders_index_glsl.html#NOISE","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/index.glsl"},{"id":492,"kind":16777216,"name":"CONSTANTS","url":"modules/shaders.html#CONSTANTS","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":493,"kind":16777216,"name":"UTILS","url":"modules/shaders.html#UTILS","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":494,"kind":16777216,"name":"LINEAR","url":"modules/shaders.html#LINEAR","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":495,"kind":16777216,"name":"GAMMA","url":"modules/shaders.html#GAMMA","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":496,"kind":16777216,"name":"DIFFUSE","url":"modules/shaders.html#DIFFUSE","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":497,"kind":16777216,"name":"SPECULAR","url":"modules/shaders.html#SPECULAR","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":498,"kind":16777216,"name":"DIRECT","url":"modules/shaders.html#DIRECT","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":499,"kind":16777216,"name":"NOISE","url":"modules/shaders.html#NOISE","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":500,"kind":16777216,"name":"GLSL","url":"modules/shaders.html#GLSL","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders"},{"id":501,"kind":16777216,"name":"CLASSIC","url":"modules/shaders_noise_index_glsl.html#CLASSIC","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/noise/index.glsl"},{"id":502,"kind":16777216,"name":"PERIODIC","url":"modules/shaders_noise_index_glsl.html#PERIODIC","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/noise/index.glsl"},{"id":503,"kind":16777216,"name":"SIMPLEX","url":"modules/shaders_noise_index_glsl.html#SIMPLEX","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/noise/index.glsl"},{"id":504,"kind":16777216,"name":"CLASSIC","url":"modules/shaders_noise_index_wgsl.html#CLASSIC","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/noise/index.wgsl"},{"id":505,"kind":16777216,"name":"PERIODIC","url":"modules/shaders_noise_index_wgsl.html#PERIODIC","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/noise/index.wgsl"},{"id":506,"kind":16777216,"name":"SIMPLEX","url":"modules/shaders_noise_index_wgsl.html#SIMPLEX","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/noise/index.wgsl"},{"id":507,"kind":16777216,"name":"WORLEY","url":"modules/shaders_noise_index_wgsl.html#WORLEY","classes":"tsd-kind-reference tsd-parent-kind-module","parent":"shaders/noise/index.wgsl"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,32.62]],["parent/0",[]],["name/1",[1,53.162]],["parent/1",[0,3.12]],["name/2",[2,26.915]],["parent/2",[3,5.573]],["name/3",[4,53.162]],["parent/3",[0,3.12]],["name/4",[2,26.915]],["parent/4",[5,5.573]],["name/5",[6,53.162]],["parent/5",[0,3.12]],["name/6",[2,26.915]],["parent/6",[7,5.573]],["name/7",[8,53.162]],["parent/7",[0,3.12]],["name/8",[2,26.915]],["parent/8",[9,5.573]],["name/9",[10,53.162]],["parent/9",[0,3.12]],["name/10",[2,26.915]],["parent/10",[11,5.573]],["name/11",[12,53.162]],["parent/11",[0,3.12]],["name/12",[2,26.915]],["parent/12",[13,5.573]],["name/13",[14,53.162]],["parent/13",[0,3.12]],["name/14",[2,26.915]],["parent/14",[15,5.573]],["name/15",[16,49.797]],["parent/15",[0,3.12]],["name/16",[2,26.915]],["parent/16",[17,5.573]],["name/17",[16,49.797]],["parent/17",[0,3.12]],["name/18",[18,49.797]],["parent/18",[0,3.12]],["name/19",[2,26.915]],["parent/19",[19,5.573]],["name/20",[18,49.797]],["parent/20",[0,3.12]],["name/21",[20,53.162]],["parent/21",[0,3.12]],["name/22",[2,26.915]],["parent/22",[21,5.573]],["name/23",[22,53.162]],["parent/23",[0,3.12]],["name/24",[2,26.915]],["parent/24",[23,5.573]],["name/25",[24,53.162]],["parent/25",[0,3.12]],["name/26",[2,26.915]],["parent/26",[25,5.573]],["name/27",[26,53.162]],["parent/27",[0,3.12]],["name/28",[2,26.915]],["parent/28",[27,5.573]],["name/29",[28,53.162]],["parent/29",[0,3.12]],["name/30",[2,26.915]],["parent/30",[29,5.573]],["name/31",[30,53.162]],["parent/31",[]],["name/32",[31,24.829]],["parent/32",[30,5.084]],["name/33",[32,32.62]],["parent/33",[33,4.522]],["name/34",[34,58.27]],["parent/34",[33,4.522]],["name/35",[35,58.27]],["parent/35",[33,4.522]],["name/36",[36,58.27]],["parent/36",[33,4.522]],["name/37",[37,53.162]],["parent/37",[]],["name/38",[31,24.829]],["parent/38",[37,5.084]],["name/39",[38,45.277]],["parent/39",[39,3.471]],["name/40",[40,45.277]],["parent/40",[39,3.471]],["name/41",[32,32.62]],["parent/41",[39,3.471]],["name/42",[41,43.606]],["parent/42",[39,3.471]],["name/43",[42,40.924]],["parent/43",[39,3.471]],["name/44",[43,45.277]],["parent/44",[39,3.471]],["name/45",[44,45.277]],["parent/45",[39,3.471]],["name/46",[45,45.277]],["parent/46",[39,3.471]],["name/47",[46,45.277]],["parent/47",[39,3.471]],["name/48",[47,45.277]],["parent/48",[39,3.471]],["name/49",[48,45.277]],["parent/49",[39,3.471]],["name/50",[49,45.277]],["parent/50",[39,3.471]],["name/51",[50,45.277]],["parent/51",[39,3.471]],["name/52",[51,53.162]],["parent/52",[]],["name/53",[31,24.829]],["parent/53",[51,5.084]],["name/54",[32,32.62]],["parent/54",[52,5.084]],["name/55",[53,58.27]],["parent/55",[52,5.084]],["name/56",[54,53.162]],["parent/56",[]],["name/57",[31,24.829]],["parent/57",[54,5.084]],["name/58",[32,32.62]],["parent/58",[55,4.33]],["name/59",[56,58.27]],["parent/59",[55,4.33]],["name/60",[57,58.27]],["parent/60",[55,4.33]],["name/61",[58,58.27]],["parent/61",[55,4.33]],["name/62",[59,58.27]],["parent/62",[55,4.33]],["name/63",[60,53.162]],["parent/63",[]],["name/64",[31,24.829]],["parent/64",[60,5.084]],["name/65",[32,32.62]],["parent/65",[61,3.712]],["name/66",[62,58.27]],["parent/66",[61,3.712]],["name/67",[63,58.27]],["parent/67",[61,3.712]],["name/68",[64,58.27]],["parent/68",[61,3.712]],["name/69",[65,53.162]],["parent/69",[61,3.712]],["name/70",[66,58.27]],["parent/70",[61,3.712]],["name/71",[67,58.27]],["parent/71",[61,3.712]],["name/72",[68,58.27]],["parent/72",[61,3.712]],["name/73",[69,58.27]],["parent/73",[61,3.712]],["name/74",[70,58.27]],["parent/74",[61,3.712]],["name/75",[71,53.162]],["parent/75",[]],["name/76",[31,24.829]],["parent/76",[71,5.084]],["name/77",[38,45.277]],["parent/77",[72,3.403]],["name/78",[40,45.277]],["parent/78",[72,3.403]],["name/79",[32,32.62]],["parent/79",[72,3.403]],["name/80",[41,43.606]],["parent/80",[72,3.403]],["name/81",[42,40.924]],["parent/81",[72,3.403]],["name/82",[44,45.277]],["parent/82",[72,3.403]],["name/83",[73,58.27]],["parent/83",[72,3.403]],["name/84",[43,45.277]],["parent/84",[72,3.403]],["name/85",[45,45.277]],["parent/85",[72,3.403]],["name/86",[46,45.277]],["parent/86",[72,3.403]],["name/87",[47,45.277]],["parent/87",[72,3.403]],["name/88",[48,45.277]],["parent/88",[72,3.403]],["name/89",[49,45.277]],["parent/89",[72,3.403]],["name/90",[50,45.277]],["parent/90",[72,3.403]],["name/91",[74,53.162]],["parent/91",[]],["name/92",[31,24.829]],["parent/92",[74,5.084]],["name/93",[32,32.62]],["parent/93",[75,4.033]],["name/94",[76,58.27]],["parent/94",[75,4.033]],["name/95",[77,58.27]],["parent/95",[75,4.033]],["name/96",[78,58.27]],["parent/96",[75,4.033]],["name/97",[79,58.27]],["parent/97",[75,4.033]],["name/98",[80,58.27]],["parent/98",[75,4.033]],["name/99",[81,58.27]],["parent/99",[75,4.033]],["name/100",[82,53.162]],["parent/100",[]],["name/101",[31,24.829]],["parent/101",[82,5.084]],["name/102",[32,32.62]],["parent/102",[83,3.712]],["name/103",[84,53.162]],["parent/103",[83,3.712]],["name/104",[85,53.162]],["parent/104",[83,3.712]],["name/105",[86,58.27]],["parent/105",[83,3.712]],["name/106",[65,53.162]],["parent/106",[83,3.712]],["name/107",[87,58.27]],["parent/107",[83,3.712]],["name/108",[88,58.27]],["parent/108",[83,3.712]],["name/109",[89,58.27]],["parent/109",[83,3.712]],["name/110",[90,58.27]],["parent/110",[83,3.712]],["name/111",[91,58.27]],["parent/111",[83,3.712]],["name/112",[92,53.162]],["parent/112",[]],["name/113",[31,24.829]],["parent/113",[92,5.084]],["name/114",[32,32.62]],["parent/114",[93,3.625]],["name/115",[94,53.162]],["parent/115",[93,3.625]],["name/116",[95,49.797]],["parent/116",[93,3.625]],["name/117",[96,58.27]],["parent/117",[93,3.625]],["name/118",[97,58.27]],["parent/118",[93,3.625]],["name/119",[98,58.27]],["parent/119",[93,3.625]],["name/120",[99,58.27]],["parent/120",[93,3.625]],["name/121",[100,47.284]],["parent/121",[93,3.625]],["name/122",[101,58.27]],["parent/122",[93,3.625]],["name/123",[102,58.27]],["parent/123",[93,3.625]],["name/124",[103,58.27]],["parent/124",[93,3.625]],["name/125",[104,53.162]],["parent/125",[]],["name/126",[31,24.829]],["parent/126",[104,5.084]],["name/127",[32,32.62]],["parent/127",[105,4.17]],["name/128",[42,40.924]],["parent/128",[105,4.17]],["name/129",[106,58.27]],["parent/129",[105,4.17]],["name/130",[107,58.27]],["parent/130",[105,4.17]],["name/131",[108,58.27]],["parent/131",[105,4.17]],["name/132",[109,47.284]],["parent/132",[105,4.17]],["name/133",[110,53.162]],["parent/133",[]],["name/134",[31,24.829]],["parent/134",[110,5.084]],["name/135",[32,32.62]],["parent/135",[111,3.12]],["name/136",[112,58.27]],["parent/136",[111,3.12]],["name/137",[113,53.162]],["parent/137",[111,3.12]],["name/138",[114,43.606]],["parent/138",[111,3.12]],["name/139",[115,53.162]],["parent/139",[111,3.12]],["name/140",[100,47.284]],["parent/140",[111,3.12]],["name/141",[116,49.797]],["parent/141",[111,3.12]],["name/142",[117,47.284]],["parent/142",[111,3.12]],["name/143",[118,47.284]],["parent/143",[111,3.12]],["name/144",[119,47.284]],["parent/144",[111,3.12]],["name/145",[120,53.162]],["parent/145",[111,3.12]],["name/146",[109,47.284]],["parent/146",[111,3.12]],["name/147",[121,49.797]],["parent/147",[111,3.12]],["name/148",[122,49.797]],["parent/148",[111,3.12]],["name/149",[123,49.797]],["parent/149",[111,3.12]],["name/150",[124,49.797]],["parent/150",[111,3.12]],["name/151",[125,53.162]],["parent/151",[111,3.12]],["name/152",[126,53.162]],["parent/152",[111,3.12]],["name/153",[127,53.162]],["parent/153",[111,3.12]],["name/154",[128,53.162]],["parent/154",[]],["name/155",[31,24.829]],["parent/155",[128,5.084]],["name/156",[32,32.62]],["parent/156",[129,3.712]],["name/157",[116,49.797]],["parent/157",[129,3.712]],["name/158",[130,37.067]],["parent/158",[129,3.712]],["name/159",[2,26.915]],["parent/159",[129,3.712]],["name/160",[122,49.797]],["parent/160",[131,4.762]],["name/161",[123,49.797]],["parent/161",[131,4.762]],["name/162",[124,49.797]],["parent/162",[131,4.762]],["name/163",[114,43.606]],["parent/163",[129,3.712]],["name/164",[100,47.284]],["parent/164",[129,3.712]],["name/165",[132,58.27]],["parent/165",[129,3.712]],["name/166",[133,53.162]],["parent/166",[129,3.712]],["name/167",[134,58.27]],["parent/167",[129,3.712]],["name/168",[135,53.162]],["parent/168",[129,3.712]],["name/169",[136,53.162]],["parent/169",[]],["name/170",[31,24.829]],["parent/170",[136,5.084]],["name/171",[32,32.62]],["parent/171",[137,5.084]],["name/172",[138,58.27]],["parent/172",[137,5.084]],["name/173",[139,53.162]],["parent/173",[]],["name/174",[31,24.829]],["parent/174",[139,5.084]],["name/175",[32,32.62]],["parent/175",[140,3.471]],["name/176",[141,58.27]],["parent/176",[140,3.471]],["name/177",[142,58.27]],["parent/177",[140,3.471]],["name/178",[100,47.284]],["parent/178",[140,3.471]],["name/179",[133,53.162]],["parent/179",[140,3.471]],["name/180",[135,53.162]],["parent/180",[140,3.471]],["name/181",[42,40.924]],["parent/181",[140,3.471]],["name/182",[143,53.162]],["parent/182",[140,3.471]],["name/183",[144,53.162]],["parent/183",[140,3.471]],["name/184",[117,47.284]],["parent/184",[140,3.471]],["name/185",[118,47.284]],["parent/185",[140,3.471]],["name/186",[119,47.284]],["parent/186",[140,3.471]],["name/187",[114,43.606]],["parent/187",[140,3.471]],["name/188",[145,53.162]],["parent/188",[]],["name/189",[31,24.829]],["parent/189",[145,5.084]],["name/190",[146,53.162]],["parent/190",[]],["name/191",[31,24.829]],["parent/191",[146,5.084]],["name/192",[38,45.277]],["parent/192",[147,3.223]],["name/193",[40,45.277]],["parent/193",[147,3.223]],["name/194",[32,32.62]],["parent/194",[147,3.223]],["name/195",[148,58.27]],["parent/195",[147,3.223]],["name/196",[41,43.606]],["parent/196",[147,3.223]],["name/197",[149,53.162]],["parent/197",[147,3.223]],["name/198",[44,45.277]],["parent/198",[147,3.223]],["name/199",[45,45.277]],["parent/199",[147,3.223]],["name/200",[46,45.277]],["parent/200",[147,3.223]],["name/201",[47,45.277]],["parent/201",[147,3.223]],["name/202",[48,45.277]],["parent/202",[147,3.223]],["name/203",[49,45.277]],["parent/203",[147,3.223]],["name/204",[150,58.27]],["parent/204",[147,3.223]],["name/205",[151,58.27]],["parent/205",[147,3.223]],["name/206",[43,45.277]],["parent/206",[147,3.223]],["name/207",[50,45.277]],["parent/207",[147,3.223]],["name/208",[42,40.924]],["parent/208",[147,3.223]],["name/209",[152,53.162]],["parent/209",[]],["name/210",[31,24.829]],["parent/210",[152,5.084]],["name/211",[32,32.62]],["parent/211",[153,4.033]],["name/212",[154,58.27]],["parent/212",[153,4.033]],["name/213",[155,58.27]],["parent/213",[153,4.033]],["name/214",[109,47.284]],["parent/214",[153,4.033]],["name/215",[156,58.27]],["parent/215",[153,4.033]],["name/216",[157,58.27]],["parent/216",[153,4.033]],["name/217",[158,58.27]],["parent/217",[153,4.033]],["name/218",[159,53.162]],["parent/218",[]],["name/219",[31,24.829]],["parent/219",[159,5.084]],["name/220",[38,45.277]],["parent/220",[160,3.471]],["name/221",[40,45.277]],["parent/221",[160,3.471]],["name/222",[32,32.62]],["parent/222",[160,3.471]],["name/223",[41,43.606]],["parent/223",[160,3.471]],["name/224",[42,40.924]],["parent/224",[160,3.471]],["name/225",[44,45.277]],["parent/225",[160,3.471]],["name/226",[45,45.277]],["parent/226",[160,3.471]],["name/227",[46,45.277]],["parent/227",[160,3.471]],["name/228",[47,45.277]],["parent/228",[160,3.471]],["name/229",[48,45.277]],["parent/229",[160,3.471]],["name/230",[49,45.277]],["parent/230",[160,3.471]],["name/231",[43,45.277]],["parent/231",[160,3.471]],["name/232",[50,45.277]],["parent/232",[160,3.471]],["name/233",[161,53.162]],["parent/233",[]],["name/234",[31,24.829]],["parent/234",[161,5.084]],["name/235",[38,45.277]],["parent/235",[162,3.471]],["name/236",[40,45.277]],["parent/236",[162,3.471]],["name/237",[32,32.62]],["parent/237",[162,3.471]],["name/238",[41,43.606]],["parent/238",[162,3.471]],["name/239",[42,40.924]],["parent/239",[162,3.471]],["name/240",[44,45.277]],["parent/240",[162,3.471]],["name/241",[45,45.277]],["parent/241",[162,3.471]],["name/242",[46,45.277]],["parent/242",[162,3.471]],["name/243",[47,45.277]],["parent/243",[162,3.471]],["name/244",[48,45.277]],["parent/244",[162,3.471]],["name/245",[49,45.277]],["parent/245",[162,3.471]],["name/246",[43,45.277]],["parent/246",[162,3.471]],["name/247",[50,45.277]],["parent/247",[162,3.471]],["name/248",[163,53.162]],["parent/248",[]],["name/249",[31,24.829]],["parent/249",[163,5.084]],["name/250",[32,32.62]],["parent/250",[164,4.522]],["name/251",[165,53.162]],["parent/251",[164,4.522]],["name/252",[166,53.162]],["parent/252",[164,4.522]],["name/253",[167,58.27]],["parent/253",[164,4.522]],["name/254",[168,26.351]],["parent/254",[]],["name/255",[169,49.797]],["parent/255",[]],["name/256",[31,24.829]],["parent/256",[169,4.762]],["name/257",[2,26.915]],["parent/257",[169,4.762]],["name/258",[170,53.162]],["parent/258",[171,4.762]],["name/259",[172,53.162]],["parent/259",[171,4.762]],["name/260",[173,47.284]],["parent/260",[171,4.762]],["name/261",[174,49.797]],["parent/261",[]],["name/262",[31,24.829]],["parent/262",[174,4.762]],["name/263",[2,26.915]],["parent/263",[174,4.762]],["name/264",[170,53.162]],["parent/264",[175,4.762]],["name/265",[172,53.162]],["parent/265",[175,4.762]],["name/266",[173,47.284]],["parent/266",[175,4.762]],["name/267",[176,39.812]],["parent/267",[]],["name/268",[130,37.067]],["parent/268",[]],["name/269",[177,49.797]],["parent/269",[]],["name/270",[31,24.829]],["parent/270",[177,4.762]],["name/271",[2,26.915]],["parent/271",[177,4.762]],["name/272",[178,53.162]],["parent/272",[179,5.084]],["name/273",[180,53.162]],["parent/273",[179,5.084]],["name/274",[181,49.797]],["parent/274",[]],["name/275",[31,24.829]],["parent/275",[181,4.762]],["name/276",[2,26.915]],["parent/276",[181,4.762]],["name/277",[178,53.162]],["parent/277",[182,5.084]],["name/278",[180,53.162]],["parent/278",[182,5.084]],["name/279",[183,49.797]],["parent/279",[]],["name/280",[31,24.829]],["parent/280",[183,4.762]],["name/281",[2,26.915]],["parent/281",[183,4.762]],["name/282",[184,47.284]],["parent/282",[185,5.573]],["name/283",[186,49.797]],["parent/283",[]],["name/284",[31,24.829]],["parent/284",[186,4.762]],["name/285",[2,26.915]],["parent/285",[186,4.762]],["name/286",[184,47.284]],["parent/286",[187,5.573]],["name/287",[188,53.162]],["parent/287",[]],["name/288",[31,24.829]],["parent/288",[188,5.084]],["name/289",[189,53.162]],["parent/289",[]],["name/290",[31,24.829]],["parent/290",[189,5.084]],["name/291",[190,53.162]],["parent/291",[]],["name/292",[31,24.829]],["parent/292",[190,5.084]],["name/293",[191,53.162]],["parent/293",[]],["name/294",[31,24.829]],["parent/294",[191,5.084]],["name/295",[192,49.797]],["parent/295",[]],["name/296",[31,24.829]],["parent/296",[192,4.762]],["name/297",[2,26.915]],["parent/297",[192,4.762]],["name/298",[193,53.162]],["parent/298",[194,4.33]],["name/299",[184,47.284]],["parent/299",[194,4.33]],["name/300",[195,53.162]],["parent/300",[194,4.33]],["name/301",[196,53.162]],["parent/301",[194,4.33]],["name/302",[197,53.162]],["parent/302",[194,4.33]],["name/303",[198,49.797]],["parent/303",[]],["name/304",[31,24.829]],["parent/304",[198,4.762]],["name/305",[2,26.915]],["parent/305",[198,4.762]],["name/306",[193,53.162]],["parent/306",[199,4.33]],["name/307",[184,47.284]],["parent/307",[199,4.33]],["name/308",[195,53.162]],["parent/308",[199,4.33]],["name/309",[196,53.162]],["parent/309",[199,4.33]],["name/310",[197,53.162]],["parent/310",[199,4.33]],["name/311",[200,49.797]],["parent/311",[]],["name/312",[31,24.829]],["parent/312",[200,4.762]],["name/313",[2,26.915]],["parent/313",[200,4.762]],["name/314",[201,53.162]],["parent/314",[202,4.762]],["name/315",[203,53.162]],["parent/315",[202,4.762]],["name/316",[204,53.162]],["parent/316",[202,4.762]],["name/317",[205,49.797]],["parent/317",[]],["name/318",[31,24.829]],["parent/318",[205,4.762]],["name/319",[2,26.915]],["parent/319",[205,4.762]],["name/320",[201,53.162]],["parent/320",[206,4.762]],["name/321",[203,53.162]],["parent/321",[206,4.762]],["name/322",[204,53.162]],["parent/322",[206,4.762]],["name/323",[207,47.284]],["parent/323",[]],["name/324",[208,45.277]],["parent/324",[]],["name/325",[209,49.797]],["parent/325",[]],["name/326",[31,24.829]],["parent/326",[209,4.762]],["name/327",[2,26.915]],["parent/327",[209,4.762]],["name/328",[210,53.162]],["parent/328",[211,4.762]],["name/329",[212,53.162]],["parent/329",[211,4.762]],["name/330",[213,53.162]],["parent/330",[211,4.762]],["name/331",[214,49.797]],["parent/331",[]],["name/332",[31,24.829]],["parent/332",[214,4.762]],["name/333",[2,26.915]],["parent/333",[214,4.762]],["name/334",[210,53.162]],["parent/334",[215,4.762]],["name/335",[212,53.162]],["parent/335",[215,4.762]],["name/336",[213,53.162]],["parent/336",[215,4.762]],["name/337",[216,49.797]],["parent/337",[]],["name/338",[31,24.829]],["parent/338",[216,4.762]],["name/339",[2,26.915]],["parent/339",[216,4.762]],["name/340",[217,53.162]],["parent/340",[218,4.762]],["name/341",[219,53.162]],["parent/341",[218,4.762]],["name/342",[220,53.162]],["parent/342",[218,4.762]],["name/343",[221,49.797]],["parent/343",[]],["name/344",[31,24.829]],["parent/344",[221,4.762]],["name/345",[2,26.915]],["parent/345",[221,4.762]],["name/346",[217,53.162]],["parent/346",[222,4.762]],["name/347",[219,53.162]],["parent/347",[222,4.762]],["name/348",[220,53.162]],["parent/348",[222,4.762]],["name/349",[223,45.277]],["parent/349",[]],["name/350",[224,58.27]],["parent/350",[223,4.33]],["name/351",[225,58.27]],["parent/351",[223,4.33]],["name/352",[226,58.27]],["parent/352",[223,4.33]],["name/353",[227,58.27]],["parent/353",[223,4.33]],["name/354",[228,36.298]],["parent/354",[]],["name/355",[229,58.27]],["parent/355",[228,3.471]],["name/356",[230,58.27]],["parent/356",[228,3.471]],["name/357",[231,58.27]],["parent/357",[228,3.471]],["name/358",[232,58.27]],["parent/358",[228,3.471]],["name/359",[233,58.27]],["parent/359",[228,3.471]],["name/360",[234,58.27]],["parent/360",[228,3.471]],["name/361",[235,58.27]],["parent/361",[228,3.471]],["name/362",[236,58.27]],["parent/362",[228,3.471]],["name/363",[237,58.27]],["parent/363",[228,3.471]],["name/364",[238,58.27]],["parent/364",[228,3.471]],["name/365",[239,58.27]],["parent/365",[228,3.471]],["name/366",[240,58.27]],["parent/366",[228,3.471]],["name/367",[241,49.797]],["parent/367",[]],["name/368",[31,24.829]],["parent/368",[241,4.762]],["name/369",[2,26.915]],["parent/369",[241,4.762]],["name/370",[242,58.27]],["parent/370",[243,5.573]],["name/371",[244,49.797]],["parent/371",[]],["name/372",[31,24.829]],["parent/372",[244,4.762]],["name/373",[2,26.915]],["parent/373",[244,4.762]],["name/374",[245,53.162]],["parent/374",[246,5.573]],["name/375",[247,49.797]],["parent/375",[]],["name/376",[31,24.829]],["parent/376",[247,4.762]],["name/377",[2,26.915]],["parent/377",[247,4.762]],["name/378",[245,53.162]],["parent/378",[248,5.084]],["name/379",[249,58.27]],["parent/379",[248,5.084]],["name/380",[250,31.189]],["parent/380",[]],["name/381",[251,58.27]],["parent/381",[250,2.983]],["name/382",[252,58.27]],["parent/382",[250,2.983]],["name/383",[253,58.27]],["parent/383",[250,2.983]],["name/384",[254,58.27]],["parent/384",[250,2.983]],["name/385",[255,58.27]],["parent/385",[250,2.983]],["name/386",[256,58.27]],["parent/386",[257,5.084]],["name/387",[258,58.27]],["parent/387",[257,5.084]],["name/388",[114,43.606]],["parent/388",[250,2.983]],["name/389",[259,58.27]],["parent/389",[250,2.983]],["name/390",[260,58.27]],["parent/390",[261,4.33]],["name/391",[262,58.27]],["parent/391",[261,4.33]],["name/392",[2,26.915]],["parent/392",[261,4.33]],["name/393",[263,58.27]],["parent/393",[264,5.573]],["name/394",[265,58.27]],["parent/394",[261,4.33]],["name/395",[266,58.27]],["parent/395",[261,4.33]],["name/396",[267,58.27]],["parent/396",[250,2.983]],["name/397",[94,53.162]],["parent/397",[268,5.084]],["name/398",[95,49.797]],["parent/398",[268,5.084]],["name/399",[269,58.27]],["parent/399",[250,2.983]],["name/400",[41,43.606]],["parent/400",[270,4.17]],["name/401",[271,58.27]],["parent/401",[270,4.17]],["name/402",[149,53.162]],["parent/402",[270,4.17]],["name/403",[272,58.27]],["parent/403",[270,4.17]],["name/404",[273,58.27]],["parent/404",[270,4.17]],["name/405",[274,58.27]],["parent/405",[270,4.17]],["name/406",[275,58.27]],["parent/406",[250,2.983]],["name/407",[276,58.27]],["parent/407",[277,5.573]],["name/408",[278,58.27]],["parent/408",[250,2.983]],["name/409",[279,58.27]],["parent/409",[250,2.983]],["name/410",[280,58.27]],["parent/410",[250,2.983]],["name/411",[281,58.27]],["parent/411",[250,2.983]],["name/412",[282,58.27]],["parent/412",[250,2.983]],["name/413",[2,26.915]],["parent/413",[283,5.573]],["name/414",[121,49.797]],["parent/414",[284,5.084]],["name/415",[285,58.27]],["parent/415",[284,5.084]],["name/416",[286,58.27]],["parent/416",[250,2.983]],["name/417",[116,49.797]],["parent/417",[287,3.339]],["name/418",[117,47.284]],["parent/418",[287,3.339]],["name/419",[118,47.284]],["parent/419",[287,3.339]],["name/420",[119,47.284]],["parent/420",[287,3.339]],["name/421",[120,53.162]],["parent/421",[287,3.339]],["name/422",[115,53.162]],["parent/422",[287,3.339]],["name/423",[109,47.284]],["parent/423",[287,3.339]],["name/424",[121,49.797]],["parent/424",[287,3.339]],["name/425",[114,43.606]],["parent/425",[287,3.339]],["name/426",[122,49.797]],["parent/426",[287,3.339]],["name/427",[123,49.797]],["parent/427",[287,3.339]],["name/428",[124,49.797]],["parent/428",[287,3.339]],["name/429",[125,53.162]],["parent/429",[287,3.339]],["name/430",[126,53.162]],["parent/430",[287,3.339]],["name/431",[127,53.162]],["parent/431",[287,3.339]],["name/432",[288,58.27]],["parent/432",[250,2.983]],["name/433",[42,40.924]],["parent/433",[289,4.033]],["name/434",[143,53.162]],["parent/434",[289,4.033]],["name/435",[144,53.162]],["parent/435",[289,4.033]],["name/436",[117,47.284]],["parent/436",[289,4.033]],["name/437",[118,47.284]],["parent/437",[289,4.033]],["name/438",[119,47.284]],["parent/438",[289,4.033]],["name/439",[114,43.606]],["parent/439",[289,4.033]],["name/440",[290,58.27]],["parent/440",[250,2.983]],["name/441",[291,58.27]],["parent/441",[250,2.983]],["name/442",[31,24.829]],["parent/442",[250,2.983]],["name/443",[292,40.924]],["parent/443",[]],["name/444",[293,58.27]],["parent/444",[292,3.914]],["name/445",[294,58.27]],["parent/445",[292,3.914]],["name/446",[295,58.27]],["parent/446",[292,3.914]],["name/447",[296,58.27]],["parent/447",[292,3.914]],["name/448",[297,58.27]],["parent/448",[292,3.914]],["name/449",[250,31.189]],["parent/449",[168,2.52]],["name/450",[95,49.797]],["parent/450",[168,2.52]],["name/451",[298,58.27]],["parent/451",[168,2.52]],["name/452",[165,53.162]],["parent/452",[168,2.52]],["name/453",[84,53.162]],["parent/453",[168,2.52]],["name/454",[299,58.27]],["parent/454",[168,2.52]],["name/455",[85,53.162]],["parent/455",[168,2.52]],["name/456",[113,53.162]],["parent/456",[168,2.52]],["name/457",[300,58.27]],["parent/457",[168,2.52]],["name/458",[301,58.27]],["parent/458",[168,2.52]],["name/459",[302,58.27]],["parent/459",[168,2.52]],["name/460",[303,58.27]],["parent/460",[168,2.52]],["name/461",[304,58.27]],["parent/461",[168,2.52]],["name/462",[166,53.162]],["parent/462",[168,2.52]],["name/463",[305,58.27]],["parent/463",[168,2.52]],["name/464",[306,58.27]],["parent/464",[168,2.52]],["name/465",[307,58.27]],["parent/465",[168,2.52]],["name/466",[308,58.27]],["parent/466",[168,2.52]],["name/467",[309,58.27]],["parent/467",[168,2.52]],["name/468",[310,58.27]],["parent/468",[168,2.52]],["name/469",[130,37.067]],["parent/469",[168,2.52]],["name/470",[1,53.162]],["parent/470",[168,2.52]],["name/471",[4,53.162]],["parent/471",[168,2.52]],["name/472",[6,53.162]],["parent/472",[168,2.52]],["name/473",[8,53.162]],["parent/473",[168,2.52]],["name/474",[10,53.162]],["parent/474",[168,2.52]],["name/475",[12,53.162]],["parent/475",[168,2.52]],["name/476",[14,53.162]],["parent/476",[168,2.52]],["name/477",[16,49.797]],["parent/477",[168,2.52]],["name/478",[18,49.797]],["parent/478",[168,2.52]],["name/479",[20,53.162]],["parent/479",[168,2.52]],["name/480",[22,53.162]],["parent/480",[168,2.52]],["name/481",[24,53.162]],["parent/481",[168,2.52]],["name/482",[26,53.162]],["parent/482",[168,2.52]],["name/483",[28,53.162]],["parent/483",[168,2.52]],["name/484",[0,32.62]],["parent/484",[176,3.807]],["name/485",[292,40.924]],["parent/485",[176,3.807]],["name/486",[311,53.162]],["parent/486",[176,3.807]],["name/487",[173,47.284]],["parent/487",[176,3.807]],["name/488",[312,53.162]],["parent/488",[176,3.807]],["name/489",[313,53.162]],["parent/489",[176,3.807]],["name/490",[314,53.162]],["parent/490",[176,3.807]],["name/491",[315,53.162]],["parent/491",[176,3.807]],["name/492",[0,32.62]],["parent/492",[130,3.545]],["name/493",[292,40.924]],["parent/493",[130,3.545]],["name/494",[311,53.162]],["parent/494",[130,3.545]],["name/495",[173,47.284]],["parent/495",[130,3.545]],["name/496",[312,53.162]],["parent/496",[130,3.545]],["name/497",[313,53.162]],["parent/497",[130,3.545]],["name/498",[314,53.162]],["parent/498",[130,3.545]],["name/499",[315,53.162]],["parent/499",[130,3.545]],["name/500",[316,58.27]],["parent/500",[130,3.545]],["name/501",[317,53.162]],["parent/501",[207,4.522]],["name/502",[318,53.162]],["parent/502",[207,4.522]],["name/503",[319,53.162]],["parent/503",[207,4.522]],["name/504",[317,53.162]],["parent/504",[208,4.33]],["name/505",[318,53.162]],["parent/505",[208,4.33]],["name/506",[319,53.162]],["parent/506",[208,4.33]],["name/507",[320,58.27]],["parent/507",[208,4.33]]],"invertedIndex":[["__type",{"_index":2,"name":{"2":{},"4":{},"6":{},"8":{},"10":{},"12":{},"14":{},"16":{},"19":{},"22":{},"24":{},"26":{},"28":{},"30":{},"159":{},"257":{},"263":{},"271":{},"276":{},"281":{},"285":{},"297":{},"305":{},"313":{},"319":{},"327":{},"333":{},"339":{},"345":{},"369":{},"373":{},"377":{},"392":{},"413":{}},"parent":{}}],["accessmode",{"_index":18,"name":{"18":{},"20":{},"478":{}},"parent":{}}],["adapter",{"_index":96,"name":{"117":{}},"parent":{}}],["addlinenumbers",{"_index":297,"name":{"448":{}},"parent":{}}],["arraycount",{"_index":45,"name":{"46":{},"85":{},"199":{},"226":{},"241":{}},"parent":{}}],["attachment",{"_index":299,"name":{"454":{}},"parent":{}}],["attribute",{"_index":302,"name":{"459":{}},"parent":{}}],["attributes",{"_index":285,"name":{"415":{}},"parent":{}}],["axes",{"_index":310,"name":{"468":{}},"parent":{}}],["beckmann",{"_index":196,"name":{"301":{},"309":{}},"parent":{}}],["bindgroup",{"_index":308,"name":{"466":{}},"parent":{}}],["bindgrouplayout",{"_index":307,"name":{"465":{}},"parent":{}}],["bindgrouplayoutentry",{"_index":269,"name":{"399":{}},"parent":{}}],["bindgrouplayouts",{"_index":116,"name":{"141":{},"157":{},"417":{}},"parent":{}}],["bindgroupoptions",{"_index":275,"name":{"406":{}},"parent":{}}],["bindgroups",{"_index":88,"name":{"108":{}},"parent":{}}],["bindingtype",{"_index":8,"name":{"7":{},"473":{}},"parent":{}}],["blinnphong",{"_index":193,"name":{"298":{},"306":{}},"parent":{}}],["body",{"_index":144,"name":{"183":{},"435":{}},"parent":{}}],["buffer",{"_index":166,"name":{"252":{},"462":{}},"parent":{}}],["canvas",{"_index":94,"name":{"115":{},"397":{}},"parent":{}}],["classic",{"_index":317,"name":{"501":{},"504":{}},"parent":{}}],["clock",{"_index":309,"name":{"467":{}},"parent":{}}],["cnoise2d",{"_index":201,"name":{"314":{},"320":{}},"parent":{}}],["cnoise3d",{"_index":203,"name":{"315":{},"321":{}},"parent":{}}],["cnoise4d",{"_index":204,"name":{"316":{},"322":{}},"parent":{}}],["colorattachments",{"_index":106,"name":{"129":{}},"parent":{}}],["command",{"_index":165,"name":{"251":{},"452":{}},"parent":{}}],["commandencoder",{"_index":97,"name":{"118":{}},"parent":{}}],["compileglsl",{"_index":263,"name":{"393":{}},"parent":{}}],["compute",{"_index":124,"name":{"150":{},"162":{},"428":{}},"parent":{}}],["computebody",{"_index":127,"name":{"153":{},"431":{}},"parent":{}}],["constants",{"_index":0,"name":{"0":{},"484":{},"492":{}},"parent":{"1":{},"3":{},"5":{},"7":{},"9":{},"11":{},"13":{},"15":{},"17":{},"18":{},"20":{},"21":{},"23":{},"25":{},"27":{},"29":{}}}],["constants.accessmode",{"_index":19,"name":{},"parent":{"19":{}}}],["constants.bindingtype",{"_index":9,"name":{},"parent":{"8":{}}}],["constants.glsl_scalars_to_wgsl",{"_index":21,"name":{},"parent":{"22":{}}}],["constants.gpubufferusage",{"_index":3,"name":{},"parent":{"2":{}}}],["constants.gpuindexformat",{"_index":11,"name":{},"parent":{"10":{}}}],["constants.gpuprimitivetopology",{"_index":13,"name":{},"parent":{"12":{}}}],["constants.gpushaderstage",{"_index":7,"name":{},"parent":{"6":{}}}],["constants.gpushaderstagename",{"_index":15,"name":{},"parent":{"14":{}}}],["constants.gputextureusage",{"_index":5,"name":{},"parent":{"4":{}}}],["constants.storageclass",{"_index":17,"name":{},"parent":{"16":{}}}],["constants.wgsl_matrix_to_glsl",{"_index":25,"name":{},"parent":{"26":{}}}],["constants.wgsl_scalars_to_glsl_prefix",{"_index":23,"name":{},"parent":{"24":{}}}],["constants.wgsl_type_to_gpu_vertex_format",{"_index":27,"name":{},"parent":{"28":{}}}],["constants.wgslbuiltin",{"_index":29,"name":{},"parent":{"30":{}}}],["constructor",{"_index":32,"name":{"33":{},"41":{},"54":{},"58":{},"65":{},"79":{},"93":{},"102":{},"114":{},"127":{},"135":{},"156":{},"171":{},"175":{},"194":{},"211":{},"222":{},"237":{},"250":{}},"parent":{}}],["context",{"_index":95,"name":{"116":{},"398":{},"450":{}},"parent":{}}],["contextoptions",{"_index":267,"name":{"396":{}},"parent":{}}],["contextstate",{"_index":259,"name":{"389":{}},"parent":{}}],["cook_torrance",{"_index":197,"name":{"302":{},"310":{}},"parent":{}}],["copytobuffer",{"_index":68,"name":{"72":{}},"parent":{}}],["copytotexture",{"_index":69,"name":{"73":{}},"parent":{}}],["core/attachment",{"_index":30,"name":{"31":{}},"parent":{"32":{}}}],["core/attachment.default",{"_index":33,"name":{},"parent":{"33":{},"34":{},"35":{},"36":{}}}],["core/attribute",{"_index":37,"name":{"37":{}},"parent":{"38":{}}}],["core/attribute.default",{"_index":39,"name":{},"parent":{"39":{},"40":{},"41":{},"42":{},"43":{},"44":{},"45":{},"46":{},"47":{},"48":{},"49":{},"50":{},"51":{}}}],["core/bindgroup",{"_index":51,"name":{"52":{}},"parent":{"53":{}}}],["core/bindgroup.default",{"_index":52,"name":{},"parent":{"54":{},"55":{}}}],["core/bindgrouplayout",{"_index":54,"name":{"56":{}},"parent":{"57":{}}}],["core/bindgrouplayout.default",{"_index":55,"name":{},"parent":{"58":{},"59":{},"60":{},"61":{},"62":{}}}],["core/buffer",{"_index":60,"name":{"63":{}},"parent":{"64":{}}}],["core/buffer.default",{"_index":61,"name":{},"parent":{"65":{},"66":{},"67":{},"68":{},"69":{},"70":{},"71":{},"72":{},"73":{},"74":{}}}],["core/builtin",{"_index":71,"name":{"75":{}},"parent":{"76":{}}}],["core/builtin.default",{"_index":72,"name":{},"parent":{"77":{},"78":{},"79":{},"80":{},"81":{},"82":{},"83":{},"84":{},"85":{},"86":{},"87":{},"88":{},"89":{},"90":{}}}],["core/clock",{"_index":74,"name":{"91":{}},"parent":{"92":{}}}],["core/clock.default",{"_index":75,"name":{},"parent":{"93":{},"94":{},"95":{},"96":{},"97":{},"98":{},"99":{}}}],["core/command",{"_index":82,"name":{"100":{}},"parent":{"101":{}}}],["core/command.default",{"_index":83,"name":{},"parent":{"102":{},"103":{},"104":{},"105":{},"106":{},"107":{},"108":{},"109":{},"110":{},"111":{}}}],["core/context",{"_index":92,"name":{"112":{}},"parent":{"113":{}}}],["core/context.default",{"_index":93,"name":{},"parent":{"114":{},"115":{},"116":{},"117":{},"118":{},"119":{},"120":{},"121":{},"122":{},"123":{},"124":{}}}],["core/pass",{"_index":104,"name":{"125":{}},"parent":{"126":{}}}],["core/pass.default",{"_index":105,"name":{},"parent":{"127":{},"128":{},"129":{},"130":{},"131":{},"132":{}}}],["core/pipeline",{"_index":110,"name":{"133":{}},"parent":{"134":{}}}],["core/pipeline.default",{"_index":111,"name":{},"parent":{"135":{},"136":{},"137":{},"138":{},"139":{},"140":{},"141":{},"142":{},"143":{},"144":{},"145":{},"146":{},"147":{},"148":{},"149":{},"150":{},"151":{},"152":{},"153":{}}}],["core/program",{"_index":128,"name":{"154":{}},"parent":{"155":{}}}],["core/program.default",{"_index":129,"name":{},"parent":{"156":{},"157":{},"158":{},"159":{},"163":{},"164":{},"165":{},"166":{},"167":{},"168":{}}}],["core/program.default.__type",{"_index":131,"name":{},"parent":{"160":{},"161":{},"162":{}}}],["core/sampler",{"_index":136,"name":{"169":{}},"parent":{"170":{}}}],["core/sampler.default",{"_index":137,"name":{},"parent":{"171":{},"172":{}}}],["core/shader",{"_index":139,"name":{"173":{}},"parent":{"174":{}}}],["core/shader.default",{"_index":140,"name":{},"parent":{"175":{},"176":{},"177":{},"178":{},"179":{},"180":{},"181":{},"182":{},"183":{},"184":{},"185":{},"186":{},"187":{}}}],["core/state",{"_index":145,"name":{"188":{}},"parent":{"189":{}}}],["core/struct",{"_index":146,"name":{"190":{}},"parent":{"191":{}}}],["core/struct.default",{"_index":147,"name":{},"parent":{"192":{},"193":{},"194":{},"195":{},"196":{},"197":{},"198":{},"199":{},"200":{},"201":{},"202":{},"203":{},"204":{},"205":{},"206":{},"207":{},"208":{}}}],["core/texture",{"_index":152,"name":{"209":{}},"parent":{"210":{}}}],["core/texture.default",{"_index":153,"name":{},"parent":{"211":{},"212":{},"213":{},"214":{},"215":{},"216":{},"217":{}}}],["core/uniform",{"_index":159,"name":{"218":{}},"parent":{"219":{}}}],["core/uniform.default",{"_index":160,"name":{},"parent":{"220":{},"221":{},"222":{},"223":{},"224":{},"225":{},"226":{},"227":{},"228":{},"229":{},"230":{},"231":{},"232":{}}}],["core/variable",{"_index":161,"name":{"233":{}},"parent":{"234":{}}}],["core/variable.default",{"_index":162,"name":{},"parent":{"235":{},"236":{},"237":{},"238":{},"239":{},"240":{},"241":{},"242":{},"243":{},"244":{},"245":{},"246":{},"247":{}}}],["count",{"_index":89,"name":{"109":{}},"parent":{}}],["create",{"_index":63,"name":{"67":{}},"parent":{}}],["debug",{"_index":265,"name":{"394":{}},"parent":{}}],["default",{"_index":31,"name":{"32":{},"38":{},"53":{},"57":{},"64":{},"76":{},"92":{},"101":{},"113":{},"126":{},"134":{},"155":{},"170":{},"174":{},"189":{},"191":{},"210":{},"219":{},"234":{},"249":{},"256":{},"262":{},"270":{},"275":{},"280":{},"284":{},"288":{},"290":{},"292":{},"294":{},"296":{},"304":{},"312":{},"318":{},"326":{},"332":{},"338":{},"344":{},"368":{},"372":{},"376":{},"442":{}},"parent":{}}],["defaultdepthstencilattachment",{"_index":99,"name":{"120":{}},"parent":{}}],["depthattachment",{"_index":107,"name":{"130":{}},"parent":{}}],["descriptor",{"_index":109,"name":{"132":{},"146":{},"214":{},"423":{}},"parent":{}}],["destroy",{"_index":70,"name":{"74":{}},"parent":{}}],["device",{"_index":260,"name":{"390":{}},"parent":{}}],["diffuse",{"_index":312,"name":{"488":{},"496":{}},"parent":{}}],["dimension",{"_index":272,"name":{"403":{}},"parent":{}}],["direct",{"_index":314,"name":{"490":{},"498":{}},"parent":{}}],["dispatch",{"_index":91,"name":{"111":{}},"parent":{}}],["entries",{"_index":57,"name":{"60":{}},"parent":{}}],["epsilon",{"_index":172,"name":{"259":{},"265":{}},"parent":{}}],["error",{"_index":266,"name":{"395":{}},"parent":{}}],["fade2",{"_index":225,"name":{"351":{}},"parent":{}}],["fade3",{"_index":226,"name":{"352":{}},"parent":{}}],["fade4",{"_index":227,"name":{"353":{}},"parent":{}}],["fade_2",{"_index":236,"name":{"362":{}},"parent":{}}],["fade_3",{"_index":237,"name":{"363":{}},"parent":{}}],["fade_4",{"_index":238,"name":{"364":{}},"parent":{}}],["format",{"_index":48,"name":{"49":{},"88":{},"202":{},"229":{},"244":{}},"parent":{}}],["formatlowerfirst",{"_index":294,"name":{"445":{}},"parent":{}}],["formatupperfirst",{"_index":295,"name":{"446":{}},"parent":{}}],["fragment",{"_index":123,"name":{"149":{},"161":{},"427":{}},"parent":{}}],["fragmentbody",{"_index":126,"name":{"152":{},"430":{}},"parent":{}}],["fragmentouts",{"_index":120,"name":{"145":{},"421":{}},"parent":{}}],["fragmenttargets",{"_index":115,"name":{"139":{},"422":{}},"parent":{}}],["functions",{"_index":224,"name":{"350":{}},"parent":{}}],["gamma",{"_index":173,"name":{"260":{},"266":{},"487":{},"495":{}},"parent":{}}],["gaussian",{"_index":195,"name":{"300":{},"308":{}},"parent":{}}],["getalignement",{"_index":40,"name":{"40":{},"78":{},"193":{},"221":{},"236":{}},"parent":{}}],["getbindgroupsize",{"_index":58,"name":{"61":{}},"parent":{}}],["getbindingsize",{"_index":59,"name":{"62":{}},"parent":{}}],["getdelta",{"_index":81,"name":{"99":{}},"parent":{}}],["getglslbufferstring",{"_index":134,"name":{"167":{}},"parent":{}}],["getglslheaders",{"_index":135,"name":{"168":{},"180":{}},"parent":{}}],["getglslmemberstring",{"_index":151,"name":{"205":{}},"parent":{}}],["getglslstring",{"_index":50,"name":{"51":{},"90":{},"207":{},"232":{},"247":{}},"parent":{}}],["getintegerdigitcount",{"_index":296,"name":{"447":{}},"parent":{}}],["getsize",{"_index":49,"name":{"50":{},"89":{},"203":{},"230":{},"245":{}},"parent":{}}],["getwgslbufferstring",{"_index":132,"name":{"165":{}},"parent":{}}],["getwgslheaders",{"_index":133,"name":{"166":{},"179":{}},"parent":{}}],["getwgslmemberstring",{"_index":150,"name":{"204":{}},"parent":{}}],["getwgslstring",{"_index":43,"name":{"44":{},"84":{},"206":{},"231":{},"246":{}},"parent":{}}],["glsl",{"_index":316,"name":{"500":{}},"parent":{}}],["glsl_scalars_to_wgsl",{"_index":20,"name":{"21":{},"479":{}},"parent":{}}],["glslang",{"_index":262,"name":{"391":{}},"parent":{}}],["glsllayoutqualifier",{"_index":252,"name":{"382":{}},"parent":{}}],["glslsamplertype",{"_index":253,"name":{"383":{}},"parent":{}}],["glslshadowsamplertype",{"_index":254,"name":{"384":{}},"parent":{}}],["glslstoragequalifier",{"_index":251,"name":{"381":{}},"parent":{}}],["glsltype",{"_index":47,"name":{"48":{},"87":{},"201":{},"228":{},"243":{}},"parent":{}}],["glsltypequalifiers",{"_index":255,"name":{"385":{}},"parent":{}}],["gpubindgroup",{"_index":53,"name":{"55":{}},"parent":{}}],["gpubindgrouplayout",{"_index":56,"name":{"59":{}},"parent":{}}],["gpubindingtype",{"_index":291,"name":{"441":{}},"parent":{}}],["gpubuffer",{"_index":62,"name":{"66":{}},"parent":{}}],["gpubufferusage",{"_index":1,"name":{"1":{},"470":{}},"parent":{}}],["gpuindexformat",{"_index":10,"name":{"9":{},"474":{}},"parent":{}}],["gpupipeline",{"_index":112,"name":{"136":{}},"parent":{}}],["gpuprimitivetopology",{"_index":12,"name":{"11":{},"475":{}},"parent":{}}],["gpusampler",{"_index":138,"name":{"172":{}},"parent":{}}],["gpushaderstage",{"_index":6,"name":{"5":{},"472":{}},"parent":{}}],["gpushaderstagename",{"_index":14,"name":{"13":{},"476":{}},"parent":{}}],["gputexture",{"_index":154,"name":{"212":{}},"parent":{}}],["gputextureusage",{"_index":4,"name":{"3":{},"471":{}},"parent":{}}],["helpers/axes",{"_index":163,"name":{"248":{}},"parent":{"249":{}}}],["helpers/axes.default",{"_index":164,"name":{},"parent":{"250":{},"251":{},"252":{},"253":{}}}],["image",{"_index":156,"name":{"215":{}},"parent":{}}],["index",{"_index":168,"name":{"254":{}},"parent":{"449":{},"450":{},"451":{},"452":{},"453":{},"454":{},"455":{},"456":{},"457":{},"458":{},"459":{},"460":{},"461":{},"462":{},"463":{},"464":{},"465":{},"466":{},"467":{},"468":{},"469":{},"470":{},"471":{},"472":{},"473":{},"474":{},"475":{},"476":{},"477":{},"478":{},"479":{},"480":{},"481":{},"482":{},"483":{}}}],["indexbuffer",{"_index":65,"name":{"69":{},"106":{}},"parent":{}}],["indexformat",{"_index":87,"name":{"107":{}},"parent":{}}],["init",{"_index":100,"name":{"121":{},"140":{},"164":{},"178":{}},"parent":{}}],["ins",{"_index":117,"name":{"142":{},"184":{},"418":{},"436":{}},"parent":{}}],["instances",{"_index":90,"name":{"110":{}},"parent":{}}],["io",{"_index":73,"name":{"83":{}},"parent":{}}],["iswgsl",{"_index":38,"name":{"39":{},"77":{},"192":{},"220":{},"235":{}},"parent":{}}],["lambert",{"_index":180,"name":{"273":{},"278":{}},"parent":{}}],["language",{"_index":114,"name":{"138":{},"163":{},"187":{},"388":{},"425":{},"439":{}},"parent":{}}],["layout",{"_index":256,"name":{"386":{}},"parent":{}}],["linear",{"_index":311,"name":{"486":{},"494":{}},"parent":{}}],["main",{"_index":143,"name":{"182":{},"434":{}},"parent":{}}],["membername",{"_index":148,"name":{"195":{}},"parent":{}}],["members",{"_index":149,"name":{"197":{},"402":{}},"parent":{}}],["miplevelcount",{"_index":155,"name":{"213":{}},"parent":{}}],["mod289_1",{"_index":229,"name":{"355":{}},"parent":{}}],["mod289_2",{"_index":230,"name":{"356":{}},"parent":{}}],["mod289_3",{"_index":231,"name":{"357":{}},"parent":{}}],["mod289_4",{"_index":232,"name":{"358":{}},"parent":{}}],["name",{"_index":41,"name":{"42":{},"80":{},"196":{},"223":{},"238":{},"400":{}},"parent":{}}],["noise",{"_index":315,"name":{"491":{},"499":{}},"parent":{}}],["op",{"_index":36,"name":{"36":{}},"parent":{}}],["oren_nayar",{"_index":178,"name":{"272":{},"277":{}},"parent":{}}],["outs",{"_index":118,"name":{"143":{},"185":{},"419":{},"437":{}},"parent":{}}],["pass",{"_index":84,"name":{"103":{},"453":{}},"parent":{}}],["passencoder",{"_index":98,"name":{"119":{}},"parent":{}}],["passtype",{"_index":290,"name":{"440":{}},"parent":{}}],["periodic",{"_index":318,"name":{"502":{},"505":{}},"parent":{}}],["permute_1",{"_index":233,"name":{"359":{}},"parent":{}}],["permute_3",{"_index":234,"name":{"360":{}},"parent":{}}],["permute_4",{"_index":235,"name":{"361":{}},"parent":{}}],["phong",{"_index":184,"name":{"282":{},"286":{},"299":{},"307":{}},"parent":{}}],["pi",{"_index":170,"name":{"258":{},"264":{}},"parent":{}}],["pipeline",{"_index":85,"name":{"104":{},"455":{}},"parent":{}}],["pipelineoptions",{"_index":286,"name":{"416":{}},"parent":{}}],["pipelinevertexbufferins",{"_index":282,"name":{"412":{}},"parent":{}}],["pnoise2d",{"_index":210,"name":{"328":{},"334":{}},"parent":{}}],["pnoise3d",{"_index":212,"name":{"329":{},"335":{}},"parent":{}}],["pnoise4d",{"_index":213,"name":{"330":{},"336":{}},"parent":{}}],["prevtime",{"_index":77,"name":{"95":{}},"parent":{}}],["program",{"_index":113,"name":{"137":{},"456":{}},"parent":{}}],["qualifiers",{"_index":273,"name":{"404":{}},"parent":{}}],["random",{"_index":249,"name":{"379":{}},"parent":{}}],["render",{"_index":103,"name":{"124":{}},"parent":{}}],["reset",{"_index":79,"name":{"97":{}},"parent":{}}],["resize",{"_index":101,"name":{"122":{}},"parent":{}}],["resources",{"_index":276,"name":{"407":{}},"parent":{}}],["sampler",{"_index":306,"name":{"464":{}},"parent":{}}],["samplertype",{"_index":274,"name":{"405":{}},"parent":{}}],["saturate",{"_index":245,"name":{"374":{},"378":{}},"parent":{}}],["setmipmap",{"_index":157,"name":{"216":{}},"parent":{}}],["setscale",{"_index":167,"name":{"253":{}},"parent":{}}],["setsubdata",{"_index":67,"name":{"71":{}},"parent":{}}],["shader",{"_index":300,"name":{"457":{}},"parent":{}}],["shadermodule",{"_index":141,"name":{"176":{}},"parent":{}}],["shaderoptions",{"_index":288,"name":{"432":{}},"parent":{}}],["shaders",{"_index":130,"name":{"158":{},"268":{},"469":{}},"parent":{"492":{},"493":{},"494":{},"495":{},"496":{},"497":{},"498":{},"499":{},"500":{}}}],["shaders/constants.glsl",{"_index":169,"name":{"255":{}},"parent":{"256":{},"257":{}}}],["shaders/constants.glsl.__type",{"_index":171,"name":{},"parent":{"258":{},"259":{},"260":{}}}],["shaders/constants.wgsl",{"_index":174,"name":{"261":{}},"parent":{"262":{},"263":{}}}],["shaders/constants.wgsl.__type",{"_index":175,"name":{},"parent":{"264":{},"265":{},"266":{}}}],["shaders/index.glsl",{"_index":176,"name":{"267":{}},"parent":{"484":{},"485":{},"486":{},"487":{},"488":{},"489":{},"490":{},"491":{}}}],["shaders/lighting/diffuse.glsl",{"_index":177,"name":{"269":{}},"parent":{"270":{},"271":{}}}],["shaders/lighting/diffuse.glsl.__type",{"_index":179,"name":{},"parent":{"272":{},"273":{}}}],["shaders/lighting/diffuse.wgsl",{"_index":181,"name":{"274":{}},"parent":{"275":{},"276":{}}}],["shaders/lighting/diffuse.wgsl.__type",{"_index":182,"name":{},"parent":{"277":{},"278":{}}}],["shaders/lighting/direct.glsl",{"_index":183,"name":{"279":{}},"parent":{"280":{},"281":{}}}],["shaders/lighting/direct.glsl.__type",{"_index":185,"name":{},"parent":{"282":{}}}],["shaders/lighting/direct.wgsl",{"_index":186,"name":{"283":{}},"parent":{"284":{},"285":{}}}],["shaders/lighting/direct.wgsl.__type",{"_index":187,"name":{},"parent":{"286":{}}}],["shaders/lighting/gamma.glsl",{"_index":188,"name":{"287":{}},"parent":{"288":{}}}],["shaders/lighting/gamma.wgsl",{"_index":189,"name":{"289":{}},"parent":{"290":{}}}],["shaders/lighting/linear.glsl",{"_index":190,"name":{"291":{}},"parent":{"292":{}}}],["shaders/lighting/linear.wgsl",{"_index":191,"name":{"293":{}},"parent":{"294":{}}}],["shaders/lighting/specular.glsl",{"_index":192,"name":{"295":{}},"parent":{"296":{},"297":{}}}],["shaders/lighting/specular.glsl.__type",{"_index":194,"name":{},"parent":{"298":{},"299":{},"300":{},"301":{},"302":{}}}],["shaders/lighting/specular.wgsl",{"_index":198,"name":{"303":{}},"parent":{"304":{},"305":{}}}],["shaders/lighting/specular.wgsl.__type",{"_index":199,"name":{},"parent":{"306":{},"307":{},"308":{},"309":{},"310":{}}}],["shaders/noise/classic.glsl",{"_index":200,"name":{"311":{}},"parent":{"312":{},"313":{}}}],["shaders/noise/classic.glsl.__type",{"_index":202,"name":{},"parent":{"314":{},"315":{},"316":{}}}],["shaders/noise/classic.wgsl",{"_index":205,"name":{"317":{}},"parent":{"318":{},"319":{}}}],["shaders/noise/classic.wgsl.__type",{"_index":206,"name":{},"parent":{"320":{},"321":{},"322":{}}}],["shaders/noise/index.glsl",{"_index":207,"name":{"323":{}},"parent":{"501":{},"502":{},"503":{}}}],["shaders/noise/index.wgsl",{"_index":208,"name":{"324":{}},"parent":{"504":{},"505":{},"506":{},"507":{}}}],["shaders/noise/periodic.glsl",{"_index":209,"name":{"325":{}},"parent":{"326":{},"327":{}}}],["shaders/noise/periodic.glsl.__type",{"_index":211,"name":{},"parent":{"328":{},"329":{},"330":{}}}],["shaders/noise/periodic.wgsl",{"_index":214,"name":{"331":{}},"parent":{"332":{},"333":{}}}],["shaders/noise/periodic.wgsl.__type",{"_index":215,"name":{},"parent":{"334":{},"335":{},"336":{}}}],["shaders/noise/simplex.glsl",{"_index":216,"name":{"337":{}},"parent":{"338":{},"339":{}}}],["shaders/noise/simplex.glsl.__type",{"_index":218,"name":{},"parent":{"340":{},"341":{},"342":{}}}],["shaders/noise/simplex.wgsl",{"_index":221,"name":{"343":{}},"parent":{"344":{},"345":{}}}],["shaders/noise/simplex.wgsl.__type",{"_index":222,"name":{},"parent":{"346":{},"347":{},"348":{}}}],["shaders/noise/utils.glsl",{"_index":223,"name":{"349":{}},"parent":{"350":{},"351":{},"352":{},"353":{}}}],["shaders/noise/utils.wgsl",{"_index":228,"name":{"354":{}},"parent":{"355":{},"356":{},"357":{},"358":{},"359":{},"360":{},"361":{},"362":{},"363":{},"364":{},"365":{},"366":{}}}],["shaders/noise/worley.wgsl",{"_index":241,"name":{"367":{}},"parent":{"368":{},"369":{}}}],["shaders/noise/worley.wgsl.__type",{"_index":243,"name":{},"parent":{"370":{}}}],["shaders/utils.glsl",{"_index":244,"name":{"371":{}},"parent":{"372":{},"373":{}}}],["shaders/utils.glsl.__type",{"_index":246,"name":{},"parent":{"374":{}}}],["shaders/utils.wgsl",{"_index":247,"name":{"375":{}},"parent":{"376":{},"377":{}}}],["shaders/utils.wgsl.__type",{"_index":248,"name":{},"parent":{"378":{},"379":{}}}],["shaderstagebodyname",{"_index":280,"name":{"410":{}},"parent":{}}],["shaderstagebodynameobjectkeys",{"_index":281,"name":{"411":{}},"parent":{}}],["shaderstagename",{"_index":278,"name":{"408":{}},"parent":{}}],["shaderstagenameobjectkeys",{"_index":279,"name":{"409":{}},"parent":{}}],["simplex",{"_index":319,"name":{"503":{},"506":{}},"parent":{}}],["snoise2d",{"_index":217,"name":{"340":{},"346":{}},"parent":{}}],["snoise3d",{"_index":219,"name":{"341":{},"347":{}},"parent":{}}],["snoise4d",{"_index":220,"name":{"342":{},"348":{}},"parent":{}}],["source",{"_index":142,"name":{"177":{}},"parent":{}}],["specular",{"_index":313,"name":{"489":{},"497":{}},"parent":{}}],["start",{"_index":80,"name":{"98":{}},"parent":{}}],["starttime",{"_index":76,"name":{"94":{}},"parent":{}}],["state",{"_index":298,"name":{"451":{}},"parent":{}}],["stencilattachment",{"_index":108,"name":{"131":{}},"parent":{}}],["stepmode",{"_index":121,"name":{"147":{},"414":{},"424":{}},"parent":{}}],["storage",{"_index":258,"name":{"387":{}},"parent":{}}],["storageclass",{"_index":16,"name":{"15":{},"17":{},"477":{}},"parent":{}}],["struct",{"_index":304,"name":{"461":{}},"parent":{}}],["structs",{"_index":119,"name":{"144":{},"186":{},"420":{},"438":{}},"parent":{}}],["submit",{"_index":102,"name":{"123":{}},"parent":{}}],["tab",{"_index":293,"name":{"444":{}},"parent":{}}],["taylor_inv_sqrt_1",{"_index":239,"name":{"365":{}},"parent":{}}],["taylor_inv_sqrt_4",{"_index":240,"name":{"366":{}},"parent":{}}],["texture",{"_index":305,"name":{"463":{}},"parent":{}}],["time",{"_index":78,"name":{"96":{}},"parent":{}}],["type",{"_index":42,"name":{"43":{},"81":{},"128":{},"181":{},"208":{},"224":{},"239":{},"433":{}},"parent":{}}],["types",{"_index":250,"name":{"380":{},"449":{}},"parent":{"381":{},"382":{},"383":{},"384":{},"385":{},"388":{},"389":{},"396":{},"399":{},"406":{},"408":{},"409":{},"410":{},"411":{},"412":{},"416":{},"432":{},"440":{},"441":{},"442":{}}}],["types.bindgrouplayoutentry",{"_index":270,"name":{},"parent":{"400":{},"401":{},"402":{},"403":{},"404":{},"405":{}}}],["types.bindgroupoptions",{"_index":277,"name":{},"parent":{"407":{}}}],["types.contextoptions",{"_index":268,"name":{},"parent":{"397":{},"398":{}}}],["types.contextstate",{"_index":261,"name":{},"parent":{"390":{},"391":{},"392":{},"394":{},"395":{}}}],["types.contextstate.__type",{"_index":264,"name":{},"parent":{"393":{}}}],["types.glsltypequalifiers",{"_index":257,"name":{},"parent":{"386":{},"387":{}}}],["types.pipelineoptions",{"_index":287,"name":{},"parent":{"417":{},"418":{},"419":{},"420":{},"421":{},"422":{},"423":{},"424":{},"425":{},"426":{},"427":{},"428":{},"429":{},"430":{},"431":{}}}],["types.pipelinevertexbufferins",{"_index":283,"name":{},"parent":{"413":{}}}],["types.pipelinevertexbufferins.__type",{"_index":284,"name":{},"parent":{"414":{},"415":{}}}],["types.shaderoptions",{"_index":289,"name":{},"parent":{"433":{},"434":{},"435":{},"436":{},"437":{},"438":{},"439":{}}}],["uniform",{"_index":303,"name":{"460":{}},"parent":{}}],["uniformbuffer",{"_index":66,"name":{"70":{}},"parent":{}}],["uniforms",{"_index":271,"name":{"401":{}},"parent":{}}],["update",{"_index":158,"name":{"217":{}},"parent":{}}],["utils",{"_index":292,"name":{"443":{},"485":{},"493":{}},"parent":{"444":{},"445":{},"446":{},"447":{},"448":{}}}],["value",{"_index":34,"name":{"34":{}},"parent":{}}],["variable",{"_index":301,"name":{"458":{}},"parent":{}}],["vertex",{"_index":122,"name":{"148":{},"160":{},"426":{}},"parent":{}}],["vertexbody",{"_index":125,"name":{"151":{},"429":{}},"parent":{}}],["vertexbuffer",{"_index":64,"name":{"68":{}},"parent":{}}],["vertexbuffers",{"_index":86,"name":{"105":{}},"parent":{}}],["view",{"_index":35,"name":{"35":{}},"parent":{}}],["visibility",{"_index":44,"name":{"45":{},"82":{},"198":{},"225":{},"240":{}},"parent":{}}],["wgsl_matrix_to_glsl",{"_index":24,"name":{"25":{},"481":{}},"parent":{}}],["wgsl_scalars_to_glsl_prefix",{"_index":22,"name":{"23":{},"480":{}},"parent":{}}],["wgsl_type_to_gpu_vertex_format",{"_index":26,"name":{"27":{},"482":{}},"parent":{}}],["wgslbuiltin",{"_index":28,"name":{"29":{},"483":{}},"parent":{}}],["wgsltype",{"_index":46,"name":{"47":{},"86":{},"200":{},"227":{},"242":{}},"parent":{}}],["worley",{"_index":320,"name":{"507":{}},"parent":{}}],["worley2d",{"_index":242,"name":{"370":{}},"parent":{}}]],"pipeline":[]}}
\ No newline at end of file
diff --git a/docs/classes/core_BuiltIn.default.html b/docs/classes/core_BuiltIn.default.html
new file mode 100644
index 0000000..055e8a1
--- /dev/null
+++ b/docs/classes/core_BuiltIn.default.html
@@ -0,0 +1,472 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>default | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="../modules/core_BuiltIn.html">core/BuiltIn</a>
+				</li>
+				<li>
+					<a href="core_BuiltIn.default.html">default</a>
+				</li>
+			</ul>
+			<h1>Class default</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+						<ul class="tsd-hierarchy">
+							<li>
+								<span class="target">default</span>
+							</li>
+						</ul>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Constructors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core_BuiltIn.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_BuiltIn.default.html#io" class="tsd-kind-icon">io</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#name" class="tsd-kind-icon">name</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#type" class="tsd-kind-icon">type</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Accessors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Methods</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_BuiltIn.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="core_BuiltIn.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_BuiltIn.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_BuiltIn.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Constructors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
+					<a name="constructor" class="tsd-anchor"></a>
+					<h3>constructor</h3>
+					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, visibility<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, io<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_BuiltIn.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#constructor">constructor</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BuiltIn.ts#L4">core/BuiltIn.ts:4</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>name: <span class="tsd-signature-type">string</span></h5>
+								</li>
+								<li>
+									<h5>type: <span class="tsd-signature-type">string</span></h5>
+								</li>
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> visibility: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> io: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <a href="core_BuiltIn.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="arrayCount" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> array<wbr>Count</h3>
+					<div class="tsd-signature tsd-kind-icon">array<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#arrayCount">arrayCount</a></p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="io" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> io</h3>
+					<div class="tsd-signature tsd-kind-icon">io<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="name" class="tsd-anchor"></a>
+					<h3>name</h3>
+					<div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#name">name</a></p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="type" class="tsd-anchor"></a>
+					<h3>type</h3>
+					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#type">type</a></p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="visibility" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3>
+					<div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#visibility">visibility</a></p>
+					</aside>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Accessors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="format" class="tsd-anchor"></a>
+					<h3>format</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> format<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L99">core/Variable.ts:99</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="glslType" class="tsd-anchor"></a>
+					<h3>glsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> glslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L66">core/Variable.ts:66</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="wgslType" class="tsd-anchor"></a>
+					<h3>wgsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> wgslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L30">core/Variable.ts:30</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Methods</h2>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="getGLSLString" class="tsd-anchor"></a>
+					<h3>getGLSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon">getGLSLString<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getGLSLString">getGLSLString</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L238">core/Variable.ts:238</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="getSize" class="tsd-anchor"></a>
+					<h3>get<wbr>Size</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span>qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getSize">getSize</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L168">core/Variable.ts:168</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+					<a name="getWGSLString" class="tsd-anchor"></a>
+					<h3>getWGSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+						<li class="tsd-signature tsd-kind-icon">getWGSLString<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getWGSLString">getWGSLString</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BuiltIn.ts#L13">core/BuiltIn.ts:13</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+					<a name="getAlignement" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Alignement</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getAlignement">getAlignement</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L141">core/Variable.ts:141</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>size: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+					<a name="isWgsl" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> is<wbr>Wgsl</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+						<li class="tsd-signature tsd-kind-icon">is<wbr>Wgsl<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#isWgsl">isWgsl</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L14">core/Variable.ts:14</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>type: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="../modules/core_BuiltIn.html">core/<wbr>Built<wbr>In</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-class tsd-parent-kind-module">
+						<a href="core_BuiltIn.default.html" class="tsd-kind-icon">default</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
+								<a href="core_BuiltIn.default.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="core_BuiltIn.default.html#io" class="tsd-kind-icon">io</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#name" class="tsd-kind-icon">name</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#type" class="tsd-kind-icon">type</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#visibility" class="tsd-kind-icon">visibility</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#format" class="tsd-kind-icon">format</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_BuiltIn.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+								<a href="core_BuiltIn.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+								<a href="core_BuiltIn.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+								<a href="core_BuiltIn.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/classes/core_attachment.default.html b/docs/classes/core_attachment.default.html
index f9e6d1d..01aaddc 100644
--- a/docs/classes/core_attachment.default.html
+++ b/docs/classes/core_attachment.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_attachment.html">core/Attachment</a>
+					<a href="../modules/core_Attachment.html">core/Attachment</a>
 				</li>
 				<li>
-					<a href="core_attachment.default.html">default</a>
+					<a href="core_Attachment.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,15 +83,15 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_attachment.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Attachment.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_attachment.default.html#op" class="tsd-kind-icon">op</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_attachment.default.html#value" class="tsd-kind-icon">value</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_attachment.default.html#view" class="tsd-kind-icon">view</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Attachment.default.html#op" class="tsd-kind-icon">op</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Attachment.default.html#value" class="tsd-kind-icon">value</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Attachment.default.html#view" class="tsd-kind-icon">view</a></li>
 							</ul>
 						</section>
 					</div>
@@ -103,13 +103,13 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">GPUColor</span>, view<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">GPUTextureView</span>, op<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">GPUStoreOp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">GPUColor</span>, view<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">GPUTextureView</span>, op<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">GPUStoreOp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Attachment.ts#L1">src/core/Attachment.ts:1</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Attachment.ts#L2">core/Attachment.ts:2</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -124,7 +124,7 @@ <h5><span class="tsd-flag ts-flagOptional">Optional</span> view: <span class="ts
 									<h5>op: <span class="tsd-signature-type">GPUStoreOp</span><span class="tsd-signature-symbol"> = &quot;store&quot;</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -161,7 +161,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> view</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_attachment.html">core/<wbr>Attachment</a>
+						<a href="../modules/core_Attachment.html">core/<wbr>Attachment</a>
 					</li>
 				</ul>
 			</nav>
@@ -170,19 +170,19 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> view</h3>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_attachment.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Attachment.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_attachment.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Attachment.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_attachment.default.html#op" class="tsd-kind-icon">op</a>
+								<a href="core_Attachment.default.html#op" class="tsd-kind-icon">op</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_attachment.default.html#value" class="tsd-kind-icon">value</a>
+								<a href="core_Attachment.default.html#value" class="tsd-kind-icon">value</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_attachment.default.html#view" class="tsd-kind-icon">view</a>
+								<a href="core_Attachment.default.html#view" class="tsd-kind-icon">view</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_attribute.default.html b/docs/classes/core_attribute.default.html
index 4e94882..bd8f075 100644
--- a/docs/classes/core_attribute.default.html
+++ b/docs/classes/core_attribute.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_attribute.html">core/Attribute</a>
+					<a href="../modules/core_Attribute.html">core/Attribute</a>
 				</li>
 				<li>
-					<a href="core_attribute.default.html">default</a>
+					<a href="core_Attribute.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -72,7 +72,7 @@ <h1>Class default</h1>
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<a href="core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+						<a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
 						<ul class="tsd-hierarchy">
 							<li>
 								<span class="target">default</span>
@@ -88,29 +88,34 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core_attribute.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core_Attribute.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section tsd-is-inherited">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_attribute.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_attribute.default.html#name" class="tsd-kind-icon">name</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_attribute.default.html#type" class="tsd-kind-icon">type</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_attribute.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#name" class="tsd-kind-icon">name</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#type" class="tsd-kind-icon">type</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Accessors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_attribute.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section tsd-is-inherited">
+						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_attribute.default.html#getsize" class="tsd-kind-icon">get<wbr>Size</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_attribute.default.html#getalignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Attribute.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="core_Attribute.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_Attribute.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_Attribute.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a></li>
 							</ul>
 						</section>
 					</div>
@@ -122,14 +127,14 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Overrides <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#constructor">constructor</a></p>
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#constructor">constructor</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Attribute.ts#L3">src/core/Attribute.ts:3</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Attribute.ts#L4">core/Attribute.ts:4</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -141,7 +146,7 @@ <h5>name: <span class="tsd-signature-type">string</span></h5>
 									<h5>type: <span class="tsd-signature-type">string</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -149,11 +154,11 @@ <h4 class="tsd-returns-title">Returns <a href="core_attribute.default.html" clas
 			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-					<a name="arraycount" class="tsd-anchor"></a>
+					<a name="arrayCount" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> array<wbr>Count</h3>
 					<div class="tsd-signature tsd-kind-icon">array<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#arraycount">arrayCount</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#arrayCount">arrayCount</a></p>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
@@ -161,7 +166,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> array<wbr>Count</h3>
 					<h3>name</h3>
 					<div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#name">name</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#name">name</a></p>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
@@ -169,7 +174,7 @@ <h3>name</h3>
 					<h3>type</h3>
 					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#type">type</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#type">type</a></p>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
@@ -177,7 +182,7 @@ <h3>type</h3>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3>
 					<div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#visibility">visibility</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#visibility">visibility</a></p>
 					</aside>
 				</section>
 			</section>
@@ -193,7 +198,41 @@ <h3>format</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L14">src/core/Variable.ts:14</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L99">core/Variable.ts:99</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="glslType" class="tsd-anchor"></a>
+					<h3>glsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> glslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L66">core/Variable.ts:66</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="wgslType" class="tsd-anchor"></a>
+					<h3>wgsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> wgslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L30">core/Variable.ts:30</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
@@ -201,44 +240,86 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 					</ul>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
+			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-					<a name="getsize" class="tsd-anchor"></a>
+					<a name="getGLSLString" class="tsd-anchor"></a>
+					<h3>getGLSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon">getGLSLString<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getGLSLString">getGLSLString</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L238">core/Variable.ts:238</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="getSize" class="tsd-anchor"></a>
 					<h3>get<wbr>Size</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span>qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span>qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#getsize">getSize</a></p>
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getSize">getSize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L79">src/core/Variable.ts:79</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L168">core/Variable.ts:168</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+					<a name="getWGSLString" class="tsd-anchor"></a>
+					<h3>getWGSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+						<li class="tsd-signature tsd-kind-icon">getWGSLString<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getWGSLString">getWGSLString</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Attribute.ts#L8">core/Attribute.ts:8</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>index: <span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
-					<a name="getalignement" class="tsd-anchor"></a>
+					<a name="getAlignement" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Alignement</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
-						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#getalignement">getAlignement</a></p>
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getAlignement">getAlignement</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L52">src/core/Variable.ts:52</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L141">core/Variable.ts:141</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -247,13 +328,37 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>size: <span class="tsd-signature-type">number</span></h5>
 								</li>
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+					<a name="isWgsl" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> is<wbr>Wgsl</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+						<li class="tsd-signature tsd-kind-icon">is<wbr>Wgsl<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#isWgsl">isWgsl</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L14">core/Variable.ts:14</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>type: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
+						</li>
+					</ul>
+				</section>
 			</section>
 		</div>
 		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
@@ -263,7 +368,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_attribute.html">core/<wbr>Attribute</a>
+						<a href="../modules/core_Attribute.html">core/<wbr>Attribute</a>
 					</li>
 				</ul>
 			</nav>
@@ -272,31 +377,46 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_attribute.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Attribute.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
-								<a href="core_attribute.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Attribute.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_attribute.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a>
+								<a href="core_Attribute.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_attribute.default.html#name" class="tsd-kind-icon">name</a>
+								<a href="core_Attribute.default.html#name" class="tsd-kind-icon">name</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_attribute.default.html#type" class="tsd-kind-icon">type</a>
+								<a href="core_Attribute.default.html#type" class="tsd-kind-icon">type</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_attribute.default.html#visibility" class="tsd-kind-icon">visibility</a>
+								<a href="core_Attribute.default.html#visibility" class="tsd-kind-icon">visibility</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Attribute.default.html#format" class="tsd-kind-icon">format</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Attribute.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a>
 							</li>
 							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_attribute.default.html#format" class="tsd-kind-icon">format</a>
+								<a href="core_Attribute.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_attribute.default.html#getsize" class="tsd-kind-icon">get<wbr>Size</a>
+								<a href="core_Attribute.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Attribute.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+								<a href="core_Attribute.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+								<a href="core_Attribute.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
-								<a href="core_attribute.default.html#getalignement" class="tsd-kind-icon">get<wbr>Alignement</a>
+								<a href="core_Attribute.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a>
 							</li>
 						</ul>
 					</li>
@@ -319,6 +439,7 @@ <h2>Legend</h2>
 			<ul class="tsd-legend">
 				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
 				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
 			</ul>
 			<ul class="tsd-legend">
 				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
diff --git a/docs/classes/core_bindgroup.default.html b/docs/classes/core_bindgroup.default.html
index a6fc6c5..422141d 100644
--- a/docs/classes/core_bindgroup.default.html
+++ b/docs/classes/core_bindgroup.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_bindgroup.html">core/BindGroup</a>
+					<a href="../modules/core_BindGroup.html">core/BindGroup</a>
 				</li>
 				<li>
-					<a href="core_bindgroup.default.html">default</a>
+					<a href="core_BindGroup.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,13 +83,13 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_bindgroup.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_BindGroup.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_bindgroup.default.html#gpubindgroup" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_BindGroup.default.html#gpuBindGroup" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group</a></li>
 							</ul>
 						</section>
 					</div>
@@ -101,22 +101,22 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.bindgroupoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_bindgroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.BindGroupOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_BindGroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/BindGroup.ts#L5">src/core/BindGroup.ts:5</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BindGroup.ts#L7">core/BindGroup.ts:7</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>options: <a href="../interfaces/types.bindgroupoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupOptions</a></h5>
+									<h5>options: <a href="../interfaces/types.BindGroupOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupOptions</a></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_bindgroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_BindGroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -124,12 +124,12 @@ <h4 class="tsd-returns-title">Returns <a href="core_bindgroup.default.html" clas
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="gpubindgroup" class="tsd-anchor"></a>
+					<a name="gpuBindGroup" class="tsd-anchor"></a>
 					<h3>gpu<wbr>Bind<wbr>Group</h3>
 					<div class="tsd-signature tsd-kind-icon">gpu<wbr>Bind<wbr>Group<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUBindGroup</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/BindGroup.ts#L5">src/core/BindGroup.ts:5</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BindGroup.ts#L5">core/BindGroup.ts:5</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -142,7 +142,7 @@ <h3>gpu<wbr>Bind<wbr>Group</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_bindgroup.html">core/<wbr>Bind<wbr>Group</a>
+						<a href="../modules/core_BindGroup.html">core/<wbr>Bind<wbr>Group</a>
 					</li>
 				</ul>
 			</nav>
@@ -151,13 +151,13 @@ <h3>gpu<wbr>Bind<wbr>Group</h3>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_bindgroup.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_BindGroup.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_bindgroup.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_BindGroup.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_bindgroup.default.html#gpubindgroup" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group</a>
+								<a href="core_BindGroup.default.html#gpuBindGroup" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_bindgrouplayout.default.html b/docs/classes/core_bindgrouplayout.default.html
index e0675a8..249a070 100644
--- a/docs/classes/core_bindgrouplayout.default.html
+++ b/docs/classes/core_bindgrouplayout.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_bindgrouplayout.html">core/BindGroupLayout</a>
+					<a href="../modules/core_BindGroupLayout.html">core/BindGroupLayout</a>
 				</li>
 				<li>
-					<a href="core_bindgrouplayout.default.html">default</a>
+					<a href="core_BindGroupLayout.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,21 +83,21 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_bindgrouplayout.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_BindGroupLayout.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_bindgrouplayout.default.html#entries" class="tsd-kind-icon">entries</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_bindgrouplayout.default.html#gpubindgrouplayout" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group<wbr>Layout</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_BindGroupLayout.default.html#entries" class="tsd-kind-icon">entries</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_BindGroupLayout.default.html#gpuBindGroupLayout" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group<wbr>Layout</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_bindgrouplayout.default.html#getbindgroupsize" class="tsd-kind-icon">get<wbr>Bind<wbr>Group<wbr>Size</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_bindgrouplayout.default.html#getbindingsize" class="tsd-kind-icon">get<wbr>Binding<wbr>Size</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_BindGroupLayout.default.html#getBindGroupSize" class="tsd-kind-icon">get<wbr>Bind<wbr>Group<wbr>Size</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_BindGroupLayout.default.html#getBindingSize" class="tsd-kind-icon">get<wbr>Binding<wbr>Size</a></li>
 							</ul>
 						</section>
 					</div>
@@ -109,22 +109,22 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>entries<span class="tsd-signature-symbol">?: </span><a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>entries<span class="tsd-signature-symbol">?: </span><a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/BindGroupLayout.ts#L6">src/core/BindGroupLayout.ts:6</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BindGroupLayout.ts#L9">core/BindGroupLayout.ts:9</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>entries: <a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></h5>
+									<h5>entries: <a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -134,17 +134,17 @@ <h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="entries" class="tsd-anchor"></a>
 					<h3>entries</h3>
-					<div class="tsd-signature tsd-kind-icon">entries<span class="tsd-signature-symbol">:</span> <a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div>
+					<div class="tsd-signature tsd-kind-icon">entries<span class="tsd-signature-symbol">:</span> <a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div>
 					<aside class="tsd-sources">
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="gpubindgrouplayout" class="tsd-anchor"></a>
+					<a name="gpuBindGroupLayout" class="tsd-anchor"></a>
 					<h3>gpu<wbr>Bind<wbr>Group<wbr>Layout</h3>
 					<div class="tsd-signature tsd-kind-icon">gpu<wbr>Bind<wbr>Group<wbr>Layout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUBindGroupLayout</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/BindGroupLayout.ts#L6">src/core/BindGroupLayout.ts:6</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BindGroupLayout.ts#L7">core/BindGroupLayout.ts:7</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -152,7 +152,7 @@ <h3>gpu<wbr>Bind<wbr>Group<wbr>Layout</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="getbindgroupsize" class="tsd-anchor"></a>
+					<a name="getBindGroupSize" class="tsd-anchor"></a>
 					<h3>get<wbr>Bind<wbr>Group<wbr>Size</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">get<wbr>Bind<wbr>Group<wbr>Size<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
@@ -161,7 +161,7 @@ <h3>get<wbr>Bind<wbr>Group<wbr>Size</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/BindGroupLayout.ts#L26">src/core/BindGroupLayout.ts:26</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BindGroupLayout.ts#L27">core/BindGroupLayout.ts:27</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
@@ -169,22 +169,22 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="getbindingsize" class="tsd-anchor"></a>
+					<a name="getBindingSize" class="tsd-anchor"></a>
 					<h3>get<wbr>Binding<wbr>Size</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">get<wbr>Binding<wbr>Size<span class="tsd-signature-symbol">(</span>entry<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Binding<wbr>Size<span class="tsd-signature-symbol">(</span>entry<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/BindGroupLayout.ts#L40">src/core/BindGroupLayout.ts:40</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/BindGroupLayout.ts#L44">core/BindGroupLayout.ts:44</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>entry: <a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a></h5>
+									<h5>entry: <a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
@@ -200,7 +200,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_bindgrouplayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
+						<a href="../modules/core_BindGroupLayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
 					</li>
 				</ul>
 			</nav>
@@ -209,22 +209,22 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_bindgrouplayout.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_BindGroupLayout.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_bindgrouplayout.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_BindGroupLayout.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_bindgrouplayout.default.html#entries" class="tsd-kind-icon">entries</a>
+								<a href="core_BindGroupLayout.default.html#entries" class="tsd-kind-icon">entries</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_bindgrouplayout.default.html#gpubindgrouplayout" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group<wbr>Layout</a>
+								<a href="core_BindGroupLayout.default.html#gpuBindGroupLayout" class="tsd-kind-icon">gpu<wbr>Bind<wbr>Group<wbr>Layout</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_bindgrouplayout.default.html#getbindgroupsize" class="tsd-kind-icon">get<wbr>Bind<wbr>Group<wbr>Size</a>
+								<a href="core_BindGroupLayout.default.html#getBindGroupSize" class="tsd-kind-icon">get<wbr>Bind<wbr>Group<wbr>Size</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_bindgrouplayout.default.html#getbindingsize" class="tsd-kind-icon">get<wbr>Binding<wbr>Size</a>
+								<a href="core_BindGroupLayout.default.html#getBindingSize" class="tsd-kind-icon">get<wbr>Binding<wbr>Size</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_buffer.default.html b/docs/classes/core_buffer.default.html
index e684f53..8a1e3ee 100644
--- a/docs/classes/core_buffer.default.html
+++ b/docs/classes/core_buffer.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_buffer.html">core/Buffer</a>
+					<a href="../modules/core_Buffer.html">core/Buffer</a>
 				</li>
 				<li>
-					<a href="core_buffer.default.html">default</a>
+					<a href="core_Buffer.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,26 +83,26 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_buffer.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Buffer.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_buffer.default.html#gpubuffer" class="tsd-kind-icon">gpu<wbr>Buffer</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Buffer.default.html#gpuBuffer" class="tsd-kind-icon">gpu<wbr>Buffer</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#copytobuffer" class="tsd-kind-icon">copy<wbr>ToBuffer</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#copytotexture" class="tsd-kind-icon">copy<wbr>ToTexture</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#create" class="tsd-kind-icon">create</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#destroy" class="tsd-kind-icon">destroy</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#indexbuffer" class="tsd-kind-icon">index<wbr>Buffer</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#setsubdata" class="tsd-kind-icon">set<wbr>Sub<wbr>Data</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#uniformbuffer" class="tsd-kind-icon">uniform<wbr>Buffer</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_buffer.default.html#vertexbuffer" class="tsd-kind-icon">vertex<wbr>Buffer</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#copyToBuffer" class="tsd-kind-icon">copy<wbr>ToBuffer</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#copyToTexture" class="tsd-kind-icon">copy<wbr>ToTexture</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#create" class="tsd-kind-icon">create</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#destroy" class="tsd-kind-icon">destroy</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#indexBuffer" class="tsd-kind-icon">index<wbr>Buffer</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#setSubData" class="tsd-kind-icon">set<wbr>Sub<wbr>Data</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#uniformBuffer" class="tsd-kind-icon">uniform<wbr>Buffer</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Buffer.default.html#vertexBuffer" class="tsd-kind-icon">vertex<wbr>Buffer</a></li>
 							</ul>
 						</section>
 					</div>
@@ -114,13 +114,13 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 							</aside>
-							<h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -128,12 +128,12 @@ <h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="gpubuffer" class="tsd-anchor"></a>
+					<a name="gpuBuffer" class="tsd-anchor"></a>
 					<h3>gpu<wbr>Buffer</h3>
 					<div class="tsd-signature tsd-kind-icon">gpu<wbr>Buffer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUBuffer</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L5">src/core/Buffer.ts:5</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L5">core/Buffer.ts:5</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -141,7 +141,7 @@ <h3>gpu<wbr>Buffer</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="copytobuffer" class="tsd-anchor"></a>
+					<a name="copyToBuffer" class="tsd-anchor"></a>
 					<h3>copy<wbr>ToBuffer</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">copy<wbr>ToBuffer<span class="tsd-signature-symbol">(</span>srcBuffer<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GPUBuffer</span>, offset<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, byteCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
@@ -150,7 +150,7 @@ <h3>copy<wbr>ToBuffer</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L56">src/core/Buffer.ts:56</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L56">core/Buffer.ts:56</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -170,7 +170,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="copytotexture" class="tsd-anchor"></a>
+					<a name="copyToTexture" class="tsd-anchor"></a>
 					<h3>copy<wbr>ToTexture</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">copy<wbr>ToTexture<span class="tsd-signature-symbol">(</span>bytesPerRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, rowsPerImage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, destination<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GPUImageCopyTexture</span>, extent<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GPUExtent3D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
@@ -179,7 +179,7 @@ <h3>copy<wbr>ToTexture</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L72">src/core/Buffer.ts:72</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L72">core/Buffer.ts:72</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -205,13 +205,13 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 					<a name="create" class="tsd-anchor"></a>
 					<h3>create</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">create<span class="tsd-signature-symbol">(</span>usage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ArrayBufferView</span>, size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">create<span class="tsd-signature-symbol">(</span>usage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ArrayBufferView</span>, size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L7">src/core/Buffer.ts:7</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L7">core/Buffer.ts:7</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -226,7 +226,7 @@ <h5>data: <span class="tsd-signature-type">ArrayBufferView</span></h5>
 									<h5><span class="tsd-flag ts-flagOptional">Optional</span> size: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -240,7 +240,7 @@ <h3>destroy</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L91">src/core/Buffer.ts:91</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L91">core/Buffer.ts:91</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -248,16 +248,16 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="indexbuffer" class="tsd-anchor"></a>
+					<a name="indexBuffer" class="tsd-anchor"></a>
 					<h3>index<wbr>Buffer</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">index<wbr>Buffer<span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ArrayBufferView</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">index<wbr>Buffer<span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ArrayBufferView</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L25">src/core/Buffer.ts:25</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L25">core/Buffer.ts:25</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -266,12 +266,12 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>data: <span class="tsd-signature-type">ArrayBufferView</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="setsubdata" class="tsd-anchor"></a>
+					<a name="setSubData" class="tsd-anchor"></a>
 					<h3>set<wbr>Sub<wbr>Data</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">set<wbr>Sub<wbr>Data<span class="tsd-signature-symbol">(</span>offset<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ArrayBufferView</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
@@ -280,7 +280,7 @@ <h3>set<wbr>Sub<wbr>Data</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L38">src/core/Buffer.ts:38</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L38">core/Buffer.ts:38</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -297,16 +297,16 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="uniformbuffer" class="tsd-anchor"></a>
+					<a name="uniformBuffer" class="tsd-anchor"></a>
 					<h3>uniform<wbr>Buffer</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">uniform<wbr>Buffer<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">uniform<wbr>Buffer<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L29">src/core/Buffer.ts:29</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L29">core/Buffer.ts:29</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -315,21 +315,21 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>size: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="vertexbuffer" class="tsd-anchor"></a>
+					<a name="vertexBuffer" class="tsd-anchor"></a>
 					<h3>vertex<wbr>Buffer</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">vertex<wbr>Buffer<span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ArrayBufferView</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">vertex<wbr>Buffer<span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ArrayBufferView</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Buffer.ts#L21">src/core/Buffer.ts:21</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Buffer.ts#L21">core/Buffer.ts:21</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -338,7 +338,7 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>data: <span class="tsd-signature-type">ArrayBufferView</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -351,7 +351,7 @@ <h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_buffer.html">core/<wbr>Buffer</a>
+						<a href="../modules/core_Buffer.html">core/<wbr>Buffer</a>
 					</li>
 				</ul>
 			</nav>
@@ -360,37 +360,37 @@ <h4 class="tsd-returns-title">Returns <a href="core_buffer.default.html" class="
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_buffer.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Buffer.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_buffer.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Buffer.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_buffer.default.html#gpubuffer" class="tsd-kind-icon">gpu<wbr>Buffer</a>
+								<a href="core_Buffer.default.html#gpuBuffer" class="tsd-kind-icon">gpu<wbr>Buffer</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#copytobuffer" class="tsd-kind-icon">copy<wbr>ToBuffer</a>
+								<a href="core_Buffer.default.html#copyToBuffer" class="tsd-kind-icon">copy<wbr>ToBuffer</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#copytotexture" class="tsd-kind-icon">copy<wbr>ToTexture</a>
+								<a href="core_Buffer.default.html#copyToTexture" class="tsd-kind-icon">copy<wbr>ToTexture</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#create" class="tsd-kind-icon">create</a>
+								<a href="core_Buffer.default.html#create" class="tsd-kind-icon">create</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#destroy" class="tsd-kind-icon">destroy</a>
+								<a href="core_Buffer.default.html#destroy" class="tsd-kind-icon">destroy</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#indexbuffer" class="tsd-kind-icon">index<wbr>Buffer</a>
+								<a href="core_Buffer.default.html#indexBuffer" class="tsd-kind-icon">index<wbr>Buffer</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#setsubdata" class="tsd-kind-icon">set<wbr>Sub<wbr>Data</a>
+								<a href="core_Buffer.default.html#setSubData" class="tsd-kind-icon">set<wbr>Sub<wbr>Data</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#uniformbuffer" class="tsd-kind-icon">uniform<wbr>Buffer</a>
+								<a href="core_Buffer.default.html#uniformBuffer" class="tsd-kind-icon">uniform<wbr>Buffer</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_buffer.default.html#vertexbuffer" class="tsd-kind-icon">vertex<wbr>Buffer</a>
+								<a href="core_Buffer.default.html#vertexBuffer" class="tsd-kind-icon">vertex<wbr>Buffer</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_clock.default.html b/docs/classes/core_clock.default.html
index 8cb2524..1ecacaa 100644
--- a/docs/classes/core_clock.default.html
+++ b/docs/classes/core_clock.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_clock.html">core/Clock</a>
+					<a href="../modules/core_Clock.html">core/Clock</a>
 				</li>
 				<li>
-					<a href="core_clock.default.html">default</a>
+					<a href="core_Clock.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,23 +83,23 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_clock.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Clock.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_clock.default.html#prevtime" class="tsd-kind-icon">prev<wbr>Time</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_clock.default.html#starttime" class="tsd-kind-icon">start<wbr>Time</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_clock.default.html#time" class="tsd-kind-icon">time</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Clock.default.html#prevTime" class="tsd-kind-icon">prev<wbr>Time</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Clock.default.html#startTime" class="tsd-kind-icon">start<wbr>Time</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Clock.default.html#time" class="tsd-kind-icon">time</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_clock.default.html#getdelta" class="tsd-kind-icon">get<wbr>Delta</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_clock.default.html#reset" class="tsd-kind-icon">reset</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_clock.default.html#start" class="tsd-kind-icon">start</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Clock.default.html#getDelta" class="tsd-kind-icon">get<wbr>Delta</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Clock.default.html#reset" class="tsd-kind-icon">reset</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Clock.default.html#start" class="tsd-kind-icon">start</a></li>
 							</ul>
 						</section>
 					</div>
@@ -111,13 +111,13 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_clock.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Clock.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 							</aside>
-							<h4 class="tsd-returns-title">Returns <a href="core_clock.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Clock.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -125,22 +125,22 @@ <h4 class="tsd-returns-title">Returns <a href="core_clock.default.html" class="t
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="prevtime" class="tsd-anchor"></a>
+					<a name="prevTime" class="tsd-anchor"></a>
 					<h3>prev<wbr>Time</h3>
 					<div class="tsd-signature tsd-kind-icon">prev<wbr>Time<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Clock.ts#L3">src/core/Clock.ts:3</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Clock.ts#L3">core/Clock.ts:3</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="starttime" class="tsd-anchor"></a>
+					<a name="startTime" class="tsd-anchor"></a>
 					<h3>start<wbr>Time</h3>
 					<div class="tsd-signature tsd-kind-icon">start<wbr>Time<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Clock.ts#L2">src/core/Clock.ts:2</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Clock.ts#L2">core/Clock.ts:2</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -150,7 +150,7 @@ <h3>time</h3>
 					<div class="tsd-signature tsd-kind-icon">time<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Clock.ts#L4">src/core/Clock.ts:4</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Clock.ts#L4">core/Clock.ts:4</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -158,7 +158,7 @@ <h3>time</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="getdelta" class="tsd-anchor"></a>
+					<a name="getDelta" class="tsd-anchor"></a>
 					<h3>get<wbr>Delta</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">get<wbr>Delta<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
@@ -167,7 +167,7 @@ <h3>get<wbr>Delta</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Clock.ts#L17">src/core/Clock.ts:17</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Clock.ts#L17">core/Clock.ts:17</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
@@ -184,7 +184,7 @@ <h3>reset</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Clock.ts#L6">src/core/Clock.ts:6</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Clock.ts#L6">core/Clock.ts:6</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -201,7 +201,7 @@ <h3>start</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Clock.ts#L12">src/core/Clock.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Clock.ts#L12">core/Clock.ts:12</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -217,7 +217,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_clock.html">core/<wbr>Clock</a>
+						<a href="../modules/core_Clock.html">core/<wbr>Clock</a>
 					</li>
 				</ul>
 			</nav>
@@ -226,28 +226,28 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_clock.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Clock.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_clock.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Clock.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_clock.default.html#prevtime" class="tsd-kind-icon">prev<wbr>Time</a>
+								<a href="core_Clock.default.html#prevTime" class="tsd-kind-icon">prev<wbr>Time</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_clock.default.html#starttime" class="tsd-kind-icon">start<wbr>Time</a>
+								<a href="core_Clock.default.html#startTime" class="tsd-kind-icon">start<wbr>Time</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_clock.default.html#time" class="tsd-kind-icon">time</a>
+								<a href="core_Clock.default.html#time" class="tsd-kind-icon">time</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_clock.default.html#getdelta" class="tsd-kind-icon">get<wbr>Delta</a>
+								<a href="core_Clock.default.html#getDelta" class="tsd-kind-icon">get<wbr>Delta</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_clock.default.html#reset" class="tsd-kind-icon">reset</a>
+								<a href="core_Clock.default.html#reset" class="tsd-kind-icon">reset</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_clock.default.html#start" class="tsd-kind-icon">start</a>
+								<a href="core_Clock.default.html#start" class="tsd-kind-icon">start</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_command.default.html b/docs/classes/core_command.default.html
index e5aa58b..425ea67 100644
--- a/docs/classes/core_command.default.html
+++ b/docs/classes/core_command.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_command.html">core/Command</a>
+					<a href="../modules/core_Command.html">core/Command</a>
 				</li>
 				<li>
-					<a href="core_command.default.html">default</a>
+					<a href="core_Command.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,21 +83,21 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_command.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Command.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#bindgroups" class="tsd-kind-icon">bind<wbr>Groups</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#count" class="tsd-kind-icon">count</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#dispatch" class="tsd-kind-icon">dispatch</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#indexbuffer" class="tsd-kind-icon">index<wbr>Buffer</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#indexformat" class="tsd-kind-icon">index<wbr>Format</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#instances" class="tsd-kind-icon">instances</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#pass" class="tsd-kind-icon">pass</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#pipeline" class="tsd-kind-icon">pipeline</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_command.default.html#vertexbuffers" class="tsd-kind-icon">vertex<wbr>Buffers</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#bindGroups" class="tsd-kind-icon">bind<wbr>Groups</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#count" class="tsd-kind-icon">count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#dispatch" class="tsd-kind-icon">dispatch</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#indexBuffer" class="tsd-kind-icon">index<wbr>Buffer</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#indexFormat" class="tsd-kind-icon">index<wbr>Format</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#instances" class="tsd-kind-icon">instances</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#pass" class="tsd-kind-icon">pass</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#pipeline" class="tsd-kind-icon">pipeline</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Command.default.html#vertexBuffers" class="tsd-kind-icon">vertex<wbr>Buffers</a></li>
 							</ul>
 						</section>
 					</div>
@@ -109,22 +109,22 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><a href="core_command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><a href="core_Command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L20">src/core/Command.ts:20</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L22">core/Command.ts:22</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>options: <a href="core_command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
+									<h5>options: <a href="core_Command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -132,12 +132,12 @@ <h4 class="tsd-returns-title">Returns <a href="core_command.default.html" class=
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="bindgroups" class="tsd-anchor"></a>
+					<a name="bindGroups" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> bind<wbr>Groups</h3>
-					<div class="tsd-signature tsd-kind-icon">bind<wbr>Groups<span class="tsd-signature-symbol">:</span> <a href="core_bindgroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">bind<wbr>Groups<span class="tsd-signature-symbol">:</span> <a href="core_BindGroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L15">src/core/Command.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L15">core/Command.ts:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -147,7 +147,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> count</h3>
 					<div class="tsd-signature tsd-kind-icon">count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L17">src/core/Command.ts:17</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L17">core/Command.ts:17</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -157,27 +157,27 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> dispatch</h3>
 					<div class="tsd-signature tsd-kind-icon">dispatch<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L20">src/core/Command.ts:20</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L20">core/Command.ts:20</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="indexbuffer" class="tsd-anchor"></a>
+					<a name="indexBuffer" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> index<wbr>Buffer</h3>
-					<div class="tsd-signature tsd-kind-icon">index<wbr>Buffer<span class="tsd-signature-symbol">:</span> <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">index<wbr>Buffer<span class="tsd-signature-symbol">:</span> <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L13">src/core/Command.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L13">core/Command.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="indexformat" class="tsd-anchor"></a>
+					<a name="indexFormat" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> index<wbr>Format</h3>
 					<div class="tsd-signature tsd-kind-icon">index<wbr>Format<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUIndexFormat</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L14">src/core/Command.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L14">core/Command.ts:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -187,37 +187,37 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> instances</h3>
 					<div class="tsd-signature tsd-kind-icon">instances<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L18">src/core/Command.ts:18</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L18">core/Command.ts:18</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="pass" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> pass</h3>
-					<div class="tsd-signature tsd-kind-icon">pass<span class="tsd-signature-symbol">:</span> <a href="core_pass.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">pass<span class="tsd-signature-symbol">:</span> <a href="core_Pass.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L9">src/core/Command.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L9">core/Command.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="pipeline" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> pipeline</h3>
-					<div class="tsd-signature tsd-kind-icon">pipeline<span class="tsd-signature-symbol">:</span> <a href="core_pipeline.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">pipeline<span class="tsd-signature-symbol">:</span> <a href="core_Pipeline.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L10">src/core/Command.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L10">core/Command.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="vertexbuffers" class="tsd-anchor"></a>
+					<a name="vertexBuffers" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> vertex<wbr>Buffers</h3>
-					<div class="tsd-signature tsd-kind-icon">vertex<wbr>Buffers<span class="tsd-signature-symbol">:</span> <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">vertex<wbr>Buffers<span class="tsd-signature-symbol">:</span> <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Command.ts#L12">src/core/Command.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Command.ts#L12">core/Command.ts:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -230,7 +230,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> vertex<wbr>Buffers</h
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_command.html">core/<wbr>Command</a>
+						<a href="../modules/core_Command.html">core/<wbr>Command</a>
 					</li>
 				</ul>
 			</nav>
@@ -239,37 +239,37 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> vertex<wbr>Buffers</h
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_command.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Command.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_command.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Command.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#bindgroups" class="tsd-kind-icon">bind<wbr>Groups</a>
+								<a href="core_Command.default.html#bindGroups" class="tsd-kind-icon">bind<wbr>Groups</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#count" class="tsd-kind-icon">count</a>
+								<a href="core_Command.default.html#count" class="tsd-kind-icon">count</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#dispatch" class="tsd-kind-icon">dispatch</a>
+								<a href="core_Command.default.html#dispatch" class="tsd-kind-icon">dispatch</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#indexbuffer" class="tsd-kind-icon">index<wbr>Buffer</a>
+								<a href="core_Command.default.html#indexBuffer" class="tsd-kind-icon">index<wbr>Buffer</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#indexformat" class="tsd-kind-icon">index<wbr>Format</a>
+								<a href="core_Command.default.html#indexFormat" class="tsd-kind-icon">index<wbr>Format</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#instances" class="tsd-kind-icon">instances</a>
+								<a href="core_Command.default.html#instances" class="tsd-kind-icon">instances</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#pass" class="tsd-kind-icon">pass</a>
+								<a href="core_Command.default.html#pass" class="tsd-kind-icon">pass</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#pipeline" class="tsd-kind-icon">pipeline</a>
+								<a href="core_Command.default.html#pipeline" class="tsd-kind-icon">pipeline</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_command.default.html#vertexbuffers" class="tsd-kind-icon">vertex<wbr>Buffers</a>
+								<a href="core_Command.default.html#vertexBuffers" class="tsd-kind-icon">vertex<wbr>Buffers</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_context.default.html b/docs/classes/core_context.default.html
index e11866d..20ea184 100644
--- a/docs/classes/core_context.default.html
+++ b/docs/classes/core_context.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_context.html">core/Context</a>
+					<a href="../modules/core_Context.html">core/Context</a>
 				</li>
 				<li>
-					<a href="core_context.default.html">default</a>
+					<a href="core_Context.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,27 +83,27 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_context.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Context.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_context.default.html#adapter" class="tsd-kind-icon">adapter</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_context.default.html#canvas" class="tsd-kind-icon">canvas</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_context.default.html#commandencoder" class="tsd-kind-icon">command<wbr>Encoder</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_context.default.html#context" class="tsd-kind-icon">context</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_context.default.html#defaultdepthstencilattachment" class="tsd-kind-icon">default<wbr>Depth<wbr>Stencil<wbr>Attachment</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_context.default.html#passencoder" class="tsd-kind-icon">pass<wbr>Encoder</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_Context.default.html#adapter" class="tsd-kind-icon">adapter</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Context.default.html#canvas" class="tsd-kind-icon">canvas</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_Context.default.html#commandEncoder" class="tsd-kind-icon">command<wbr>Encoder</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Context.default.html#context" class="tsd-kind-icon">context</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_Context.default.html#defaultDepthStencilAttachment" class="tsd-kind-icon">default<wbr>Depth<wbr>Stencil<wbr>Attachment</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_Context.default.html#passEncoder" class="tsd-kind-icon">pass<wbr>Encoder</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_context.default.html#init" class="tsd-kind-icon">init</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_context.default.html#render" class="tsd-kind-icon">render</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_context.default.html#resize" class="tsd-kind-icon">resize</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_context.default.html#submit" class="tsd-kind-icon">submit</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Context.default.html#init" class="tsd-kind-icon">init</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Context.default.html#render" class="tsd-kind-icon">render</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Context.default.html#resize" class="tsd-kind-icon">resize</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Context.default.html#submit" class="tsd-kind-icon">submit</a></li>
 							</ul>
 						</section>
 					</div>
@@ -115,22 +115,22 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">?: </span><a href="../interfaces/types.contextoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ContextOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_context.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">?: </span><a href="../interfaces/types.ContextOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ContextOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Context.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L16">src/core/Context.ts:16</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L18">core/Context.ts:18</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>__namedParameters: <a href="../interfaces/types.contextoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ContextOptions</a><span class="tsd-signature-symbol"> = {}</span></h5>
+									<h5>__namedParameters: <a href="../interfaces/types.ContextOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ContextOptions</a><span class="tsd-signature-symbol"> = {}</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_context.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Context.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -143,7 +143,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> adapter</h3>
 					<div class="tsd-signature tsd-kind-icon">adapter<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUAdapter</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L11">src/core/Context.ts:11</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L11">core/Context.ts:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -153,17 +153,17 @@ <h3>canvas</h3>
 					<div class="tsd-signature tsd-kind-icon">canvas<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLCanvasElement</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L8">src/core/Context.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L8">core/Context.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
-					<a name="commandencoder" class="tsd-anchor"></a>
+					<a name="commandEncoder" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagPrivate">Private</span> command<wbr>Encoder</h3>
 					<div class="tsd-signature tsd-kind-icon">command<wbr>Encoder<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUCommandEncoder</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L13">src/core/Context.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L13">core/Context.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -173,27 +173,27 @@ <h3>context</h3>
 					<div class="tsd-signature tsd-kind-icon">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUCanvasContext</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L9">src/core/Context.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L9">core/Context.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
-					<a name="defaultdepthstencilattachment" class="tsd-anchor"></a>
+					<a name="defaultDepthStencilAttachment" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagPrivate">Private</span> default<wbr>Depth<wbr>Stencil<wbr>Attachment</h3>
 					<div class="tsd-signature tsd-kind-icon">default<wbr>Depth<wbr>Stencil<wbr>Attachment<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUTextureView</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L16">src/core/Context.ts:16</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L16">core/Context.ts:16</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
-					<a name="passencoder" class="tsd-anchor"></a>
+					<a name="passEncoder" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagPrivate">Private</span> pass<wbr>Encoder</h3>
 					<div class="tsd-signature tsd-kind-icon">pass<wbr>Encoder<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPURenderPassEncoder</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">GPUComputePassEncoder</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L14">src/core/Context.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L14">core/Context.ts:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -210,7 +210,7 @@ <h3>init</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L24">src/core/Context.ts:24</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L24">core/Context.ts:24</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -248,7 +248,7 @@ <h3>render</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L189">src/core/Context.ts:189</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L189">core/Context.ts:189</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -283,7 +283,7 @@ <h3>resize</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L66">src/core/Context.ts:66</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L66">core/Context.ts:66</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -308,19 +308,19 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 					<a name="submit" class="tsd-anchor"></a>
 					<h3>submit</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">submit<span class="tsd-signature-symbol">(</span>command<span class="tsd-signature-symbol">: </span><a href="core_command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>, subcommand<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
+						<li class="tsd-signature tsd-kind-icon">submit<span class="tsd-signature-symbol">(</span>command<span class="tsd-signature-symbol">: </span><a href="core_Command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>, subcommand<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Context.ts#L98">src/core/Context.ts:98</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Context.ts#L98">core/Context.ts:98</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>command: <a href="core_command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
+									<h5>command: <a href="core_Command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
 								</li>
 								<li>
 									<h5><span class="tsd-flag ts-flagOptional">Optional</span> subcommand: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">unknown</span></h5>
@@ -351,7 +351,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_context.html">core/<wbr>Context</a>
+						<a href="../modules/core_Context.html">core/<wbr>Context</a>
 					</li>
 				</ul>
 			</nav>
@@ -360,40 +360,40 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_context.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Context.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_context.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Context.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
-								<a href="core_context.default.html#adapter" class="tsd-kind-icon">adapter</a>
+								<a href="core_Context.default.html#adapter" class="tsd-kind-icon">adapter</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_context.default.html#canvas" class="tsd-kind-icon">canvas</a>
+								<a href="core_Context.default.html#canvas" class="tsd-kind-icon">canvas</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
-								<a href="core_context.default.html#commandencoder" class="tsd-kind-icon">command<wbr>Encoder</a>
+								<a href="core_Context.default.html#commandEncoder" class="tsd-kind-icon">command<wbr>Encoder</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_context.default.html#context" class="tsd-kind-icon">context</a>
+								<a href="core_Context.default.html#context" class="tsd-kind-icon">context</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
-								<a href="core_context.default.html#defaultdepthstencilattachment" class="tsd-kind-icon">default<wbr>Depth<wbr>Stencil<wbr>Attachment</a>
+								<a href="core_Context.default.html#defaultDepthStencilAttachment" class="tsd-kind-icon">default<wbr>Depth<wbr>Stencil<wbr>Attachment</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
-								<a href="core_context.default.html#passencoder" class="tsd-kind-icon">pass<wbr>Encoder</a>
+								<a href="core_Context.default.html#passEncoder" class="tsd-kind-icon">pass<wbr>Encoder</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_context.default.html#init" class="tsd-kind-icon">init</a>
+								<a href="core_Context.default.html#init" class="tsd-kind-icon">init</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_context.default.html#render" class="tsd-kind-icon">render</a>
+								<a href="core_Context.default.html#render" class="tsd-kind-icon">render</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_context.default.html#resize" class="tsd-kind-icon">resize</a>
+								<a href="core_Context.default.html#resize" class="tsd-kind-icon">resize</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_context.default.html#submit" class="tsd-kind-icon">submit</a>
+								<a href="core_Context.default.html#submit" class="tsd-kind-icon">submit</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_pass.default.html b/docs/classes/core_pass.default.html
index 401b1bd..83e5494 100644
--- a/docs/classes/core_pass.default.html
+++ b/docs/classes/core_pass.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_pass.html">core/Pass</a>
+					<a href="../modules/core_Pass.html">core/Pass</a>
 				</li>
 				<li>
-					<a href="core_pass.default.html">default</a>
+					<a href="core_Pass.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,22 +83,22 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_pass.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Pass.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_pass.default.html#colorattachments" class="tsd-kind-icon">color<wbr>Attachments</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_pass.default.html#depthattachment" class="tsd-kind-icon">depth<wbr>Attachment</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_pass.default.html#stencilattachment" class="tsd-kind-icon">stencil<wbr>Attachment</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_pass.default.html#type" class="tsd-kind-icon">type</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Pass.default.html#colorAttachments" class="tsd-kind-icon">color<wbr>Attachments</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Pass.default.html#depthAttachment" class="tsd-kind-icon">depth<wbr>Attachment</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Pass.default.html#stencilAttachment" class="tsd-kind-icon">stencil<wbr>Attachment</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Pass.default.html#type" class="tsd-kind-icon">type</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Accessors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core_pass.default.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core_Pass.default.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
 							</ul>
 						</section>
 					</div>
@@ -110,31 +110,31 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><a href="../modules/types.html#passtype" class="tsd-signature-type" data-tsd-kind="Type alias">PassType</a>, colorAttachments<span class="tsd-signature-symbol">?: </span><a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, depthAttachment<span class="tsd-signature-symbol">?: </span><a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>, stencilAttachment<span class="tsd-signature-symbol">?: </span><a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_pass.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><a href="../modules/types.html#PassType" class="tsd-signature-type" data-tsd-kind="Type alias">PassType</a>, colorAttachments<span class="tsd-signature-symbol">?: </span><a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, depthAttachment<span class="tsd-signature-symbol">?: </span><a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>, stencilAttachment<span class="tsd-signature-symbol">?: </span><a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Pass.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pass.ts#L4">src/core/Pass.ts:4</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pass.ts#L5">core/Pass.ts:5</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>type: <a href="../modules/types.html#passtype" class="tsd-signature-type" data-tsd-kind="Type alias">PassType</a></h5>
+									<h5>type: <a href="../modules/types.html#PassType" class="tsd-signature-type" data-tsd-kind="Type alias">PassType</a></h5>
 								</li>
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> colorAttachments: <a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> colorAttachments: <a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
 								</li>
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> depthAttachment: <a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> depthAttachment: <a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
 								</li>
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> stencilAttachment: <a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> stencilAttachment: <a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_pass.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Pass.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -142,30 +142,30 @@ <h4 class="tsd-returns-title">Returns <a href="core_pass.default.html" class="ts
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="colorattachments" class="tsd-anchor"></a>
+					<a name="colorAttachments" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> color<wbr>Attachments</h3>
-					<div class="tsd-signature tsd-kind-icon">color<wbr>Attachments<span class="tsd-signature-symbol">:</span> <a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">color<wbr>Attachments<span class="tsd-signature-symbol">:</span> <a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="depthattachment" class="tsd-anchor"></a>
+					<a name="depthAttachment" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> depth<wbr>Attachment</h3>
-					<div class="tsd-signature tsd-kind-icon">depth<wbr>Attachment<span class="tsd-signature-symbol">:</span> <a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">depth<wbr>Attachment<span class="tsd-signature-symbol">:</span> <a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="stencilattachment" class="tsd-anchor"></a>
+					<a name="stencilAttachment" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> stencil<wbr>Attachment</h3>
-					<div class="tsd-signature tsd-kind-icon">stencil<wbr>Attachment<span class="tsd-signature-symbol">:</span> <a href="core_attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">stencil<wbr>Attachment<span class="tsd-signature-symbol">:</span> <a href="core_Attachment.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="type" class="tsd-anchor"></a>
 					<h3>type</h3>
-					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#passtype" class="tsd-signature-type" data-tsd-kind="Type alias">PassType</a></div>
+					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#PassType" class="tsd-signature-type" data-tsd-kind="Type alias">PassType</a></div>
 					<aside class="tsd-sources">
 					</aside>
 				</section>
@@ -182,7 +182,7 @@ <h3>descriptor</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pass.ts#L12">src/core/Pass.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pass.ts#L12">core/Pass.ts:12</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">GPURenderPassDescriptor</span></h4>
@@ -198,7 +198,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">GPURender
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_pass.html">core/<wbr>Pass</a>
+						<a href="../modules/core_Pass.html">core/<wbr>Pass</a>
 					</li>
 				</ul>
 			</nav>
@@ -207,25 +207,25 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">GPURender
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_pass.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Pass.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_pass.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Pass.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_pass.default.html#colorattachments" class="tsd-kind-icon">color<wbr>Attachments</a>
+								<a href="core_Pass.default.html#colorAttachments" class="tsd-kind-icon">color<wbr>Attachments</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_pass.default.html#depthattachment" class="tsd-kind-icon">depth<wbr>Attachment</a>
+								<a href="core_Pass.default.html#depthAttachment" class="tsd-kind-icon">depth<wbr>Attachment</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_pass.default.html#stencilattachment" class="tsd-kind-icon">stencil<wbr>Attachment</a>
+								<a href="core_Pass.default.html#stencilAttachment" class="tsd-kind-icon">stencil<wbr>Attachment</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_pass.default.html#type" class="tsd-kind-icon">type</a>
+								<a href="core_Pass.default.html#type" class="tsd-kind-icon">type</a>
 							</li>
 							<li class=" tsd-kind-get-signature tsd-parent-kind-class">
-								<a href="core_pass.default.html#descriptor" class="tsd-kind-icon">descriptor</a>
+								<a href="core_Pass.default.html#descriptor" class="tsd-kind-icon">descriptor</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_pipeline.default.html b/docs/classes/core_pipeline.default.html
index cf99d6a..8e7d11a 100644
--- a/docs/classes/core_pipeline.default.html
+++ b/docs/classes/core_pipeline.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_pipeline.html">core/Pipeline</a>
+					<a href="../modules/core_Pipeline.html">core/Pipeline</a>
 				</li>
 				<li>
-					<a href="core_pipeline.default.html">default</a>
+					<a href="core_Pipeline.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -72,7 +72,7 @@ <h1>Class default</h1>
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<span class="tsd-signature-type">PipelineOptions</span>
+						<a href="../interfaces/types.PipelineOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">PipelineOptions</a>
 						<ul class="tsd-hierarchy">
 							<li>
 								<span class="target">default</span>
@@ -88,29 +88,35 @@ <h2>Index</h2>
 						<section class="tsd-index-section tsd-is-inherited">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#bindgrouplayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#fragmentouts" class="tsd-kind-icon">fragment<wbr>Outs</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_pipeline.default.html#gpupipeline" class="tsd-kind-icon">gpu<wbr>Pipeline</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#ins" class="tsd-kind-icon">ins</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#outs" class="tsd-kind-icon">outs</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_pipeline.default.html#program" class="tsd-kind-icon">program</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#stepmode" class="tsd-kind-icon">step<wbr>Mode</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#structs" class="tsd-kind-icon">structs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#bindGroupLayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#fragmentOuts" class="tsd-kind-icon">fragment<wbr>Outs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#fragmentTargets" class="tsd-kind-icon">fragment<wbr>Targets</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Pipeline.default.html#gpuPipeline" class="tsd-kind-icon">gpu<wbr>Pipeline</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#ins" class="tsd-kind-icon">ins</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#language" class="tsd-kind-icon">language</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#outs" class="tsd-kind-icon">outs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Pipeline.default.html#program" class="tsd-kind-icon">program</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#stepMode" class="tsd-kind-icon">step<wbr>Mode</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#structs" class="tsd-kind-icon">structs</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section tsd-is-inherited">
+						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#compute" class="tsd-kind-icon">compute</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#fragment" class="tsd-kind-icon">fragment</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_pipeline.default.html#vertex" class="tsd-kind-icon">vertex</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#compute" class="tsd-kind-icon">compute</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#computeBody" class="tsd-kind-icon">compute<wbr>Body</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#fragment" class="tsd-kind-icon">fragment</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#fragmentBody" class="tsd-kind-icon">fragment<wbr>Body</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Pipeline.default.html#init" class="tsd-kind-icon">init</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#vertex" class="tsd-kind-icon">vertex</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Pipeline.default.html#vertexBody" class="tsd-kind-icon">vertex<wbr>Body</a></li>
 							</ul>
 						</section>
 					</div>
@@ -122,23 +128,23 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PipelineOptions</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_pipeline.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.PipelineOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">PipelineOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Pipeline.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<p>Inherited from PipelineOptions.constructor</p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L55">src/core/Pipeline.ts:55</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pipeline.ts#L64">core/Pipeline.ts:64</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>options: <span class="tsd-signature-type">PipelineOptions</span></h5>
+									<h5>options: <a href="../interfaces/types.PipelineOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">PipelineOptions</a></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_pipeline.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Pipeline.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -146,13 +152,13 @@ <h4 class="tsd-returns-title">Returns <a href="core_pipeline.default.html" class
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-					<a name="bindgrouplayouts" class="tsd-anchor"></a>
+					<a name="bindGroupLayouts" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> bind<wbr>Group<wbr>Layouts</h3>
-					<div class="tsd-signature tsd-kind-icon">bind<wbr>Group<wbr>Layouts<span class="tsd-signature-symbol">:</span> <a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">bind<wbr>Group<wbr>Layouts<span class="tsd-signature-symbol">:</span> <a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.bindGroupLayouts</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#bindGroupLayouts">bindGroupLayouts</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L39">src/core/Pipeline.ts:39</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L99">types.ts:99</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -161,96 +167,126 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> bind<wbr>Group<wbr>La
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> descriptor</h3>
 					<div class="tsd-signature tsd-kind-icon">descriptor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">GPURenderPipelineDescriptor</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.descriptor</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L44">src/core/Pipeline.ts:44</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L105">types.ts:105</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-					<a name="fragmentouts" class="tsd-anchor"></a>
+					<a name="fragmentOuts" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> fragment<wbr>Outs</h3>
-					<div class="tsd-signature tsd-kind-icon">fragment<wbr>Outs<span class="tsd-signature-symbol">:</span> <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">fragment<wbr>Outs<span class="tsd-signature-symbol">:</span> <a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#fragmentOuts">fragmentOuts</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L103">types.ts:103</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="fragmentTargets" class="tsd-anchor"></a>
+					<h3>fragment<wbr>Targets</h3>
+					<div class="tsd-signature tsd-kind-icon">fragment<wbr>Targets<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUColorTargetState</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.fragmentOuts</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#fragmentTargets">fragmentTargets</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L43">src/core/Pipeline.ts:43</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pipeline.ts#L46">core/Pipeline.ts:46</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="gpupipeline" class="tsd-anchor"></a>
+					<a name="gpuPipeline" class="tsd-anchor"></a>
 					<h3>gpu<wbr>Pipeline</h3>
 					<div class="tsd-signature tsd-kind-icon">gpu<wbr>Pipeline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUPipelineBase</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L54">src/core/Pipeline.ts:54</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pipeline.ts#L43">core/Pipeline.ts:43</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="ins" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> ins</h3>
-					<div class="tsd-signature tsd-kind-icon">ins<span class="tsd-signature-symbol">:</span> <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PipelineVertexBufferIns</span><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">ins<span class="tsd-signature-symbol">:</span> <a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-signature-type" data-tsd-kind="Type alias">PipelineVertexBufferIns</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.ins</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#ins">ins</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L40">src/core/Pipeline.ts:40</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L100">types.ts:100</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="language" class="tsd-anchor"></a>
+					<h3>language</h3>
+					<div class="tsd-signature tsd-kind-icon">language<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#Language" class="tsd-signature-type" data-tsd-kind="Type alias">Language</a><span class="tsd-signature-symbol"> = &quot;wgsl&quot;</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#language">language</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pipeline.ts#L45">core/Pipeline.ts:45</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="outs" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> outs</h3>
-					<div class="tsd-signature tsd-kind-icon">outs<span class="tsd-signature-symbol">:</span> <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">outs<span class="tsd-signature-symbol">:</span> <a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.outs</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#outs">outs</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L41">src/core/Pipeline.ts:41</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L101">types.ts:101</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="program" class="tsd-anchor"></a>
 					<h3>program</h3>
-					<div class="tsd-signature tsd-kind-icon">program<span class="tsd-signature-symbol">:</span> <a href="core_program.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">program<span class="tsd-signature-symbol">:</span> <a href="core_Program.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L55">src/core/Pipeline.ts:55</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pipeline.ts#L44">core/Pipeline.ts:44</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-					<a name="stepmode" class="tsd-anchor"></a>
+					<a name="stepMode" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> step<wbr>Mode</h3>
 					<div class="tsd-signature tsd-kind-icon">step<wbr>Mode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUVertexStepMode</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.stepMode</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#stepMode">stepMode</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L45">src/core/Pipeline.ts:45</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L106">types.ts:106</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="structs" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> structs</h3>
-					<div class="tsd-signature tsd-kind-icon">structs<span class="tsd-signature-symbol">:</span> <a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">structs<span class="tsd-signature-symbol">:</span> <a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.structs</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#structs">structs</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Pipeline.ts#L42">src/core/Pipeline.ts:42</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L102">types.ts:102</a></li>
 						</ul>
 					</aside>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
+			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
 					<a name="compute" class="tsd-anchor"></a>
 					<h3>compute</h3>
 					<div class="tsd-signature tsd-kind-icon">compute<span class="tsd-signature-symbol">:</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.compute</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#compute">compute</a></p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="computeBody" class="tsd-anchor"></a>
+					<h3>compute<wbr>Body</h3>
+					<div class="tsd-signature tsd-kind-icon">compute<wbr>Body<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#computeBody">computeBody</a></p>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
@@ -258,15 +294,48 @@ <h3>compute</h3>
 					<h3>fragment</h3>
 					<div class="tsd-signature tsd-kind-icon">fragment<span class="tsd-signature-symbol">:</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.fragment</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#fragment">fragment</a></p>
 					</aside>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="fragmentBody" class="tsd-anchor"></a>
+					<h3>fragment<wbr>Body</h3>
+					<div class="tsd-signature tsd-kind-icon">fragment<wbr>Body<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#fragmentBody">fragmentBody</a></p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="init" class="tsd-anchor"></a>
+					<h3>init</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">init<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Pipeline.ts#L70">core/Pipeline.ts:70</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
+						</li>
+					</ul>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
 					<a name="vertex" class="tsd-anchor"></a>
 					<h3>vertex</h3>
 					<div class="tsd-signature tsd-kind-icon">vertex<span class="tsd-signature-symbol">:</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from PipelineOptions.vertex</p>
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#vertex">vertex</a></p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="vertexBody" class="tsd-anchor"></a>
+					<h3>vertex<wbr>Body</h3>
+					<div class="tsd-signature tsd-kind-icon">vertex<wbr>Body<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.PipelineOptions.html">PipelineOptions</a>.<a href="../interfaces/types.PipelineOptions.html#vertexBody">vertexBody</a></p>
 					</aside>
 				</section>
 			</section>
@@ -278,7 +347,7 @@ <h3>vertex</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_pipeline.html">core/<wbr>Pipeline</a>
+						<a href="../modules/core_Pipeline.html">core/<wbr>Pipeline</a>
 					</li>
 				</ul>
 			</nav>
@@ -287,46 +356,64 @@ <h3>vertex</h3>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_pipeline.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Pipeline.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Pipeline.default.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Pipeline.default.html#bindGroupLayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#bindgrouplayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a>
+								<a href="core_Pipeline.default.html#descriptor" class="tsd-kind-icon">descriptor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#descriptor" class="tsd-kind-icon">descriptor</a>
+								<a href="core_Pipeline.default.html#fragmentOuts" class="tsd-kind-icon">fragment<wbr>Outs</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#fragmentouts" class="tsd-kind-icon">fragment<wbr>Outs</a>
+								<a href="core_Pipeline.default.html#fragmentTargets" class="tsd-kind-icon">fragment<wbr>Targets</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_pipeline.default.html#gpupipeline" class="tsd-kind-icon">gpu<wbr>Pipeline</a>
+								<a href="core_Pipeline.default.html#gpuPipeline" class="tsd-kind-icon">gpu<wbr>Pipeline</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#ins" class="tsd-kind-icon">ins</a>
+								<a href="core_Pipeline.default.html#ins" class="tsd-kind-icon">ins</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#outs" class="tsd-kind-icon">outs</a>
+								<a href="core_Pipeline.default.html#language" class="tsd-kind-icon">language</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Pipeline.default.html#outs" class="tsd-kind-icon">outs</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_pipeline.default.html#program" class="tsd-kind-icon">program</a>
+								<a href="core_Pipeline.default.html#program" class="tsd-kind-icon">program</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#stepmode" class="tsd-kind-icon">step<wbr>Mode</a>
+								<a href="core_Pipeline.default.html#stepMode" class="tsd-kind-icon">step<wbr>Mode</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#structs" class="tsd-kind-icon">structs</a>
+								<a href="core_Pipeline.default.html#structs" class="tsd-kind-icon">structs</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Pipeline.default.html#compute" class="tsd-kind-icon">compute</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Pipeline.default.html#computeBody" class="tsd-kind-icon">compute<wbr>Body</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#compute" class="tsd-kind-icon">compute</a>
+								<a href="core_Pipeline.default.html#fragment" class="tsd-kind-icon">fragment</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#fragment" class="tsd-kind-icon">fragment</a>
+								<a href="core_Pipeline.default.html#fragmentBody" class="tsd-kind-icon">fragment<wbr>Body</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Pipeline.default.html#init" class="tsd-kind-icon">init</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_pipeline.default.html#vertex" class="tsd-kind-icon">vertex</a>
+								<a href="core_Pipeline.default.html#vertex" class="tsd-kind-icon">vertex</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Pipeline.default.html#vertexBody" class="tsd-kind-icon">vertex<wbr>Body</a>
 							</li>
 						</ul>
 					</li>
@@ -346,15 +433,16 @@ <h2>Legend</h2>
 				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
 				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
 			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
 			<ul class="tsd-legend">
 				<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
 				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
 				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
 			</ul>
-			<ul class="tsd-legend">
-				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
-				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
-			</ul>
 			<ul class="tsd-legend">
 				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
 			</ul>
diff --git a/docs/classes/core_program.default.html b/docs/classes/core_program.default.html
index 5f1b174..eda3432 100644
--- a/docs/classes/core_program.default.html
+++ b/docs/classes/core_program.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_program.html">core/Program</a>
+					<a href="../modules/core_Program.html">core/Program</a>
 				</li>
 				<li>
-					<a href="core_program.default.html">default</a>
+					<a href="core_Program.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,21 +83,25 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_program.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Program.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_program.default.html#bindgrouplayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_program.default.html#shaders" class="tsd-kind-icon">shaders</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Program.default.html#bindGroupLayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Program.default.html#language" class="tsd-kind-icon">language</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Program.default.html#shaders" class="tsd-kind-icon">shaders</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_program.default.html#getglslheaders" class="tsd-kind-icon">getGLSLHeaders</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_program.default.html#init" class="tsd-kind-icon">init</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Program.default.html#getGLSLBufferString" class="tsd-kind-icon">getGLSLBuffer<wbr>String</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Program.default.html#getGLSLHeaders" class="tsd-kind-icon">getGLSLHeaders</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Program.default.html#getWGSLBufferString" class="tsd-kind-icon">getWGSLBuffer<wbr>String</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Program.default.html#getWGSLHeaders" class="tsd-kind-icon">getWGSLHeaders</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Program.default.html#init" class="tsd-kind-icon">init</a></li>
 							</ul>
 						</section>
 					</div>
@@ -109,27 +113,30 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>bindGroupLayouts<span class="tsd-signature-symbol">: </span><a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, shaders<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_program.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>bindGroupLayouts<span class="tsd-signature-symbol">: </span><a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, shaders<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span>, language<span class="tsd-signature-symbol">: </span><a href="../modules/types.html#Language" class="tsd-signature-type" data-tsd-kind="Type alias">Language</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Program.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Program.ts#L14">src/core/Program.ts:14</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Program.ts#L27">core/Program.ts:27</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>bindGroupLayouts: <a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
+									<h5>bindGroupLayouts: <a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
 								</li>
 								<li>
 									<h5>shaders: <span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h5>
 									<ul class="tsd-parameters">
 									</ul>
 								</li>
+								<li>
+									<h5>language: <a href="../modules/types.html#Language" class="tsd-signature-type" data-tsd-kind="Type alias">Language</a></h5>
+								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_program.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Program.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -137,9 +144,16 @@ <h4 class="tsd-returns-title">Returns <a href="core_program.default.html" class=
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="bindgrouplayouts" class="tsd-anchor"></a>
+					<a name="bindGroupLayouts" class="tsd-anchor"></a>
 					<h3>bind<wbr>Group<wbr>Layouts</h3>
-					<div class="tsd-signature tsd-kind-icon">bind<wbr>Group<wbr>Layouts<span class="tsd-signature-symbol">:</span> <a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">bind<wbr>Group<wbr>Layouts<span class="tsd-signature-symbol">:</span> <a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="language" class="tsd-anchor"></a>
+					<h3>language</h3>
+					<div class="tsd-signature tsd-kind-icon">language<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#Language" class="tsd-signature-type" data-tsd-kind="Type alias">Language</a></div>
 					<aside class="tsd-sources">
 					</aside>
 				</section>
@@ -159,16 +173,54 @@ <h4>Type declaration</h4>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="getglslheaders" class="tsd-anchor"></a>
+					<a name="getGLSLBufferString" class="tsd-anchor"></a>
+					<h3>getGLSLBuffer<wbr>String</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getGLSLBuffer<wbr>String<span class="tsd-signature-symbol">(</span>binding<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a>, bindingIndex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, uniforms<span class="tsd-signature-symbol">: </span><a href="core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, set<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, bindingType<span class="tsd-signature-symbol">: </span><a href="../modules/types.html#GLSLStorageQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLStorageQualifier</a>, layoutQualifierString<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Program.ts#L197">core/Program.ts:197</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>binding: <a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a></h5>
+								</li>
+								<li>
+									<h5>bindingIndex: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5>uniforms: <a href="core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
+								</li>
+								<li>
+									<h5>set: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5>bindingType: <a href="../modules/types.html#GLSLStorageQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLStorageQualifier</a></h5>
+								</li>
+								<li>
+									<h5>layoutQualifierString: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getGLSLHeaders" class="tsd-anchor"></a>
 					<h3>getGLSLHeaders</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">getGLSLHeaders<span class="tsd-signature-symbol">(</span>set<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, entries<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></li>
+						<li class="tsd-signature tsd-kind-icon">getGLSLHeaders<span class="tsd-signature-symbol">(</span>set<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, entries<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Program.ts#L32">src/core/Program.ts:32</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Program.ts#L219">core/Program.ts:219</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -177,7 +229,73 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>set: <span class="tsd-signature-type">number</span></h5>
 								</li>
 								<li>
-									<h5>entries: <a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span></h5>
+									<h5>entries: <a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h4>
+							<ul class="tsd-parameters">
+							</ul>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getWGSLBufferString" class="tsd-anchor"></a>
+					<h3>getWGSLBuffer<wbr>String</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getWGSLBuffer<wbr>String<span class="tsd-signature-symbol">(</span>binding<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a>, bindingIndex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, uniforms<span class="tsd-signature-symbol">: </span><a href="core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, set<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, storageClass<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, accesMode<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Program.ts#L48">core/Program.ts:48</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>binding: <a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a></h5>
+								</li>
+								<li>
+									<h5>bindingIndex: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5>uniforms: <a href="core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
+								</li>
+								<li>
+									<h5>set: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5>storageClass: <span class="tsd-signature-type">string</span></h5>
+								</li>
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> accesMode: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getWGSLHeaders" class="tsd-anchor"></a>
+					<h3>getWGSLHeaders</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getWGSLHeaders<span class="tsd-signature-symbol">(</span>set<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, entries<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Program.ts#L66">core/Program.ts:66</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>set: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5>entries: <a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-signature-type" data-tsd-kind="Interface">BindGroupLayoutEntry</a><span class="tsd-signature-symbol">[]</span></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>compute<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>fragment<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>vertex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h4>
@@ -196,7 +314,7 @@ <h3>init</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Program.ts#L20">src/core/Program.ts:20</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Program.ts#L33">core/Program.ts:33</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -212,7 +330,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_program.html">core/<wbr>Program</a>
+						<a href="../modules/core_Program.html">core/<wbr>Program</a>
 					</li>
 				</ul>
 			</nav>
@@ -221,22 +339,34 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_program.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Program.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_program.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Program.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_program.default.html#bindgrouplayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a>
+								<a href="core_Program.default.html#bindGroupLayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_program.default.html#shaders" class="tsd-kind-icon">shaders</a>
+								<a href="core_Program.default.html#language" class="tsd-kind-icon">language</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="core_Program.default.html#shaders" class="tsd-kind-icon">shaders</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Program.default.html#getGLSLBufferString" class="tsd-kind-icon">getGLSLBuffer<wbr>String</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Program.default.html#getGLSLHeaders" class="tsd-kind-icon">getGLSLHeaders</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Program.default.html#getWGSLBufferString" class="tsd-kind-icon">getWGSLBuffer<wbr>String</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_program.default.html#getglslheaders" class="tsd-kind-icon">getGLSLHeaders</a>
+								<a href="core_Program.default.html#getWGSLHeaders" class="tsd-kind-icon">getWGSLHeaders</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_program.default.html#init" class="tsd-kind-icon">init</a>
+								<a href="core_Program.default.html#init" class="tsd-kind-icon">init</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_sampler.default.html b/docs/classes/core_sampler.default.html
index f177570..57ba552 100644
--- a/docs/classes/core_sampler.default.html
+++ b/docs/classes/core_sampler.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_sampler.html">core/Sampler</a>
+					<a href="../modules/core_Sampler.html">core/Sampler</a>
 				</li>
 				<li>
-					<a href="core_sampler.default.html">default</a>
+					<a href="core_Sampler.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,13 +83,13 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_sampler.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Sampler.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_sampler.default.html#gpusampler" class="tsd-kind-icon">gpu<wbr>Sampler</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Sampler.default.html#gpuSampler" class="tsd-kind-icon">gpu<wbr>Sampler</a></li>
 							</ul>
 						</section>
 					</div>
@@ -101,13 +101,13 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>descriptor<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">GPUSamplerDescriptor</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_sampler.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>descriptor<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">GPUSamplerDescriptor</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Sampler.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Sampler.ts#L4">src/core/Sampler.ts:4</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Sampler.ts#L6">core/Sampler.ts:6</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -116,7 +116,7 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>descriptor: <span class="tsd-signature-type">GPUSamplerDescriptor</span><span class="tsd-signature-symbol"> = ...</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_sampler.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Sampler.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -124,12 +124,12 @@ <h4 class="tsd-returns-title">Returns <a href="core_sampler.default.html" class=
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="gpusampler" class="tsd-anchor"></a>
+					<a name="gpuSampler" class="tsd-anchor"></a>
 					<h3>gpu<wbr>Sampler</h3>
 					<div class="tsd-signature tsd-kind-icon">gpu<wbr>Sampler<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUSampler</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Sampler.ts#L4">src/core/Sampler.ts:4</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Sampler.ts#L4">core/Sampler.ts:4</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -142,7 +142,7 @@ <h3>gpu<wbr>Sampler</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_sampler.html">core/<wbr>Sampler</a>
+						<a href="../modules/core_Sampler.html">core/<wbr>Sampler</a>
 					</li>
 				</ul>
 			</nav>
@@ -151,13 +151,13 @@ <h3>gpu<wbr>Sampler</h3>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_sampler.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Sampler.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_sampler.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Sampler.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_sampler.default.html#gpusampler" class="tsd-kind-icon">gpu<wbr>Sampler</a>
+								<a href="core_Sampler.default.html#gpuSampler" class="tsd-kind-icon">gpu<wbr>Sampler</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_shader.default.html b/docs/classes/core_shader.default.html
index 90c66f8..b966ae4 100644
--- a/docs/classes/core_shader.default.html
+++ b/docs/classes/core_shader.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_shader.html">core/Shader</a>
+					<a href="../modules/core_Shader.html">core/Shader</a>
 				</li>
 				<li>
-					<a href="core_shader.default.html">default</a>
+					<a href="core_Shader.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -72,7 +72,12 @@ <h1>Class default</h1>
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<span class="target">default</span>
+						<a href="../interfaces/types.ShaderOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ShaderOptions</a>
+						<ul class="tsd-hierarchy">
+							<li>
+								<span class="target">default</span>
+							</li>
+						</ul>
 					</li>
 				</ul>
 			</section>
@@ -80,103 +85,128 @@ <h3>Hierarchy</h3>
 				<h2>Index</h2>
 				<section class="tsd-panel tsd-index-panel">
 					<div class="tsd-index-content">
-						<section class="tsd-index-section ">
+						<section class="tsd-index-section tsd-is-inherited">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_shader.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_shader.default.html#body" class="tsd-kind-icon">body</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_shader.default.html#ins" class="tsd-kind-icon">ins</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_shader.default.html#outs" class="tsd-kind-icon">outs</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_shader.default.html#shadermodule" class="tsd-kind-icon">shader<wbr>Module</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_shader.default.html#source" class="tsd-kind-icon">source</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_shader.default.html#structs" class="tsd-kind-icon">structs</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_shader.default.html#type" class="tsd-kind-icon">type</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_shader.default.html#version" class="tsd-kind-icon">version</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#body" class="tsd-kind-icon">body</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#ins" class="tsd-kind-icon">ins</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#language" class="tsd-kind-icon">language</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#main" class="tsd-kind-icon">main</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#outs" class="tsd-kind-icon">outs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Shader.default.html#shaderModule" class="tsd-kind-icon">shader<wbr>Module</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="core_Shader.default.html#source" class="tsd-kind-icon">source</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#structs" class="tsd-kind-icon">structs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Shader.default.html#type" class="tsd-kind-icon">type</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_shader.default.html#getglslheaders" class="tsd-kind-icon">getGLSLHeaders</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_shader.default.html#init" class="tsd-kind-icon">init</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Shader.default.html#getGLSLHeaders" class="tsd-kind-icon">getGLSLHeaders</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Shader.default.html#getWGSLHeaders" class="tsd-kind-icon">getWGSLHeaders</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Shader.default.html#init" class="tsd-kind-icon">init</a></li>
 							</ul>
 						</section>
 					</div>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group ">
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Constructors</h2>
-				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited">
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
-					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><a href="../modules/types.html#glslshadertype" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLShaderType</a>, body<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, ins<span class="tsd-signature-symbol">?: </span><a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, outs<span class="tsd-signature-symbol">?: </span><a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span>, structs<span class="tsd-signature-symbol">?: </span><a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_shader.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><a href="../interfaces/types.ShaderOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ShaderOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Shader.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
+								<p>Inherited from ShaderOptions.constructor</p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Shader.ts#L12">src/core/Shader.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Shader.ts#L20">core/Shader.ts:20</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>type: <a href="../modules/types.html#glslshadertype" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLShaderType</a></h5>
-								</li>
-								<li>
-									<h5>body: <span class="tsd-signature-type">string</span></h5>
-								</li>
-								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> ins: <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
-								</li>
-								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> outs: <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
-								</li>
-								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> structs: <a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
+									<h5>options: <a href="../interfaces/types.ShaderOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ShaderOptions</a></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_shader.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Shader.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="body" class="tsd-anchor"></a>
-					<h3>body</h3>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> body</h3>
 					<div class="tsd-signature tsd-kind-icon">body<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.ShaderOptions.html">ShaderOptions</a>.<a href="../interfaces/types.ShaderOptions.html#body">body</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L113">types.ts:113</a></li>
+						</ul>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="ins" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> ins</h3>
-					<div class="tsd-signature tsd-kind-icon">ins<span class="tsd-signature-symbol">:</span> <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">ins<span class="tsd-signature-symbol">:</span> <a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.ShaderOptions.html">ShaderOptions</a>.<a href="../interfaces/types.ShaderOptions.html#ins">ins</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L114">types.ts:114</a></li>
+						</ul>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="language" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> language</h3>
+					<div class="tsd-signature tsd-kind-icon">language<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#Language" class="tsd-signature-type" data-tsd-kind="Type alias">Language</a></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.ShaderOptions.html">ShaderOptions</a>.<a href="../interfaces/types.ShaderOptions.html#language">language</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L117">types.ts:117</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="main" class="tsd-anchor"></a>
+					<h3>main</h3>
+					<div class="tsd-signature tsd-kind-icon">main<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.ShaderOptions.html">ShaderOptions</a>.<a href="../interfaces/types.ShaderOptions.html#main">main</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L112">types.ts:112</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="outs" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> outs</h3>
-					<div class="tsd-signature tsd-kind-icon">outs<span class="tsd-signature-symbol">:</span> <a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">outs<span class="tsd-signature-symbol">:</span> <a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.ShaderOptions.html">ShaderOptions</a>.<a href="../interfaces/types.ShaderOptions.html#outs">outs</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L115">types.ts:115</a></li>
+						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="shadermodule" class="tsd-anchor"></a>
+					<a name="shaderModule" class="tsd-anchor"></a>
 					<h3>shader<wbr>Module</h3>
 					<div class="tsd-signature tsd-kind-icon">shader<wbr>Module<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUShaderModule</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Shader.ts#L11">src/core/Shader.ts:11</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Shader.ts#L16">core/Shader.ts:16</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -186,31 +216,29 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> source</h3>
 					<div class="tsd-signature tsd-kind-icon">source<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Shader.ts#L12">src/core/Shader.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Shader.ts#L18">core/Shader.ts:18</a></li>
 						</ul>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="structs" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> structs</h3>
-					<div class="tsd-signature tsd-kind-icon">structs<span class="tsd-signature-symbol">:</span> <a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">structs<span class="tsd-signature-symbol">:</span> <a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.ShaderOptions.html">ShaderOptions</a>.<a href="../interfaces/types.ShaderOptions.html#structs">structs</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L116">types.ts:116</a></li>
+						</ul>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="type" class="tsd-anchor"></a>
 					<h3>type</h3>
-					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#glslshadertype" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLShaderType</a></div>
-					<aside class="tsd-sources">
-					</aside>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="version" class="tsd-anchor"></a>
-					<h3>version</h3>
-					<div class="tsd-signature tsd-kind-icon">version<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;#version 450&quot;</span></div>
+					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="../interfaces/types.ShaderOptions.html">ShaderOptions</a>.<a href="../interfaces/types.ShaderOptions.html#type">type</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Shader.ts#L9">src/core/Shader.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L111">types.ts:111</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -218,7 +246,7 @@ <h3>version</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="getglslheaders" class="tsd-anchor"></a>
+					<a name="getGLSLHeaders" class="tsd-anchor"></a>
 					<h3>getGLSLHeaders</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">getGLSLHeaders<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>ins<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>outs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>structs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></li>
@@ -227,7 +255,35 @@ <h3>getGLSLHeaders</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Shader.ts#L36">src/core/Shader.ts:36</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Shader.ts#L101">core/Shader.ts:101</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>ins<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>outs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>structs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h4>
+							<ul class="tsd-parameters">
+								<li class="tsd-parameter">
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> ins<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span></h5>
+								</li>
+								<li class="tsd-parameter">
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> outs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span></h5>
+								</li>
+								<li class="tsd-parameter">
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> structs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getWGSLHeaders" class="tsd-anchor"></a>
+					<h3>getWGSLHeaders</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getWGSLHeaders<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>ins<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>outs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>structs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Shader.ts#L55">core/Shader.ts:55</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>ins<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>outs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>structs<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h4>
@@ -255,7 +311,7 @@ <h3>init</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Shader.ts#L22">src/core/Shader.ts:22</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Shader.ts#L24">core/Shader.ts:24</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -277,7 +333,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_shader.html">core/<wbr>Shader</a>
+						<a href="../modules/core_Shader.html">core/<wbr>Shader</a>
 					</li>
 				</ul>
 			</nav>
@@ -286,40 +342,46 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_shader.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Shader.default.html" class="tsd-kind-icon">default</a>
 						<ul>
-							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_shader.default.html#constructor" class="tsd-kind-icon">constructor</a>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_shader.default.html#body" class="tsd-kind-icon">body</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#body" class="tsd-kind-icon">body</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_shader.default.html#ins" class="tsd-kind-icon">ins</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#ins" class="tsd-kind-icon">ins</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_shader.default.html#outs" class="tsd-kind-icon">outs</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#language" class="tsd-kind-icon">language</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#main" class="tsd-kind-icon">main</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#outs" class="tsd-kind-icon">outs</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_shader.default.html#shadermodule" class="tsd-kind-icon">shader<wbr>Module</a>
+								<a href="core_Shader.default.html#shaderModule" class="tsd-kind-icon">shader<wbr>Module</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
-								<a href="core_shader.default.html#source" class="tsd-kind-icon">source</a>
+								<a href="core_Shader.default.html#source" class="tsd-kind-icon">source</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_shader.default.html#structs" class="tsd-kind-icon">structs</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#structs" class="tsd-kind-icon">structs</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_shader.default.html#type" class="tsd-kind-icon">type</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Shader.default.html#type" class="tsd-kind-icon">type</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_shader.default.html#version" class="tsd-kind-icon">version</a>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Shader.default.html#getGLSLHeaders" class="tsd-kind-icon">getGLSLHeaders</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_shader.default.html#getglslheaders" class="tsd-kind-icon">getGLSLHeaders</a>
+								<a href="core_Shader.default.html#getWGSLHeaders" class="tsd-kind-icon">getWGSLHeaders</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_shader.default.html#init" class="tsd-kind-icon">init</a>
+								<a href="core_Shader.default.html#init" class="tsd-kind-icon">init</a>
 							</li>
 						</ul>
 					</li>
@@ -334,16 +396,19 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 	<div class="container">
 		<h2>Legend</h2>
 		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
 			<ul class="tsd-legend">
 				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
-				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
 				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
 				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
 			</ul>
 			<ul class="tsd-legend">
-				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
-				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
-				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+				<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
 			</ul>
 			<ul class="tsd-legend">
 				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
diff --git a/docs/classes/core_struct.default.html b/docs/classes/core_struct.default.html
index 80e0bcd..ba5a325 100644
--- a/docs/classes/core_struct.default.html
+++ b/docs/classes/core_struct.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_struct.html">core/Struct</a>
+					<a href="../modules/core_Struct.html">core/Struct</a>
 				</li>
 				<li>
-					<a href="core_struct.default.html">default</a>
+					<a href="core_Struct.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -72,7 +72,12 @@ <h1>Class default</h1>
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<span class="target">default</span>
+						<a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+						<ul class="tsd-hierarchy">
+							<li>
+								<span class="target">default</span>
+							</li>
+						</ul>
 					</li>
 				</ul>
 			</section>
@@ -83,23 +88,38 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_struct.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core_Struct.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_struct.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_struct.default.html#members" class="tsd-kind-icon">members</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_struct.default.html#name" class="tsd-kind-icon">name</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_struct.default.html#type" class="tsd-kind-icon">type</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_struct.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Struct.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Struct.default.html#memberName" class="tsd-kind-icon">member<wbr>Name</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Struct.default.html#members" class="tsd-kind-icon">members</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Struct.default.html#name" class="tsd-kind-icon">name</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Struct.default.html#type" class="tsd-kind-icon">type</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Struct.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Accessors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Struct.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Struct.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Struct.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_struct.default.html#getglslstring" class="tsd-kind-icon">getGLSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Struct.default.html#getGLSLMemberString" class="tsd-kind-icon">getGLSLMember<wbr>String</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="core_Struct.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="core_Struct.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Struct.default.html#getWGSLMemberString" class="tsd-kind-icon">getWGSLMember<wbr>String</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="core_Struct.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_Struct.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_Struct.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a></li>
 							</ul>
 						</section>
 					</div>
@@ -107,29 +127,27 @@ <h3>Methods</h3>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Constructors</h2>
-				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
-					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, members<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><a href="core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span>, name<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, visibility<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, arrayCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, members<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span>, visibility<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, arrayCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#constructor">constructor</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Struct.ts#L4">src/core/Struct.ts:4</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L19">core/Struct.ts:19</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>type: <span class="tsd-signature-type">string</span></h5>
+									<h5>name: <span class="tsd-signature-type">string</span></h5>
 								</li>
 								<li>
-									<h5>members: <span class="tsd-signature-symbol">(</span><a href="core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5>
-								</li>
-								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> name: <span class="tsd-signature-type">string</span></h5>
+									<h5>members: <span class="tsd-signature-symbol">(</span><a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5>
 								</li>
 								<li>
 									<h5><span class="tsd-flag ts-flagOptional">Optional</span> visibility: <span class="tsd-signature-type">number</span></h5>
@@ -138,68 +156,258 @@ <h5><span class="tsd-flag ts-flagOptional">Optional</span> visibility: <span cla
 									<h5><span class="tsd-flag ts-flagOptional">Optional</span> arrayCount: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="arraycount" class="tsd-anchor"></a>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+					<a name="arrayCount" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> array<wbr>Count</h3>
 					<div class="tsd-signature tsd-kind-icon">array<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#arrayCount">arrayCount</a></p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="memberName" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> member<wbr>Name</h3>
+					<div class="tsd-signature tsd-kind-icon">member<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L17">core/Struct.ts:17</a></li>
+						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="members" class="tsd-anchor"></a>
 					<h3>members</h3>
-					<div class="tsd-signature tsd-kind-icon">members<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><a href="core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">members<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="name" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagOptional">Optional</span> name</h3>
+					<h3>name</h3>
 					<div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#name">name</a></p>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="type" class="tsd-anchor"></a>
-					<h3>type</h3>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> type</h3>
 					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#type">type</a></p>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
 					<a name="visibility" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3>
 					<div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#visibility">visibility</a></p>
 					</aside>
 				</section>
 			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Accessors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="format" class="tsd-anchor"></a>
+					<h3>format</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> format<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L36">core/Struct.ts:36</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="glslType" class="tsd-anchor"></a>
+					<h3>glsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> glslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L32">core/Struct.ts:32</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="wgslType" class="tsd-anchor"></a>
+					<h3>wgsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> wgslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L28">core/Struct.ts:28</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="getglslstring" class="tsd-anchor"></a>
-					<h3>getGLSLString</h3>
+					<a name="getGLSLMemberString" class="tsd-anchor"></a>
+					<h3>getGLSLMember<wbr>String</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getGLSLMember<wbr>String<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L55">core/Struct.ts:55</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+					<a name="getGLSLString" class="tsd-anchor"></a>
+					<h3>getGLSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
 						<li class="tsd-signature tsd-kind-icon">getGLSLString<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getGLSLString">getGLSLString</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L93">core/Struct.ts:93</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+					<a name="getSize" class="tsd-anchor"></a>
+					<h3>get<wbr>Size</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getSize">getSize</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L40">core/Struct.ts:40</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getWGSLMemberString" class="tsd-anchor"></a>
+					<h3>getWGSLMember<wbr>String</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getWGSLMember<wbr>String<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L50">core/Struct.ts:50</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+					<a name="getWGSLString" class="tsd-anchor"></a>
+					<h3>getWGSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+						<li class="tsd-signature tsd-kind-icon">getWGSLString<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getWGSLString">getWGSLString</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Struct.ts#L15">src/core/Struct.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Struct.ts#L61">core/Struct.ts:61</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+					<a name="getAlignement" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Alignement</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getAlignement">getAlignement</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L141">core/Variable.ts:141</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>size: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+					<a name="isWgsl" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> is<wbr>Wgsl</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+						<li class="tsd-signature tsd-kind-icon">is<wbr>Wgsl<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#isWgsl">isWgsl</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L14">core/Variable.ts:14</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>type: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
+						</li>
+					</ul>
+				</section>
 			</section>
 		</div>
 		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
@@ -209,7 +417,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_struct.html">core/<wbr>Struct</a>
+						<a href="../modules/core_Struct.html">core/<wbr>Struct</a>
 					</li>
 				</ul>
 			</nav>
@@ -218,28 +426,58 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_struct.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Struct.default.html" class="tsd-kind-icon">default</a>
 						<ul>
-							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_struct.default.html#constructor" class="tsd-kind-icon">constructor</a>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
+								<a href="core_Struct.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_struct.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Struct.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_struct.default.html#members" class="tsd-kind-icon">members</a>
+								<a href="core_Struct.default.html#memberName" class="tsd-kind-icon">member<wbr>Name</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_struct.default.html#name" class="tsd-kind-icon">name</a>
+								<a href="core_Struct.default.html#members" class="tsd-kind-icon">members</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_struct.default.html#type" class="tsd-kind-icon">type</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Struct.default.html#name" class="tsd-kind-icon">name</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_struct.default.html#visibility" class="tsd-kind-icon">visibility</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Struct.default.html#type" class="tsd-kind-icon">type</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Struct.default.html#visibility" class="tsd-kind-icon">visibility</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Struct.default.html#format" class="tsd-kind-icon">format</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Struct.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Struct.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_struct.default.html#getglslstring" class="tsd-kind-icon">getGLSLString</a>
+								<a href="core_Struct.default.html#getGLSLMemberString" class="tsd-kind-icon">getGLSLMember<wbr>String</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+								<a href="core_Struct.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+								<a href="core_Struct.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Struct.default.html#getWGSLMemberString" class="tsd-kind-icon">getWGSLMember<wbr>String</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+								<a href="core_Struct.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+								<a href="core_Struct.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+								<a href="core_Struct.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a>
 							</li>
 						</ul>
 					</li>
@@ -268,6 +506,9 @@ <h2>Legend</h2>
 			<ul class="tsd-legend">
 				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
 			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+			</ul>
 		</div>
 	</div>
 </footer>
diff --git a/docs/classes/core_texture.default.html b/docs/classes/core_texture.default.html
index 90d98eb..8d8d81b 100644
--- a/docs/classes/core_texture.default.html
+++ b/docs/classes/core_texture.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_texture.html">core/Texture</a>
+					<a href="../modules/core_Texture.html">core/Texture</a>
 				</li>
 				<li>
-					<a href="core_texture.default.html">default</a>
+					<a href="core_Texture.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,23 +83,23 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_texture.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Texture.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_texture.default.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_texture.default.html#gputexture" class="tsd-kind-icon">gpu<wbr>Texture</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_texture.default.html#image" class="tsd-kind-icon">image</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_texture.default.html#miplevelcount" class="tsd-kind-icon">mip<wbr>Level<wbr>Count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Texture.default.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Texture.default.html#gpuTexture" class="tsd-kind-icon">gpu<wbr>Texture</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Texture.default.html#image" class="tsd-kind-icon">image</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Texture.default.html#mipLevelCount" class="tsd-kind-icon">mip<wbr>Level<wbr>Count</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_texture.default.html#setmipmap" class="tsd-kind-icon">set<wbr>Mip<wbr>Map</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_texture.default.html#update" class="tsd-kind-icon">update</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Texture.default.html#setMipMap" class="tsd-kind-icon">set<wbr>Mip<wbr>Map</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Texture.default.html#update" class="tsd-kind-icon">update</a></li>
 							</ul>
 						</section>
 					</div>
@@ -111,13 +111,13 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>descriptor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GPUTextureDescriptor</span>, image<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_texture.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>descriptor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GPUTextureDescriptor</span>, image<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Texture.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Texture.ts#L13">src/core/Texture.ts:13</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Texture.ts#L15">core/Texture.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -129,7 +129,7 @@ <h5>descriptor: <span class="tsd-signature-type">GPUTextureDescriptor</span></h5
 									<h5>image: <span class="tsd-signature-type">HTMLImageElement</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_texture.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Texture.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -144,12 +144,12 @@ <h3>descriptor</h3>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="gputexture" class="tsd-anchor"></a>
+					<a name="gpuTexture" class="tsd-anchor"></a>
 					<h3>gpu<wbr>Texture</h3>
 					<div class="tsd-signature tsd-kind-icon">gpu<wbr>Texture<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUTexture</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Texture.ts#L12">src/core/Texture.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Texture.ts#L12">core/Texture.ts:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -161,12 +161,12 @@ <h3>image</h3>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="miplevelcount" class="tsd-anchor"></a>
+					<a name="mipLevelCount" class="tsd-anchor"></a>
 					<h3>mip<wbr>Level<wbr>Count</h3>
 					<div class="tsd-signature tsd-kind-icon">mip<wbr>Level<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Texture.ts#L13">src/core/Texture.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Texture.ts#L13">core/Texture.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -174,7 +174,7 @@ <h3>mip<wbr>Level<wbr>Count</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="setmipmap" class="tsd-anchor"></a>
+					<a name="setMipMap" class="tsd-anchor"></a>
 					<h3>set<wbr>Mip<wbr>Map</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">set<wbr>Mip<wbr>Map<span class="tsd-signature-symbol">(</span>image<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
@@ -183,7 +183,7 @@ <h3>set<wbr>Mip<wbr>Map</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Texture.ts#L41">src/core/Texture.ts:41</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Texture.ts#L41">core/Texture.ts:41</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -206,7 +206,7 @@ <h3>update</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Texture.ts#L54">src/core/Texture.ts:54</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Texture.ts#L54">core/Texture.ts:54</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -237,7 +237,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_texture.html">core/<wbr>Texture</a>
+						<a href="../modules/core_Texture.html">core/<wbr>Texture</a>
 					</li>
 				</ul>
 			</nav>
@@ -246,28 +246,28 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_texture.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Texture.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_texture.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Texture.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_texture.default.html#descriptor" class="tsd-kind-icon">descriptor</a>
+								<a href="core_Texture.default.html#descriptor" class="tsd-kind-icon">descriptor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_texture.default.html#gputexture" class="tsd-kind-icon">gpu<wbr>Texture</a>
+								<a href="core_Texture.default.html#gpuTexture" class="tsd-kind-icon">gpu<wbr>Texture</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_texture.default.html#image" class="tsd-kind-icon">image</a>
+								<a href="core_Texture.default.html#image" class="tsd-kind-icon">image</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_texture.default.html#miplevelcount" class="tsd-kind-icon">mip<wbr>Level<wbr>Count</a>
+								<a href="core_Texture.default.html#mipLevelCount" class="tsd-kind-icon">mip<wbr>Level<wbr>Count</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_texture.default.html#setmipmap" class="tsd-kind-icon">set<wbr>Mip<wbr>Map</a>
+								<a href="core_Texture.default.html#setMipMap" class="tsd-kind-icon">set<wbr>Mip<wbr>Map</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_texture.default.html#update" class="tsd-kind-icon">update</a>
+								<a href="core_Texture.default.html#update" class="tsd-kind-icon">update</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_uniform.default.html b/docs/classes/core_uniform.default.html
index 206990e..a1af9ee 100644
--- a/docs/classes/core_uniform.default.html
+++ b/docs/classes/core_uniform.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_uniform.html">core/Uniform</a>
+					<a href="../modules/core_Uniform.html">core/Uniform</a>
 				</li>
 				<li>
-					<a href="core_uniform.default.html">default</a>
+					<a href="core_Uniform.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -72,7 +72,7 @@ <h1>Class default</h1>
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<a href="core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+						<a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
 						<ul class="tsd-hierarchy">
 							<li>
 								<span class="target">default</span>
@@ -88,29 +88,34 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core_uniform.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core_Uniform.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section tsd-is-inherited">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_uniform.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_uniform.default.html#name" class="tsd-kind-icon">name</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_uniform.default.html#type" class="tsd-kind-icon">type</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_uniform.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#name" class="tsd-kind-icon">name</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#type" class="tsd-kind-icon">type</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Accessors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_uniform.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section tsd-is-inherited">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_uniform.default.html#getsize" class="tsd-kind-icon">get<wbr>Size</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_uniform.default.html#getalignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core_Uniform.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_Uniform.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="core_Uniform.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a></li>
 							</ul>
 						</section>
 					</div>
@@ -122,14 +127,14 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, visibility<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, arrayCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, visibility<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, arrayCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Overrides <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#constructor">constructor</a></p>
+								<p>Overrides <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#constructor">constructor</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Uniform.ts#L3">src/core/Uniform.ts:3</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Uniform.ts#L4">core/Uniform.ts:4</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -147,7 +152,7 @@ <h5><span class="tsd-flag ts-flagOptional">Optional</span> visibility: <span cla
 									<h5><span class="tsd-flag ts-flagOptional">Optional</span> arrayCount: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -155,11 +160,11 @@ <h4 class="tsd-returns-title">Returns <a href="core_uniform.default.html" class=
 			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-					<a name="arraycount" class="tsd-anchor"></a>
+					<a name="arrayCount" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> array<wbr>Count</h3>
 					<div class="tsd-signature tsd-kind-icon">array<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#arraycount">arrayCount</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#arrayCount">arrayCount</a></p>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
@@ -167,7 +172,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> array<wbr>Count</h3>
 					<h3>name</h3>
 					<div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#name">name</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#name">name</a></p>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
@@ -175,7 +180,7 @@ <h3>name</h3>
 					<h3>type</h3>
 					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#type">type</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#type">type</a></p>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
@@ -183,7 +188,7 @@ <h3>type</h3>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3>
 					<div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#visibility">visibility</a></p>
+						<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#visibility">visibility</a></p>
 					</aside>
 				</section>
 			</section>
@@ -199,7 +204,41 @@ <h3>format</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L14">src/core/Variable.ts:14</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L99">core/Variable.ts:99</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="glslType" class="tsd-anchor"></a>
+					<h3>glsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> glslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L66">core/Variable.ts:66</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+					<a name="wgslType" class="tsd-anchor"></a>
+					<h3>wgsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> wgslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L30">core/Variable.ts:30</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
@@ -210,41 +249,83 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-					<a name="getsize" class="tsd-anchor"></a>
+					<a name="getGLSLString" class="tsd-anchor"></a>
+					<h3>getGLSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon">getGLSLString<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getGLSLString">getGLSLString</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L238">core/Variable.ts:238</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="getSize" class="tsd-anchor"></a>
 					<h3>get<wbr>Size</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span>qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span>qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#getsize">getSize</a></p>
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getSize">getSize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L79">src/core/Variable.ts:79</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L168">core/Variable.ts:168</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+					<a name="getWGSLString" class="tsd-anchor"></a>
+					<h3>getWGSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+						<li class="tsd-signature tsd-kind-icon">getWGSLString<span class="tsd-signature-symbol">(</span>_index<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getWGSLString">getWGSLString</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L232">core/Variable.ts:232</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> _index: <span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
-					<a name="getalignement" class="tsd-anchor"></a>
+					<a name="getAlignement" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Alignement</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
-						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="core_variable.default.html">default</a>.<a href="core_variable.default.html#getalignement">getAlignement</a></p>
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#getAlignement">getAlignement</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L52">src/core/Variable.ts:52</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L141">core/Variable.ts:141</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -253,13 +334,37 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>size: <span class="tsd-signature-type">number</span></h5>
 								</li>
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+					<a name="isWgsl" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> is<wbr>Wgsl</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+						<li class="tsd-signature tsd-kind-icon">is<wbr>Wgsl<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Inherited from <a href="core_Variable.default.html">default</a>.<a href="core_Variable.default.html#isWgsl">isWgsl</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L14">core/Variable.ts:14</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>type: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
+						</li>
+					</ul>
+				</section>
 			</section>
 		</div>
 		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
@@ -269,7 +374,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_uniform.html">core/<wbr>Uniform</a>
+						<a href="../modules/core_Uniform.html">core/<wbr>Uniform</a>
 					</li>
 				</ul>
 			</nav>
@@ -278,31 +383,46 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_uniform.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Uniform.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
-								<a href="core_uniform.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Uniform.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_uniform.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a>
+								<a href="core_Uniform.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_uniform.default.html#name" class="tsd-kind-icon">name</a>
+								<a href="core_Uniform.default.html#name" class="tsd-kind-icon">name</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_uniform.default.html#type" class="tsd-kind-icon">type</a>
+								<a href="core_Uniform.default.html#type" class="tsd-kind-icon">type</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_uniform.default.html#visibility" class="tsd-kind-icon">visibility</a>
+								<a href="core_Uniform.default.html#visibility" class="tsd-kind-icon">visibility</a>
 							</li>
 							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_uniform.default.html#format" class="tsd-kind-icon">format</a>
+								<a href="core_Uniform.default.html#format" class="tsd-kind-icon">format</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Uniform.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Uniform.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Uniform.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
+								<a href="core_Uniform.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
-								<a href="core_uniform.default.html#getsize" class="tsd-kind-icon">get<wbr>Size</a>
+								<a href="core_Uniform.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
+								<a href="core_Uniform.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static">
-								<a href="core_uniform.default.html#getalignement" class="tsd-kind-icon">get<wbr>Alignement</a>
+								<a href="core_Uniform.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/core_variable.default.html b/docs/classes/core_variable.default.html
index 6b0a9c8..375cef8 100644
--- a/docs/classes/core_variable.default.html
+++ b/docs/classes/core_variable.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/core_variable.html">core/Variable</a>
+					<a href="../modules/core_Variable.html">core/Variable</a>
 				</li>
 				<li>
-					<a href="core_variable.default.html">default</a>
+					<a href="core_Variable.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -75,10 +75,16 @@ <h3>Hierarchy</h3>
 						<span class="target">default</span>
 						<ul class="tsd-hierarchy">
 							<li>
-								<a href="core_attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+								<a href="core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
 							</li>
 							<li>
-								<a href="core_uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+								<a href="core_BuiltIn.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+							</li>
+							<li>
+								<a href="core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+							</li>
+							<li>
+								<a href="core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
 							</li>
 						</ul>
 					</li>
@@ -91,29 +97,34 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_variable.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="core_Variable.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_variable.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_variable.default.html#name" class="tsd-kind-icon">name</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_variable.default.html#type" class="tsd-kind-icon">type</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_variable.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Variable.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Variable.default.html#name" class="tsd-kind-icon">name</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Variable.default.html#type" class="tsd-kind-icon">type</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="core_Variable.default.html#visibility" class="tsd-kind-icon">visibility</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Accessors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core_variable.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core_Variable.default.html#format" class="tsd-kind-icon">format</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core_Variable.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a></li>
+								<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core_Variable.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_variable.default.html#getsize" class="tsd-kind-icon">get<wbr>Size</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="core_variable.default.html#getalignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Variable.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Variable.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="core_Variable.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="core_Variable.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="core_Variable.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a></li>
 							</ul>
 						</section>
 					</div>
@@ -125,13 +136,13 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, visibility<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, arrayCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, visibility<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, arrayCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L6">src/core/Variable.ts:6</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L21">core/Variable.ts:21</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -140,7 +151,7 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>name: <span class="tsd-signature-type">string</span></h5>
 								</li>
 								<li>
-									<h5>type: <span class="tsd-signature-type">string</span></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> type: <span class="tsd-signature-type">string</span></h5>
 								</li>
 								<li>
 									<h5><span class="tsd-flag ts-flagOptional">Optional</span> visibility: <span class="tsd-signature-type">number</span></h5>
@@ -149,7 +160,7 @@ <h5><span class="tsd-flag ts-flagOptional">Optional</span> visibility: <span cla
 									<h5><span class="tsd-flag ts-flagOptional">Optional</span> arrayCount: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -157,7 +168,7 @@ <h4 class="tsd-returns-title">Returns <a href="core_variable.default.html" class
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
-					<a name="arraycount" class="tsd-anchor"></a>
+					<a name="arrayCount" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> array<wbr>Count</h3>
 					<div class="tsd-signature tsd-kind-icon">array<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
@@ -172,7 +183,7 @@ <h3>name</h3>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="type" class="tsd-anchor"></a>
-					<h3>type</h3>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> type</h3>
 					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 					</aside>
@@ -197,7 +208,41 @@ <h3>format</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L14">src/core/Variable.ts:14</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L99">core/Variable.ts:99</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
+					<a name="glslType" class="tsd-anchor"></a>
+					<h3>glsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> glslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L66">core/Variable.ts:66</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
+					<a name="wgslType" class="tsd-anchor"></a>
+					<h3>wgsl<wbr>Type</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> wgslType<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L30">core/Variable.ts:30</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
@@ -208,39 +253,79 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="getsize" class="tsd-anchor"></a>
+					<a name="getGLSLString" class="tsd-anchor"></a>
+					<h3>getGLSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getGLSLString<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L238">core/Variable.ts:238</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getSize" class="tsd-anchor"></a>
 					<h3>get<wbr>Size</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span>qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Size<span class="tsd-signature-symbol">(</span>qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L79">src/core/Variable.ts:79</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L168">core/Variable.ts:168</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getWGSLString" class="tsd-anchor"></a>
+					<h3>getWGSLString</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">getWGSLString<span class="tsd-signature-symbol">(</span>_index<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L232">core/Variable.ts:232</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> _index: <span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
-					<a name="getalignement" class="tsd-anchor"></a>
+					<a name="getAlignement" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Alignement</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
-						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Alignement<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, qualifier<span class="tsd-signature-symbol">?: </span><a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/Variable.ts#L52">src/core/Variable.ts:52</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L141">core/Variable.ts:141</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -249,13 +334,36 @@ <h4 class="tsd-parameters-title">Parameters</h4>
 									<h5>size: <span class="tsd-signature-type">number</span></h5>
 								</li>
 								<li>
-									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
+									<h5><span class="tsd-flag ts-flagOptional">Optional</span> qualifier: <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
+					<a name="isWgsl" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> is<wbr>Wgsl</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
+						<li class="tsd-signature tsd-kind-icon">is<wbr>Wgsl<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/Variable.ts#L14">core/Variable.ts:14</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>type: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
+						</li>
+					</ul>
+				</section>
 			</section>
 		</div>
 		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
@@ -265,7 +373,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/core_variable.html">core/<wbr>Variable</a>
+						<a href="../modules/core_Variable.html">core/<wbr>Variable</a>
 					</li>
 				</ul>
 			</nav>
@@ -274,31 +382,46 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="core_variable.default.html" class="tsd-kind-icon">default</a>
+						<a href="core_Variable.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="core_variable.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="core_Variable.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_variable.default.html#arraycount" class="tsd-kind-icon">array<wbr>Count</a>
+								<a href="core_Variable.default.html#arrayCount" class="tsd-kind-icon">array<wbr>Count</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_variable.default.html#name" class="tsd-kind-icon">name</a>
+								<a href="core_Variable.default.html#name" class="tsd-kind-icon">name</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_variable.default.html#type" class="tsd-kind-icon">type</a>
+								<a href="core_Variable.default.html#type" class="tsd-kind-icon">type</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="core_variable.default.html#visibility" class="tsd-kind-icon">visibility</a>
+								<a href="core_Variable.default.html#visibility" class="tsd-kind-icon">visibility</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class">
+								<a href="core_Variable.default.html#format" class="tsd-kind-icon">format</a>
 							</li>
 							<li class=" tsd-kind-get-signature tsd-parent-kind-class">
-								<a href="core_variable.default.html#format" class="tsd-kind-icon">format</a>
+								<a href="core_Variable.default.html#glslType" class="tsd-kind-icon">glsl<wbr>Type</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class">
+								<a href="core_Variable.default.html#wgslType" class="tsd-kind-icon">wgsl<wbr>Type</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="core_variable.default.html#getsize" class="tsd-kind-icon">get<wbr>Size</a>
+								<a href="core_Variable.default.html#getGLSLString" class="tsd-kind-icon">getGLSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Variable.default.html#getSize" class="tsd-kind-icon">get<wbr>Size</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="core_Variable.default.html#getWGSLString" class="tsd-kind-icon">getWGSLString</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-static">
+								<a href="core_Variable.default.html#getAlignement" class="tsd-kind-icon">get<wbr>Alignement</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-static">
-								<a href="core_variable.default.html#getalignement" class="tsd-kind-icon">get<wbr>Alignement</a>
+								<a href="core_Variable.default.html#isWgsl" class="tsd-kind-icon">is<wbr>Wgsl</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/classes/helpers_axes.default.html b/docs/classes/helpers_axes.default.html
index 5cbd729..e0a500b 100644
--- a/docs/classes/helpers_axes.default.html
+++ b/docs/classes/helpers_axes.default.html
@@ -55,10 +55,10 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="../modules/helpers_axes.html">helpers/Axes</a>
+					<a href="../modules/helpers_Axes.html">helpers/Axes</a>
 				</li>
 				<li>
-					<a href="helpers_axes.default.html">default</a>
+					<a href="helpers_Axes.default.html">default</a>
 				</li>
 			</ul>
 			<h1>Class default</h1>
@@ -83,20 +83,20 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="helpers_axes.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="helpers_Axes.default.html#constructor" class="tsd-kind-icon">constructor</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="helpers_axes.default.html#buffer" class="tsd-kind-icon">buffer</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="helpers_axes.default.html#command" class="tsd-kind-icon">command</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="helpers_Axes.default.html#buffer" class="tsd-kind-icon">buffer</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="helpers_Axes.default.html#command" class="tsd-kind-icon">command</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-method tsd-parent-kind-class"><a href="helpers_axes.default.html#setscale" class="tsd-kind-icon">set<wbr>Scale</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="helpers_Axes.default.html#setScale" class="tsd-kind-icon">set<wbr>Scale</a></li>
 							</ul>
 						</section>
 					</div>
@@ -108,25 +108,25 @@ <h2>Constructors</h2>
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>systemBindGroupLayout<span class="tsd-signature-symbol">: </span><a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>, systemUniformBindGroup<span class="tsd-signature-symbol">: </span><a href="core_bindgroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="helpers_axes.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
+						<li class="tsd-signature tsd-kind-icon">new default<span class="tsd-signature-symbol">(</span>systemBindGroupLayout<span class="tsd-signature-symbol">: </span><a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>, systemUniformBindGroup<span class="tsd-signature-symbol">: </span><a href="core_BindGroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="helpers_Axes.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/helpers/Axes.ts#L29">src/helpers/Axes.ts:29</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/helpers/Axes.ts#L31">helpers/Axes.ts:31</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>systemBindGroupLayout: <a href="core_bindgrouplayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
+									<h5>systemBindGroupLayout: <a href="core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
 								</li>
 								<li>
-									<h5>systemUniformBindGroup: <a href="core_bindgroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
+									<h5>systemUniformBindGroup: <a href="core_BindGroup.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="helpers_axes.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="helpers_Axes.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -136,20 +136,20 @@ <h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="buffer" class="tsd-anchor"></a>
 					<h3>buffer</h3>
-					<div class="tsd-signature tsd-kind-icon">buffer<span class="tsd-signature-symbol">:</span> <a href="core_buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">buffer<span class="tsd-signature-symbol">:</span> <a href="core_Buffer.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/helpers/Axes.ts#L29">src/helpers/Axes.ts:29</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/helpers/Axes.ts#L29">helpers/Axes.ts:29</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="command" class="tsd-anchor"></a>
 					<h3>command</h3>
-					<div class="tsd-signature tsd-kind-icon">command<span class="tsd-signature-symbol">:</span> <a href="core_command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
+					<div class="tsd-signature tsd-kind-icon">command<span class="tsd-signature-symbol">:</span> <a href="core_Command.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/helpers/Axes.ts#L28">src/helpers/Axes.ts:28</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/helpers/Axes.ts#L28">helpers/Axes.ts:28</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -157,7 +157,7 @@ <h3>command</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Methods</h2>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
-					<a name="setscale" class="tsd-anchor"></a>
+					<a name="setScale" class="tsd-anchor"></a>
 					<h3>set<wbr>Scale</h3>
 					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
 						<li class="tsd-signature tsd-kind-icon">set<wbr>Scale<span class="tsd-signature-symbol">(</span>scale<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
@@ -166,7 +166,7 @@ <h3>set<wbr>Scale</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/helpers/Axes.ts#L67">src/helpers/Axes.ts:67</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/helpers/Axes.ts#L66">helpers/Axes.ts:66</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -188,7 +188,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="../modules/helpers_axes.html">helpers/<wbr>Axes</a>
+						<a href="../modules/helpers_Axes.html">helpers/<wbr>Axes</a>
 					</li>
 				</ul>
 			</nav>
@@ -197,19 +197,19 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class tsd-parent-kind-module">
-						<a href="helpers_axes.default.html" class="tsd-kind-icon">default</a>
+						<a href="helpers_Axes.default.html" class="tsd-kind-icon">default</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="helpers_axes.default.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="helpers_Axes.default.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="helpers_axes.default.html#buffer" class="tsd-kind-icon">buffer</a>
+								<a href="helpers_Axes.default.html#buffer" class="tsd-kind-icon">buffer</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="helpers_axes.default.html#command" class="tsd-kind-icon">command</a>
+								<a href="helpers_Axes.default.html#command" class="tsd-kind-icon">command</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class">
-								<a href="helpers_axes.default.html#setscale" class="tsd-kind-icon">set<wbr>Scale</a>
+								<a href="helpers_Axes.default.html#setScale" class="tsd-kind-icon">set<wbr>Scale</a>
 							</li>
 						</ul>
 					</li>
diff --git a/docs/index.html b/docs/index.html
index 14fec05..8299a6d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -104,61 +104,64 @@ <h2>License</h2>
 						<a href="modules/constants.html">constants</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_attachment.html">core/<wbr>Attachment</a>
+						<a href="modules/core_Attachment.html">core/<wbr>Attachment</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_attribute.html">core/<wbr>Attribute</a>
+						<a href="modules/core_Attribute.html">core/<wbr>Attribute</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_bindgroup.html">core/<wbr>Bind<wbr>Group</a>
+						<a href="modules/core_BindGroup.html">core/<wbr>Bind<wbr>Group</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_bindgrouplayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
+						<a href="modules/core_BindGroupLayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_buffer.html">core/<wbr>Buffer</a>
+						<a href="modules/core_Buffer.html">core/<wbr>Buffer</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_clock.html">core/<wbr>Clock</a>
+						<a href="modules/core_BuiltIn.html">core/<wbr>Built<wbr>In</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_command.html">core/<wbr>Command</a>
+						<a href="modules/core_Clock.html">core/<wbr>Clock</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_context.html">core/<wbr>Context</a>
+						<a href="modules/core_Command.html">core/<wbr>Command</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_pass.html">core/<wbr>Pass</a>
+						<a href="modules/core_Context.html">core/<wbr>Context</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_pipeline.html">core/<wbr>Pipeline</a>
+						<a href="modules/core_Pass.html">core/<wbr>Pass</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_program.html">core/<wbr>Program</a>
+						<a href="modules/core_Pipeline.html">core/<wbr>Pipeline</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_sampler.html">core/<wbr>Sampler</a>
+						<a href="modules/core_Program.html">core/<wbr>Program</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_shader.html">core/<wbr>Shader</a>
+						<a href="modules/core_Sampler.html">core/<wbr>Sampler</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_state.html">core/<wbr>State</a>
+						<a href="modules/core_Shader.html">core/<wbr>Shader</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_struct.html">core/<wbr>Struct</a>
+						<a href="modules/core_State.html">core/<wbr>State</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_texture.html">core/<wbr>Texture</a>
+						<a href="modules/core_Struct.html">core/<wbr>Struct</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_uniform.html">core/<wbr>Uniform</a>
+						<a href="modules/core_Texture.html">core/<wbr>Texture</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_variable.html">core/<wbr>Variable</a>
+						<a href="modules/core_Uniform.html">core/<wbr>Uniform</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/helpers_axes.html">helpers/<wbr>Axes</a>
+						<a href="modules/core_Variable.html">core/<wbr>Variable</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/helpers_Axes.html">helpers/<wbr>Axes</a>
 					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/index.html">index</a>
@@ -169,36 +172,81 @@ <h2>License</h2>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_constants_glsl.html">shaders/constants.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_constants_wgsl.html">shaders/constants.wgsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_index_glsl.html">shaders/index.glsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_diffuse_glsl.html">shaders/lighting/diffuse.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_diffuse_wgsl.html">shaders/lighting/diffuse.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_direct_glsl.html">shaders/lighting/direct.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_direct_wgsl.html">shaders/lighting/direct.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_gamma_glsl.html">shaders/lighting/gamma.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_gamma_wgsl.html">shaders/lighting/gamma.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_linear_glsl.html">shaders/lighting/linear.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_linear_wgsl.html">shaders/lighting/linear.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_specular_glsl.html">shaders/lighting/specular.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_specular_wgsl.html">shaders/lighting/specular.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_classic_glsl.html">shaders/noise/classic.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_classic_wgsl.html">shaders/noise/classic.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_index_glsl.html">shaders/noise/index.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_index_wgsl.html">shaders/noise/index.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_periodic_glsl.html">shaders/noise/periodic.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_periodic_wgsl.html">shaders/noise/periodic.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_simplex_glsl.html">shaders/noise/simplex.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_simplex_wgsl.html">shaders/noise/simplex.wgsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_utils_glsl.html">shaders/noise/utils.glsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_utils_wgsl.html">shaders/noise/utils.wgsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_worley_wgsl.html">shaders/noise/worley.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_utils_glsl.html">shaders/utils.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_utils_wgsl.html">shaders/utils.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/types.html">types</a>
 					</li>
diff --git a/docs/interfaces/types.PipelineOptions.html b/docs/interfaces/types.PipelineOptions.html
new file mode 100644
index 0000000..938fd01
--- /dev/null
+++ b/docs/interfaces/types.PipelineOptions.html
@@ -0,0 +1,423 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>PipelineOptions | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="../modules/types.html">types</a>
+				</li>
+				<li>
+					<a href="types.PipelineOptions.html">PipelineOptions</a>
+				</li>
+			</ul>
+			<h1>Interface PipelineOptions</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-signature-type" data-tsd-kind="Type alias">ShaderStageNameObjectKeys</a>
+					</li>
+					<li>
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-signature-type" data-tsd-kind="Type alias">ShaderStageBodyNameObjectKeys</a>
+						<ul class="tsd-hierarchy">
+							<li>
+								<span class="target">PipelineOptions</span>
+								<ul class="tsd-hierarchy">
+									<li>
+										<a href="../classes/core_Pipeline.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+									</li>
+								</ul>
+							</li>
+						</ul>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#bindGroupLayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#fragmentOuts" class="tsd-kind-icon">fragment<wbr>Outs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#fragmentTargets" class="tsd-kind-icon">fragment<wbr>Targets</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#ins" class="tsd-kind-icon">ins</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#language" class="tsd-kind-icon">language</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#outs" class="tsd-kind-icon">outs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#stepMode" class="tsd-kind-icon">step<wbr>Mode</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.PipelineOptions.html#structs" class="tsd-kind-icon">structs</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section tsd-is-inherited">
+							<h3>Methods</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="types.PipelineOptions.html#compute" class="tsd-kind-icon">compute</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="types.PipelineOptions.html#computeBody" class="tsd-kind-icon">compute<wbr>Body</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="types.PipelineOptions.html#fragment" class="tsd-kind-icon">fragment</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="types.PipelineOptions.html#fragmentBody" class="tsd-kind-icon">fragment<wbr>Body</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="types.PipelineOptions.html#vertex" class="tsd-kind-icon">vertex</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="types.PipelineOptions.html#vertexBody" class="tsd-kind-icon">vertex<wbr>Body</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="bindGroupLayouts" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> bind<wbr>Group<wbr>Layouts</h3>
+					<div class="tsd-signature tsd-kind-icon">bind<wbr>Group<wbr>Layouts<span class="tsd-signature-symbol">:</span> <a href="../classes/core_BindGroupLayout.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L99">types.ts:99</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> descriptor</h3>
+					<div class="tsd-signature tsd-kind-icon">descriptor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">GPURenderPipelineDescriptor</span><span class="tsd-signature-symbol">&gt;</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L105">types.ts:105</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="fragmentOuts" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> fragment<wbr>Outs</h3>
+					<div class="tsd-signature tsd-kind-icon">fragment<wbr>Outs<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L103">types.ts:103</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="fragmentTargets" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> fragment<wbr>Targets</h3>
+					<div class="tsd-signature tsd-kind-icon">fragment<wbr>Targets<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUColorTargetState</span><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L104">types.ts:104</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="ins" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> ins</h3>
+					<div class="tsd-signature tsd-kind-icon">ins<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-signature-type" data-tsd-kind="Type alias">PipelineVertexBufferIns</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L100">types.ts:100</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="language" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> language</h3>
+					<div class="tsd-signature tsd-kind-icon">language<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#Language" class="tsd-signature-type" data-tsd-kind="Type alias">Language</a></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L107">types.ts:107</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="outs" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> outs</h3>
+					<div class="tsd-signature tsd-kind-icon">outs<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L101">types.ts:101</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="stepMode" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> step<wbr>Mode</h3>
+					<div class="tsd-signature tsd-kind-icon">step<wbr>Mode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUVertexStepMode</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L106">types.ts:106</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="structs" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> structs</h3>
+					<div class="tsd-signature tsd-kind-icon">structs<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L102">types.ts:102</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
+				<h2>Methods</h2>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+					<a name="compute" class="tsd-anchor"></a>
+					<h3>compute</h3>
+					<div class="tsd-signature tsd-kind-icon">compute<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from ShaderStageNameObjectKeys.compute</p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+					<a name="computeBody" class="tsd-anchor"></a>
+					<h3>compute<wbr>Body</h3>
+					<div class="tsd-signature tsd-kind-icon">compute<wbr>Body<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from ShaderStageBodyNameObjectKeys.computeBody</p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+					<a name="fragment" class="tsd-anchor"></a>
+					<h3>fragment</h3>
+					<div class="tsd-signature tsd-kind-icon">fragment<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from ShaderStageNameObjectKeys.fragment</p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+					<a name="fragmentBody" class="tsd-anchor"></a>
+					<h3>fragment<wbr>Body</h3>
+					<div class="tsd-signature tsd-kind-icon">fragment<wbr>Body<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from ShaderStageBodyNameObjectKeys.fragmentBody</p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+					<a name="vertex" class="tsd-anchor"></a>
+					<h3>vertex</h3>
+					<div class="tsd-signature tsd-kind-icon">vertex<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from ShaderStageNameObjectKeys.vertex</p>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+					<a name="vertexBody" class="tsd-anchor"></a>
+					<h3>vertex<wbr>Body</h3>
+					<div class="tsd-signature tsd-kind-icon">vertex<wbr>Body<span class="tsd-signature-symbol">:</span></div>
+					<aside class="tsd-sources">
+						<p>Inherited from ShaderStageBodyNameObjectKeys.vertexBody</p>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="../modules/types.html">types</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+					</li>
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
+						<ul>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#bindGroupLayouts" class="tsd-kind-icon">bind<wbr>Group<wbr>Layouts</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#fragmentOuts" class="tsd-kind-icon">fragment<wbr>Outs</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#fragmentTargets" class="tsd-kind-icon">fragment<wbr>Targets</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#ins" class="tsd-kind-icon">ins</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#language" class="tsd-kind-icon">language</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#outs" class="tsd-kind-icon">outs</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#stepMode" class="tsd-kind-icon">step<wbr>Mode</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.PipelineOptions.html#structs" class="tsd-kind-icon">structs</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+								<a href="types.PipelineOptions.html#compute" class="tsd-kind-icon">compute</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+								<a href="types.PipelineOptions.html#computeBody" class="tsd-kind-icon">compute<wbr>Body</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+								<a href="types.PipelineOptions.html#fragment" class="tsd-kind-icon">fragment</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+								<a href="types.PipelineOptions.html#fragmentBody" class="tsd-kind-icon">fragment<wbr>Body</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+								<a href="types.PipelineOptions.html#vertex" class="tsd-kind-icon">vertex</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
+								<a href="types.PipelineOptions.html#vertexBody" class="tsd-kind-icon">vertex<wbr>Body</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#Language" class="tsd-kind-icon">Language</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
+					</li>
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="../modules/types.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/interfaces/types.ShaderOptions.html b/docs/interfaces/types.ShaderOptions.html
new file mode 100644
index 0000000..194c42d
--- /dev/null
+++ b/docs/interfaces/types.ShaderOptions.html
@@ -0,0 +1,307 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>ShaderOptions | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="../modules/types.html">types</a>
+				</li>
+				<li>
+					<a href="types.ShaderOptions.html">ShaderOptions</a>
+				</li>
+			</ul>
+			<h1>Interface ShaderOptions</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="target">ShaderOptions</span>
+						<ul class="tsd-hierarchy">
+							<li>
+								<a href="../classes/core_Shader.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ShaderOptions.html#body" class="tsd-kind-icon">body</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ShaderOptions.html#ins" class="tsd-kind-icon">ins</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ShaderOptions.html#language" class="tsd-kind-icon">language</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ShaderOptions.html#main" class="tsd-kind-icon">main</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ShaderOptions.html#outs" class="tsd-kind-icon">outs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ShaderOptions.html#structs" class="tsd-kind-icon">structs</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ShaderOptions.html#type" class="tsd-kind-icon">type</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="body" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> body</h3>
+					<div class="tsd-signature tsd-kind-icon">body<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L113">types.ts:113</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="ins" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> ins</h3>
+					<div class="tsd-signature tsd-kind-icon">ins<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L114">types.ts:114</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="language" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> language</h3>
+					<div class="tsd-signature tsd-kind-icon">language<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#Language" class="tsd-signature-type" data-tsd-kind="Type alias">Language</a></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L117">types.ts:117</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="main" class="tsd-anchor"></a>
+					<h3>main</h3>
+					<div class="tsd-signature tsd-kind-icon">main<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L112">types.ts:112</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="outs" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> outs</h3>
+					<div class="tsd-signature tsd-kind-icon">outs<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L115">types.ts:115</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="structs" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> structs</h3>
+					<div class="tsd-signature tsd-kind-icon">structs<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L116">types.ts:116</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="type" class="tsd-anchor"></a>
+					<h3>type</h3>
+					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L111">types.ts:111</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="../modules/types.html">types</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
+					</li>
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+						<ul>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.ShaderOptions.html#body" class="tsd-kind-icon">body</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.ShaderOptions.html#ins" class="tsd-kind-icon">ins</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.ShaderOptions.html#language" class="tsd-kind-icon">language</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.ShaderOptions.html#main" class="tsd-kind-icon">main</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.ShaderOptions.html#outs" class="tsd-kind-icon">outs</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.ShaderOptions.html#structs" class="tsd-kind-icon">structs</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="types.ShaderOptions.html#type" class="tsd-kind-icon">type</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#Language" class="tsd-kind-icon">Language</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
+					</li>
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="../modules/types.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/interfaces/types.bindgrouplayoutentry.html b/docs/interfaces/types.bindgrouplayoutentry.html
index a24b032..2470f12 100644
--- a/docs/interfaces/types.bindgrouplayoutentry.html
+++ b/docs/interfaces/types.bindgrouplayoutentry.html
@@ -58,7 +58,7 @@
 					<a href="../modules/types.html">types</a>
 				</li>
 				<li>
-					<a href="types.bindgrouplayoutentry.html">BindGroupLayoutEntry</a>
+					<a href="types.BindGroupLayoutEntry.html">BindGroupLayoutEntry</a>
 				</li>
 			</ul>
 			<h1>Interface BindGroupLayoutEntry</h1>
@@ -88,19 +88,12 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgrouplayoutentry.html#binding" class="tsd-kind-icon">binding</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgrouplayoutentry.html#buffer" class="tsd-kind-icon">buffer</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.bindgrouplayoutentry.html#dimension" class="tsd-kind-icon">dimension</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgrouplayoutentry.html#externaltexture" class="tsd-kind-icon">external<wbr>Texture</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.bindgrouplayoutentry.html#members" class="tsd-kind-icon">members</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.bindgrouplayoutentry.html#name" class="tsd-kind-icon">name</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.bindgrouplayoutentry.html#qualifiers" class="tsd-kind-icon">qualifiers</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgrouplayoutentry.html#sampler" class="tsd-kind-icon">sampler</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.bindgrouplayoutentry.html#samplertype" class="tsd-kind-icon">sampler<wbr>Type</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgrouplayoutentry.html#storagetexture" class="tsd-kind-icon">storage<wbr>Texture</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgrouplayoutentry.html#texture" class="tsd-kind-icon">texture</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.bindgrouplayoutentry.html#uniforms" class="tsd-kind-icon">uniforms</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgrouplayoutentry.html#visibility" class="tsd-kind-icon">visibility</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.BindGroupLayoutEntry.html#dimension" class="tsd-kind-icon">dimension</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.BindGroupLayoutEntry.html#members" class="tsd-kind-icon">members</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.BindGroupLayoutEntry.html#name" class="tsd-kind-icon">name</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.BindGroupLayoutEntry.html#qualifiers" class="tsd-kind-icon">qualifiers</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.BindGroupLayoutEntry.html#samplerType" class="tsd-kind-icon">sampler<wbr>Type</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.BindGroupLayoutEntry.html#uniforms" class="tsd-kind-icon">uniforms</a></li>
 							</ul>
 						</section>
 					</div>
@@ -108,75 +101,23 @@ <h3>Properties</h3>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="binding" class="tsd-anchor"></a>
-					<h3>binding</h3>
-					<div class="tsd-signature tsd-kind-icon">binding<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupLayoutEntry.binding</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:333</li>
-						</ul>
-					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>A unique identifier for a resource binding within a
-								{@link GPUBindGroupLayoutEntry}, a corresponding {@link GPUBindGroupEntry},
-							and the {@link GPUShaderModule}s.</p>
-						</div>
-					</div>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="buffer" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagOptional">Optional</span> buffer</h3>
-					<div class="tsd-signature tsd-kind-icon">buffer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUBufferBindingLayout</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupLayoutEntry.buffer</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:344</li>
-						</ul>
-					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>When not <code>undefined</code>, indicates the binding resource type for this {@link GPUBindGroupLayoutEntry}
-							is {@link GPUBufferBinding}.</p>
-						</div>
-					</div>
-				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="dimension" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> dimension</h3>
 					<div class="tsd-signature tsd-kind-icon">dimension<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUTextureDimension</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L54">src/types.ts:54</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L72">types.ts:72</a></li>
 						</ul>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="externaltexture" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagOptional">Optional</span> external<wbr>Texture</h3>
-					<div class="tsd-signature tsd-kind-icon">external<wbr>Texture<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUExternalTextureBindingLayout</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupLayoutEntry.externalTexture</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:364</li>
-						</ul>
-					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>When not <code>undefined</code>, indicates the binding resource type for this {@link GPUBindGroupLayoutEntry}
-							is {@link GPUExternalTexture}.</p>
-						</div>
-					</div>
-				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="members" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> members</h3>
-					<div class="tsd-signature tsd-kind-icon">members<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><a href="../classes/core_variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="../classes/core_struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div>
+					<div class="tsd-signature tsd-kind-icon">members<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><a href="../classes/core_Variable.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol"> | </span><a href="../classes/core_Struct.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L53">src/types.ts:53</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L71">types.ts:71</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -186,108 +127,39 @@ <h3>name</h3>
 					<div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L51">src/types.ts:51</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L69">types.ts:69</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="qualifiers" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> qualifiers</h3>
-					<div class="tsd-signature tsd-kind-icon">qualifiers<span class="tsd-signature-symbol">:</span> <a href="types.glsltypequalifiers.html" class="tsd-signature-type" data-tsd-kind="Interface">GLSLTypeQualifiers</a></div>
+					<div class="tsd-signature tsd-kind-icon">qualifiers<span class="tsd-signature-symbol">:</span> <a href="types.GLSLTypeQualifiers.html" class="tsd-signature-type" data-tsd-kind="Interface">GLSLTypeQualifiers</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L55">src/types.ts:55</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L73">types.ts:73</a></li>
 						</ul>
 					</aside>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="sampler" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagOptional">Optional</span> sampler</h3>
-					<div class="tsd-signature tsd-kind-icon">sampler<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUSamplerBindingLayout</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupLayoutEntry.sampler</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:349</li>
-						</ul>
-					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>When not <code>undefined</code>, indicates the binding resource type for this {@link GPUBindGroupLayoutEntry}
-							is {@link GPUSampler}.</p>
-						</div>
-					</div>
-				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
-					<a name="samplertype" class="tsd-anchor"></a>
+					<a name="samplerType" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> sampler<wbr>Type</h3>
-					<div class="tsd-signature tsd-kind-icon">sampler<wbr>Type<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#glslsamplertype" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLSamplerType</a><span class="tsd-signature-symbol"> | </span><a href="../modules/types.html#glslshadowsamplertype" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLShadowSamplerType</a></div>
-					<aside class="tsd-sources">
-						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L56">src/types.ts:56</a></li>
-						</ul>
-					</aside>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="storagetexture" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagOptional">Optional</span> storage<wbr>Texture</h3>
-					<div class="tsd-signature tsd-kind-icon">storage<wbr>Texture<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUStorageTextureBindingLayout</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupLayoutEntry.storageTexture</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:359</li>
-						</ul>
-					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>When not <code>undefined</code>, indicates the binding resource type for this {@link GPUBindGroupLayoutEntry}
-							is {@link GPUTextureView}.</p>
-						</div>
-					</div>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="texture" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagOptional">Optional</span> texture</h3>
-					<div class="tsd-signature tsd-kind-icon">texture<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUTextureBindingLayout</span></div>
+					<div class="tsd-signature tsd-kind-icon">sampler<wbr>Type<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#GLSLSamplerType" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLSamplerType</a><span class="tsd-signature-symbol"> | </span><a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLShadowSamplerType</a></div>
 					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupLayoutEntry.texture</p>
 						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:354</li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L74">types.ts:74</a></li>
 						</ul>
 					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>When not <code>undefined</code>, indicates the binding resource type for this {@link GPUBindGroupLayoutEntry}
-							is {@link GPUTextureView}.</p>
-						</div>
-					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="uniforms" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> uniforms</h3>
-					<div class="tsd-signature tsd-kind-icon">uniforms<span class="tsd-signature-symbol">:</span> <a href="../classes/core_uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
-					<aside class="tsd-sources">
-						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L52">src/types.ts:52</a></li>
-						</ul>
-					</aside>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="visibility" class="tsd-anchor"></a>
-					<h3>visibility</h3>
-					<div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<div class="tsd-signature tsd-kind-icon">uniforms<span class="tsd-signature-symbol">:</span> <a href="../classes/core_Uniform.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupLayoutEntry.visibility</p>
 						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:339</li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L70">types.ts:70</a></li>
 						</ul>
 					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>A bitset of the members of <a href="../modules/constants.html#gpushaderstage">GPUShaderStage</a>.
-								Each set bit indicates that a {@link GPUBindGroupLayoutEntry}&#39;s resource
-							will be accessible from the associated shader stage.</p>
-						</div>
-					</div>
 				</section>
 			</section>
 		</div>
@@ -307,83 +179,83 @@ <h3>visibility</h3>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgrouplayoutentry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+						<a href="types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
 						<ul>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgrouplayoutentry.html#binding" class="tsd-kind-icon">binding</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgrouplayoutentry.html#buffer" class="tsd-kind-icon">buffer</a>
-							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.bindgrouplayoutentry.html#dimension" class="tsd-kind-icon">dimension</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgrouplayoutentry.html#externaltexture" class="tsd-kind-icon">external<wbr>Texture</a>
+								<a href="types.BindGroupLayoutEntry.html#dimension" class="tsd-kind-icon">dimension</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.bindgrouplayoutentry.html#members" class="tsd-kind-icon">members</a>
+								<a href="types.BindGroupLayoutEntry.html#members" class="tsd-kind-icon">members</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.bindgrouplayoutentry.html#name" class="tsd-kind-icon">name</a>
+								<a href="types.BindGroupLayoutEntry.html#name" class="tsd-kind-icon">name</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.bindgrouplayoutentry.html#qualifiers" class="tsd-kind-icon">qualifiers</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgrouplayoutentry.html#sampler" class="tsd-kind-icon">sampler</a>
+								<a href="types.BindGroupLayoutEntry.html#qualifiers" class="tsd-kind-icon">qualifiers</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.bindgrouplayoutentry.html#samplertype" class="tsd-kind-icon">sampler<wbr>Type</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgrouplayoutentry.html#storagetexture" class="tsd-kind-icon">storage<wbr>Texture</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgrouplayoutentry.html#texture" class="tsd-kind-icon">texture</a>
+								<a href="types.BindGroupLayoutEntry.html#samplerType" class="tsd-kind-icon">sampler<wbr>Type</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.bindgrouplayoutentry.html#uniforms" class="tsd-kind-icon">uniforms</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgrouplayoutentry.html#visibility" class="tsd-kind-icon">visibility</a>
+								<a href="types.BindGroupLayoutEntry.html#uniforms" class="tsd-kind-icon">uniforms</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgroupoptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+						<a href="types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextoptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+						<a href="types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextstate.html" class="tsd-kind-icon">Context<wbr>State</a>
+						<a href="types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.glsltypequalifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+						<a href="types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glsllayoutqualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+						<a href="../modules/types.html#Language" class="tsd-kind-icon">Language</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslsamplertype" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+						<a href="../modules/types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertype" class="tsd-kind-icon">GLSLShader<wbr>Type</a>
+						<a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertypeobjectkeys" class="tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys</a>
+						<a href="../modules/types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadowsamplertype" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslstoragequalifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+						<a href="../modules/types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#passtype" class="tsd-kind-icon">Pass<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-property tsd-parent-kind-module">
 						<a href="../modules/types.html#default" class="tsd-kind-icon">default</a>
diff --git a/docs/interfaces/types.bindgroupoptions.html b/docs/interfaces/types.bindgroupoptions.html
index 9405ed9..d0138d4 100644
--- a/docs/interfaces/types.bindgroupoptions.html
+++ b/docs/interfaces/types.bindgroupoptions.html
@@ -58,7 +58,7 @@
 					<a href="../modules/types.html">types</a>
 				</li>
 				<li>
-					<a href="types.bindgroupoptions.html">BindGroupOptions</a>
+					<a href="types.BindGroupOptions.html">BindGroupOptions</a>
 				</li>
 			</ul>
 			<h1>Interface BindGroupOptions</h1>
@@ -88,10 +88,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgroupoptions.html#entries" class="tsd-kind-icon">entries</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgroupoptions.html#label" class="tsd-kind-icon">label</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a href="types.bindgroupoptions.html#layout" class="tsd-kind-icon">layout</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.bindgroupoptions.html#resources" class="tsd-kind-icon">resources</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.BindGroupOptions.html#resources" class="tsd-kind-icon">resources</a></li>
 							</ul>
 						</section>
 					</div>
@@ -99,51 +96,13 @@ <h3>Properties</h3>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Properties</h2>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="entries" class="tsd-anchor"></a>
-					<h3>entries</h3>
-					<div class="tsd-signature tsd-kind-icon">entries<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Iterable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">GPUBindGroupEntry</span><span class="tsd-signature-symbol">&gt;</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupDescriptor.entries</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:314</li>
-						</ul>
-					</aside>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="label" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagOptional">Optional</span> label</h3>
-					<div class="tsd-signature tsd-kind-icon">label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupDescriptor.label</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:594</li>
-						</ul>
-					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>The initial value of {@link GPUObjectBase#label|GPUObjectBase.label}.</p>
-						</div>
-					</div>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-					<a name="layout" class="tsd-anchor"></a>
-					<h3>layout</h3>
-					<div class="tsd-signature tsd-kind-icon">layout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUBindGroupLayout</span></div>
-					<aside class="tsd-sources">
-						<p>Inherited from GPUBindGroupDescriptor.layout</p>
-						<ul>
-							<li>Defined in node_modules/@webgpu/types/dist/index.d.ts:313</li>
-						</ul>
-					</aside>
-				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="resources" class="tsd-anchor"></a>
 					<h3>resources</h3>
 					<div class="tsd-signature tsd-kind-icon">resources<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUBindingResource</span><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L60">src/types.ts:60</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L78">types.ts:78</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -163,58 +122,70 @@ <h3>resources</h3>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgrouplayoutentry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+						<a href="types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
 					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgroupoptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+						<a href="types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
 						<ul>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgroupoptions.html#entries" class="tsd-kind-icon">entries</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgroupoptions.html#label" class="tsd-kind-icon">label</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external">
-								<a href="types.bindgroupoptions.html#layout" class="tsd-kind-icon">layout</a>
-							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.bindgroupoptions.html#resources" class="tsd-kind-icon">resources</a>
+								<a href="types.BindGroupOptions.html#resources" class="tsd-kind-icon">resources</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextoptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+						<a href="types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextstate.html" class="tsd-kind-icon">Context<wbr>State</a>
+						<a href="types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.glsltypequalifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+						<a href="types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glsllayoutqualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+						<a href="../modules/types.html#Language" class="tsd-kind-icon">Language</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslsamplertype" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+						<a href="../modules/types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertype" class="tsd-kind-icon">GLSLShader<wbr>Type</a>
+						<a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertypeobjectkeys" class="tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys</a>
+						<a href="../modules/types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadowsamplertype" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslstoragequalifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+						<a href="../modules/types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#passtype" class="tsd-kind-icon">Pass<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-property tsd-parent-kind-module">
 						<a href="../modules/types.html#default" class="tsd-kind-icon">default</a>
diff --git a/docs/interfaces/types.contextoptions.html b/docs/interfaces/types.contextoptions.html
index 8df1408..9593194 100644
--- a/docs/interfaces/types.contextoptions.html
+++ b/docs/interfaces/types.contextoptions.html
@@ -58,7 +58,7 @@
 					<a href="../modules/types.html">types</a>
 				</li>
 				<li>
-					<a href="types.contextoptions.html">ContextOptions</a>
+					<a href="types.ContextOptions.html">ContextOptions</a>
 				</li>
 			</ul>
 			<h1>Interface ContextOptions</h1>
@@ -83,8 +83,8 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.contextoptions.html#canvas" class="tsd-kind-icon">canvas</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.contextoptions.html#context" class="tsd-kind-icon">context</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ContextOptions.html#canvas" class="tsd-kind-icon">canvas</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ContextOptions.html#context" class="tsd-kind-icon">context</a></li>
 							</ul>
 						</section>
 					</div>
@@ -98,7 +98,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> canvas</h3>
 					<div class="tsd-signature tsd-kind-icon">canvas<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLCanvasElement</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L46">src/types.ts:46</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L64">types.ts:64</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -108,7 +108,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> context</h3>
 					<div class="tsd-signature tsd-kind-icon">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUCanvasContext</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L47">src/types.ts:47</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L65">types.ts:65</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -128,52 +128,73 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> context</h3>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgrouplayoutentry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+						<a href="types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgroupoptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+						<a href="types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
 					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextoptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+						<a href="types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
 						<ul>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.contextoptions.html#canvas" class="tsd-kind-icon">canvas</a>
+								<a href="types.ContextOptions.html#canvas" class="tsd-kind-icon">canvas</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.contextoptions.html#context" class="tsd-kind-icon">context</a>
+								<a href="types.ContextOptions.html#context" class="tsd-kind-icon">context</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextstate.html" class="tsd-kind-icon">Context<wbr>State</a>
+						<a href="types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.glsltypequalifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+						<a href="types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glsllayoutqualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+						<a href="../modules/types.html#Language" class="tsd-kind-icon">Language</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslsamplertype" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+						<a href="../modules/types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertype" class="tsd-kind-icon">GLSLShader<wbr>Type</a>
+						<a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertypeobjectkeys" class="tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys</a>
+						<a href="../modules/types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadowsamplertype" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslstoragequalifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+						<a href="../modules/types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#passtype" class="tsd-kind-icon">Pass<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-property tsd-parent-kind-module">
 						<a href="../modules/types.html#default" class="tsd-kind-icon">default</a>
diff --git a/docs/interfaces/types.contextstate.html b/docs/interfaces/types.contextstate.html
index d07b9bc..dc21817 100644
--- a/docs/interfaces/types.contextstate.html
+++ b/docs/interfaces/types.contextstate.html
@@ -58,7 +58,7 @@
 					<a href="../modules/types.html">types</a>
 				</li>
 				<li>
-					<a href="types.contextstate.html">ContextState</a>
+					<a href="types.ContextState.html">ContextState</a>
 				</li>
 			</ul>
 			<h1>Interface ContextState</h1>
@@ -83,10 +83,10 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.contextstate.html#debug" class="tsd-kind-icon">debug</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.contextstate.html#device" class="tsd-kind-icon">device</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.contextstate.html#error" class="tsd-kind-icon">error</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.contextstate.html#glslang" class="tsd-kind-icon">glslang</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ContextState.html#debug" class="tsd-kind-icon">debug</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ContextState.html#device" class="tsd-kind-icon">device</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ContextState.html#error" class="tsd-kind-icon">error</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.ContextState.html#glslang" class="tsd-kind-icon">glslang</a></li>
 							</ul>
 						</section>
 					</div>
@@ -100,7 +100,7 @@ <h3>debug</h3>
 					<div class="tsd-signature tsd-kind-icon">debug<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L41">src/types.ts:41</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L59">types.ts:59</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -110,7 +110,7 @@ <h3>device</h3>
 					<div class="tsd-signature tsd-kind-icon">device<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUDevice</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L37">src/types.ts:37</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L55">types.ts:55</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -120,43 +120,44 @@ <h3>error</h3>
 					<div class="tsd-signature tsd-kind-icon">error<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L42">src/types.ts:42</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L60">types.ts:60</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="glslang" class="tsd-anchor"></a>
 					<h3>glslang</h3>
-					<div class="tsd-signature tsd-kind-icon">glslang<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>compileGLSL<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>source<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<div class="tsd-signature tsd-kind-icon">glslang<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>compileGLSL<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L38">src/types.ts:38</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L56">types.ts:56</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
 						<h4>Type declaration</h4>
 						<ul class="tsd-parameters">
 							<li class="tsd-parameter">
-								<h5>compileGLSL<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>source<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">string</span></h5>
-								<ul class="tsd-parameters">
-									<li class="tsd-parameter-signature">
-										<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-literal">
-											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>source<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
-										</ul>
-										<ul class="tsd-descriptions">
-											<li class="tsd-description">
-												<h4 class="tsd-parameters-title">Parameters</h4>
-												<ul class="tsd-parameters">
-													<li>
-														<h5>source: <span class="tsd-signature-type">string</span></h5>
-													</li>
-													<li>
-														<h5>type: <span class="tsd-signature-type">string</span></h5>
-													</li>
-												</ul>
-												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+								<h5>compileGLSL<span class="tsd-signature-symbol">: </span>function</h5>
+								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-type-literal">
+									<li class="tsd-signature tsd-kind-icon">compileGLSL<span class="tsd-signature-symbol">(</span>source<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+								</ul>
+								<ul class="tsd-descriptions">
+									<li class="tsd-description">
+										<aside class="tsd-sources">
+											<ul>
+												<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L57">types.ts:57</a></li>
+											</ul>
+										</aside>
+										<h4 class="tsd-parameters-title">Parameters</h4>
+										<ul class="tsd-parameters">
+											<li>
+												<h5>source: <span class="tsd-signature-type">string</span></h5>
+											</li>
+											<li>
+												<h5>type: <span class="tsd-signature-type">string</span></h5>
 											</li>
 										</ul>
+										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
 									</li>
 								</ul>
 							</li>
@@ -179,58 +180,79 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgrouplayoutentry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+						<a href="types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgroupoptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+						<a href="types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextoptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+						<a href="types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
 					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextstate.html" class="tsd-kind-icon">Context<wbr>State</a>
+						<a href="types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
 						<ul>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.contextstate.html#debug" class="tsd-kind-icon">debug</a>
+								<a href="types.ContextState.html#debug" class="tsd-kind-icon">debug</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.contextstate.html#device" class="tsd-kind-icon">device</a>
+								<a href="types.ContextState.html#device" class="tsd-kind-icon">device</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.contextstate.html#error" class="tsd-kind-icon">error</a>
+								<a href="types.ContextState.html#error" class="tsd-kind-icon">error</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.contextstate.html#glslang" class="tsd-kind-icon">glslang</a>
+								<a href="types.ContextState.html#glslang" class="tsd-kind-icon">glslang</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.glsltypequalifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+						<a href="types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glsllayoutqualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+						<a href="../modules/types.html#Language" class="tsd-kind-icon">Language</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslsamplertype" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+						<a href="../modules/types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertype" class="tsd-kind-icon">GLSLShader<wbr>Type</a>
+						<a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertypeobjectkeys" class="tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys</a>
+						<a href="../modules/types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadowsamplertype" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslstoragequalifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+						<a href="../modules/types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#passtype" class="tsd-kind-icon">Pass<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-property tsd-parent-kind-module">
 						<a href="../modules/types.html#default" class="tsd-kind-icon">default</a>
diff --git a/docs/interfaces/types.glsltypequalifiers.html b/docs/interfaces/types.glsltypequalifiers.html
index ff565b5..dc6ed27 100644
--- a/docs/interfaces/types.glsltypequalifiers.html
+++ b/docs/interfaces/types.glsltypequalifiers.html
@@ -58,7 +58,7 @@
 					<a href="../modules/types.html">types</a>
 				</li>
 				<li>
-					<a href="types.glsltypequalifiers.html">GLSLTypeQualifiers</a>
+					<a href="types.GLSLTypeQualifiers.html">GLSLTypeQualifiers</a>
 				</li>
 			</ul>
 			<h1>Interface GLSLTypeQualifiers</h1>
@@ -83,8 +83,8 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.glsltypequalifiers.html#layout" class="tsd-kind-icon">layout</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.glsltypequalifiers.html#storage" class="tsd-kind-icon">storage</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.GLSLTypeQualifiers.html#layout" class="tsd-kind-icon">layout</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="types.GLSLTypeQualifiers.html#storage" class="tsd-kind-icon">storage</a></li>
 							</ul>
 						</section>
 					</div>
@@ -95,20 +95,20 @@ <h2>Properties</h2>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="layout" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> layout</h3>
-					<div class="tsd-signature tsd-kind-icon">layout<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#glsllayoutqualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></div>
+					<div class="tsd-signature tsd-kind-icon">layout<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLLayoutQualifier</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L32">src/types.ts:32</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L47">types.ts:47</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="storage" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagOptional">Optional</span> storage</h3>
-					<div class="tsd-signature tsd-kind-icon">storage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;shared&quot;</span></div>
+					<div class="tsd-signature tsd-kind-icon">storage<span class="tsd-signature-symbol">:</span> <a href="../modules/types.html#GLSLStorageQualifier" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLStorageQualifier</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L33">src/types.ts:33</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L48">types.ts:48</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -128,52 +128,73 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> storage</h3>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgrouplayoutentry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+						<a href="types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.bindgroupoptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+						<a href="types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextoptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+						<a href="types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.contextstate.html" class="tsd-kind-icon">Context<wbr>State</a>
+						<a href="types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
 					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface tsd-parent-kind-module">
-						<a href="types.glsltypequalifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+						<a href="types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
 						<ul>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.glsltypequalifiers.html#layout" class="tsd-kind-icon">layout</a>
+								<a href="types.GLSLTypeQualifiers.html#layout" class="tsd-kind-icon">layout</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
-								<a href="types.glsltypequalifiers.html#storage" class="tsd-kind-icon">storage</a>
+								<a href="types.GLSLTypeQualifiers.html#storage" class="tsd-kind-icon">storage</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="../modules/types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
+					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glsllayoutqualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+						<a href="../modules/types.html#Language" class="tsd-kind-icon">Language</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslsamplertype" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+						<a href="../modules/types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertype" class="tsd-kind-icon">GLSLShader<wbr>Type</a>
+						<a href="../modules/types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadertypeobjectkeys" class="tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys</a>
+						<a href="../modules/types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslshadowsamplertype" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#glslstoragequalifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+						<a href="../modules/types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="../modules/types.html#passtype" class="tsd-kind-icon">Pass<wbr>Type</a>
+						<a href="../modules/types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-property tsd-parent-kind-module">
 						<a href="../modules/types.html#default" class="tsd-kind-icon">default</a>
diff --git a/docs/modules.html b/docs/modules.html
index b6b4d96..e2918c2 100644
--- a/docs/modules.html
+++ b/docs/modules.html
@@ -65,38 +65,54 @@ <h2>Index</h2>
 							<h3>Modules</h3>
 							<ul class="tsd-index-list">
 								<li class="tsd-kind-module"><a href="modules/constants.html" class="tsd-kind-icon">constants</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_attachment.html" class="tsd-kind-icon">core/<wbr>Attachment</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_attribute.html" class="tsd-kind-icon">core/<wbr>Attribute</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_bindgroup.html" class="tsd-kind-icon">core/<wbr>Bind<wbr>Group</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_bindgrouplayout.html" class="tsd-kind-icon">core/<wbr>Bind<wbr>Group<wbr>Layout</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_buffer.html" class="tsd-kind-icon">core/<wbr>Buffer</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_clock.html" class="tsd-kind-icon">core/<wbr>Clock</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_command.html" class="tsd-kind-icon">core/<wbr>Command</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_context.html" class="tsd-kind-icon">core/<wbr>Context</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_pass.html" class="tsd-kind-icon">core/<wbr>Pass</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_pipeline.html" class="tsd-kind-icon">core/<wbr>Pipeline</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_program.html" class="tsd-kind-icon">core/<wbr>Program</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_sampler.html" class="tsd-kind-icon">core/<wbr>Sampler</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_shader.html" class="tsd-kind-icon">core/<wbr>Shader</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_state.html" class="tsd-kind-icon">core/<wbr>State</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_struct.html" class="tsd-kind-icon">core/<wbr>Struct</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_texture.html" class="tsd-kind-icon">core/<wbr>Texture</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_uniform.html" class="tsd-kind-icon">core/<wbr>Uniform</a></li>
-								<li class="tsd-kind-module"><a href="modules/core_variable.html" class="tsd-kind-icon">core/<wbr>Variable</a></li>
-								<li class="tsd-kind-module"><a href="modules/helpers_axes.html" class="tsd-kind-icon">helpers/<wbr>Axes</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Attachment.html" class="tsd-kind-icon">core/<wbr>Attachment</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Attribute.html" class="tsd-kind-icon">core/<wbr>Attribute</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_BindGroup.html" class="tsd-kind-icon">core/<wbr>Bind<wbr>Group</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_BindGroupLayout.html" class="tsd-kind-icon">core/<wbr>Bind<wbr>Group<wbr>Layout</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Buffer.html" class="tsd-kind-icon">core/<wbr>Buffer</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_BuiltIn.html" class="tsd-kind-icon">core/<wbr>Built<wbr>In</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Clock.html" class="tsd-kind-icon">core/<wbr>Clock</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Command.html" class="tsd-kind-icon">core/<wbr>Command</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Context.html" class="tsd-kind-icon">core/<wbr>Context</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Pass.html" class="tsd-kind-icon">core/<wbr>Pass</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Pipeline.html" class="tsd-kind-icon">core/<wbr>Pipeline</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Program.html" class="tsd-kind-icon">core/<wbr>Program</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Sampler.html" class="tsd-kind-icon">core/<wbr>Sampler</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Shader.html" class="tsd-kind-icon">core/<wbr>Shader</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_State.html" class="tsd-kind-icon">core/<wbr>State</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Struct.html" class="tsd-kind-icon">core/<wbr>Struct</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Texture.html" class="tsd-kind-icon">core/<wbr>Texture</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Uniform.html" class="tsd-kind-icon">core/<wbr>Uniform</a></li>
+								<li class="tsd-kind-module"><a href="modules/core_Variable.html" class="tsd-kind-icon">core/<wbr>Variable</a></li>
+								<li class="tsd-kind-module"><a href="modules/helpers_Axes.html" class="tsd-kind-icon">helpers/<wbr>Axes</a></li>
 								<li class="tsd-kind-module"><a href="modules/index.html" class="tsd-kind-icon">index</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders.html" class="tsd-kind-icon">shaders</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_constants_glsl.html" class="tsd-kind-icon">shaders/constants.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_constants_wgsl.html" class="tsd-kind-icon">shaders/constants.wgsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_index_glsl.html" class="tsd-kind-icon">shaders/index.glsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_lighting_diffuse_glsl.html" class="tsd-kind-icon">shaders/lighting/diffuse.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_lighting_diffuse_wgsl.html" class="tsd-kind-icon">shaders/lighting/diffuse.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_lighting_direct_glsl.html" class="tsd-kind-icon">shaders/lighting/direct.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_lighting_direct_wgsl.html" class="tsd-kind-icon">shaders/lighting/direct.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_lighting_gamma_glsl.html" class="tsd-kind-icon">shaders/lighting/gamma.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_lighting_gamma_wgsl.html" class="tsd-kind-icon">shaders/lighting/gamma.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_lighting_linear_glsl.html" class="tsd-kind-icon">shaders/lighting/linear.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_lighting_linear_wgsl.html" class="tsd-kind-icon">shaders/lighting/linear.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_lighting_specular_glsl.html" class="tsd-kind-icon">shaders/lighting/specular.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_lighting_specular_wgsl.html" class="tsd-kind-icon">shaders/lighting/specular.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_noise_classic_glsl.html" class="tsd-kind-icon">shaders/noise/classic.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_noise_classic_wgsl.html" class="tsd-kind-icon">shaders/noise/classic.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_noise_index_glsl.html" class="tsd-kind-icon">shaders/noise/index.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_noise_index_wgsl.html" class="tsd-kind-icon">shaders/noise/index.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_noise_periodic_glsl.html" class="tsd-kind-icon">shaders/noise/periodic.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_noise_periodic_wgsl.html" class="tsd-kind-icon">shaders/noise/periodic.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_noise_simplex_glsl.html" class="tsd-kind-icon">shaders/noise/simplex.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_noise_simplex_wgsl.html" class="tsd-kind-icon">shaders/noise/simplex.wgsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_noise_utils_glsl.html" class="tsd-kind-icon">shaders/noise/utils.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_noise_utils_wgsl.html" class="tsd-kind-icon">shaders/noise/utils.wgsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_noise_worley_wgsl.html" class="tsd-kind-icon">shaders/noise/worley.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/shaders_utils_glsl.html" class="tsd-kind-icon">shaders/utils.glsl</a></li>
+								<li class="tsd-kind-module"><a href="modules/shaders_utils_wgsl.html" class="tsd-kind-icon">shaders/utils.wgsl</a></li>
 								<li class="tsd-kind-module"><a href="modules/types.html" class="tsd-kind-icon">types</a></li>
 								<li class="tsd-kind-module"><a href="modules/utils.html" class="tsd-kind-icon">utils</a></li>
 							</ul>
@@ -115,61 +131,64 @@ <h3>Modules</h3>
 						<a href="modules/constants.html">constants</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_attachment.html">core/<wbr>Attachment</a>
+						<a href="modules/core_Attachment.html">core/<wbr>Attachment</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_attribute.html">core/<wbr>Attribute</a>
+						<a href="modules/core_Attribute.html">core/<wbr>Attribute</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_bindgroup.html">core/<wbr>Bind<wbr>Group</a>
+						<a href="modules/core_BindGroup.html">core/<wbr>Bind<wbr>Group</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_bindgrouplayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
+						<a href="modules/core_BindGroupLayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_buffer.html">core/<wbr>Buffer</a>
+						<a href="modules/core_Buffer.html">core/<wbr>Buffer</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_clock.html">core/<wbr>Clock</a>
+						<a href="modules/core_BuiltIn.html">core/<wbr>Built<wbr>In</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_command.html">core/<wbr>Command</a>
+						<a href="modules/core_Clock.html">core/<wbr>Clock</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_context.html">core/<wbr>Context</a>
+						<a href="modules/core_Command.html">core/<wbr>Command</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_pass.html">core/<wbr>Pass</a>
+						<a href="modules/core_Context.html">core/<wbr>Context</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_pipeline.html">core/<wbr>Pipeline</a>
+						<a href="modules/core_Pass.html">core/<wbr>Pass</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_program.html">core/<wbr>Program</a>
+						<a href="modules/core_Pipeline.html">core/<wbr>Pipeline</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_sampler.html">core/<wbr>Sampler</a>
+						<a href="modules/core_Program.html">core/<wbr>Program</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_shader.html">core/<wbr>Shader</a>
+						<a href="modules/core_Sampler.html">core/<wbr>Sampler</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_state.html">core/<wbr>State</a>
+						<a href="modules/core_Shader.html">core/<wbr>Shader</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_struct.html">core/<wbr>Struct</a>
+						<a href="modules/core_State.html">core/<wbr>State</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_texture.html">core/<wbr>Texture</a>
+						<a href="modules/core_Struct.html">core/<wbr>Struct</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_uniform.html">core/<wbr>Uniform</a>
+						<a href="modules/core_Texture.html">core/<wbr>Texture</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/core_variable.html">core/<wbr>Variable</a>
+						<a href="modules/core_Uniform.html">core/<wbr>Uniform</a>
 					</li>
 					<li class=" tsd-kind-module">
-						<a href="modules/helpers_axes.html">helpers/<wbr>Axes</a>
+						<a href="modules/core_Variable.html">core/<wbr>Variable</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/helpers_Axes.html">helpers/<wbr>Axes</a>
 					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/index.html">index</a>
@@ -180,36 +199,81 @@ <h3>Modules</h3>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_constants_glsl.html">shaders/constants.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_constants_wgsl.html">shaders/constants.wgsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_index_glsl.html">shaders/index.glsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_diffuse_glsl.html">shaders/lighting/diffuse.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_diffuse_wgsl.html">shaders/lighting/diffuse.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_direct_glsl.html">shaders/lighting/direct.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_direct_wgsl.html">shaders/lighting/direct.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_gamma_glsl.html">shaders/lighting/gamma.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_gamma_wgsl.html">shaders/lighting/gamma.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_linear_glsl.html">shaders/lighting/linear.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_linear_wgsl.html">shaders/lighting/linear.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_lighting_specular_glsl.html">shaders/lighting/specular.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_lighting_specular_wgsl.html">shaders/lighting/specular.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_classic_glsl.html">shaders/noise/classic.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_classic_wgsl.html">shaders/noise/classic.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_index_glsl.html">shaders/noise/index.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_index_wgsl.html">shaders/noise/index.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_periodic_glsl.html">shaders/noise/periodic.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_periodic_wgsl.html">shaders/noise/periodic.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_noise_simplex_glsl.html">shaders/noise/simplex.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_simplex_wgsl.html">shaders/noise/simplex.wgsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_utils_glsl.html">shaders/noise/utils.glsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_utils_wgsl.html">shaders/noise/utils.wgsl</a>
+					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_noise_worley_wgsl.html">shaders/noise/worley.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/shaders_utils_glsl.html">shaders/utils.glsl</a>
 					</li>
+					<li class=" tsd-kind-module">
+						<a href="modules/shaders_utils_wgsl.html">shaders/utils.wgsl</a>
+					</li>
 					<li class=" tsd-kind-module">
 						<a href="modules/types.html">types</a>
 					</li>
diff --git a/docs/modules/constants.html b/docs/modules/constants.html
index 8135fe8..282d146 100644
--- a/docs/modules/constants.html
+++ b/docs/modules/constants.html
@@ -69,125 +69,139 @@ <h1>Module constants</h1>
 				<h2>Index</h2>
 				<section class="tsd-panel tsd-index-panel">
 					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Type aliases</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="constants.html#AccessMode" class="tsd-kind-icon">Access<wbr>Mode</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="constants.html#StorageClass" class="tsd-kind-icon">Storage<wbr>Class</a></li>
+							</ul>
+						</section>
 						<section class="tsd-index-section ">
 							<h3>Variables</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#bindingtype" class="tsd-kind-icon">Binding<wbr>Type</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#gpubufferusage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#gpuindexformat" class="tsd-kind-icon">GPUIndex<wbr>Format</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#gpuprimitivetopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#gpushaderstage" class="tsd-kind-icon">GPUShader<wbr>Stage</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#gputextureusage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#AccessMode-1" class="tsd-kind-icon">Access<wbr>Mode</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#BindingType" class="tsd-kind-icon">Binding<wbr>Type</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#GLSL_SCALARS_TO_WGSL" class="tsd-kind-icon">GLSL_<wbr>SCALARS_<wbr>TO_<wbr>WGSL</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#GPUBufferUsage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#GPUIndexFormat" class="tsd-kind-icon">GPUIndex<wbr>Format</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#GPUPrimitiveTopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#GPUShaderStage" class="tsd-kind-icon">GPUShader<wbr>Stage</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#GPUShaderStageName" class="tsd-kind-icon">GPUShader<wbr>Stage<wbr>Name</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#GPUTextureUsage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#StorageClass-1" class="tsd-kind-icon">Storage<wbr>Class</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#WGSLBuiltIn" class="tsd-kind-icon">WGSLBuilt<wbr>In</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#WGSL_MATRIX_TO_GLSL" class="tsd-kind-icon">WGSL_<wbr>MATRIX_<wbr>TO_<wbr>GLSL</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#WGSL_SCALARS_TO_GLSL_PREFIX" class="tsd-kind-icon">WGSL_<wbr>SCALARS_<wbr>TO_<wbr>GLSL_<wbr>PREFIX</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="constants.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT" class="tsd-kind-icon">WGSL_<wbr>TYPE_<wbr>TO_<wbr>GPU_<wbr>VERTEX_<wbr>FORMAT</a></li>
 							</ul>
 						</section>
 					</div>
 				</section>
 			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Type aliases</h2>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="AccessMode" class="tsd-anchor"></a>
+					<h3>Access<wbr>Mode</h3>
+					<div class="tsd-signature tsd-kind-icon">Access<wbr>Mode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">typeof </span><a href="constants.html#AccessMode-1" class="tsd-signature-type" data-tsd-kind="Variable">AccessMode</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-symbol">typeof </span><a href="constants.html#AccessMode-1" class="tsd-signature-type" data-tsd-kind="Variable">AccessMode</a><span class="tsd-signature-symbol">]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L89">constants.ts:89</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="StorageClass" class="tsd-anchor"></a>
+					<h3>Storage<wbr>Class</h3>
+					<div class="tsd-signature tsd-kind-icon">Storage<wbr>Class<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">typeof </span><a href="constants.html#StorageClass-1" class="tsd-signature-type" data-tsd-kind="Variable">StorageClass</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-symbol">typeof </span><a href="constants.html#StorageClass-1" class="tsd-signature-type" data-tsd-kind="Variable">StorageClass</a><span class="tsd-signature-symbol">]</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L82">constants.ts:82</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Variables</h2>
 				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="bindingtype" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagConst">Const</span> Binding<wbr>Type</h3>
-					<div class="tsd-signature tsd-kind-icon">Binding<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>Comparison<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>Depth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>Filtering<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>Float<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>NonFiltering<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>ReadOnly<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>ReadonlyStorage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>Sint<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>Storage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>Uint<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>UnFilterableFloat<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>Uniform<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>WriteOnly<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<a name="AccessMode-1" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Access<wbr>Mode</h3>
+					<div class="tsd-signature tsd-kind-icon">Access<wbr>Mode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/constants.ts#L6">src/constants.ts:6</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L84">constants.ts:84</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
 						<h4>Type declaration</h4>
 						<ul class="tsd-parameters">
-							<li class="tsd-parameter">
-								<h5>Comparison<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Depth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Filtering<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Float<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Non<wbr>Filtering<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Read<wbr>Only<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Readonly<wbr>Storage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Sint<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Storage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Uint<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>Un<wbr>Filterable<wbr>Float<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">string</span></h5>
 							</li>
-							<li class="tsd-parameter">
-								<h5>Uniform<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="BindingType" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Binding<wbr>Type</h3>
+					<div class="tsd-signature tsd-kind-icon">Binding<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L33">constants.ts:33</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">string</span></h5>
 							</li>
-							<li class="tsd-parameter">
-								<h5>Write<wbr>Only<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="GLSL_SCALARS_TO_WGSL" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> GLSL_<wbr>SCALARS_<wbr>TO_<wbr>WGSL</h3>
+					<div class="tsd-signature tsd-kind-icon">GLSL_<wbr>SCALARS_<wbr>TO_<wbr>WGSL<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L91">constants.ts:91</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">string</span></h5>
 							</li>
 						</ul>
 					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="gpubufferusage" class="tsd-anchor"></a>
+					<a name="GPUBufferUsage" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> GPUBuffer<wbr>Usage</h3>
-					<div class="tsd-signature tsd-kind-icon">GPUBuffer<wbr>Usage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>COPY_DST<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>COPY_SRC<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>INDEX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>INDIRECT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>MAP_READ<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>MAP_WRITE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>STORAGE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>UNIFORM<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>VERTEX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<div class="tsd-signature tsd-kind-icon">GPUBuffer<wbr>Usage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/constants.ts#L34">src/constants.ts:34</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L6">constants.ts:6</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
 						<h4>Type declaration</h4>
 						<ul class="tsd-parameters">
-							<li class="tsd-parameter">
-								<h5>COPY_<wbr>DST<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>COPY_<wbr>SRC<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>INDEX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>INDIRECT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>MAP_<wbr>READ<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>MAP_<wbr>WRITE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>STORAGE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>UNIFORM<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>VERTEX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">GPUBufferUsageFlags</span></h5>
 							</li>
 						</ul>
 					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="gpuindexformat" class="tsd-anchor"></a>
+					<a name="GPUIndexFormat" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> GPUIndex<wbr>Format</h3>
 					<div class="tsd-signature tsd-kind-icon">GPUIndex<wbr>Format<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/constants.ts#L21">src/constants.ts:21</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L53">constants.ts:53</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
@@ -200,12 +214,12 @@ <h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-t
 					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="gpuprimitivetopology" class="tsd-anchor"></a>
+					<a name="GPUPrimitiveTopology" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> GPUPrimitive<wbr>Topology</h3>
 					<div class="tsd-signature tsd-kind-icon">GPUPrimitive<wbr>Topology<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/constants.ts#L25">src/constants.ts:25</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L58">constants.ts:58</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
@@ -218,55 +232,145 @@ <h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-t
 					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="gpushaderstage" class="tsd-anchor"></a>
+					<a name="GPUShaderStage" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> GPUShader<wbr>Stage</h3>
-					<div class="tsd-signature tsd-kind-icon">GPUShader<wbr>Stage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>COMPUTE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>FRAGMENT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>VERTEX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<div class="tsd-signature tsd-kind-icon">GPUShader<wbr>Stage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/constants.ts#L52">src/constants.ts:52</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L24">constants.ts:24</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
 						<h4>Type declaration</h4>
 						<ul class="tsd-parameters">
-							<li class="tsd-parameter">
-								<h5>COMPUTE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
-							</li>
-							<li class="tsd-parameter">
-								<h5>FRAGMENT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">GPUShaderStageFlags</span></h5>
 							</li>
-							<li class="tsd-parameter">
-								<h5>VERTEX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="GPUShaderStageName" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> GPUShader<wbr>Stage<wbr>Name</h3>
+					<div class="tsd-signature tsd-kind-icon">GPUShader<wbr>Stage<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L65">constants.ts:65</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">GPUShaderStageFlags</span><span class="tsd-signature-symbol">]: </span><a href="types.html#ShaderStageName" class="tsd-signature-type" data-tsd-kind="Type alias">ShaderStageName</a></h5>
 							</li>
 						</ul>
 					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="gputextureusage" class="tsd-anchor"></a>
+					<a name="GPUTextureUsage" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> GPUTexture<wbr>Usage</h3>
-					<div class="tsd-signature tsd-kind-icon">GPUTexture<wbr>Usage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>COPY_DST<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>COPY_SRC<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>RENDER_ATTACHMENT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>SAMPLED<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>STORAGE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<div class="tsd-signature tsd-kind-icon">GPUTexture<wbr>Usage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L17">constants.ts:17</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">GPUTextureUsageFlags</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="StorageClass-1" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Storage<wbr>Class</h3>
+					<div class="tsd-signature tsd-kind-icon">Storage<wbr>Class<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/constants.ts#L45">src/constants.ts:45</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L74">constants.ts:74</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
 						<h4>Type declaration</h4>
 						<ul class="tsd-parameters">
-							<li class="tsd-parameter">
-								<h5>COPY_<wbr>DST<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">string</span></h5>
 							</li>
-							<li class="tsd-parameter">
-								<h5>COPY_<wbr>SRC<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="WGSLBuiltIn" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> WGSLBuilt<wbr>In</h3>
+					<div class="tsd-signature tsd-kind-icon">WGSLBuilt<wbr>In<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L131">constants.ts:131</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><a href="../classes/core_BuiltIn.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a></h5>
 							</li>
-							<li class="tsd-parameter">
-								<h5>RENDER_<wbr>ATTACHMENT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="WGSL_MATRIX_TO_GLSL" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> WGSL_<wbr>MATRIX_<wbr>TO_<wbr>GLSL</h3>
+					<div class="tsd-signature tsd-kind-icon">WGSL_<wbr>MATRIX_<wbr>TO_<wbr>GLSL<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L105">constants.ts:105</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">string</span></h5>
 							</li>
-							<li class="tsd-parameter">
-								<h5>SAMPLED<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="WGSL_SCALARS_TO_GLSL_PREFIX" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> WGSL_<wbr>SCALARS_<wbr>TO_<wbr>GLSL_<wbr>PREFIX</h3>
+					<div class="tsd-signature tsd-kind-icon">WGSL_<wbr>SCALARS_<wbr>TO_<wbr>GLSL_<wbr>PREFIX<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L98">constants.ts:98</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">string</span></h5>
 							</li>
-							<li class="tsd-parameter">
-								<h5>STORAGE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="WGSL_TYPE_TO_GPU_VERTEX_FORMAT" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> WGSL_<wbr>TYPE_<wbr>TO_<wbr>GPU_<wbr>VERTEX_<wbr>FORMAT</h3>
+					<div class="tsd-signature tsd-kind-icon">WGSL_<wbr>TYPE_<wbr>TO_<wbr>GPU_<wbr>VERTEX_<wbr>FORMAT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/constants.ts#L111">constants.ts:111</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">GPUVertexFormat</span></h5>
 							</li>
 						</ul>
 					</div>
@@ -286,23 +390,53 @@ <h5>STORAGE<span class="tsd-signature-symbol">: </span><span class="tsd-signatur
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="constants.html#AccessMode" class="tsd-kind-icon">Access<wbr>Mode</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="constants.html#StorageClass" class="tsd-kind-icon">Storage<wbr>Class</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#AccessMode-1" class="tsd-kind-icon">Access<wbr>Mode</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#BindingType" class="tsd-kind-icon">Binding<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#GLSL_SCALARS_TO_WGSL" class="tsd-kind-icon">GLSL_<wbr>SCALARS_<wbr>TO_<wbr>WGSL</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#GPUBufferUsage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#GPUIndexFormat" class="tsd-kind-icon">GPUIndex<wbr>Format</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#GPUPrimitiveTopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#GPUShaderStage" class="tsd-kind-icon">GPUShader<wbr>Stage</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="constants.html#GPUShaderStageName" class="tsd-kind-icon">GPUShader<wbr>Stage<wbr>Name</a>
+					</li>
 					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="constants.html#bindingtype" class="tsd-kind-icon">Binding<wbr>Type</a>
+						<a href="constants.html#GPUTextureUsage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a>
 					</li>
 					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="constants.html#gpubufferusage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a>
+						<a href="constants.html#StorageClass-1" class="tsd-kind-icon">Storage<wbr>Class</a>
 					</li>
 					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="constants.html#gpuindexformat" class="tsd-kind-icon">GPUIndex<wbr>Format</a>
+						<a href="constants.html#WGSLBuiltIn" class="tsd-kind-icon">WGSLBuilt<wbr>In</a>
 					</li>
 					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="constants.html#gpuprimitivetopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a>
+						<a href="constants.html#WGSL_MATRIX_TO_GLSL" class="tsd-kind-icon">WGSL_<wbr>MATRIX_<wbr>TO_<wbr>GLSL</a>
 					</li>
 					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="constants.html#gpushaderstage" class="tsd-kind-icon">GPUShader<wbr>Stage</a>
+						<a href="constants.html#WGSL_SCALARS_TO_GLSL_PREFIX" class="tsd-kind-icon">WGSL_<wbr>SCALARS_<wbr>TO_<wbr>GLSL_<wbr>PREFIX</a>
 					</li>
 					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="constants.html#gputextureusage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a>
+						<a href="constants.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT" class="tsd-kind-icon">WGSL_<wbr>TYPE_<wbr>TO_<wbr>GPU_<wbr>VERTEX_<wbr>FORMAT</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_BuiltIn.html b/docs/modules/core_BuiltIn.html
new file mode 100644
index 0000000..9461ef4
--- /dev/null
+++ b/docs/modules/core_BuiltIn.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>core/BuiltIn | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="core_BuiltIn.html">core/BuiltIn</a>
+				</li>
+			</ul>
+			<h1>Module core/BuiltIn</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Classes</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_BuiltIn.default.html" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="core_BuiltIn.html">core/<wbr>Built<wbr>In</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-class tsd-parent-kind-module">
+						<a href="../classes/core_BuiltIn.default.html" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/core_attachment.html b/docs/modules/core_attachment.html
index a39d2db..b3ac10d 100644
--- a/docs/modules/core_attachment.html
+++ b/docs/modules/core_attachment.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_attachment.html">core/Attachment</a>
+					<a href="core_Attachment.html">core/Attachment</a>
 				</li>
 			</ul>
 			<h1>Module core/Attachment</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_attachment.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Attachment.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_attachment.html">core/<wbr>Attachment</a>
+						<a href="core_Attachment.html">core/<wbr>Attachment</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_attachment.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Attachment.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_attribute.html b/docs/modules/core_attribute.html
index 73b9e21..56fbaf2 100644
--- a/docs/modules/core_attribute.html
+++ b/docs/modules/core_attribute.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_attribute.html">core/Attribute</a>
+					<a href="core_Attribute.html">core/Attribute</a>
 				</li>
 			</ul>
 			<h1>Module core/Attribute</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_attribute.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Attribute.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_attribute.html">core/<wbr>Attribute</a>
+						<a href="core_Attribute.html">core/<wbr>Attribute</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_attribute.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Attribute.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_bindgroup.html b/docs/modules/core_bindgroup.html
index db421cb..1e1ed7b 100644
--- a/docs/modules/core_bindgroup.html
+++ b/docs/modules/core_bindgroup.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_bindgroup.html">core/BindGroup</a>
+					<a href="core_BindGroup.html">core/BindGroup</a>
 				</li>
 			</ul>
 			<h1>Module core/BindGroup</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_bindgroup.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_BindGroup.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_bindgroup.html">core/<wbr>Bind<wbr>Group</a>
+						<a href="core_BindGroup.html">core/<wbr>Bind<wbr>Group</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_bindgroup.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_BindGroup.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_bindgrouplayout.html b/docs/modules/core_bindgrouplayout.html
index 61231aa..1ab9e16 100644
--- a/docs/modules/core_bindgrouplayout.html
+++ b/docs/modules/core_bindgrouplayout.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_bindgrouplayout.html">core/BindGroupLayout</a>
+					<a href="core_BindGroupLayout.html">core/BindGroupLayout</a>
 				</li>
 			</ul>
 			<h1>Module core/BindGroupLayout</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_bindgrouplayout.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_BindGroupLayout.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_bindgrouplayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
+						<a href="core_BindGroupLayout.html">core/<wbr>Bind<wbr>Group<wbr>Layout</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_bindgrouplayout.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_BindGroupLayout.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_buffer.html b/docs/modules/core_buffer.html
index 07c3284..8257ed3 100644
--- a/docs/modules/core_buffer.html
+++ b/docs/modules/core_buffer.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_buffer.html">core/Buffer</a>
+					<a href="core_Buffer.html">core/Buffer</a>
 				</li>
 			</ul>
 			<h1>Module core/Buffer</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_buffer.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Buffer.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_buffer.html">core/<wbr>Buffer</a>
+						<a href="core_Buffer.html">core/<wbr>Buffer</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_buffer.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Buffer.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_clock.html b/docs/modules/core_clock.html
index 0125f65..99b3adf 100644
--- a/docs/modules/core_clock.html
+++ b/docs/modules/core_clock.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_clock.html">core/Clock</a>
+					<a href="core_Clock.html">core/Clock</a>
 				</li>
 			</ul>
 			<h1>Module core/Clock</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_clock.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Clock.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_clock.html">core/<wbr>Clock</a>
+						<a href="core_Clock.html">core/<wbr>Clock</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_clock.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Clock.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_command.html b/docs/modules/core_command.html
index d6f7c39..8c044f5 100644
--- a/docs/modules/core_command.html
+++ b/docs/modules/core_command.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_command.html">core/Command</a>
+					<a href="core_Command.html">core/Command</a>
 				</li>
 			</ul>
 			<h1>Module core/Command</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_command.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Command.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_command.html">core/<wbr>Command</a>
+						<a href="core_Command.html">core/<wbr>Command</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_command.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Command.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_context.html b/docs/modules/core_context.html
index 5f94f91..410252d 100644
--- a/docs/modules/core_context.html
+++ b/docs/modules/core_context.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_context.html">core/Context</a>
+					<a href="core_Context.html">core/Context</a>
 				</li>
 			</ul>
 			<h1>Module core/Context</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_context.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Context.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_context.html">core/<wbr>Context</a>
+						<a href="core_Context.html">core/<wbr>Context</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_context.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Context.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_pass.html b/docs/modules/core_pass.html
index cd3178e..cce7cfe 100644
--- a/docs/modules/core_pass.html
+++ b/docs/modules/core_pass.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_pass.html">core/Pass</a>
+					<a href="core_Pass.html">core/Pass</a>
 				</li>
 			</ul>
 			<h1>Module core/Pass</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_pass.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Pass.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_pass.html">core/<wbr>Pass</a>
+						<a href="core_Pass.html">core/<wbr>Pass</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_pass.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Pass.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_pipeline.html b/docs/modules/core_pipeline.html
index ba3ed9f..5554edc 100644
--- a/docs/modules/core_pipeline.html
+++ b/docs/modules/core_pipeline.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_pipeline.html">core/Pipeline</a>
+					<a href="core_Pipeline.html">core/Pipeline</a>
 				</li>
 			</ul>
 			<h1>Module core/Pipeline</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_pipeline.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Pipeline.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_pipeline.html">core/<wbr>Pipeline</a>
+						<a href="core_Pipeline.html">core/<wbr>Pipeline</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_pipeline.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Pipeline.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_program.html b/docs/modules/core_program.html
index 6b562b0..9640085 100644
--- a/docs/modules/core_program.html
+++ b/docs/modules/core_program.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_program.html">core/Program</a>
+					<a href="core_Program.html">core/Program</a>
 				</li>
 			</ul>
 			<h1>Module core/Program</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_program.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Program.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_program.html">core/<wbr>Program</a>
+						<a href="core_Program.html">core/<wbr>Program</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_program.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Program.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_sampler.html b/docs/modules/core_sampler.html
index db78caa..17f41a5 100644
--- a/docs/modules/core_sampler.html
+++ b/docs/modules/core_sampler.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_sampler.html">core/Sampler</a>
+					<a href="core_Sampler.html">core/Sampler</a>
 				</li>
 			</ul>
 			<h1>Module core/Sampler</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_sampler.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Sampler.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_sampler.html">core/<wbr>Sampler</a>
+						<a href="core_Sampler.html">core/<wbr>Sampler</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_sampler.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Sampler.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_shader.html b/docs/modules/core_shader.html
index 21efb3d..75c1deb 100644
--- a/docs/modules/core_shader.html
+++ b/docs/modules/core_shader.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_shader.html">core/Shader</a>
+					<a href="core_Shader.html">core/Shader</a>
 				</li>
 			</ul>
 			<h1>Module core/Shader</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_shader.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Shader.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_shader.html">core/<wbr>Shader</a>
+						<a href="core_Shader.html">core/<wbr>Shader</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_shader.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Shader.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_state.html b/docs/modules/core_state.html
index e6c6845..70912d0 100644
--- a/docs/modules/core_state.html
+++ b/docs/modules/core_state.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_state.html">core/State</a>
+					<a href="core_State.html">core/State</a>
 				</li>
 			</ul>
 			<h1>Module core/State</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Variables</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="core_state.html#default" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="core_State.html#default" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -83,10 +83,10 @@ <h2>Variables</h2>
 				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
 					<a name="default" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> default</h3>
-					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <a href="../interfaces/types.contextstate.html" class="tsd-signature-type" data-tsd-kind="Interface">ContextState</a><span class="tsd-signature-symbol"> = ...</span></div>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <a href="../interfaces/types.ContextState.html" class="tsd-signature-type" data-tsd-kind="Interface">ContextState</a><span class="tsd-signature-symbol"> = ...</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/core/State.ts#L3">src/core/State.ts:3</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/core/State.ts#L3">core/State.ts:3</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -99,14 +99,14 @@ <h3><span class="tsd-flag ts-flagConst">Const</span> default</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_state.html">core/<wbr>State</a>
+						<a href="core_State.html">core/<wbr>State</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="core_state.html#default" class="tsd-kind-icon">default</a>
+						<a href="core_State.html#default" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_struct.html b/docs/modules/core_struct.html
index 2319a75..2fa78cc 100644
--- a/docs/modules/core_struct.html
+++ b/docs/modules/core_struct.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_struct.html">core/Struct</a>
+					<a href="core_Struct.html">core/Struct</a>
 				</li>
 			</ul>
 			<h1>Module core/Struct</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_struct.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Struct.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_struct.html">core/<wbr>Struct</a>
+						<a href="core_Struct.html">core/<wbr>Struct</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_struct.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Struct.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_texture.html b/docs/modules/core_texture.html
index 6c36a2a..108a00b 100644
--- a/docs/modules/core_texture.html
+++ b/docs/modules/core_texture.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_texture.html">core/Texture</a>
+					<a href="core_Texture.html">core/Texture</a>
 				</li>
 			</ul>
 			<h1>Module core/Texture</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_texture.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Texture.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_texture.html">core/<wbr>Texture</a>
+						<a href="core_Texture.html">core/<wbr>Texture</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_texture.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Texture.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_uniform.html b/docs/modules/core_uniform.html
index 3cedb69..973c80b 100644
--- a/docs/modules/core_uniform.html
+++ b/docs/modules/core_uniform.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_uniform.html">core/Uniform</a>
+					<a href="core_Uniform.html">core/Uniform</a>
 				</li>
 			</ul>
 			<h1>Module core/Uniform</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_uniform.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Uniform.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_uniform.html">core/<wbr>Uniform</a>
+						<a href="core_Uniform.html">core/<wbr>Uniform</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_uniform.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Uniform.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/core_variable.html b/docs/modules/core_variable.html
index 8668ecc..cd8ca55 100644
--- a/docs/modules/core_variable.html
+++ b/docs/modules/core_variable.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="core_variable.html">core/Variable</a>
+					<a href="core_Variable.html">core/Variable</a>
 				</li>
 			</ul>
 			<h1>Module core/Variable</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_variable.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/core_Variable.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="core_variable.html">core/<wbr>Variable</a>
+						<a href="core_Variable.html">core/<wbr>Variable</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/core_variable.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/core_Variable.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/helpers_axes.html b/docs/modules/helpers_axes.html
index 95a1142..007ca14 100644
--- a/docs/modules/helpers_axes.html
+++ b/docs/modules/helpers_axes.html
@@ -55,7 +55,7 @@
 					<a href="../modules.html">dgel</a>
 				</li>
 				<li>
-					<a href="helpers_axes.html">helpers/Axes</a>
+					<a href="helpers_Axes.html">helpers/Axes</a>
 				</li>
 			</ul>
 			<h1>Module helpers/Axes</h1>
@@ -72,7 +72,7 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/helpers_axes.default.html" class="tsd-kind-icon">default</a></li>
+								<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/helpers_Axes.default.html" class="tsd-kind-icon">default</a></li>
 							</ul>
 						</section>
 					</div>
@@ -86,14 +86,14 @@ <h3>Classes</h3>
 						<a href="../modules.html">Modules</a>
 					</li>
 					<li class="current tsd-kind-module">
-						<a href="helpers_axes.html">helpers/<wbr>Axes</a>
+						<a href="helpers_Axes.html">helpers/<wbr>Axes</a>
 					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-class tsd-parent-kind-module">
-						<a href="../classes/helpers_axes.default.html" class="tsd-kind-icon">default</a>
+						<a href="../classes/helpers_Axes.default.html" class="tsd-kind-icon">default</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/index.html b/docs/modules/index.html
index 584bfa5..2c22432 100644
--- a/docs/modules/index.html
+++ b/docs/modules/index.html
@@ -72,33 +72,41 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>References</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#attachment" class="tsd-kind-icon">Attachment</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#attribute" class="tsd-kind-icon">Attribute</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#axes" class="tsd-kind-icon">Axes</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#bindgroup" class="tsd-kind-icon">Bind<wbr>Group</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#bindgrouplayout" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#bindingtype" class="tsd-kind-icon">Binding<wbr>Type</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#buffer" class="tsd-kind-icon">Buffer</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#clock" class="tsd-kind-icon">Clock</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#command" class="tsd-kind-icon">Command</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#context" class="tsd-kind-icon">Context</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#gpubufferusage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#gpuindexformat" class="tsd-kind-icon">GPUIndex<wbr>Format</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#gpuprimitivetopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#gpushaderstage" class="tsd-kind-icon">GPUShader<wbr>Stage</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#gputextureusage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#pass" class="tsd-kind-icon">Pass</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#pipeline" class="tsd-kind-icon">Pipeline</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#program" class="tsd-kind-icon">Program</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#sampler" class="tsd-kind-icon">Sampler</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#shader" class="tsd-kind-icon">Shader</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#shaders" class="tsd-kind-icon">Shaders</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#state" class="tsd-kind-icon">State</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#struct" class="tsd-kind-icon">Struct</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#texture" class="tsd-kind-icon">Texture</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#types" class="tsd-kind-icon">Types</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#uniform" class="tsd-kind-icon">Uniform</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#variable" class="tsd-kind-icon">Variable</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#AccessMode" class="tsd-kind-icon">Access<wbr>Mode</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Attachment" class="tsd-kind-icon">Attachment</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Attribute" class="tsd-kind-icon">Attribute</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Axes" class="tsd-kind-icon">Axes</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#BindGroup" class="tsd-kind-icon">Bind<wbr>Group</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#BindGroupLayout" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#BindingType" class="tsd-kind-icon">Binding<wbr>Type</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Buffer" class="tsd-kind-icon">Buffer</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Clock" class="tsd-kind-icon">Clock</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Command" class="tsd-kind-icon">Command</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Context" class="tsd-kind-icon">Context</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GLSL_SCALARS_TO_WGSL" class="tsd-kind-icon">GLSL_<wbr>SCALARS_<wbr>TO_<wbr>WGSL</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GPUBufferUsage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GPUIndexFormat" class="tsd-kind-icon">GPUIndex<wbr>Format</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GPUPrimitiveTopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GPUShaderStage" class="tsd-kind-icon">GPUShader<wbr>Stage</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GPUShaderStageName" class="tsd-kind-icon">GPUShader<wbr>Stage<wbr>Name</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GPUTextureUsage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Pass" class="tsd-kind-icon">Pass</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Pipeline" class="tsd-kind-icon">Pipeline</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Program" class="tsd-kind-icon">Program</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Sampler" class="tsd-kind-icon">Sampler</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Shader" class="tsd-kind-icon">Shader</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Shaders" class="tsd-kind-icon">Shaders</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#State" class="tsd-kind-icon">State</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#StorageClass" class="tsd-kind-icon">Storage<wbr>Class</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Struct" class="tsd-kind-icon">Struct</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Texture" class="tsd-kind-icon">Texture</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Types" class="tsd-kind-icon">Types</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Uniform" class="tsd-kind-icon">Uniform</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#Variable" class="tsd-kind-icon">Variable</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#WGSLBuiltIn" class="tsd-kind-icon">WGSLBuilt<wbr>In</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#WGSL_MATRIX_TO_GLSL" class="tsd-kind-icon">WGSL_<wbr>MATRIX_<wbr>TO_<wbr>GLSL</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#WGSL_SCALARS_TO_GLSL_PREFIX" class="tsd-kind-icon">WGSL_<wbr>SCALARS_<wbr>TO_<wbr>GLSL_<wbr>PREFIX</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT" class="tsd-kind-icon">WGSL_<wbr>TYPE_<wbr>TO_<wbr>GPU_<wbr>VERTEX_<wbr>FORMAT</a></li>
 							</ul>
 						</section>
 					</div>
@@ -107,139 +115,179 @@ <h3>References</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>References</h2>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="attachment" class="tsd-anchor"></a>
+					<a name="AccessMode" class="tsd-anchor"></a>
+					<h3>Access<wbr>Mode</h3>
+					Re-exports <a href="constants.html#AccessMode-1">AccessMode</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="Attachment" class="tsd-anchor"></a>
 					<h3>Attachment</h3>
-					Renames and exports <a href="../classes/core_attachment.default.html">default</a>
+					Renames and exports <a href="../classes/core_Attachment.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="attribute" class="tsd-anchor"></a>
+					<a name="Attribute" class="tsd-anchor"></a>
 					<h3>Attribute</h3>
-					Renames and exports <a href="../classes/core_attribute.default.html">default</a>
+					Renames and exports <a href="../classes/core_Attribute.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="axes" class="tsd-anchor"></a>
+					<a name="Axes" class="tsd-anchor"></a>
 					<h3>Axes</h3>
-					Renames and exports <a href="../classes/helpers_axes.default.html">default</a>
+					Renames and exports <a href="../classes/helpers_Axes.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="bindgroup" class="tsd-anchor"></a>
+					<a name="BindGroup" class="tsd-anchor"></a>
 					<h3>Bind<wbr>Group</h3>
-					Renames and exports <a href="../classes/core_bindgroup.default.html">default</a>
+					Renames and exports <a href="../classes/core_BindGroup.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="bindgrouplayout" class="tsd-anchor"></a>
+					<a name="BindGroupLayout" class="tsd-anchor"></a>
 					<h3>Bind<wbr>Group<wbr>Layout</h3>
-					Renames and exports <a href="../classes/core_bindgrouplayout.default.html">default</a>
+					Renames and exports <a href="../classes/core_BindGroupLayout.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="bindingtype" class="tsd-anchor"></a>
+					<a name="BindingType" class="tsd-anchor"></a>
 					<h3>Binding<wbr>Type</h3>
-					Re-exports <a href="constants.html#bindingtype">BindingType</a>
+					Re-exports <a href="constants.html#BindingType">BindingType</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="buffer" class="tsd-anchor"></a>
+					<a name="Buffer" class="tsd-anchor"></a>
 					<h3>Buffer</h3>
-					Renames and exports <a href="../classes/core_buffer.default.html">default</a>
+					Renames and exports <a href="../classes/core_Buffer.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="clock" class="tsd-anchor"></a>
+					<a name="Clock" class="tsd-anchor"></a>
 					<h3>Clock</h3>
-					Renames and exports <a href="../classes/core_clock.default.html">default</a>
+					Renames and exports <a href="../classes/core_Clock.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="command" class="tsd-anchor"></a>
+					<a name="Command" class="tsd-anchor"></a>
 					<h3>Command</h3>
-					Renames and exports <a href="../classes/core_command.default.html">default</a>
+					Renames and exports <a href="../classes/core_Command.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="context" class="tsd-anchor"></a>
+					<a name="Context" class="tsd-anchor"></a>
 					<h3>Context</h3>
-					Renames and exports <a href="../classes/core_context.default.html">default</a>
+					Renames and exports <a href="../classes/core_Context.default.html">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="GLSL_SCALARS_TO_WGSL" class="tsd-anchor"></a>
+					<h3>GLSL_<wbr>SCALARS_<wbr>TO_<wbr>WGSL</h3>
+					Re-exports <a href="constants.html#GLSL_SCALARS_TO_WGSL">GLSL_SCALARS_TO_WGSL</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="gpubufferusage" class="tsd-anchor"></a>
+					<a name="GPUBufferUsage" class="tsd-anchor"></a>
 					<h3>GPUBuffer<wbr>Usage</h3>
-					Re-exports <a href="constants.html#gpubufferusage">GPUBufferUsage</a>
+					Re-exports <a href="constants.html#GPUBufferUsage">GPUBufferUsage</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="gpuindexformat" class="tsd-anchor"></a>
+					<a name="GPUIndexFormat" class="tsd-anchor"></a>
 					<h3>GPUIndex<wbr>Format</h3>
-					Re-exports <a href="constants.html#gpuindexformat">GPUIndexFormat</a>
+					Re-exports <a href="constants.html#GPUIndexFormat">GPUIndexFormat</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="gpuprimitivetopology" class="tsd-anchor"></a>
+					<a name="GPUPrimitiveTopology" class="tsd-anchor"></a>
 					<h3>GPUPrimitive<wbr>Topology</h3>
-					Re-exports <a href="constants.html#gpuprimitivetopology">GPUPrimitiveTopology</a>
+					Re-exports <a href="constants.html#GPUPrimitiveTopology">GPUPrimitiveTopology</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="gpushaderstage" class="tsd-anchor"></a>
+					<a name="GPUShaderStage" class="tsd-anchor"></a>
 					<h3>GPUShader<wbr>Stage</h3>
-					Re-exports <a href="constants.html#gpushaderstage">GPUShaderStage</a>
+					Re-exports <a href="constants.html#GPUShaderStage">GPUShaderStage</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="gputextureusage" class="tsd-anchor"></a>
+					<a name="GPUShaderStageName" class="tsd-anchor"></a>
+					<h3>GPUShader<wbr>Stage<wbr>Name</h3>
+					Re-exports <a href="constants.html#GPUShaderStageName">GPUShaderStageName</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="GPUTextureUsage" class="tsd-anchor"></a>
 					<h3>GPUTexture<wbr>Usage</h3>
-					Re-exports <a href="constants.html#gputextureusage">GPUTextureUsage</a>
+					Re-exports <a href="constants.html#GPUTextureUsage">GPUTextureUsage</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="pass" class="tsd-anchor"></a>
+					<a name="Pass" class="tsd-anchor"></a>
 					<h3>Pass</h3>
-					Renames and exports <a href="../classes/core_pass.default.html">default</a>
+					Renames and exports <a href="../classes/core_Pass.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="pipeline" class="tsd-anchor"></a>
+					<a name="Pipeline" class="tsd-anchor"></a>
 					<h3>Pipeline</h3>
-					Renames and exports <a href="../classes/core_pipeline.default.html">default</a>
+					Renames and exports <a href="../classes/core_Pipeline.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="program" class="tsd-anchor"></a>
+					<a name="Program" class="tsd-anchor"></a>
 					<h3>Program</h3>
-					Renames and exports <a href="../classes/core_program.default.html">default</a>
+					Renames and exports <a href="../classes/core_Program.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="sampler" class="tsd-anchor"></a>
+					<a name="Sampler" class="tsd-anchor"></a>
 					<h3>Sampler</h3>
-					Renames and exports <a href="../classes/core_sampler.default.html">default</a>
+					Renames and exports <a href="../classes/core_Sampler.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="shader" class="tsd-anchor"></a>
+					<a name="Shader" class="tsd-anchor"></a>
 					<h3>Shader</h3>
-					Renames and exports <a href="../classes/core_shader.default.html">default</a>
+					Renames and exports <a href="../classes/core_Shader.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="shaders" class="tsd-anchor"></a>
+					<a name="Shaders" class="tsd-anchor"></a>
 					<h3>Shaders</h3>
 					Renames and exports <a href="shaders.html">shaders</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="state" class="tsd-anchor"></a>
+					<a name="State" class="tsd-anchor"></a>
 					<h3>State</h3>
-					Renames and exports <a href="core_state.html#default">default</a>
+					Renames and exports <a href="core_State.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="StorageClass" class="tsd-anchor"></a>
+					<h3>Storage<wbr>Class</h3>
+					Re-exports <a href="constants.html#StorageClass-1">StorageClass</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="struct" class="tsd-anchor"></a>
+					<a name="Struct" class="tsd-anchor"></a>
 					<h3>Struct</h3>
-					Renames and exports <a href="../classes/core_struct.default.html">default</a>
+					Renames and exports <a href="../classes/core_Struct.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="texture" class="tsd-anchor"></a>
+					<a name="Texture" class="tsd-anchor"></a>
 					<h3>Texture</h3>
-					Renames and exports <a href="../classes/core_texture.default.html">default</a>
+					Renames and exports <a href="../classes/core_Texture.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="types" class="tsd-anchor"></a>
+					<a name="Types" class="tsd-anchor"></a>
 					<h3>Types</h3>
 					Renames and exports <a href="types.html">types</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="uniform" class="tsd-anchor"></a>
+					<a name="Uniform" class="tsd-anchor"></a>
 					<h3>Uniform</h3>
-					Renames and exports <a href="../classes/core_uniform.default.html">default</a>
+					Renames and exports <a href="../classes/core_Uniform.default.html">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="variable" class="tsd-anchor"></a>
+					<a name="Variable" class="tsd-anchor"></a>
 					<h3>Variable</h3>
-					Renames and exports <a href="../classes/core_variable.default.html">default</a>
+					Renames and exports <a href="../classes/core_Variable.default.html">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="WGSLBuiltIn" class="tsd-anchor"></a>
+					<h3>WGSLBuilt<wbr>In</h3>
+					Re-exports <a href="constants.html#WGSLBuiltIn">WGSLBuiltIn</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="WGSL_MATRIX_TO_GLSL" class="tsd-anchor"></a>
+					<h3>WGSL_<wbr>MATRIX_<wbr>TO_<wbr>GLSL</h3>
+					Re-exports <a href="constants.html#WGSL_MATRIX_TO_GLSL">WGSL_MATRIX_TO_GLSL</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="WGSL_SCALARS_TO_GLSL_PREFIX" class="tsd-anchor"></a>
+					<h3>WGSL_<wbr>SCALARS_<wbr>TO_<wbr>GLSL_<wbr>PREFIX</h3>
+					Re-exports <a href="constants.html#WGSL_SCALARS_TO_GLSL_PREFIX">WGSL_SCALARS_TO_GLSL_PREFIX</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="WGSL_TYPE_TO_GPU_VERTEX_FORMAT" class="tsd-anchor"></a>
+					<h3>WGSL_<wbr>TYPE_<wbr>TO_<wbr>GPU_<wbr>VERTEX_<wbr>FORMAT</h3>
+					Re-exports <a href="constants.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT">WGSL_TYPE_TO_GPU_VERTEX_FORMAT</a>
 				</section>
 			</section>
 		</div>
@@ -257,85 +305,109 @@ <h3>Variable</h3>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#attachment" class="tsd-kind-icon">Attachment</a>
+						<a href="index.html#AccessMode" class="tsd-kind-icon">Access<wbr>Mode</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#Attachment" class="tsd-kind-icon">Attachment</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#Attribute" class="tsd-kind-icon">Attribute</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#Axes" class="tsd-kind-icon">Axes</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#BindGroup" class="tsd-kind-icon">Bind<wbr>Group</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#BindGroupLayout" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#BindingType" class="tsd-kind-icon">Binding<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#Buffer" class="tsd-kind-icon">Buffer</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="index.html#Clock" class="tsd-kind-icon">Clock</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#attribute" class="tsd-kind-icon">Attribute</a>
+						<a href="index.html#Command" class="tsd-kind-icon">Command</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#axes" class="tsd-kind-icon">Axes</a>
+						<a href="index.html#Context" class="tsd-kind-icon">Context</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#bindgroup" class="tsd-kind-icon">Bind<wbr>Group</a>
+						<a href="index.html#GLSL_SCALARS_TO_WGSL" class="tsd-kind-icon">GLSL_<wbr>SCALARS_<wbr>TO_<wbr>WGSL</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#bindgrouplayout" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout</a>
+						<a href="index.html#GPUBufferUsage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#bindingtype" class="tsd-kind-icon">Binding<wbr>Type</a>
+						<a href="index.html#GPUIndexFormat" class="tsd-kind-icon">GPUIndex<wbr>Format</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#buffer" class="tsd-kind-icon">Buffer</a>
+						<a href="index.html#GPUPrimitiveTopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#clock" class="tsd-kind-icon">Clock</a>
+						<a href="index.html#GPUShaderStage" class="tsd-kind-icon">GPUShader<wbr>Stage</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#command" class="tsd-kind-icon">Command</a>
+						<a href="index.html#GPUShaderStageName" class="tsd-kind-icon">GPUShader<wbr>Stage<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#context" class="tsd-kind-icon">Context</a>
+						<a href="index.html#GPUTextureUsage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#gpubufferusage" class="tsd-kind-icon">GPUBuffer<wbr>Usage</a>
+						<a href="index.html#Pass" class="tsd-kind-icon">Pass</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#gpuindexformat" class="tsd-kind-icon">GPUIndex<wbr>Format</a>
+						<a href="index.html#Pipeline" class="tsd-kind-icon">Pipeline</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#gpuprimitivetopology" class="tsd-kind-icon">GPUPrimitive<wbr>Topology</a>
+						<a href="index.html#Program" class="tsd-kind-icon">Program</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#gpushaderstage" class="tsd-kind-icon">GPUShader<wbr>Stage</a>
+						<a href="index.html#Sampler" class="tsd-kind-icon">Sampler</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#gputextureusage" class="tsd-kind-icon">GPUTexture<wbr>Usage</a>
+						<a href="index.html#Shader" class="tsd-kind-icon">Shader</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#pass" class="tsd-kind-icon">Pass</a>
+						<a href="index.html#Shaders" class="tsd-kind-icon">Shaders</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#pipeline" class="tsd-kind-icon">Pipeline</a>
+						<a href="index.html#State" class="tsd-kind-icon">State</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#program" class="tsd-kind-icon">Program</a>
+						<a href="index.html#StorageClass" class="tsd-kind-icon">Storage<wbr>Class</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#sampler" class="tsd-kind-icon">Sampler</a>
+						<a href="index.html#Struct" class="tsd-kind-icon">Struct</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#shader" class="tsd-kind-icon">Shader</a>
+						<a href="index.html#Texture" class="tsd-kind-icon">Texture</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#shaders" class="tsd-kind-icon">Shaders</a>
+						<a href="index.html#Types" class="tsd-kind-icon">Types</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#state" class="tsd-kind-icon">State</a>
+						<a href="index.html#Uniform" class="tsd-kind-icon">Uniform</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#struct" class="tsd-kind-icon">Struct</a>
+						<a href="index.html#Variable" class="tsd-kind-icon">Variable</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#texture" class="tsd-kind-icon">Texture</a>
+						<a href="index.html#WGSLBuiltIn" class="tsd-kind-icon">WGSLBuilt<wbr>In</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#types" class="tsd-kind-icon">Types</a>
+						<a href="index.html#WGSL_MATRIX_TO_GLSL" class="tsd-kind-icon">WGSL_<wbr>MATRIX_<wbr>TO_<wbr>GLSL</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#uniform" class="tsd-kind-icon">Uniform</a>
+						<a href="index.html#WGSL_SCALARS_TO_GLSL_PREFIX" class="tsd-kind-icon">WGSL_<wbr>SCALARS_<wbr>TO_<wbr>GLSL_<wbr>PREFIX</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="index.html#variable" class="tsd-kind-icon">Variable</a>
+						<a href="index.html#WGSL_TYPE_TO_GPU_VERTEX_FORMAT" class="tsd-kind-icon">WGSL_<wbr>TYPE_<wbr>TO_<wbr>GPU_<wbr>VERTEX_<wbr>FORMAT</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/shaders.html b/docs/modules/shaders.html
index 307ab8e..e75d882 100644
--- a/docs/modules/shaders.html
+++ b/docs/modules/shaders.html
@@ -72,16 +72,15 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>References</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#classic_noise" class="tsd-kind-icon">CLASSIC_<wbr>NOISE</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#constants" class="tsd-kind-icon">CONSTANTS</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#diffuse" class="tsd-kind-icon">DIFFUSE</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#direct" class="tsd-kind-icon">DIRECT</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#gamma" class="tsd-kind-icon">GAMMA</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#linear" class="tsd-kind-icon">LINEAR</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#periodic_noise" class="tsd-kind-icon">PERIODIC_<wbr>NOISE</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#simplex_noise" class="tsd-kind-icon">SIMPLEX_<wbr>NOISE</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#specular" class="tsd-kind-icon">SPECULAR</a></li>
-								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#utils" class="tsd-kind-icon">UTILS</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#CONSTANTS" class="tsd-kind-icon">CONSTANTS</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#DIFFUSE" class="tsd-kind-icon">DIFFUSE</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#DIRECT" class="tsd-kind-icon">DIRECT</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#GAMMA" class="tsd-kind-icon">GAMMA</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#GLSL" class="tsd-kind-icon">GLSL</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#LINEAR" class="tsd-kind-icon">LINEAR</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#NOISE" class="tsd-kind-icon">NOISE</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#SPECULAR" class="tsd-kind-icon">SPECULAR</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders.html#UTILS" class="tsd-kind-icon">UTILS</a></li>
 							</ul>
 						</section>
 					</div>
@@ -90,54 +89,49 @@ <h3>References</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>References</h2>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="classic_noise" class="tsd-anchor"></a>
-					<h3>CLASSIC_<wbr>NOISE</h3>
-					Renames and exports <a href="shaders_noise_classic_glsl.html#default">default</a>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="constants" class="tsd-anchor"></a>
+					<a name="CONSTANTS" class="tsd-anchor"></a>
 					<h3>CONSTANTS</h3>
-					Renames and exports <a href="shaders_constants_glsl.html#default">default</a>
+					Renames and exports <a href="shaders_constants_wgsl.html#default">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="diffuse" class="tsd-anchor"></a>
+					<a name="DIFFUSE" class="tsd-anchor"></a>
 					<h3>DIFFUSE</h3>
-					Renames and exports <a href="shaders_lighting_diffuse_glsl.html#default">default</a>
+					Renames and exports <a href="shaders_lighting_diffuse_wgsl.html#default">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="direct" class="tsd-anchor"></a>
+					<a name="DIRECT" class="tsd-anchor"></a>
 					<h3>DIRECT</h3>
-					Renames and exports <a href="shaders_lighting_direct_glsl.html#default">default</a>
+					Renames and exports <a href="shaders_lighting_direct_wgsl.html#default">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="gamma" class="tsd-anchor"></a>
+					<a name="GAMMA" class="tsd-anchor"></a>
 					<h3>GAMMA</h3>
-					Renames and exports <a href="shaders_lighting_gamma_glsl.html#default">default</a>
+					Renames and exports <a href="shaders_lighting_gamma_wgsl.html#default">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="linear" class="tsd-anchor"></a>
-					<h3>LINEAR</h3>
-					Renames and exports <a href="shaders_lighting_linear_glsl.html#default">default</a>
+					<a name="GLSL" class="tsd-anchor"></a>
+					<h3>GLSL</h3>
+					Renames and exports <a href="shaders_index_glsl.html">shaders/index.glsl</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="periodic_noise" class="tsd-anchor"></a>
-					<h3>PERIODIC_<wbr>NOISE</h3>
-					Renames and exports <a href="shaders_noise_periodic_glsl.html#default">default</a>
+					<a name="LINEAR" class="tsd-anchor"></a>
+					<h3>LINEAR</h3>
+					Renames and exports <a href="shaders_lighting_linear_wgsl.html#default">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="simplex_noise" class="tsd-anchor"></a>
-					<h3>SIMPLEX_<wbr>NOISE</h3>
-					Renames and exports <a href="shaders_noise_simplex_glsl.html#default">default</a>
+					<a name="NOISE" class="tsd-anchor"></a>
+					<h3>NOISE</h3>
+					Renames and exports <a href="shaders_noise_index_wgsl.html">shaders/noise/index.wgsl</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="specular" class="tsd-anchor"></a>
+					<a name="SPECULAR" class="tsd-anchor"></a>
 					<h3>SPECULAR</h3>
-					Renames and exports <a href="shaders_lighting_specular_glsl.html#default">default</a>
+					Renames and exports <a href="shaders_lighting_specular_wgsl.html#default">default</a>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
-					<a name="utils" class="tsd-anchor"></a>
+					<a name="UTILS" class="tsd-anchor"></a>
 					<h3>UTILS</h3>
-					Renames and exports <a href="shaders_utils_glsl.html#default">default</a>
+					Renames and exports <a href="shaders_utils_wgsl.html#default">default</a>
 				</section>
 			</section>
 		</div>
@@ -155,34 +149,31 @@ <h3>UTILS</h3>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#classic_noise" class="tsd-kind-icon">CLASSIC_<wbr>NOISE</a>
-					</li>
-					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#constants" class="tsd-kind-icon">CONSTANTS</a>
+						<a href="shaders.html#CONSTANTS" class="tsd-kind-icon">CONSTANTS</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#diffuse" class="tsd-kind-icon">DIFFUSE</a>
+						<a href="shaders.html#DIFFUSE" class="tsd-kind-icon">DIFFUSE</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#direct" class="tsd-kind-icon">DIRECT</a>
+						<a href="shaders.html#DIRECT" class="tsd-kind-icon">DIRECT</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#gamma" class="tsd-kind-icon">GAMMA</a>
+						<a href="shaders.html#GAMMA" class="tsd-kind-icon">GAMMA</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#linear" class="tsd-kind-icon">LINEAR</a>
+						<a href="shaders.html#GLSL" class="tsd-kind-icon">GLSL</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#periodic_noise" class="tsd-kind-icon">PERIODIC_<wbr>NOISE</a>
+						<a href="shaders.html#LINEAR" class="tsd-kind-icon">LINEAR</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#simplex_noise" class="tsd-kind-icon">SIMPLEX_<wbr>NOISE</a>
+						<a href="shaders.html#NOISE" class="tsd-kind-icon">NOISE</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#specular" class="tsd-kind-icon">SPECULAR</a>
+						<a href="shaders.html#SPECULAR" class="tsd-kind-icon">SPECULAR</a>
 					</li>
 					<li class=" tsd-kind-reference tsd-parent-kind-module">
-						<a href="shaders.html#utils" class="tsd-kind-icon">UTILS</a>
+						<a href="shaders.html#UTILS" class="tsd-kind-icon">UTILS</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/shaders_constants_wgsl.html b/docs/modules/shaders_constants_wgsl.html
new file mode 100644
index 0000000..c6fac7a
--- /dev/null
+++ b/docs/modules/shaders_constants_wgsl.html
@@ -0,0 +1,151 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/constants.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_constants_wgsl.html">shaders/constants.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/constants.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_constants_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>EPSILON<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>GAMMA<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>PI<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>EPSILON<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>GAMMA<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>PI<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_constants_wgsl.html">shaders/constants.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_constants_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_index_glsl.html b/docs/modules/shaders_index_glsl.html
new file mode 100644
index 0000000..b6704c9
--- /dev/null
+++ b/docs/modules/shaders_index_glsl.html
@@ -0,0 +1,198 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/index.glsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_index_glsl.html">shaders/index.glsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/index.glsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>References</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#CONSTANTS" class="tsd-kind-icon">CONSTANTS</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#DIFFUSE" class="tsd-kind-icon">DIFFUSE</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#DIRECT" class="tsd-kind-icon">DIRECT</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#GAMMA" class="tsd-kind-icon">GAMMA</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#LINEAR" class="tsd-kind-icon">LINEAR</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#NOISE" class="tsd-kind-icon">NOISE</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#SPECULAR" class="tsd-kind-icon">SPECULAR</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_index_glsl.html#UTILS" class="tsd-kind-icon">UTILS</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>References</h2>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="CONSTANTS" class="tsd-anchor"></a>
+					<h3>CONSTANTS</h3>
+					Renames and exports <a href="shaders_constants_glsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="DIFFUSE" class="tsd-anchor"></a>
+					<h3>DIFFUSE</h3>
+					Renames and exports <a href="shaders_lighting_diffuse_glsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="DIRECT" class="tsd-anchor"></a>
+					<h3>DIRECT</h3>
+					Renames and exports <a href="shaders_lighting_direct_glsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="GAMMA" class="tsd-anchor"></a>
+					<h3>GAMMA</h3>
+					Renames and exports <a href="shaders_lighting_gamma_glsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="LINEAR" class="tsd-anchor"></a>
+					<h3>LINEAR</h3>
+					Renames and exports <a href="shaders_lighting_linear_glsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="NOISE" class="tsd-anchor"></a>
+					<h3>NOISE</h3>
+					Renames and exports <a href="shaders_noise_index_glsl.html">shaders/noise/index.glsl</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="SPECULAR" class="tsd-anchor"></a>
+					<h3>SPECULAR</h3>
+					Renames and exports <a href="shaders_lighting_specular_glsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="UTILS" class="tsd-anchor"></a>
+					<h3>UTILS</h3>
+					Renames and exports <a href="shaders_utils_glsl.html#default">default</a>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_index_glsl.html">shaders/index.glsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#CONSTANTS" class="tsd-kind-icon">CONSTANTS</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#DIFFUSE" class="tsd-kind-icon">DIFFUSE</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#DIRECT" class="tsd-kind-icon">DIRECT</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#GAMMA" class="tsd-kind-icon">GAMMA</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#LINEAR" class="tsd-kind-icon">LINEAR</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#NOISE" class="tsd-kind-icon">NOISE</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#SPECULAR" class="tsd-kind-icon">SPECULAR</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_index_glsl.html#UTILS" class="tsd-kind-icon">UTILS</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_lighting_diffuse_wgsl.html b/docs/modules/shaders_lighting_diffuse_wgsl.html
new file mode 100644
index 0000000..9f23cc8
--- /dev/null
+++ b/docs/modules/shaders_lighting_diffuse_wgsl.html
@@ -0,0 +1,148 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/lighting/diffuse.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_lighting_diffuse_wgsl.html">shaders/lighting/diffuse.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/lighting/diffuse.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_lighting_diffuse_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>LAMBERT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>OREN_NAYAR<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>LAMBERT<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>OREN_<wbr>NAYAR<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_lighting_diffuse_wgsl.html">shaders/lighting/diffuse.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_lighting_diffuse_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_lighting_direct_wgsl.html b/docs/modules/shaders_lighting_direct_wgsl.html
new file mode 100644
index 0000000..6b87cd6
--- /dev/null
+++ b/docs/modules/shaders_lighting_direct_wgsl.html
@@ -0,0 +1,145 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/lighting/direct.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_lighting_direct_wgsl.html">shaders/lighting/direct.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/lighting/direct.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_lighting_direct_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>PHONG<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>PHONG<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_lighting_direct_wgsl.html">shaders/lighting/direct.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_lighting_direct_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_lighting_gamma_wgsl.html b/docs/modules/shaders_lighting_gamma_wgsl.html
new file mode 100644
index 0000000..828093f
--- /dev/null
+++ b/docs/modules/shaders_lighting_gamma_wgsl.html
@@ -0,0 +1,137 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/lighting/gamma.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_lighting_gamma_wgsl.html">shaders/lighting/gamma.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/lighting/gamma.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_lighting_gamma_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn toGamma(v: f32) -&gt; f32 {\n  return pow(v, 1.0 / GAMMA);\n}\nfn toGamma(v: vec2&lt;f32&gt;) -&gt; vec2&lt;f32&gt; {\n  return pow(v, vec2&lt;f32&gt;(1.0 / GAMMA));\n}\nfn toGamma(v: vec3&lt;f32&gt;) -&gt; vec3&lt;f32&gt; {\n  return pow(v, vec3&lt;f32&gt;(1.0 / GAMMA));\n}\nfn toGamma(v: vec4&lt;f32&gt;) -&gt; vec4&lt;f32&gt; {\n  return vec4&lt;f32&gt;(toGamma(v.rgb), v.a);\n}&quot;</span></div>
+					<aside class="tsd-sources">
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_lighting_gamma_wgsl.html">shaders/lighting/gamma.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_lighting_gamma_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_lighting_linear_wgsl.html b/docs/modules/shaders_lighting_linear_wgsl.html
new file mode 100644
index 0000000..7508e28
--- /dev/null
+++ b/docs/modules/shaders_lighting_linear_wgsl.html
@@ -0,0 +1,137 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/lighting/linear.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_lighting_linear_wgsl.html">shaders/lighting/linear.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/lighting/linear.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_lighting_linear_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn toLinear(v: f32) -&gt; f32 {\n  return pow(v, GAMMA);\n}\nfn toLinear(v: vec2&lt;f32&gt;) -&gt; vec2&lt;f32&gt; {\n  return pow(v, vec2&lt;f32&gt;(GAMMA));\n}\nfn toLinear(v: vec3&lt;f32&gt;) -&gt; vec3&lt;f32&gt; {\n  return pow(v, vec3&lt;f32&gt;(GAMMA));\n}\nfn toLinear(v: vec4&lt;f32&gt;) -&gt; vec4&lt;f32&gt; {\n  return vec4&lt;f32&gt;(toLinear(v.rgb), v.a);\n}&quot;</span></div>
+					<aside class="tsd-sources">
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_lighting_linear_wgsl.html">shaders/lighting/linear.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_lighting_linear_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_lighting_specular_wgsl.html b/docs/modules/shaders_lighting_specular_wgsl.html
new file mode 100644
index 0000000..c59eb9f
--- /dev/null
+++ b/docs/modules/shaders_lighting_specular_wgsl.html
@@ -0,0 +1,157 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/lighting/specular.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_lighting_specular_wgsl.html">shaders/lighting/specular.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/lighting/specular.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_lighting_specular_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>BECKMANN<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>BLINNPHONG<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>COOK_TORRANCE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>GAUSSIAN<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>PHONG<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>BECKMANN<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>BLINNPHONG<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>COOK_<wbr>TORRANCE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>GAUSSIAN<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>PHONG<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_lighting_specular_wgsl.html">shaders/lighting/specular.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_lighting_specular_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_noise_classic_wgsl.html b/docs/modules/shaders_noise_classic_wgsl.html
new file mode 100644
index 0000000..962e7db
--- /dev/null
+++ b/docs/modules/shaders_noise_classic_wgsl.html
@@ -0,0 +1,151 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/noise/classic.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_noise_classic_wgsl.html">shaders/noise/classic.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/noise/classic.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_noise_classic_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>CNOISE2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>CNOISE3D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>CNOISE4D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>CNOISE2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>CNOISE3D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>CNOISE4D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_noise_classic_wgsl.html">shaders/noise/classic.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_noise_classic_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_noise_index_glsl.html b/docs/modules/shaders_noise_index_glsl.html
index ba282ff..741d3ef 100644
--- a/docs/modules/shaders_noise_index_glsl.html
+++ b/docs/modules/shaders_noise_index_glsl.html
@@ -70,58 +70,32 @@ <h2>Index</h2>
 				<section class="tsd-panel tsd-index-panel">
 					<div class="tsd-index-content">
 						<section class="tsd-index-section ">
-							<h3>Variables</h3>
+							<h3>References</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_index_glsl.html#fade2" class="tsd-kind-icon">FADE2</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_index_glsl.html#fade3" class="tsd-kind-icon">FADE3</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_index_glsl.html#fade4" class="tsd-kind-icon">FADE4</a></li>
-								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_index_glsl.html#functions" class="tsd-kind-icon">FUNCTIONS</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_noise_index_glsl.html#CLASSIC" class="tsd-kind-icon">CLASSIC</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_noise_index_glsl.html#PERIODIC" class="tsd-kind-icon">PERIODIC</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_noise_index_glsl.html#SIMPLEX" class="tsd-kind-icon">SIMPLEX</a></li>
 							</ul>
 						</section>
 					</div>
 				</section>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
-				<h2>Variables</h2>
-				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="fade2" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE2</h3>
-					<div class="tsd-signature tsd-kind-icon">FADE2<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec2 fade(vec2 t) {\n  return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
-					<aside class="tsd-sources">
-						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/shaders/noise/index.glsl.ts#L20">src/shaders/noise/index.glsl.ts:20</a></li>
-						</ul>
-					</aside>
+				<h2>References</h2>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="CLASSIC" class="tsd-anchor"></a>
+					<h3>CLASSIC</h3>
+					Renames and exports <a href="shaders_noise_classic_glsl.html#default">default</a>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="fade3" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE3</h3>
-					<div class="tsd-signature tsd-kind-icon">FADE3<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec3 fade(vec3 t) {\n  return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
-					<aside class="tsd-sources">
-						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/shaders/noise/index.glsl.ts#L26">src/shaders/noise/index.glsl.ts:26</a></li>
-						</ul>
-					</aside>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="PERIODIC" class="tsd-anchor"></a>
+					<h3>PERIODIC</h3>
+					Renames and exports <a href="shaders_noise_periodic_glsl.html#default">default</a>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="fade4" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE4</h3>
-					<div class="tsd-signature tsd-kind-icon">FADE4<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec4 fade(vec4 t) {\n  return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
-					<aside class="tsd-sources">
-						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/shaders/noise/index.glsl.ts#L32">src/shaders/noise/index.glsl.ts:32</a></li>
-						</ul>
-					</aside>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
-					<a name="functions" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagConst">Const</span> FUNCTIONS</h3>
-					<div class="tsd-signature tsd-kind-icon">FUNCTIONS<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec4 mod289(vec4 x)\n{\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec4 permute(vec4 x)\n{\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nvec4 taylorInvSqrt(vec4 r)\n{\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
-					<aside class="tsd-sources">
-						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/shaders/noise/index.glsl.ts#L3">src/shaders/noise/index.glsl.ts:3</a></li>
-						</ul>
-					</aside>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="SIMPLEX" class="tsd-anchor"></a>
+					<h3>SIMPLEX</h3>
+					Renames and exports <a href="shaders_noise_simplex_glsl.html#default">default</a>
 				</section>
 			</section>
 		</div>
@@ -138,17 +112,14 @@ <h3><span class="tsd-flag ts-flagConst">Const</span> FUNCTIONS</h3>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="shaders_noise_index_glsl.html#fade2" class="tsd-kind-icon">FADE2</a>
-					</li>
-					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="shaders_noise_index_glsl.html#fade3" class="tsd-kind-icon">FADE3</a>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_noise_index_glsl.html#CLASSIC" class="tsd-kind-icon">CLASSIC</a>
 					</li>
-					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="shaders_noise_index_glsl.html#fade4" class="tsd-kind-icon">FADE4</a>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_noise_index_glsl.html#PERIODIC" class="tsd-kind-icon">PERIODIC</a>
 					</li>
-					<li class=" tsd-kind-variable tsd-parent-kind-module">
-						<a href="shaders_noise_index_glsl.html#functions" class="tsd-kind-icon">FUNCTIONS</a>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_noise_index_glsl.html#SIMPLEX" class="tsd-kind-icon">SIMPLEX</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/docs/modules/shaders_noise_index_wgsl.html b/docs/modules/shaders_noise_index_wgsl.html
new file mode 100644
index 0000000..19618a0
--- /dev/null
+++ b/docs/modules/shaders_noise_index_wgsl.html
@@ -0,0 +1,162 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/noise/index.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_noise_index_wgsl.html">shaders/noise/index.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/noise/index.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>References</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_noise_index_wgsl.html#CLASSIC" class="tsd-kind-icon">CLASSIC</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_noise_index_wgsl.html#PERIODIC" class="tsd-kind-icon">PERIODIC</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_noise_index_wgsl.html#SIMPLEX" class="tsd-kind-icon">SIMPLEX</a></li>
+								<li class="tsd-kind-reference tsd-parent-kind-module"><a href="shaders_noise_index_wgsl.html#WORLEY" class="tsd-kind-icon">WORLEY</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>References</h2>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="CLASSIC" class="tsd-anchor"></a>
+					<h3>CLASSIC</h3>
+					Renames and exports <a href="shaders_noise_classic_wgsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="PERIODIC" class="tsd-anchor"></a>
+					<h3>PERIODIC</h3>
+					Renames and exports <a href="shaders_noise_periodic_wgsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="SIMPLEX" class="tsd-anchor"></a>
+					<h3>SIMPLEX</h3>
+					Renames and exports <a href="shaders_noise_simplex_wgsl.html#default">default</a>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-reference tsd-parent-kind-module">
+					<a name="WORLEY" class="tsd-anchor"></a>
+					<h3>WORLEY</h3>
+					Renames and exports <a href="shaders_noise_worley_wgsl.html#default">default</a>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_noise_index_wgsl.html">shaders/noise/index.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_noise_index_wgsl.html#CLASSIC" class="tsd-kind-icon">CLASSIC</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_noise_index_wgsl.html#PERIODIC" class="tsd-kind-icon">PERIODIC</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_noise_index_wgsl.html#SIMPLEX" class="tsd-kind-icon">SIMPLEX</a>
+					</li>
+					<li class=" tsd-kind-reference tsd-parent-kind-module">
+						<a href="shaders_noise_index_wgsl.html#WORLEY" class="tsd-kind-icon">WORLEY</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_noise_periodic_wgsl.html b/docs/modules/shaders_noise_periodic_wgsl.html
new file mode 100644
index 0000000..5107e65
--- /dev/null
+++ b/docs/modules/shaders_noise_periodic_wgsl.html
@@ -0,0 +1,151 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/noise/periodic.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_noise_periodic_wgsl.html">shaders/noise/periodic.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/noise/periodic.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_noise_periodic_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>PNOISE2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>PNOISE3D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>PNOISE4D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>PNOISE2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>PNOISE3D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>PNOISE4D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_noise_periodic_wgsl.html">shaders/noise/periodic.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_noise_periodic_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_noise_simplex_wgsl.html b/docs/modules/shaders_noise_simplex_wgsl.html
new file mode 100644
index 0000000..dffce94
--- /dev/null
+++ b/docs/modules/shaders_noise_simplex_wgsl.html
@@ -0,0 +1,151 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/noise/simplex.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_noise_simplex_wgsl.html">shaders/noise/simplex.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/noise/simplex.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_noise_simplex_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>SNOISE2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>SNOISE3D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>SNOISE4D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>SNOISE2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>SNOISE3D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>SNOISE4D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_noise_simplex_wgsl.html">shaders/noise/simplex.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_noise_simplex_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_noise_utils_glsl.html b/docs/modules/shaders_noise_utils_glsl.html
new file mode 100644
index 0000000..2baf5cf
--- /dev/null
+++ b/docs/modules/shaders_noise_utils_glsl.html
@@ -0,0 +1,182 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/noise/utils.glsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_noise_utils_glsl.html">shaders/noise/utils.glsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/noise/utils.glsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Variables</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_glsl.html#FADE2" class="tsd-kind-icon">FADE2</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_glsl.html#FADE3" class="tsd-kind-icon">FADE3</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_glsl.html#FADE4" class="tsd-kind-icon">FADE4</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_glsl.html#FUNCTIONS" class="tsd-kind-icon">FUNCTIONS</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Variables</h2>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="FADE2" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE2</h3>
+					<div class="tsd-signature tsd-kind-icon">FADE2<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec2 fade(vec2 t) {\n  return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.glsl.ts#L18">shaders/noise/utils.glsl.ts:18</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="FADE3" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE3</h3>
+					<div class="tsd-signature tsd-kind-icon">FADE3<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec3 fade(vec3 t) {\n  return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.glsl.ts#L24">shaders/noise/utils.glsl.ts:24</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="FADE4" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE4</h3>
+					<div class="tsd-signature tsd-kind-icon">FADE4<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec4 fade(vec4 t) {\n  return t*t*t*(t*(t*6.0-15.0)+10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.glsl.ts#L30">shaders/noise/utils.glsl.ts:30</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="FUNCTIONS" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> FUNCTIONS</h3>
+					<div class="tsd-signature tsd-kind-icon">FUNCTIONS<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nvec4 mod289(vec4 x)\n{\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec4 permute(vec4 x)\n{\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nvec4 taylorInvSqrt(vec4 r)\n{\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.glsl.ts#L1">shaders/noise/utils.glsl.ts:1</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_noise_utils_glsl.html">shaders/noise/utils.glsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_glsl.html#FADE2" class="tsd-kind-icon">FADE2</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_glsl.html#FADE3" class="tsd-kind-icon">FADE3</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_glsl.html#FADE4" class="tsd-kind-icon">FADE4</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_glsl.html#FUNCTIONS" class="tsd-kind-icon">FUNCTIONS</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_noise_utils_wgsl.html b/docs/modules/shaders_noise_utils_wgsl.html
new file mode 100644
index 0000000..040e273
--- /dev/null
+++ b/docs/modules/shaders_noise_utils_wgsl.html
@@ -0,0 +1,294 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/noise/utils.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_noise_utils_wgsl.html">shaders/noise/utils.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/noise/utils.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Variables</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#FADE_2" class="tsd-kind-icon">FADE_<wbr>2</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#FADE_3" class="tsd-kind-icon">FADE_<wbr>3</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#FADE_4" class="tsd-kind-icon">FADE_<wbr>4</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#MOD289_1" class="tsd-kind-icon">MOD289_<wbr>1</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#MOD289_2" class="tsd-kind-icon">MOD289_<wbr>2</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#MOD289_3" class="tsd-kind-icon">MOD289_<wbr>3</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#MOD289_4" class="tsd-kind-icon">MOD289_<wbr>4</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#PERMUTE_1" class="tsd-kind-icon">PERMUTE_<wbr>1</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#PERMUTE_3" class="tsd-kind-icon">PERMUTE_<wbr>3</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#PERMUTE_4" class="tsd-kind-icon">PERMUTE_<wbr>4</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#TAYLOR_INV_SQRT_1" class="tsd-kind-icon">TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>1</a></li>
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="shaders_noise_utils_wgsl.html#TAYLOR_INV_SQRT_4" class="tsd-kind-icon">TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>4</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Variables</h2>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="FADE_2" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE_<wbr>2</h3>
+					<div class="tsd-signature tsd-kind-icon">FADE_<wbr>2<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn fade_2(t: vec2&lt;f32&gt;) -&gt; vec2&lt;f32&gt; {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L40">shaders/noise/utils.wgsl.ts:40</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="FADE_3" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE_<wbr>3</h3>
+					<div class="tsd-signature tsd-kind-icon">FADE_<wbr>3<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn fade_3(t: vec3&lt;f32&gt;) -&gt; vec3&lt;f32&gt; {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L46">shaders/noise/utils.wgsl.ts:46</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="FADE_4" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> FADE_<wbr>4</h3>
+					<div class="tsd-signature tsd-kind-icon">FADE_<wbr>4<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn fade_4(t: vec4&lt;f32&gt;) -&gt; vec4&lt;f32&gt; {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L52">shaders/noise/utils.wgsl.ts:52</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="MOD289_1" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> MOD289_<wbr>1</h3>
+					<div class="tsd-signature tsd-kind-icon">MOD289_<wbr>1<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn mod289_1(x: f32) -&gt; f32 {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L1">shaders/noise/utils.wgsl.ts:1</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="MOD289_2" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> MOD289_<wbr>2</h3>
+					<div class="tsd-signature tsd-kind-icon">MOD289_<wbr>2<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn mod289_2(x: vec2&lt;f32&gt;) -&gt; vec2&lt;f32&gt; {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L6">shaders/noise/utils.wgsl.ts:6</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="MOD289_3" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> MOD289_<wbr>3</h3>
+					<div class="tsd-signature tsd-kind-icon">MOD289_<wbr>3<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn mod289_3(x: vec3&lt;f32&gt;) -&gt; vec3&lt;f32&gt; {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L11">shaders/noise/utils.wgsl.ts:11</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="MOD289_4" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> MOD289_<wbr>4</h3>
+					<div class="tsd-signature tsd-kind-icon">MOD289_<wbr>4<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn mod289_4(x: vec4&lt;f32&gt;) -&gt; vec4&lt;f32&gt; {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L16">shaders/noise/utils.wgsl.ts:16</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="PERMUTE_1" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> PERMUTE_<wbr>1</h3>
+					<div class="tsd-signature tsd-kind-icon">PERMUTE_<wbr>1<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn permute_1(x: f32) -&gt; f32 {\n  return mod289_1(((x * 34.0) + 10.0) * x);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L22">shaders/noise/utils.wgsl.ts:22</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="PERMUTE_3" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> PERMUTE_<wbr>3</h3>
+					<div class="tsd-signature tsd-kind-icon">PERMUTE_<wbr>3<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn permute_3(x: vec3&lt;f32&gt;) -&gt; vec3&lt;f32&gt; {\n  return mod289_3(((x * 34.0) + 10.0) * x);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L28">shaders/noise/utils.wgsl.ts:28</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="PERMUTE_4" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> PERMUTE_<wbr>4</h3>
+					<div class="tsd-signature tsd-kind-icon">PERMUTE_<wbr>4<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn permute_4(x: vec4&lt;f32&gt;) -&gt; vec4&lt;f32&gt; {\n  return mod289_4(((x * 34.0) + 10.0) * x);\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L34">shaders/noise/utils.wgsl.ts:34</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="TAYLOR_INV_SQRT_1" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>1</h3>
+					<div class="tsd-signature tsd-kind-icon">TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>1<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn taylorInvSqrt_1(r: f32) -&gt; f32 {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L58">shaders/noise/utils.wgsl.ts:58</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="TAYLOR_INV_SQRT_4" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>4</h3>
+					<div class="tsd-signature tsd-kind-icon">TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>4<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;\nfn taylorInvSqrt_4(r: vec4&lt;f32&gt;) -&gt; vec4&lt;f32&gt; {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\n&quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/shaders/noise/utils.wgsl.ts#L64">shaders/noise/utils.wgsl.ts:64</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_noise_utils_wgsl.html">shaders/noise/utils.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#FADE_2" class="tsd-kind-icon">FADE_<wbr>2</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#FADE_3" class="tsd-kind-icon">FADE_<wbr>3</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#FADE_4" class="tsd-kind-icon">FADE_<wbr>4</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#MOD289_1" class="tsd-kind-icon">MOD289_<wbr>1</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#MOD289_2" class="tsd-kind-icon">MOD289_<wbr>2</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#MOD289_3" class="tsd-kind-icon">MOD289_<wbr>3</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#MOD289_4" class="tsd-kind-icon">MOD289_<wbr>4</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#PERMUTE_1" class="tsd-kind-icon">PERMUTE_<wbr>1</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#PERMUTE_3" class="tsd-kind-icon">PERMUTE_<wbr>3</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#PERMUTE_4" class="tsd-kind-icon">PERMUTE_<wbr>4</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#TAYLOR_INV_SQRT_1" class="tsd-kind-icon">TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>1</a>
+					</li>
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="shaders_noise_utils_wgsl.html#TAYLOR_INV_SQRT_4" class="tsd-kind-icon">TAYLOR_<wbr>INV_<wbr>SQRT_<wbr>4</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_noise_worley_wgsl.html b/docs/modules/shaders_noise_worley_wgsl.html
new file mode 100644
index 0000000..37eda54
--- /dev/null
+++ b/docs/modules/shaders_noise_worley_wgsl.html
@@ -0,0 +1,145 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/noise/worley.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_noise_worley_wgsl.html">shaders/noise/worley.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/noise/worley.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_noise_worley_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>WORLEY2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>WORLEY2D<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_noise_worley_wgsl.html">shaders/noise/worley.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_noise_worley_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/shaders_utils_wgsl.html b/docs/modules/shaders_utils_wgsl.html
new file mode 100644
index 0000000..115375c
--- /dev/null
+++ b/docs/modules/shaders_utils_wgsl.html
@@ -0,0 +1,148 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>shaders/utils.wgsl | dgel</title>
+	<meta name="description" content="Documentation for dgel">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<script async src="../assets/js/search.js" id="search-script"></script>
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">dgel</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+							<input type="checkbox" id="tsd-filter-externals" checked />
+							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../modules.html">dgel</a>
+				</li>
+				<li>
+					<a href="shaders_utils_wgsl.html">shaders/utils.wgsl</a>
+				</li>
+			</ul>
+			<h1>Module shaders/utils.wgsl</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-module"><a href="shaders_utils_wgsl.html#default" class="tsd-kind-icon">default</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-module">
+					<a name="default" class="tsd-anchor"></a>
+					<h3>default</h3>
+					<div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>RANDOM<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>SATURATE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>RANDOM<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>SATURATE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class=" ">
+						<a href="../modules.html">Modules</a>
+					</li>
+					<li class="current tsd-kind-module">
+						<a href="shaders_utils_wgsl.html">shaders/utils.wgsl</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-property tsd-parent-kind-module">
+						<a href="shaders_utils_wgsl.html#default" class="tsd-kind-icon">default</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer class="with-border-bottom">
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
+				<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
+				<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="container tsd-generator">
+	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
+</div>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/modules/types.html b/docs/modules/types.html
index b2a2800..958ae96 100644
--- a/docs/modules/types.html
+++ b/docs/modules/types.html
@@ -72,23 +72,30 @@ <h2>Index</h2>
 						<section class="tsd-index-section ">
 							<h3>Interfaces</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a></li>
-								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.bindgroupoptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a></li>
-								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.contextoptions.html" class="tsd-kind-icon">Context<wbr>Options</a></li>
-								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.contextstate.html" class="tsd-kind-icon">Context<wbr>State</a></li>
-								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.glsltypequalifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
 							<h3>Type aliases</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#glsllayoutqualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a></li>
-								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#glslsamplertype" class="tsd-kind-icon">GLSLSampler<wbr>Type</a></li>
-								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#glslshadertype" class="tsd-kind-icon">GLSLShader<wbr>Type</a></li>
-								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#glslshadertypeobjectkeys" class="tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys</a></li>
-								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#glslshadowsamplertype" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a></li>
-								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#glslstoragequalifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a></li>
-								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#passtype" class="tsd-kind-icon">Pass<wbr>Type</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#Language" class="tsd-kind-icon">Language</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a></li>
+								<li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
@@ -103,72 +110,133 @@ <h3>Properties</h3>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Type aliases</h2>
 				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
-					<a name="glsllayoutqualifier" class="tsd-anchor"></a>
+					<a name="GLSLLayoutQualifier" class="tsd-anchor"></a>
 					<h3>GLSLLayout<wbr>Qualifier</h3>
 					<div class="tsd-signature tsd-kind-icon">GLSLLayout<wbr>Qualifier<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;std140&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;std430&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L9">src/types.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L25">types.ts:25</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
-					<a name="glslsamplertype" class="tsd-anchor"></a>
+					<a name="GLSLSamplerType" class="tsd-anchor"></a>
 					<h3>GLSLSampler<wbr>Type</h3>
 					<div class="tsd-signature tsd-kind-icon">GLSLSampler<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;1D&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2D&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;3D&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;Cube&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DRect&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;1DArray&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DArray&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;CubeArray&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;Buffer&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DMS&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DMSArray&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L10">src/types.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L26">types.ts:26</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
-					<a name="glslshadertype" class="tsd-anchor"></a>
-					<h3>GLSLShader<wbr>Type</h3>
-					<div class="tsd-signature tsd-kind-icon">GLSLShader<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;vertex&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fragment&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;compute&quot;</span></div>
+					<a name="GLSLShadowSamplerType" class="tsd-anchor"></a>
+					<h3>GLSLShadow<wbr>Sampler<wbr>Type</h3>
+					<div class="tsd-signature tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;1DShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;CubeShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DRectShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;1DArrayShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DArrayShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;CubeArrayShadow&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L5">src/types.ts:5</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L38">types.ts:38</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
-					<a name="glslshadertypeobjectkeys" class="tsd-anchor"></a>
-					<h3>GLSLShader<wbr>Type<wbr>Object<wbr>Keys</h3>
-					<div class="tsd-signature tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><span class="tsd-signature-symbol">[ </span><span class="tsd-signature-type">key</span><span class="tsd-signature-symbol"> in </span><a href="types.html#glslshadertype" class="tsd-signature-type" data-tsd-kind="Type alias">GLSLShaderType</a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<a name="GLSLStorageQualifier" class="tsd-anchor"></a>
+					<h3>GLSLStorage<wbr>Qualifier</h3>
+					<div class="tsd-signature tsd-kind-icon">GLSLStorage<wbr>Qualifier<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;const&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;in&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;out&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;inout&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;centroid&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;patch&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;sample&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;uniform&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;buffer&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;shared&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;coherent&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;volatile&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;restrict&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;readonly&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;writeonly&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L7">src/types.ts:7</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L8">types.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
-					<a name="glslshadowsamplertype" class="tsd-anchor"></a>
-					<h3>GLSLShadow<wbr>Sampler<wbr>Type</h3>
-					<div class="tsd-signature tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;1DShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;CubeShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DRectShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;1DArrayShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;2DArrayShadow&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;CubeArrayShadow&quot;</span></div>
+					<a name="GPUBindingType" class="tsd-anchor"></a>
+					<h3>GPUBinding<wbr>Type</h3>
+					<div class="tsd-signature tsd-kind-icon">GPUBinding<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">GPUBufferBindingType</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">GPUSamplerBindingType</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">GPUTextureSampleType</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">GPUStorageTextureAccess</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L22">src/types.ts:22</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L122">types.ts:122</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
-					<a name="glslstoragequalifier" class="tsd-anchor"></a>
-					<h3>GLSLStorage<wbr>Qualifier</h3>
-					<div class="tsd-signature tsd-kind-icon">GLSLStorage<wbr>Qualifier<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;shared&quot;</span></div>
+					<a name="Language" class="tsd-anchor"></a>
+					<h3>Language</h3>
+					<div class="tsd-signature tsd-kind-icon">Language<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;glsl&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wgsl&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L30">src/types.ts:30</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L52">types.ts:52</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
-					<a name="passtype" class="tsd-anchor"></a>
+					<a name="PassType" class="tsd-anchor"></a>
 					<h3>Pass<wbr>Type</h3>
 					<div class="tsd-signature tsd-kind-icon">Pass<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;render&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;compute&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/types.ts#L63">src/types.ts:63</a></li>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L120">types.ts:120</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="PipelineVertexBufferIns" class="tsd-anchor"></a>
+					<h3>Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</h3>
+					<div class="tsd-signature tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>attributes<span class="tsd-signature-symbol">: </span><a href="../classes/core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>stepMode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GPUVertexStepMode</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L91">types.ts:91</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>attributes<span class="tsd-signature-symbol">: </span><a href="../classes/core_Attribute.default.html" class="tsd-signature-type" data-tsd-kind="Class">default</a><span class="tsd-signature-symbol">[]</span></h5>
+							</li>
+							<li class="tsd-parameter">
+								<h5>step<wbr>Mode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GPUVertexStepMode</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="ShaderStageBodyName" class="tsd-anchor"></a>
+					<h3>Shader<wbr>Stage<wbr>Body<wbr>Name</h3>
+					<div class="tsd-signature tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;vertexBody&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fragmentBody&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;computeBody&quot;</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L86">types.ts:86</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="ShaderStageBodyNameObjectKeys" class="tsd-anchor"></a>
+					<h3>Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</h3>
+					<div class="tsd-signature tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><span class="tsd-signature-symbol">[ </span><span class="tsd-signature-type">key</span><span class="tsd-signature-symbol"> in </span><a href="types.html#ShaderStageBodyName" class="tsd-signature-type" data-tsd-kind="Type alias">ShaderStageBodyName</a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L87">types.ts:87</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="ShaderStageName" class="tsd-anchor"></a>
+					<h3>Shader<wbr>Stage<wbr>Name</h3>
+					<div class="tsd-signature tsd-kind-icon">Shader<wbr>Stage<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;vertex&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fragment&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;compute&quot;</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L81">types.ts:81</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-module">
+					<a name="ShaderStageNameObjectKeys" class="tsd-anchor"></a>
+					<h3>Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</h3>
+					<div class="tsd-signature tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><span class="tsd-signature-symbol">[ </span><span class="tsd-signature-type">key</span><span class="tsd-signature-symbol"> in </span><a href="types.html#ShaderStageName" class="tsd-signature-type" data-tsd-kind="Type alias">ShaderStageName</a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/types.ts#L83">types.ts:83</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -198,40 +266,61 @@ <h3>default</h3>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="../interfaces/types.bindgrouplayoutentry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+						<a href="../interfaces/types.BindGroupLayoutEntry.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Layout<wbr>Entry</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="../interfaces/types.BindGroupOptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-module">
+						<a href="../interfaces/types.ContextOptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="../interfaces/types.bindgroupoptions.html" class="tsd-kind-icon">Bind<wbr>Group<wbr>Options</a>
+						<a href="../interfaces/types.ContextState.html" class="tsd-kind-icon">Context<wbr>State</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="../interfaces/types.contextoptions.html" class="tsd-kind-icon">Context<wbr>Options</a>
+						<a href="../interfaces/types.GLSLTypeQualifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="../interfaces/types.contextstate.html" class="tsd-kind-icon">Context<wbr>State</a>
+						<a href="../interfaces/types.PipelineOptions.html" class="tsd-kind-icon">Pipeline<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-interface tsd-parent-kind-module">
-						<a href="../interfaces/types.glsltypequalifiers.html" class="tsd-kind-icon">GLSLType<wbr>Qualifiers</a>
+						<a href="../interfaces/types.ShaderOptions.html" class="tsd-kind-icon">Shader<wbr>Options</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="types.html#GLSLLayoutQualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="types.html#GLSLSamplerType" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="types.html#GLSLShadowSamplerType" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="types.html#GLSLStorageQualifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+					</li>
+					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
+						<a href="types.html#GPUBindingType" class="tsd-kind-icon">GPUBinding<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="types.html#glsllayoutqualifier" class="tsd-kind-icon">GLSLLayout<wbr>Qualifier</a>
+						<a href="types.html#Language" class="tsd-kind-icon">Language</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="types.html#glslsamplertype" class="tsd-kind-icon">GLSLSampler<wbr>Type</a>
+						<a href="types.html#PassType" class="tsd-kind-icon">Pass<wbr>Type</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="types.html#glslshadertype" class="tsd-kind-icon">GLSLShader<wbr>Type</a>
+						<a href="types.html#PipelineVertexBufferIns" class="tsd-kind-icon">Pipeline<wbr>Vertex<wbr>Buffer<wbr>Ins</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="types.html#glslshadertypeobjectkeys" class="tsd-kind-icon">GLSLShader<wbr>Type<wbr>Object<wbr>Keys</a>
+						<a href="types.html#ShaderStageBodyName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="types.html#glslshadowsamplertype" class="tsd-kind-icon">GLSLShadow<wbr>Sampler<wbr>Type</a>
+						<a href="types.html#ShaderStageBodyNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Body<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="types.html#glslstoragequalifier" class="tsd-kind-icon">GLSLStorage<wbr>Qualifier</a>
+						<a href="types.html#ShaderStageName" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name</a>
 					</li>
 					<li class=" tsd-kind-type-alias tsd-parent-kind-module">
-						<a href="types.html#passtype" class="tsd-kind-icon">Pass<wbr>Type</a>
+						<a href="types.html#ShaderStageNameObjectKeys" class="tsd-kind-icon">Shader<wbr>Stage<wbr>Name<wbr>Object<wbr>Keys</a>
 					</li>
 					<li class=" tsd-kind-property tsd-parent-kind-module">
 						<a href="types.html#default" class="tsd-kind-icon">default</a>
diff --git a/docs/modules/utils.html b/docs/modules/utils.html
index eb6b77a..d824905 100644
--- a/docs/modules/utils.html
+++ b/docs/modules/utils.html
@@ -69,21 +69,41 @@ <h1>Module utils</h1>
 				<h2>Index</h2>
 				<section class="tsd-panel tsd-index-panel">
 					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Variables</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-variable tsd-parent-kind-module"><a href="utils.html#TAB" class="tsd-kind-icon">TAB</a></li>
+							</ul>
+						</section>
 						<section class="tsd-index-section ">
 							<h3>Functions</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-function tsd-parent-kind-module"><a href="utils.html#addlinenumbers" class="tsd-kind-icon">add<wbr>Line<wbr>Numbers</a></li>
-								<li class="tsd-kind-function tsd-parent-kind-module"><a href="utils.html#formatlowerfirst" class="tsd-kind-icon">format<wbr>Lower<wbr>First</a></li>
-								<li class="tsd-kind-function tsd-parent-kind-module"><a href="utils.html#getintegerdigitcount" class="tsd-kind-icon">get<wbr>Integer<wbr>Digit<wbr>Count</a></li>
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="utils.html#addLineNumbers" class="tsd-kind-icon">add<wbr>Line<wbr>Numbers</a></li>
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="utils.html#formatLowerFirst" class="tsd-kind-icon">format<wbr>Lower<wbr>First</a></li>
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="utils.html#formatUpperFirst" class="tsd-kind-icon">format<wbr>Upper<wbr>First</a></li>
+								<li class="tsd-kind-function tsd-parent-kind-module"><a href="utils.html#getIntegerDigitCount" class="tsd-kind-icon">get<wbr>Integer<wbr>Digit<wbr>Count</a></li>
 							</ul>
 						</section>
 					</div>
 				</section>
 			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Variables</h2>
+				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-module">
+					<a name="TAB" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> TAB</h3>
+					<div class="tsd-signature tsd-kind-icon">TAB<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;  &quot;</span><span class="tsd-signature-symbol"> = ...</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/utils.ts#L1">utils.ts:1</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Functions</h2>
 				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
-					<a name="addlinenumbers" class="tsd-anchor"></a>
+					<a name="addLineNumbers" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> add<wbr>Line<wbr>Numbers</h3>
 					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
 						<li class="tsd-signature tsd-kind-icon">add<wbr>Line<wbr>Numbers<span class="tsd-signature-symbol">(</span>shaderSource<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
@@ -92,7 +112,7 @@ <h3><span class="tsd-flag ts-flagConst">Const</span> add<wbr>Line<wbr>Numbers</h
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/utils.ts#L8">src/utils.ts:8</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/utils.ts#L13">utils.ts:13</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -106,7 +126,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
-					<a name="formatlowerfirst" class="tsd-anchor"></a>
+					<a name="formatLowerFirst" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> format<wbr>Lower<wbr>First</h3>
 					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
 						<li class="tsd-signature tsd-kind-icon">format<wbr>Lower<wbr>First<span class="tsd-signature-symbol">(</span>string<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
@@ -115,7 +135,7 @@ <h3><span class="tsd-flag ts-flagConst">Const</span> format<wbr>Lower<wbr>First<
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/utils.ts#L1">src/utils.ts:1</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/utils.ts#L3">utils.ts:3</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -129,7 +149,30 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 					</ul>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
-					<a name="getintegerdigitcount" class="tsd-anchor"></a>
+					<a name="formatUpperFirst" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> format<wbr>Upper<wbr>First</h3>
+					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
+						<li class="tsd-signature tsd-kind-icon">format<wbr>Upper<wbr>First<span class="tsd-signature-symbol">(</span>string<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/utils.ts#L6">utils.ts:6</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>string: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module">
+					<a name="getIntegerDigitCount" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagConst">Const</span> get<wbr>Integer<wbr>Digit<wbr>Count</h3>
 					<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
 						<li class="tsd-signature tsd-kind-icon">get<wbr>Integer<wbr>Digit<wbr>Count<span class="tsd-signature-symbol">(</span>integer<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
@@ -138,7 +181,7 @@ <h3><span class="tsd-flag ts-flagConst">Const</span> get<wbr>Integer<wbr>Digit<w
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/5541a1f/src/utils.ts#L4">src/utils.ts:4</a></li>
+									<li>Defined in <a href="https://github.com/dmnsgn/dgel/blob/43c7387/src/utils.ts#L9">utils.ts:9</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -166,14 +209,20 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
+					<li class=" tsd-kind-variable tsd-parent-kind-module">
+						<a href="utils.html#TAB" class="tsd-kind-icon">TAB</a>
+					</li>
+					<li class=" tsd-kind-function tsd-parent-kind-module">
+						<a href="utils.html#addLineNumbers" class="tsd-kind-icon">add<wbr>Line<wbr>Numbers</a>
+					</li>
 					<li class=" tsd-kind-function tsd-parent-kind-module">
-						<a href="utils.html#addlinenumbers" class="tsd-kind-icon">add<wbr>Line<wbr>Numbers</a>
+						<a href="utils.html#formatLowerFirst" class="tsd-kind-icon">format<wbr>Lower<wbr>First</a>
 					</li>
 					<li class=" tsd-kind-function tsd-parent-kind-module">
-						<a href="utils.html#formatlowerfirst" class="tsd-kind-icon">format<wbr>Lower<wbr>First</a>
+						<a href="utils.html#formatUpperFirst" class="tsd-kind-icon">format<wbr>Upper<wbr>First</a>
 					</li>
 					<li class=" tsd-kind-function tsd-parent-kind-module">
-						<a href="utils.html#getintegerdigitcount" class="tsd-kind-icon">get<wbr>Integer<wbr>Digit<wbr>Count</a>
+						<a href="utils.html#getIntegerDigitCount" class="tsd-kind-icon">get<wbr>Integer<wbr>Digit<wbr>Count</a>
 					</li>
 				</ul>
 			</nav>
diff --git a/lib/constants.js b/lib/constants.js
index 04d3987..e7efbca 100644
--- a/lib/constants.js
+++ b/lib/constants.js
@@ -1,25 +1,57 @@
-// https://github.com/gpuweb/gpuweb/blob/402b69138fbedf4a3c9c85cd1bf7e1cc27c1b34e/spec/index.bs
-// tslint:disable:variable-name
+import BuiltIn from "./core/BuiltIn.js";
+// Bit fields
+// https://github.com/gpuweb/gpuweb/blob/main/spec/index.bs
+export const GPUBufferUsage = {
+    MAP_READ: 0x0001,
+    MAP_WRITE: 0x0002,
+    COPY_SRC: 0x0004,
+    COPY_DST: 0x0008,
+    INDEX: 0x0010,
+    VERTEX: 0x0020,
+    UNIFORM: 0x0040,
+    STORAGE: 0x0080,
+    INDIRECT: 0x0100,
+};
+export const GPUTextureUsage = {
+    COPY_SRC: 0x01,
+    COPY_DST: 0x02,
+    SAMPLED: 0x04,
+    STORAGE: 0x08,
+    RENDER_ATTACHMENT: 0x10,
+};
+export const GPUShaderStage = {
+    VERTEX: 0x1,
+    FRAGMENT: 0x2,
+    COMPUTE: 0x4,
+};
+// WebGPU
 // Strings
+// https://gpuweb.github.io/gpuweb/#binding-type
 export const BindingType = {
+    // buffer
     Uniform: "uniform",
     Storage: "storage",
     ReadonlyStorage: "read-only-storage",
+    // sampler
     Filtering: "filtering",
     NonFiltering: "non-filtering",
     Comparison: "comparison",
+    // texture
     Float: "float",
     UnFilterableFloat: "unfilterable-float",
     Depth: "depth",
     Sint: "sint",
     Uint: "uint",
     ReadOnly: "read-only",
+    // storageTexture
     WriteOnly: "write-only",
 };
+// https://gpuweb.github.io/gpuweb/#vertex-state
 export const GPUIndexFormat = {
     Uint16: "uint16",
     Uint32: "uint32",
 };
+// https://gpuweb.github.io/gpuweb/#primitive-state
 export const GPUPrimitiveTopology = {
     PointList: "point-list",
     LineList: "line-list",
@@ -27,28 +59,73 @@ export const GPUPrimitiveTopology = {
     TriangleList: "triangle-list",
     TriangleStrip: "triangle-strip",
 };
-// Bit fields
-export const GPUBufferUsage = {
-    MAP_READ: 0x0001,
-    MAP_WRITE: 0x0002,
-    COPY_SRC: 0x0004,
-    COPY_DST: 0x0008,
-    INDEX: 0x0010,
-    VERTEX: 0x0020,
-    UNIFORM: 0x0040,
-    STORAGE: 0x0080,
-    INDIRECT: 0x0100,
+export const GPUShaderStageName = {
+    [GPUShaderStage.VERTEX]: "vertex",
+    [GPUShaderStage.FRAGMENT]: "fragment",
+    [GPUShaderStage.COMPUTE]: "compute",
 };
-export const GPUTextureUsage = {
-    COPY_SRC: 0x01,
-    COPY_DST: 0x02,
-    SAMPLED: 0x04,
-    STORAGE: 0x08,
-    RENDER_ATTACHMENT: 0x10,
+// WGSL
+export const StorageClass = {
+    Function: "function",
+    Private: "private",
+    Workgroup: "workgroup",
+    Uniform: "uniform",
+    Storage: "storage",
+    Handle: "handle",
 };
-export const GPUShaderStage = {
-    VERTEX: 0x1,
-    FRAGMENT: 0x2,
-    COMPUTE: 0x4,
+export const AccessMode = {
+    Read: "read",
+    Write: "write",
+    ReadWrite: "read-write",
+};
+export const GLSL_SCALARS_TO_WGSL = {
+    float: "f32",
+    int: "i32",
+    uint: "u32",
+    bool: "bool",
+};
+export const WGSL_SCALARS_TO_GLSL_PREFIX = {
+    f32: "",
+    i32: "i",
+    u32: "u",
+    bool: "b",
+};
+export const WGSL_MATRIX_TO_GLSL = {
+    mat2x2: "mat2",
+    mat3x3: "mat3",
+    mat4x4: "mat4",
+};
+export const WGSL_TYPE_TO_GPU_VERTEX_FORMAT = {
+    f32: "float32",
+    "vec2<f32>": "float32x2",
+    "vec3<f32>": "float32x3",
+    "vec4<f32>": "float32x4",
+    u32: "uint32",
+    "vec2<u32>": "uint32x2",
+    "vec3<u32>": "uint32x3",
+    "vec4<u32>": "uint32x4",
+    i32: "sint32",
+    "vec2<i32>": "sint32x2",
+    "vec3<i32>": "sint32x3",
+    "vec4<i32>": "sint32x4",
+};
+// https://www.w3.org/TR/WGSL/#builtin-variables
+export const WGSLBuiltIn = {
+    VertexIndex: new BuiltIn("vertex_index", "u32", GPUShaderStage.VERTEX, "in"),
+    InstanceIndex: new BuiltIn("instance_index", "u32", GPUShaderStage.VERTEX, "in"),
+    Position: new BuiltIn("position", "vec4<f32>", GPUShaderStage.VERTEX, "out"),
+    PositionOut: new BuiltIn("position", "vec4<f32>", GPUShaderStage.FRAGMENT, "in"),
+    // Frag
+    FrontFacing: new BuiltIn("front_facing", "bool", GPUShaderStage.FRAGMENT, "in"),
+    FragDepth: new BuiltIn("frag_depth", "f32", GPUShaderStage.FRAGMENT, "out"),
+    SampleIndex: new BuiltIn("sample_index", "u32", GPUShaderStage.FRAGMENT, "in"),
+    SampleMask: new BuiltIn("sample_mask", "u32", GPUShaderStage.FRAGMENT, "in"),
+    SampleMaskOut: new BuiltIn("sample_mask", "u32", GPUShaderStage.FRAGMENT, "out"),
+    // Compute
+    LocalInvocationId: new BuiltIn("local_invocation_id", "vec3<u32>", GPUShaderStage.COMPUTE, "in"),
+    LocalInvocationIndex: new BuiltIn("local_invocation_index", "u32", GPUShaderStage.COMPUTE, "in"),
+    GlobalInvocationId: new BuiltIn("global_invocation_id", "vec3<u32>", GPUShaderStage.COMPUTE, "in"),
+    WorkgroupId: new BuiltIn("workgroup_id", "vec3<u32>", GPUShaderStage.COMPUTE, "in"),
+    NumWorkgroups: new BuiltIn("num_workgroups", "vec3<u32>", GPUShaderStage.COMPUTE, "in"),
 };
 //# sourceMappingURL=constants.js.map
\ No newline at end of file
diff --git a/lib/constants.js.map b/lib/constants.js.map
index 8dacb5b..d1ab00f 100644
--- a/lib/constants.js.map
+++ b/lib/constants.js.map
@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAE/F,+BAA+B;AAE/B,UAAU;AACV,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,eAAe,EAAE,mBAAmB;IACpC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,eAAe;IAC7B,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,iBAAiB,EAAE,oBAAoB;IACvC,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAsC;IAC/D,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAA4C;IAC3E,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;CAChC,CAAC;AAEF,aAAa;AACb,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,iBAAiB,EAAE,IAAI;CACxB,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAC"}
\ No newline at end of file
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAGxC,aAAa;AACb,2DAA2D;AAC3D,MAAM,CAAC,MAAM,cAAc,GAA2C;IACpE,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAA4C;IACtE,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,iBAAiB,EAAE,IAAI;CACxB,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAA2C;IACpE,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAC;AAEF,SAAS;AACT,UAAU;AACV,gDAAgD;AAChD,MAAM,CAAC,MAAM,WAAW,GAA8B;IACpD,SAAS;IACT,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,eAAe,EAAE,mBAAmB;IACpC,UAAU;IACV,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,eAAe;IAC7B,UAAU,EAAE,YAAY;IACxB,UAAU;IACV,KAAK,EAAE,OAAO;IACd,iBAAiB,EAAE,oBAAoB;IACvC,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,iBAAiB;IACjB,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,gDAAgD;AAChD,MAAM,CAAC,MAAM,cAAc,GAAsC;IAC/D,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC;AACF,mDAAmD;AACnD,MAAM,CAAC,MAAM,oBAAoB,GAA4C;IAC3E,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;CAChC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAE3B;IACF,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ;IACjC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU;IACrC,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS;CACpC,CAAC;AAEF,OAAO;AACP,MAAM,CAAC,MAAM,YAAY,GAA8B;IACrD,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAGF,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,YAAY;CACxB,CAAC;AAGF,MAAM,CAAC,MAAM,oBAAoB,GAA8B;IAC7D,KAAK,EAAE,KAAK;IACZ,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAA8B;IACpE,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA8B;IAC5D,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAEvC;IACF,GAAG,EAAE,SAAS;IACd,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IAExB,GAAG,EAAE,QAAQ;IACb,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,UAAU;IAEvB,GAAG,EAAE,QAAQ;IACb,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,UAAU;CACxB,CAAC;AAEF,gDAAgD;AAChD,MAAM,CAAC,MAAM,WAAW,GAA+B;IACrD,WAAW,EAAE,IAAI,OAAO,CAAC,cAAc,EAAE,KAAK,EAAE,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC;IAC5E,aAAa,EAAE,IAAI,OAAO,CACxB,gBAAgB,EAChB,KAAK,EACL,cAAc,CAAC,MAAM,EACrB,IAAI,CACL;IACD,QAAQ,EAAE,IAAI,OAAO,CAAC,UAAU,EAAE,WAAW,EAAE,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;IAC5E,WAAW,EAAE,IAAI,OAAO,CACtB,UAAU,EACV,WAAW,EACX,cAAc,CAAC,QAAQ,EACvB,IAAI,CACL;IACD,OAAO;IACP,WAAW,EAAE,IAAI,OAAO,CACtB,cAAc,EACd,MAAM,EACN,cAAc,CAAC,QAAQ,EACvB,IAAI,CACL;IACD,SAAS,EAAE,IAAI,OAAO,CAAC,YAAY,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC3E,WAAW,EAAE,IAAI,OAAO,CACtB,cAAc,EACd,KAAK,EACL,cAAc,CAAC,QAAQ,EACvB,IAAI,CACL;IACD,UAAU,EAAE,IAAI,OAAO,CAAC,aAAa,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC;IAC5E,aAAa,EAAE,IAAI,OAAO,CACxB,aAAa,EACb,KAAK,EACL,cAAc,CAAC,QAAQ,EACvB,KAAK,CACN;IACD,UAAU;IACV,iBAAiB,EAAE,IAAI,OAAO,CAC5B,qBAAqB,EACrB,WAAW,EACX,cAAc,CAAC,OAAO,EACtB,IAAI,CACL;IACD,oBAAoB,EAAE,IAAI,OAAO,CAC/B,wBAAwB,EACxB,KAAK,EACL,cAAc,CAAC,OAAO,EACtB,IAAI,CACL;IACD,kBAAkB,EAAE,IAAI,OAAO,CAC7B,sBAAsB,EACtB,WAAW,EACX,cAAc,CAAC,OAAO,EACtB,IAAI,CACL;IACD,WAAW,EAAE,IAAI,OAAO,CACtB,cAAc,EACd,WAAW,EACX,cAAc,CAAC,OAAO,EACtB,IAAI,CACL;IACD,aAAa,EAAE,IAAI,OAAO,CACxB,gBAAgB,EAChB,WAAW,EACX,cAAc,CAAC,OAAO,EACtB,IAAI,CACL;CACF,CAAC"}
\ No newline at end of file
diff --git a/lib/core/Attribute.js b/lib/core/Attribute.js
index 86a5a6f..39479a3 100644
--- a/lib/core/Attribute.js
+++ b/lib/core/Attribute.js
@@ -5,6 +5,9 @@ class Attribute extends Variable {
         this.name = name;
         this.type = type;
     }
+    getWGSLString(index) {
+        return /* wgsl */ `[[location(${index})]] ${this.name}: ${this.arrayCount ? `array<` : ""}${this.wgslType}${this.arrayCount ? `, ${this.arrayCount}>` : ""}`;
+    }
 }
 export default Attribute;
 //# sourceMappingURL=Attribute.js.map
\ No newline at end of file
diff --git a/lib/core/Attribute.js.map b/lib/core/Attribute.js.map
index fab7e97..ca19bf3 100644
--- a/lib/core/Attribute.js.map
+++ b/lib/core/Attribute.js.map
@@ -1 +1 @@
-{"version":3,"file":"Attribute.js","sourceRoot":"","sources":["../../src/core/Attribute.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,SAAU,SAAQ,QAAQ;IAC9B,YAAmB,IAAY,EAAS,IAAY;QAClD,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QADD,SAAI,GAAJ,IAAI,CAAQ;QAAS,SAAI,GAAJ,IAAI,CAAQ;IAEpD,CAAC;CACF;AAED,eAAe,SAAS,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Attribute.js","sourceRoot":"","sources":["../../src/core/Attribute.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,SAAU,SAAQ,QAAQ;IAC9B,YAAmB,IAAY,EAAS,IAAY;QAClD,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QADD,SAAI,GAAJ,IAAI,CAAQ;QAAS,SAAI,GAAJ,IAAI,CAAQ;IAEpD,CAAC;IAEM,aAAa,CAAC,KAAa;QAChC,OAAO,UAAU,CAAC,cAAc,KAAK,OAAO,IAAI,CAAC,IAAI,KACnD,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC/B,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACtE,CAAC;CACF;AAED,eAAe,SAAS,CAAC"}
\ No newline at end of file
diff --git a/lib/core/BindGroupLayout.js b/lib/core/BindGroupLayout.js
index 3bb4ecc..1f41dcf 100644
--- a/lib/core/BindGroupLayout.js
+++ b/lib/core/BindGroupLayout.js
@@ -1,4 +1,5 @@
 import State from "./State.js";
+import { BindingType } from "../constants.js";
 class BindGroupLayout {
     constructor(entries = []) {
         this.entries = entries;
@@ -17,7 +18,8 @@ class BindGroupLayout {
         let size = 0;
         for (let i = 0; i < this.entries.length; i++) {
             const entry = this.entries[i];
-            if (entry.buffer) {
+            if (entry.buffer &&
+                (!entry.buffer.type || entry.buffer.type === BindingType.Uniform)) {
                 size += this.getBindingSize(entry);
             }
         }
@@ -25,11 +27,11 @@ class BindGroupLayout {
     }
     getBindingSize(entry) {
         let size = 0;
-        if (entry.buffer) {
+        if (entry.buffer &&
+            (!entry.buffer.type || entry.buffer.type === BindingType.Uniform)) {
             size += entry.uniforms
-                .map((uniform) => uniform.arrayCount
-                ? uniform.getSize(entry.qualifiers?.layout) * uniform.arrayCount
-                : uniform.getSize(entry.qualifiers?.layout))
+                .map((uniform) => uniform.getSize(entry.qualifiers?.layout) *
+                (uniform.arrayCount || 1))
                 .reduce((a, b) => a + b, 0);
         }
         return size;
diff --git a/lib/core/BindGroupLayout.js.map b/lib/core/BindGroupLayout.js.map
index ff02bb0..88b6027 100644
--- a/lib/core/BindGroupLayout.js.map
+++ b/lib/core/BindGroupLayout.js.map
@@ -1 +1 @@
-{"version":3,"file":"BindGroupLayout.js","sourceRoot":"","sources":["../../src/core/BindGroupLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAI/B,MAAM,eAAe;IAGnB,YAAmB,UAAkC,EAAE;QAApC,YAAO,GAAP,OAAO,CAA6B;QACrD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC;YAC3D,OAAO,EAAE,OAAO,CAAC,GAAG,CAClB,CACE,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,EACxD,OAAO,EACP,EAAE,CAAC,CAAC;gBACJ,OAAO;gBACP,UAAU;gBACV,MAAM;gBACN,OAAO;gBACP,OAAO;gBACP,cAAc;aACf,CAAC,CACH;SACF,CAAC,CAAC;IACL,CAAC;IAEM,gBAAgB;QACrB,IAAI,IAAI,GAAG,CAAC,CAAC;QAEb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAE9B,IAAI,KAAK,CAAC,MAAM,EAAE;gBAChB,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;aACpC;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,cAAc,CAAC,KAA2B;QAC/C,IAAI,IAAI,GAAG,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,IAAI,IAAI,KAAK,CAAC,QAAQ;iBACnB,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACf,OAAO,CAAC,UAAU;gBAChB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,UAAU;gBAChE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,CAC9C;iBACA,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;SAC/B;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAED,eAAe,eAAe,CAAC"}
\ No newline at end of file
+{"version":3,"file":"BindGroupLayout.js","sourceRoot":"","sources":["../../src/core/BindGroupLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,MAAM,eAAe;IAGnB,YAAmB,UAAkC,EAAE;QAApC,YAAO,GAAP,OAAO,CAA6B;QACrD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC;YAC3D,OAAO,EAAE,OAAO,CAAC,GAAG,CAClB,CACE,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,EACxD,OAAO,EACP,EAAE,CAAC,CAAC;gBACJ,OAAO;gBACP,UAAU;gBACV,MAAM;gBACN,OAAO;gBACP,OAAO;gBACP,cAAc;aACf,CAAC,CACH;SACF,CAAC,CAAC;IACL,CAAC;IAEM,gBAAgB;QACrB,IAAI,IAAI,GAAG,CAAC,CAAC;QAEb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAE9B,IACE,KAAK,CAAC,MAAM;gBACZ,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,OAAO,CAAC,EACjE;gBACA,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;aACpC;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,cAAc,CAAC,KAA2B;QAC/C,IAAI,IAAI,GAAG,CAAC,CAAC;QAEb,IACE,KAAK,CAAC,MAAM;YACZ,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,OAAO,CAAC,EACjE;YACA,IAAI,IAAI,KAAK,CAAC,QAAQ;iBACnB,GAAG,CACF,CAAC,OAAO,EAAE,EAAE,CACV,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC;gBACzC,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,CAAC,CAC5B;iBACA,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;SAC/B;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAED,eAAe,eAAe,CAAC"}
\ No newline at end of file
diff --git a/lib/core/BuiltIn.js b/lib/core/BuiltIn.js
new file mode 100644
index 0000000..4f98e33
--- /dev/null
+++ b/lib/core/BuiltIn.js
@@ -0,0 +1,15 @@
+import Variable from "./Variable.js";
+class BuiltIn extends Variable {
+    constructor(name, type, visibility, io) {
+        super(name, type);
+        this.name = name;
+        this.type = type;
+        this.visibility = visibility;
+        this.io = io;
+    }
+    getWGSLString() {
+        return /* wgsl */ `[[builtin(${this.name})]] ${this.name}: ${this.wgslType}`;
+    }
+}
+export default BuiltIn;
+//# sourceMappingURL=BuiltIn.js.map
\ No newline at end of file
diff --git a/lib/core/BuiltIn.js.map b/lib/core/BuiltIn.js.map
new file mode 100644
index 0000000..f83675a
--- /dev/null
+++ b/lib/core/BuiltIn.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"BuiltIn.js","sourceRoot":"","sources":["../../src/core/BuiltIn.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,OAAQ,SAAQ,QAAQ;IAC5B,YACS,IAAY,EACZ,IAAY,EACZ,UAAgC,EAChC,EAAW;QAElB,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QALX,SAAI,GAAJ,IAAI,CAAQ;QACZ,SAAI,GAAJ,IAAI,CAAQ;QACZ,eAAU,GAAV,UAAU,CAAsB;QAChC,OAAE,GAAF,EAAE,CAAS;IAGpB,CAAC;IAEM,aAAa;QAClB,OAAO,UAAU,CAAC,aAAa,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC/E,CAAC;CACF;AAED,eAAe,OAAO,CAAC"}
\ No newline at end of file
diff --git a/lib/core/Context.js.map b/lib/core/Context.js.map
index 072dbf9..9ea0fa8 100644
--- a/lib/core/Context.js.map
+++ b/lib/core/Context.js.map
@@ -1 +1 @@
-{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../src/core/Context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAI/B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,OAAO;IAWX,YAAY,EAAE,MAAM,EAAE,OAAO,KAAqB,EAAE;QAClD,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO;YACV,OAAO,IAAK,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAsB,CAAC;IACtE,CAAC;IAEM,KAAK,CAAC,IAAI,CACf,cAAc,GAAG,EAAE,EACnB,gBAAgB,GAAG,EAAE,EACrB,6BAA6B,GAAG,EAAE,EAClC,WAAmB;QAEnB,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;aAC5D;YACD,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;aAC7C;YAED,IAAI,CAAC,OAAO,GAAG,MAAM,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAClE,KAAK,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YAClE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gBACzD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACnB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACrB,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;gBACrB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;gBACrD,KAAK,EAAE,eAAe,CAAC,iBAAiB;gBACxC,GAAG,6BAA6B;aACjC,CAAC,CAAC;YAEH,KAAK,CAAC,OAAO,GAAG,MAAM,CACpB,MAAM,MAAM;YACV,yBAAyB,CAAC,WAAW;gBACnC,2CAA2C,CAC9C,CACF,CAAC,OAAO,EAAE,CAAC;SACb;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CACX,KAAa,EACb,MAAc,EACd,6BAA6B,GAAG,EAAE;QAElC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAE5B,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACrB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;YACrD,KAAK,EAAE,eAAe,CAAC,iBAAiB;YACxC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACvB,GAAG,6BAA6B;SACjC,CAAC,CAAC;QAEH,IAAI,CAAC,6BAA6B,GAAG,KAAK,CAAC,MAAM;aAC9C,aAAa,CAAC;YACb,IAAI,EAAE;gBACJ,KAAK;gBACL,MAAM;gBACN,kBAAkB,EAAE,CAAC;aACtB;YACD,aAAa,EAAE,CAAC;YAChB,WAAW,EAAE,CAAC;YACd,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,sBAAsB;YAC9B,KAAK,EAAE,eAAe,CAAC,iBAAiB,GAAG,eAAe,CAAC,QAAQ;SACpE,CAAC;aACD,UAAU,EAAE,CAAC;IAClB,CAAC;IAEM,MAAM,CAAC,OAAgB,EAAE,UAA0B;;QACxD,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;YACxE,OAAO;SACR;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;QAExD,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBAClC,MAAM,UAAU,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAElD,IAAI,UAAU,CAAC,gBAAgB,EAAE;oBAC/B,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,EAAE,CAAC;oBAChD,MAAM,KAAK,GACT,UAAU,CAAC,gBAAuD,CAAC;oBACrE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBACrC,MAAA,KAAK,CAAC,CAAC,CAAC,EAAC,IAAI,QAAJ,IAAI,GAAK,WAAW,EAAC;qBAC/B;iBACF;gBACD,IAAI,UAAU,CAAC,sBAAsB,EAAE;oBACrC,MACE,UAAU,CAAC,sBACZ,EAAC,IAAI,QAAJ,IAAI,GAAK,IAAI,CAAC,6BAA6B,EAAC;iBAC/C;gBAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;aACpE;iBAAM,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;gBAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC;aAC3D;SACF;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,WAAW,CAC1B,OAAO,CAAC,QAAQ,CAAC,WAAqD,CACvE,CAAC;SACH;QAED,IAAI,OAAO,CAAC,aAAa,EAAE;YACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACpD,IAAI,CAAC,WAAoC,CAAC,eAAe,CACxD,CAAC,EACD,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CACnC,CAAC;aACH;SACF;QAED,IAAI,OAAO,CAAC,WAAW,EAAE;YACtB,IAAI,CAAC,WAAoC,CAAC,cAAc,CACvD,OAAO,CAAC,WAAW,CAAC,SAAS,EAC7B,OAAO,CAAC,WAAW,CACpB,CAAC;SACH;QAED,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAClD,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;aACtE;SACF;QAED,IAAI,OAAO,CAAC,WAAW,EAAE;YACtB,IAAI,CAAC,WAAoC,CAAC,WAAW,CACpD,OAAO,CAAC,KAAK,IAAI,CAAC,EAClB,OAAO,CAAC,SAAS,IAAI,CAAC,EACtB,CAAC,EACD,CAAC,EACD,CAAC,CACF,CAAC;SACH;aAAM,IAAI,OAAO,CAAC,KAAK,EAAE;YACvB,IAAI,CAAC,WAAoC,CAAC,IAAI,CAC7C,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,SAAS,IAAI,CAAC,EACtB,CAAC,EACD,CAAC,CACF,CAAC;SACH;aAAM,IAAI,OAAO,CAAC,QAAQ,EAAE;YAC1B,IAAI,CAAC,WAAqC,CAAC,QAAQ,CAClD,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAClC,CAAC,CAAC,OAAO,CAAC,QAAQ;gBAClB,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAgC,CACvD,CAAC;SACH;QAED,IAAI,UAAU;YAAE,UAAU,EAAE,CAAC;QAE7B,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB;IACH,CAAC;IAEM,MAAM,CAAC,EAAiB;QAC7B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QAC1D,kBAAkB;QAClB,EAAE,EAAE,CAAC;QACL,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;CACF;AAED,eAAe,OAAO,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../src/core/Context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,OAAO;IAWX,YAAY,EAAE,MAAM,EAAE,OAAO,KAAqB,EAAE;QAClD,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO;YACV,OAAO,IAAK,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAsB,CAAC;IACtE,CAAC;IAEM,KAAK,CAAC,IAAI,CACf,cAAc,GAAG,EAAE,EACnB,gBAAgB,GAAG,EAAE,EACrB,6BAA6B,GAAG,EAAE,EAClC,WAAmB;QAEnB,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;aAC5D;YACD,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;aAC7C;YAED,IAAI,CAAC,OAAO,GAAG,MAAM,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAClE,KAAK,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YAClE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gBACzD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACnB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACrB,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;gBACrB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;gBACrD,KAAK,EAAE,eAAe,CAAC,iBAAiB;gBACxC,GAAG,6BAA6B;aACjC,CAAC,CAAC;YAEH,KAAK,CAAC,OAAO,GAAG,MAAM,CACpB,MAAM,MAAM;YACV,yBAAyB,CAAC,WAAW;gBACnC,2CAA2C,CAC9C,CACF,CAAC,OAAO,EAAE,CAAC;SACb;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CACX,KAAa,EACb,MAAc,EACd,6BAA6B,GAAG,EAAE;QAElC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAE5B,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACrB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;YACrD,KAAK,EAAE,eAAe,CAAC,iBAAiB;YACxC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACvB,GAAG,6BAA6B;SACjC,CAAC,CAAC;QAEH,IAAI,CAAC,6BAA6B,GAAG,KAAK,CAAC,MAAM;aAC9C,aAAa,CAAC;YACb,IAAI,EAAE;gBACJ,KAAK;gBACL,MAAM;gBACN,kBAAkB,EAAE,CAAC;aACtB;YACD,aAAa,EAAE,CAAC;YAChB,WAAW,EAAE,CAAC;YACd,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,sBAAsB;YAC9B,KAAK,EAAE,eAAe,CAAC,iBAAiB,GAAG,eAAe,CAAC,QAAQ;SACpE,CAAC;aACD,UAAU,EAAE,CAAC;IAClB,CAAC;IAEM,MAAM,CAAC,OAAgB,EAAE,UAA0B;;QACxD,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;YACxE,OAAO;SACR;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;QAExD,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBAClC,MAAM,UAAU,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAElD,IAAI,UAAU,CAAC,gBAAgB,EAAE;oBAC/B,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,EAAE,CAAC;oBAChD,MAAM,KAAK,GACT,UAAU,CAAC,gBAAuD,CAAC;oBACrE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBACrC,MAAA,KAAK,CAAC,CAAC,CAAC,EAAC,IAAI,QAAJ,IAAI,GAAK,WAAW,EAAC;qBAC/B;iBACF;gBACD,IAAI,UAAU,CAAC,sBAAsB,EAAE;oBACrC,MACE,UAAU,CAAC,sBACZ,EAAC,IAAI,QAAJ,IAAI,GAAK,IAAI,CAAC,6BAA6B,EAAC;iBAC/C;gBAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;aACpE;iBAAM,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;gBAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC;aAC3D;SACF;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,WAAW,CAC1B,OAAO,CAAC,QAAQ,CAAC,WAAqD,CACvE,CAAC;SACH;QAED,IAAI,OAAO,CAAC,aAAa,EAAE;YACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACpD,IAAI,CAAC,WAAoC,CAAC,eAAe,CACxD,CAAC,EACD,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CACnC,CAAC;aACH;SACF;QAED,IAAI,OAAO,CAAC,WAAW,EAAE;YACtB,IAAI,CAAC,WAAoC,CAAC,cAAc,CACvD,OAAO,CAAC,WAAW,CAAC,SAAS,EAC7B,OAAO,CAAC,WAAW,CACpB,CAAC;SACH;QAED,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAClD,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;aACtE;SACF;QAED,IAAI,OAAO,CAAC,WAAW,EAAE;YACtB,IAAI,CAAC,WAAoC,CAAC,WAAW,CACpD,OAAO,CAAC,KAAK,IAAI,CAAC,EAClB,OAAO,CAAC,SAAS,IAAI,CAAC,EACtB,CAAC,EACD,CAAC,EACD,CAAC,CACF,CAAC;SACH;aAAM,IAAI,OAAO,CAAC,KAAK,EAAE;YACvB,IAAI,CAAC,WAAoC,CAAC,IAAI,CAC7C,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,SAAS,IAAI,CAAC,EACtB,CAAC,EACD,CAAC,CACF,CAAC;SACH;aAAM,IAAI,OAAO,CAAC,QAAQ,EAAE;YAC1B,IAAI,CAAC,WAAqC,CAAC,QAAQ,CAClD,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAClC,CAAC,CAAC,OAAO,CAAC,QAAQ;gBAClB,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAgC,CACvD,CAAC;SACH;QAED,IAAI,UAAU;YAAE,UAAU,EAAE,CAAC;QAE7B,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB;IACH,CAAC;IAEM,MAAM,CAAC,EAAiB;QAC7B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QAC1D,kBAAkB;QAClB,EAAE,EAAE,CAAC;QACL,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;CACF;AAED,eAAe,OAAO,CAAC"}
\ No newline at end of file
diff --git a/lib/core/Pipeline.js b/lib/core/Pipeline.js
index 4489f7b..fddab21 100644
--- a/lib/core/Pipeline.js
+++ b/lib/core/Pipeline.js
@@ -19,15 +19,37 @@ const mapAttributes = (attributes, locationOffset = 0) => {
         return currentAttributes;
     }, []);
 };
-const DEFAULT_FRAGMENT_OUT_COLOR = [new Attribute("outColor", "vec4")];
+const DEFAULT_GLSL_FRAGMENT_OUT_COLOR = [
+    new Attribute("outColor", "vec4"),
+];
 class Pipeline {
     constructor(options) {
+        this.language = "wgsl";
+        this.fragmentTargets = [
+            {
+                format: "bgra8unorm",
+                blend: {
+                    color: {
+                        srcFactor: "src-alpha",
+                        dstFactor: "one-minus-src-alpha",
+                        operation: "add",
+                    },
+                    alpha: {
+                        srcFactor: "src-alpha",
+                        dstFactor: "one-minus-src-alpha",
+                        operation: "add",
+                    },
+                },
+            },
+        ];
         Object.assign(this, options);
-        const shaders = {};
+        this.init();
+    }
+    init() {
         let insAttributes;
         let hasArrayOfAttributes = false;
         if (this.ins?.length > 0) {
-            hasArrayOfAttributes = this.ins[0] instanceof Attribute;
+            hasArrayOfAttributes = this.ins.some((variable) => variable instanceof Attribute);
             insAttributes = hasArrayOfAttributes
                 ? this.ins
                 : this.ins
@@ -35,51 +57,79 @@ class Pipeline {
                     .flat();
         }
         if (this.compute) {
-            shaders.compute = new Shader("compute", this.compute, insAttributes, this.outs, this.structs);
-            this.program = new Program(this.bindGroupLayouts, shaders);
+            this.program = new Program(this.bindGroupLayouts, {
+                compute: new Shader({
+                    type: GPUShaderStage.COMPUTE,
+                    main: this.compute,
+                    body: this.computeBody,
+                    ins: insAttributes,
+                    outs: this.outs,
+                    structs: this.structs,
+                    language: this.language,
+                }),
+            }, this.language);
             this.program.init();
             this.gpuPipeline = State.device.createComputePipeline({
                 layout: State.device.createPipelineLayout({
-                    bindGroupLayouts: this.bindGroupLayouts.map((bindGroupLayout) => bindGroupLayout.gpuBindGroupLayout),
+                    bindGroupLayouts: this.bindGroupLayouts?.map((bindGroupLayout) => bindGroupLayout.gpuBindGroupLayout),
                 }),
                 compute: {
                     module: this.program.shaders.compute.shaderModule,
                     entryPoint: "main",
                 },
             });
-            return;
         }
         else {
-            if (this.vertex) {
-                shaders.vertex = new Shader("vertex", this.vertex, insAttributes, this.outs);
-            }
-            if (this.fragment) {
-                shaders.fragment = new Shader("fragment", this.fragment, this.outs, this.fragmentOuts || DEFAULT_FRAGMENT_OUT_COLOR);
-            }
             const vertexBuffers = hasArrayOfAttributes
                 ? [
                     {
                         stepMode: this.stepMode || "vertex",
                         arrayStride: this.ins
+                            .filter((variable) => variable instanceof Attribute)
                             .map((attribute) => attribute.getSize())
                             .reduce((a, b) => a + b, 0),
-                        attributes: mapAttributes(this.ins),
+                        attributes: mapAttributes(this.ins.filter((variable) => variable instanceof Attribute)),
                     },
                 ]
-                : this.ins.map(({ stepMode, attributes }, index) => ({
-                    stepMode,
-                    arrayStride: attributes
-                        .map((attribute) => attribute.getSize())
-                        .reduce((a, b) => a + b, 0),
-                    attributes: mapAttributes(attributes, this.ins[index - 1]?.attributes
-                        .length || 0),
-                }));
-            this.program = new Program(this.bindGroupLayouts, shaders);
+                : // When stepMode needs to be specified
+                    this.ins.map(({ stepMode, attributes }, index) => ({
+                        stepMode,
+                        arrayStride: attributes
+                            .map((attribute) => attribute.getSize())
+                            .reduce((a, b) => a + b, 0),
+                        attributes: mapAttributes(attributes, this.ins[index - 1]?.attributes
+                            .length || 0),
+                    }));
+            this.program = new Program(this.bindGroupLayouts, {
+                vertex: new Shader({
+                    type: GPUShaderStage.VERTEX,
+                    main: this.vertex,
+                    body: this.vertexBody,
+                    ins: insAttributes,
+                    outs: this.outs,
+                    structs: this.structs,
+                    language: this.language,
+                }),
+                fragment: new Shader({
+                    type: GPUShaderStage.FRAGMENT,
+                    main: this.fragment,
+                    body: this.fragmentBody,
+                    ins: this.outs,
+                    outs: this.fragmentOuts ||
+                        (this.language === "glsl" ? DEFAULT_GLSL_FRAGMENT_OUT_COLOR : []),
+                    structs: this.structs,
+                    language: this.language,
+                }),
+            }, this.language);
             this.program.init();
             this.gpuPipeline = State.device.createRenderPipeline({
-                layout: State.device.createPipelineLayout({
-                    bindGroupLayouts: this.bindGroupLayouts.map((bindGroupLayout) => bindGroupLayout.gpuBindGroupLayout),
-                }),
+                ...(this.bindGroupLayouts
+                    ? {
+                        layout: State.device.createPipelineLayout({
+                            bindGroupLayouts: this.bindGroupLayouts.map((bindGroupLayout) => bindGroupLayout.gpuBindGroupLayout) || [],
+                        }),
+                    }
+                    : {}),
                 vertex: {
                     buffers: vertexBuffers,
                     module: this.program.shaders.vertex.shaderModule,
@@ -88,24 +138,7 @@ class Pipeline {
                 fragment: {
                     module: this.program.shaders.fragment.shaderModule,
                     entryPoint: "main",
-                    // TODO: parameter
-                    targets: [
-                        {
-                            format: "bgra8unorm",
-                            blend: {
-                                color: {
-                                    srcFactor: "src-alpha",
-                                    dstFactor: "one-minus-src-alpha",
-                                    operation: "add",
-                                },
-                                alpha: {
-                                    srcFactor: "src-alpha",
-                                    dstFactor: "one-minus-src-alpha",
-                                    operation: "add",
-                                },
-                            },
-                        },
-                    ],
+                    targets: this.fragmentTargets,
                 },
                 primitive: { topology: GPUPrimitiveTopology.TriangleList },
                 depthStencil: {
diff --git a/lib/core/Pipeline.js.map b/lib/core/Pipeline.js.map
index e8937ee..f0a7eff 100644
--- a/lib/core/Pipeline.js.map
+++ b/lib/core/Pipeline.js.map
@@ -1 +1 @@
-{"version":3,"file":"Pipeline.js","sourceRoot":"","sources":["../../src/core/Pipeline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,OAAO,MAAM,MAAM,aAAa,CAAC;AAGjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,aAAa,GAAG,CACpB,UAAuB,EACvB,cAAc,GAAG,CAAC,EACO,EAAE;IAC3B,IAAI,iBAAyB,CAAC;IAE9B,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;QAC/D,iBAAiB,CAAC,IAAI,CAAC;YACrB,cAAc,EAAE,KAAK,GAAG,cAAc;YACtC,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE;YACzB,MAAM,EAAE,iBAAiB,CAAC,MAAM;gBAC9B,CAAC,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM;oBACtD,iBAAiB;gBACnB,CAAC,CAAC,CAAC;YACL,MAAM,EAAE,SAAS,CAAC,MAAM;SACzB,CAAC,CAAC;QAEH,iBAAiB,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;QACxC,OAAO,iBAAiB,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAoBF,MAAM,0BAA0B,GAAG,CAAC,IAAI,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAEvE,MAAM,QAAQ;IAIZ,YAAY,OAAwB;QAClC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE7B,MAAM,OAAO,GAAyC,EAAE,CAAC;QAEzD,IAAI,aAA0B,CAAC;QAC/B,IAAI,oBAAoB,GAAG,KAAK,CAAC;QACjC,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE;YACxB,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,SAAS,CAAC;YACxD,aAAa,GAAG,oBAAoB;gBAClC,CAAC,CAAE,IAAI,CAAC,GAAmB;gBAC3B,CAAC,CAAE,IAAI,CAAC,GAAiC;qBACpC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;qBAC9C,IAAI,EAAE,CAAC;SACf;QAED,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,CAAC,OAAO,GAAG,IAAI,MAAM,CAC1B,SAAS,EACT,IAAI,CAAC,OAAO,EACZ,aAAa,EACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO,CACb,CAAC;YAEF,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;YAC3D,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAEpB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBACpD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBACxC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,CACzC,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,kBAAkB,CACxD;iBACF,CAAC;gBACF,OAAO,EAAE;oBACP,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;oBACjD,UAAU,EAAE,MAAM;iBACnB;aACF,CAAC,CAAC;YACH,OAAO;SACR;aAAM;YACL,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,OAAO,CAAC,MAAM,GAAG,IAAI,MAAM,CACzB,QAAQ,EACR,IAAI,CAAC,MAAM,EACX,aAAa,EACb,IAAI,CAAC,IAAI,CACV,CAAC;aACH;YACD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO,CAAC,QAAQ,GAAG,IAAI,MAAM,CAC3B,UAAU,EACV,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,YAAY,IAAI,0BAA0B,CAChD,CAAC;aACH;YAED,MAAM,aAAa,GAAG,oBAAoB;gBACxC,CAAC,CAAE;oBACC;wBACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;wBACnC,WAAW,EAAG,IAAI,CAAC,GAAmB;6BACnC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;6BACvC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;wBAC7B,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,GAAkB,CAAC;qBACnD;iBAC0B;gBAC/B,CAAC,CAAG,IAAI,CAAC,GAAiC,CAAC,GAAG,CAC1C,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBACpC,QAAQ;oBACR,WAAW,EAAE,UAAU;yBACpB,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;yBACvC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAC7B,UAAU,EAAE,aAAa,CACvB,UAAU,EACT,IAAI,CAAC,GAAiC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,UAAU;yBAC3D,MAAM,IAAI,CAAC,CACf;iBACF,CAAC,CACyB,CAAC;YAElC,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;YAC3D,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAEpB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC;gBACnD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBACxC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,CACzC,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,kBAAkB,CACxD;iBACF,CAAC;gBACF,MAAM,EAAE;oBACN,OAAO,EAAE,aAAa;oBACtB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY;oBAChD,UAAU,EAAE,MAAM;iBACnB;gBACD,QAAQ,EAAE;oBACR,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY;oBAClD,UAAU,EAAE,MAAM;oBAClB,kBAAkB;oBAClB,OAAO,EAAE;wBACP;4BACE,MAAM,EAAE,YAAY;4BACpB,KAAK,EAAE;gCACL,KAAK,EAAE;oCACL,SAAS,EAAE,WAAW;oCACtB,SAAS,EAAE,qBAAqB;oCAChC,SAAS,EAAE,KAAK;iCACjB;gCACD,KAAK,EAAE;oCACL,SAAS,EAAE,WAAW;oCACtB,SAAS,EAAE,qBAAqB;oCAChC,SAAS,EAAE,KAAK;iCACjB;6BACF;yBACF;qBACF;iBACF;gBACD,SAAS,EAAE,EAAE,QAAQ,EAAE,oBAAoB,CAAC,YAAY,EAAE;gBAC1D,YAAY,EAAE;oBACZ,iBAAiB,EAAE,IAAI;oBACvB,YAAY,EAAE,MAAM;oBACpB,MAAM,EAAE,sBAAsB;iBAC/B;gBACD,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;aAC3B,CAAC,CAAC;SACJ;IACH,CAAC;CACF;AAED,eAAe,QAAQ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Pipeline.js","sourceRoot":"","sources":["../../src/core/Pipeline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAOvD,MAAM,aAAa,GAAG,CACpB,UAAuB,EACvB,cAAc,GAAG,CAAC,EACO,EAAE;IAC3B,IAAI,iBAAyB,CAAC;IAE9B,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;QAC/D,iBAAiB,CAAC,IAAI,CAAC;YACrB,cAAc,EAAE,KAAK,GAAG,cAAc;YACtC,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE;YACzB,MAAM,EAAE,iBAAiB,CAAC,MAAM;gBAC9B,CAAC,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM;oBACtD,iBAAiB;gBACnB,CAAC,CAAC,CAAC;YACL,MAAM,EAAE,SAAS,CAAC,MAAM;SACzB,CAAC,CAAC;QAEH,iBAAiB,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;QACxC,OAAO,iBAAiB,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAKF,MAAM,+BAA+B,GAAgB;IACnD,IAAI,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,QAAQ;IAsBZ,YAAY,OAAwB;QAnB7B,aAAQ,GAAa,MAAM,CAAC;QAC5B,oBAAe,GAA0B;YAC9C;gBACE,MAAM,EAAE,YAAY;gBACpB,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,SAAS,EAAE,WAAW;wBACtB,SAAS,EAAE,qBAAqB;wBAChC,SAAS,EAAE,KAAK;qBACjB;oBACD,KAAK,EAAE;wBACL,SAAS,EAAE,WAAW;wBACtB,SAAS,EAAE,qBAAqB;wBAChC,SAAS,EAAE,KAAK;qBACjB;iBACF;aACF;SACF,CAAC;QAGA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE7B,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAEM,IAAI;QACT,IAAI,aAA0B,CAAC;QAC/B,IAAI,oBAAoB,GAAG,KAAK,CAAC;QACjC,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE;YACxB,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAClC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,YAAY,SAAS,CAC5C,CAAC;YACF,aAAa,GAAG,oBAAoB;gBAClC,CAAC,CAAE,IAAI,CAAC,GAAmB;gBAC3B,CAAC,CAAE,IAAI,CAAC,GAAiC;qBACpC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;qBAC9C,IAAI,EAAE,CAAC;SACf;QAED,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CACxB,IAAI,CAAC,gBAAgB,EACrB;gBACE,OAAO,EAAE,IAAI,MAAM,CAAC;oBAClB,IAAI,EAAE,cAAc,CAAC,OAAO;oBAC5B,IAAI,EAAE,IAAI,CAAC,OAAO;oBAClB,IAAI,EAAE,IAAI,CAAC,WAAW;oBACtB,GAAG,EAAE,aAAa;oBAClB,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB,CAAC;aACH,EACD,IAAI,CAAC,QAAQ,CACd,CAAC;YACF,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAEpB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBACpD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBACxC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAC1C,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,kBAAkB,CACxD;iBACF,CAAC;gBACF,OAAO,EAAE;oBACP,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;oBACjD,UAAU,EAAE,MAAM;iBACnB;aACF,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,aAAa,GAAG,oBAAoB;gBACxC,CAAC,CAAE;oBACC;wBACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;wBACnC,WAAW,EAAG,IAAI,CAAC,GAAmB;6BACnC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,YAAY,SAAS,CAAC;6BACnD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;6BACvC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;wBAC7B,UAAU,EAAE,aAAa,CACtB,IAAI,CAAC,GAAmB,CAAC,MAAM,CAC9B,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,YAAY,SAAS,CAC5C,CACF;qBACF;iBAC0B;gBAC/B,CAAC,CAAC,sCAAsC;oBACpC,IAAI,CAAC,GAAiC,CAAC,GAAG,CAC1C,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;wBACpC,QAAQ;wBACR,WAAW,EAAE,UAAU;6BACpB,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;6BACvC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;wBAC7B,UAAU,EAAE,aAAa,CACvB,UAAU,EACT,IAAI,CAAC,GAAiC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,UAAU;6BAC3D,MAAM,IAAI,CAAC,CACf;qBACF,CAAC,CACyB,CAAC;YAElC,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CACxB,IAAI,CAAC,gBAAgB,EACrB;gBACE,MAAM,EAAE,IAAI,MAAM,CAAC;oBACjB,IAAI,EAAE,cAAc,CAAC,MAAM;oBAC3B,IAAI,EAAE,IAAI,CAAC,MAAM;oBACjB,IAAI,EAAE,IAAI,CAAC,UAAU;oBACrB,GAAG,EAAE,aAAa;oBAClB,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB,CAAC;gBACF,QAAQ,EAAE,IAAI,MAAM,CAAC;oBACnB,IAAI,EAAE,cAAc,CAAC,QAAQ;oBAC7B,IAAI,EAAE,IAAI,CAAC,QAAQ;oBACnB,IAAI,EAAE,IAAI,CAAC,YAAY;oBACvB,GAAG,EAAE,IAAI,CAAC,IAAI;oBACd,IAAI,EACF,IAAI,CAAC,YAAY;wBACjB,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,CAAC;oBACnE,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB,CAAC;aACH,EACD,IAAI,CAAC,QAAQ,CACd,CAAC;YACF,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAEpB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC;gBACnD,GAAG,CAAC,IAAI,CAAC,gBAAgB;oBACvB,CAAC,CAAC;wBACE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC;4BACxC,gBAAgB,EACd,IAAI,CAAC,gBAAgB,CAAC,GAAG,CACvB,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,kBAAkB,CACxD,IAAI,EAAE;yBACV,CAAC;qBACH;oBACH,CAAC,CAAC,EAAE,CAAC;gBACP,MAAM,EAAE;oBACN,OAAO,EAAE,aAAa;oBACtB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY;oBAChD,UAAU,EAAE,MAAM;iBACnB;gBACD,QAAQ,EAAE;oBACR,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY;oBAClD,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,IAAI,CAAC,eAAe;iBAC9B;gBACD,SAAS,EAAE,EAAE,QAAQ,EAAE,oBAAoB,CAAC,YAAY,EAAE;gBAC1D,YAAY,EAAE;oBACZ,iBAAiB,EAAE,IAAI;oBACvB,YAAY,EAAE,MAAM;oBACpB,MAAM,EAAE,sBAAsB;iBAC/B;gBACD,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;aAC3B,CAAC,CAAC;SACJ;IACH,CAAC;CACF;AAED,eAAe,QAAQ,CAAC"}
\ No newline at end of file
diff --git a/lib/core/Program.js b/lib/core/Program.js
index a3ea359..a959051 100644
--- a/lib/core/Program.js
+++ b/lib/core/Program.js
@@ -1,17 +1,112 @@
-import { formatLowerFirst } from "../utils.js";
-import { BindingType, GPUShaderStage } from "../constants.js";
+import Struct from "./Struct.js";
+import { formatLowerFirst, formatUpperFirst } from "../utils.js";
+import { AccessMode, BindingType, StorageClass, GPUShaderStage, } from "../constants.js";
 const isBindingVisible = (uniformOrBinding, stage) => !uniformOrBinding.visibility || uniformOrBinding.visibility === stage;
 class Program {
-    constructor(bindGroupLayouts, shaders) {
+    constructor(bindGroupLayouts, shaders, language) {
         this.bindGroupLayouts = bindGroupLayouts;
         this.shaders = shaders;
+        this.language = language;
     }
     init() {
-        const headers = this.bindGroupLayouts.map((bindGroupLayout, index) => this.getGLSLHeaders(index, bindGroupLayout.entries));
+        const headers = this.bindGroupLayouts?.map((bindGroupLayout, index) => this[`get${this.language.toUpperCase()}Headers`](index, bindGroupLayout.entries));
         for (const [key, shader] of Object.entries(this.shaders)) {
-            shader.init(headers.map((header) => header[key]).join("\n"));
+            shader.init(headers?.map((header) => header[key]).join("\n"));
         }
     }
+    getWGSLBufferString(binding, bindingIndex, uniforms, set, storageClass, accesMode) {
+        const structName = `${binding.name}${formatUpperFirst(storageClass)}`;
+        const params = new Struct(structName, uniforms).getWGSLString();
+        const referenceType = [storageClass, accesMode].filter(Boolean).join(",");
+        return /* wgsl */ `${params}
+[[group(${set}), binding(${bindingIndex})]] var<${referenceType}> ${formatLowerFirst(binding.name)}: ${structName};
+`;
+    }
+    getWGSLHeaders(set, entries) {
+        let vertex = "";
+        let fragment = "";
+        let compute = "";
+        for (let i = 0; i < entries.length; i++) {
+            const binding = entries[i];
+            if (binding.buffer) {
+                if (!binding.buffer.type ||
+                    binding.buffer.type === BindingType.Uniform) {
+                    let vertexUniforms;
+                    let fragmentUniforms;
+                    if (isBindingVisible(binding, GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT)) {
+                        vertexUniforms = binding.uniforms;
+                        fragmentUniforms = binding.uniforms;
+                    }
+                    else {
+                        vertexUniforms = binding.uniforms.filter(() => isBindingVisible(binding, GPUShaderStage.VERTEX));
+                        fragmentUniforms = binding.uniforms.filter(() => isBindingVisible(binding, GPUShaderStage.FRAGMENT));
+                    }
+                    const computeUniforms = binding.uniforms.filter(() => isBindingVisible(binding, GPUShaderStage.COMPUTE));
+                    if (vertexUniforms.length) {
+                        vertex += this.getWGSLBufferString(binding, i, vertexUniforms, set, StorageClass.Uniform);
+                    }
+                    if (fragmentUniforms.length) {
+                        fragment += this.getWGSLBufferString(binding, i, fragmentUniforms, set, StorageClass.Uniform);
+                    }
+                    if (computeUniforms.length) {
+                        compute += this.getWGSLBufferString(binding, i, computeUniforms, set, StorageClass.Uniform);
+                    }
+                }
+                else if ([
+                    BindingType.Storage,
+                    BindingType.ReadonlyStorage,
+                ].includes(binding.buffer.type)) {
+                    const computeVariables = binding.members.filter(() => isBindingVisible(binding, GPUShaderStage.COMPUTE));
+                    compute += this.getWGSLBufferString(binding, i, computeVariables, set, StorageClass.Storage, binding.buffer.type === BindingType.ReadonlyStorage
+                        ? AccessMode.Read
+                        : AccessMode.Write);
+                }
+            }
+            else if (binding.sampler) {
+                const samplerLayout = /* wgsl*/ `[[group(${set}), binding(${i})]] var ${binding.name}: sampler;`;
+                if (isBindingVisible(binding, GPUShaderStage.VERTEX)) {
+                    vertex += `${samplerLayout}\n`;
+                }
+                if (isBindingVisible(binding, GPUShaderStage.FRAGMENT)) {
+                    fragment += `${samplerLayout}\n`;
+                }
+            }
+            else if (binding.texture) {
+                const referenceType = binding.texture.sampleType || "f32";
+                const textureLayout = /* wgsl*/ `[[group(${set}), binding(${i})]] var ${binding.name}: texture_${binding.dimension}<${referenceType}>;`;
+                if (isBindingVisible(binding, GPUShaderStage.VERTEX)) {
+                    vertex += `${textureLayout}\n`;
+                }
+                if (isBindingVisible(binding, GPUShaderStage.FRAGMENT)) {
+                    fragment += `${textureLayout}\n`;
+                }
+            }
+            else if (binding.storageTexture) {
+                const referenceType = [
+                    binding.storageTexture.format,
+                    binding.storageTexture.access,
+                ]
+                    .filter(Boolean)
+                    .join(",");
+                const storageTextureLayout = /* wgsl*/ `[[group(${set}), binding(${i})]] var ${binding.name}: texture_storage_${binding.dimension}<${referenceType}>;`;
+                if (isBindingVisible(binding, GPUShaderStage.VERTEX)) {
+                    vertex += `${storageTextureLayout}\n`;
+                }
+                if (isBindingVisible(binding, GPUShaderStage.FRAGMENT)) {
+                    fragment += `${storageTextureLayout}\n`;
+                }
+            }
+        }
+        return { vertex, fragment, compute };
+    }
+    getGLSLBufferString(binding, bindingIndex, uniforms, set, bindingType, layoutQualifierString) {
+        const structName = `${binding.name}${formatUpperFirst(bindingType)}`;
+        return `layout(${layoutQualifierString}set = ${set}, binding = ${bindingIndex}) ${bindingType} ${structName} {
+  ${uniforms
+            .map((uniform) => `${uniform.glslType} ${formatLowerFirst(uniform.name)}${uniform.arrayCount ? `[${uniform.arrayCount}]` : ""};`)
+            .join("\n  ")}
+} ${formatLowerFirst(binding.name)};\n\n`;
+    }
     getGLSLHeaders(set, entries) {
         let vertex = "";
         let fragment = "";
@@ -25,7 +120,7 @@ class Program {
             if (binding.buffer) {
                 // uniform-buffer
                 if (!binding.buffer.type ||
-                    binding.buffer.type === BindingType.Uniform) {
+                    binding.buffer.type === StorageClass.Uniform) {
                     let vertexUniforms;
                     let fragmentUniforms;
                     if (isBindingVisible(binding, GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT)) {
@@ -37,38 +132,21 @@ class Program {
                         fragmentUniforms = binding.uniforms.filter(() => isBindingVisible(binding, GPUShaderStage.FRAGMENT));
                     }
                     const computeUniforms = binding.uniforms.filter(() => isBindingVisible(binding, GPUShaderStage.COMPUTE));
-                    // TODO: refactor
                     // Vertex
                     if (vertexUniforms.length) {
-                        vertex += `layout(${layoutQualifierString}set = ${set}, binding = ${i}) uniform ${binding.name}Uniforms {
-  ${vertexUniforms
-                            .map((uniform) => `${uniform.type} ${uniform.name}${uniform.arrayCount ? `[${uniform.arrayCount}]` : ""};`)
-                            .join("\n  ")}
-} ${formatLowerFirst(binding.name)};\n\n`;
+                        vertex += this.getGLSLBufferString(binding, i, vertexUniforms, set, "uniform", layoutQualifierString);
                     }
                     // Fragment
                     if (fragmentUniforms.length) {
-                        fragment += `layout(${layoutQualifierString}set = ${set}, binding = ${i}) uniform ${binding.name} {
-  ${fragmentUniforms
-                            .map((uniform) => `${uniform.type} ${uniform.name}${uniform.arrayCount ? `[${uniform.arrayCount}]` : ""};`)
-                            .join("\n  ")}
-} ${formatLowerFirst(binding.name)};\n\n`;
+                        fragment += this.getGLSLBufferString(binding, i, fragmentUniforms, set, "uniform", layoutQualifierString);
                     }
                     if (computeUniforms.length) {
-                        compute += `layout(${layoutQualifierString}set = ${set}, binding = ${i}) uniform ${binding.name}Uniforms {
-  ${computeUniforms
-                            .map((uniform) => `${uniform.type} ${uniform.name}${uniform.arrayCount ? `[${uniform.arrayCount}]` : ""};`)
-                            .join("\n  ")}
-} ${formatLowerFirst(binding.name)};\n\n`;
+                        compute += this.getGLSLBufferString(binding, i, computeUniforms, set, "uniform", layoutQualifierString);
                     }
                 }
-                else if (binding.buffer.type === BindingType.Storage) {
-                    const computeVariable = binding.members.filter(() => isBindingVisible(binding, GPUShaderStage.COMPUTE));
-                    compute += `layout(${layoutQualifierString}set = ${set}, binding = ${i}) buffer ${binding.name}Buffer {
-${computeVariable
-                        .map((variable) => `  ${variable.type} ${variable.name}${variable.arrayCount ? `[${variable.arrayCount}]` : ""};`)
-                        .join("\n  ")}
-} ${formatLowerFirst(binding.name)};\n\n`;
+                else if (binding.buffer.type === StorageClass.Storage) {
+                    const computeVariables = binding.members.filter(() => isBindingVisible(binding, GPUShaderStage.COMPUTE));
+                    compute += this.getGLSLBufferString(binding, i, computeVariables, set, "buffer", layoutQualifierString);
                 }
             }
             else if (binding.sampler) {
diff --git a/lib/core/Program.js.map b/lib/core/Program.js.map
index b0326da..4927645 100644
--- a/lib/core/Program.js.map
+++ b/lib/core/Program.js.map
@@ -1 +1 @@
-{"version":3,"file":"Program.js","sourceRoot":"","sources":["../../src/core/Program.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,gBAAgB,GAAG,CACvB,gBAAgD,EAChD,KAA0B,EACjB,EAAE,CACX,CAAC,gBAAgB,CAAC,UAAU,IAAI,gBAAgB,CAAC,UAAU,KAAK,KAAK,CAAC;AAExE,MAAM,OAAO;IACX,YACS,gBAAmC,EACnC,OAA6C;QAD7C,qBAAgB,GAAhB,gBAAgB,CAAmB;QACnC,YAAO,GAAP,OAAO,CAAsC;IACnD,CAAC;IAEG,IAAI;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CACnE,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CACpD,CAAC;QAEF,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACxD,MAAM,CAAC,IAAI,CACT,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAClE,CAAC;SACH;IACH,CAAC;IAEM,cAAc,CACnB,GAAW,EACX,OAA+B;QAE/B,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAE3B,MAAM,qBAAqB,GAAG,OAAO,CAAC,UAAU,EAAE,MAAM;gBACtD,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,IAAI,EAAE,IAAI;gBACxC,CAAC,CAAC,EAAE,CAAC;YAEP,mBAAmB;YACnB,IAAI,OAAO,CAAC,MAAM,EAAE;gBAClB,iBAAiB;gBACjB,IACE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;oBACpB,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,OAAO,EAC3C;oBACA,IAAI,cAAc,CAAC;oBACnB,IAAI,gBAAgB,CAAC;oBACrB,IACE,gBAAgB,CACd,OAAO,EACP,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,QAAQ,CAChD,EACD;wBACA,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC;wBAClC,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC;qBACrC;yBAAM;wBACL,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAC5C,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CACjD,CAAC;wBACF,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAC9C,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,CACnD,CAAC;qBACH;oBAED,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CACnD,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAClD,CAAC;oBAEF,iBAAiB;oBACjB,SAAS;oBACT,IAAI,cAAc,CAAC,MAAM,EAAE;wBACzB,MAAM,IAAI,UAAU,qBAAqB,SAAS,GAAG,eAAe,CAAC,aACnE,OAAO,CAAC,IACV;IACR,cAAc;6BACb,GAAG,CACF,CAAC,OAAO,EAAE,EAAE,CACV,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,GAC7B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EACnD,GAAG,CACN;6BACA,IAAI,CAAC,MAAM,CAAC;IACb,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;qBAC/B;oBAED,WAAW;oBACX,IAAI,gBAAgB,CAAC,MAAM,EAAE;wBAC3B,QAAQ,IAAI,UAAU,qBAAqB,SAAS,GAAG,eAAe,CAAC,aACrE,OAAO,CAAC,IACV;IACR,gBAAgB;6BACf,GAAG,CACF,CAAC,OAAO,EAAE,EAAE,CACV,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,GAC7B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EACnD,GAAG,CACN;6BACA,IAAI,CAAC,MAAM,CAAC;IACb,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;qBAC/B;oBAED,IAAI,eAAe,CAAC,MAAM,EAAE;wBAC1B,OAAO,IAAI,UAAU,qBAAqB,SAAS,GAAG,eAAe,CAAC,aACpE,OAAO,CAAC,IACV;IACR,eAAe;6BACd,GAAG,CACF,CAAC,OAAO,EAAE,EAAE,CACV,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,GAC7B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EACnD,GAAG,CACN;6BACA,IAAI,CAAC,MAAM,CAAC;IACb,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;qBAC/B;iBACF;qBAAM,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,OAAO,EAAE;oBACtD,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAClD,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAClD,CAAC;oBAEF,OAAO,IAAI,UAAU,qBAAqB,SAAS,GAAG,eAAe,CAAC,YACpE,OAAO,CAAC,IACV;EACR,eAAe;yBACd,GAAG,CACF,CAAC,QAAQ,EAAE,EAAE,CACX,KAAK,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,GACjC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EACrD,GAAG,CACN;yBACA,IAAI,CAAC,MAAM,CAAC;IACX,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;iBACjC;aACF;iBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC1B,MAAM,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,oBACvD,OAAO,CAAC,WAAW,IAAI,EACzB,IAAI,OAAO,CAAC,IAAI,GAAG,CAAC;gBAEpB,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;oBACpD,MAAM,IAAI,GAAG,aAAa,IAAI,CAAC;iBAChC;gBACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtD,QAAQ,IAAI,GAAG,aAAa,IAAI,CAAC;iBAClC;aACF;iBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC1B,MAAM,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,oBAAoB,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,IAC1G,OAAO,CAAC,IACV,GAAG,CAAC;gBAEJ,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;oBACpD,MAAM,IAAI,GAAG,aAAa,IAAI,CAAC;iBAChC;gBACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtD,QAAQ,IAAI,GAAG,aAAa,IAAI,CAAC;iBAClC;aACF;iBAAM,IAAI,OAAO,CAAC,cAAc,EAAE;gBACjC,QAAQ;aACT;SACF;QAED,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IACvC,CAAC;CACF;AAED,eAAe,OAAO,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Program.js","sourceRoot":"","sources":["../../src/core/Program.ts"],"names":[],"mappings":"AAGA,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,iBAAiB,CAAC;AAQzB,MAAM,gBAAgB,GAAG,CACvB,gBAAgD,EAChD,KAA0B,EACjB,EAAE,CACX,CAAC,gBAAgB,CAAC,UAAU,IAAI,gBAAgB,CAAC,UAAU,KAAK,KAAK,CAAC;AAExE,MAAM,OAAO;IACX,YACS,gBAAmC,EACnC,OAA8C,EAC9C,QAAkB;QAFlB,qBAAgB,GAAhB,gBAAgB,CAAmB;QACnC,YAAO,GAAP,OAAO,CAAuC;QAC9C,aAAQ,GAAR,QAAQ,CAAU;IACxB,CAAC;IAEG,IAAI;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CACpE,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC,CAC9C,KAAK,EACL,eAAe,CAAC,OAAO,CACxB,CACF,CAAC;QAEF,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACxD,MAAM,CAAC,IAAI,CACT,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CACpE,CAAC;SACH;IACH,CAAC;IAEM,mBAAmB,CACxB,OAA6B,EAC7B,YAAoB,EACpB,QAAmB,EACnB,GAAW,EACX,YAA0B,EAC1B,SAAsB;QAEtB,MAAM,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,GAAG,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC;QACtE,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,aAAa,EAAE,CAAC;QAChE,MAAM,aAAa,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1E,OAAO,UAAU,CAAC,GAAG,MAAM;UACrB,GAAG,cAAc,YAAY,WAAW,aAAa,KAAK,gBAAgB,CAC9E,OAAO,CAAC,IAAI,CACb,KAAK,UAAU;CACnB,CAAC;IACA,CAAC;IAEM,cAAc,CACnB,GAAW,EACX,OAA+B;QAE/B,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAE3B,IAAI,OAAO,CAAC,MAAM,EAAE;gBAClB,IACE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;oBACpB,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,OAAO,EAC3C;oBACA,IAAI,cAAc,CAAC;oBACnB,IAAI,gBAAgB,CAAC;oBACrB,IACE,gBAAgB,CACd,OAAO,EACP,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,QAAQ,CAChD,EACD;wBACA,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC;wBAClC,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC;qBACrC;yBAAM;wBACL,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAC5C,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CACjD,CAAC;wBACF,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAC9C,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,CACnD,CAAC;qBACH;oBAED,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CACnD,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAClD,CAAC;oBAEF,IAAI,cAAc,CAAC,MAAM,EAAE;wBACzB,MAAM,IAAI,IAAI,CAAC,mBAAmB,CAChC,OAAO,EACP,CAAC,EACD,cAAc,EACd,GAAG,EACH,YAAY,CAAC,OAAO,CACrB,CAAC;qBACH;oBAED,IAAI,gBAAgB,CAAC,MAAM,EAAE;wBAC3B,QAAQ,IAAI,IAAI,CAAC,mBAAmB,CAClC,OAAO,EACP,CAAC,EACD,gBAAgB,EAChB,GAAG,EACH,YAAY,CAAC,OAAO,CACrB,CAAC;qBACH;oBAED,IAAI,eAAe,CAAC,MAAM,EAAE;wBAC1B,OAAO,IAAI,IAAI,CAAC,mBAAmB,CACjC,OAAO,EACP,CAAC,EACD,eAAe,EACf,GAAG,EACH,YAAY,CAAC,OAAO,CACrB,CAAC;qBACH;iBACF;qBAAM,IAEH;oBACE,WAAW,CAAC,OAAO;oBACnB,WAAW,CAAC,eAAe;iBAE9B,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAC/B;oBACA,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CACnD,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CACrC,CAAC;oBAEf,OAAO,IAAI,IAAI,CAAC,mBAAmB,CACjC,OAAO,EACP,CAAC,EACD,gBAAgB,EAChB,GAAG,EACH,YAAY,CAAC,OAAO,EACpB,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,eAAe;wBACjD,CAAC,CAAC,UAAU,CAAC,IAAI;wBACjB,CAAC,CAAC,UAAU,CAAC,KAAK,CACrB,CAAC;iBACH;aACF;iBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC1B,MAAM,aAAa,GAAG,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC,WAAW,OAAO,CAAC,IAAI,YAAY,CAAC;gBAEjG,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;oBACpD,MAAM,IAAI,GAAG,aAAa,IAAI,CAAC;iBAChC;gBACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtD,QAAQ,IAAI,GAAG,aAAa,IAAI,CAAC;iBAClC;aACF;iBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC1B,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC;gBAC1D,MAAM,aAAa,GAAG,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC,WAAW,OAAO,CAAC,IAAI,aAAa,OAAO,CAAC,SAAS,IAAI,aAAa,IAAI,CAAC;gBAExI,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;oBACpD,MAAM,IAAI,GAAG,aAAa,IAAI,CAAC;iBAChC;gBACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtD,QAAQ,IAAI,GAAG,aAAa,IAAI,CAAC;iBAClC;aACF;iBAAM,IAAI,OAAO,CAAC,cAAc,EAAE;gBACjC,MAAM,aAAa,GAAG;oBACpB,OAAO,CAAC,cAAc,CAAC,MAAM;oBAC7B,OAAO,CAAC,cAAc,CAAC,MAAM;iBAC9B;qBACE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,CAAC;gBACb,MAAM,oBAAoB,GAAG,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC,WAAW,OAAO,CAAC,IAAI,qBAAqB,OAAO,CAAC,SAAS,IAAI,aAAa,IAAI,CAAC;gBAEvJ,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;oBACpD,MAAM,IAAI,GAAG,oBAAoB,IAAI,CAAC;iBACvC;gBACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtD,QAAQ,IAAI,GAAG,oBAAoB,IAAI,CAAC;iBACzC;aACF;SACF;QAED,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IACvC,CAAC;IAEM,mBAAmB,CACxB,OAA6B,EAC7B,YAAoB,EACpB,QAAmB,EACnB,GAAW,EACX,WAAiC,EACjC,qBAA6B;QAE7B,MAAM,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,GAAG,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC;QAErE,OAAO,UAAU,qBAAqB,SAAS,GAAG,eAAe,YAAY,KAAK,WAAW,IAAI,UAAU;IAC3G,QAAQ;aACP,GAAG,CACF,CAAC,OAAO,EAAE,EAAE,CACV,GAAG,OAAO,CAAC,QAAQ,IAAI,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,GACnD,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EACnD,GAAG,CACN;aACA,IAAI,CAAC,MAAM,CAAC;IACb,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;IACxC,CAAC;IAEM,cAAc,CACnB,GAAW,EACX,OAA+B;QAE/B,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAE3B,MAAM,qBAAqB,GAAG,OAAO,CAAC,UAAU,EAAE,MAAM;gBACtD,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,IAAI,EAAE,IAAI;gBACxC,CAAC,CAAC,EAAE,CAAC;YAEP,mBAAmB;YACnB,IAAI,OAAO,CAAC,MAAM,EAAE;gBAClB,iBAAiB;gBACjB,IACE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;oBACpB,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,EAC5C;oBACA,IAAI,cAAc,CAAC;oBACnB,IAAI,gBAAgB,CAAC;oBACrB,IACE,gBAAgB,CACd,OAAO,EACP,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,QAAQ,CAChD,EACD;wBACA,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC;wBAClC,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC;qBACrC;yBAAM;wBACL,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAC5C,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CACjD,CAAC;wBACF,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAC9C,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,CACnD,CAAC;qBACH;oBAED,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CACnD,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAClD,CAAC;oBAEF,SAAS;oBACT,IAAI,cAAc,CAAC,MAAM,EAAE;wBACzB,MAAM,IAAI,IAAI,CAAC,mBAAmB,CAChC,OAAO,EACP,CAAC,EACD,cAAc,EACd,GAAG,EACH,SAAS,EACT,qBAAqB,CACtB,CAAC;qBACH;oBAED,WAAW;oBACX,IAAI,gBAAgB,CAAC,MAAM,EAAE;wBAC3B,QAAQ,IAAI,IAAI,CAAC,mBAAmB,CAClC,OAAO,EACP,CAAC,EACD,gBAAgB,EAChB,GAAG,EACH,SAAS,EACT,qBAAqB,CACtB,CAAC;qBACH;oBAED,IAAI,eAAe,CAAC,MAAM,EAAE;wBAC1B,OAAO,IAAI,IAAI,CAAC,mBAAmB,CACjC,OAAO,EACP,CAAC,EACD,eAAe,EACf,GAAG,EACH,SAAS,EACT,qBAAqB,CACtB,CAAC;qBACH;iBACF;qBAAM,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,EAAE;oBACvD,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CACnD,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CACrC,CAAC;oBAEf,OAAO,IAAI,IAAI,CAAC,mBAAmB,CACjC,OAAO,EACP,CAAC,EACD,gBAAgB,EAChB,GAAG,EACH,QAAQ,EACR,qBAAqB,CACtB,CAAC;iBACH;aACF;iBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC1B,MAAM,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,oBACvD,OAAO,CAAC,WAAW,IAAI,EACzB,IAAI,OAAO,CAAC,IAAI,GAAG,CAAC;gBAEpB,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;oBACpD,MAAM,IAAI,GAAG,aAAa,IAAI,CAAC;iBAChC;gBACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtD,QAAQ,IAAI,GAAG,aAAa,IAAI,CAAC;iBAClC;aACF;iBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC1B,MAAM,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,oBAAoB,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,IAC1G,OAAO,CAAC,IACV,GAAG,CAAC;gBAEJ,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;oBACpD,MAAM,IAAI,GAAG,aAAa,IAAI,CAAC;iBAChC;gBACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtD,QAAQ,IAAI,GAAG,aAAa,IAAI,CAAC;iBAClC;aACF;iBAAM,IAAI,OAAO,CAAC,cAAc,EAAE;gBACjC,QAAQ;aACT;SACF;QAED,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IACvC,CAAC;CACF;AAED,eAAe,OAAO,CAAC"}
\ No newline at end of file
diff --git a/lib/core/Shader.js b/lib/core/Shader.js
index cfab904..7f281f5 100644
--- a/lib/core/Shader.js
+++ b/lib/core/Shader.js
@@ -1,33 +1,88 @@
 import State from "./State.js";
-import { addLineNumbers } from "../utils.js";
+import Uniform from "./Uniform.js";
+import Attribute from "./Attribute.js";
+import BuiltIn from "./BuiltIn.js";
+import Struct from "./Struct.js";
+import { addLineNumbers, TAB } from "../utils.js";
+import { GPUShaderStageName } from "../constants.js";
 class Shader {
-    constructor(type, body, ins, outs, structs) {
-        this.type = type;
-        this.body = body;
-        this.ins = ins;
-        this.outs = outs;
-        this.structs = structs;
-        this.version = "#version 450";
+    constructor(options) {
+        Object.assign(this, options);
     }
     init(uniformHeaders) {
-        const { structs, ins, outs } = this.getGLSLHeaders();
-        this.source = `${this.version}
+        const isWGSL = this.language === "wgsl";
+        const { structs, ins, outs } = isWGSL
+            ? this.getWGSLHeaders()
+            : this.getGLSLHeaders();
+        const stage = GPUShaderStageName[this.type];
+        this.source = isWGSL
+            ? /* wgsl */ `${[structs, uniformHeaders, outs]
+                .filter(Boolean)
+                .join("\n")}
+${this.body || ""}
+[[stage(${stage})]]
+fn main(
+${TAB}${ins}
+) -> ${outs ? "Output" : "[[location(0)]] vec4<f32>"} {${this.main}}`
+            : /* glsl */ `#version 450
 ${[structs, uniformHeaders, ins, outs].filter(Boolean).join("\n")}
-
-${this.body}`;
+${this.body || ""}
+void main() {${this.main}}`;
         if (State.debug)
             console.log(addLineNumbers(this.source));
         this.shaderModule = State.device.createShaderModule({
-            code: State.glslang.compileGLSL(this.source, this.type),
+            code: isWGSL
+                ? this.source
+                : State.glslang.compileGLSL(this.source, stage),
         });
     }
+    getWGSLHeaders() {
+        const structs = this.structs
+            ?.filter((struct) => struct.visibility !== undefined
+            ? struct.visibility === this.type
+            : true)
+            .map((struct) => struct.getWGSLString())
+            .join("\n") || "";
+        const ins = (this.ins
+            ? [
+                ...this.ins
+                    .filter((member) => member instanceof BuiltIn)
+                    .filter((member) => member.visibility === this.type)
+                    .map((variable) => variable.getWGSLString()),
+                ...this.ins
+                    .filter((member) => member instanceof Attribute)
+                    .map((variable, index) => variable.getWGSLString(index)),
+                ...this.ins
+                    .filter((member) => member instanceof Uniform)
+                    .map((variable) => variable.getWGSLString()),
+            ]
+            : []).join(`,\n${TAB}`);
+        const outs = this.outs?.filter((member) => {
+            if (member.io) {
+                return (member.visibility === this.type && member.io === "out");
+            }
+            return true;
+        });
+        return {
+            structs,
+            ins,
+            outs: outs?.length ? new Struct("Output", outs).getWGSLString() : "",
+        };
+    }
     getGLSLHeaders() {
-        const structs = this.structs?.map((struct) => struct.getGLSLString()).join("\n") || "";
+        const structs = this.structs
+            ?.filter((struct) => struct.visibility !== undefined
+            ? struct.visibility === this.type
+            : true)
+            .map((struct) => struct.getGLSLString())
+            .join("\n") || "";
         const ins = this.ins
-            ?.map((attribute, index) => `layout(location = ${index}) in ${attribute.type} ${attribute.name};`)
+            ?.filter((member) => !(member instanceof BuiltIn))
+            .map((attribute, index) => `layout(location = ${index}) in ${attribute.type} ${attribute.name};`)
             .join("\n") || "";
         const outs = this.outs
-            ?.map((attribute, index) => `layout(location = ${index}) out ${attribute.type} ${attribute.name};`)
+            ?.filter((member) => !(member instanceof BuiltIn))
+            .map((attribute, index) => `layout(location = ${index}) out ${attribute.type} ${attribute.name};`)
             .join("\n") || "";
         return {
             structs,
diff --git a/lib/core/Shader.js.map b/lib/core/Shader.js.map
index b85802c..4073d4b 100644
--- a/lib/core/Shader.js.map
+++ b/lib/core/Shader.js.map
@@ -1 +1 @@
-{"version":3,"file":"Shader.js","sourceRoot":"","sources":["../../src/core/Shader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAK/B,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM;IAMV,YACS,IAAoB,EACpB,IAAY,EACZ,GAAiB,EACjB,IAAkB,EAClB,OAAkB;QAJlB,SAAI,GAAJ,IAAI,CAAgB;QACpB,SAAI,GAAJ,IAAI,CAAQ;QACZ,QAAG,GAAH,GAAG,CAAc;QACjB,SAAI,GAAJ,IAAI,CAAc;QAClB,YAAO,GAAP,OAAO,CAAW;QAVpB,YAAO,GAAG,cAAc,CAAC;IAW7B,CAAC;IAEG,IAAI,CAAC,cAAsB;QAChC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAErD,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO;EAC/B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;EAE/D,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,IAAI,KAAK,CAAC,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAE1D,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAClD,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;SACxD,CAAC,CAAC;IACL,CAAC;IAEM,cAAc;QACnB,MAAM,OAAO,GACX,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACzE,MAAM,GAAG,GACP,IAAI,CAAC,GAAG;YACN,EAAE,GAAG,CACH,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CACnB,qBAAqB,KAAK,QAAQ,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,GAAG,CACxE;aACA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,MAAM,IAAI,GACR,IAAI,CAAC,IAAI;YACP,EAAE,GAAG,CACH,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CACnB,qBAAqB,KAAK,SAAS,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,GAAG,CACzE;aACA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAEtB,OAAO;YACL,OAAO;YACP,GAAG;YACH,IAAI;SACL,CAAC;IACJ,CAAC;CACF;AAED,eAAe,MAAM,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Shader.js","sourceRoot":"","sources":["../../src/core/Shader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAMrD,MAAM,MAAM;IAKV,YAAY,OAAsB;QAChC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IAEM,IAAI,CAAC,cAAsB;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;QACxC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,MAAM;YACnC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;YACvB,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAE1B,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5C,IAAI,CAAC,MAAM,GAAG,MAAM;YAClB,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC;iBAC1C,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,IAAI,CAAC;EACnB,IAAI,CAAC,IAAI,IAAI,EAAE;UACP,KAAK;;EAEb,GAAG,GAAG,GAAG;OACJ,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAA2B,KAAK,IAAI,CAAC,IAAI,GAAG;YAC/D,CAAC,CAAC,UAAU,CAAC;EACjB,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;EAC/D,IAAI,CAAC,IAAI,IAAI,EAAE;eACF,IAAI,CAAC,IAAI,GAAG,CAAC;QAExB,IAAI,KAAK,CAAC,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAE1D,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAClD,IAAI,EAAE,MAAM;gBACV,CAAC,CAAC,IAAI,CAAC,MAAM;gBACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;SAClD,CAAC,CAAC;IACL,CAAC;IAEM,cAAc;QACnB,MAAM,OAAO,GACX,IAAI,CAAC,OAAO;YACV,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAClB,MAAM,CAAC,UAAU,KAAK,SAAS;YAC7B,CAAC,CAAC,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI;YACjC,CAAC,CAAC,IAAI,CACT;aACA,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;aACvC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAEtB,MAAM,GAAG,GAAG,CACV,IAAI,CAAC,GAAG;YACN,CAAC,CAAC;gBACE,GAAG,IAAI,CAAC,GAAG;qBACR,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,OAAO,CAAC;qBAC7C,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAAC;qBACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAoB,CAAC,aAAa,EAAE,CAAC;gBAC3D,GAAG,IAAI,CAAC,GAAG;qBACR,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,SAAS,CAAC;qBAC/C,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CACtB,QAAsB,CAAC,aAAa,CAAC,KAAK,CAAC,CAC7C;gBACH,GAAG,IAAI,CAAC,GAAG;qBACR,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,OAAO,CAAC;qBAC7C,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAoB,CAAC,aAAa,EAAE,CAAC;aAC5D;YACH,CAAC,CAAC,EAAE,CACP,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;QAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YACxC,IAAK,MAAkB,CAAC,EAAE,EAAE;gBAC1B,OAAO,CACL,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,IAAK,MAAkB,CAAC,EAAE,KAAK,KAAK,CACpE,CAAC;aACH;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,OAAO;YACP,GAAG;YACH,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE;SACrE,CAAC;IACJ,CAAC;IAEM,cAAc;QACnB,MAAM,OAAO,GACX,IAAI,CAAC,OAAO;YACV,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAClB,MAAM,CAAC,UAAU,KAAK,SAAS;YAC7B,CAAC,CAAC,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI;YACjC,CAAC,CAAC,IAAI,CACT;aACA,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;aACvC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,MAAM,GAAG,GACP,IAAI,CAAC,GAAG;YACN,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,CAAC;aACjD,GAAG,CACF,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CACnB,qBAAqB,KAAK,QAAQ,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,GAAG,CACxE;aACA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,MAAM,IAAI,GACR,IAAI,CAAC,IAAI;YACP,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,CAAC;aACjD,GAAG,CACF,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CACnB,qBAAqB,KAAK,SAAS,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,GAAG,CACzE;aACA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAEtB,OAAO;YACL,OAAO;YACP,GAAG;YACH,IAAI;SACL,CAAC;IACJ,CAAC;CACF;AAED,eAAe,MAAM,CAAC"}
\ No newline at end of file
diff --git a/lib/core/Struct.js b/lib/core/Struct.js
index 6558aac..2ac185f 100644
--- a/lib/core/Struct.js
+++ b/lib/core/Struct.js
@@ -1,18 +1,92 @@
-import { formatLowerFirst } from "../utils.js";
-class Struct {
-    constructor(type, members, name, visibility, arrayCount) {
-        this.type = type;
-        this.members = members;
+import Variable from "./Variable.js";
+import Uniform from "./Uniform.js";
+import Attribute from "./Attribute.js";
+import BuiltIn from "./BuiltIn.js";
+import { formatLowerFirst, TAB } from "../utils.js";
+// https://www.w3.org/TR/WGSL/#struct-types
+// A structure member type must be one of:
+// - a scalar type
+// - a vector type
+// - a matrix type
+// - an atomic type
+// - an array type
+// - a structure type
+class Struct extends Variable {
+    constructor(name, members, visibility, arrayCount) {
+        super(name);
         this.name = name;
+        this.members = members;
         this.visibility = visibility;
         this.arrayCount = arrayCount;
-        this.name = name || formatLowerFirst(type);
+    }
+    get wgslType() {
+        return this.name;
+    }
+    get glslType() {
+        return this.name;
+    }
+    get format() {
+        return "float32";
+    }
+    getSize() {
+        return this.members
+            .map((member) => member.getSize() * (member.arrayCount || 1))
+            .reduce((a, b) => a + b, 0);
+    }
+    // TODO:
+    // stride
+    // align
+    // size
+    getWGSLMemberString() {
+        return `${this.wgslType} ${this.memberName || formatLowerFirst(this.name)}${this.arrayCount ? `[${this.arrayCount}]` : ""}`;
+    }
+    getGLSLMemberString() {
+        return `${this.glslType} ${this.memberName || formatLowerFirst(this.name)}${this.arrayCount ? `[${this.arrayCount}]` : ""}`;
+    }
+    getWGSLString() {
+        if (!this.members.length) {
+            console.error("Struct missing members.", this);
+            return "";
+        }
+        const builtIns = this.members
+            .filter((member) => member instanceof BuiltIn)
+            .map((variable) => variable.getWGSLString() + ";");
+        const attributes = this.members
+            .filter((member) => member instanceof Attribute)
+            .map((variable, index) => variable.getWGSLString(index) + ";");
+        const uniforms = this.members
+            .filter((member) => member instanceof Uniform)
+            .map((variable) => variable.getWGSLString() + ";");
+        const structs = this.members
+            .filter((member) => member instanceof Struct)
+            .map((variable) => variable.getWGSLMemberString() + ";");
+        const variables = this.members
+            .filter((member) => member.constructor.name === "Variable")
+            .map((variable) => variable.getWGSLString() + ";");
+        return /* wgsl */ `[[block]] struct ${this.name} {
+${TAB}${[...builtIns, ...attributes, ...uniforms, ...structs, ...variables]
+            .filter(Boolean)
+            .join(`\n${TAB}`)}
+};
+`;
     }
     getGLSLString() {
-        return /* glsl */ `struct ${this.type} {
-${this.members
-            .map((variable) => `  ${variable.type} ${variable.name}${variable.arrayCount ? `[${variable.arrayCount}]` : ""};`)
-            .join("\n")}
+        const attributes = this.members
+            .filter((member) => member instanceof Attribute)
+            .map((variable) => variable.getGLSLString() + ";");
+        const uniforms = this.members
+            .filter((member) => member instanceof Uniform)
+            .map((variable) => variable.getGLSLString() + ";");
+        const structs = this.members
+            .filter((member) => member instanceof Struct)
+            .map((variable) => variable.getWGSLMemberString() + ";");
+        const variables = this.members
+            .filter((member) => member.constructor.name === "Variable")
+            .map((variable) => variable.getGLSLString() + ";");
+        return /* glsl */ `struct ${this.name} {
+${TAB}${[...attributes, ...uniforms, ...structs, ...variables]
+            .filter(Boolean)
+            .join(`\n${TAB}`)}
 };
 `;
     }
diff --git a/lib/core/Struct.js.map b/lib/core/Struct.js.map
index 828230a..2cc2417 100644
--- a/lib/core/Struct.js.map
+++ b/lib/core/Struct.js.map
@@ -1 +1 @@
-{"version":3,"file":"Struct.js","sourceRoot":"","sources":["../../src/core/Struct.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM;IACV,YACS,IAAY,EACZ,OAA8B,EAC9B,IAAa,EACb,UAAgC,EAChC,UAAmB;QAJnB,SAAI,GAAJ,IAAI,CAAQ;QACZ,YAAO,GAAP,OAAO,CAAuB;QAC9B,SAAI,GAAJ,IAAI,CAAS;QACb,eAAU,GAAV,UAAU,CAAsB;QAChC,eAAU,GAAV,UAAU,CAAS;QAE1B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAEM,aAAa;QAClB,OAAO,UAAU,CAAC,UAAU,IAAI,CAAC,IAAI;EACvC,IAAI,CAAC,OAAO;aACX,GAAG,CACF,CAAC,QAAQ,EAAE,EAAE,CACX,KAAK,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,GACjC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EACrD,GAAG,CACN;aACA,IAAI,CAAC,IAAI,CAAC;;CAEZ,CAAC;IACA,CAAC;CACF;AAED,eAAe,MAAM,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Struct.js","sourceRoot":"","sources":["../../src/core/Struct.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAEpD,2CAA2C;AAC3C,0CAA0C;AAC1C,kBAAkB;AAClB,kBAAkB;AAClB,kBAAkB;AAClB,mBAAmB;AACnB,kBAAkB;AAClB,qBAAqB;AACrB,MAAM,MAAO,SAAQ,QAAQ;IAG3B,YACS,IAAY,EACZ,OAA8B,EAC9B,UAAgC,EAChC,UAAmB;QAE1B,KAAK,CAAC,IAAI,CAAC,CAAC;QALL,SAAI,GAAJ,IAAI,CAAQ;QACZ,YAAO,GAAP,OAAO,CAAuB;QAC9B,eAAU,GAAV,UAAU,CAAsB;QAChC,eAAU,GAAV,UAAU,CAAS;IAG5B,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAW,MAAM;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC,OAAO;aAChB,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;aAC5D,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,OAAO;IACA,mBAAmB;QACxB,OAAO,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GACvE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAC7C,EAAE,CAAC;IACL,CAAC;IACM,mBAAmB;QACxB,OAAO,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GACvE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAC7C,EAAE,CAAC;IACL,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACxB,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,CAAC;YAC/C,OAAO,EAAE,CAAC;SACX;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO;aAC1B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,OAAO,CAAC;aAC7C,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAoB,CAAC,aAAa,EAAE,GAAG,GAAG,CAAC,CAAC;QAClE,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO;aAC5B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,SAAS,CAAC;aAC/C,GAAG,CACF,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAE,QAAsB,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CACxE,CAAC;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO;aAC1B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,OAAO,CAAC;aAC7C,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAoB,CAAC,aAAa,EAAE,GAAG,GAAG,CAAC,CAAC;QAClE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;aACzB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,MAAM,CAAC;aAC5C,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAmB,CAAC,mBAAmB,EAAE,GAAG,GAAG,CAAC,CAAC;QACvE,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;aAC3B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,KAAK,UAAU,CAAC;aAC1D,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAoB,CAAC,aAAa,EAAE,GAAG,GAAG,CAAC,CAAC;QAElE,OAAO,UAAU,CAAC,oBAAoB,IAAI,CAAC,IAAI;EACjD,GAAG,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,QAAQ,EAAE,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;aACpE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;;CAEtB,CAAC;IACA,CAAC;IAEM,aAAa;QAClB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO;aAC5B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,SAAS,CAAC;aAC/C,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAsB,CAAC,aAAa,EAAE,GAAG,GAAG,CAAC,CAAC;QACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO;aAC1B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,OAAO,CAAC;aAC7C,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAoB,CAAC,aAAa,EAAE,GAAG,GAAG,CAAC,CAAC;QAClE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;aACzB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,YAAY,MAAM,CAAC;aAC5C,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAmB,CAAC,mBAAmB,EAAE,GAAG,GAAG,CAAC,CAAC;QACvE,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;aAC3B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,KAAK,UAAU,CAAC;aAC1D,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAE,QAAoB,CAAC,aAAa,EAAE,GAAG,GAAG,CAAC,CAAC;QAElE,OAAO,UAAU,CAAC,UAAU,IAAI,CAAC,IAAI;EACvC,GAAG,GAAG,CAAC,GAAG,UAAU,EAAE,GAAG,QAAQ,EAAE,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;aACvD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;;CAEtB,CAAC;IACA,CAAC;CACF;AAED,eAAe,MAAM,CAAC"}
\ No newline at end of file
diff --git a/lib/core/Variable.js b/lib/core/Variable.js
index 5c5f5b1..1b16f48 100644
--- a/lib/core/Variable.js
+++ b/lib/core/Variable.js
@@ -1,3 +1,5 @@
+import { formatLowerFirst } from "../utils.js";
+import { GLSL_SCALARS_TO_WGSL, WGSL_SCALARS_TO_GLSL_PREFIX, WGSL_MATRIX_TO_GLSL, WGSL_TYPE_TO_GPU_VERTEX_FORMAT, } from "../constants.js";
 // TODO: parameter
 const dataType = "32";
 class Variable {
@@ -7,7 +9,76 @@ class Variable {
         this.visibility = visibility;
         this.arrayCount = arrayCount;
     }
+    static isWgsl(type) {
+        return (type.includes("<") ||
+            Object.keys(WGSL_SCALARS_TO_GLSL_PREFIX).includes(type));
+    }
+    // Type conversion
+    // https://www.w3.org/TR/WGSL/#alignment-and-size
+    get wgslType() {
+        if (Variable.isWgsl(this.type)) {
+            return this.type;
+        }
+        // Scalars
+        if (Object.keys(GLSL_SCALARS_TO_WGSL).includes(this.type)) {
+            return GLSL_SCALARS_TO_WGSL[this.type];
+        }
+        // Vectors
+        else if (this.type.startsWith("vec")) {
+            return `${this.type}<f32>`;
+        }
+        else if (this.type.substring(1, 4).startsWith("dvec")) {
+            return `${this.type}<f32>`;
+            // return `${this.type}<f64>`;
+        }
+        else if (this.type.startsWith("ivec")) {
+            return `${this.type.substring(1, 4)}<i32>`;
+        }
+        else if (this.type.startsWith("uvec")) {
+            return `${this.type.substring(1, 4)}<u32>`;
+        }
+        else if (this.type.startsWith("bvec")) {
+            return `${this.type.substring(1, 4)}<bool>`;
+        }
+        // Matrices
+        else if (this.type.startsWith("mat")) {
+            const [col, row] = this.type.substring(3).split("x").map(parseInt);
+            return `${row ? this.type : `${this.type}x${col}`}<f32>`;
+        }
+        else if (this.type.startsWith("dmat")) {
+            const [col, row] = this.type.substring(3).split("x").map(parseInt);
+            return `${row ? this.type : `${this.type}x${col}`}<f64>`;
+        }
+        console.error(`Unsupported variable type ${this.type}`);
+        return "";
+    }
+    get glslType() {
+        if (Variable.isWgsl(this.type)) {
+            // Scalars
+            if (Object.values(GLSL_SCALARS_TO_WGSL).includes(this.type)) {
+                return Object.keys(GLSL_SCALARS_TO_WGSL).find((key) => GLSL_SCALARS_TO_WGSL[key] === this.type);
+            }
+            // Vectors
+            else if (this.type.startsWith("vec")) {
+                const prefix = WGSL_SCALARS_TO_GLSL_PREFIX[this.type.substring(this.type.indexOf("<") + 1, this.type.lastIndexOf(">"))];
+                return `${prefix}${this.type.substring(0, 4)}`;
+            }
+            // Matrices
+            else if (this.type.startsWith("mat")) {
+                return WGSL_MATRIX_TO_GLSL[this.type.substring(0, 6)];
+            }
+            else {
+                console.error(`Unsupported variable type ${this.type}`);
+            }
+        }
+        return this.type;
+    }
+    // WebGPU vertex format
+    // https://www.w3.org/TR/webgpu/#vertex-formats
     get format() {
+        if (Variable.isWgsl(this.type)) {
+            return WGSL_TYPE_TO_GPU_VERTEX_FORMAT[this.type];
+        }
         // Scalars
         if (this.type === "float") {
             return `float${dataType}`;
@@ -76,18 +147,21 @@ class Variable {
     }
     getSize(qualifier) {
         // Scalars
-        if (this.type === "float") {
+        if (this.type === "float" || this.type === "f32") {
             return Float32Array.BYTES_PER_ELEMENT;
         }
-        else if (this.type === "double") {
+        else if (this.type === "double" || this.type === "f64") {
             return Float64Array.BYTES_PER_ELEMENT;
         }
-        else if (this.type === "int") {
+        else if (this.type === "int" || this.type === "i32") {
             return Int16Array.BYTES_PER_ELEMENT;
         }
         else if (this.type === "uint") {
             return Uint16Array.BYTES_PER_ELEMENT;
         }
+        else if (this.type === "u32") {
+            return Uint32Array.BYTES_PER_ELEMENT;
+        }
         else if (this.type === "bool") {
             return 1;
         }
@@ -127,6 +201,13 @@ class Variable {
         console.error(`Unsupported variable type ${this.type}`);
         return -1;
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    getWGSLString(_index) {
+        return /* wgsl */ `${this.name}: ${this.arrayCount ? `array<` : ""}${this.wgslType}${this.arrayCount ? `, ${this.arrayCount}>` : ""}`;
+    }
+    getGLSLString() {
+        return /* glsl */ `${this.glslType} ${formatLowerFirst(this.name)}${this.arrayCount ? `[${this.arrayCount}]` : ""}`;
+    }
 }
 export default Variable;
 //# sourceMappingURL=Variable.js.map
\ No newline at end of file
diff --git a/lib/core/Variable.js.map b/lib/core/Variable.js.map
index 278d6bf..4cba9b9 100644
--- a/lib/core/Variable.js.map
+++ b/lib/core/Variable.js.map
@@ -1 +1 @@
-{"version":3,"file":"Variable.js","sourceRoot":"","sources":["../../src/core/Variable.ts"],"names":[],"mappings":"AAEA,kBAAkB;AAClB,MAAM,QAAQ,GAAG,IAAI,CAAC;AAEtB,MAAM,QAAQ;IACZ,YACS,IAAY,EACZ,IAAY,EACZ,UAAgC,EAChC,UAAmB;QAHnB,SAAI,GAAJ,IAAI,CAAQ;QACZ,SAAI,GAAJ,IAAI,CAAQ;QACZ,eAAU,GAAV,UAAU,CAAsB;QAChC,eAAU,GAAV,UAAU,CAAS;IACzB,CAAC;IAEJ,IAAW,MAAM;QACf,UAAU;QACV,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YACzB,OAAO,QAAQ,QAAQ,EAAE,CAAC;SAC3B;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YACjC,OAAO,QAAQ,CAAC;SACjB;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YAC9B,OAAO,OAAO,QAAQ,EAAE,CAAC;SAC1B;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,OAAO,QAAQ,EAAE,CAAC;SAC1B;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,EAAE,CAAC,CAAC,WAAW;SACvB;QACD,UAAU;aACL,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,QAAQ,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SACrD;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SAC1C;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,OAAO,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SACpD;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,OAAO,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SACpD;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,EAAE,CAAC,CAAC,WAAW;SACvB;QACD,WAAW;aACN,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,QAAQ,QAAQ,EAAE,CAAC;SAC3B;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,QAAQ,CAAC;SACjB;QAED,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAExD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,8EAA8E;IACvE,MAAM,CAAC,aAAa,CACzB,IAAY,EACZ,SAA+B;QAE/B,6BAA6B;QAC7B,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,QAAQ,EAAE;YACxC,OAAO,IAAI,CAAC;SACb;QACD,0DAA0D;aACrD,IAAI,SAAS,KAAK,QAAQ,EAAE;YAC/B,QAAQ,IAAI,EAAE;gBACZ,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX;oBACE,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,EAAE,CAAC,CAAC;aACtD;SACF;IACH,CAAC;IAEM,OAAO,CAAC,SAA+B;QAC5C,UAAU;QACV,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YACzB,OAAO,YAAY,CAAC,iBAAiB,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YACjC,OAAO,YAAY,CAAC,iBAAiB,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YAC9B,OAAO,UAAU,CAAC,iBAAiB,CAAC;SACrC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,WAAW,CAAC,iBAAiB,CAAC;SACtC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,CAAC,CAAC;SACV;QACD,UAAU;aACL,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,UAAU,CAAC,iBAAiB;gBAC5B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,WAAW,CAAC,iBAAiB;gBAC7B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACxE,CAAC;SACH;QACD,WAAW;aACN,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACnE,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,SAAS,CAAC;gBACtC,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,GAAG,EAAE,SAAS,CAAC,CAC9C,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACnE,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,SAAS,CAAC;gBACtC,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,GAAG,EAAE,SAAS,CAAC,CAC9C,CAAC;SACH;QAED,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAExD,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;CACF;AAED,eAAe,QAAQ,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Variable.js","sourceRoot":"","sources":["../../src/core/Variable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,8BAA8B,GAC/B,MAAM,iBAAiB,CAAC;AAGzB,kBAAkB;AAClB,MAAM,QAAQ,GAAG,IAAI,CAAC;AAEtB,MAAM,QAAQ;IAQZ,YACS,IAAY,EACZ,IAAa,EACb,UAAgC,EAChC,UAAmB;QAHnB,SAAI,GAAJ,IAAI,CAAQ;QACZ,SAAI,GAAJ,IAAI,CAAS;QACb,eAAU,GAAV,UAAU,CAAsB;QAChC,eAAU,GAAV,UAAU,CAAS;IACzB,CAAC;IAZJ,MAAM,CAAC,MAAM,CAAC,IAAY;QACxB,OAAO,CACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;YAClB,MAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACxD,CAAC;IACJ,CAAC;IASD,kBAAkB;IAClB,iDAAiD;IACjD,IAAW,QAAQ;QACjB,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC9B,OAAO,IAAI,CAAC,IAAI,CAAC;SAClB;QAED,UAAU;QACV,IAAI,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACzD,OAAO,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACxC;QACD,UAAU;aACL,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,GAAG,IAAI,CAAC,IAAI,OAAO,CAAC;SAC5B;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvD,OAAO,GAAG,IAAI,CAAC,IAAI,OAAO,CAAC;YAC3B,8BAA8B;SAC/B;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC;SAC5C;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC;SAC5C;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC;SAC7C;QACD,WAAW;aACN,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACnE,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,OAAO,CAAC;SAC1D;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACnE,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,OAAO,CAAC;SAC1D;QAED,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAExD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAW,QAAQ;QACjB,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC9B,UAAU;YACV,IAAI,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAC3C,CAAC,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,IAAI,CACjD,CAAC;aACH;YACD,UAAU;iBACL,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;gBACpC,MAAM,MAAM,GACV,2BAA2B,CACzB,IAAI,CAAC,IAAI,CAAC,SAAS,CACjB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAC3B,CACF,CAAC;gBAEJ,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;aAChD;YACD,WAAW;iBACN,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;gBACpC,OAAO,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aACvD;iBAAM;gBACL,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;aACzD;SACF;QAED,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,uBAAuB;IACvB,+CAA+C;IAC/C,IAAW,MAAM;QACf,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC9B,OAAO,8BAA8B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAClD;QAED,UAAU;QACV,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YACzB,OAAO,QAAQ,QAAQ,EAAE,CAAC;SAC3B;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YACjC,OAAO,QAAQ,CAAC;SACjB;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YAC9B,OAAO,OAAO,QAAQ,EAAE,CAAC;SAC1B;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,OAAO,QAAQ,EAAE,CAAC;SAC1B;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,EAAE,CAAC,CAAC,WAAW;SACvB;QACD,UAAU;aACL,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,QAAQ,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SACrD;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SAC1C;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,OAAO,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SACpD;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,OAAO,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;SACpD;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,EAAE,CAAC,CAAC,WAAW;SACvB;QACD,WAAW;aACN,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,QAAQ,QAAQ,EAAE,CAAC;SAC3B;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,QAAQ,CAAC;SACjB;QAED,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAExD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,8EAA8E;IACvE,MAAM,CAAC,aAAa,CACzB,IAAY,EACZ,SAA+B;QAE/B,6BAA6B;QAC7B,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,QAAQ,EAAE;YACxC,OAAO,IAAI,CAAC;SACb;QACD,0DAA0D;aACrD,IAAI,SAAS,KAAK,QAAQ,EAAE;YAC/B,QAAQ,IAAI,EAAE;gBACZ,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX,KAAK,CAAC;oBACJ,OAAO,CAAC,CAAC;gBACX;oBACE,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,EAAE,CAAC,CAAC;aACtD;SACF;IACH,CAAC;IAEM,OAAO,CAAC,SAA+B;QAC5C,UAAU;QACV,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YAChD,OAAO,YAAY,CAAC,iBAAiB,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YACxD,OAAO,YAAY,CAAC,iBAAiB,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YACrD,OAAO,UAAU,CAAC,iBAAiB,CAAC;SACrC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,WAAW,CAAC,iBAAiB,CAAC;SACtC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YAC9B,OAAO,WAAW,CAAC,iBAAiB,CAAC;SACtC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,OAAO,CAAC,CAAC;SACV;QACD,UAAU;aACL,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,UAAU,CAAC,iBAAiB;gBAC5B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,WAAW,CAAC,iBAAiB;gBAC7B,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACpE,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,OAAO,CACL,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CACxE,CAAC;SACH;QACD,WAAW;aACN,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACnE,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,SAAS,CAAC;gBACtC,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,GAAG,EAAE,SAAS,CAAC,CAC9C,CAAC;SACH;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACvC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACnE,OAAO,CACL,YAAY,CAAC,iBAAiB;gBAC9B,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,SAAS,CAAC;gBACtC,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,GAAG,EAAE,SAAS,CAAC,CAC9C,CAAC;SACH;QAED,OAAO,CAAC,KAAK,CAAC,6BAA6B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAExD,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,6DAA6D;IACtD,aAAa,CAAC,MAAe;QAClC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAChE,IAAI,CAAC,QACP,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACtD,CAAC;IAEM,aAAa;QAClB,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC/D,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAC7C,EAAE,CAAC;IACL,CAAC;CACF;AAED,eAAe,QAAQ,CAAC"}
\ No newline at end of file
diff --git a/lib/helpers/Axes.js b/lib/helpers/Axes.js
index 5717d71..388d69d 100644
--- a/lib/helpers/Axes.js
+++ b/lib/helpers/Axes.js
@@ -25,16 +25,15 @@ class Axes {
             bindGroupLayouts: [systemBindGroupLayout],
             ins: [new Attribute("position", "vec3"), new Attribute("color", "vec4")],
             outs: [new Attribute("vColor", "vec4")],
+            language: "glsl",
             vertex: /* glsl */ `
-void main() {
   vColor = color;
 
   gl_Position = system.projectionMatrix * system.viewMatrix * vec4(position, 1.0);
-}`,
+`,
             fragment: /* glsl */ `
-void main() {
   outColor = vColor;
-}`,
+`,
             descriptor: {
                 primitive: { topology: GPUPrimitiveTopology.LineList },
             },
diff --git a/lib/helpers/Axes.js.map b/lib/helpers/Axes.js.map
index 58279fd..bf5de9a 100644
--- a/lib/helpers/Axes.js.map
+++ b/lib/helpers/Axes.js.map
@@ -1 +1 @@
-{"version":3,"file":"Axes.js","sourceRoot":"","sources":["../../src/helpers/Axes.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAI7C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,kBAAkB;AAClB,MAAM,IAAI,GAAG,IAAI,YAAY,CAAC;IAC5B,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAC9C,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAClD,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAC9C,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IAClD,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAC9C,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;CACnD,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC;IAC9B,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC,CAAA;AAEF,MAAM,IAAI;IAIR,YACE,qBAAsC,EACtC,sBAAiC;QAEjC,wCAAwC;QACxC,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;YAC5B,gBAAgB,EAAE,CAAC,qBAAqB,CAAC;YACzC,GAAG,EAAE,CAAC,IAAI,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACxE,IAAI,EAAE,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACvC,MAAM,EAAE,UAAU,CAAC;;;;;EAKvB;YACI,QAAQ,EAAE,UAAU,CAAC;;;EAGzB;YACI,UAAU,EAAE;gBACV,SAAS,EAAE,EAAE,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EAAE;aACvD;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE9C,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC;YACzB,QAAQ;YACR,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,aAAa,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;YAC5B,WAAW,EAAE,IAAI,MAAM,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;YAC9C,WAAW,EAAE,cAAc,CAAC,MAAM;YAClC,KAAK,EAAE,OAAO,CAAC,MAAM;SACtB,CAAC,CAAC;IACL,CAAC;IAEM,QAAQ,CAAC,KAAa;QAC3B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;CACF;AAED,eAAe,IAAI,CAAC"}
\ No newline at end of file
+{"version":3,"file":"Axes.js","sourceRoot":"","sources":["../../src/helpers/Axes.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAI7C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,kBAAkB;AAClB,MAAM,IAAI,GAAG,IAAI,YAAY,CAAC;IAC5B,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAC9C,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAClD,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAC9C,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IAClD,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAC9C,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;CACnD,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC;IAC9B,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC,CAAA;AAEF,MAAM,IAAI;IAIR,YACE,qBAAsC,EACtC,sBAAiC;QAEjC,wCAAwC;QACxC,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;YAC5B,gBAAgB,EAAE,CAAC,qBAAqB,CAAC;YACzC,GAAG,EAAE,CAAC,IAAI,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACxE,IAAI,EAAE,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACvC,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,UAAU,CAAC;;;;CAIxB;YACK,QAAQ,EAAE,UAAU,CAAC;;CAE1B;YACK,UAAU,EAAE;gBACV,SAAS,EAAE,EAAE,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EAAE;aACvD;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE9C,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC;YACzB,QAAQ;YACR,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,aAAa,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;YAC5B,WAAW,EAAE,IAAI,MAAM,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;YAC9C,WAAW,EAAE,cAAc,CAAC,MAAM;YAClC,KAAK,EAAE,OAAO,CAAC,MAAM;SACtB,CAAC,CAAC;IACL,CAAC;IAEM,QAAQ,CAAC,KAAa;QAC3B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;CACF;AAED,eAAe,IAAI,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/constants.wgsl.js b/lib/shaders/constants.wgsl.js
new file mode 100644
index 0000000..a10ae78
--- /dev/null
+++ b/lib/shaders/constants.wgsl.js
@@ -0,0 +1,5 @@
+const PI = /* wgsl */ `let PI: f32 = 3.14159265359;`;
+const EPSILON = /* wgsl */ `let EPSILON: f32 = 0.00000000001;`;
+const GAMMA = /* wgsl */ `let GAMMA: f32 = 2.2;`;
+export default { PI, EPSILON, GAMMA };
+//# sourceMappingURL=constants.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/constants.wgsl.js.map b/lib/shaders/constants.wgsl.js.map
new file mode 100644
index 0000000..da7c0a6
--- /dev/null
+++ b/lib/shaders/constants.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"constants.wgsl.js","sourceRoot":"","sources":["../../src/shaders/constants.wgsl.ts"],"names":[],"mappings":"AAAA,MAAM,EAAE,GAAG,UAAU,CAAC,8BAA8B,CAAC;AACrD,MAAM,OAAO,GAAG,UAAU,CAAC,mCAAmC,CAAC;AAC/D,MAAM,KAAK,GAAG,UAAU,CAAC,uBAAuB,CAAC;AAEjD,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/index.glsl.js b/lib/shaders/index.glsl.js
new file mode 100644
index 0000000..256cb0a
--- /dev/null
+++ b/lib/shaders/index.glsl.js
@@ -0,0 +1,9 @@
+export { default as CONSTANTS } from "./constants.glsl.js";
+export { default as UTILS } from "./utils.glsl.js";
+export { default as LINEAR } from "./lighting/linear.glsl.js";
+export { default as GAMMA } from "./lighting/gamma.glsl.js";
+export { default as DIFFUSE } from "./lighting/diffuse.glsl.js";
+export { default as SPECULAR } from "./lighting/specular.glsl.js";
+export { default as DIRECT } from "./lighting/direct.glsl.js";
+export * as NOISE from "./noise/index.glsl.js";
+//# sourceMappingURL=index.glsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/index.glsl.js.map b/lib/shaders/index.glsl.js.map
new file mode 100644
index 0000000..5eb1ee4
--- /dev/null
+++ b/lib/shaders/index.glsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.glsl.js","sourceRoot":"","sources":["../../src/shaders/index.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,uBAAuB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/index.js b/lib/shaders/index.js
index 7a587b7..b32a475 100644
--- a/lib/shaders/index.js
+++ b/lib/shaders/index.js
@@ -1,12 +1,10 @@
-import { default as CONSTANTS } from "./constants.glsl.js";
-import { default as UTILS } from "./utils.glsl.js";
-import { default as LINEAR } from "./lighting/linear.glsl.js";
-import { default as GAMMA } from "./lighting/gamma.glsl.js";
-import { default as DIFFUSE } from "./lighting/diffuse.glsl.js";
-import { default as SPECULAR } from "./lighting/specular.glsl.js";
-import { default as DIRECT } from "./lighting/direct.glsl.js";
-import { default as CLASSIC_NOISE } from "./noise/classic.glsl.js";
-import { default as PERIODIC_NOISE } from "./noise/periodic.glsl.js";
-import { default as SIMPLEX_NOISE } from "./noise/simplex.glsl.js";
-export { CONSTANTS, UTILS, LINEAR, GAMMA, DIFFUSE, SPECULAR, DIRECT, CLASSIC_NOISE, PERIODIC_NOISE, SIMPLEX_NOISE, };
+export { default as CONSTANTS } from "./constants.wgsl.js";
+export { default as UTILS } from "./utils.wgsl.js";
+export { default as LINEAR } from "./lighting/linear.wgsl.js";
+export { default as GAMMA } from "./lighting/gamma.wgsl.js";
+export { default as DIFFUSE } from "./lighting/diffuse.wgsl.js";
+export { default as SPECULAR } from "./lighting/specular.wgsl.js";
+export { default as DIRECT } from "./lighting/direct.wgsl.js";
+export * as NOISE from "./noise/index.wgsl.js";
+export * as GLSL from "./index.glsl.js";
 //# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/lib/shaders/index.js.map b/lib/shaders/index.js.map
index 0b77746..1832fde 100644
--- a/lib/shaders/index.js.map
+++ b/lib/shaders/index.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/shaders/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,EACd,aAAa,GACd,CAAC"}
\ No newline at end of file
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/shaders/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,uBAAuB,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/lighting/diffuse.wgsl.js b/lib/shaders/lighting/diffuse.wgsl.js
new file mode 100644
index 0000000..c4354c6
--- /dev/null
+++ b/lib/shaders/lighting/diffuse.wgsl.js
@@ -0,0 +1,36 @@
+const OREN_NAYAR = /* wgsl */ `
+// #define DIFFUSE_OREN_NAYAR
+fn Diffuse(
+  lightDirection: vec3<f32>,
+  viewDirection: vec3<f32>,
+  surfaceNormal: vec3<f32>,
+  material: Material
+) -> f32 {
+  let LdotV = dot(lightDirection, viewDirection);
+  let NdotL = dot(lightDirection, surfaceNormal);
+  let NdotV = dot(surfaceNormal, viewDirection);
+
+  let s = LdotV - NdotL * NdotV;
+  let t = mix(1.0, max(NdotL, NdotV), step(0.0, s));
+
+  let sigma2 = material.roughness * material.roughness;
+  let A = 1.0 + sigma2 * (material.albedo / (sigma2 + 0.13) + 0.5 / (sigma2 + 0.33));
+  let B = 0.45 * sigma2 / (sigma2 + 0.09);
+
+  return material.albedo * max(0.0, NdotL) * (A + B * s / t) / PI;
+}
+`;
+const LAMBERT = /* wgsl */ `
+// #define DIFFUSE_LAMBERT
+fn Diffuse(
+  lightDirection: vec3<f32>,
+  surfaceNormal: vec3<f32>
+) -> f32 {
+  return max(0.0, dot(surfaceNormal, lightDirection));
+}
+`;
+export default {
+    OREN_NAYAR,
+    LAMBERT,
+};
+//# sourceMappingURL=diffuse.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/lighting/diffuse.wgsl.js.map b/lib/shaders/lighting/diffuse.wgsl.js.map
new file mode 100644
index 0000000..b1be94b
--- /dev/null
+++ b/lib/shaders/lighting/diffuse.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diffuse.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/lighting/diffuse.wgsl.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;CAqB7B,CAAC;AAEF,MAAM,OAAO,GAAG,UAAU,CAAC;;;;;;;;CAQ1B,CAAC;AAEF,eAAe;IACb,UAAU;IACV,OAAO;CACR,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/lighting/direct.wgsl.js b/lib/shaders/lighting/direct.wgsl.js
new file mode 100644
index 0000000..73d6310
--- /dev/null
+++ b/lib/shaders/lighting/direct.wgsl.js
@@ -0,0 +1,64 @@
+const PHONG = /* wgsl */ `
+fn getDirectShading(
+  material: Material,
+  light: Light,
+  surfaceNormal: vec3<f32>,
+  viewDirection: vec3<f32>,
+  positionToLight: vec3<f32>,
+  distanceAttenuation: bool,
+  angleAttenuation: bool
+) -> vec3<f32> {
+  let lightDirection = normalize(positionToLight);
+
+  // Diffuse reflection (Lambertial reflectance)
+  // #ifdef DIFFUSE_LAMBERT
+  // let diff = Diffuse(lightDirection, surfaceNormal);
+  // #elif defined(DIFFUSE_OREN_NAYAR)
+  let diff = Diffuse(
+    lightDirection,
+    viewDirection,
+    surfaceNormal,
+    material
+  );
+  // #endif
+
+  if (diff <= 0.0) {
+    return vec3<f32>(0.0);
+  }
+
+  // Specular relection
+  // #ifdef WARD
+  // float spec = Specular(lightDirection, viewDirection, surfaceNormal, material, fiberParallel, fiberPerpendicular, shinyParallel, shinyPerpendicular);
+  // #elif defined(HEIDRICH_SEIDEL)
+  // float spec = Specular(lightDirection, viewDirection, surfaceNormal, material, anisoRoughness, specDirection);
+  // #else
+  let spec = Specular(lightDirection, viewDirection, surfaceNormal, material);
+  // #endif
+
+  // Combine results
+  let diffuse = material.diffuseColor * diff;
+  let specular = material.specularColor * spec;
+
+  // Attenuation
+  var attenuation = 1.0;
+
+  if (distanceAttenuation) {
+		attenuation = attenuation * pow(saturate(1.0 - length(positionToLight) / light.range), 2.0);
+  }
+
+  if (angleAttenuation) {
+    let theta = dot(lightDirection, normalize(-light.direction));
+
+    if (theta > light.innerAngle) {
+      let epsilon = light.innerAngle - light.angle;
+      attenuation = attenuation * clamp((theta - light.angle) / epsilon, 0.0, 1.0);
+    }
+  }
+
+  return attenuation * (light.color.xyz * (material.ambientColor + diffuse + specular)) * light.color.a;
+}
+`;
+export default {
+    PHONG,
+};
+//# sourceMappingURL=direct.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/lighting/direct.wgsl.js.map b/lib/shaders/lighting/direct.wgsl.js.map
new file mode 100644
index 0000000..497bfc5
--- /dev/null
+++ b/lib/shaders/lighting/direct.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"direct.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/lighting/direct.wgsl.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DxB,CAAC;AAEF,eAAe;IACb,KAAK;CACN,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/lighting/gamma.wgsl.js b/lib/shaders/lighting/gamma.wgsl.js
new file mode 100644
index 0000000..4959619
--- /dev/null
+++ b/lib/shaders/lighting/gamma.wgsl.js
@@ -0,0 +1,14 @@
+export default /* wgsl */ `
+fn toGamma(v: f32) -> f32 {
+  return pow(v, 1.0 / GAMMA);
+}
+fn toGamma(v: vec2<f32>) -> vec2<f32> {
+  return pow(v, vec2<f32>(1.0 / GAMMA));
+}
+fn toGamma(v: vec3<f32>) -> vec3<f32> {
+  return pow(v, vec3<f32>(1.0 / GAMMA));
+}
+fn toGamma(v: vec4<f32>) -> vec4<f32> {
+  return vec4<f32>(toGamma(v.rgb), v.a);
+}`;
+//# sourceMappingURL=gamma.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/lighting/gamma.wgsl.js.map b/lib/shaders/lighting/gamma.wgsl.js.map
new file mode 100644
index 0000000..5ff7ce3
--- /dev/null
+++ b/lib/shaders/lighting/gamma.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"gamma.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/lighting/gamma.wgsl.ts"],"names":[],"mappings":"AAAA,eAAe,UAAU,CAAC;;;;;;;;;;;;EAYxB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/lighting/linear.wgsl.js b/lib/shaders/lighting/linear.wgsl.js
new file mode 100644
index 0000000..677368f
--- /dev/null
+++ b/lib/shaders/lighting/linear.wgsl.js
@@ -0,0 +1,14 @@
+export default /* wgsl */ `
+fn toLinear(v: f32) -> f32 {
+  return pow(v, GAMMA);
+}
+fn toLinear(v: vec2<f32>) -> vec2<f32> {
+  return pow(v, vec2<f32>(GAMMA));
+}
+fn toLinear(v: vec3<f32>) -> vec3<f32> {
+  return pow(v, vec3<f32>(GAMMA));
+}
+fn toLinear(v: vec4<f32>) -> vec4<f32> {
+  return vec4<f32>(toLinear(v.rgb), v.a);
+}`;
+//# sourceMappingURL=linear.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/lighting/linear.wgsl.js.map b/lib/shaders/lighting/linear.wgsl.js.map
new file mode 100644
index 0000000..68d39c5
--- /dev/null
+++ b/lib/shaders/lighting/linear.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"linear.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/lighting/linear.wgsl.ts"],"names":[],"mappings":"AAAA,eAAe,UAAU,CAAC;;;;;;;;;;;;EAYxB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/lighting/specular.wgsl.js b/lib/shaders/lighting/specular.wgsl.js
new file mode 100644
index 0000000..0d2d057
--- /dev/null
+++ b/lib/shaders/lighting/specular.wgsl.js
@@ -0,0 +1,108 @@
+const BLINNPHONG = /* wgsl */ `
+// #define SPECULAR_BLINNPHONG
+fn Specular(lightDirection: vec3<f32>, viewDirection: vec3<f32>, surfaceNormal: vec3<f32>, material: Material) -> f32 {
+  let halfwayVector = normalize(viewDirection + lightDirection);
+
+  return pow(max(0.0, dot(surfaceNormal, halfwayVector)), material.shininess);
+}
+`;
+const PHONG = /* wgsl */ `
+// #define SPECULAR_PHONG
+fn Specular(lightDirection: vec3<f32>, viewDirection: vec3<f32>, surfaceNormal: vec3<f32>, material: Material) -> f32 {
+  let reflectDirection = -reflect(lightDirection, surfaceNormal);
+
+  return pow(max(0.0, dot(viewDirection, reflectDirection)), material.shininess);
+}
+`;
+const GAUSSIAN = /* wgsl */ `
+// #define SPECULAR_GAUSSIAN
+fn Specular(lightDirection: vec3<f32>, viewDirection: vec3<f32>, surfaceNormal: vec3<f32>, material: Material) -> f32 {
+  let H = normalize(lightDirection + viewDirection);
+  let theta = acos(dot(H, surfaceNormal));
+  let w = theta / material.shininess;
+
+  return exp(-w * w);
+}
+`;
+const BECKMANN_DISTRIBUTION = /* wgsl */ `
+fn beckmannDistribution(x: f32, roughness: f32) -> f32 {
+  let NdotH = max(x, EPSILON);
+  let cos2Alpha = NdotH * NdotH;
+  let tan2Alpha = (cos2Alpha - 1.0) / cos2Alpha;
+  let roughness2 = roughness * roughness;
+  let denom = PI * roughness2 * cos2Alpha * cos2Alpha;
+
+  return exp(tan2Alpha / roughness2) / denom;
+}
+`;
+const BECKMANN = /* wgsl */ `
+// #define SPECULAR_BECKMANN
+${BECKMANN_DISTRIBUTION}
+fn Specular(lightDirection: vec3<f32>, viewDirection: vec3<f32>, surfaceNormal: vec3<f32>, material: Material) -> f32 {
+  return beckmannDistribution(dot(surfaceNormal, normalize(lightDirection + viewDirection)), material.roughness);
+}
+`;
+const COOK_TORRANCE = /* wgsl */ `
+// #define SPECULAR_COOK_TORRANCE
+${BECKMANN_DISTRIBUTION}
+fn Specular(lightDirection: vec3<f32>, viewDirection: vec3<f32>, surfaceNormal: vec3<f32>, material: Material) -> f32 {
+  let VdotN = max(dot(viewDirection, surfaceNormal), 0.0);
+  let LdotN = max(dot(lightDirection, surfaceNormal), 0.0);
+
+  // Half angle vector
+  let H = normalize(lightDirection + viewDirection);
+
+  // Geometric term
+  let NdotH = max(dot(surfaceNormal, H), 0.0);
+  let VdotH = max(dot(viewDirection, H), EPSILON);
+  let x = 2.0 * NdotH / VdotH;
+  let G = min(1.0, min(x * VdotN, x * LdotN));
+
+  // Distribution term
+  let D = beckmannDistribution(NdotH, material.roughness);
+
+  // Fresnel term
+  let F = pow(1.0 - VdotN, material.fresnel);
+
+  return G * F * D / max(PI * VdotN * LdotN, EPSILON);
+}
+`;
+// const WARD = /* wgsl */ `
+// #define SPECULAR_WARD
+// fn Specular(vec3 lightDirection, vec3 viewDirection, vec3 surfaceNormal, vec3 fiberParallel, vec3 fiberPerpendicular, float shinyParallel, float shinyPerpendicular) -> f32 {
+//   float NdotL = dot(surfaceNormal, lightDirection);
+//   float NdotR = dot(surfaceNormal, viewDirection);
+//   if (NdotL < 0.0 || NdotR < 0.0) {
+//     return 0.0;
+//   }
+//   vec3 H = normalize(lightDirection + viewDirection);
+//   float NdotH = dot(surfaceNormal, H);
+//   float XdotH = dot(fiberParallel, H);
+//   float YdotH = dot(fiberPerpendicular, H);
+//   float coeff = sqrt(NdotL / NdotR) / (4.0 * PI * shinyParallel * shinyPerpendicular);
+//   float theta = (pow(XdotH / shinyParallel, 2.0) + pow(YdotH / shinyPerpendicular, 2.0)) / (1.0 + NdotH);
+//   return coeff * exp(-2.0 * theta);
+// }
+// `;
+// const HEIDRICH_SEIDEL = /* wgsl */ `
+// fn Specular(lightDirection: vec3<f32>, viewDirection: vec3<f32>, surfaceNormal: vec3<f32>, material: Material, float anisoRoughness, vec3 specDirection) -> f32 {
+//   vec3 threadDirection = cross(surfaceNormal, normalize(specDirection));
+//   float LdotT = dot(lightDirection, threadDirection);
+//   float vDotT = dot(viewDirection, threadDirection);
+//   // Half angle vector
+//   vec3 H = normalize(lightDirection + viewDirection);
+//   float kSpec = pow(dot(surfaceNormal, H), 1.0 / material.roughness);
+//   float aniso = pow(sin(LdotT) * sin(vDotT) + cos(LdotT) * cos(vDotT), 1.0 / material.roughness);
+//   return kSpec * aniso;
+// }
+// `;
+export default {
+    BLINNPHONG,
+    PHONG,
+    GAUSSIAN,
+    BECKMANN,
+    COOK_TORRANCE,
+    // WARD,
+    // HEIDRICH_SEIDEL,
+};
+//# sourceMappingURL=specular.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/lighting/specular.wgsl.js.map b/lib/shaders/lighting/specular.wgsl.js.map
new file mode 100644
index 0000000..785e895
--- /dev/null
+++ b/lib/shaders/lighting/specular.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"specular.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/lighting/specular.wgsl.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,UAAU,CAAC;;;;;;;CAO7B,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAAC;;;;;;;CAOxB,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;;;;CAS3B,CAAC;AAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC;;;;;;;;;;CAUxC,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,qBAAqB;;;;CAItB,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC;;EAE/B,qBAAqB;;;;;;;;;;;;;;;;;;;;;;CAsBtB,CAAC;AAEF,4BAA4B;AAC5B,wBAAwB;AACxB,gLAAgL;AAChL,sDAAsD;AACtD,qDAAqD;AAErD,sCAAsC;AACtC,kBAAkB;AAClB,MAAM;AAEN,wDAAwD;AAExD,yCAAyC;AACzC,yCAAyC;AACzC,8CAA8C;AAE9C,yFAAyF;AACzF,4GAA4G;AAE5G,sCAAsC;AACtC,IAAI;AACJ,KAAK;AAEL,uCAAuC;AACvC,oKAAoK;AACpK,2EAA2E;AAE3E,wDAAwD;AACxD,uDAAuD;AAEvD,yBAAyB;AACzB,wDAAwD;AAExD,wEAAwE;AAExE,oGAAoG;AAEpG,0BAA0B;AAC1B,IAAI;AACJ,KAAK;AAEL,eAAe;IACb,UAAU;IACV,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,mBAAmB;CACpB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/classic.glsl.js b/lib/shaders/noise/classic.glsl.js
index 94159e8..14afc22 100644
--- a/lib/shaders/noise/classic.glsl.js
+++ b/lib/shaders/noise/classic.glsl.js
@@ -1,5 +1,6 @@
-import { FUNCTIONS, FADE2, FADE3, FADE4 } from "./index.glsl.js";
+import { FUNCTIONS, FADE2, FADE3, FADE4 } from "./utils.glsl.js";
 const CNOISE2D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 ${FUNCTIONS}
 ${FADE2}
 
@@ -44,6 +45,7 @@ float cnoise2d(vec2 P)
 }
 `;
 const CNOISE3D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 vec3 mod289(vec3 x)
 {
   return x - floor(x * (1.0 / 289.0)) * 289.0;
@@ -123,6 +125,7 @@ float cnoise3d(vec3 P)
 }
 `;
 const CNOISE4D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 ${FUNCTIONS}
 ${FADE4}
 
diff --git a/lib/shaders/noise/classic.glsl.js.map b/lib/shaders/noise/classic.glsl.js.map
index d431039..516c4fe 100644
--- a/lib/shaders/noise/classic.glsl.js.map
+++ b/lib/shaders/noise/classic.glsl.js.map
@@ -1 +1 @@
-{"version":3,"file":"classic.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/classic.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,QAAQ,GAAG,UAAU,CAAC;EAC1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;EAM1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;EAC1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIN,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
+{"version":3,"file":"classic.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/classic.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;;EAO1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIN,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/classic.wgsl.js b/lib/shaders/noise/classic.wgsl.js
new file mode 100644
index 0000000..d6a1948
--- /dev/null
+++ b/lib/shaders/noise/classic.wgsl.js
@@ -0,0 +1,271 @@
+import { FADE_2, FADE_3, FADE_4, MOD289_3, MOD289_4, PERMUTE_4, TAYLOR_INV_SQRT_4, } from "./utils.wgsl.js";
+const CNOISE2D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_4}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_4}
+${FADE_2}
+
+// Classic Perlin noise
+fn cnoise2d(P: vec2<f32>) -> f32 {
+  var Pi = floor(P.xyxy) + vec4<f32>(0.0, 0.0, 1.0, 1.0);
+  let Pf = fract(P.xyxy) - vec4<f32>(0.0, 0.0, 1.0, 1.0);
+  Pi = mod289_4(Pi); // To avoid truncation effects in permutation
+  let ix = Pi.xzxz;
+  let iy = Pi.yyww;
+  let fx = Pf.xzxz;
+  let fy = Pf.yyww;
+
+  let i = permute_4(permute_4(ix) + iy);
+
+  var gx = fract(i * (1.0 / 41.0)) * 2.0 - 1.0 ;
+  let gy = abs(gx) - 0.5 ;
+  let tx = floor(gx + 0.5);
+  gx = gx - tx;
+
+  var g00 = vec2<f32>(gx.x,gy.x);
+  var g10 = vec2<f32>(gx.y,gy.y);
+  var g01 = vec2<f32>(gx.z,gy.z);
+  var g11 = vec2<f32>(gx.w,gy.w);
+
+  let norm = taylorInvSqrt_4(vec4<f32>(dot(g00, g00), dot(g01, g01), dot(g10, g10), dot(g11, g11)));
+  g00 = g00 * norm.x;
+  g01 = g01 * norm.y;
+  g10 = g10 * norm.z;
+  g11 = g11 * norm.w;
+
+  let n00 = dot(g00, vec2<f32>(fx.x, fy.x));
+  let n10 = dot(g10, vec2<f32>(fx.y, fy.y));
+  let n01 = dot(g01, vec2<f32>(fx.z, fy.z));
+  let n11 = dot(g11, vec2<f32>(fx.w, fy.w));
+
+  let fade_xy = fade_2(Pf.xy);
+  let n_x = mix(vec2<f32>(n00, n01), vec2<f32>(n10, n11), fade_xy.x);
+  let n_xy = mix(n_x.x, n_x.y, fade_xy.y);
+  return 2.3 * n_xy;
+}
+`;
+const CNOISE3D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_3}
+${MOD289_4}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_4}
+${FADE_3}
+
+// Classic Perlin noise
+fn cnoise3d(P: vec3<f32>) -> f32 {
+  var Pi0 = floor(P); // Integer part for indexing
+  var Pi1 = Pi0 + vec3<f32>(1.0); // Integer part + 1
+  Pi0 = mod289_3(Pi0);
+  Pi1 = mod289_3(Pi1);
+  let Pf0 = fract(P); // Fractional part for interpolation
+  let Pf1 = Pf0 - vec3<f32>(1.0); // Fractional part - 1.0
+  let ix = vec4<f32>(Pi0.x, Pi1.x, Pi0.x, Pi1.x);
+  let iy = vec4<f32>(Pi0.yy, Pi1.yy);
+  let iz0 = Pi0.zzzz;
+  let iz1 = Pi1.zzzz;
+
+  let ixy = permute_4(permute_4(ix) + iy);
+  let ixy0 = permute_4(ixy + iz0);
+  let ixy1 = permute_4(ixy + iz1);
+
+  var gx0 = ixy0 * (1.0 / 7.0);
+  var gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;
+  gx0 = fract(gx0);
+  let gz0 = vec4<f32>(0.5) - abs(gx0) - abs(gy0);
+  let sz0 = step(gz0, vec4<f32>(0.0));
+  gx0 = gx0 - (sz0 * (step(vec4<f32>(0.0), gx0) - 0.5));
+  gy0 = gy0 - (sz0 * (step(vec4<f32>(0.0), gy0) - 0.5));
+
+  var gx1 = ixy1 * (1.0 / 7.0);
+  var gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;
+  gx1 = fract(gx1);
+  let gz1 = vec4<f32>(0.5) - abs(gx1) - abs(gy1);
+  let sz1 = step(gz1, vec4<f32>(0.0));
+  gx1 = gx1 - (sz1 * (step(vec4<f32>(0.0), gx1) - 0.5));
+  gy1 = gy1 - (sz1 * (step(vec4<f32>(0.0), gy1) - 0.5));
+
+  var g000 = vec3<f32>(gx0.x,gy0.x,gz0.x);
+  var g100 = vec3<f32>(gx0.y,gy0.y,gz0.y);
+  var g010 = vec3<f32>(gx0.z,gy0.z,gz0.z);
+  var g110 = vec3<f32>(gx0.w,gy0.w,gz0.w);
+  var g001 = vec3<f32>(gx1.x,gy1.x,gz1.x);
+  var g101 = vec3<f32>(gx1.y,gy1.y,gz1.y);
+  var g011 = vec3<f32>(gx1.z,gy1.z,gz1.z);
+  var g111 = vec3<f32>(gx1.w,gy1.w,gz1.w);
+
+  let norm0 = taylorInvSqrt_4(vec4<f32>(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));
+  g000 = g000 * norm0.x;
+  g010 = g010 * norm0.y;
+  g100 = g100 * norm0.z;
+  g110 = g110 * norm0.w;
+  let norm1 = taylorInvSqrt_4(vec4<f32>(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));
+  g001 = g001 * norm1.x;
+  g011 = g011 * norm1.y;
+  g101 = g101 * norm1.z;
+  g111 = g111 * norm1.w;
+
+  let n000 = dot(g000, Pf0);
+  let n100 = dot(g100, vec3<f32>(Pf1.x, Pf0.yz));
+  let n010 = dot(g010, vec3<f32>(Pf0.x, Pf1.y, Pf0.z));
+  let n110 = dot(g110, vec3<f32>(Pf1.xy, Pf0.z));
+  let n001 = dot(g001, vec3<f32>(Pf0.xy, Pf1.z));
+  let n101 = dot(g101, vec3<f32>(Pf1.x, Pf0.y, Pf1.z));
+  let n011 = dot(g011, vec3<f32>(Pf0.x, Pf1.yz));
+  let n111 = dot(g111, Pf1);
+
+  let fade_xyz = fade_3(Pf0);
+  let n_z = mix(vec4<f32>(n000, n100, n010, n110), vec4<f32>(n001, n101, n011, n111), fade_xyz.z);
+  let n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);
+  let n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);
+  return 2.2 * n_xyz;
+}
+`;
+const CNOISE4D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_4}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_4}
+${FADE_4}
+
+// Classic Perlin noise
+fn cnoise4d(P: vec4<f32>) -> f32 {
+  var Pi0 = floor(P); // Integer part for indexing
+  var Pi1 = Pi0 + 1.0; // Integer part + 1
+  Pi0 = mod289_4(Pi0);
+  Pi1 = mod289_4(Pi1);
+  let Pf0 = fract(P); // Fractional part for interpolation
+  let Pf1 = Pf0 - 1.0; // Fractional part - 1.0
+  let ix = vec4<f32>(Pi0.x, Pi1.x, Pi0.x, Pi1.x);
+  let iy = vec4<f32>(Pi0.yy, Pi1.yy);
+  let iz0 = vec4<f32>(Pi0.zzzz);
+  let iz1 = vec4<f32>(Pi1.zzzz);
+  let iw0 = vec4<f32>(Pi0.wwww);
+  let iw1 = vec4<f32>(Pi1.wwww);
+
+  let ixy = permute_4(permute_4(ix) + iy);
+  let ixy0 = permute_4(ixy + iz0);
+  let ixy1 = permute_4(ixy + iz1);
+  let ixy00 = permute_4(ixy0 + iw0);
+  let ixy01 = permute_4(ixy0 + iw1);
+  let ixy10 = permute_4(ixy1 + iw0);
+  let ixy11 = permute_4(ixy1 + iw1);
+
+  var gx00 = ixy00 * (1.0 / 7.0);
+  var gy00 = floor(gx00) * (1.0 / 7.0);
+  var gz00 = floor(gy00) * (1.0 / 6.0);
+  gx00 = fract(gx00) - 0.5;
+  gy00 = fract(gy00) - 0.5;
+  gz00 = fract(gz00) - 0.5;
+  var gw00 = vec4<f32>(0.75) - abs(gx00) - abs(gy00) - abs(gz00);
+  var sw00 = step(gw00, vec4<f32>(0.0));
+  gx00 = gx00 - (sw00 * (step(vec4<f32>(0.0), gx00) - 0.5));
+  gy00 = gy00 - (sw00 * (step(vec4<f32>(0.0), gy00) - 0.5));
+
+  var gx01 = ixy01 * (1.0 / 7.0);
+  var gy01 = floor(gx01) * (1.0 / 7.0);
+  var gz01 = floor(gy01) * (1.0 / 6.0);
+  gx01 = fract(gx01) - 0.5;
+  gy01 = fract(gy01) - 0.5;
+  gz01 = fract(gz01) - 0.5;
+  var gw01 = vec4<f32>(0.75) - abs(gx01) - abs(gy01) - abs(gz01);
+  var sw01 = step(gw01, vec4<f32>(0.0));
+  gx01 = gx01 - (sw01 * (step(vec4<f32>(0.0), gx01) - 0.5));
+  gy01 = gy01 - (sw01 * (step(vec4<f32>(0.0), gy01) - 0.5));
+
+  var gx10 = ixy10 * (1.0 / 7.0);
+  var gy10 = floor(gx10) * (1.0 / 7.0);
+  var gz10 = floor(gy10) * (1.0 / 6.0);
+  gx10 = fract(gx10) - 0.5;
+  gy10 = fract(gy10) - 0.5;
+  gz10 = fract(gz10) - 0.5;
+  var gw10 = vec4<f32>(0.75) - abs(gx10) - abs(gy10) - abs(gz10);
+  var sw10 = step(gw10, vec4<f32>(0.0));
+  gx10 = gx10 - (sw10 * (step(vec4<f32>(0.0), gx10) - 0.5));
+  gy10 = gy10 - (sw10 * (step(vec4<f32>(0.0), gy10) - 0.5));
+
+  var gx11 = ixy11 * (1.0 / 7.0);
+  var gy11 = floor(gx11) * (1.0 / 7.0);
+  var gz11 = floor(gy11) * (1.0 / 6.0);
+  gx11 = fract(gx11) - 0.5;
+  gy11 = fract(gy11) - 0.5;
+  gz11 = fract(gz11) - 0.5;
+  var gw11 = vec4<f32>(0.75) - abs(gx11) - abs(gy11) - abs(gz11);
+  var sw11 = step(gw11, vec4<f32>(0.0));
+  gx11 = gx11 - (sw11 * (step(vec4<f32>(0.0), gx11) - 0.5));
+  gy11 = gy11 - (sw11 * (step(vec4<f32>(0.0), gy11) - 0.5));
+
+  var g0000 = vec4<f32>(gx00.x,gy00.x,gz00.x,gw00.x);
+  var g1000 = vec4<f32>(gx00.y,gy00.y,gz00.y,gw00.y);
+  var g0100 = vec4<f32>(gx00.z,gy00.z,gz00.z,gw00.z);
+  var g1100 = vec4<f32>(gx00.w,gy00.w,gz00.w,gw00.w);
+  var g0010 = vec4<f32>(gx10.x,gy10.x,gz10.x,gw10.x);
+  var g1010 = vec4<f32>(gx10.y,gy10.y,gz10.y,gw10.y);
+  var g0110 = vec4<f32>(gx10.z,gy10.z,gz10.z,gw10.z);
+  var g1110 = vec4<f32>(gx10.w,gy10.w,gz10.w,gw10.w);
+  var g0001 = vec4<f32>(gx01.x,gy01.x,gz01.x,gw01.x);
+  var g1001 = vec4<f32>(gx01.y,gy01.y,gz01.y,gw01.y);
+  var g0101 = vec4<f32>(gx01.z,gy01.z,gz01.z,gw01.z);
+  var g1101 = vec4<f32>(gx01.w,gy01.w,gz01.w,gw01.w);
+  var g0011 = vec4<f32>(gx11.x,gy11.x,gz11.x,gw11.x);
+  var g1011 = vec4<f32>(gx11.y,gy11.y,gz11.y,gw11.y);
+  var g0111 = vec4<f32>(gx11.z,gy11.z,gz11.z,gw11.z);
+  var g1111 = vec4<f32>(gx11.w,gy11.w,gz11.w,gw11.w);
+
+  let norm00 = taylorInvSqrt_4(vec4<f32>(dot(g0000, g0000), dot(g0100, g0100), dot(g1000, g1000), dot(g1100, g1100)));
+  g0000 = g0000 * norm00.x;
+  g0100 = g0100 * norm00.y;
+  g1000 = g1000 * norm00.z;
+  g1100 = g1100 * norm00.w;
+
+  let norm01 = taylorInvSqrt_4(vec4<f32>(dot(g0001, g0001), dot(g0101, g0101), dot(g1001, g1001), dot(g1101, g1101)));
+  g0001 = g0001 * norm01.x;
+  g0101 = g0101 * norm01.y;
+  g1001 = g1001 * norm01.z;
+  g1101 = g1101 * norm01.w;
+
+  let norm10 = taylorInvSqrt_4(vec4<f32>(dot(g0010, g0010), dot(g0110, g0110), dot(g1010, g1010), dot(g1110, g1110)));
+  g0010 = g0010 * norm10.x;
+  g0110 = g0110 * norm10.y;
+  g1010 = g1010 * norm10.z;
+  g1110 = g1110 * norm10.w;
+
+  let norm11 = taylorInvSqrt_4(vec4<f32>(dot(g0011, g0011), dot(g0111, g0111), dot(g1011, g1011), dot(g1111, g1111)));
+  g0011 = g0011 * norm11.x;
+  g0111 = g0111 * norm11.y;
+  g1011 = g1011 * norm11.z;
+  g1111 = g1111 * norm11.w;
+
+  let n0000 = dot(g0000, Pf0);
+  let n1000 = dot(g1000, vec4<f32>(Pf1.x, Pf0.yzw));
+  let n0100 = dot(g0100, vec4<f32>(Pf0.x, Pf1.y, Pf0.zw));
+  let n1100 = dot(g1100, vec4<f32>(Pf1.xy, Pf0.zw));
+  let n0010 = dot(g0010, vec4<f32>(Pf0.xy, Pf1.z, Pf0.w));
+  let n1010 = dot(g1010, vec4<f32>(Pf1.x, Pf0.y, Pf1.z, Pf0.w));
+  let n0110 = dot(g0110, vec4<f32>(Pf0.x, Pf1.yz, Pf0.w));
+  let n1110 = dot(g1110, vec4<f32>(Pf1.xyz, Pf0.w));
+  let n0001 = dot(g0001, vec4<f32>(Pf0.xyz, Pf1.w));
+  let n1001 = dot(g1001, vec4<f32>(Pf1.x, Pf0.yz, Pf1.w));
+  let n0101 = dot(g0101, vec4<f32>(Pf0.x, Pf1.y, Pf0.z, Pf1.w));
+  let n1101 = dot(g1101, vec4<f32>(Pf1.xy, Pf0.z, Pf1.w));
+  let n0011 = dot(g0011, vec4<f32>(Pf0.xy, Pf1.zw));
+  let n1011 = dot(g1011, vec4<f32>(Pf1.x, Pf0.y, Pf1.zw));
+  let n0111 = dot(g0111, vec4<f32>(Pf0.x, Pf1.yzw));
+  let n1111 = dot(g1111, Pf1);
+
+  let fade_xyzw = fade_4(Pf0);
+  let n_0w = mix(vec4<f32>(n0000, n1000, n0100, n1100), vec4<f32>(n0001, n1001, n0101, n1101), fade_xyzw.w);
+  let n_1w = mix(vec4<f32>(n0010, n1010, n0110, n1110), vec4<f32>(n0011, n1011, n0111, n1111), fade_xyzw.w);
+  let n_zw = mix(n_0w, n_1w, fade_xyzw.z);
+  let n_yzw = mix(n_zw.xy, n_zw.zw, fade_xyzw.y);
+  let n_xyzw = mix(n_yzw.x, n_yzw.y, fade_xyzw.x);
+  return 2.2 * n_xyzw;
+}
+`;
+export default {
+    CNOISE2D,
+    CNOISE3D,
+    CNOISE4D,
+};
+//# sourceMappingURL=classic.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/classic.wgsl.js.map b/lib/shaders/noise/classic.wgsl.js.map
new file mode 100644
index 0000000..2d3f5f0
--- /dev/null
+++ b/lib/shaders/noise/classic.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"classic.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/classic.wgsl.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,SAAS;EACT,iBAAiB;EACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCP,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,QAAQ;EACR,SAAS;EACT,iBAAiB;EACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEP,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,SAAS;EACT,iBAAiB;EACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIP,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/index.glsl.js b/lib/shaders/noise/index.glsl.js
index 815e6ed..2e3ffa5 100644
--- a/lib/shaders/noise/index.glsl.js
+++ b/lib/shaders/noise/index.glsl.js
@@ -1,34 +1,4 @@
-// https://github.com/ashima/webgl-noise
-const FUNCTIONS = /* glsl */ `
-vec4 mod289(vec4 x)
-{
-  return x - floor(x * (1.0 / 289.0)) * 289.0;
-}
-
-vec4 permute(vec4 x)
-{
-  return mod289(((x*34.0)+1.0)*x);
-}
-
-vec4 taylorInvSqrt(vec4 r)
-{
-  return 1.79284291400159 - 0.85373472095314 * r;
-}
-`;
-const FADE2 = /* glsl */ `
-vec2 fade(vec2 t) {
-  return t*t*t*(t*(t*6.0-15.0)+10.0);
-}
-`;
-const FADE3 = /* glsl */ `
-vec3 fade(vec3 t) {
-  return t*t*t*(t*(t*6.0-15.0)+10.0);
-}
-`;
-const FADE4 = /* glsl */ `
-vec4 fade(vec4 t) {
-  return t*t*t*(t*(t*6.0-15.0)+10.0);
-}
-`;
-export { FUNCTIONS, FADE2, FADE3, FADE4 };
+export { default as CLASSIC } from "./classic.glsl.js";
+export { default as PERIODIC } from "./periodic.glsl.js";
+export { default as SIMPLEX } from "./simplex.glsl.js";
 //# sourceMappingURL=index.glsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/index.glsl.js.map b/lib/shaders/noise/index.glsl.js.map
index 13ae97b..b3d0e1d 100644
--- a/lib/shaders/noise/index.glsl.js.map
+++ b/lib/shaders/noise/index.glsl.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/index.glsl.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,MAAM,SAAS,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;CAe5B,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAAC;;;;CAIxB,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAAC;;;;CAIxB,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAAC;;;;CAIxB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC"}
\ No newline at end of file
+{"version":3,"file":"index.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/index.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/index.wgsl.js b/lib/shaders/noise/index.wgsl.js
new file mode 100644
index 0000000..316d2e1
--- /dev/null
+++ b/lib/shaders/noise/index.wgsl.js
@@ -0,0 +1,5 @@
+export { default as CLASSIC } from "./classic.wgsl.js";
+export { default as PERIODIC } from "./periodic.wgsl.js";
+export { default as SIMPLEX } from "./simplex.wgsl.js";
+export { default as WORLEY } from "./worley.wgsl.js";
+//# sourceMappingURL=index.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/index.wgsl.js.map b/lib/shaders/noise/index.wgsl.js.map
new file mode 100644
index 0000000..f34ccc6
--- /dev/null
+++ b/lib/shaders/noise/index.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/index.wgsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/periodic.glsl.js b/lib/shaders/noise/periodic.glsl.js
index 72099be..deba2d3 100644
--- a/lib/shaders/noise/periodic.glsl.js
+++ b/lib/shaders/noise/periodic.glsl.js
@@ -1,5 +1,6 @@
-import { FUNCTIONS, FADE2, FADE3, FADE4 } from "./index.glsl.js";
+import { FUNCTIONS, FADE2, FADE3, FADE4 } from "./utils.glsl.js";
 const PNOISE2D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 ${FUNCTIONS}
 ${FADE2}
 
@@ -45,6 +46,7 @@ float pnoise2d(vec2 P, vec2 rep)
 }
 `;
 const PNOISE3D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 vec3 mod289(vec3 x)
 {
   return x - floor(x * (1.0 / 289.0)) * 289.0;
@@ -124,6 +126,7 @@ float pnoise3d(vec3 P, vec3 rep)
 }
 `;
 const PNOISE4D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 ${FUNCTIONS}
 ${FADE4}
 
diff --git a/lib/shaders/noise/periodic.glsl.js.map b/lib/shaders/noise/periodic.glsl.js.map
index e2abad3..2978536 100644
--- a/lib/shaders/noise/periodic.glsl.js.map
+++ b/lib/shaders/noise/periodic.glsl.js.map
@@ -1 +1 @@
-{"version":3,"file":"periodic.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/periodic.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,QAAQ,GAAG,UAAU,CAAC;EAC1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;EAM1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;EAC1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIN,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
+{"version":3,"file":"periodic.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/periodic.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;;EAO1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEN,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,SAAS;EACT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIN,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/periodic.wgsl.js b/lib/shaders/noise/periodic.wgsl.js
new file mode 100644
index 0000000..1c29bcc
--- /dev/null
+++ b/lib/shaders/noise/periodic.wgsl.js
@@ -0,0 +1,269 @@
+import { FADE_2, FADE_3, FADE_4, MOD289_4, MOD289_3, PERMUTE_4, TAYLOR_INV_SQRT_4, } from "./utils.wgsl.js";
+const PNOISE2D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_4}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_4}
+${FADE_2}
+
+fn pnoise2d(P: vec2<f32>, rep: vec2<f32>) -> f32 {
+  var Pi = floor(P.xyxy) + vec4<f32>(0.0, 0.0, 1.0, 1.0);
+  let Pf = fract(P.xyxy) - vec4<f32>(0.0, 0.0, 1.0, 1.0);
+  Pi = Pi % rep.xyxy; // To create noise with explicit period
+  Pi = mod289_4(Pi); // To avoid truncation effects in permutation
+  let ix = Pi.xzxz;
+  let iy = Pi.yyww;
+  let fx = Pf.xzxz;
+  let fy = Pf.yyww;
+
+  let i = permute_4(permute_4(ix) + iy);
+
+  var gx = fract(i * (1.0 / 41.0)) * 2.0 - 1.0 ;
+  let gy = abs(gx) - 0.5 ;
+  let tx = floor(gx + 0.5);
+  gx = gx - tx;
+
+  var g00 = vec2<f32>(gx.x,gy.x);
+  var g10 = vec2<f32>(gx.y,gy.y);
+  var g01 = vec2<f32>(gx.z,gy.z);
+  var g11 = vec2<f32>(gx.w,gy.w);
+
+  let norm = taylorInvSqrt_4(vec4<f32>(dot(g00, g00), dot(g01, g01), dot(g10, g10), dot(g11, g11)));
+  g00 = g00 * norm.x;
+  g01 = g01 * norm.y;
+  g10 = g10 * norm.z;
+  g11 = g11 * norm.w;
+
+  let n00 = dot(g00, vec2<f32>(fx.x, fy.x));
+  let n10 = dot(g10, vec2<f32>(fx.y, fy.y));
+  let n01 = dot(g01, vec2<f32>(fx.z, fy.z));
+  let n11 = dot(g11, vec2<f32>(fx.w, fy.w));
+
+  let fade_xy = fade_2(Pf.xy);
+  let n_x = mix(vec2<f32>(n00, n01), vec2<f32>(n10, n11), fade_xy.x);
+  let n_xy = mix(n_x.x, n_x.y, fade_xy.y);
+  return 2.3 * n_xy;
+}
+`;
+const PNOISE3D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_3}
+${MOD289_4}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_4}
+${FADE_3}
+
+fn pnoise3d(P: vec3<f32>, rep: vec3<f32>)-> f32 {
+  var Pi0 = floor(P) % rep; // Integer part, modulo period
+  var Pi1 = (Pi0 + vec3<f32>(1.0)) % rep; // Integer part + 1, mod period
+  Pi0 = mod289_3(Pi0);
+  Pi1 = mod289_3(Pi1);
+  let Pf0 = fract(P); // Fractional part for interpolation
+  let Pf1 = Pf0 - vec3<f32>(1.0); // Fractional part - 1.0
+  let ix = vec4<f32>(Pi0.x, Pi1.x, Pi0.x, Pi1.x);
+  let iy = vec4<f32>(Pi0.yy, Pi1.yy);
+  let iz0 = Pi0.zzzz;
+  let iz1 = Pi1.zzzz;
+
+  let ixy = permute_4(permute_4(ix) + iy);
+  let ixy0 = permute_4(ixy + iz0);
+  let ixy1 = permute_4(ixy + iz1);
+
+  var gx0 = ixy0 * (1.0 / 7.0);
+  var gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;
+  gx0 = fract(gx0);
+  var gz0 = vec4<f32>(0.5) - abs(gx0) - abs(gy0);
+  var sz0 = step(gz0, vec4<f32>(0.0));
+  gx0 = gx0 - (sz0 * (step(vec4<f32>(0.0), gx0) - 0.5));
+  gy0 = gy0 - (sz0 * (step(vec4<f32>(0.0), gy0) - 0.5));
+
+  var gx1 = ixy1 * (1.0 / 7.0);
+  var gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;
+  gx1 = fract(gx1);
+  var gz1 = vec4<f32>(0.5) - abs(gx1) - abs(gy1);
+  var sz1 = step(gz1, vec4<f32>(0.0));
+  gx1 = gx1 - (sz1 * (step(vec4<f32>(0.0), gx1) - 0.5));
+  gy1 = gy1 - (sz1 * (step(vec4<f32>(0.0), gy1) - 0.5));
+
+  var g000 = vec3<f32>(gx0.x,gy0.x,gz0.x);
+  var g100 = vec3<f32>(gx0.y,gy0.y,gz0.y);
+  var g010 = vec3<f32>(gx0.z,gy0.z,gz0.z);
+  var g110 = vec3<f32>(gx0.w,gy0.w,gz0.w);
+  var g001 = vec3<f32>(gx1.x,gy1.x,gz1.x);
+  var g101 = vec3<f32>(gx1.y,gy1.y,gz1.y);
+  var g011 = vec3<f32>(gx1.z,gy1.z,gz1.z);
+  var g111 = vec3<f32>(gx1.w,gy1.w,gz1.w);
+
+  var norm0 = taylorInvSqrt_4(vec4<f32>(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));
+  g000 = g000 * norm0.x;
+  g010 = g010 * norm0.y;
+  g100 = g100 * norm0.z;
+  g110 = g110 * norm0.w;
+  var norm1 = taylorInvSqrt_4(vec4<f32>(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));
+  g001 = g001 * norm1.x;
+  g011 = g011 * norm1.y;
+  g101 = g101 * norm1.z;
+  g111 = g111 * norm1.w;
+
+  let n000 = dot(g000, Pf0);
+  let n100 = dot(g100, vec3<f32>(Pf1.x, Pf0.yz));
+  let n010 = dot(g010, vec3<f32>(Pf0.x, Pf1.y, Pf0.z));
+  let n110 = dot(g110, vec3<f32>(Pf1.xy, Pf0.z));
+  let n001 = dot(g001, vec3<f32>(Pf0.xy, Pf1.z));
+  let n101 = dot(g101, vec3<f32>(Pf1.x, Pf0.y, Pf1.z));
+  let n011 = dot(g011, vec3<f32>(Pf0.x, Pf1.yz));
+  let n111 = dot(g111, Pf1);
+
+  let fade_xyz = fade_3(Pf0);
+  let n_z = mix(vec4<f32>(n000, n100, n010, n110), vec4<f32>(n001, n101, n011, n111), fade_xyz.z);
+  let n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);
+  let n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);
+  return 2.2 * n_xyz;
+}
+`;
+const PNOISE4D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_4}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_4}
+${FADE_4}
+
+fn pnoise4d(P: vec4<f32>, rep: vec4<f32>) -> f32 {
+  var Pi0 = floor(P) % rep; // Integer part modulo rep
+  var Pi1 = (Pi0 + 1.0) % rep; // Integer part + 1 mod rep
+  Pi0 = mod289_4(Pi0);
+  Pi1 = mod289_4(Pi1);
+  let Pf0 = fract(P); // Fractional part for interpolation
+  let Pf1 = Pf0 - 1.0; // Fractional part - 1.0
+  let ix = vec4<f32>(Pi0.x, Pi1.x, Pi0.x, Pi1.x);
+  let iy = vec4<f32>(Pi0.yy, Pi1.yy);
+  let iz0 = vec4<f32>(Pi0.zzzz);
+  let iz1 = vec4<f32>(Pi1.zzzz);
+  let iw0 = vec4<f32>(Pi0.wwww);
+  let iw1 = vec4<f32>(Pi1.wwww);
+
+  let ixy = permute_4(permute_4(ix) + iy);
+  let ixy0 = permute_4(ixy + iz0);
+  let ixy1 = permute_4(ixy + iz1);
+  let ixy00 = permute_4(ixy0 + iw0);
+  let ixy01 = permute_4(ixy0 + iw1);
+  let ixy10 = permute_4(ixy1 + iw0);
+  let ixy11 = permute_4(ixy1 + iw1);
+
+  var gx00 = ixy00 * (1.0 / 7.0);
+  var gy00 = floor(gx00) * (1.0 / 7.0);
+  var gz00 = floor(gy00) * (1.0 / 6.0);
+  gx00 = fract(gx00) - 0.5;
+  gy00 = fract(gy00) - 0.5;
+  gz00 = fract(gz00) - 0.5;
+  var gw00 = vec4<f32>(0.75) - abs(gx00) - abs(gy00) - abs(gz00);
+  var sw00 = step(gw00, vec4<f32>(0.0));
+  gx00 = gx00 - (sw00 * (step(vec4<f32>(0.0), gx00) - 0.5));
+  gy00 = gy00 - (sw00 * (step(vec4<f32>(0.0), gy00) - 0.5));
+
+  var gx01 = ixy01 * (1.0 / 7.0);
+  var gy01 = floor(gx01) * (1.0 / 7.0);
+  var gz01 = floor(gy01) * (1.0 / 6.0);
+  gx01 = fract(gx01) - 0.5;
+  gy01 = fract(gy01) - 0.5;
+  gz01 = fract(gz01) - 0.5;
+  var gw01 = vec4<f32>(0.75) - abs(gx01) - abs(gy01) - abs(gz01);
+  var sw01 = step(gw01, vec4<f32>(0.0));
+  gx01 = gx01 - (sw01 * (step(vec4<f32>(0.0), gx01) - 0.5));
+  gy01 = gy01 - (sw01 * (step(vec4<f32>(0.0), gy01) - 0.5));
+
+  var gx10 = ixy10 * (1.0 / 7.0);
+  var gy10 = floor(gx10) * (1.0 / 7.0);
+  var gz10 = floor(gy10) * (1.0 / 6.0);
+  gx10 = fract(gx10) - 0.5;
+  gy10 = fract(gy10) - 0.5;
+  gz10 = fract(gz10) - 0.5;
+  var gw10 = vec4<f32>(0.75) - abs(gx10) - abs(gy10) - abs(gz10);
+  var sw10 = step(gw10, vec4<f32>(0.0));
+  gx10 = gx10 - (sw10 * (step(vec4<f32>(0.0), gx10) - 0.5));
+  gy10 = gy10 - (sw10 * (step(vec4<f32>(0.0), gy10) - 0.5));
+
+  var gx11 = ixy11 * (1.0 / 7.0);
+  var gy11 = floor(gx11) * (1.0 / 7.0);
+  var gz11 = floor(gy11) * (1.0 / 6.0);
+  gx11 = fract(gx11) - 0.5;
+  gy11 = fract(gy11) - 0.5;
+  gz11 = fract(gz11) - 0.5;
+  var gw11 = vec4<f32>(0.75) - abs(gx11) - abs(gy11) - abs(gz11);
+  var sw11 = step(gw11, vec4<f32>(0.0));
+  gx11 = gx11 - (sw11 * (step(vec4<f32>(0.0), gx11) - 0.5));
+  gy11 = gy11 - (sw11 * (step(vec4<f32>(0.0), gy11) - 0.5));
+
+  var g0000 = vec4<f32>(gx00.x,gy00.x,gz00.x,gw00.x);
+  var g1000 = vec4<f32>(gx00.y,gy00.y,gz00.y,gw00.y);
+  var g0100 = vec4<f32>(gx00.z,gy00.z,gz00.z,gw00.z);
+  var g1100 = vec4<f32>(gx00.w,gy00.w,gz00.w,gw00.w);
+  var g0010 = vec4<f32>(gx10.x,gy10.x,gz10.x,gw10.x);
+  var g1010 = vec4<f32>(gx10.y,gy10.y,gz10.y,gw10.y);
+  var g0110 = vec4<f32>(gx10.z,gy10.z,gz10.z,gw10.z);
+  var g1110 = vec4<f32>(gx10.w,gy10.w,gz10.w,gw10.w);
+  var g0001 = vec4<f32>(gx01.x,gy01.x,gz01.x,gw01.x);
+  var g1001 = vec4<f32>(gx01.y,gy01.y,gz01.y,gw01.y);
+  var g0101 = vec4<f32>(gx01.z,gy01.z,gz01.z,gw01.z);
+  var g1101 = vec4<f32>(gx01.w,gy01.w,gz01.w,gw01.w);
+  var g0011 = vec4<f32>(gx11.x,gy11.x,gz11.x,gw11.x);
+  var g1011 = vec4<f32>(gx11.y,gy11.y,gz11.y,gw11.y);
+  var g0111 = vec4<f32>(gx11.z,gy11.z,gz11.z,gw11.z);
+  var g1111 = vec4<f32>(gx11.w,gy11.w,gz11.w,gw11.w);
+
+  var norm00 = taylorInvSqrt_4(vec4<f32>(dot(g0000, g0000), dot(g0100, g0100), dot(g1000, g1000), dot(g1100, g1100)));
+  g0000 = g0000 * norm00.x;
+  g0100 = g0100 * norm00.y;
+  g1000 = g1000 * norm00.z;
+  g1100 = g1100 * norm00.w;
+
+  var norm01 = taylorInvSqrt_4(vec4<f32>(dot(g0001, g0001), dot(g0101, g0101), dot(g1001, g1001), dot(g1101, g1101)));
+  g0001 = g0001 * norm01.x;
+  g0101 = g0101 * norm01.y;
+  g1001 = g1001 * norm01.z;
+  g1101 = g1101 * norm01.w;
+
+  var norm10 = taylorInvSqrt_4(vec4<f32>(dot(g0010, g0010), dot(g0110, g0110), dot(g1010, g1010), dot(g1110, g1110)));
+  g0010 = g0010 * norm10.x;
+  g0110 = g0110 * norm10.y;
+  g1010 = g1010 * norm10.z;
+  g1110 = g1110 * norm10.w;
+
+  var norm11 = taylorInvSqrt_4(vec4<f32>(dot(g0011, g0011), dot(g0111, g0111), dot(g1011, g1011), dot(g1111, g1111)));
+  g0011 = g0011 * norm11.x;
+  g0111 = g0111 * norm11.y;
+  g1011 = g1011 * norm11.z;
+  g1111 = g1111 * norm11.w;
+
+  let n0000 = dot(g0000, Pf0);
+  let n1000 = dot(g1000, vec4<f32>(Pf1.x, Pf0.yzw));
+  let n0100 = dot(g0100, vec4<f32>(Pf0.x, Pf1.y, Pf0.zw));
+  let n1100 = dot(g1100, vec4<f32>(Pf1.xy, Pf0.zw));
+  let n0010 = dot(g0010, vec4<f32>(Pf0.xy, Pf1.z, Pf0.w));
+  let n1010 = dot(g1010, vec4<f32>(Pf1.x, Pf0.y, Pf1.z, Pf0.w));
+  let n0110 = dot(g0110, vec4<f32>(Pf0.x, Pf1.yz, Pf0.w));
+  let n1110 = dot(g1110, vec4<f32>(Pf1.xyz, Pf0.w));
+  let n0001 = dot(g0001, vec4<f32>(Pf0.xyz, Pf1.w));
+  let n1001 = dot(g1001, vec4<f32>(Pf1.x, Pf0.yz, Pf1.w));
+  let n0101 = dot(g0101, vec4<f32>(Pf0.x, Pf1.y, Pf0.z, Pf1.w));
+  let n1101 = dot(g1101, vec4<f32>(Pf1.xy, Pf0.z, Pf1.w));
+  let n0011 = dot(g0011, vec4<f32>(Pf0.xy, Pf1.zw));
+  let n1011 = dot(g1011, vec4<f32>(Pf1.x, Pf0.y, Pf1.zw));
+  let n0111 = dot(g0111, vec4<f32>(Pf0.x, Pf1.yzw));
+  let n1111 = dot(g1111, Pf1);
+
+  let fade_xyzw = fade_4(Pf0);
+  let n_0w = mix(vec4<f32>(n0000, n1000, n0100, n1100), vec4<f32>(n0001, n1001, n0101, n1101), fade_xyzw.w);
+  let n_1w = mix(vec4<f32>(n0010, n1010, n0110, n1110), vec4<f32>(n0011, n1011, n0111, n1111), fade_xyzw.w);
+  let n_zw = mix(n_0w, n_1w, fade_xyzw.z);
+  let n_yzw = mix(n_zw.xy, n_zw.zw, fade_xyzw.y);
+  let n_xyzw = mix(n_yzw.x, n_yzw.y, fade_xyzw.x);
+  return 2.2 * n_xyzw;
+}
+`;
+export default {
+    PNOISE2D,
+    PNOISE3D,
+    PNOISE4D,
+};
+//# sourceMappingURL=periodic.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/periodic.wgsl.js.map b/lib/shaders/noise/periodic.wgsl.js.map
new file mode 100644
index 0000000..3a67709
--- /dev/null
+++ b/lib/shaders/noise/periodic.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"periodic.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/periodic.wgsl.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,SAAS;EACT,iBAAiB;EACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCP,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,QAAQ;EACR,SAAS;EACT,iBAAiB;EACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEP,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,SAAS;EACT,iBAAiB;EACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsIP,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/simplex.glsl.js b/lib/shaders/noise/simplex.glsl.js
index 8214145..ddbf1e3 100644
--- a/lib/shaders/noise/simplex.glsl.js
+++ b/lib/shaders/noise/simplex.glsl.js
@@ -1,5 +1,6 @@
-import { FUNCTIONS } from "./index.glsl.js";
+import { FUNCTIONS } from "./utils.glsl.js";
 const SNOISE2D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 vec3 mod289(vec3 x) {
   return x - floor(x * (1.0 / 289.0)) * 289.0;
 }
@@ -62,6 +63,7 @@ float snoise2d(vec2 v)
 }
 `;
 const SNOISE3D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 vec3 mod289(vec3 x)
 {
   return x - floor(x * (1.0 / 289.0)) * 289.0;
@@ -145,6 +147,7 @@ float snoise3d(vec3 v)
   }
 `;
 const SNOISE4D = /* glsl */ `
+// https://github.com/ashima/webgl-noise
 ${FUNCTIONS}
 
 float mod289(float x) {
diff --git a/lib/shaders/noise/simplex.glsl.js.map b/lib/shaders/noise/simplex.glsl.js.map
index c215a64..93324af 100644
--- a/lib/shaders/noise/simplex.glsl.js.map
+++ b/lib/shaders/noise/simplex.glsl.js.map
@@ -1 +1 @@
-{"version":3,"file":"simplex.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/simplex.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D3B,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;EAM1B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EV,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;EAC1B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGV,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
+{"version":3,"file":"simplex.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/simplex.glsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D3B,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;;;;EAO1B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EV,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGV,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/simplex.wgsl.js b/lib/shaders/noise/simplex.wgsl.js
new file mode 100644
index 0000000..b9f57c9
--- /dev/null
+++ b/lib/shaders/noise/simplex.wgsl.js
@@ -0,0 +1,268 @@
+import { MOD289_1, MOD289_2, MOD289_3, MOD289_4, PERMUTE_1, PERMUTE_3, PERMUTE_4, TAYLOR_INV_SQRT_1, TAYLOR_INV_SQRT_4, } from "./utils.wgsl.js";
+const SNOISE2D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_2}
+${MOD289_3}
+${PERMUTE_3}
+
+fn snoise2d(v: vec2<f32>) -> f32 {
+  let C = vec4<f32>(
+    0.211324865405187, // (3.0-sqrt(3.0))/6.0
+    0.366025403784439, // 0.5*(sqrt(3.0)-1.0)
+    -0.577350269189626, // -1.0 + 2.0 * C.x
+    0.024390243902439 // 1.0 / 41.0
+  );
+
+  // First corner
+  var i  = floor(v + dot(v, C.yy));
+  let x0 = v - i + dot(i, C.xx);
+
+  // Other corners
+  var i1: vec2<f32>;
+  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0
+  //i1.y = 1.0 - i1.x;
+  if (x0.x > x0.y) {
+    i1 = vec2<f32>(1.0, 0.0);
+  } else {
+    i1 = vec2<f32>(0.0, 1.0);
+  }
+  // i1 = (x0.x > x0.y) ? vec2<f32>(1.0, 0.0) : vec2<f32>(0.0, 1.0);
+  // x0 = x0 - 0.0 + 0.0 * C.xx ;
+  // x1 = x0 - i1 + 1.0 * C.xx ;
+  // x2 = x0 - 1.0 + 2.0 * C.xx ;
+  var x12 = x0.xyxy + C.xxzz;
+  // x12.x = x12.x - i1.x;
+  // x12.y = x12.y - i1.y;
+  x12 = vec4<f32>(x12.x - i1.x, x12.y - i1.y, x12.z, x12.w);
+
+  // Permutations
+  i = mod289_2(i); // Avoid truncation effects in permutation
+  let p = permute(permute(i.y + vec3<f32>(0.0, i1.y, 1.0)) + i.x + vec3<f32>(0.0, i1.x, 1.0));
+
+  var m = max(vec3<f32>(0.5) - vec3<f32>(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), vec3<f32>(0.0));
+  m = m * m;
+  m = m * m;
+
+  // Gradients: 41 points uniformly over a line, mapped onto a diamond.
+  // The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)
+  let x = 2.0 * fract(p * C.www) - 1.0;
+  let h = abs(x) - 0.5;
+  let ox = floor(x + 0.5);
+  let a0 = x - ox;
+
+  // Normalise gradients implicitly by scaling m
+  // Approximation of: m *= inversesqrt( a0*a0 + h*h );
+  m = m * (1.79284291400159 - 0.85373472095314 * (a0*a0 + h * h));
+
+  // Compute final noise value at P
+  var g: vec3<f32>;
+  g.x  = a0.x  * x0.x + h.x * x0.y;
+  let gyz = a0.yz * x12.xz + h.yz * x12.yw;
+  g = vec3<f32>(g.x, gyz.x, gyz.y);
+  return 130.0 * dot(m, g);
+}
+`;
+const SNOISE3D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_3}
+${MOD289_4}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_4}
+
+fn snoise3d(v: vec3<f32>) -> f32 {
+  let C = vec2<f32>(1.0 / 6.0, 1.0 / 3.0) ;
+  let D = vec4<f32>(0.0, 0.5, 1.0, 2.0);
+
+  // First corner
+  var i = floor(v + dot(v, C.yyy));
+  let x0 = v - i + dot(i, C.xxx);
+
+  // Other corners
+  let g = step(x0.yzx, x0.xyz);
+  let l = 1.0 - g;
+  let i1 = min( g.xyz, l.zxy );
+  let i2 = max( g.xyz, l.zxy );
+
+  //   x0 = x0 - 0.0 + 0.0 * C.xxx;
+  //   x1 = x0 - i1  + 1.0 * C.xxx;
+  //   x2 = x0 - i2  + 2.0 * C.xxx;
+  //   x3 = x0 - 1.0 + 3.0 * C.xxx;
+  let x1 = x0 - i1 + C.xxx;
+  let x2 = x0 - i2 + C.yyy; // 2.0*C.x = 1/3 = C.y
+  let x3 = x0 - D.yyy;      // -1.0+3.0*C.x = -0.5 = -D.y
+
+  // Permutations
+  i = mod289_3(i);
+  let p = permute_4(
+    permute_4(
+      permute_4(i.z + vec4<f32>(0.0, i1.z, i2.z, 1.0)) + i.y + vec4<f32>(0.0, i1.y, i2.y, 1.0)
+    ) + i.x + vec4<f32>(0.0, i1.x, i2.x, 1.0)
+  );
+
+  // Gradients: 7x7 points over a square, mapped onto an octahedron.
+  // The ring size 17*17 = 289 is close to a multiple of 49 (49*6 = 294)
+  let n_ = 0.142857142857; // 1.0/7.0
+  let  ns = n_ * D.wyz - D.xzx;
+
+  let j = p - 49.0 * floor(p * ns.z * ns.z); // mod(p, 7 * 7)
+
+  let x_ = floor(j * ns.z);
+  let y_ = floor(j - 7.0 * x_); // mod(j, N)
+
+  let x = x_ * ns.x + ns.yyyy;
+  let y = y_ * ns.x + ns.yyyy;
+  let h = 1.0 - abs(x) - abs(y);
+
+  let b0 = vec4<f32>(x.xy, y.xy);
+  let b1 = vec4<f32>(x.zw, y.zw);
+
+  // let s0 = vec4<f32>(lessThan(b0,0.0))*2.0 - 1.0;
+  // let s1 = vec4<f32>(lessThan(b1,0.0))*2.0 - 1.0;
+  let s0 = floor(b0) * 2.0 + 1.0;
+  let s1 = floor(b1) * 2.0 + 1.0;
+  let sh = -step(h, vec4<f32>(0.0));
+
+  let a0 = b0.xzyw + s0.xzyw*sh.xxyy;
+  let a1 = b1.xzyw + s1.xzyw*sh.zzww;
+
+  var p0 = vec3<f32>(a0.xy, h.x);
+  var p1 = vec3<f32>(a0.zw, h.y);
+  var p2 = vec3<f32>(a1.xy, h.z);
+  var p3 = vec3<f32>(a1.zw, h.w);
+
+  // Normalise gradients
+  let norm = taylorInvSqrt_4(vec4<f32>(dot(p0,p0), dot(p1,p1), dot(p2, p2), dot(p3,p3)));
+  p0 = p0 * norm.x;
+  p1 = p1 * norm.y;
+  p2 = p2 * norm.z;
+  p3 = p3 * norm.w;
+
+  // Mix final noise value
+  var m = max(0.6 - vec4<f32>(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), vec4<f32>(0.0));
+  m = m * m;
+
+  return 42.0 * dot(
+    m * m,
+    vec4<f32>(dot(p0, x0), dot(p1,x1), dot(p2,x2), dot(p3,x3))
+  );
+}`;
+const SNOISE4D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_1}
+${MOD289_4}
+${PERMUTE_1}
+${PERMUTE_4}
+${TAYLOR_INV_SQRT_1}
+${TAYLOR_INV_SQRT_4}
+
+fn grad4(j: f32, ip: vec4<f32>) -> vec4<f32> {
+  let ones = vec4<f32>(1.0, 1.0, 1.0, -1.0);
+  var p: vec4<f32>;
+  var s: vec4<f32>;
+
+  var pxyz = floor(fract(vec3<f32>(j) * ip.xyz) * 7.0) * ip.z - 1.0;
+  p = vec4<f32>(pxyz.x, pxyz.y, pxyz.z, 1.5 - dot(abs(pxyz), ones.xyz));
+  s = vec4<f32>(f32(p.x < 0.0), f32(p.y < 0.0), f32(p.z < 0.0), f32(p.w < 0.0));
+  pxyz = p.xyz + (s.xyz * 2.0 - 1.0) * s.www;
+
+  return vec4<f32>(pxyz.x, pxyz.y, pxyz.z, p.w);
+}
+
+// (sqrt(5) - 1)/4 = F4, used once below
+let F4 = 0.309016994374947451;
+
+fn snoise(v: vec4<f32>) -> f32 {
+  let C = vec4<f32>(
+    0.138196601125011, // (5 - sqrt(5))/20  G4
+    0.276393202250021, // 2 * G4
+    0.414589803375032, // 3 * G4
+    -0.447213595499958 // -1 + 4 * G4
+  );
+
+  // First corner
+  var i  = floor(v + dot(v, vec4<f32>(F4)));
+  let x0 = v - i + dot(i, C.xxxx);
+
+  // Other corners
+  // Rank sorting originally contributed by Bill Licea-Kane, AMD (formerly ATI)
+  var i0: vec4<f32>;
+  let isX = step(x0.yzw, x0.xxx);
+  let isYZ = step(x0.zww, x0.yyz);
+  //  i0.x = dot(isX, vec3<f32>(1.0));
+  i0.x = isX.x + isX.y + isX.z;
+
+  i0.y = 1.0 - isX.x;
+  i0.z = 1.0 - isX.y;
+  i0.w = 1.0 - isX.z;
+
+  // i0.y +=dot(isYZ.xy, vec2<f32>( 1.0 ) );
+  i0.y = i0.y + (isYZ.x + isYZ.y);
+
+  i0.z = i0.z + (1.0 - isYZ.x);
+  i0.w = i0.w + (1.0 - isYZ.y);
+
+  i0.z = i0.z + (isYZ.z);
+  i0.w = i0.w + (1.0 - isYZ.z);
+
+  // i0 now contains the unique values 0,1,2,3 in each channel
+  let i3 = clamp(i0, vec4<f32>(0.0), vec4<f32>(1.0));
+  let i2 = clamp(i0 - 1.0, vec4<f32>(0.0), vec4<f32>(1.0));
+  let i1 = clamp(i0 - 2.0, vec4<f32>(0.0), vec4<f32>(1.0));
+
+  //  x0 = x0 - 0.0 + 0.0 * C.xxxx
+  //  x1 = x0 - i1  + 1.0 * C.xxxx
+  //  x2 = x0 - i2  + 2.0 * C.xxxx
+  //  x3 = x0 - i3  + 3.0 * C.xxxx
+  //  x4 = x0 - 1.0 + 4.0 * C.xxxx
+  let x1 = x0 - i1 + C.xxxx;
+  let x2 = x0 - i2 + C.yyyy;
+  let x3 = x0 - i3 + C.zzzz;
+  let x4 = x0 + C.wwww;
+
+  // Permutations
+  i = mod289_4(i);
+  let j0 = permute_1(permute_1(permute_1(permute_1(i.w) + i.z) + i.y) + i.x);
+  let j1 = permute_4(
+    permute_4(
+      permute_4(
+        permute_4(i.w + vec4<f32>(i1.w, i2.w, i3.w, 1.0))
+           + i.z + vec4<f32>(i1.z, i2.z, i3.z, 1.0)
+      ) + i.y + vec4<f32>(i1.y, i2.y, i3.y, 1.0)
+    ) + i.x + vec4<f32>(i1.x, i2.x, i3.x, 1.0)
+  );
+
+  // Gradients: 7x7x6 points over a cube, mapped onto a 4-cross polytope
+  // 7*7*6 = 294, which is close to the ring size 17*17 = 289.
+  let ip = vec4<f32>(1.0 / 294.0, 1.0 / 49.0, 1.0 / 7.0, 0.0);
+
+  var p0 = grad4(j0, ip);
+  var p1 = grad4(j1.x, ip);
+  var p2 = grad4(j1.y, ip);
+  var p3 = grad4(j1.z, ip);
+  var p4 = grad4(j1.w, ip);
+
+  // Normalise gradients
+  let norm = taylorInvSqrt_4(vec4<f32>(dot(p0, p0), dot(p1, p1), dot(p2, p2), dot(p3, p3)));
+  p0 = p0 * norm.x;
+  p1 = p1 * norm.y;
+  p2 = p2 * norm.z;
+  p3 = p3 * norm.w;
+  p4 = p4 * taylorInvSqrt_1(dot(p4, p4));
+
+  // Mix contributions from the five corners
+  var m0 = max(0.6 - vec3<f32>(dot(x0,x0), dot(x1,x1), dot(x2,x2)), vec3<f32>(0.0));
+  var m1 = max(0.6 - vec2<f32>(dot(x3,x3), dot(x4,x4)), vec2<f32>(0.0));
+  m0 = m0 * m0;
+  m1 = m1 * m1;
+
+  return 49.0 * (
+      dot(m0 * m0, vec3<f32>(dot(p0, x0), dot(p1, x1), dot(p2, x2))) + dot(m1 * m1, vec2<f32>(dot(p3, x3), dot(p4, x4)))
+    );
+  }
+`;
+export default {
+    SNOISE2D,
+    SNOISE3D,
+    SNOISE4D,
+};
+//# sourceMappingURL=simplex.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/simplex.wgsl.js.map b/lib/shaders/noise/simplex.wgsl.js.map
new file mode 100644
index 0000000..2ba101c
--- /dev/null
+++ b/lib/shaders/noise/simplex.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"simplex.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/simplex.wgsl.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,QAAQ;EACR,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DV,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,QAAQ;EACR,SAAS;EACT,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8EjB,CAAC;AAEH,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,QAAQ;EACR,SAAS;EACT,SAAS;EACT,iBAAiB;EACjB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GlB,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;CACT,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/utils.glsl.js b/lib/shaders/noise/utils.glsl.js
new file mode 100644
index 0000000..b78e16c
--- /dev/null
+++ b/lib/shaders/noise/utils.glsl.js
@@ -0,0 +1,33 @@
+const FUNCTIONS = /* glsl */ `
+vec4 mod289(vec4 x)
+{
+  return x - floor(x * (1.0 / 289.0)) * 289.0;
+}
+
+vec4 permute(vec4 x)
+{
+  return mod289(((x*34.0)+1.0)*x);
+}
+
+vec4 taylorInvSqrt(vec4 r)
+{
+  return 1.79284291400159 - 0.85373472095314 * r;
+}
+`;
+const FADE2 = /* glsl */ `
+vec2 fade(vec2 t) {
+  return t*t*t*(t*(t*6.0-15.0)+10.0);
+}
+`;
+const FADE3 = /* glsl */ `
+vec3 fade(vec3 t) {
+  return t*t*t*(t*(t*6.0-15.0)+10.0);
+}
+`;
+const FADE4 = /* glsl */ `
+vec4 fade(vec4 t) {
+  return t*t*t*(t*(t*6.0-15.0)+10.0);
+}
+`;
+export { FUNCTIONS, FADE2, FADE3, FADE4 };
+//# sourceMappingURL=utils.glsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/utils.glsl.js.map b/lib/shaders/noise/utils.glsl.js.map
new file mode 100644
index 0000000..c98abf6
--- /dev/null
+++ b/lib/shaders/noise/utils.glsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"utils.glsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/utils.glsl.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;CAe5B,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAAC;;;;CAIxB,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAAC;;;;CAIxB,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAAC;;;;CAIxB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/utils.wgsl.js b/lib/shaders/noise/utils.wgsl.js
new file mode 100644
index 0000000..9941d00
--- /dev/null
+++ b/lib/shaders/noise/utils.wgsl.js
@@ -0,0 +1,62 @@
+const MOD289_1 = /* wgsl */ `
+fn mod289_1(x: f32) -> f32 {
+  return x - floor(x * (1.0 / 289.0)) * 289.0;
+}
+`;
+const MOD289_2 = /* wgsl */ `
+fn mod289_2(x: vec2<f32>) -> vec2<f32> {
+  return x - floor(x * (1.0 / 289.0)) * 289.0;
+}
+`;
+const MOD289_3 = /* wgsl */ `
+fn mod289_3(x: vec3<f32>) -> vec3<f32> {
+  return x - floor(x * (1.0 / 289.0)) * 289.0;
+}
+`;
+const MOD289_4 = /* wgsl */ `
+fn mod289_4(x: vec4<f32>) -> vec4<f32> {
+  return x - floor(x * (1.0 / 289.0)) * 289.0;
+}
+`;
+const PERMUTE_1 = /* wgsl */ `
+fn permute_1(x: f32) -> f32 {
+  return mod289_1(((x * 34.0) + 10.0) * x);
+}
+`;
+const PERMUTE_3 = /* wgsl */ `
+fn permute_3(x: vec3<f32>) -> vec3<f32> {
+  return mod289_3(((x * 34.0) + 10.0) * x);
+}
+`;
+const PERMUTE_4 = /* wgsl */ `
+fn permute_4(x: vec4<f32>) -> vec4<f32> {
+  return mod289_4(((x * 34.0) + 10.0) * x);
+}
+`;
+const FADE_2 = /* wgsl */ `
+fn fade_2(t: vec2<f32>) -> vec2<f32> {
+  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);
+}
+`;
+const FADE_3 = /* wgsl */ `
+fn fade_3(t: vec3<f32>) -> vec3<f32> {
+  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);
+}
+`;
+const FADE_4 = /* wgsl */ `
+fn fade_4(t: vec4<f32>) -> vec4<f32> {
+  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);
+}
+`;
+const TAYLOR_INV_SQRT_1 = /* wgsl */ `
+fn taylorInvSqrt_1(r: f32) -> f32 {
+  return 1.79284291400159 - 0.85373472095314 * r;
+}
+`;
+const TAYLOR_INV_SQRT_4 = /* wgsl */ `
+fn taylorInvSqrt_4(r: vec4<f32>) -> vec4<f32> {
+  return 1.79284291400159 - 0.85373472095314 * r;
+}
+`;
+export { MOD289_1, MOD289_2, MOD289_3, MOD289_4, PERMUTE_1, PERMUTE_3, PERMUTE_4, FADE_2, FADE_3, FADE_4, TAYLOR_INV_SQRT_1, TAYLOR_INV_SQRT_4, };
+//# sourceMappingURL=utils.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/utils.wgsl.js.map b/lib/shaders/noise/utils.wgsl.js.map
new file mode 100644
index 0000000..1cf24aa
--- /dev/null
+++ b/lib/shaders/noise/utils.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"utils.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/utils.wgsl.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;CAI3B,CAAC;AACF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;CAI3B,CAAC;AACF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;CAI3B,CAAC;AACF,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;CAI3B,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAC;;;;CAI5B,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAC;;;;CAI5B,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAC;;;;CAI5B,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC;;;;CAIzB,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC;;;;CAIzB,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC;;;;CAIzB,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC;;;;CAIpC,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC;;;;CAIpC,CAAC;AAEF,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/noise/worley.wgsl.js b/lib/shaders/noise/worley.wgsl.js
new file mode 100644
index 0000000..551ec3b
--- /dev/null
+++ b/lib/shaders/noise/worley.wgsl.js
@@ -0,0 +1,79 @@
+import { MOD289_2, MOD289_3, PERMUTE_3 } from "./utils.wgsl.js";
+const WORLEY2D = /* wgsl */ `
+// https://github.com/ashima/webgl-noise
+${MOD289_2}
+${MOD289_3}
+${PERMUTE_3}
+
+// Modulo 7 without a division
+fn mod7(x: vec3<f32>) -> vec3<f32> {
+  return x - floor(x * (1.0 / 7.0)) * 7.0;
+}
+
+// Cellular noise, returning F1 and F2 in a vec2.
+// Standard 3x3 search window for good F1 and F2 values
+fn worley2d(P: vec2<f32>) -> vec2<f32> {
+  let K = 0.142857142857; // 1/7
+  let Ko = 0.428571428571; // 3/7
+  let jitter = 1.0; // Less gives more regular pattern
+
+  let Pi = mod289_2(floor(P));
+  let Pf = fract(P);
+
+  var oi = vec3<f32>(-1.0, 0.0, 1.0);
+  var of = vec3<f32>(-0.5, 0.5, 1.5);
+
+  var px = permute_3(Pi.x + oi);
+  var p = permute_3(px.x + Pi.y + oi); // p11, p12, p13
+
+  var ox = fract(p * K) - Ko;
+  var oy = mod7(floor(p * K)) * K - Ko;
+  var dx = Pf.x + 0.5 + jitter * ox;
+  var dy = Pf.y - of + jitter * oy;
+
+  var d1 = dx * dx + dy * dy; // d11, d12 and d13, squared
+  p = permute_3(px.y + Pi.y + oi); // p21, p22, p23
+  ox = fract(p * K) - Ko;
+  oy = mod7(floor(p * K)) * K - Ko;
+  dx = Pf.x - 0.5 + jitter * ox;
+  dy = Pf.y - of + jitter * oy;
+  var d2 = dx * dx + dy * dy; // d21, d22 and d23, squared
+  p = permute_3(px.z + Pi.y + oi); // p31, p32, p33
+  ox = fract(p * K) - Ko;
+  oy = mod7(floor(p * K)) * K - Ko;
+  dx = Pf.x - 1.5 + jitter * ox;
+  dy = Pf.y - of + jitter * oy;
+  var d3 = dx * dx + dy * dy; // d31, d32 and d33, squared
+  // Sort out the two smallest distances (F1, F2)
+  var d1a = min(d1, d2);
+  d2 = max(d1, d2); // Swap to keep candidates for F2
+  d2 = min(d2, d3); // neither F1 nor F2 are now in d3
+  d1 = min(d1a, d2); // F1 is now in d1
+  d2 = max(d1a, d2); // Swap to keep candidates for F2
+
+  // Swap if smaller
+  if (d1.x >= d1.y) {
+    let x = d1.x;
+    d1.x = d1.y;
+    d1.y = x;
+  }
+
+  // F1 is in d1.x
+  if (d1.x >= d1.z) {
+    let x = d1.x;
+    d1.x = d1.z;
+    d1.z = x;
+  }
+
+  d1.y = min(d1.y, d2.y); // F2 is now not in d2.yz
+  d1.z = min(d1.z, d2.z); // F2 is now not in d2.yz
+  d1.y = min(d1.y, d1.z); // nor in  d1.z
+  d1.y = min(d1.y, d2.x); // F2 is in d1.y, we're done.
+
+  return sqrt(d1.xy);
+}
+`;
+export default {
+    WORLEY2D,
+};
+//# sourceMappingURL=worley.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/noise/worley.wgsl.js.map b/lib/shaders/noise/worley.wgsl.js.map
new file mode 100644
index 0000000..2247ecb
--- /dev/null
+++ b/lib/shaders/noise/worley.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"worley.wgsl.js","sourceRoot":"","sources":["../../../src/shaders/noise/worley.wgsl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,QAAQ,GAAG,UAAU,CAAC;;EAE1B,QAAQ;EACR,QAAQ;EACR,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEV,CAAC;AAEF,eAAe;IACb,QAAQ;CACT,CAAC"}
\ No newline at end of file
diff --git a/lib/shaders/utils.wgsl.js b/lib/shaders/utils.wgsl.js
new file mode 100644
index 0000000..52db616
--- /dev/null
+++ b/lib/shaders/utils.wgsl.js
@@ -0,0 +1,15 @@
+const SATURATE = /* wgsl */ `
+fn saturate(x: f32) -> f32 {
+  return clamp(x, 0.0, 1.0);
+}
+`;
+const RANDOM = /* wgsl */ `
+fn random(st: vec2<f32>) -> f32 {
+  return fract(sin(dot(st.xy, vec2<f32>(12.9898, 78.233))) * 43758.5453123);
+}
+`;
+export default {
+    SATURATE,
+    RANDOM,
+};
+//# sourceMappingURL=utils.wgsl.js.map
\ No newline at end of file
diff --git a/lib/shaders/utils.wgsl.js.map b/lib/shaders/utils.wgsl.js.map
new file mode 100644
index 0000000..ce42bdf
--- /dev/null
+++ b/lib/shaders/utils.wgsl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"utils.wgsl.js","sourceRoot":"","sources":["../../src/shaders/utils.wgsl.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,UAAU,CAAC;;;;CAI3B,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC;;;;CAIzB,CAAC;AAEF,eAAe;IACb,QAAQ;IACR,MAAM;CACP,CAAC"}
\ No newline at end of file
diff --git a/lib/types.js.map b/lib/types.js.map
index e83e5eb..f8bc67c 100644
--- a/lib/types.js.map
+++ b/lib/types.js.map
@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAgEA,oBAAoB;AACpB,sCAAsC;AACtC,mCAAmC;AACnC,wCAAwC;AACxC,qCAAqC;AACrC,2DAA2D;AAC3D,6CAA6C;AAC7C,8CAA8C;AAC9C,4CAA4C;AAE5C,2CAA2C;AAE3C,qBAAqB;AACrB,sBAAsB;AACtB,yBAAyB;AACzB,0BAA0B;AAC1B,IAAI;AAEJ,eAAe,IAAI,CAAC"}
\ No newline at end of file
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AA+HA,oBAAoB;AACpB,sCAAsC;AACtC,mCAAmC;AACnC,wCAAwC;AACxC,qCAAqC;AACrC,2DAA2D;AAC3D,6CAA6C;AAC7C,8CAA8C;AAC9C,4CAA4C;AAE5C,2CAA2C;AAE3C,qBAAqB;AACrB,sBAAsB;AACtB,yBAAyB;AACzB,0BAA0B;AAC1B,IAAI;AAEJ,eAAe,IAAI,CAAC"}
\ No newline at end of file
diff --git a/lib/utils.js b/lib/utils.js
index d01353c..1b0f9f9 100644
--- a/lib/utils.js
+++ b/lib/utils.js
@@ -1,4 +1,6 @@
+const TAB = `  `;
 const formatLowerFirst = (string) => `${string[0].toLowerCase()}${string.slice(1)}`;
+const formatUpperFirst = (string) => `${string[0].toUpperCase()}${string.slice(1)}`;
 const getIntegerDigitCount = (integer) => {
     return integer.toString().length;
 };
@@ -12,5 +14,5 @@ const addLineNumbers = (shaderSource) => {
     })
         .join("\n");
 };
-export { formatLowerFirst, getIntegerDigitCount, addLineNumbers };
+export { TAB, formatLowerFirst, formatUpperFirst, getIntegerDigitCount, addLineNumbers, };
 //# sourceMappingURL=utils.js.map
\ No newline at end of file
diff --git a/lib/utils.js.map b/lib/utils.js.map
index f7701e2..8d9d115 100644
--- a/lib/utils.js.map
+++ b/lib/utils.js.map
@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAU,EAAE,CAClD,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjD,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAU,EAAE;IACvD,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,YAAoB,EAAU,EAAE;IACtD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE5D,OAAO,KAAK;SACT,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACnB,MAAM,UAAU,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QAC9D,OAAO,GAAG,UAAU,KAAK,IAAI,EAAE,CAAC;IAClC,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}
\ No newline at end of file
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,GAAG,GAAG,IAAI,CAAC;AAEjB,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAU,EAAE,CAClD,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjD,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAU,EAAE,CAClD,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjD,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAU,EAAE;IACvD,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,YAAoB,EAAU,EAAE;IACtD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE5D,OAAO,KAAK;SACT,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACnB,MAAM,UAAU,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QAC9D,OAAO,GAAG,UAAU,KAAK,IAAI,EAAE,CAAC;IAClC,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC;AAEF,OAAO,EACL,GAAG,EACH,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,GACf,CAAC"}
\ No newline at end of file
diff --git a/web_modules/@webgpu/glslang/dist/web-devel/glslang.js b/web_modules/@webgpu/glslang/dist/web-devel/glslang.js
index 6bd786f..d7d4b2f 100644
--- a/web_modules/@webgpu/glslang/dist/web-devel/glslang.js
+++ b/web_modules/@webgpu/glslang/dist/web-devel/glslang.js
@@ -1,9 +1,9 @@
-import '../../../../common/es.typed-array.uint8-array-1a7fc936.js';
-import '../../../../common/es.typed-array.uint32-array-1cc93ef8.js';
-import { t as typedArrayConstructor } from '../../../../common/typed-array-constructor-b01e3ece.js';
-import '../../../../common/es.typed-array.float32-array-0e38058f.js';
-import '../../../../common/es.string.replace-a496f0ef.js';
-import '../../../../common/a-function-58034956.js';
+import '../../../../common/es.typed-array.uint8-array-b443585b.js';
+import { t as typedArrayConstructor } from '../../../../common/es.typed-array.sort-b0d7095a.js';
+import '../../../../common/es.typed-array.uint32-array-9d9a9ee4.js';
+import '../../../../common/es.typed-array.float32-array-a1e53042.js';
+import '../../../../common/es.string.replace-65abc735.js';
+import '../../../../common/function-bind-context-dcf83647.js';
 
 // `Int16Array` constructor
 // https://tc39.es/ecma262/#sec-typedarray-objects
diff --git a/web_modules/cameras.js b/web_modules/cameras.js
index 5a28e1c..7a3df47 100644
--- a/web_modules/cameras.js
+++ b/web_modules/cameras.js
@@ -1,8 +1,8 @@
-import { f as fromValues, c as create, a as create$1, l as lookAt, b as copy, i as invert, d as frustum, p as perspective, o as ortho, e as create$2, z as zero, s as subtract, g as distance, h as set, j as copy$1, k as create$3, m as copy$2, n as subtract$1, q as length, r as sub, t as add, u as scale, v as transformQuat, w as rotationTo, x as invert$1, y as glMatrix } from './common/vec2-2ac874ec.js';
-import './common/es.string.replace-a496f0ef.js';
-import './common/es.typed-array.float32-array-0e38058f.js';
-import './common/typed-array-constructor-b01e3ece.js';
-import './common/a-function-58034956.js';
+import { f as fromValues, c as create, a as create$1, l as lookAt, b as copy, i as invert, d as frustum, p as perspective, o as ortho, e as create$2, z as zero, s as subtract, g as distance, h as set, j as copy$1, k as create$3, m as copy$2, n as subtract$1, q as length, r as sub, t as add, u as scale, v as transformQuat, w as rotationTo, x as invert$1, y as glMatrix } from './common/vec2-1f2e5e13.js';
+import './common/es.string.replace-65abc735.js';
+import './common/es.typed-array.float32-array-a1e53042.js';
+import './common/es.typed-array.sort-b0d7095a.js';
+import './common/function-bind-context-dcf83647.js';
 
 // Camera
 var CameraType;
@@ -892,12 +892,12 @@ class Controls {
       this.updatePosition();
     } // Set by position and optional target
     else {
-        if (!options.position) copy$2(this.position, options.camera.position);
-        subtract$1(TEMP, this.position, this.target);
-        this.distance = length(TEMP);
-        this.theta = Math.atan2(this.position[0], this.position[2]);
-        this.phi = Math.acos(clamp_1(this.position[1] / this.distance, -1, 1));
-      } // Init private targets
+      if (!options.position) copy$2(this.position, options.camera.position);
+      subtract$1(TEMP, this.position, this.target);
+      this.distance = length(TEMP);
+      this.theta = Math.atan2(this.position[0], this.position[2]);
+      this.phi = Math.acos(clamp_1(this.position[1] / this.distance, -1, 1));
+    } // Init private targets
 
 
     this.sphericalTarget[0] = this.theta;
diff --git a/web_modules/common/a-function-58034956.js b/web_modules/common/a-function-58034956.js
deleted file mode 100644
index 362fd5c..0000000
--- a/web_modules/common/a-function-58034956.js
+++ /dev/null
@@ -1,586 +0,0 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function getDefaultExportFromNamespaceIfNotNamed (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var check = function (it) {
-  return it && it.Math == Math && it;
-};
-
-// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global_1 =
-  // eslint-disable-next-line es/no-global-this -- safe
-  check(typeof globalThis == 'object' && globalThis) ||
-  check(typeof window == 'object' && window) ||
-  // eslint-disable-next-line no-restricted-globals -- safe
-  check(typeof self == 'object' && self) ||
-  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
-  // eslint-disable-next-line no-new-func -- fallback
-  (function () { return this; })() || Function('return this')();
-
-var fails = function (exec) {
-  try {
-    return !!exec();
-  } catch (error) {
-    return true;
-  }
-};
-
-// Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
-});
-
-var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-
-// Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor && !$propertyIsEnumerable.call({ 1: 2 }, 1);
-
-// `Object.prototype.propertyIsEnumerable` method implementation
-// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
-var f = NASHORN_BUG ? function propertyIsEnumerable(V) {
-  var descriptor = getOwnPropertyDescriptor(this, V);
-  return !!descriptor && descriptor.enumerable;
-} : $propertyIsEnumerable;
-
-var objectPropertyIsEnumerable = {
-	f: f
-};
-
-var createPropertyDescriptor = function (bitmap, value) {
-  return {
-    enumerable: !(bitmap & 1),
-    configurable: !(bitmap & 2),
-    writable: !(bitmap & 4),
-    value: value
-  };
-};
-
-var toString = {}.toString;
-
-var classofRaw = function (it) {
-  return toString.call(it).slice(8, -1);
-};
-
-var split = ''.split;
-
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails(function () {
-  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
-  // eslint-disable-next-line no-prototype-builtins -- safe
-  return !Object('z').propertyIsEnumerable(0);
-}) ? function (it) {
-  return classofRaw(it) == 'String' ? split.call(it, '') : Object(it);
-} : Object;
-
-// `RequireObjectCoercible` abstract operation
-// https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible = function (it) {
-  if (it == undefined) throw TypeError("Can't call method on " + it);
-  return it;
-};
-
-// toObject with fallback for non-array-like ES3 strings
-
-
-
-var toIndexedObject = function (it) {
-  return indexedObject(requireObjectCoercible(it));
-};
-
-var isObject = function (it) {
-  return typeof it === 'object' ? it !== null : typeof it === 'function';
-};
-
-// `ToPrimitive` abstract operation
-// https://tc39.es/ecma262/#sec-toprimitive
-// instead of the ES6 spec version, we didn't implement @@toPrimitive case
-// and the second argument - flag - preferred type is a string
-var toPrimitive = function (input, PREFERRED_STRING) {
-  if (!isObject(input)) return input;
-  var fn, val;
-  if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
-  if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;
-  if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
-  throw TypeError("Can't convert object to primitive value");
-};
-
-// `ToObject` abstract operation
-// https://tc39.es/ecma262/#sec-toobject
-var toObject = function (argument) {
-  return Object(requireObjectCoercible(argument));
-};
-
-var hasOwnProperty = {}.hasOwnProperty;
-
-var has = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty.call(toObject(it), key);
-};
-
-var document = global_1.document;
-// typeof document.createElement is 'object' in old IE
-var EXISTS = isObject(document) && isObject(document.createElement);
-
-var documentCreateElement = function (it) {
-  return EXISTS ? document.createElement(it) : {};
-};
-
-// Thank's IE8 for his funny defineProperty
-var ie8DomDefine = !descriptors && !fails(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- requied for testing
-  return Object.defineProperty(documentCreateElement('div'), 'a', {
-    get: function () { return 7; }
-  }).a != 7;
-});
-
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-
-// `Object.getOwnPropertyDescriptor` method
-// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-var f$1 = descriptors ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
-  O = toIndexedObject(O);
-  P = toPrimitive(P, true);
-  if (ie8DomDefine) try {
-    return $getOwnPropertyDescriptor(O, P);
-  } catch (error) { /* empty */ }
-  if (has(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);
-};
-
-var objectGetOwnPropertyDescriptor = {
-	f: f$1
-};
-
-var anObject = function (it) {
-  if (!isObject(it)) {
-    throw TypeError(String(it) + ' is not an object');
-  } return it;
-};
-
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var $defineProperty = Object.defineProperty;
-
-// `Object.defineProperty` method
-// https://tc39.es/ecma262/#sec-object.defineproperty
-var f$2 = descriptors ? $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject(O);
-  P = toPrimitive(P, true);
-  anObject(Attributes);
-  if (ie8DomDefine) try {
-    return $defineProperty(O, P, Attributes);
-  } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');
-  if ('value' in Attributes) O[P] = Attributes.value;
-  return O;
-};
-
-var objectDefineProperty = {
-	f: f$2
-};
-
-var createNonEnumerableProperty = descriptors ? function (object, key, value) {
-  return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));
-} : function (object, key, value) {
-  object[key] = value;
-  return object;
-};
-
-var setGlobal = function (key, value) {
-  try {
-    createNonEnumerableProperty(global_1, key, value);
-  } catch (error) {
-    global_1[key] = value;
-  } return value;
-};
-
-var SHARED = '__core-js_shared__';
-var store = global_1[SHARED] || setGlobal(SHARED, {});
-
-var sharedStore = store;
-
-var functionToString = Function.toString;
-
-// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (typeof sharedStore.inspectSource != 'function') {
-  sharedStore.inspectSource = function (it) {
-    return functionToString.call(it);
-  };
-}
-
-var inspectSource = sharedStore.inspectSource;
-
-var WeakMap = global_1.WeakMap;
-
-var nativeWeakMap = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
-
-var shared = createCommonjsModule(function (module) {
-(module.exports = function (key, value) {
-  return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.15.1',
-  mode:  'global',
-  copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
-});
-});
-
-var id = 0;
-var postfix = Math.random();
-
-var uid = function (key) {
-  return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);
-};
-
-var keys = shared('keys');
-
-var sharedKey = function (key) {
-  return keys[key] || (keys[key] = uid(key));
-};
-
-var hiddenKeys = {};
-
-var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var WeakMap$1 = global_1.WeakMap;
-var set, get, has$1;
-
-var enforce = function (it) {
-  return has$1(it) ? get(it) : set(it, {});
-};
-
-var getterFor = function (TYPE) {
-  return function (it) {
-    var state;
-    if (!isObject(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError('Incompatible receiver, ' + TYPE + ' required');
-    } return state;
-  };
-};
-
-if (nativeWeakMap || sharedStore.state) {
-  var store$1 = sharedStore.state || (sharedStore.state = new WeakMap$1());
-  var wmget = store$1.get;
-  var wmhas = store$1.has;
-  var wmset = store$1.set;
-  set = function (it, metadata) {
-    if (wmhas.call(store$1, it)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
-    metadata.facade = it;
-    wmset.call(store$1, it, metadata);
-    return metadata;
-  };
-  get = function (it) {
-    return wmget.call(store$1, it) || {};
-  };
-  has$1 = function (it) {
-    return wmhas.call(store$1, it);
-  };
-} else {
-  var STATE = sharedKey('state');
-  hiddenKeys[STATE] = true;
-  set = function (it, metadata) {
-    if (has(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
-    metadata.facade = it;
-    createNonEnumerableProperty(it, STATE, metadata);
-    return metadata;
-  };
-  get = function (it) {
-    return has(it, STATE) ? it[STATE] : {};
-  };
-  has$1 = function (it) {
-    return has(it, STATE);
-  };
-}
-
-var internalState = {
-  set: set,
-  get: get,
-  has: has$1,
-  enforce: enforce,
-  getterFor: getterFor
-};
-
-var redefine = createCommonjsModule(function (module) {
-var getInternalState = internalState.get;
-var enforceInternalState = internalState.enforce;
-var TEMPLATE = String(String).split('String');
-
-(module.exports = function (O, key, value, options) {
-  var unsafe = options ? !!options.unsafe : false;
-  var simple = options ? !!options.enumerable : false;
-  var noTargetGet = options ? !!options.noTargetGet : false;
-  var state;
-  if (typeof value == 'function') {
-    if (typeof key == 'string' && !has(value, 'name')) {
-      createNonEnumerableProperty(value, 'name', key);
-    }
-    state = enforceInternalState(value);
-    if (!state.source) {
-      state.source = TEMPLATE.join(typeof key == 'string' ? key : '');
-    }
-  }
-  if (O === global_1) {
-    if (simple) O[key] = value;
-    else setGlobal(key, value);
-    return;
-  } else if (!unsafe) {
-    delete O[key];
-  } else if (!noTargetGet && O[key]) {
-    simple = true;
-  }
-  if (simple) O[key] = value;
-  else createNonEnumerableProperty(O, key, value);
-// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
-})(Function.prototype, 'toString', function toString() {
-  return typeof this == 'function' && getInternalState(this).source || inspectSource(this);
-});
-});
-
-var path = global_1;
-
-var aFunction = function (variable) {
-  return typeof variable == 'function' ? variable : undefined;
-};
-
-var getBuiltIn = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global_1[namespace])
-    : path[namespace] && path[namespace][method] || global_1[namespace] && global_1[namespace][method];
-};
-
-var ceil = Math.ceil;
-var floor = Math.floor;
-
-// `ToInteger` abstract operation
-// https://tc39.es/ecma262/#sec-tointeger
-var toInteger = function (argument) {
-  return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);
-};
-
-var min = Math.min;
-
-// `ToLength` abstract operation
-// https://tc39.es/ecma262/#sec-tolength
-var toLength = function (argument) {
-  return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
-};
-
-var max = Math.max;
-var min$1 = Math.min;
-
-// Helper for a popular repeating case of the spec:
-// Let integer be ? ToInteger(index).
-// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-var toAbsoluteIndex = function (index, length) {
-  var integer = toInteger(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
-};
-
-// `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod = function (IS_INCLUDES) {
-  return function ($this, el, fromIndex) {
-    var O = toIndexedObject($this);
-    var length = toLength(O.length);
-    var index = toAbsoluteIndex(fromIndex, length);
-    var value;
-    // Array#includes uses SameValueZero equality algorithm
-    // eslint-disable-next-line no-self-compare -- NaN check
-    if (IS_INCLUDES && el != el) while (length > index) {
-      value = O[index++];
-      // eslint-disable-next-line no-self-compare -- NaN check
-      if (value != value) return true;
-    // Array#indexOf ignores holes, Array#includes - not
-    } else for (;length > index; index++) {
-      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
-    } return !IS_INCLUDES && -1;
-  };
-};
-
-var arrayIncludes = {
-  // `Array.prototype.includes` method
-  // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod(true),
-  // `Array.prototype.indexOf` method
-  // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod(false)
-};
-
-var indexOf = arrayIncludes.indexOf;
-
-
-var objectKeysInternal = function (object, names) {
-  var O = toIndexedObject(object);
-  var i = 0;
-  var result = [];
-  var key;
-  for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key);
-  // Don't enum bug & hidden keys
-  while (names.length > i) if (has(O, key = names[i++])) {
-    ~indexOf(result, key) || result.push(key);
-  }
-  return result;
-};
-
-// IE8- don't enum bug keys
-var enumBugKeys = [
-  'constructor',
-  'hasOwnProperty',
-  'isPrototypeOf',
-  'propertyIsEnumerable',
-  'toLocaleString',
-  'toString',
-  'valueOf'
-];
-
-var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype');
-
-// `Object.getOwnPropertyNames` method
-// https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es/no-object-getownpropertynames -- safe
-var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
-  return objectKeysInternal(O, hiddenKeys$1);
-};
-
-var objectGetOwnPropertyNames = {
-	f: f$3
-};
-
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
-var f$4 = Object.getOwnPropertySymbols;
-
-var objectGetOwnPropertySymbols = {
-	f: f$4
-};
-
-// all object keys, includes non-enumerable and symbols
-var ownKeys = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = objectGetOwnPropertyNames.f(anObject(it));
-  var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
-  return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;
-};
-
-var copyConstructorProperties = function (target, source) {
-  var keys = ownKeys(source);
-  var defineProperty = objectDefineProperty.f;
-  var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-  for (var i = 0; i < keys.length; i++) {
-    var key = keys[i];
-    if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
-  }
-};
-
-var replacement = /#|\.prototype\./;
-
-var isForced = function (feature, detection) {
-  var value = data[normalize(feature)];
-  return value == POLYFILL ? true
-    : value == NATIVE ? false
-    : typeof detection == 'function' ? fails(detection)
-    : !!detection;
-};
-
-var normalize = isForced.normalize = function (string) {
-  return String(string).replace(replacement, '.').toLowerCase();
-};
-
-var data = isForced.data = {};
-var NATIVE = isForced.NATIVE = 'N';
-var POLYFILL = isForced.POLYFILL = 'P';
-
-var isForced_1 = isForced;
-
-var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
-
-
-
-
-
-
-/*
-  options.target      - name of the target object
-  options.global      - target is the global object
-  options.stat        - export as static methods of target
-  options.proto       - export as prototype methods of target
-  options.real        - real prototype method for the `pure` version
-  options.forced      - export even if the native feature is available
-  options.bind        - bind methods to the target, required for the `pure` version
-  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
-  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
-  options.sham        - add a flag to not completely full polyfills
-  options.enumerable  - export as enumerable property
-  options.noTargetGet - prevent calling a getter on target
-*/
-var _export = function (options, source) {
-  var TARGET = options.target;
-  var GLOBAL = options.global;
-  var STATIC = options.stat;
-  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
-  if (GLOBAL) {
-    target = global_1;
-  } else if (STATIC) {
-    target = global_1[TARGET] || setGlobal(TARGET, {});
-  } else {
-    target = (global_1[TARGET] || {}).prototype;
-  }
-  if (target) for (key in source) {
-    sourceProperty = source[key];
-    if (options.noTargetGet) {
-      descriptor = getOwnPropertyDescriptor$1(target, key);
-      targetProperty = descriptor && descriptor.value;
-    } else targetProperty = target[key];
-    FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
-    // contained in target
-    if (!FORCED && targetProperty !== undefined) {
-      if (typeof sourceProperty === typeof targetProperty) continue;
-      copyConstructorProperties(sourceProperty, targetProperty);
-    }
-    // add a flag to not completely full polyfills
-    if (options.sham || (targetProperty && targetProperty.sham)) {
-      createNonEnumerableProperty(sourceProperty, 'sham', true);
-    }
-    // extend global
-    redefine(target, key, sourceProperty, options);
-  }
-};
-
-var engineUserAgent = getBuiltIn('navigator', 'userAgent') || '';
-
-var process = global_1.process;
-var versions = process && process.versions;
-var v8 = versions && versions.v8;
-var match, version;
-
-if (v8) {
-  match = v8.split('.');
-  version = match[0] < 4 ? 1 : match[0] + match[1];
-} else if (engineUserAgent) {
-  match = engineUserAgent.match(/Edge\/(\d+)/);
-  if (!match || match[1] >= 74) {
-    match = engineUserAgent.match(/Chrome\/(\d+)/);
-    if (match) version = match[1];
-  }
-}
-
-var engineV8Version = version && +version;
-
-var aFunction$1 = function (it) {
-  if (typeof it != 'function') {
-    throw TypeError(String(it) + ' is not a function');
-  } return it;
-};
-
-export { aFunction$1 as A, indexedObject as B, createCommonjsModule as C, toPrimitive as D, createPropertyDescriptor as E, objectGetOwnPropertyDescriptor as F, commonjsGlobal as G, getDefaultExportFromNamespaceIfNotNamed as H, _export as _, anObject as a, requireObjectCoercible as b, createNonEnumerableProperty as c, toObject as d, classofRaw as e, fails as f, toLength as g, engineV8Version as h, internalState as i, global_1 as j, has as k, sharedKey as l, isObject as m, descriptors as n, objectDefineProperty as o, toAbsoluteIndex as p, objectGetOwnPropertyNames as q, redefine as r, shared as s, toInteger as t, uid as u, objectKeysInternal as v, enumBugKeys as w, getBuiltIn as x, hiddenKeys as y, documentCreateElement as z };
diff --git a/web_modules/common/es.string.replace-7ae396b6.js b/web_modules/common/es.string.replace-65abc735.js
similarity index 92%
rename from web_modules/common/es.string.replace-7ae396b6.js
rename to web_modules/common/es.string.replace-65abc735.js
index 55f6c7a..c6f0fc6 100644
--- a/web_modules/common/es.string.replace-7ae396b6.js
+++ b/web_modules/common/es.string.replace-65abc735.js
@@ -1,8 +1,7 @@
-import { i as isSymbol, a as anObject, g as global_1, f as fails, s as shared, b as internalState, _ as _export, w as wellKnownSymbol, r as redefine, c as createNonEnumerableProperty, d as requireObjectCoercible, t as toInteger, e as toObject, h as classofRaw, j as toLength } from './a-function-0ad19c84.js';
-import { o as objectCreate } from './typed-array-constructor-cb17899c.js';
+import { c as classof, a as anObject, g as global_1, f as fails, P as shared, H as objectCreate, v as internalState, _ as _export, w as wellKnownSymbol, r as redefine, b as createNonEnumerableProperty, Q as requireObjectCoercible, k as toIntegerOrInfinity, t as toObject, i as isCallable, C as classofRaw, R as getMethod, l as toLength } from './function-bind-context-dcf83647.js';
 
 var toString_1 = function (argument) {
-  if (isSymbol(argument)) throw TypeError('Cannot convert a Symbol value to a string');
+  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
   return String(argument);
 };
 
@@ -249,11 +248,10 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   if (SHAM) createNonEnumerableProperty(RegExpPrototype[SYMBOL], 'sham', true);
 };
 
-// `String.prototype.codePointAt` methods implementation
 var createMethod = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
     var S = toString_1(requireObjectCoercible($this));
-    var position = toInteger(pos);
+    var position = toIntegerOrInfinity(pos);
     var size = S.length;
     var first, second;
     if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;
@@ -326,19 +324,13 @@ var getSubstitution = function (matched, str, position, captures, namedCaptures,
 // https://tc39.es/ecma262/#sec-regexpexec
 var regexpExecAbstract = function (R, S) {
   var exec = R.exec;
-  if (typeof exec === 'function') {
+  if (isCallable(exec)) {
     var result = exec.call(R, S);
-    if (typeof result !== 'object') {
-      throw TypeError('RegExp exec method returned something other than an Object or null');
-    }
+    if (result !== null) anObject(result);
     return result;
   }
-
-  if (classofRaw(R) !== 'RegExp') {
-    throw TypeError('RegExp#exec called on incompatible receiver');
-  }
-
-  return regexpExec.call(R, S);
+  if (classofRaw(R) === 'RegExp') return regexpExec.call(R, S);
+  throw TypeError('RegExp#exec called on incompatible receiver');
 };
 
 var REPLACE = wellKnownSymbol('replace');
@@ -384,8 +376,8 @@ fixRegexpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
     // https://tc39.es/ecma262/#sec-string.prototype.replace
     function replace(searchValue, replaceValue) {
       var O = requireObjectCoercible(this);
-      var replacer = searchValue == undefined ? undefined : searchValue[REPLACE];
-      return replacer !== undefined
+      var replacer = searchValue == undefined ? undefined : getMethod(searchValue, REPLACE);
+      return replacer
         ? replacer.call(searchValue, O, replaceValue)
         : nativeReplace.call(toString_1(O), searchValue, replaceValue);
     },
@@ -404,7 +396,7 @@ fixRegexpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         if (res.done) return res.value;
       }
 
-      var functionalReplace = typeof replaceValue === 'function';
+      var functionalReplace = isCallable(replaceValue);
       if (!functionalReplace) replaceValue = toString_1(replaceValue);
 
       var global = rx.global;
@@ -430,7 +422,7 @@ fixRegexpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         result = results[i];
 
         var matched = toString_1(result[0]);
-        var position = max(min(toInteger(result.index), S.length), 0);
+        var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         // NOTE: This is equivalent to
         //   captures = result.slice(1).map(maybeToString)
diff --git a/web_modules/common/es.string.replace-a496f0ef.js b/web_modules/common/es.string.replace-a496f0ef.js
deleted file mode 100644
index b6b521e..0000000
--- a/web_modules/common/es.string.replace-a496f0ef.js
+++ /dev/null
@@ -1,447 +0,0 @@
-import { a as anObject, f as fails, s as shared, i as internalState, _ as _export, r as redefine, c as createNonEnumerableProperty, b as requireObjectCoercible, t as toInteger, d as toObject, e as classofRaw, g as toLength } from './a-function-58034956.js';
-import { o as objectCreate, w as wellKnownSymbol } from './typed-array-constructor-b01e3ece.js';
-
-// `RegExp.prototype.flags` getter implementation
-// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
-var regexpFlags = function () {
-  var that = anObject(this);
-  var result = '';
-  if (that.global) result += 'g';
-  if (that.ignoreCase) result += 'i';
-  if (that.multiline) result += 'm';
-  if (that.dotAll) result += 's';
-  if (that.unicode) result += 'u';
-  if (that.sticky) result += 'y';
-  return result;
-};
-
-// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
-var RE = function (s, f) {
-  return RegExp(s, f);
-};
-
-var UNSUPPORTED_Y = fails(function () {
-  var re = RE('a', 'y');
-  re.lastIndex = 2;
-  return re.exec('abcd') != null;
-});
-
-var BROKEN_CARET = fails(function () {
-  // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
-  var re = RE('^r', 'gy');
-  re.lastIndex = 2;
-  return re.exec('str') != null;
-});
-
-var regexpStickyHelpers = {
-	UNSUPPORTED_Y: UNSUPPORTED_Y,
-	BROKEN_CARET: BROKEN_CARET
-};
-
-var regexpUnsupportedDotAll = fails(function () {
-  // babel-minify transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-  var re = RegExp('.', (typeof '').charAt(0));
-  return !(re.dotAll && re.exec('\n') && re.flags === 's');
-});
-
-var regexpUnsupportedNcg = fails(function () {
-  // babel-minify transpiles RegExp('.', 'g') -> /./g and it causes SyntaxError
-  var re = RegExp('(?<a>b)', (typeof '').charAt(5));
-  return re.exec('b').groups.a !== 'b' ||
-    'b'.replace(re, '$<a>c') !== 'bc';
-});
-
-/* eslint-disable regexp/no-assertion-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
-/* eslint-disable regexp/no-useless-quantifier -- testing */
-
-
-
-
-var getInternalState = internalState.get;
-
-
-
-var nativeExec = RegExp.prototype.exec;
-var nativeReplace = shared('native-string-replace', String.prototype.replace);
-
-var patchedExec = nativeExec;
-
-var UPDATES_LAST_INDEX_WRONG = (function () {
-  var re1 = /a/;
-  var re2 = /b*/g;
-  nativeExec.call(re1, 'a');
-  nativeExec.call(re2, 'a');
-  return re1.lastIndex !== 0 || re2.lastIndex !== 0;
-})();
-
-var UNSUPPORTED_Y$1 = regexpStickyHelpers.UNSUPPORTED_Y || regexpStickyHelpers.BROKEN_CARET;
-
-// nonparticipating capturing group, copied from es5-shim's String#split patch.
-var NPCG_INCLUDED = /()??/.exec('')[1] !== undefined;
-
-var PATCH = UPDATES_LAST_INDEX_WRONG || NPCG_INCLUDED || UNSUPPORTED_Y$1 || regexpUnsupportedDotAll || regexpUnsupportedNcg;
-
-if (PATCH) {
-  // eslint-disable-next-line max-statements -- TODO
-  patchedExec = function exec(str) {
-    var re = this;
-    var state = getInternalState(re);
-    var raw = state.raw;
-    var result, reCopy, lastIndex, match, i, object, group;
-
-    if (raw) {
-      raw.lastIndex = re.lastIndex;
-      result = patchedExec.call(raw, str);
-      re.lastIndex = raw.lastIndex;
-      return result;
-    }
-
-    var groups = state.groups;
-    var sticky = UNSUPPORTED_Y$1 && re.sticky;
-    var flags = regexpFlags.call(re);
-    var source = re.source;
-    var charsAdded = 0;
-    var strCopy = str;
-
-    if (sticky) {
-      flags = flags.replace('y', '');
-      if (flags.indexOf('g') === -1) {
-        flags += 'g';
-      }
-
-      strCopy = String(str).slice(re.lastIndex);
-      // Support anchored sticky behavior.
-      if (re.lastIndex > 0 && (!re.multiline || re.multiline && str[re.lastIndex - 1] !== '\n')) {
-        source = '(?: ' + source + ')';
-        strCopy = ' ' + strCopy;
-        charsAdded++;
-      }
-      // ^(? + rx + ) is needed, in combination with some str slicing, to
-      // simulate the 'y' flag.
-      reCopy = new RegExp('^(?:' + source + ')', flags);
-    }
-
-    if (NPCG_INCLUDED) {
-      reCopy = new RegExp('^' + source + '$(?!\\s)', flags);
-    }
-    if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;
-
-    match = nativeExec.call(sticky ? reCopy : re, strCopy);
-
-    if (sticky) {
-      if (match) {
-        match.input = match.input.slice(charsAdded);
-        match[0] = match[0].slice(charsAdded);
-        match.index = re.lastIndex;
-        re.lastIndex += match[0].length;
-      } else re.lastIndex = 0;
-    } else if (UPDATES_LAST_INDEX_WRONG && match) {
-      re.lastIndex = re.global ? match.index + match[0].length : lastIndex;
-    }
-    if (NPCG_INCLUDED && match && match.length > 1) {
-      // Fix browsers whose `exec` methods don't consistently return `undefined`
-      // for NPCG, like IE8. NOTE: This doesn' work for /(.?)?/
-      nativeReplace.call(match[0], reCopy, function () {
-        for (i = 1; i < arguments.length - 2; i++) {
-          if (arguments[i] === undefined) match[i] = undefined;
-        }
-      });
-    }
-
-    if (match && groups) {
-      match.groups = object = objectCreate(null);
-      for (i = 0; i < groups.length; i++) {
-        group = groups[i];
-        object[group[0]] = match[group[1]];
-      }
-    }
-
-    return match;
-  };
-}
-
-var regexpExec = patchedExec;
-
-// `RegExp.prototype.exec` method
-// https://tc39.es/ecma262/#sec-regexp.prototype.exec
-_export({ target: 'RegExp', proto: true, forced: /./.exec !== regexpExec }, {
-  exec: regexpExec
-});
-
-// TODO: Remove from `core-js@4` since it's moved to entry points
-
-
-
-
-
-
-
-var SPECIES = wellKnownSymbol('species');
-var RegExpPrototype = RegExp.prototype;
-
-var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
-  var SYMBOL = wellKnownSymbol(KEY);
-
-  var DELEGATES_TO_SYMBOL = !fails(function () {
-    // String methods call symbol-named RegEp methods
-    var O = {};
-    O[SYMBOL] = function () { return 7; };
-    return ''[KEY](O) != 7;
-  });
-
-  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails(function () {
-    // Symbol-named RegExp methods call .exec
-    var execCalled = false;
-    var re = /a/;
-
-    if (KEY === 'split') {
-      // We can't use real regex here since it causes deoptimization
-      // and serious performance degradation in V8
-      // https://github.com/zloirock/core-js/issues/306
-      re = {};
-      // RegExp[@@split] doesn't call the regex's exec method, but first creates
-      // a new one. We need to return the patched regex when creating the new one.
-      re.constructor = {};
-      re.constructor[SPECIES] = function () { return re; };
-      re.flags = '';
-      re[SYMBOL] = /./[SYMBOL];
-    }
-
-    re.exec = function () { execCalled = true; return null; };
-
-    re[SYMBOL]('');
-    return !execCalled;
-  });
-
-  if (
-    !DELEGATES_TO_SYMBOL ||
-    !DELEGATES_TO_EXEC ||
-    FORCED
-  ) {
-    var nativeRegExpMethod = /./[SYMBOL];
-    var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
-      var $exec = regexp.exec;
-      if ($exec === regexpExec || $exec === RegExpPrototype.exec) {
-        if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
-          // The native String method already delegates to @@method (this
-          // polyfilled function), leasing to infinite recursion.
-          // We avoid it by directly calling the native @@method method.
-          return { done: true, value: nativeRegExpMethod.call(regexp, str, arg2) };
-        }
-        return { done: true, value: nativeMethod.call(str, regexp, arg2) };
-      }
-      return { done: false };
-    });
-
-    redefine(String.prototype, KEY, methods[0]);
-    redefine(RegExpPrototype, SYMBOL, methods[1]);
-  }
-
-  if (SHAM) createNonEnumerableProperty(RegExpPrototype[SYMBOL], 'sham', true);
-};
-
-// `String.prototype.{ codePointAt, at }` methods implementation
-var createMethod = function (CONVERT_TO_STRING) {
-  return function ($this, pos) {
-    var S = String(requireObjectCoercible($this));
-    var position = toInteger(pos);
-    var size = S.length;
-    var first, second;
-    if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;
-    first = S.charCodeAt(position);
-    return first < 0xD800 || first > 0xDBFF || position + 1 === size
-      || (second = S.charCodeAt(position + 1)) < 0xDC00 || second > 0xDFFF
-        ? CONVERT_TO_STRING ? S.charAt(position) : first
-        : CONVERT_TO_STRING ? S.slice(position, position + 2) : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;
-  };
-};
-
-var stringMultibyte = {
-  // `String.prototype.codePointAt` method
-  // https://tc39.es/ecma262/#sec-string.prototype.codepointat
-  codeAt: createMethod(false),
-  // `String.prototype.at` method
-  // https://github.com/mathiasbynens/String.prototype.at
-  charAt: createMethod(true)
-};
-
-var charAt = stringMultibyte.charAt;
-
-// `AdvanceStringIndex` abstract operation
-// https://tc39.es/ecma262/#sec-advancestringindex
-var advanceStringIndex = function (S, index, unicode) {
-  return index + (unicode ? charAt(S, index).length : 1);
-};
-
-var floor = Math.floor;
-var replace = ''.replace;
-var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
-var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
-
-// `GetSubstitution` abstract operation
-// https://tc39.es/ecma262/#sec-getsubstitution
-var getSubstitution = function (matched, str, position, captures, namedCaptures, replacement) {
-  var tailPos = position + matched.length;
-  var m = captures.length;
-  var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;
-  if (namedCaptures !== undefined) {
-    namedCaptures = toObject(namedCaptures);
-    symbols = SUBSTITUTION_SYMBOLS;
-  }
-  return replace.call(replacement, symbols, function (match, ch) {
-    var capture;
-    switch (ch.charAt(0)) {
-      case '$': return '$';
-      case '&': return matched;
-      case '`': return str.slice(0, position);
-      case "'": return str.slice(tailPos);
-      case '<':
-        capture = namedCaptures[ch.slice(1, -1)];
-        break;
-      default: // \d\d?
-        var n = +ch;
-        if (n === 0) return match;
-        if (n > m) {
-          var f = floor(n / 10);
-          if (f === 0) return match;
-          if (f <= m) return captures[f - 1] === undefined ? ch.charAt(1) : captures[f - 1] + ch.charAt(1);
-          return match;
-        }
-        capture = captures[n - 1];
-    }
-    return capture === undefined ? '' : capture;
-  });
-};
-
-// `RegExpExec` abstract operation
-// https://tc39.es/ecma262/#sec-regexpexec
-var regexpExecAbstract = function (R, S) {
-  var exec = R.exec;
-  if (typeof exec === 'function') {
-    var result = exec.call(R, S);
-    if (typeof result !== 'object') {
-      throw TypeError('RegExp exec method returned something other than an Object or null');
-    }
-    return result;
-  }
-
-  if (classofRaw(R) !== 'RegExp') {
-    throw TypeError('RegExp#exec called on incompatible receiver');
-  }
-
-  return regexpExec.call(R, S);
-};
-
-var REPLACE = wellKnownSymbol('replace');
-var max = Math.max;
-var min = Math.min;
-
-var maybeToString = function (it) {
-  return it === undefined ? it : String(it);
-};
-
-// IE <= 11 replaces $0 with the whole match, as if it was $&
-// https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0
-var REPLACE_KEEPS_$0 = (function () {
-  // eslint-disable-next-line regexp/prefer-escape-replacement-dollar-char -- required for testing
-  return 'a'.replace(/./, '$0') === '$0';
-})();
-
-// Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string
-var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
-  if (/./[REPLACE]) {
-    return /./[REPLACE]('a', '$0') === '';
-  }
-  return false;
-})();
-
-var REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {
-  var re = /./;
-  re.exec = function () {
-    var result = [];
-    result.groups = { a: '7' };
-    return result;
-  };
-  return ''.replace(re, '$<a>') !== '7';
-});
-
-// @@replace logic
-fixRegexpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {
-  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';
-
-  return [
-    // `String.prototype.replace` method
-    // https://tc39.es/ecma262/#sec-string.prototype.replace
-    function replace(searchValue, replaceValue) {
-      var O = requireObjectCoercible(this);
-      var replacer = searchValue == undefined ? undefined : searchValue[REPLACE];
-      return replacer !== undefined
-        ? replacer.call(searchValue, O, replaceValue)
-        : nativeReplace.call(String(O), searchValue, replaceValue);
-    },
-    // `RegExp.prototype[@@replace]` method
-    // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
-    function (string, replaceValue) {
-      if (
-        typeof replaceValue === 'string' &&
-        replaceValue.indexOf(UNSAFE_SUBSTITUTE) === -1 &&
-        replaceValue.indexOf('$<') === -1
-      ) {
-        var res = maybeCallNative(nativeReplace, this, string, replaceValue);
-        if (res.done) return res.value;
-      }
-
-      var rx = anObject(this);
-      var S = String(string);
-
-      var functionalReplace = typeof replaceValue === 'function';
-      if (!functionalReplace) replaceValue = String(replaceValue);
-
-      var global = rx.global;
-      if (global) {
-        var fullUnicode = rx.unicode;
-        rx.lastIndex = 0;
-      }
-      var results = [];
-      while (true) {
-        var result = regexpExecAbstract(rx, S);
-        if (result === null) break;
-
-        results.push(result);
-        if (!global) break;
-
-        var matchStr = String(result[0]);
-        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
-      }
-
-      var accumulatedResult = '';
-      var nextSourcePosition = 0;
-      for (var i = 0; i < results.length; i++) {
-        result = results[i];
-
-        var matched = String(result[0]);
-        var position = max(min(toInteger(result.index), S.length), 0);
-        var captures = [];
-        // NOTE: This is equivalent to
-        //   captures = result.slice(1).map(maybeToString)
-        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
-        // the slice polyfill when slicing native arrays) "doesn't work" in safari 9 and
-        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.
-        for (var j = 1; j < result.length; j++) captures.push(maybeToString(result[j]));
-        var namedCaptures = result.groups;
-        if (functionalReplace) {
-          var replacerArgs = [matched].concat(captures, position, S);
-          if (namedCaptures !== undefined) replacerArgs.push(namedCaptures);
-          var replacement = String(replaceValue.apply(undefined, replacerArgs));
-        } else {
-          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
-        }
-        if (position >= nextSourcePosition) {
-          accumulatedResult += S.slice(nextSourcePosition, position) + replacement;
-          nextSourcePosition = position + matched.length;
-        }
-      }
-      return accumulatedResult + S.slice(nextSourcePosition);
-    }
-  ];
-}, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
diff --git a/web_modules/common/es.typed-array.float32-array-947e9e5d.js b/web_modules/common/es.typed-array.float32-array-947e9e5d.js
deleted file mode 100644
index 37f1099..0000000
--- a/web_modules/common/es.typed-array.float32-array-947e9e5d.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { t as typedArrayConstructor } from './typed-array-constructor-cb17899c.js';
-
-// `Float32Array` constructor
-// https://tc39.es/ecma262/#sec-typedarray-objects
-typedArrayConstructor('Float32', function (init) {
-  return function Float32Array(data, byteOffset, length) {
-    return init(this, data, byteOffset, length);
-  };
-});
diff --git a/web_modules/common/es.typed-array.float32-array-0e38058f.js b/web_modules/common/es.typed-array.float32-array-a1e53042.js
similarity index 74%
rename from web_modules/common/es.typed-array.float32-array-0e38058f.js
rename to web_modules/common/es.typed-array.float32-array-a1e53042.js
index 4a6f69f..aaff3a2 100644
--- a/web_modules/common/es.typed-array.float32-array-0e38058f.js
+++ b/web_modules/common/es.typed-array.float32-array-a1e53042.js
@@ -1,4 +1,4 @@
-import { t as typedArrayConstructor } from './typed-array-constructor-b01e3ece.js';
+import { t as typedArrayConstructor } from './es.typed-array.sort-b0d7095a.js';
 
 // `Float32Array` constructor
 // https://tc39.es/ecma262/#sec-typedarray-objects
diff --git a/web_modules/common/typed-array-constructor-cb17899c.js b/web_modules/common/es.typed-array.sort-b0d7095a.js
similarity index 80%
rename from web_modules/common/typed-array-constructor-cb17899c.js
rename to web_modules/common/es.typed-array.sort-b0d7095a.js
index a1f463d..aa6d74f 100644
--- a/web_modules/common/typed-array-constructor-cb17899c.js
+++ b/web_modules/common/es.typed-array.sort-b0d7095a.js
@@ -1,4 +1,4 @@
-import { w as wellKnownSymbol, h as classofRaw, f as fails, k as sharedKey, e as toObject, l as has, m as isObject, a as anObject, g as global_1, u as uid, c as createNonEnumerableProperty, n as descriptors, o as objectDefineProperty, r as redefine, t as toInteger, j as toLength, p as toAbsoluteIndex, q as objectGetOwnPropertyNames, b as internalState, v as objectKeysInternal, x as enumBugKeys, y as getBuiltIn, z as hiddenKeys, A as documentCreateElement, B as aFunction, C as indexedObject, D as createCommonjsModule, _ as _export, E as toPropertyKey, i as isSymbol, F as createPropertyDescriptor, G as objectGetOwnPropertyDescriptor } from './a-function-0ad19c84.js';
+import { w as wellKnownSymbol, f as fails, s as sharedKey, t as toObject, h as hasOwnProperty_1, i as isCallable, a as anObject, g as global_1, u as uid, c as classof, b as createNonEnumerableProperty, d as descriptors, e as isObject, o as objectDefineProperty, j as tryToString, r as redefine, k as toIntegerOrInfinity, l as toLength, m as lengthOfArrayLike, n as toAbsoluteIndex, p as objectGetOwnPropertyNames, q as functionName, v as internalState, x as aConstructor, y as getIteratorMethod, z as isArrayIteratorMethod, A as getIterator, B as functionBindContext, C as classofRaw, D as isConstructor, E as indexedObject, F as getBuiltIn, G as createCommonjsModule, _ as _export, H as objectCreate, I as toPropertyKey, J as isSymbol, K as createPropertyDescriptor, L as objectGetOwnPropertyDescriptor, M as engineUserAgent, N as aCallable, O as engineV8Version } from './function-bind-context-dcf83647.js';
 
 var ITERATOR = wellKnownSymbol('iterator');
 var SAFE_CLOSING = false;
@@ -40,36 +40,6 @@ var checkCorrectnessOfIteration = function (exec, SKIP_CLOSING) {
 // eslint-disable-next-line es/no-typed-arrays -- safe
 var arrayBufferNative = typeof ArrayBuffer !== 'undefined' && typeof DataView !== 'undefined';
 
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG] = 'z';
-
-var toStringTagSupport = String(test) === '[object z]';
-
-var TO_STRING_TAG$1 = wellKnownSymbol('toStringTag');
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
-  } catch (error) { /* empty */ }
-};
-
-// getting tag from ES6+ `Object.prototype.toString`
-var classof = toStringTagSupport ? classofRaw : function (it) {
-  var O, tag, result;
-  return it === undefined ? 'Undefined' : it === null ? 'Null'
-    // @@toStringTag case
-    : typeof (tag = tryGet(O = Object(it), TO_STRING_TAG$1)) == 'string' ? tag
-    // builtinTag case
-    : CORRECT_ARGUMENTS ? classofRaw(O)
-    // ES3 arguments fallback
-    : (result = classofRaw(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : result;
-};
-
 var correctPrototypeGetter = !fails(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
@@ -84,17 +54,17 @@ var ObjectPrototype = Object.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = correctPrototypeGetter ? Object.getPrototypeOf : function (O) {
-  O = toObject(O);
-  if (has(O, IE_PROTO)) return O[IE_PROTO];
-  if (typeof O.constructor == 'function' && O instanceof O.constructor) {
-    return O.constructor.prototype;
-  } return O instanceof Object ? ObjectPrototype : null;
+  var object = toObject(O);
+  if (hasOwnProperty_1(object, IE_PROTO)) return object[IE_PROTO];
+  var constructor = object.constructor;
+  if (isCallable(constructor) && object instanceof constructor) {
+    return constructor.prototype;
+  } return object instanceof Object ? ObjectPrototype : null;
 };
 
-var aPossiblePrototype = function (it) {
-  if (!isObject(it) && it !== null) {
-    throw TypeError("Can't set " + String(it) + ' as a prototype');
-  } return it;
+var aPossiblePrototype = function (argument) {
+  if (typeof argument === 'object' || isCallable(argument)) return argument;
+  throw TypeError("Can't set " + String(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
@@ -139,7 +109,7 @@ var TypedArrayPrototype = Int8ArrayPrototype && objectGetPrototypeOf(Int8ArrayPr
 var ObjectPrototype$1 = Object.prototype;
 var isPrototypeOf = ObjectPrototype$1.isPrototypeOf;
 
-var TO_STRING_TAG$2 = wellKnownSymbol('toStringTag');
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
 var TYPED_ARRAY_TAG = uid('TYPED_ARRAY_TAG');
 var TYPED_ARRAY_CONSTRUCTOR = uid('TYPED_ARRAY_CONSTRUCTOR');
 // Fixing native typed arrays in Opera Presto crashes the browser, see #595
@@ -168,15 +138,15 @@ var isView = function isView(it) {
   if (!isObject(it)) return false;
   var klass = classof(it);
   return klass === 'DataView'
-    || has(TypedArrayConstructorsList, klass)
-    || has(BigIntArrayConstructorsList, klass);
+    || hasOwnProperty_1(TypedArrayConstructorsList, klass)
+    || hasOwnProperty_1(BigIntArrayConstructorsList, klass);
 };
 
 var isTypedArray = function (it) {
   if (!isObject(it)) return false;
   var klass = classof(it);
-  return has(TypedArrayConstructorsList, klass)
-    || has(BigIntArrayConstructorsList, klass);
+  return hasOwnProperty_1(TypedArrayConstructorsList, klass)
+    || hasOwnProperty_1(BigIntArrayConstructorsList, klass);
 };
 
 var aTypedArray = function (it) {
@@ -185,16 +155,15 @@ var aTypedArray = function (it) {
 };
 
 var aTypedArrayConstructor = function (C) {
-  if (objectSetPrototypeOf && !isPrototypeOf.call(TypedArray, C)) {
-    throw TypeError('Target is not a typed array constructor');
-  } return C;
+  if (isCallable(C) && (!objectSetPrototypeOf || isPrototypeOf.call(TypedArray, C))) return C;
+  throw TypeError(tryToString(C) + ' is not a typed array constructor');
 };
 
 var exportTypedArrayMethod = function (KEY, property, forced) {
   if (!descriptors) return;
   if (forced) for (var ARRAY in TypedArrayConstructorsList) {
     var TypedArrayConstructor = global_1[ARRAY];
-    if (TypedArrayConstructor && has(TypedArrayConstructor.prototype, KEY)) try {
+    if (TypedArrayConstructor && hasOwnProperty_1(TypedArrayConstructor.prototype, KEY)) try {
       delete TypedArrayConstructor.prototype[KEY];
     } catch (error) { /* empty */ }
   }
@@ -210,7 +179,7 @@ var exportTypedArrayStaticMethod = function (KEY, property, forced) {
   if (objectSetPrototypeOf) {
     if (forced) for (ARRAY in TypedArrayConstructorsList) {
       TypedArrayConstructor = global_1[ARRAY];
-      if (TypedArrayConstructor && has(TypedArrayConstructor, KEY)) try {
+      if (TypedArrayConstructor && hasOwnProperty_1(TypedArrayConstructor, KEY)) try {
         delete TypedArrayConstructor[KEY];
       } catch (error) { /* empty */ }
     }
@@ -243,7 +212,7 @@ for (NAME in BigIntArrayConstructorsList) {
 }
 
 // WebKit bug - typed arrays constructors prototype is Object.prototype
-if (!NATIVE_ARRAY_BUFFER_VIEWS || typeof TypedArray != 'function' || TypedArray === Function.prototype) {
+if (!NATIVE_ARRAY_BUFFER_VIEWS || !isCallable(TypedArray) || TypedArray === Function.prototype) {
   // eslint-disable-next-line no-shadow -- safe
   TypedArray = function TypedArray() {
     throw TypeError('Incorrect invocation');
@@ -265,9 +234,9 @@ if (NATIVE_ARRAY_BUFFER_VIEWS && objectGetPrototypeOf(Uint8ClampedArrayPrototype
   objectSetPrototypeOf(Uint8ClampedArrayPrototype, TypedArrayPrototype);
 }
 
-if (descriptors && !has(TypedArrayPrototype, TO_STRING_TAG$2)) {
+if (descriptors && !hasOwnProperty_1(TypedArrayPrototype, TO_STRING_TAG)) {
   TYPED_ARRAY_TAG_REQIRED = true;
-  defineProperty(TypedArrayPrototype, TO_STRING_TAG$2, { get: function () {
+  defineProperty(TypedArrayPrototype, TO_STRING_TAG, { get: function () {
     return isObject(this) ? this[TYPED_ARRAY_TAG] : undefined;
   } });
   for (NAME in TypedArrayConstructorsList) if (global_1[NAME]) {
@@ -318,16 +287,15 @@ var redefineAll = function (target, src, options) {
 };
 
 var anInstance = function (it, Constructor, name) {
-  if (!(it instanceof Constructor)) {
-    throw TypeError('Incorrect ' + (name ? name + ' ' : '') + 'invocation');
-  } return it;
+  if (it instanceof Constructor) return it;
+  throw TypeError('Incorrect ' + (name ? name + ' ' : '') + 'invocation');
 };
 
 // `ToIndex` abstract operation
 // https://tc39.es/ecma262/#sec-toindex
 var toIndex = function (it) {
   if (it === undefined) return 0;
-  var number = toInteger(it);
+  var number = toIntegerOrInfinity(it);
   var length = toLength(number);
   if (number !== length) throw RangeError('Wrong length or index');
   return length;
@@ -424,7 +392,7 @@ var ieee754 = {
 // https://tc39.es/ecma262/#sec-array.prototype.fill
 var arrayFill = function fill(value /* , start = 0, end = @length */) {
   var O = toObject(this);
-  var length = toLength(O.length);
+  var length = lengthOfArrayLike(O);
   var argumentsLength = arguments.length;
   var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
   var end = argumentsLength > 2 ? arguments[2] : undefined;
@@ -437,11 +405,11 @@ var defineProperty$1 = objectDefineProperty.f;
 
 
 
-var TO_STRING_TAG$3 = wellKnownSymbol('toStringTag');
+var TO_STRING_TAG$1 = wellKnownSymbol('toStringTag');
 
 var setToStringTag = function (it, TAG, STATIC) {
-  if (it && !has(it = STATIC ? it : it.prototype, TO_STRING_TAG$3)) {
-    defineProperty$1(it, TO_STRING_TAG$3, { configurable: true, value: TAG });
+  if (it && !hasOwnProperty_1(it = STATIC ? it : it.prototype, TO_STRING_TAG$1)) {
+    defineProperty$1(it, TO_STRING_TAG$1, { configurable: true, value: TAG });
   }
 };
 
@@ -451,6 +419,8 @@ var defineProperty$2 = objectDefineProperty.f;
 
 
 
+var PROPER_FUNCTION_NAME = functionName.PROPER;
+var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
 var getInternalState = internalState.get;
 var setInternalState = internalState.set;
 var ARRAY_BUFFER = 'ArrayBuffer';
@@ -531,7 +501,7 @@ if (!arrayBufferNative) {
     anInstance(this, $DataView, DATA_VIEW);
     anInstance(buffer, $ArrayBuffer, DATA_VIEW);
     var bufferLength = getInternalState(buffer).byteLength;
-    var offset = toInteger(byteOffset);
+    var offset = toIntegerOrInfinity(byteOffset);
     if (offset < 0 || offset > bufferLength) throw RangeError$1('Wrong offset');
     byteLength = byteLength === undefined ? bufferLength - offset : toLength(byteLength);
     if (offset + byteLength > bufferLength) throw RangeError$1(WRONG_LENGTH);
@@ -607,6 +577,7 @@ if (!arrayBufferNative) {
     }
   });
 } else {
+  var INCORRECT_ARRAY_BUFFER_NAME = PROPER_FUNCTION_NAME && NativeArrayBuffer.name !== ARRAY_BUFFER;
   /* eslint-disable no-new -- required for testing */
   if (!fails(function () {
     NativeArrayBuffer(1);
@@ -616,7 +587,7 @@ if (!arrayBufferNative) {
     new NativeArrayBuffer();
     new NativeArrayBuffer(1.5);
     new NativeArrayBuffer(NaN);
-    return NativeArrayBuffer.name != ARRAY_BUFFER;
+    return INCORRECT_ARRAY_BUFFER_NAME && !CONFIGURABLE_FUNCTION_NAME;
   })) {
   /* eslint-enable no-new -- required for testing */
     $ArrayBuffer = function ArrayBuffer(length) {
@@ -630,6 +601,8 @@ if (!arrayBufferNative) {
       }
     }
     ArrayBufferPrototype.constructor = $ArrayBuffer;
+  } else if (INCORRECT_ARRAY_BUFFER_NAME && CONFIGURABLE_FUNCTION_NAME) {
+    createNonEnumerableProperty(NativeArrayBuffer, 'name', ARRAY_BUFFER);
   }
 
   // WebKit bug - the same parent prototype for typed arrays and data view
@@ -662,14 +635,15 @@ var arrayBuffer = {
 
 var floor$1 = Math.floor;
 
-// `Number.isInteger` method implementation
-// https://tc39.es/ecma262/#sec-number.isinteger
-var isInteger = function isInteger(it) {
+// `IsIntegralNumber` abstract operation
+// https://tc39.es/ecma262/#sec-isintegralnumber
+// eslint-disable-next-line es/no-number-isinteger -- safe
+var isIntegralNumber = Number.isInteger || function isInteger(it) {
   return !isObject(it) && isFinite(it) && floor$1(it) === it;
 };
 
 var toPositiveInteger = function (it) {
-  var result = toInteger(it);
+  var result = toIntegerOrInfinity(it);
   if (result < 0) throw RangeError("The argument can't be less than 0");
   return result;
 };
@@ -680,163 +654,18 @@ var toOffset = function (it, BYTES) {
   return offset;
 };
 
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
-var objectKeys = Object.keys || function keys(O) {
-  return objectKeysInternal(O, enumBugKeys);
-};
-
-// `Object.defineProperties` method
-// https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
-var objectDefineProperties = descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject(O);
-  var keys = objectKeys(Properties);
-  var length = keys.length;
-  var index = 0;
-  var key;
-  while (length > index) objectDefineProperty.f(O, key = keys[index++], Properties[key]);
-  return O;
-};
-
-var html = getBuiltIn('document', 'documentElement');
-
-/* global ActiveXObject -- old IE, WSH */
-
-
-
-
-
-
-
-
-var GT = '>';
-var LT = '<';
-var PROTOTYPE$1 = 'prototype';
-var SCRIPT = 'script';
-var IE_PROTO$1 = sharedKey('IE_PROTO');
-
-var EmptyConstructor = function () { /* empty */ };
-
-var scriptTag = function (content) {
-  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-};
-
-// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-var NullProtoObjectViaActiveX = function (activeXDocument) {
-  activeXDocument.write(scriptTag(''));
-  activeXDocument.close();
-  var temp = activeXDocument.parentWindow.Object;
-  activeXDocument = null; // avoid memory leak
-  return temp;
-};
-
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var NullProtoObjectViaIFrame = function () {
-  // Thrash, waste and sodomy: IE GC bug
-  var iframe = documentCreateElement('iframe');
-  var JS = 'java' + SCRIPT + ':';
-  var iframeDocument;
-  iframe.style.display = 'none';
-  html.appendChild(iframe);
-  // https://github.com/zloirock/core-js/issues/475
-  iframe.src = String(JS);
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(scriptTag('document.F=Object'));
-  iframeDocument.close();
-  return iframeDocument.F;
-};
-
-// Check for document.domain and active x support
-// No need to use active x approach when document.domain is not set
-// see https://github.com/es-shims/es5-shim/issues/150
-// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-// avoid IE GC bug
-var activeXDocument;
-var NullProtoObject = function () {
-  try {
-    activeXDocument = new ActiveXObject('htmlfile');
-  } catch (error) { /* ignore */ }
-  NullProtoObject = typeof document != 'undefined'
-    ? document.domain && activeXDocument
-      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
-      : NullProtoObjectViaIFrame()
-    : NullProtoObjectViaActiveX(activeXDocument); // WSH
-  var length = enumBugKeys.length;
-  while (length--) delete NullProtoObject[PROTOTYPE$1][enumBugKeys[length]];
-  return NullProtoObject();
-};
-
-hiddenKeys[IE_PROTO$1] = true;
-
-// `Object.create` method
-// https://tc39.es/ecma262/#sec-object.create
-var objectCreate = Object.create || function create(O, Properties) {
-  var result;
-  if (O !== null) {
-    EmptyConstructor[PROTOTYPE$1] = anObject(O);
-    result = new EmptyConstructor();
-    EmptyConstructor[PROTOTYPE$1] = null;
-    // add "__proto__" for Object.getPrototypeOf polyfill
-    result[IE_PROTO$1] = O;
-  } else result = NullProtoObject();
-  return Properties === undefined ? result : objectDefineProperties(result, Properties);
-};
-
-var iterators = {};
-
-var ITERATOR$1 = wellKnownSymbol('iterator');
-
-var getIteratorMethod = function (it) {
-  if (it != undefined) return it[ITERATOR$1]
-    || it['@@iterator']
-    || iterators[classof(it)];
-};
-
-var ITERATOR$2 = wellKnownSymbol('iterator');
-var ArrayPrototype = Array.prototype;
-
-// check on default Array iterator
-var isArrayIteratorMethod = function (it) {
-  return it !== undefined && (iterators.Array === it || ArrayPrototype[ITERATOR$2] === it);
-};
-
-// optional / simple context binding
-var functionBindContext = function (fn, that, length) {
-  aFunction(fn);
-  if (that === undefined) return fn;
-  switch (length) {
-    case 0: return function () {
-      return fn.call(that);
-    };
-    case 1: return function (a) {
-      return fn.call(that, a);
-    };
-    case 2: return function (a, b) {
-      return fn.call(that, a, b);
-    };
-    case 3: return function (a, b, c) {
-      return fn.call(that, a, b, c);
-    };
-  }
-  return function (/* ...args */) {
-    return fn.apply(that, arguments);
-  };
-};
-
 var aTypedArrayConstructor$1 = arrayBufferViewCore.aTypedArrayConstructor;
 
 var typedArrayFrom = function from(source /* , mapfn, thisArg */) {
+  var C = aConstructor(this);
   var O = toObject(source);
   var argumentsLength = arguments.length;
   var mapfn = argumentsLength > 1 ? arguments[1] : undefined;
   var mapping = mapfn !== undefined;
   var iteratorMethod = getIteratorMethod(O);
   var i, length, result, step, iterator, next;
-  if (iteratorMethod != undefined && !isArrayIteratorMethod(iteratorMethod)) {
-    iterator = iteratorMethod.call(O);
+  if (iteratorMethod && !isArrayIteratorMethod(iteratorMethod)) {
+    iterator = getIterator(O, iteratorMethod);
     next = iterator.next;
     O = [];
     while (!(step = next.call(iterator)).done) {
@@ -846,8 +675,8 @@ var typedArrayFrom = function from(source /* , mapfn, thisArg */) {
   if (mapping && argumentsLength > 2) {
     mapfn = functionBindContext(mapfn, arguments[2], 2);
   }
-  length = toLength(O.length);
-  result = new (aTypedArrayConstructor$1(this))(length);
+  length = lengthOfArrayLike(O);
+  result = new (aTypedArrayConstructor$1(C))(length);
   for (i = 0; length > i; i++) {
     result[i] = mapping ? mapfn(O[i], i) : O[i];
   }
@@ -857,8 +686,8 @@ var typedArrayFrom = function from(source /* , mapfn, thisArg */) {
 // `IsArray` abstract operation
 // https://tc39.es/ecma262/#sec-isarray
 // eslint-disable-next-line es/no-array-isarray -- safe
-var isArray = Array.isArray || function isArray(arg) {
-  return classofRaw(arg) == 'Array';
+var isArray = Array.isArray || function isArray(argument) {
+  return classofRaw(argument) == 'Array';
 };
 
 var SPECIES = wellKnownSymbol('species');
@@ -870,7 +699,7 @@ var arraySpeciesConstructor = function (originalArray) {
   if (isArray(originalArray)) {
     C = originalArray.constructor;
     // cross-realm fallback
-    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;
+    if (isConstructor(C) && (C === Array || isArray(C.prototype))) C = undefined;
     else if (isObject(C)) {
       C = C[SPECIES];
       if (C === null) C = undefined;
@@ -899,7 +728,7 @@ var createMethod = function (TYPE) {
     var O = toObject($this);
     var self = indexedObject(O);
     var boundFunction = functionBindContext(callbackfn, that, 3);
-    var length = toLength(self.length);
+    var length = lengthOfArrayLike(self);
     var index = 0;
     var create = specificCreate || arraySpeciesCreate;
     var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_REJECT ? create($this, 0) : undefined;
@@ -972,7 +801,7 @@ var inheritIfRequired = function ($this, dummy, Wrapper) {
     // it can work only with native `setPrototypeOf`
     objectSetPrototypeOf &&
     // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
-    typeof (NewTarget = dummy.constructor) == 'function' &&
+    isCallable(NewTarget = dummy.constructor) &&
     NewTarget !== Wrapper &&
     isObject(NewTargetPrototype = NewTarget.prototype) &&
     NewTargetPrototype !== Wrapper.prototype
@@ -1051,7 +880,7 @@ var isTypedArrayIndex = function (target, key) {
   return isTypedArray(target)
     && !isSymbol(key)
     && key in target
-    && isInteger(+key)
+    && isIntegralNumber(+key)
     && key >= 0;
 };
 
@@ -1066,13 +895,13 @@ var wrappedDefineProperty = function defineProperty(target, key, descriptor) {
   key = toPropertyKey(key);
   if (isTypedArrayIndex(target, key)
     && isObject(descriptor)
-    && has(descriptor, 'value')
-    && !has(descriptor, 'get')
-    && !has(descriptor, 'set')
+    && hasOwnProperty_1(descriptor, 'value')
+    && !hasOwnProperty_1(descriptor, 'get')
+    && !hasOwnProperty_1(descriptor, 'set')
     // TODO: add validation descriptor w/o calling accessors
     && !descriptor.configurable
-    && (!has(descriptor, 'writable') || descriptor.writable)
-    && (!has(descriptor, 'enumerable') || descriptor.enumerable)
+    && (!hasOwnProperty_1(descriptor, 'writable') || descriptor.writable)
+    && (!hasOwnProperty_1(descriptor, 'enumerable') || descriptor.enumerable)
   ) {
     target[key] = descriptor.value;
     return target;
@@ -1220,4 +1049,135 @@ if (descriptors) {
 } else module.exports = function () { /* empty */ };
 });
 
-export { typedArrayConstructorsRequireWrappers as a, arrayBufferViewCore as b, objectCreate as o, typedArrayConstructor as t };
+// TODO: use something more complex like timsort?
+var floor$2 = Math.floor;
+
+var mergeSort = function (array, comparefn) {
+  var length = array.length;
+  var middle = floor$2(length / 2);
+  return length < 8 ? insertionSort(array, comparefn) : merge(
+    mergeSort(array.slice(0, middle), comparefn),
+    mergeSort(array.slice(middle), comparefn),
+    comparefn
+  );
+};
+
+var insertionSort = function (array, comparefn) {
+  var length = array.length;
+  var i = 1;
+  var element, j;
+
+  while (i < length) {
+    j = i;
+    element = array[i];
+    while (j && comparefn(array[j - 1], element) > 0) {
+      array[j] = array[--j];
+    }
+    if (j !== i++) array[j] = element;
+  } return array;
+};
+
+var merge = function (left, right, comparefn) {
+  var llength = left.length;
+  var rlength = right.length;
+  var lindex = 0;
+  var rindex = 0;
+  var result = [];
+
+  while (lindex < llength || rindex < rlength) {
+    if (lindex < llength && rindex < rlength) {
+      result.push(comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]);
+    } else {
+      result.push(lindex < llength ? left[lindex++] : right[rindex++]);
+    }
+  } return result;
+};
+
+var arraySort = mergeSort;
+
+var firefox = engineUserAgent.match(/firefox\/(\d+)/i);
+
+var engineFfVersion = !!firefox && +firefox[1];
+
+var engineIsIeOrEdge = /MSIE|Trident/.test(engineUserAgent);
+
+var webkit = engineUserAgent.match(/AppleWebKit\/(\d+)\./);
+
+var engineWebkitVersion = !!webkit && +webkit[1];
+
+var aTypedArray$1 = arrayBufferViewCore.aTypedArray;
+var exportTypedArrayMethod$1 = arrayBufferViewCore.exportTypedArrayMethod;
+var Uint16Array = global_1.Uint16Array;
+var nativeSort = Uint16Array && Uint16Array.prototype.sort;
+
+// WebKit
+var ACCEPT_INCORRECT_ARGUMENTS = !!nativeSort && !fails(function () {
+  var array = new Uint16Array(2);
+  array.sort(null);
+  array.sort({});
+});
+
+var STABLE_SORT = !!nativeSort && !fails(function () {
+  // feature detection can be too slow, so check engines versions
+  if (engineV8Version) return engineV8Version < 74;
+  if (engineFfVersion) return engineFfVersion < 67;
+  if (engineIsIeOrEdge) return true;
+  if (engineWebkitVersion) return engineWebkitVersion < 602;
+
+  var array = new Uint16Array(516);
+  var expected = Array(516);
+  var index, mod;
+
+  for (index = 0; index < 516; index++) {
+    mod = index % 4;
+    array[index] = 515 - index;
+    expected[index] = index - 2 * mod + 3;
+  }
+
+  array.sort(function (a, b) {
+    return (a / 4 | 0) - (b / 4 | 0);
+  });
+
+  for (index = 0; index < 516; index++) {
+    if (array[index] !== expected[index]) return true;
+  }
+});
+
+var getSortCompare = function (comparefn) {
+  return function (x, y) {
+    if (comparefn !== undefined) return +comparefn(x, y) || 0;
+    // eslint-disable-next-line no-self-compare -- NaN check
+    if (y !== y) return -1;
+    // eslint-disable-next-line no-self-compare -- NaN check
+    if (x !== x) return 1;
+    if (x === 0 && y === 0) return 1 / x > 0 && 1 / y < 0 ? 1 : -1;
+    return x > y;
+  };
+};
+
+// `%TypedArray%.prototype.sort` method
+// https://tc39.es/ecma262/#sec-%typedarray%.prototype.sort
+exportTypedArrayMethod$1('sort', function sort(comparefn) {
+  var array = this;
+  if (comparefn !== undefined) aCallable(comparefn);
+  if (STABLE_SORT) return nativeSort.call(array, comparefn);
+
+  aTypedArray$1(array);
+  var arrayLength = lengthOfArrayLike(array);
+  var items = Array(arrayLength);
+  var index;
+
+  for (index = 0; index < arrayLength; index++) {
+    items[index] = array[index];
+  }
+
+  items = arraySort(array, getSortCompare(comparefn));
+
+  for (index = 0; index < arrayLength; index++) {
+    array[index] = items[index];
+  }
+
+  return array;
+}, !STABLE_SORT || ACCEPT_INCORRECT_ARGUMENTS);
+
+export { typedArrayConstructorsRequireWrappers as a, arrayBufferViewCore as b, typedArrayConstructor as t };
diff --git a/web_modules/common/es.typed-array.uint32-array-7e1301f8.js b/web_modules/common/es.typed-array.uint32-array-7e1301f8.js
deleted file mode 100644
index 8fe834c..0000000
--- a/web_modules/common/es.typed-array.uint32-array-7e1301f8.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { t as typedArrayConstructor } from './typed-array-constructor-cb17899c.js';
-
-// `Int8Array` constructor
-// https://tc39.es/ecma262/#sec-typedarray-objects
-typedArrayConstructor('Int8', function (init) {
-  return function Int8Array(data, byteOffset, length) {
-    return init(this, data, byteOffset, length);
-  };
-});
-
-// `Uint16Array` constructor
-// https://tc39.es/ecma262/#sec-typedarray-objects
-typedArrayConstructor('Uint16', function (init) {
-  return function Uint16Array(data, byteOffset, length) {
-    return init(this, data, byteOffset, length);
-  };
-});
-
-// `Uint32Array` constructor
-// https://tc39.es/ecma262/#sec-typedarray-objects
-typedArrayConstructor('Uint32', function (init) {
-  return function Uint32Array(data, byteOffset, length) {
-    return init(this, data, byteOffset, length);
-  };
-});
diff --git a/web_modules/common/es.typed-array.uint32-array-1cc93ef8.js b/web_modules/common/es.typed-array.uint32-array-9d9a9ee4.js
similarity index 89%
rename from web_modules/common/es.typed-array.uint32-array-1cc93ef8.js
rename to web_modules/common/es.typed-array.uint32-array-9d9a9ee4.js
index 3c1559c..5e8d17d 100644
--- a/web_modules/common/es.typed-array.uint32-array-1cc93ef8.js
+++ b/web_modules/common/es.typed-array.uint32-array-9d9a9ee4.js
@@ -1,4 +1,4 @@
-import { t as typedArrayConstructor } from './typed-array-constructor-b01e3ece.js';
+import { t as typedArrayConstructor } from './es.typed-array.sort-b0d7095a.js';
 
 // `Int8Array` constructor
 // https://tc39.es/ecma262/#sec-typedarray-objects
diff --git a/web_modules/common/es.typed-array.uint8-array-1a7fc936.js b/web_modules/common/es.typed-array.uint8-array-b443585b.js
similarity index 74%
rename from web_modules/common/es.typed-array.uint8-array-1a7fc936.js
rename to web_modules/common/es.typed-array.uint8-array-b443585b.js
index e29db44..218ddc1 100644
--- a/web_modules/common/es.typed-array.uint8-array-1a7fc936.js
+++ b/web_modules/common/es.typed-array.uint8-array-b443585b.js
@@ -1,4 +1,4 @@
-import { t as typedArrayConstructor } from './typed-array-constructor-b01e3ece.js';
+import { t as typedArrayConstructor } from './es.typed-array.sort-b0d7095a.js';
 
 // `Uint8Array` constructor
 // https://tc39.es/ecma262/#sec-typedarray-objects
diff --git a/web_modules/common/es.typed-array.uint8-array-bb8053d8.js b/web_modules/common/es.typed-array.uint8-array-bb8053d8.js
deleted file mode 100644
index 211eba8..0000000
--- a/web_modules/common/es.typed-array.uint8-array-bb8053d8.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { t as typedArrayConstructor } from './typed-array-constructor-cb17899c.js';
-
-// `Uint8Array` constructor
-// https://tc39.es/ecma262/#sec-typedarray-objects
-typedArrayConstructor('Uint8', function (init) {
-  return function Uint8Array(data, byteOffset, length) {
-    return init(this, data, byteOffset, length);
-  };
-});
diff --git a/web_modules/common/a-function-0ad19c84.js b/web_modules/common/function-bind-context-dcf83647.js
similarity index 57%
rename from web_modules/common/a-function-0ad19c84.js
rename to web_modules/common/function-bind-context-dcf83647.js
index 63f6c92..b457de0 100644
--- a/web_modules/common/a-function-0ad19c84.js
+++ b/web_modules/common/function-bind-context-dcf83647.js
@@ -1,5 +1,9 @@
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 		path: basedir,
@@ -106,12 +110,18 @@ var toIndexedObject = function (it) {
   return indexedObject(requireObjectCoercible(it));
 };
 
+// `IsCallable` abstract operation
+// https://tc39.es/ecma262/#sec-iscallable
+var isCallable = function (argument) {
+  return typeof argument === 'function';
+};
+
 var isObject = function (it) {
-  return typeof it === 'object' ? it !== null : typeof it === 'function';
+  return typeof it === 'object' ? it !== null : isCallable(it);
 };
 
-var aFunction = function (variable) {
-  return typeof variable == 'function' ? variable : undefined;
+var aFunction = function (argument) {
+  return isCallable(argument) ? argument : undefined;
 };
 
 var getBuiltIn = function (namespace, method) {
@@ -164,16 +174,37 @@ var isSymbol = useSymbolAsUid ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn('Symbol');
-  return typeof $Symbol == 'function' && Object(it) instanceof $Symbol;
+  return isCallable($Symbol) && Object(it) instanceof $Symbol;
+};
+
+var tryToString = function (argument) {
+  try {
+    return String(argument);
+  } catch (error) {
+    return 'Object';
+  }
+};
+
+// `Assert: IsCallable(argument) is true`
+var aCallable = function (argument) {
+  if (isCallable(argument)) return argument;
+  throw TypeError(tryToString(argument) + ' is not a function');
+};
+
+// `GetMethod` abstract operation
+// https://tc39.es/ecma262/#sec-getmethod
+var getMethod = function (V, P) {
+  var func = V[P];
+  return func == null ? undefined : aCallable(func);
 };
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
-  if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;
-  if (pref !== 'string' && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+  if (pref === 'string' && isCallable(fn = input.toString) && !isObject(val = fn.call(input))) return val;
+  if (isCallable(fn = input.valueOf) && !isObject(val = fn.call(input))) return val;
+  if (pref !== 'string' && isCallable(fn = input.toString) && !isObject(val = fn.call(input))) return val;
   throw TypeError("Can't convert object to primitive value");
 };
 
@@ -195,7 +226,7 @@ var shared = createCommonjsModule(function (module) {
 (module.exports = function (key, value) {
   return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.16.3',
+  version: '3.18.3',
   mode:  'global',
   copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
 });
@@ -209,7 +240,9 @@ var toObject = function (argument) {
 
 var hasOwnProperty = {}.hasOwnProperty;
 
-var has = Object.hasOwn || function hasOwn(it, key) {
+// `HasOwnProperty` abstract operation
+// https://tc39.es/ecma262/#sec-hasownproperty
+var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty.call(toObject(it), key);
 };
 
@@ -225,8 +258,8 @@ var Symbol$1 = global_1.Symbol;
 var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
 
 var wellKnownSymbol = function (name) {
-  if (!has(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
-    if (nativeSymbol && has(Symbol$1, name)) {
+  if (!hasOwnProperty_1(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
+    if (nativeSymbol && hasOwnProperty_1(Symbol$1, name)) {
       WellKnownSymbolsStore[name] = Symbol$1[name];
     } else {
       WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);
@@ -240,9 +273,9 @@ var TO_PRIMITIVE = wellKnownSymbol('toPrimitive');
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive = function (input, pref) {
   if (!isObject(input) || isSymbol(input)) return input;
-  var exoticToPrim = input[TO_PRIMITIVE];
+  var exoticToPrim = getMethod(input, TO_PRIMITIVE);
   var result;
-  if (exoticToPrim !== undefined) {
+  if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = exoticToPrim.call(input, pref);
     if (!isObject(result) || isSymbol(result)) return result;
@@ -259,12 +292,12 @@ var toPropertyKey = function (argument) {
   return isSymbol(key) ? key : String(key);
 };
 
-var document = global_1.document;
+var document$1 = global_1.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS = isObject(document) && isObject(document.createElement);
+var EXISTS = isObject(document$1) && isObject(document$1.createElement);
 
 var documentCreateElement = function (it) {
-  return EXISTS ? document.createElement(it) : {};
+  return EXISTS ? document$1.createElement(it) : {};
 };
 
 // Thank's IE8 for his funny defineProperty
@@ -286,17 +319,17 @@ var f$1 = descriptors ? $getOwnPropertyDescriptor : function getOwnPropertyDescr
   if (ie8DomDefine) try {
     return $getOwnPropertyDescriptor(O, P);
   } catch (error) { /* empty */ }
-  if (has(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);
+  if (hasOwnProperty_1(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);
 };
 
 var objectGetOwnPropertyDescriptor = {
 	f: f$1
 };
 
-var anObject = function (it) {
-  if (!isObject(it)) {
-    throw TypeError(String(it) + ' is not an object');
-  } return it;
+// `Assert: Type(argument) is Object`
+var anObject = function (argument) {
+  if (isObject(argument)) return argument;
+  throw TypeError(String(argument) + ' is not an object');
 };
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
@@ -330,7 +363,7 @@ var createNonEnumerableProperty = descriptors ? function (object, key, value) {
 var functionToString = Function.toString;
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (typeof sharedStore.inspectSource != 'function') {
+if (!isCallable(sharedStore.inspectSource)) {
   sharedStore.inspectSource = function (it) {
     return functionToString.call(it);
   };
@@ -340,7 +373,7 @@ var inspectSource = sharedStore.inspectSource;
 
 var WeakMap = global_1.WeakMap;
 
-var nativeWeakMap = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
+var nativeWeakMap = isCallable(WeakMap) && /native code/.test(inspectSource(WeakMap));
 
 var keys = shared('keys');
 
@@ -352,10 +385,10 @@ var hiddenKeys = {};
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
 var WeakMap$1 = global_1.WeakMap;
-var set, get, has$1;
+var set, get, has;
 
 var enforce = function (it) {
-  return has$1(it) ? get(it) : set(it, {});
+  return has(it) ? get(it) : set(it, {});
 };
 
 var getterFor = function (TYPE) {
@@ -381,35 +414,52 @@ if (nativeWeakMap || sharedStore.state) {
   get = function (it) {
     return wmget.call(store$1, it) || {};
   };
-  has$1 = function (it) {
+  has = function (it) {
     return wmhas.call(store$1, it);
   };
 } else {
   var STATE = sharedKey('state');
   hiddenKeys[STATE] = true;
   set = function (it, metadata) {
-    if (has(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwnProperty_1(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
-    return has(it, STATE) ? it[STATE] : {};
+    return hasOwnProperty_1(it, STATE) ? it[STATE] : {};
   };
-  has$1 = function (it) {
-    return has(it, STATE);
+  has = function (it) {
+    return hasOwnProperty_1(it, STATE);
   };
 }
 
 var internalState = {
   set: set,
   get: get,
-  has: has$1,
+  has: has,
   enforce: enforce,
   getterFor: getterFor
 };
 
+var FunctionPrototype = Function.prototype;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getDescriptor = descriptors && Object.getOwnPropertyDescriptor;
+
+var EXISTS$1 = hasOwnProperty_1(FunctionPrototype, 'name');
+// additional protection from minified / mangled / dropped function names
+var PROPER = EXISTS$1 && (function something() { /* empty */ }).name === 'something';
+var CONFIGURABLE = EXISTS$1 && (!descriptors || (descriptors && getDescriptor(FunctionPrototype, 'name').configurable));
+
+var functionName = {
+  EXISTS: EXISTS$1,
+  PROPER: PROPER,
+  CONFIGURABLE: CONFIGURABLE
+};
+
 var redefine = createCommonjsModule(function (module) {
+var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
+
 var getInternalState = internalState.get;
 var enforceInternalState = internalState.enforce;
 var TEMPLATE = String(String).split('String');
@@ -418,14 +468,18 @@ var TEMPLATE = String(String).split('String');
   var unsafe = options ? !!options.unsafe : false;
   var simple = options ? !!options.enumerable : false;
   var noTargetGet = options ? !!options.noTargetGet : false;
+  var name = options && options.name !== undefined ? options.name : key;
   var state;
-  if (typeof value == 'function') {
-    if (typeof key == 'string' && !has(value, 'name')) {
-      createNonEnumerableProperty(value, 'name', key);
+  if (isCallable(value)) {
+    if (String(name).slice(0, 7) === 'Symbol(') {
+      name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
+    }
+    if (!hasOwnProperty_1(value, 'name') || (CONFIGURABLE_FUNCTION_NAME && value.name !== name)) {
+      createNonEnumerableProperty(value, 'name', name);
     }
     state = enforceInternalState(value);
     if (!state.source) {
-      state.source = TEMPLATE.join(typeof key == 'string' ? key : '');
+      state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
     }
   }
   if (O === global_1) {
@@ -441,43 +495,51 @@ var TEMPLATE = String(String).split('String');
   else createNonEnumerableProperty(O, key, value);
 // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
 })(Function.prototype, 'toString', function toString() {
-  return typeof this == 'function' && getInternalState(this).source || inspectSource(this);
+  return isCallable(this) && getInternalState(this).source || inspectSource(this);
 });
 });
 
 var ceil = Math.ceil;
 var floor = Math.floor;
 
-// `ToInteger` abstract operation
-// https://tc39.es/ecma262/#sec-tointeger
-var toInteger = function (argument) {
-  return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);
+// `ToIntegerOrInfinity` abstract operation
+// https://tc39.es/ecma262/#sec-tointegerorinfinity
+var toIntegerOrInfinity = function (argument) {
+  var number = +argument;
+  // eslint-disable-next-line no-self-compare -- safe
+  return number !== number || number === 0 ? 0 : (number > 0 ? floor : ceil)(number);
 };
 
+var max = Math.max;
 var min = Math.min;
 
+// Helper for a popular repeating case of the spec:
+// Let integer be ? ToInteger(index).
+// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+var toAbsoluteIndex = function (index, length) {
+  var integer = toIntegerOrInfinity(index);
+  return integer < 0 ? max(integer + length, 0) : min(integer, length);
+};
+
+var min$1 = Math.min;
+
 // `ToLength` abstract operation
 // https://tc39.es/ecma262/#sec-tolength
 var toLength = function (argument) {
-  return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+  return argument > 0 ? min$1(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
 };
 
-var max = Math.max;
-var min$1 = Math.min;
-
-// Helper for a popular repeating case of the spec:
-// Let integer be ? ToInteger(index).
-// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-var toAbsoluteIndex = function (index, length) {
-  var integer = toInteger(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+// `LengthOfArrayLike` abstract operation
+// https://tc39.es/ecma262/#sec-lengthofarraylike
+var lengthOfArrayLike = function (obj) {
+  return toLength(obj.length);
 };
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
 var createMethod = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject($this);
-    var length = toLength(O.length);
+    var length = lengthOfArrayLike(O);
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -510,9 +572,9 @@ var objectKeysInternal = function (object, names) {
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key);
+  for (key in O) !hasOwnProperty_1(hiddenKeys, key) && hasOwnProperty_1(O, key) && result.push(key);
   // Don't enum bug & hidden keys
-  while (names.length > i) if (has(O, key = names[i++])) {
+  while (names.length > i) if (hasOwnProperty_1(O, key = names[i++])) {
     ~indexOf(result, key) || result.push(key);
   }
   return result;
@@ -562,7 +624,7 @@ var copyConstructorProperties = function (target, source) {
   var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
-    if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+    if (!hasOwnProperty_1(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
   }
 };
 
@@ -572,7 +634,7 @@ var isForced = function (feature, detection) {
   var value = data[normalize(feature)];
   return value == POLYFILL ? true
     : value == NATIVE ? false
-    : typeof detection == 'function' ? fails(detection)
+    : isCallable(detection) ? fails(detection)
     : !!detection;
 };
 
@@ -606,6 +668,7 @@ var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
   options.sham        - add a flag to not completely full polyfills
   options.enumerable  - export as enumerable property
   options.noTargetGet - prevent calling a getter on target
+  options.name        - the .name of the function if it does not match the key
 */
 var _export = function (options, source) {
   var TARGET = options.target;
@@ -640,10 +703,228 @@ var _export = function (options, source) {
   }
 };
 
-var aFunction$1 = function (it) {
-  if (typeof it != 'function') {
-    throw TypeError(String(it) + ' is not a function');
-  } return it;
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG] = 'z';
+
+var toStringTagSupport = String(test) === '[object z]';
+
+var TO_STRING_TAG$1 = wellKnownSymbol('toStringTag');
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (error) { /* empty */ }
+};
+
+// getting tag from ES6+ `Object.prototype.toString`
+var classof = toStringTagSupport ? classofRaw : function (it) {
+  var O, tag, result;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (tag = tryGet(O = Object(it), TO_STRING_TAG$1)) == 'string' ? tag
+    // builtinTag case
+    : CORRECT_ARGUMENTS ? classofRaw(O)
+    // ES3 arguments fallback
+    : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
+};
+
+// `Object.keys` method
+// https://tc39.es/ecma262/#sec-object.keys
+// eslint-disable-next-line es/no-object-keys -- safe
+var objectKeys = Object.keys || function keys(O) {
+  return objectKeysInternal(O, enumBugKeys);
+};
+
+// `Object.defineProperties` method
+// https://tc39.es/ecma262/#sec-object.defineproperties
+// eslint-disable-next-line es/no-object-defineproperties -- safe
+var objectDefineProperties = descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject(O);
+  var keys = objectKeys(Properties);
+  var length = keys.length;
+  var index = 0;
+  var key;
+  while (length > index) objectDefineProperty.f(O, key = keys[index++], Properties[key]);
+  return O;
+};
+
+var html = getBuiltIn('document', 'documentElement');
+
+/* global ActiveXObject -- old IE, WSH */
+
+
+
+
+
+
+
+
+var GT = '>';
+var LT = '<';
+var PROTOTYPE = 'prototype';
+var SCRIPT = 'script';
+var IE_PROTO = sharedKey('IE_PROTO');
+
+var EmptyConstructor = function () { /* empty */ };
+
+var scriptTag = function (content) {
+  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
+};
+
+// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
+var NullProtoObjectViaActiveX = function (activeXDocument) {
+  activeXDocument.write(scriptTag(''));
+  activeXDocument.close();
+  var temp = activeXDocument.parentWindow.Object;
+  activeXDocument = null; // avoid memory leak
+  return temp;
+};
+
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var NullProtoObjectViaIFrame = function () {
+  // Thrash, waste and sodomy: IE GC bug
+  var iframe = documentCreateElement('iframe');
+  var JS = 'java' + SCRIPT + ':';
+  var iframeDocument;
+  iframe.style.display = 'none';
+  html.appendChild(iframe);
+  // https://github.com/zloirock/core-js/issues/475
+  iframe.src = String(JS);
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(scriptTag('document.F=Object'));
+  iframeDocument.close();
+  return iframeDocument.F;
+};
+
+// Check for document.domain and active x support
+// No need to use active x approach when document.domain is not set
+// see https://github.com/es-shims/es5-shim/issues/150
+// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
+// avoid IE GC bug
+var activeXDocument;
+var NullProtoObject = function () {
+  try {
+    activeXDocument = new ActiveXObject('htmlfile');
+  } catch (error) { /* ignore */ }
+  NullProtoObject = typeof document != 'undefined'
+    ? document.domain && activeXDocument
+      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
+      : NullProtoObjectViaIFrame()
+    : NullProtoObjectViaActiveX(activeXDocument); // WSH
+  var length = enumBugKeys.length;
+  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
+  return NullProtoObject();
+};
+
+hiddenKeys[IE_PROTO] = true;
+
+// `Object.create` method
+// https://tc39.es/ecma262/#sec-object.create
+var objectCreate = Object.create || function create(O, Properties) {
+  var result;
+  if (O !== null) {
+    EmptyConstructor[PROTOTYPE] = anObject(O);
+    result = new EmptyConstructor();
+    EmptyConstructor[PROTOTYPE] = null;
+    // add "__proto__" for Object.getPrototypeOf polyfill
+    result[IE_PROTO] = O;
+  } else result = NullProtoObject();
+  return Properties === undefined ? result : objectDefineProperties(result, Properties);
+};
+
+var empty = [];
+var construct = getBuiltIn('Reflect', 'construct');
+var constructorRegExp = /^\s*(?:class|function)\b/;
+var exec = constructorRegExp.exec;
+var INCORRECT_TO_STRING = !constructorRegExp.exec(function () { /* empty */ });
+
+var isConstructorModern = function (argument) {
+  if (!isCallable(argument)) return false;
+  try {
+    construct(Object, empty, argument);
+    return true;
+  } catch (error) {
+    return false;
+  }
+};
+
+var isConstructorLegacy = function (argument) {
+  if (!isCallable(argument)) return false;
+  switch (classof(argument)) {
+    case 'AsyncFunction':
+    case 'GeneratorFunction':
+    case 'AsyncGeneratorFunction': return false;
+    // we can't check .prototype since constructors produced by .bind haven't it
+  } return INCORRECT_TO_STRING || !!exec.call(constructorRegExp, inspectSource(argument));
+};
+
+// `IsConstructor` abstract operation
+// https://tc39.es/ecma262/#sec-isconstructor
+var isConstructor = !construct || fails(function () {
+  var called;
+  return isConstructorModern(isConstructorModern.call)
+    || !isConstructorModern(Object)
+    || !isConstructorModern(function () { called = true; })
+    || called;
+}) ? isConstructorLegacy : isConstructorModern;
+
+// `Assert: IsConstructor(argument) is true`
+var aConstructor = function (argument) {
+  if (isConstructor(argument)) return argument;
+  throw TypeError(tryToString(argument) + ' is not a constructor');
+};
+
+var iterators = {};
+
+var ITERATOR = wellKnownSymbol('iterator');
+
+var getIteratorMethod = function (it) {
+  if (it != undefined) return getMethod(it, ITERATOR)
+    || getMethod(it, '@@iterator')
+    || iterators[classof(it)];
+};
+
+var getIterator = function (argument, usingIterator) {
+  var iteratorMethod = arguments.length < 2 ? getIteratorMethod(argument) : usingIterator;
+  if (aCallable(iteratorMethod)) return anObject(iteratorMethod.call(argument));
+  throw TypeError(String(argument) + ' is not iterable');
+};
+
+var ITERATOR$1 = wellKnownSymbol('iterator');
+var ArrayPrototype = Array.prototype;
+
+// check on default Array iterator
+var isArrayIteratorMethod = function (it) {
+  return it !== undefined && (iterators.Array === it || ArrayPrototype[ITERATOR$1] === it);
+};
+
+// optional / simple context binding
+var functionBindContext = function (fn, that, length) {
+  aCallable(fn);
+  if (that === undefined) return fn;
+  switch (length) {
+    case 0: return function () {
+      return fn.call(that);
+    };
+    case 1: return function (a) {
+      return fn.call(that, a);
+    };
+    case 2: return function (a, b) {
+      return fn.call(that, a, b);
+    };
+    case 3: return function (a, b, c) {
+      return fn.call(that, a, b, c);
+    };
+  }
+  return function (/* ...args */) {
+    return fn.apply(that, arguments);
+  };
 };
 
-export { documentCreateElement as A, aFunction$1 as B, indexedObject as C, createCommonjsModule as D, toPropertyKey as E, createPropertyDescriptor as F, objectGetOwnPropertyDescriptor as G, engineV8Version as H, commonjsGlobal as I, getDefaultExportFromNamespaceIfNotNamed as J, _export as _, anObject as a, internalState as b, createNonEnumerableProperty as c, requireObjectCoercible as d, toObject as e, fails as f, global_1 as g, classofRaw as h, isSymbol as i, toLength as j, sharedKey as k, has as l, isObject as m, descriptors as n, objectDefineProperty as o, toAbsoluteIndex as p, objectGetOwnPropertyNames as q, redefine as r, shared as s, toInteger as t, uid as u, objectKeysInternal as v, wellKnownSymbol as w, enumBugKeys as x, getBuiltIn as y, hiddenKeys as z };
+export { getIterator as A, functionBindContext as B, classofRaw as C, isConstructor as D, indexedObject as E, getBuiltIn as F, createCommonjsModule as G, objectCreate as H, toPropertyKey as I, isSymbol as J, createPropertyDescriptor as K, objectGetOwnPropertyDescriptor as L, engineUserAgent as M, aCallable as N, engineV8Version as O, shared as P, requireObjectCoercible as Q, getMethod as R, commonjsGlobal as S, getDefaultExportFromNamespaceIfNotNamed as T, getDefaultExportFromCjs as U, _export as _, anObject as a, createNonEnumerableProperty as b, classof as c, descriptors as d, isObject as e, fails as f, global_1 as g, hasOwnProperty_1 as h, isCallable as i, tryToString as j, toIntegerOrInfinity as k, toLength as l, lengthOfArrayLike as m, toAbsoluteIndex as n, objectDefineProperty as o, objectGetOwnPropertyNames as p, functionName as q, redefine as r, sharedKey as s, toObject as t, uid as u, internalState as v, wellKnownSymbol as w, aConstructor as x, getIteratorMethod as y, isArrayIteratorMethod as z };
diff --git a/web_modules/common/typed-array-constructor-b01e3ece.js b/web_modules/common/typed-array-constructor-b01e3ece.js
deleted file mode 100644
index 522b85b..0000000
--- a/web_modules/common/typed-array-constructor-b01e3ece.js
+++ /dev/null
@@ -1,1218 +0,0 @@
-import { f as fails, h as engineV8Version, s as shared, j as global_1, u as uid, k as has, e as classofRaw, l as sharedKey, d as toObject, m as isObject, a as anObject, n as descriptors, c as createNonEnumerableProperty, o as objectDefineProperty, r as redefine, t as toInteger, g as toLength, p as toAbsoluteIndex, q as objectGetOwnPropertyNames, i as internalState, v as objectKeysInternal, w as enumBugKeys, x as getBuiltIn, y as hiddenKeys, z as documentCreateElement, A as aFunction, B as indexedObject, C as createCommonjsModule, _ as _export, D as toPrimitive, E as createPropertyDescriptor, F as objectGetOwnPropertyDescriptor } from './a-function-58034956.js';
-
-/* eslint-disable es/no-symbol -- required for testing */
-
-
-
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
-  var symbol = Symbol();
-  // Chrome 38 Symbol has incorrect toString conversion
-  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
-  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
-    // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
-    !Symbol.sham && engineV8Version && engineV8Version < 41;
-});
-
-/* eslint-disable es/no-symbol -- required for testing */
-
-
-var useSymbolAsUid = nativeSymbol
-  && !Symbol.sham
-  && typeof Symbol.iterator == 'symbol';
-
-var WellKnownSymbolsStore = shared('wks');
-var Symbol$1 = global_1.Symbol;
-var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
-
-var wellKnownSymbol = function (name) {
-  if (!has(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
-    if (nativeSymbol && has(Symbol$1, name)) {
-      WellKnownSymbolsStore[name] = Symbol$1[name];
-    } else {
-      WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);
-    }
-  } return WellKnownSymbolsStore[name];
-};
-
-var ITERATOR = wellKnownSymbol('iterator');
-var SAFE_CLOSING = false;
-
-try {
-  var called = 0;
-  var iteratorWithReturn = {
-    next: function () {
-      return { done: !!called++ };
-    },
-    'return': function () {
-      SAFE_CLOSING = true;
-    }
-  };
-  iteratorWithReturn[ITERATOR] = function () {
-    return this;
-  };
-  // eslint-disable-next-line es/no-array-from, no-throw-literal -- required for testing
-  Array.from(iteratorWithReturn, function () { throw 2; });
-} catch (error) { /* empty */ }
-
-var checkCorrectnessOfIteration = function (exec, SKIP_CLOSING) {
-  if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
-  var ITERATION_SUPPORT = false;
-  try {
-    var object = {};
-    object[ITERATOR] = function () {
-      return {
-        next: function () {
-          return { done: ITERATION_SUPPORT = true };
-        }
-      };
-    };
-    exec(object);
-  } catch (error) { /* empty */ }
-  return ITERATION_SUPPORT;
-};
-
-// eslint-disable-next-line es/no-typed-arrays -- safe
-var arrayBufferNative = typeof ArrayBuffer !== 'undefined' && typeof DataView !== 'undefined';
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG] = 'z';
-
-var toStringTagSupport = String(test) === '[object z]';
-
-var TO_STRING_TAG$1 = wellKnownSymbol('toStringTag');
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
-  } catch (error) { /* empty */ }
-};
-
-// getting tag from ES6+ `Object.prototype.toString`
-var classof = toStringTagSupport ? classofRaw : function (it) {
-  var O, tag, result;
-  return it === undefined ? 'Undefined' : it === null ? 'Null'
-    // @@toStringTag case
-    : typeof (tag = tryGet(O = Object(it), TO_STRING_TAG$1)) == 'string' ? tag
-    // builtinTag case
-    : CORRECT_ARGUMENTS ? classofRaw(O)
-    // ES3 arguments fallback
-    : (result = classofRaw(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : result;
-};
-
-var correctPrototypeGetter = !fails(function () {
-  function F() { /* empty */ }
-  F.prototype.constructor = null;
-  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
-  return Object.getPrototypeOf(new F()) !== F.prototype;
-});
-
-var IE_PROTO = sharedKey('IE_PROTO');
-var ObjectPrototype = Object.prototype;
-
-// `Object.getPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.getprototypeof
-// eslint-disable-next-line es/no-object-getprototypeof -- safe
-var objectGetPrototypeOf = correctPrototypeGetter ? Object.getPrototypeOf : function (O) {
-  O = toObject(O);
-  if (has(O, IE_PROTO)) return O[IE_PROTO];
-  if (typeof O.constructor == 'function' && O instanceof O.constructor) {
-    return O.constructor.prototype;
-  } return O instanceof Object ? ObjectPrototype : null;
-};
-
-var aPossiblePrototype = function (it) {
-  if (!isObject(it) && it !== null) {
-    throw TypeError("Can't set " + String(it) + ' as a prototype');
-  } return it;
-};
-
-/* eslint-disable no-proto -- safe */
-
-
-
-// `Object.setPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.setprototypeof
-// Works with __proto__ only. Old v8 can't work with null proto objects.
-// eslint-disable-next-line es/no-object-setprototypeof -- safe
-var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
-  var CORRECT_SETTER = false;
-  var test = {};
-  var setter;
-  try {
-    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    setter = Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set;
-    setter.call(test, []);
-    CORRECT_SETTER = test instanceof Array;
-  } catch (error) { /* empty */ }
-  return function setPrototypeOf(O, proto) {
-    anObject(O);
-    aPossiblePrototype(proto);
-    if (CORRECT_SETTER) setter.call(O, proto);
-    else O.__proto__ = proto;
-    return O;
-  };
-}() : undefined);
-
-var defineProperty = objectDefineProperty.f;
-
-
-
-
-
-var Int8Array = global_1.Int8Array;
-var Int8ArrayPrototype = Int8Array && Int8Array.prototype;
-var Uint8ClampedArray = global_1.Uint8ClampedArray;
-var Uint8ClampedArrayPrototype = Uint8ClampedArray && Uint8ClampedArray.prototype;
-var TypedArray = Int8Array && objectGetPrototypeOf(Int8Array);
-var TypedArrayPrototype = Int8ArrayPrototype && objectGetPrototypeOf(Int8ArrayPrototype);
-var ObjectPrototype$1 = Object.prototype;
-var isPrototypeOf = ObjectPrototype$1.isPrototypeOf;
-
-var TO_STRING_TAG$2 = wellKnownSymbol('toStringTag');
-var TYPED_ARRAY_TAG = uid('TYPED_ARRAY_TAG');
-// Fixing native typed arrays in Opera Presto crashes the browser, see #595
-var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferNative && !!objectSetPrototypeOf && classof(global_1.opera) !== 'Opera';
-var TYPED_ARRAY_TAG_REQIRED = false;
-var NAME;
-
-var TypedArrayConstructorsList = {
-  Int8Array: 1,
-  Uint8Array: 1,
-  Uint8ClampedArray: 1,
-  Int16Array: 2,
-  Uint16Array: 2,
-  Int32Array: 4,
-  Uint32Array: 4,
-  Float32Array: 4,
-  Float64Array: 8
-};
-
-var BigIntArrayConstructorsList = {
-  BigInt64Array: 8,
-  BigUint64Array: 8
-};
-
-var isView = function isView(it) {
-  if (!isObject(it)) return false;
-  var klass = classof(it);
-  return klass === 'DataView'
-    || has(TypedArrayConstructorsList, klass)
-    || has(BigIntArrayConstructorsList, klass);
-};
-
-var isTypedArray = function (it) {
-  if (!isObject(it)) return false;
-  var klass = classof(it);
-  return has(TypedArrayConstructorsList, klass)
-    || has(BigIntArrayConstructorsList, klass);
-};
-
-var aTypedArray = function (it) {
-  if (isTypedArray(it)) return it;
-  throw TypeError('Target is not a typed array');
-};
-
-var aTypedArrayConstructor = function (C) {
-  if (objectSetPrototypeOf) {
-    if (isPrototypeOf.call(TypedArray, C)) return C;
-  } else for (var ARRAY in TypedArrayConstructorsList) if (has(TypedArrayConstructorsList, NAME)) {
-    var TypedArrayConstructor = global_1[ARRAY];
-    if (TypedArrayConstructor && (C === TypedArrayConstructor || isPrototypeOf.call(TypedArrayConstructor, C))) {
-      return C;
-    }
-  } throw TypeError('Target is not a typed array constructor');
-};
-
-var exportTypedArrayMethod = function (KEY, property, forced) {
-  if (!descriptors) return;
-  if (forced) for (var ARRAY in TypedArrayConstructorsList) {
-    var TypedArrayConstructor = global_1[ARRAY];
-    if (TypedArrayConstructor && has(TypedArrayConstructor.prototype, KEY)) try {
-      delete TypedArrayConstructor.prototype[KEY];
-    } catch (error) { /* empty */ }
-  }
-  if (!TypedArrayPrototype[KEY] || forced) {
-    redefine(TypedArrayPrototype, KEY, forced ? property
-      : NATIVE_ARRAY_BUFFER_VIEWS && Int8ArrayPrototype[KEY] || property);
-  }
-};
-
-var exportTypedArrayStaticMethod = function (KEY, property, forced) {
-  var ARRAY, TypedArrayConstructor;
-  if (!descriptors) return;
-  if (objectSetPrototypeOf) {
-    if (forced) for (ARRAY in TypedArrayConstructorsList) {
-      TypedArrayConstructor = global_1[ARRAY];
-      if (TypedArrayConstructor && has(TypedArrayConstructor, KEY)) try {
-        delete TypedArrayConstructor[KEY];
-      } catch (error) { /* empty */ }
-    }
-    if (!TypedArray[KEY] || forced) {
-      // V8 ~ Chrome 49-50 `%TypedArray%` methods are non-writable non-configurable
-      try {
-        return redefine(TypedArray, KEY, forced ? property : NATIVE_ARRAY_BUFFER_VIEWS && TypedArray[KEY] || property);
-      } catch (error) { /* empty */ }
-    } else return;
-  }
-  for (ARRAY in TypedArrayConstructorsList) {
-    TypedArrayConstructor = global_1[ARRAY];
-    if (TypedArrayConstructor && (!TypedArrayConstructor[KEY] || forced)) {
-      redefine(TypedArrayConstructor, KEY, property);
-    }
-  }
-};
-
-for (NAME in TypedArrayConstructorsList) {
-  if (!global_1[NAME]) NATIVE_ARRAY_BUFFER_VIEWS = false;
-}
-
-// WebKit bug - typed arrays constructors prototype is Object.prototype
-if (!NATIVE_ARRAY_BUFFER_VIEWS || typeof TypedArray != 'function' || TypedArray === Function.prototype) {
-  // eslint-disable-next-line no-shadow -- safe
-  TypedArray = function TypedArray() {
-    throw TypeError('Incorrect invocation');
-  };
-  if (NATIVE_ARRAY_BUFFER_VIEWS) for (NAME in TypedArrayConstructorsList) {
-    if (global_1[NAME]) objectSetPrototypeOf(global_1[NAME], TypedArray);
-  }
-}
-
-if (!NATIVE_ARRAY_BUFFER_VIEWS || !TypedArrayPrototype || TypedArrayPrototype === ObjectPrototype$1) {
-  TypedArrayPrototype = TypedArray.prototype;
-  if (NATIVE_ARRAY_BUFFER_VIEWS) for (NAME in TypedArrayConstructorsList) {
-    if (global_1[NAME]) objectSetPrototypeOf(global_1[NAME].prototype, TypedArrayPrototype);
-  }
-}
-
-// WebKit bug - one more object in Uint8ClampedArray prototype chain
-if (NATIVE_ARRAY_BUFFER_VIEWS && objectGetPrototypeOf(Uint8ClampedArrayPrototype) !== TypedArrayPrototype) {
-  objectSetPrototypeOf(Uint8ClampedArrayPrototype, TypedArrayPrototype);
-}
-
-if (descriptors && !has(TypedArrayPrototype, TO_STRING_TAG$2)) {
-  TYPED_ARRAY_TAG_REQIRED = true;
-  defineProperty(TypedArrayPrototype, TO_STRING_TAG$2, { get: function () {
-    return isObject(this) ? this[TYPED_ARRAY_TAG] : undefined;
-  } });
-  for (NAME in TypedArrayConstructorsList) if (global_1[NAME]) {
-    createNonEnumerableProperty(global_1[NAME], TYPED_ARRAY_TAG, NAME);
-  }
-}
-
-var arrayBufferViewCore = {
-  NATIVE_ARRAY_BUFFER_VIEWS: NATIVE_ARRAY_BUFFER_VIEWS,
-  TYPED_ARRAY_TAG: TYPED_ARRAY_TAG_REQIRED && TYPED_ARRAY_TAG,
-  aTypedArray: aTypedArray,
-  aTypedArrayConstructor: aTypedArrayConstructor,
-  exportTypedArrayMethod: exportTypedArrayMethod,
-  exportTypedArrayStaticMethod: exportTypedArrayStaticMethod,
-  isView: isView,
-  isTypedArray: isTypedArray,
-  TypedArray: TypedArray,
-  TypedArrayPrototype: TypedArrayPrototype
-};
-
-/* eslint-disable no-new -- required for testing */
-
-
-
-var NATIVE_ARRAY_BUFFER_VIEWS$1 = arrayBufferViewCore.NATIVE_ARRAY_BUFFER_VIEWS;
-
-var ArrayBuffer$1 = global_1.ArrayBuffer;
-var Int8Array$1 = global_1.Int8Array;
-
-var typedArrayConstructorsRequireWrappers = !NATIVE_ARRAY_BUFFER_VIEWS$1 || !fails(function () {
-  Int8Array$1(1);
-}) || !fails(function () {
-  new Int8Array$1(-1);
-}) || !checkCorrectnessOfIteration(function (iterable) {
-  new Int8Array$1();
-  new Int8Array$1(null);
-  new Int8Array$1(1.5);
-  new Int8Array$1(iterable);
-}, true) || fails(function () {
-  // Safari (11+) bug - a reason why even Safari 13 should load a typed array polyfill
-  return new Int8Array$1(new ArrayBuffer$1(2), 1, undefined).length !== 1;
-});
-
-var redefineAll = function (target, src, options) {
-  for (var key in src) redefine(target, key, src[key], options);
-  return target;
-};
-
-var anInstance = function (it, Constructor, name) {
-  if (!(it instanceof Constructor)) {
-    throw TypeError('Incorrect ' + (name ? name + ' ' : '') + 'invocation');
-  } return it;
-};
-
-// `ToIndex` abstract operation
-// https://tc39.es/ecma262/#sec-toindex
-var toIndex = function (it) {
-  if (it === undefined) return 0;
-  var number = toInteger(it);
-  var length = toLength(number);
-  if (number !== length) throw RangeError('Wrong length or index');
-  return length;
-};
-
-// IEEE754 conversions based on https://github.com/feross/ieee754
-var abs = Math.abs;
-var pow = Math.pow;
-var floor = Math.floor;
-var log = Math.log;
-var LN2 = Math.LN2;
-
-var pack = function (number, mantissaLength, bytes) {
-  var buffer = new Array(bytes);
-  var exponentLength = bytes * 8 - mantissaLength - 1;
-  var eMax = (1 << exponentLength) - 1;
-  var eBias = eMax >> 1;
-  var rt = mantissaLength === 23 ? pow(2, -24) - pow(2, -77) : 0;
-  var sign = number < 0 || number === 0 && 1 / number < 0 ? 1 : 0;
-  var index = 0;
-  var exponent, mantissa, c;
-  number = abs(number);
-  // eslint-disable-next-line no-self-compare -- NaN check
-  if (number != number || number === Infinity) {
-    // eslint-disable-next-line no-self-compare -- NaN check
-    mantissa = number != number ? 1 : 0;
-    exponent = eMax;
-  } else {
-    exponent = floor(log(number) / LN2);
-    if (number * (c = pow(2, -exponent)) < 1) {
-      exponent--;
-      c *= 2;
-    }
-    if (exponent + eBias >= 1) {
-      number += rt / c;
-    } else {
-      number += rt * pow(2, 1 - eBias);
-    }
-    if (number * c >= 2) {
-      exponent++;
-      c /= 2;
-    }
-    if (exponent + eBias >= eMax) {
-      mantissa = 0;
-      exponent = eMax;
-    } else if (exponent + eBias >= 1) {
-      mantissa = (number * c - 1) * pow(2, mantissaLength);
-      exponent = exponent + eBias;
-    } else {
-      mantissa = number * pow(2, eBias - 1) * pow(2, mantissaLength);
-      exponent = 0;
-    }
-  }
-  for (; mantissaLength >= 8; buffer[index++] = mantissa & 255, mantissa /= 256, mantissaLength -= 8);
-  exponent = exponent << mantissaLength | mantissa;
-  exponentLength += mantissaLength;
-  for (; exponentLength > 0; buffer[index++] = exponent & 255, exponent /= 256, exponentLength -= 8);
-  buffer[--index] |= sign * 128;
-  return buffer;
-};
-
-var unpack = function (buffer, mantissaLength) {
-  var bytes = buffer.length;
-  var exponentLength = bytes * 8 - mantissaLength - 1;
-  var eMax = (1 << exponentLength) - 1;
-  var eBias = eMax >> 1;
-  var nBits = exponentLength - 7;
-  var index = bytes - 1;
-  var sign = buffer[index--];
-  var exponent = sign & 127;
-  var mantissa;
-  sign >>= 7;
-  for (; nBits > 0; exponent = exponent * 256 + buffer[index], index--, nBits -= 8);
-  mantissa = exponent & (1 << -nBits) - 1;
-  exponent >>= -nBits;
-  nBits += mantissaLength;
-  for (; nBits > 0; mantissa = mantissa * 256 + buffer[index], index--, nBits -= 8);
-  if (exponent === 0) {
-    exponent = 1 - eBias;
-  } else if (exponent === eMax) {
-    return mantissa ? NaN : sign ? -Infinity : Infinity;
-  } else {
-    mantissa = mantissa + pow(2, mantissaLength);
-    exponent = exponent - eBias;
-  } return (sign ? -1 : 1) * mantissa * pow(2, exponent - mantissaLength);
-};
-
-var ieee754 = {
-  pack: pack,
-  unpack: unpack
-};
-
-// `Array.prototype.fill` method implementation
-// https://tc39.es/ecma262/#sec-array.prototype.fill
-var arrayFill = function fill(value /* , start = 0, end = @length */) {
-  var O = toObject(this);
-  var length = toLength(O.length);
-  var argumentsLength = arguments.length;
-  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
-  var end = argumentsLength > 2 ? arguments[2] : undefined;
-  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
-  while (endPos > index) O[index++] = value;
-  return O;
-};
-
-var defineProperty$1 = objectDefineProperty.f;
-
-
-
-var TO_STRING_TAG$3 = wellKnownSymbol('toStringTag');
-
-var setToStringTag = function (it, TAG, STATIC) {
-  if (it && !has(it = STATIC ? it : it.prototype, TO_STRING_TAG$3)) {
-    defineProperty$1(it, TO_STRING_TAG$3, { configurable: true, value: TAG });
-  }
-};
-
-var getOwnPropertyNames = objectGetOwnPropertyNames.f;
-var defineProperty$2 = objectDefineProperty.f;
-
-
-
-
-var getInternalState = internalState.get;
-var setInternalState = internalState.set;
-var ARRAY_BUFFER = 'ArrayBuffer';
-var DATA_VIEW = 'DataView';
-var PROTOTYPE = 'prototype';
-var WRONG_LENGTH = 'Wrong length';
-var WRONG_INDEX = 'Wrong index';
-var NativeArrayBuffer = global_1[ARRAY_BUFFER];
-var $ArrayBuffer = NativeArrayBuffer;
-var $DataView = global_1[DATA_VIEW];
-var $DataViewPrototype = $DataView && $DataView[PROTOTYPE];
-var ObjectPrototype$2 = Object.prototype;
-var RangeError$1 = global_1.RangeError;
-
-var packIEEE754 = ieee754.pack;
-var unpackIEEE754 = ieee754.unpack;
-
-var packInt8 = function (number) {
-  return [number & 0xFF];
-};
-
-var packInt16 = function (number) {
-  return [number & 0xFF, number >> 8 & 0xFF];
-};
-
-var packInt32 = function (number) {
-  return [number & 0xFF, number >> 8 & 0xFF, number >> 16 & 0xFF, number >> 24 & 0xFF];
-};
-
-var unpackInt32 = function (buffer) {
-  return buffer[3] << 24 | buffer[2] << 16 | buffer[1] << 8 | buffer[0];
-};
-
-var packFloat32 = function (number) {
-  return packIEEE754(number, 23, 4);
-};
-
-var packFloat64 = function (number) {
-  return packIEEE754(number, 52, 8);
-};
-
-var addGetter = function (Constructor, key) {
-  defineProperty$2(Constructor[PROTOTYPE], key, { get: function () { return getInternalState(this)[key]; } });
-};
-
-var get = function (view, count, index, isLittleEndian) {
-  var intIndex = toIndex(index);
-  var store = getInternalState(view);
-  if (intIndex + count > store.byteLength) throw RangeError$1(WRONG_INDEX);
-  var bytes = getInternalState(store.buffer).bytes;
-  var start = intIndex + store.byteOffset;
-  var pack = bytes.slice(start, start + count);
-  return isLittleEndian ? pack : pack.reverse();
-};
-
-var set = function (view, count, index, conversion, value, isLittleEndian) {
-  var intIndex = toIndex(index);
-  var store = getInternalState(view);
-  if (intIndex + count > store.byteLength) throw RangeError$1(WRONG_INDEX);
-  var bytes = getInternalState(store.buffer).bytes;
-  var start = intIndex + store.byteOffset;
-  var pack = conversion(+value);
-  for (var i = 0; i < count; i++) bytes[start + i] = pack[isLittleEndian ? i : count - i - 1];
-};
-
-if (!arrayBufferNative) {
-  $ArrayBuffer = function ArrayBuffer(length) {
-    anInstance(this, $ArrayBuffer, ARRAY_BUFFER);
-    var byteLength = toIndex(length);
-    setInternalState(this, {
-      bytes: arrayFill.call(new Array(byteLength), 0),
-      byteLength: byteLength
-    });
-    if (!descriptors) this.byteLength = byteLength;
-  };
-
-  $DataView = function DataView(buffer, byteOffset, byteLength) {
-    anInstance(this, $DataView, DATA_VIEW);
-    anInstance(buffer, $ArrayBuffer, DATA_VIEW);
-    var bufferLength = getInternalState(buffer).byteLength;
-    var offset = toInteger(byteOffset);
-    if (offset < 0 || offset > bufferLength) throw RangeError$1('Wrong offset');
-    byteLength = byteLength === undefined ? bufferLength - offset : toLength(byteLength);
-    if (offset + byteLength > bufferLength) throw RangeError$1(WRONG_LENGTH);
-    setInternalState(this, {
-      buffer: buffer,
-      byteLength: byteLength,
-      byteOffset: offset
-    });
-    if (!descriptors) {
-      this.buffer = buffer;
-      this.byteLength = byteLength;
-      this.byteOffset = offset;
-    }
-  };
-
-  if (descriptors) {
-    addGetter($ArrayBuffer, 'byteLength');
-    addGetter($DataView, 'buffer');
-    addGetter($DataView, 'byteLength');
-    addGetter($DataView, 'byteOffset');
-  }
-
-  redefineAll($DataView[PROTOTYPE], {
-    getInt8: function getInt8(byteOffset) {
-      return get(this, 1, byteOffset)[0] << 24 >> 24;
-    },
-    getUint8: function getUint8(byteOffset) {
-      return get(this, 1, byteOffset)[0];
-    },
-    getInt16: function getInt16(byteOffset /* , littleEndian */) {
-      var bytes = get(this, 2, byteOffset, arguments.length > 1 ? arguments[1] : undefined);
-      return (bytes[1] << 8 | bytes[0]) << 16 >> 16;
-    },
-    getUint16: function getUint16(byteOffset /* , littleEndian */) {
-      var bytes = get(this, 2, byteOffset, arguments.length > 1 ? arguments[1] : undefined);
-      return bytes[1] << 8 | bytes[0];
-    },
-    getInt32: function getInt32(byteOffset /* , littleEndian */) {
-      return unpackInt32(get(this, 4, byteOffset, arguments.length > 1 ? arguments[1] : undefined));
-    },
-    getUint32: function getUint32(byteOffset /* , littleEndian */) {
-      return unpackInt32(get(this, 4, byteOffset, arguments.length > 1 ? arguments[1] : undefined)) >>> 0;
-    },
-    getFloat32: function getFloat32(byteOffset /* , littleEndian */) {
-      return unpackIEEE754(get(this, 4, byteOffset, arguments.length > 1 ? arguments[1] : undefined), 23);
-    },
-    getFloat64: function getFloat64(byteOffset /* , littleEndian */) {
-      return unpackIEEE754(get(this, 8, byteOffset, arguments.length > 1 ? arguments[1] : undefined), 52);
-    },
-    setInt8: function setInt8(byteOffset, value) {
-      set(this, 1, byteOffset, packInt8, value);
-    },
-    setUint8: function setUint8(byteOffset, value) {
-      set(this, 1, byteOffset, packInt8, value);
-    },
-    setInt16: function setInt16(byteOffset, value /* , littleEndian */) {
-      set(this, 2, byteOffset, packInt16, value, arguments.length > 2 ? arguments[2] : undefined);
-    },
-    setUint16: function setUint16(byteOffset, value /* , littleEndian */) {
-      set(this, 2, byteOffset, packInt16, value, arguments.length > 2 ? arguments[2] : undefined);
-    },
-    setInt32: function setInt32(byteOffset, value /* , littleEndian */) {
-      set(this, 4, byteOffset, packInt32, value, arguments.length > 2 ? arguments[2] : undefined);
-    },
-    setUint32: function setUint32(byteOffset, value /* , littleEndian */) {
-      set(this, 4, byteOffset, packInt32, value, arguments.length > 2 ? arguments[2] : undefined);
-    },
-    setFloat32: function setFloat32(byteOffset, value /* , littleEndian */) {
-      set(this, 4, byteOffset, packFloat32, value, arguments.length > 2 ? arguments[2] : undefined);
-    },
-    setFloat64: function setFloat64(byteOffset, value /* , littleEndian */) {
-      set(this, 8, byteOffset, packFloat64, value, arguments.length > 2 ? arguments[2] : undefined);
-    }
-  });
-} else {
-  /* eslint-disable no-new -- required for testing */
-  if (!fails(function () {
-    NativeArrayBuffer(1);
-  }) || !fails(function () {
-    new NativeArrayBuffer(-1);
-  }) || fails(function () {
-    new NativeArrayBuffer();
-    new NativeArrayBuffer(1.5);
-    new NativeArrayBuffer(NaN);
-    return NativeArrayBuffer.name != ARRAY_BUFFER;
-  })) {
-  /* eslint-enable no-new -- required for testing */
-    $ArrayBuffer = function ArrayBuffer(length) {
-      anInstance(this, $ArrayBuffer);
-      return new NativeArrayBuffer(toIndex(length));
-    };
-    var ArrayBufferPrototype = $ArrayBuffer[PROTOTYPE] = NativeArrayBuffer[PROTOTYPE];
-    for (var keys = getOwnPropertyNames(NativeArrayBuffer), j = 0, key; keys.length > j;) {
-      if (!((key = keys[j++]) in $ArrayBuffer)) {
-        createNonEnumerableProperty($ArrayBuffer, key, NativeArrayBuffer[key]);
-      }
-    }
-    ArrayBufferPrototype.constructor = $ArrayBuffer;
-  }
-
-  // WebKit bug - the same parent prototype for typed arrays and data view
-  if (objectSetPrototypeOf && objectGetPrototypeOf($DataViewPrototype) !== ObjectPrototype$2) {
-    objectSetPrototypeOf($DataViewPrototype, ObjectPrototype$2);
-  }
-
-  // iOS Safari 7.x bug
-  var testView = new $DataView(new $ArrayBuffer(2));
-  var $setInt8 = $DataViewPrototype.setInt8;
-  testView.setInt8(0, 2147483648);
-  testView.setInt8(1, 2147483649);
-  if (testView.getInt8(0) || !testView.getInt8(1)) redefineAll($DataViewPrototype, {
-    setInt8: function setInt8(byteOffset, value) {
-      $setInt8.call(this, byteOffset, value << 24 >> 24);
-    },
-    setUint8: function setUint8(byteOffset, value) {
-      $setInt8.call(this, byteOffset, value << 24 >> 24);
-    }
-  }, { unsafe: true });
-}
-
-setToStringTag($ArrayBuffer, ARRAY_BUFFER);
-setToStringTag($DataView, DATA_VIEW);
-
-var arrayBuffer = {
-  ArrayBuffer: $ArrayBuffer,
-  DataView: $DataView
-};
-
-var toPositiveInteger = function (it) {
-  var result = toInteger(it);
-  if (result < 0) throw RangeError("The argument can't be less than 0");
-  return result;
-};
-
-var toOffset = function (it, BYTES) {
-  var offset = toPositiveInteger(it);
-  if (offset % BYTES) throw RangeError('Wrong offset');
-  return offset;
-};
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
-var objectKeys = Object.keys || function keys(O) {
-  return objectKeysInternal(O, enumBugKeys);
-};
-
-// `Object.defineProperties` method
-// https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
-var objectDefineProperties = descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject(O);
-  var keys = objectKeys(Properties);
-  var length = keys.length;
-  var index = 0;
-  var key;
-  while (length > index) objectDefineProperty.f(O, key = keys[index++], Properties[key]);
-  return O;
-};
-
-var html = getBuiltIn('document', 'documentElement');
-
-var GT = '>';
-var LT = '<';
-var PROTOTYPE$1 = 'prototype';
-var SCRIPT = 'script';
-var IE_PROTO$1 = sharedKey('IE_PROTO');
-
-var EmptyConstructor = function () { /* empty */ };
-
-var scriptTag = function (content) {
-  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-};
-
-// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-var NullProtoObjectViaActiveX = function (activeXDocument) {
-  activeXDocument.write(scriptTag(''));
-  activeXDocument.close();
-  var temp = activeXDocument.parentWindow.Object;
-  activeXDocument = null; // avoid memory leak
-  return temp;
-};
-
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var NullProtoObjectViaIFrame = function () {
-  // Thrash, waste and sodomy: IE GC bug
-  var iframe = documentCreateElement('iframe');
-  var JS = 'java' + SCRIPT + ':';
-  var iframeDocument;
-  iframe.style.display = 'none';
-  html.appendChild(iframe);
-  // https://github.com/zloirock/core-js/issues/475
-  iframe.src = String(JS);
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(scriptTag('document.F=Object'));
-  iframeDocument.close();
-  return iframeDocument.F;
-};
-
-// Check for document.domain and active x support
-// No need to use active x approach when document.domain is not set
-// see https://github.com/es-shims/es5-shim/issues/150
-// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-// avoid IE GC bug
-var activeXDocument;
-var NullProtoObject = function () {
-  try {
-    /* global ActiveXObject -- old IE */
-    activeXDocument = document.domain && new ActiveXObject('htmlfile');
-  } catch (error) { /* ignore */ }
-  NullProtoObject = activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) : NullProtoObjectViaIFrame();
-  var length = enumBugKeys.length;
-  while (length--) delete NullProtoObject[PROTOTYPE$1][enumBugKeys[length]];
-  return NullProtoObject();
-};
-
-hiddenKeys[IE_PROTO$1] = true;
-
-// `Object.create` method
-// https://tc39.es/ecma262/#sec-object.create
-var objectCreate = Object.create || function create(O, Properties) {
-  var result;
-  if (O !== null) {
-    EmptyConstructor[PROTOTYPE$1] = anObject(O);
-    result = new EmptyConstructor();
-    EmptyConstructor[PROTOTYPE$1] = null;
-    // add "__proto__" for Object.getPrototypeOf polyfill
-    result[IE_PROTO$1] = O;
-  } else result = NullProtoObject();
-  return Properties === undefined ? result : objectDefineProperties(result, Properties);
-};
-
-var iterators = {};
-
-var ITERATOR$1 = wellKnownSymbol('iterator');
-
-var getIteratorMethod = function (it) {
-  if (it != undefined) return it[ITERATOR$1]
-    || it['@@iterator']
-    || iterators[classof(it)];
-};
-
-var ITERATOR$2 = wellKnownSymbol('iterator');
-var ArrayPrototype = Array.prototype;
-
-// check on default Array iterator
-var isArrayIteratorMethod = function (it) {
-  return it !== undefined && (iterators.Array === it || ArrayPrototype[ITERATOR$2] === it);
-};
-
-// optional / simple context binding
-var functionBindContext = function (fn, that, length) {
-  aFunction(fn);
-  if (that === undefined) return fn;
-  switch (length) {
-    case 0: return function () {
-      return fn.call(that);
-    };
-    case 1: return function (a) {
-      return fn.call(that, a);
-    };
-    case 2: return function (a, b) {
-      return fn.call(that, a, b);
-    };
-    case 3: return function (a, b, c) {
-      return fn.call(that, a, b, c);
-    };
-  }
-  return function (/* ...args */) {
-    return fn.apply(that, arguments);
-  };
-};
-
-var aTypedArrayConstructor$1 = arrayBufferViewCore.aTypedArrayConstructor;
-
-var typedArrayFrom = function from(source /* , mapfn, thisArg */) {
-  var O = toObject(source);
-  var argumentsLength = arguments.length;
-  var mapfn = argumentsLength > 1 ? arguments[1] : undefined;
-  var mapping = mapfn !== undefined;
-  var iteratorMethod = getIteratorMethod(O);
-  var i, length, result, step, iterator, next;
-  if (iteratorMethod != undefined && !isArrayIteratorMethod(iteratorMethod)) {
-    iterator = iteratorMethod.call(O);
-    next = iterator.next;
-    O = [];
-    while (!(step = next.call(iterator)).done) {
-      O.push(step.value);
-    }
-  }
-  if (mapping && argumentsLength > 2) {
-    mapfn = functionBindContext(mapfn, arguments[2], 2);
-  }
-  length = toLength(O.length);
-  result = new (aTypedArrayConstructor$1(this))(length);
-  for (i = 0; length > i; i++) {
-    result[i] = mapping ? mapfn(O[i], i) : O[i];
-  }
-  return result;
-};
-
-// `IsArray` abstract operation
-// https://tc39.es/ecma262/#sec-isarray
-// eslint-disable-next-line es/no-array-isarray -- safe
-var isArray = Array.isArray || function isArray(arg) {
-  return classofRaw(arg) == 'Array';
-};
-
-var SPECIES = wellKnownSymbol('species');
-
-// `ArraySpeciesCreate` abstract operation
-// https://tc39.es/ecma262/#sec-arrayspeciescreate
-var arraySpeciesCreate = function (originalArray, length) {
-  var C;
-  if (isArray(originalArray)) {
-    C = originalArray.constructor;
-    // cross-realm fallback
-    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;
-    else if (isObject(C)) {
-      C = C[SPECIES];
-      if (C === null) C = undefined;
-    }
-  } return new (C === undefined ? Array : C)(length === 0 ? 0 : length);
-};
-
-var push = [].push;
-
-// `Array.prototype.{ forEach, map, filter, some, every, find, findIndex, filterOut }` methods implementation
-var createMethod = function (TYPE) {
-  var IS_MAP = TYPE == 1;
-  var IS_FILTER = TYPE == 2;
-  var IS_SOME = TYPE == 3;
-  var IS_EVERY = TYPE == 4;
-  var IS_FIND_INDEX = TYPE == 6;
-  var IS_FILTER_OUT = TYPE == 7;
-  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
-  return function ($this, callbackfn, that, specificCreate) {
-    var O = toObject($this);
-    var self = indexedObject(O);
-    var boundFunction = functionBindContext(callbackfn, that, 3);
-    var length = toLength(self.length);
-    var index = 0;
-    var create = specificCreate || arraySpeciesCreate;
-    var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_OUT ? create($this, 0) : undefined;
-    var value, result;
-    for (;length > index; index++) if (NO_HOLES || index in self) {
-      value = self[index];
-      result = boundFunction(value, index, O);
-      if (TYPE) {
-        if (IS_MAP) target[index] = result; // map
-        else if (result) switch (TYPE) {
-          case 3: return true;              // some
-          case 5: return value;             // find
-          case 6: return index;             // findIndex
-          case 2: push.call(target, value); // filter
-        } else switch (TYPE) {
-          case 4: return false;             // every
-          case 7: push.call(target, value); // filterOut
-        }
-      }
-    }
-    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : target;
-  };
-};
-
-var arrayIteration = {
-  // `Array.prototype.forEach` method
-  // https://tc39.es/ecma262/#sec-array.prototype.foreach
-  forEach: createMethod(0),
-  // `Array.prototype.map` method
-  // https://tc39.es/ecma262/#sec-array.prototype.map
-  map: createMethod(1),
-  // `Array.prototype.filter` method
-  // https://tc39.es/ecma262/#sec-array.prototype.filter
-  filter: createMethod(2),
-  // `Array.prototype.some` method
-  // https://tc39.es/ecma262/#sec-array.prototype.some
-  some: createMethod(3),
-  // `Array.prototype.every` method
-  // https://tc39.es/ecma262/#sec-array.prototype.every
-  every: createMethod(4),
-  // `Array.prototype.find` method
-  // https://tc39.es/ecma262/#sec-array.prototype.find
-  find: createMethod(5),
-  // `Array.prototype.findIndex` method
-  // https://tc39.es/ecma262/#sec-array.prototype.findIndex
-  findIndex: createMethod(6),
-  // `Array.prototype.filterOut` method
-  // https://github.com/tc39/proposal-array-filtering
-  filterOut: createMethod(7)
-};
-
-var SPECIES$1 = wellKnownSymbol('species');
-
-var setSpecies = function (CONSTRUCTOR_NAME) {
-  var Constructor = getBuiltIn(CONSTRUCTOR_NAME);
-  var defineProperty = objectDefineProperty.f;
-
-  if (descriptors && Constructor && !Constructor[SPECIES$1]) {
-    defineProperty(Constructor, SPECIES$1, {
-      configurable: true,
-      get: function () { return this; }
-    });
-  }
-};
-
-// makes subclassing work correct for wrapped built-ins
-var inheritIfRequired = function ($this, dummy, Wrapper) {
-  var NewTarget, NewTargetPrototype;
-  if (
-    // it can work only with native `setPrototypeOf`
-    objectSetPrototypeOf &&
-    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
-    typeof (NewTarget = dummy.constructor) == 'function' &&
-    NewTarget !== Wrapper &&
-    isObject(NewTargetPrototype = NewTarget.prototype) &&
-    NewTargetPrototype !== Wrapper.prototype
-  ) objectSetPrototypeOf($this, NewTargetPrototype);
-  return $this;
-};
-
-var typedArrayConstructor = createCommonjsModule(function (module) {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var getOwnPropertyNames = objectGetOwnPropertyNames.f;
-
-var forEach = arrayIteration.forEach;
-
-
-
-
-
-
-var getInternalState = internalState.get;
-var setInternalState = internalState.set;
-var nativeDefineProperty = objectDefineProperty.f;
-var nativeGetOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-var round = Math.round;
-var RangeError = global_1.RangeError;
-var ArrayBuffer = arrayBuffer.ArrayBuffer;
-var DataView = arrayBuffer.DataView;
-var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferViewCore.NATIVE_ARRAY_BUFFER_VIEWS;
-var TYPED_ARRAY_TAG = arrayBufferViewCore.TYPED_ARRAY_TAG;
-var TypedArray = arrayBufferViewCore.TypedArray;
-var TypedArrayPrototype = arrayBufferViewCore.TypedArrayPrototype;
-var aTypedArrayConstructor = arrayBufferViewCore.aTypedArrayConstructor;
-var isTypedArray = arrayBufferViewCore.isTypedArray;
-var BYTES_PER_ELEMENT = 'BYTES_PER_ELEMENT';
-var WRONG_LENGTH = 'Wrong length';
-
-var fromList = function (C, list) {
-  var index = 0;
-  var length = list.length;
-  var result = new (aTypedArrayConstructor(C))(length);
-  while (length > index) result[index] = list[index++];
-  return result;
-};
-
-var addGetter = function (it, key) {
-  nativeDefineProperty(it, key, { get: function () {
-    return getInternalState(this)[key];
-  } });
-};
-
-var isArrayBuffer = function (it) {
-  var klass;
-  return it instanceof ArrayBuffer || (klass = classof(it)) == 'ArrayBuffer' || klass == 'SharedArrayBuffer';
-};
-
-var isTypedArrayIndex = function (target, key) {
-  return isTypedArray(target)
-    && typeof key != 'symbol'
-    && key in target
-    && String(+key) == String(key);
-};
-
-var wrappedGetOwnPropertyDescriptor = function getOwnPropertyDescriptor(target, key) {
-  return isTypedArrayIndex(target, key = toPrimitive(key, true))
-    ? createPropertyDescriptor(2, target[key])
-    : nativeGetOwnPropertyDescriptor(target, key);
-};
-
-var wrappedDefineProperty = function defineProperty(target, key, descriptor) {
-  if (isTypedArrayIndex(target, key = toPrimitive(key, true))
-    && isObject(descriptor)
-    && has(descriptor, 'value')
-    && !has(descriptor, 'get')
-    && !has(descriptor, 'set')
-    // TODO: add validation descriptor w/o calling accessors
-    && !descriptor.configurable
-    && (!has(descriptor, 'writable') || descriptor.writable)
-    && (!has(descriptor, 'enumerable') || descriptor.enumerable)
-  ) {
-    target[key] = descriptor.value;
-    return target;
-  } return nativeDefineProperty(target, key, descriptor);
-};
-
-if (descriptors) {
-  if (!NATIVE_ARRAY_BUFFER_VIEWS) {
-    objectGetOwnPropertyDescriptor.f = wrappedGetOwnPropertyDescriptor;
-    objectDefineProperty.f = wrappedDefineProperty;
-    addGetter(TypedArrayPrototype, 'buffer');
-    addGetter(TypedArrayPrototype, 'byteOffset');
-    addGetter(TypedArrayPrototype, 'byteLength');
-    addGetter(TypedArrayPrototype, 'length');
-  }
-
-  _export({ target: 'Object', stat: true, forced: !NATIVE_ARRAY_BUFFER_VIEWS }, {
-    getOwnPropertyDescriptor: wrappedGetOwnPropertyDescriptor,
-    defineProperty: wrappedDefineProperty
-  });
-
-  module.exports = function (TYPE, wrapper, CLAMPED) {
-    var BYTES = TYPE.match(/\d+$/)[0] / 8;
-    var CONSTRUCTOR_NAME = TYPE + (CLAMPED ? 'Clamped' : '') + 'Array';
-    var GETTER = 'get' + TYPE;
-    var SETTER = 'set' + TYPE;
-    var NativeTypedArrayConstructor = global_1[CONSTRUCTOR_NAME];
-    var TypedArrayConstructor = NativeTypedArrayConstructor;
-    var TypedArrayConstructorPrototype = TypedArrayConstructor && TypedArrayConstructor.prototype;
-    var exported = {};
-
-    var getter = function (that, index) {
-      var data = getInternalState(that);
-      return data.view[GETTER](index * BYTES + data.byteOffset, true);
-    };
-
-    var setter = function (that, index, value) {
-      var data = getInternalState(that);
-      if (CLAMPED) value = (value = round(value)) < 0 ? 0 : value > 0xFF ? 0xFF : value & 0xFF;
-      data.view[SETTER](index * BYTES + data.byteOffset, value, true);
-    };
-
-    var addElement = function (that, index) {
-      nativeDefineProperty(that, index, {
-        get: function () {
-          return getter(this, index);
-        },
-        set: function (value) {
-          return setter(this, index, value);
-        },
-        enumerable: true
-      });
-    };
-
-    if (!NATIVE_ARRAY_BUFFER_VIEWS) {
-      TypedArrayConstructor = wrapper(function (that, data, offset, $length) {
-        anInstance(that, TypedArrayConstructor, CONSTRUCTOR_NAME);
-        var index = 0;
-        var byteOffset = 0;
-        var buffer, byteLength, length;
-        if (!isObject(data)) {
-          length = toIndex(data);
-          byteLength = length * BYTES;
-          buffer = new ArrayBuffer(byteLength);
-        } else if (isArrayBuffer(data)) {
-          buffer = data;
-          byteOffset = toOffset(offset, BYTES);
-          var $len = data.byteLength;
-          if ($length === undefined) {
-            if ($len % BYTES) throw RangeError(WRONG_LENGTH);
-            byteLength = $len - byteOffset;
-            if (byteLength < 0) throw RangeError(WRONG_LENGTH);
-          } else {
-            byteLength = toLength($length) * BYTES;
-            if (byteLength + byteOffset > $len) throw RangeError(WRONG_LENGTH);
-          }
-          length = byteLength / BYTES;
-        } else if (isTypedArray(data)) {
-          return fromList(TypedArrayConstructor, data);
-        } else {
-          return typedArrayFrom.call(TypedArrayConstructor, data);
-        }
-        setInternalState(that, {
-          buffer: buffer,
-          byteOffset: byteOffset,
-          byteLength: byteLength,
-          length: length,
-          view: new DataView(buffer)
-        });
-        while (index < length) addElement(that, index++);
-      });
-
-      if (objectSetPrototypeOf) objectSetPrototypeOf(TypedArrayConstructor, TypedArray);
-      TypedArrayConstructorPrototype = TypedArrayConstructor.prototype = objectCreate(TypedArrayPrototype);
-    } else if (typedArrayConstructorsRequireWrappers) {
-      TypedArrayConstructor = wrapper(function (dummy, data, typedArrayOffset, $length) {
-        anInstance(dummy, TypedArrayConstructor, CONSTRUCTOR_NAME);
-        return inheritIfRequired(function () {
-          if (!isObject(data)) return new NativeTypedArrayConstructor(toIndex(data));
-          if (isArrayBuffer(data)) return $length !== undefined
-            ? new NativeTypedArrayConstructor(data, toOffset(typedArrayOffset, BYTES), $length)
-            : typedArrayOffset !== undefined
-              ? new NativeTypedArrayConstructor(data, toOffset(typedArrayOffset, BYTES))
-              : new NativeTypedArrayConstructor(data);
-          if (isTypedArray(data)) return fromList(TypedArrayConstructor, data);
-          return typedArrayFrom.call(TypedArrayConstructor, data);
-        }(), dummy, TypedArrayConstructor);
-      });
-
-      if (objectSetPrototypeOf) objectSetPrototypeOf(TypedArrayConstructor, TypedArray);
-      forEach(getOwnPropertyNames(NativeTypedArrayConstructor), function (key) {
-        if (!(key in TypedArrayConstructor)) {
-          createNonEnumerableProperty(TypedArrayConstructor, key, NativeTypedArrayConstructor[key]);
-        }
-      });
-      TypedArrayConstructor.prototype = TypedArrayConstructorPrototype;
-    }
-
-    if (TypedArrayConstructorPrototype.constructor !== TypedArrayConstructor) {
-      createNonEnumerableProperty(TypedArrayConstructorPrototype, 'constructor', TypedArrayConstructor);
-    }
-
-    if (TYPED_ARRAY_TAG) {
-      createNonEnumerableProperty(TypedArrayConstructorPrototype, TYPED_ARRAY_TAG, CONSTRUCTOR_NAME);
-    }
-
-    exported[CONSTRUCTOR_NAME] = TypedArrayConstructor;
-
-    _export({
-      global: true, forced: TypedArrayConstructor != NativeTypedArrayConstructor, sham: !NATIVE_ARRAY_BUFFER_VIEWS
-    }, exported);
-
-    if (!(BYTES_PER_ELEMENT in TypedArrayConstructor)) {
-      createNonEnumerableProperty(TypedArrayConstructor, BYTES_PER_ELEMENT, BYTES);
-    }
-
-    if (!(BYTES_PER_ELEMENT in TypedArrayConstructorPrototype)) {
-      createNonEnumerableProperty(TypedArrayConstructorPrototype, BYTES_PER_ELEMENT, BYTES);
-    }
-
-    setSpecies(CONSTRUCTOR_NAME);
-  };
-} else module.exports = function () { /* empty */ };
-});
-
-export { typedArrayConstructorsRequireWrappers as a, arrayBufferViewCore as b, objectCreate as o, typedArrayConstructor as t, wellKnownSymbol as w };
diff --git a/web_modules/common/vec2-2ac874ec.js b/web_modules/common/vec2-1f2e5e13.js
similarity index 97%
rename from web_modules/common/vec2-2ac874ec.js
rename to web_modules/common/vec2-1f2e5e13.js
index a654dba..70a9a07 100644
--- a/web_modules/common/vec2-2ac874ec.js
+++ b/web_modules/common/vec2-1f2e5e13.js
@@ -1,40 +1,41 @@
-import './es.typed-array.float32-array-0e38058f.js';
+import './es.typed-array.float32-array-a1e53042.js';
+import './es.typed-array.sort-b0d7095a.js';
 
-/**
- * Common utilities
- * @module glMatrix
+/**
+ * Common utilities
+ * @module glMatrix
  */
 // Configuration Constants
 var EPSILON = 0.000001;
 var ARRAY_TYPE = typeof Float32Array !== 'undefined' ? Float32Array : Array;
 var RANDOM = Math.random;
-/**
- * Sets the type of array used when creating new vectors and matrices
- *
- * @param {Float32ArrayConstructor | ArrayConstructor} type Array type, such as Float32Array or Array
+/**
+ * Sets the type of array used when creating new vectors and matrices
+ *
+ * @param {Float32ArrayConstructor | ArrayConstructor} type Array type, such as Float32Array or Array
  */
 
 function setMatrixArrayType(type) {
   ARRAY_TYPE = type;
 }
 var degree = Math.PI / 180;
-/**
- * Convert Degree To Radian
- *
- * @param {Number} a Angle in Degrees
+/**
+ * Convert Degree To Radian
+ *
+ * @param {Number} a Angle in Degrees
  */
 
 function toRadian(a) {
   return a * degree;
 }
-/**
- * Tests whether or not the arguments have approximately the same value, within an absolute
- * or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less
- * than or equal to 1.0, and a relative tolerance is used for larger values)
- *
- * @param {Number} a The first number to test.
- * @param {Number} b The second number to test.
- * @returns {Boolean} True if the numbers are approximately equal, false otherwise.
+/**
+ * Tests whether or not the arguments have approximately the same value, within an absolute
+ * or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less
+ * than or equal to 1.0, and a relative tolerance is used for larger values)
+ *
+ * @param {Number} a The first number to test.
+ * @param {Number} b The second number to test.
+ * @returns {Boolean} True if the numbers are approximately equal, false otherwise.
  */
 
 function equals(a, b) {
@@ -61,15 +62,15 @@ var glMatrix = /*#__PURE__*/Object.freeze({
   equals: equals
 });
 
-/**
- * 3x3 Matrix
- * @module mat3
+/**
+ * 3x3 Matrix
+ * @module mat3
  */
 
-/**
- * Creates a new identity mat3
- *
- * @returns {mat3} a new 3x3 matrix
+/**
+ * Creates a new identity mat3
+ *
+ * @returns {mat3} a new 3x3 matrix
  */
 
 function create() {
@@ -89,12 +90,12 @@ function create() {
   out[8] = 1;
   return out;
 }
-/**
- * Copies the upper-left 3x3 values into the given mat3.
- *
- * @param {mat3} out the receiving 3x3 matrix
- * @param {ReadonlyMat4} a   the source 4x4 matrix
- * @returns {mat3} out
+/**
+ * Copies the upper-left 3x3 values into the given mat3.
+ *
+ * @param {mat3} out the receiving 3x3 matrix
+ * @param {ReadonlyMat4} a   the source 4x4 matrix
+ * @returns {mat3} out
  */
 
 function fromMat4(out, a) {
@@ -109,11 +110,11 @@ function fromMat4(out, a) {
   out[8] = a[10];
   return out;
 }
-/**
- * Creates a new mat3 initialized with values from an existing matrix
- *
- * @param {ReadonlyMat3} a matrix to clone
- * @returns {mat3} a new 3x3 matrix
+/**
+ * Creates a new mat3 initialized with values from an existing matrix
+ *
+ * @param {ReadonlyMat3} a matrix to clone
+ * @returns {mat3} a new 3x3 matrix
  */
 
 function clone(a) {
@@ -129,12 +130,12 @@ function clone(a) {
   out[8] = a[8];
   return out;
 }
-/**
- * Copy the values from one mat3 to another
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
+/**
+ * Copy the values from one mat3 to another
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the source matrix
+ * @returns {mat3} out
  */
 
 function copy(out, a) {
@@ -149,19 +150,19 @@ function copy(out, a) {
   out[8] = a[8];
   return out;
 }
-/**
- * Create a new mat3 with the given values
- *
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m10 Component in column 1, row 0 position (index 3)
- * @param {Number} m11 Component in column 1, row 1 position (index 4)
- * @param {Number} m12 Component in column 1, row 2 position (index 5)
- * @param {Number} m20 Component in column 2, row 0 position (index 6)
- * @param {Number} m21 Component in column 2, row 1 position (index 7)
- * @param {Number} m22 Component in column 2, row 2 position (index 8)
- * @returns {mat3} A new mat3
+/**
+ * Create a new mat3 with the given values
+ *
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m10 Component in column 1, row 0 position (index 3)
+ * @param {Number} m11 Component in column 1, row 1 position (index 4)
+ * @param {Number} m12 Component in column 1, row 2 position (index 5)
+ * @param {Number} m20 Component in column 2, row 0 position (index 6)
+ * @param {Number} m21 Component in column 2, row 1 position (index 7)
+ * @param {Number} m22 Component in column 2, row 2 position (index 8)
+ * @returns {mat3} A new mat3
  */
 
 function fromValues(m00, m01, m02, m10, m11, m12, m20, m21, m22) {
@@ -177,20 +178,20 @@ function fromValues(m00, m01, m02, m10, m11, m12, m20, m21, m22) {
   out[8] = m22;
   return out;
 }
-/**
- * Set the components of a mat3 to the given values
- *
- * @param {mat3} out the receiving matrix
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m10 Component in column 1, row 0 position (index 3)
- * @param {Number} m11 Component in column 1, row 1 position (index 4)
- * @param {Number} m12 Component in column 1, row 2 position (index 5)
- * @param {Number} m20 Component in column 2, row 0 position (index 6)
- * @param {Number} m21 Component in column 2, row 1 position (index 7)
- * @param {Number} m22 Component in column 2, row 2 position (index 8)
- * @returns {mat3} out
+/**
+ * Set the components of a mat3 to the given values
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m10 Component in column 1, row 0 position (index 3)
+ * @param {Number} m11 Component in column 1, row 1 position (index 4)
+ * @param {Number} m12 Component in column 1, row 2 position (index 5)
+ * @param {Number} m20 Component in column 2, row 0 position (index 6)
+ * @param {Number} m21 Component in column 2, row 1 position (index 7)
+ * @param {Number} m22 Component in column 2, row 2 position (index 8)
+ * @returns {mat3} out
  */
 
 function set(out, m00, m01, m02, m10, m11, m12, m20, m21, m22) {
@@ -205,11 +206,11 @@ function set(out, m00, m01, m02, m10, m11, m12, m20, m21, m22) {
   out[8] = m22;
   return out;
 }
-/**
- * Set a mat3 to the identity matrix
- *
- * @param {mat3} out the receiving matrix
- * @returns {mat3} out
+/**
+ * Set a mat3 to the identity matrix
+ *
+ * @param {mat3} out the receiving matrix
+ * @returns {mat3} out
  */
 
 function identity(out) {
@@ -224,12 +225,12 @@ function identity(out) {
   out[8] = 1;
   return out;
 }
-/**
- * Transpose the values of a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
+/**
+ * Transpose the values of a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the source matrix
+ * @returns {mat3} out
  */
 
 function transpose(out, a) {
@@ -258,12 +259,12 @@ function transpose(out, a) {
 
   return out;
 }
-/**
- * Inverts a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
+/**
+ * Inverts a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the source matrix
+ * @returns {mat3} out
  */
 
 function invert(out, a) {
@@ -298,12 +299,12 @@ function invert(out, a) {
   out[8] = (a11 * a00 - a01 * a10) * det;
   return out;
 }
-/**
- * Calculates the adjugate of a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
+/**
+ * Calculates the adjugate of a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the source matrix
+ * @returns {mat3} out
  */
 
 function adjoint(out, a) {
@@ -327,11 +328,11 @@ function adjoint(out, a) {
   out[8] = a00 * a11 - a01 * a10;
   return out;
 }
-/**
- * Calculates the determinant of a mat3
- *
- * @param {ReadonlyMat3} a the source matrix
- * @returns {Number} determinant of a
+/**
+ * Calculates the determinant of a mat3
+ *
+ * @param {ReadonlyMat3} a the source matrix
+ * @returns {Number} determinant of a
  */
 
 function determinant(a) {
@@ -346,13 +347,13 @@ function determinant(a) {
       a22 = a[8];
   return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20);
 }
-/**
- * Multiplies two mat3's
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @returns {mat3} out
+/**
+ * Multiplies two mat3's
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the first operand
+ * @param {ReadonlyMat3} b the second operand
+ * @returns {mat3} out
  */
 
 function multiply(out, a, b) {
@@ -385,13 +386,13 @@ function multiply(out, a, b) {
   out[8] = b20 * a02 + b21 * a12 + b22 * a22;
   return out;
 }
-/**
- * Translate a mat3 by the given vector
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to translate
- * @param {ReadonlyVec2} v vector to translate by
- * @returns {mat3} out
+/**
+ * Translate a mat3 by the given vector
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the matrix to translate
+ * @param {ReadonlyVec2} v vector to translate by
+ * @returns {mat3} out
  */
 
 function translate(out, a, v) {
@@ -417,13 +418,13 @@ function translate(out, a, v) {
   out[8] = x * a02 + y * a12 + a22;
   return out;
 }
-/**
- * Rotates a mat3 by the given angle
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat3} out
+/**
+ * Rotates a mat3 by the given angle
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat3} out
  */
 
 function rotate(out, a, rad) {
@@ -449,13 +450,13 @@ function rotate(out, a, rad) {
   out[8] = a22;
   return out;
 }
-/**
- * Scales the mat3 by the dimensions in the given vec2
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to rotate
- * @param {ReadonlyVec2} v the vec2 to scale the matrix by
- * @returns {mat3} out
+/**
+ * Scales the mat3 by the dimensions in the given vec2
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the matrix to rotate
+ * @param {ReadonlyVec2} v the vec2 to scale the matrix by
+ * @returns {mat3} out
  **/
 
 function scale(out, a, v) {
@@ -472,16 +473,16 @@ function scale(out, a, v) {
   out[8] = a[8];
   return out;
 }
-/**
- * Creates a matrix from a vector translation
- * This is equivalent to (but much faster than):
- *
- *     mat3.identity(dest);
- *     mat3.translate(dest, dest, vec);
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyVec2} v Translation vector
- * @returns {mat3} out
+/**
+ * Creates a matrix from a vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat3.identity(dest);
+ *     mat3.translate(dest, dest, vec);
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {ReadonlyVec2} v Translation vector
+ * @returns {mat3} out
  */
 
 function fromTranslation(out, v) {
@@ -496,16 +497,16 @@ function fromTranslation(out, v) {
   out[8] = 1;
   return out;
 }
-/**
- * Creates a matrix from a given angle
- * This is equivalent to (but much faster than):
- *
- *     mat3.identity(dest);
- *     mat3.rotate(dest, dest, rad);
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat3} out
+/**
+ * Creates a matrix from a given angle
+ * This is equivalent to (but much faster than):
+ *
+ *     mat3.identity(dest);
+ *     mat3.rotate(dest, dest, rad);
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat3} out
  */
 
 function fromRotation(out, rad) {
@@ -522,16 +523,16 @@ function fromRotation(out, rad) {
   out[8] = 1;
   return out;
 }
-/**
- * Creates a matrix from a vector scaling
- * This is equivalent to (but much faster than):
- *
- *     mat3.identity(dest);
- *     mat3.scale(dest, dest, vec);
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyVec2} v Scaling vector
- * @returns {mat3} out
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat3.identity(dest);
+ *     mat3.scale(dest, dest, vec);
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {ReadonlyVec2} v Scaling vector
+ * @returns {mat3} out
  */
 
 function fromScaling(out, v) {
@@ -546,12 +547,12 @@ function fromScaling(out, v) {
   out[8] = 1;
   return out;
 }
-/**
- * Copies the values from a mat2d into a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat2d} a the matrix to copy
- * @returns {mat3} out
+/**
+ * Copies the values from a mat2d into a mat3
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat2d} a the matrix to copy
+ * @returns {mat3} out
  **/
 
 function fromMat2d(out, a) {
@@ -566,13 +567,13 @@ function fromMat2d(out, a) {
   out[8] = 1;
   return out;
 }
-/**
- * Calculates a 3x3 matrix from the given quaternion
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyQuat} q Quaternion to create matrix from
- *
- * @returns {mat3} out
+/**
+ * Calculates a 3x3 matrix from the given quaternion
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {ReadonlyQuat} q Quaternion to create matrix from
+ *
+ * @returns {mat3} out
  */
 
 function fromQuat(out, q) {
@@ -603,13 +604,13 @@ function fromQuat(out, q) {
   out[8] = 1 - xx - yy;
   return out;
 }
-/**
- * Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyMat4} a Mat4 to derive the normal matrix from
- *
- * @returns {mat3} out
+/**
+ * Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
+ *
+ * @param {mat3} out mat3 receiving operation result
+ * @param {ReadonlyMat4} a Mat4 to derive the normal matrix from
+ *
+ * @returns {mat3} out
  */
 
 function normalFromMat4(out, a) {
@@ -660,13 +661,13 @@ function normalFromMat4(out, a) {
   out[8] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
   return out;
 }
-/**
- * Generates a 2D projection matrix with the given bounds
- *
- * @param {mat3} out mat3 frustum matrix will be written into
- * @param {number} width Width of your gl context
- * @param {number} height Height of gl context
- * @returns {mat3} out
+/**
+ * Generates a 2D projection matrix with the given bounds
+ *
+ * @param {mat3} out mat3 frustum matrix will be written into
+ * @param {number} width Width of your gl context
+ * @param {number} height Height of gl context
+ * @returns {mat3} out
  */
 
 function projection(out, width, height) {
@@ -681,33 +682,33 @@ function projection(out, width, height) {
   out[8] = 1;
   return out;
 }
-/**
- * Returns a string representation of a mat3
- *
- * @param {ReadonlyMat3} a matrix to represent as a string
- * @returns {String} string representation of the matrix
+/**
+ * Returns a string representation of a mat3
+ *
+ * @param {ReadonlyMat3} a matrix to represent as a string
+ * @returns {String} string representation of the matrix
  */
 
 function str(a) {
   return "mat3(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ", " + a[4] + ", " + a[5] + ", " + a[6] + ", " + a[7] + ", " + a[8] + ")";
 }
-/**
- * Returns Frobenius norm of a mat3
- *
- * @param {ReadonlyMat3} a the matrix to calculate Frobenius norm of
- * @returns {Number} Frobenius norm
+/**
+ * Returns Frobenius norm of a mat3
+ *
+ * @param {ReadonlyMat3} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
  */
 
 function frob(a) {
   return Math.hypot(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8]);
 }
-/**
- * Adds two mat3's
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @returns {mat3} out
+/**
+ * Adds two mat3's
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the first operand
+ * @param {ReadonlyMat3} b the second operand
+ * @returns {mat3} out
  */
 
 function add(out, a, b) {
@@ -722,13 +723,13 @@ function add(out, a, b) {
   out[8] = a[8] + b[8];
   return out;
 }
-/**
- * Subtracts matrix b from matrix a
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @returns {mat3} out
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the first operand
+ * @param {ReadonlyMat3} b the second operand
+ * @returns {mat3} out
  */
 
 function subtract(out, a, b) {
@@ -743,13 +744,13 @@ function subtract(out, a, b) {
   out[8] = a[8] - b[8];
   return out;
 }
-/**
- * Multiply each element of the matrix by a scalar.
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to scale
- * @param {Number} b amount to scale the matrix's elements by
- * @returns {mat3} out
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat3} out the receiving matrix
+ * @param {ReadonlyMat3} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat3} out
  */
 
 function multiplyScalar(out, a, b) {
@@ -764,14 +765,14 @@ function multiplyScalar(out, a, b) {
   out[8] = a[8] * b;
   return out;
 }
-/**
- * Adds two mat3's after multiplying each element of the second operand by a scalar value.
- *
- * @param {mat3} out the receiving vector
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @param {Number} scale the amount to scale b's elements by before adding
- * @returns {mat3} out
+/**
+ * Adds two mat3's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat3} out the receiving vector
+ * @param {ReadonlyMat3} a the first operand
+ * @param {ReadonlyMat3} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat3} out
  */
 
 function multiplyScalarAndAdd(out, a, b, scale) {
@@ -786,23 +787,23 @@ function multiplyScalarAndAdd(out, a, b, scale) {
   out[8] = a[8] + b[8] * scale;
   return out;
 }
-/**
- * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyMat3} a The first matrix.
- * @param {ReadonlyMat3} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyMat3} a The first matrix.
+ * @param {ReadonlyMat3} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function exactEquals(a, b) {
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8];
 }
-/**
- * Returns whether or not the matrices have approximately the same elements in the same position.
- *
- * @param {ReadonlyMat3} a The first matrix.
- * @param {ReadonlyMat3} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyMat3} a The first matrix.
+ * @param {ReadonlyMat3} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function equals$1(a, b) {
@@ -826,15 +827,15 @@ function equals$1(a, b) {
       b8 = b[8];
   return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= EPSILON * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= EPSILON * Math.max(1.0, Math.abs(a5), Math.abs(b5)) && Math.abs(a6 - b6) <= EPSILON * Math.max(1.0, Math.abs(a6), Math.abs(b6)) && Math.abs(a7 - b7) <= EPSILON * Math.max(1.0, Math.abs(a7), Math.abs(b7)) && Math.abs(a8 - b8) <= EPSILON * Math.max(1.0, Math.abs(a8), Math.abs(b8));
 }
-/**
- * Alias for {@link mat3.multiply}
- * @function
+/**
+ * Alias for {@link mat3.multiply}
+ * @function
  */
 
 var mul = multiply;
-/**
- * Alias for {@link mat3.subtract}
- * @function
+/**
+ * Alias for {@link mat3.subtract}
+ * @function
  */
 
 var sub = subtract;
@@ -875,15 +876,15 @@ var mat3 = /*#__PURE__*/Object.freeze({
   sub: sub
 });
 
-/**
- * 4x4 Matrix<br>Format: column-major, when typed out it looks like row-major<br>The matrices are being post multiplied.
- * @module mat4
+/**
+ * 4x4 Matrix<br>Format: column-major, when typed out it looks like row-major<br>The matrices are being post multiplied.
+ * @module mat4
  */
 
-/**
- * Creates a new identity mat4
- *
- * @returns {mat4} a new 4x4 matrix
+/**
+ * Creates a new identity mat4
+ *
+ * @returns {mat4} a new 4x4 matrix
  */
 
 function create$1() {
@@ -910,11 +911,11 @@ function create$1() {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a new mat4 initialized with values from an existing matrix
- *
- * @param {ReadonlyMat4} a matrix to clone
- * @returns {mat4} a new 4x4 matrix
+/**
+ * Creates a new mat4 initialized with values from an existing matrix
+ *
+ * @param {ReadonlyMat4} a matrix to clone
+ * @returns {mat4} a new 4x4 matrix
  */
 
 function clone$1(a) {
@@ -937,12 +938,12 @@ function clone$1(a) {
   out[15] = a[15];
   return out;
 }
-/**
- * Copy the values from one mat4 to another
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
+/**
+ * Copy the values from one mat4 to another
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the source matrix
+ * @returns {mat4} out
  */
 
 function copy$1(out, a) {
@@ -964,26 +965,26 @@ function copy$1(out, a) {
   out[15] = a[15];
   return out;
 }
-/**
- * Create a new mat4 with the given values
- *
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m03 Component in column 0, row 3 position (index 3)
- * @param {Number} m10 Component in column 1, row 0 position (index 4)
- * @param {Number} m11 Component in column 1, row 1 position (index 5)
- * @param {Number} m12 Component in column 1, row 2 position (index 6)
- * @param {Number} m13 Component in column 1, row 3 position (index 7)
- * @param {Number} m20 Component in column 2, row 0 position (index 8)
- * @param {Number} m21 Component in column 2, row 1 position (index 9)
- * @param {Number} m22 Component in column 2, row 2 position (index 10)
- * @param {Number} m23 Component in column 2, row 3 position (index 11)
- * @param {Number} m30 Component in column 3, row 0 position (index 12)
- * @param {Number} m31 Component in column 3, row 1 position (index 13)
- * @param {Number} m32 Component in column 3, row 2 position (index 14)
- * @param {Number} m33 Component in column 3, row 3 position (index 15)
- * @returns {mat4} A new mat4
+/**
+ * Create a new mat4 with the given values
+ *
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m03 Component in column 0, row 3 position (index 3)
+ * @param {Number} m10 Component in column 1, row 0 position (index 4)
+ * @param {Number} m11 Component in column 1, row 1 position (index 5)
+ * @param {Number} m12 Component in column 1, row 2 position (index 6)
+ * @param {Number} m13 Component in column 1, row 3 position (index 7)
+ * @param {Number} m20 Component in column 2, row 0 position (index 8)
+ * @param {Number} m21 Component in column 2, row 1 position (index 9)
+ * @param {Number} m22 Component in column 2, row 2 position (index 10)
+ * @param {Number} m23 Component in column 2, row 3 position (index 11)
+ * @param {Number} m30 Component in column 3, row 0 position (index 12)
+ * @param {Number} m31 Component in column 3, row 1 position (index 13)
+ * @param {Number} m32 Component in column 3, row 2 position (index 14)
+ * @param {Number} m33 Component in column 3, row 3 position (index 15)
+ * @returns {mat4} A new mat4
  */
 
 function fromValues$1(m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23, m30, m31, m32, m33) {
@@ -1006,27 +1007,27 @@ function fromValues$1(m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23
   out[15] = m33;
   return out;
 }
-/**
- * Set the components of a mat4 to the given values
- *
- * @param {mat4} out the receiving matrix
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m03 Component in column 0, row 3 position (index 3)
- * @param {Number} m10 Component in column 1, row 0 position (index 4)
- * @param {Number} m11 Component in column 1, row 1 position (index 5)
- * @param {Number} m12 Component in column 1, row 2 position (index 6)
- * @param {Number} m13 Component in column 1, row 3 position (index 7)
- * @param {Number} m20 Component in column 2, row 0 position (index 8)
- * @param {Number} m21 Component in column 2, row 1 position (index 9)
- * @param {Number} m22 Component in column 2, row 2 position (index 10)
- * @param {Number} m23 Component in column 2, row 3 position (index 11)
- * @param {Number} m30 Component in column 3, row 0 position (index 12)
- * @param {Number} m31 Component in column 3, row 1 position (index 13)
- * @param {Number} m32 Component in column 3, row 2 position (index 14)
- * @param {Number} m33 Component in column 3, row 3 position (index 15)
- * @returns {mat4} out
+/**
+ * Set the components of a mat4 to the given values
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m02 Component in column 0, row 2 position (index 2)
+ * @param {Number} m03 Component in column 0, row 3 position (index 3)
+ * @param {Number} m10 Component in column 1, row 0 position (index 4)
+ * @param {Number} m11 Component in column 1, row 1 position (index 5)
+ * @param {Number} m12 Component in column 1, row 2 position (index 6)
+ * @param {Number} m13 Component in column 1, row 3 position (index 7)
+ * @param {Number} m20 Component in column 2, row 0 position (index 8)
+ * @param {Number} m21 Component in column 2, row 1 position (index 9)
+ * @param {Number} m22 Component in column 2, row 2 position (index 10)
+ * @param {Number} m23 Component in column 2, row 3 position (index 11)
+ * @param {Number} m30 Component in column 3, row 0 position (index 12)
+ * @param {Number} m31 Component in column 3, row 1 position (index 13)
+ * @param {Number} m32 Component in column 3, row 2 position (index 14)
+ * @param {Number} m33 Component in column 3, row 3 position (index 15)
+ * @returns {mat4} out
  */
 
 function set$1(out, m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23, m30, m31, m32, m33) {
@@ -1048,11 +1049,11 @@ function set$1(out, m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23,
   out[15] = m33;
   return out;
 }
-/**
- * Set a mat4 to the identity matrix
- *
- * @param {mat4} out the receiving matrix
- * @returns {mat4} out
+/**
+ * Set a mat4 to the identity matrix
+ *
+ * @param {mat4} out the receiving matrix
+ * @returns {mat4} out
  */
 
 function identity$1(out) {
@@ -1074,12 +1075,12 @@ function identity$1(out) {
   out[15] = 1;
   return out;
 }
-/**
- * Transpose the values of a mat4
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
+/**
+ * Transpose the values of a mat4
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the source matrix
+ * @returns {mat4} out
  */
 
 function transpose$1(out, a) {
@@ -1124,12 +1125,12 @@ function transpose$1(out, a) {
 
   return out;
 }
-/**
- * Inverts a mat4
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
+/**
+ * Inverts a mat4
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the source matrix
+ * @returns {mat4} out
  */
 
 function invert$1(out, a) {
@@ -1187,12 +1188,12 @@ function invert$1(out, a) {
   out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det;
   return out;
 }
-/**
- * Calculates the adjugate of a mat4
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
+/**
+ * Calculates the adjugate of a mat4
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the source matrix
+ * @returns {mat4} out
  */
 
 function adjoint$1(out, a) {
@@ -1230,11 +1231,11 @@ function adjoint$1(out, a) {
   out[15] = a00 * (a11 * a22 - a12 * a21) - a10 * (a01 * a22 - a02 * a21) + a20 * (a01 * a12 - a02 * a11);
   return out;
 }
-/**
- * Calculates the determinant of a mat4
- *
- * @param {ReadonlyMat4} a the source matrix
- * @returns {Number} determinant of a
+/**
+ * Calculates the determinant of a mat4
+ *
+ * @param {ReadonlyMat4} a the source matrix
+ * @returns {Number} determinant of a
  */
 
 function determinant$1(a) {
@@ -1269,13 +1270,13 @@ function determinant$1(a) {
 
   return b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
 }
-/**
- * Multiplies two mat4s
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @returns {mat4} out
+/**
+ * Multiplies two mat4s
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the first operand
+ * @param {ReadonlyMat4} b the second operand
+ * @returns {mat4} out
  */
 
 function multiply$1(out, a, b) {
@@ -1330,13 +1331,13 @@ function multiply$1(out, a, b) {
   out[15] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
   return out;
 }
-/**
- * Translate a mat4 by the given vector
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to translate
- * @param {ReadonlyVec3} v vector to translate by
- * @returns {mat4} out
+/**
+ * Translate a mat4 by the given vector
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the matrix to translate
+ * @param {ReadonlyVec3} v vector to translate by
+ * @returns {mat4} out
  */
 
 function translate$1(out, a, v) {
@@ -1385,13 +1386,13 @@ function translate$1(out, a, v) {
 
   return out;
 }
-/**
- * Scales the mat4 by the dimensions in the given vec3 not using vectorization
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to scale
- * @param {ReadonlyVec3} v the vec3 to scale the matrix by
- * @returns {mat4} out
+/**
+ * Scales the mat4 by the dimensions in the given vec3 not using vectorization
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the matrix to scale
+ * @param {ReadonlyVec3} v the vec3 to scale the matrix by
+ * @returns {mat4} out
  **/
 
 function scale$1(out, a, v) {
@@ -1416,14 +1417,14 @@ function scale$1(out, a, v) {
   out[15] = a[15];
   return out;
 }
-/**
- * Rotates a mat4 by the given angle around the given axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @param {ReadonlyVec3} axis the axis to rotate around
- * @returns {mat4} out
+/**
+ * Rotates a mat4 by the given angle around the given axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @param {ReadonlyVec3} axis the axis to rotate around
+ * @returns {mat4} out
  */
 
 function rotate$1(out, a, rad, axis) {
@@ -1496,13 +1497,13 @@ function rotate$1(out, a, rad, axis) {
 
   return out;
 }
-/**
- * Rotates a matrix by the given angle around the X axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
+/**
+ * Rotates a matrix by the given angle around the X axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
  */
 
 function rotateX(out, a, rad) {
@@ -1540,13 +1541,13 @@ function rotateX(out, a, rad) {
   out[11] = a23 * c - a13 * s;
   return out;
 }
-/**
- * Rotates a matrix by the given angle around the Y axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
+/**
+ * Rotates a matrix by the given angle around the Y axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
  */
 
 function rotateY(out, a, rad) {
@@ -1584,13 +1585,13 @@ function rotateY(out, a, rad) {
   out[11] = a03 * s + a23 * c;
   return out;
 }
-/**
- * Rotates a matrix by the given angle around the Z axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
+/**
+ * Rotates a matrix by the given angle around the Z axis
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
  */
 
 function rotateZ(out, a, rad) {
@@ -1628,16 +1629,16 @@ function rotateZ(out, a, rad) {
   out[7] = a13 * c - a03 * s;
   return out;
 }
-/**
- * Creates a matrix from a vector translation
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, dest, vec);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {ReadonlyVec3} v Translation vector
- * @returns {mat4} out
+/**
+ * Creates a matrix from a vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, dest, vec);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {ReadonlyVec3} v Translation vector
+ * @returns {mat4} out
  */
 
 function fromTranslation$1(out, v) {
@@ -1659,16 +1660,16 @@ function fromTranslation$1(out, v) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a matrix from a vector scaling
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.scale(dest, dest, vec);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {ReadonlyVec3} v Scaling vector
- * @returns {mat4} out
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.scale(dest, dest, vec);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {ReadonlyVec3} v Scaling vector
+ * @returns {mat4} out
  */
 
 function fromScaling$1(out, v) {
@@ -1690,17 +1691,17 @@ function fromScaling$1(out, v) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a matrix from a given angle around a given axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotate(dest, dest, rad, axis);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @param {ReadonlyVec3} axis the axis to rotate around
- * @returns {mat4} out
+/**
+ * Creates a matrix from a given angle around a given axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotate(dest, dest, rad, axis);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @param {ReadonlyVec3} axis the axis to rotate around
+ * @returns {mat4} out
  */
 
 function fromRotation$1(out, rad, axis) {
@@ -1740,16 +1741,16 @@ function fromRotation$1(out, rad, axis) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a matrix from the given angle around the X axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotateX(dest, dest, rad);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
+/**
+ * Creates a matrix from the given angle around the X axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotateX(dest, dest, rad);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
  */
 
 function fromXRotation(out, rad) {
@@ -1774,16 +1775,16 @@ function fromXRotation(out, rad) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a matrix from the given angle around the Y axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotateY(dest, dest, rad);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
+/**
+ * Creates a matrix from the given angle around the Y axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotateY(dest, dest, rad);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
  */
 
 function fromYRotation(out, rad) {
@@ -1808,16 +1809,16 @@ function fromYRotation(out, rad) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a matrix from the given angle around the Z axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotateZ(dest, dest, rad);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
+/**
+ * Creates a matrix from the given angle around the Z axis
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.rotateZ(dest, dest, rad);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat4} out
  */
 
 function fromZRotation(out, rad) {
@@ -1842,20 +1843,20 @@ function fromZRotation(out, rad) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a matrix from a quaternion rotation and vector translation
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, vec);
- *     let quatMat = mat4.create();
- *     quat4.toMat4(quat, quatMat);
- *     mat4.multiply(dest, quatMat);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {quat4} q Rotation quaternion
- * @param {ReadonlyVec3} v Translation vector
- * @returns {mat4} out
+/**
+ * Creates a matrix from a quaternion rotation and vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, vec);
+ *     let quatMat = mat4.create();
+ *     quat4.toMat4(quat, quatMat);
+ *     mat4.multiply(dest, quatMat);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @param {ReadonlyVec3} v Translation vector
+ * @returns {mat4} out
  */
 
 function fromRotationTranslation(out, q, v) {
@@ -1894,12 +1895,12 @@ function fromRotationTranslation(out, q, v) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a new mat4 from a dual quat.
- *
- * @param {mat4} out Matrix
- * @param {ReadonlyQuat2} a Dual Quaternion
- * @returns {mat4} mat4 receiving operation result
+/**
+ * Creates a new mat4 from a dual quat.
+ *
+ * @param {mat4} out Matrix
+ * @param {ReadonlyQuat2} a Dual Quaternion
+ * @returns {mat4} mat4 receiving operation result
  */
 
 function fromQuat2(out, a) {
@@ -1927,14 +1928,14 @@ function fromQuat2(out, a) {
   fromRotationTranslation(out, a, translation);
   return out;
 }
-/**
- * Returns the translation vector component of a transformation
- *  matrix. If a matrix is built with fromRotationTranslation,
- *  the returned vector will be the same as the translation vector
- *  originally supplied.
- * @param  {vec3} out Vector to receive translation component
- * @param  {ReadonlyMat4} mat Matrix to be decomposed (input)
- * @return {vec3} out
+/**
+ * Returns the translation vector component of a transformation
+ *  matrix. If a matrix is built with fromRotationTranslation,
+ *  the returned vector will be the same as the translation vector
+ *  originally supplied.
+ * @param  {vec3} out Vector to receive translation component
+ * @param  {ReadonlyMat4} mat Matrix to be decomposed (input)
+ * @return {vec3} out
  */
 
 function getTranslation(out, mat) {
@@ -1943,15 +1944,15 @@ function getTranslation(out, mat) {
   out[2] = mat[14];
   return out;
 }
-/**
- * Returns the scaling factor component of a transformation
- *  matrix. If a matrix is built with fromRotationTranslationScale
- *  with a normalized Quaternion paramter, the returned vector will be
- *  the same as the scaling vector
- *  originally supplied.
- * @param  {vec3} out Vector to receive scaling factor component
- * @param  {ReadonlyMat4} mat Matrix to be decomposed (input)
- * @return {vec3} out
+/**
+ * Returns the scaling factor component of a transformation
+ *  matrix. If a matrix is built with fromRotationTranslationScale
+ *  with a normalized Quaternion paramter, the returned vector will be
+ *  the same as the scaling vector
+ *  originally supplied.
+ * @param  {vec3} out Vector to receive scaling factor component
+ * @param  {ReadonlyMat4} mat Matrix to be decomposed (input)
+ * @return {vec3} out
  */
 
 function getScaling(out, mat) {
@@ -1969,14 +1970,14 @@ function getScaling(out, mat) {
   out[2] = Math.hypot(m31, m32, m33);
   return out;
 }
-/**
- * Returns a quaternion representing the rotational component
- *  of a transformation matrix. If a matrix is built with
- *  fromRotationTranslation, the returned quaternion will be the
- *  same as the quaternion originally supplied.
- * @param {quat} out Quaternion to receive the rotation component
- * @param {ReadonlyMat4} mat Matrix to be decomposed (input)
- * @return {quat} out
+/**
+ * Returns a quaternion representing the rotational component
+ *  of a transformation matrix. If a matrix is built with
+ *  fromRotationTranslation, the returned quaternion will be the
+ *  same as the quaternion originally supplied.
+ * @param {quat} out Quaternion to receive the rotation component
+ * @param {ReadonlyMat4} mat Matrix to be decomposed (input)
+ * @return {quat} out
  */
 
 function getRotation(out, mat) {
@@ -2025,22 +2026,22 @@ function getRotation(out, mat) {
 
   return out;
 }
-/**
- * Creates a matrix from a quaternion rotation, vector translation and vector scale
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, vec);
- *     let quatMat = mat4.create();
- *     quat4.toMat4(quat, quatMat);
- *     mat4.multiply(dest, quatMat);
- *     mat4.scale(dest, scale)
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {quat4} q Rotation quaternion
- * @param {ReadonlyVec3} v Translation vector
- * @param {ReadonlyVec3} s Scaling vector
- * @returns {mat4} out
+/**
+ * Creates a matrix from a quaternion rotation, vector translation and vector scale
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, vec);
+ *     let quatMat = mat4.create();
+ *     quat4.toMat4(quat, quatMat);
+ *     mat4.multiply(dest, quatMat);
+ *     mat4.scale(dest, scale)
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @param {ReadonlyVec3} v Translation vector
+ * @param {ReadonlyVec3} s Scaling vector
+ * @returns {mat4} out
  */
 
 function fromRotationTranslationScale(out, q, v, s) {
@@ -2082,25 +2083,25 @@ function fromRotationTranslationScale(out, q, v, s) {
   out[15] = 1;
   return out;
 }
-/**
- * Creates a matrix from a quaternion rotation, vector translation and vector scale, rotating and scaling around the given origin
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, vec);
- *     mat4.translate(dest, origin);
- *     let quatMat = mat4.create();
- *     quat4.toMat4(quat, quatMat);
- *     mat4.multiply(dest, quatMat);
- *     mat4.scale(dest, scale)
- *     mat4.translate(dest, negativeOrigin);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {quat4} q Rotation quaternion
- * @param {ReadonlyVec3} v Translation vector
- * @param {ReadonlyVec3} s Scaling vector
- * @param {ReadonlyVec3} o The origin vector around which to scale and rotate
- * @returns {mat4} out
+/**
+ * Creates a matrix from a quaternion rotation, vector translation and vector scale, rotating and scaling around the given origin
+ * This is equivalent to (but much faster than):
+ *
+ *     mat4.identity(dest);
+ *     mat4.translate(dest, vec);
+ *     mat4.translate(dest, origin);
+ *     let quatMat = mat4.create();
+ *     quat4.toMat4(quat, quatMat);
+ *     mat4.multiply(dest, quatMat);
+ *     mat4.scale(dest, scale)
+ *     mat4.translate(dest, negativeOrigin);
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {quat4} q Rotation quaternion
+ * @param {ReadonlyVec3} v Translation vector
+ * @param {ReadonlyVec3} s Scaling vector
+ * @param {ReadonlyVec3} o The origin vector around which to scale and rotate
+ * @returns {mat4} out
  */
 
 function fromRotationTranslationScaleOrigin(out, q, v, s, o) {
@@ -2154,13 +2155,13 @@ function fromRotationTranslationScaleOrigin(out, q, v, s, o) {
   out[15] = 1;
   return out;
 }
-/**
- * Calculates a 4x4 matrix from the given quaternion
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {ReadonlyQuat} q Quaternion to create matrix from
- *
- * @returns {mat4} out
+/**
+ * Calculates a 4x4 matrix from the given quaternion
+ *
+ * @param {mat4} out mat4 receiving operation result
+ * @param {ReadonlyQuat} q Quaternion to create matrix from
+ *
+ * @returns {mat4} out
  */
 
 function fromQuat$1(out, q) {
@@ -2198,17 +2199,17 @@ function fromQuat$1(out, q) {
   out[15] = 1;
   return out;
 }
-/**
- * Generates a frustum matrix with the given bounds
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {Number} left Left bound of the frustum
- * @param {Number} right Right bound of the frustum
- * @param {Number} bottom Bottom bound of the frustum
- * @param {Number} top Top bound of the frustum
- * @param {Number} near Near bound of the frustum
- * @param {Number} far Far bound of the frustum
- * @returns {mat4} out
+/**
+ * Generates a frustum matrix with the given bounds
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {Number} left Left bound of the frustum
+ * @param {Number} right Right bound of the frustum
+ * @param {Number} bottom Bottom bound of the frustum
+ * @param {Number} top Top bound of the frustum
+ * @param {Number} near Near bound of the frustum
+ * @param {Number} far Far bound of the frustum
+ * @returns {mat4} out
  */
 
 function frustum(out, left, right, bottom, top, near, far) {
@@ -2233,19 +2234,21 @@ function frustum(out, left, right, bottom, top, near, far) {
   out[15] = 0;
   return out;
 }
-/**
- * Generates a perspective projection matrix with the given bounds.
- * Passing null/undefined/no value for far will generate infinite projection matrix.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {number} fovy Vertical field of view in radians
- * @param {number} aspect Aspect ratio. typically viewport width/height
- * @param {number} near Near bound of the frustum
- * @param {number} far Far bound of the frustum, can be null or Infinity
- * @returns {mat4} out
+/**
+ * Generates a perspective projection matrix with the given bounds.
+ * The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1],
+ * which matches WebGL/OpenGL's clip volume.
+ * Passing null/undefined/no value for far will generate infinite projection matrix.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {number} fovy Vertical field of view in radians
+ * @param {number} aspect Aspect ratio. typically viewport width/height
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum, can be null or Infinity
+ * @returns {mat4} out
  */
 
-function perspective(out, fovy, aspect, near, far) {
+function perspectiveNO(out, fovy, aspect, near, far) {
   var f = 1.0 / Math.tan(fovy / 2),
       nf;
   out[0] = f / aspect;
@@ -2274,16 +2277,65 @@ function perspective(out, fovy, aspect, near, far) {
 
   return out;
 }
-/**
- * Generates a perspective projection matrix with the given field of view.
- * This is primarily useful for generating projection matrices to be used
- * with the still experiemental WebVR API.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {Object} fov Object containing the following values: upDegrees, downDegrees, leftDegrees, rightDegrees
- * @param {number} near Near bound of the frustum
- * @param {number} far Far bound of the frustum
- * @returns {mat4} out
+/**
+ * Alias for {@link mat4.perspectiveNO}
+ * @function
+ */
+
+var perspective = perspectiveNO;
+/**
+ * Generates a perspective projection matrix suitable for WebGPU with the given bounds.
+ * The near/far clip planes correspond to a normalized device coordinate Z range of [0, 1],
+ * which matches WebGPU/Vulkan/DirectX/Metal's clip volume.
+ * Passing null/undefined/no value for far will generate infinite projection matrix.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {number} fovy Vertical field of view in radians
+ * @param {number} aspect Aspect ratio. typically viewport width/height
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum, can be null or Infinity
+ * @returns {mat4} out
+ */
+
+function perspectiveZO(out, fovy, aspect, near, far) {
+  var f = 1.0 / Math.tan(fovy / 2),
+      nf;
+  out[0] = f / aspect;
+  out[1] = 0;
+  out[2] = 0;
+  out[3] = 0;
+  out[4] = 0;
+  out[5] = f;
+  out[6] = 0;
+  out[7] = 0;
+  out[8] = 0;
+  out[9] = 0;
+  out[11] = -1;
+  out[12] = 0;
+  out[13] = 0;
+  out[15] = 0;
+
+  if (far != null && far !== Infinity) {
+    nf = 1 / (near - far);
+    out[10] = far * nf;
+    out[14] = far * near * nf;
+  } else {
+    out[10] = -1;
+    out[14] = -near;
+  }
+
+  return out;
+}
+/**
+ * Generates a perspective projection matrix with the given field of view.
+ * This is primarily useful for generating projection matrices to be used
+ * with the still experiemental WebVR API.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {Object} fov Object containing the following values: upDegrees, downDegrees, leftDegrees, rightDegrees
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum
+ * @returns {mat4} out
  */
 
 function perspectiveFromFieldOfView(out, fov, near, far) {
@@ -2311,20 +2363,22 @@ function perspectiveFromFieldOfView(out, fov, near, far) {
   out[15] = 0.0;
   return out;
 }
-/**
- * Generates a orthogonal projection matrix with the given bounds
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {number} left Left bound of the frustum
- * @param {number} right Right bound of the frustum
- * @param {number} bottom Bottom bound of the frustum
- * @param {number} top Top bound of the frustum
- * @param {number} near Near bound of the frustum
- * @param {number} far Far bound of the frustum
- * @returns {mat4} out
+/**
+ * Generates a orthogonal projection matrix with the given bounds.
+ * The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1],
+ * which matches WebGL/OpenGL's clip volume.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {number} left Left bound of the frustum
+ * @param {number} right Right bound of the frustum
+ * @param {number} bottom Bottom bound of the frustum
+ * @param {number} top Top bound of the frustum
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum
+ * @returns {mat4} out
  */
 
-function ortho(out, left, right, bottom, top, near, far) {
+function orthoNO(out, left, right, bottom, top, near, far) {
   var lr = 1 / (left - right);
   var bt = 1 / (bottom - top);
   var nf = 1 / (near - far);
@@ -2346,15 +2400,58 @@ function ortho(out, left, right, bottom, top, near, far) {
   out[15] = 1;
   return out;
 }
-/**
- * Generates a look-at matrix with the given eye position, focal point, and up axis.
- * If you want a matrix that actually makes an object look at another object, you should use targetTo instead.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {ReadonlyVec3} eye Position of the viewer
- * @param {ReadonlyVec3} center Point the viewer is looking at
- * @param {ReadonlyVec3} up vec3 pointing up
- * @returns {mat4} out
+/**
+ * Alias for {@link mat4.orthoNO}
+ * @function
+ */
+
+var ortho = orthoNO;
+/**
+ * Generates a orthogonal projection matrix with the given bounds.
+ * The near/far clip planes correspond to a normalized device coordinate Z range of [0, 1],
+ * which matches WebGPU/Vulkan/DirectX/Metal's clip volume.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {number} left Left bound of the frustum
+ * @param {number} right Right bound of the frustum
+ * @param {number} bottom Bottom bound of the frustum
+ * @param {number} top Top bound of the frustum
+ * @param {number} near Near bound of the frustum
+ * @param {number} far Far bound of the frustum
+ * @returns {mat4} out
+ */
+
+function orthoZO(out, left, right, bottom, top, near, far) {
+  var lr = 1 / (left - right);
+  var bt = 1 / (bottom - top);
+  var nf = 1 / (near - far);
+  out[0] = -2 * lr;
+  out[1] = 0;
+  out[2] = 0;
+  out[3] = 0;
+  out[4] = 0;
+  out[5] = -2 * bt;
+  out[6] = 0;
+  out[7] = 0;
+  out[8] = 0;
+  out[9] = 0;
+  out[10] = nf;
+  out[11] = 0;
+  out[12] = (left + right) * lr;
+  out[13] = (top + bottom) * bt;
+  out[14] = near * nf;
+  out[15] = 1;
+  return out;
+}
+/**
+ * Generates a look-at matrix with the given eye position, focal point, and up axis.
+ * If you want a matrix that actually makes an object look at another object, you should use targetTo instead.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {ReadonlyVec3} eye Position of the viewer
+ * @param {ReadonlyVec3} center Point the viewer is looking at
+ * @param {ReadonlyVec3} up vec3 pointing up
+ * @returns {mat4} out
  */
 
 function lookAt(out, eye, center, up) {
@@ -2430,14 +2527,14 @@ function lookAt(out, eye, center, up) {
   out[15] = 1;
   return out;
 }
-/**
- * Generates a matrix that makes something look at something else.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {ReadonlyVec3} eye Position of the viewer
- * @param {ReadonlyVec3} center Point the viewer is looking at
- * @param {ReadonlyVec3} up vec3 pointing up
- * @returns {mat4} out
+/**
+ * Generates a matrix that makes something look at something else.
+ *
+ * @param {mat4} out mat4 frustum matrix will be written into
+ * @param {ReadonlyVec3} eye Position of the viewer
+ * @param {ReadonlyVec3} center Point the viewer is looking at
+ * @param {ReadonlyVec3} up vec3 pointing up
+ * @returns {mat4} out
  */
 
 function targetTo(out, eye, target, up) {
@@ -2489,33 +2586,33 @@ function targetTo(out, eye, target, up) {
   out[15] = 1;
   return out;
 }
-/**
- * Returns a string representation of a mat4
- *
- * @param {ReadonlyMat4} a matrix to represent as a string
- * @returns {String} string representation of the matrix
+/**
+ * Returns a string representation of a mat4
+ *
+ * @param {ReadonlyMat4} a matrix to represent as a string
+ * @returns {String} string representation of the matrix
  */
 
 function str$1(a) {
   return "mat4(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ", " + a[4] + ", " + a[5] + ", " + a[6] + ", " + a[7] + ", " + a[8] + ", " + a[9] + ", " + a[10] + ", " + a[11] + ", " + a[12] + ", " + a[13] + ", " + a[14] + ", " + a[15] + ")";
 }
-/**
- * Returns Frobenius norm of a mat4
- *
- * @param {ReadonlyMat4} a the matrix to calculate Frobenius norm of
- * @returns {Number} Frobenius norm
+/**
+ * Returns Frobenius norm of a mat4
+ *
+ * @param {ReadonlyMat4} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
  */
 
 function frob$1(a) {
   return Math.hypot(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8], a[9], a[10], a[11], a[12], a[13], a[14], a[15]);
 }
-/**
- * Adds two mat4's
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @returns {mat4} out
+/**
+ * Adds two mat4's
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the first operand
+ * @param {ReadonlyMat4} b the second operand
+ * @returns {mat4} out
  */
 
 function add$1(out, a, b) {
@@ -2537,13 +2634,13 @@ function add$1(out, a, b) {
   out[15] = a[15] + b[15];
   return out;
 }
-/**
- * Subtracts matrix b from matrix a
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @returns {mat4} out
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the first operand
+ * @param {ReadonlyMat4} b the second operand
+ * @returns {mat4} out
  */
 
 function subtract$1(out, a, b) {
@@ -2565,13 +2662,13 @@ function subtract$1(out, a, b) {
   out[15] = a[15] - b[15];
   return out;
 }
-/**
- * Multiply each element of the matrix by a scalar.
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to scale
- * @param {Number} b amount to scale the matrix's elements by
- * @returns {mat4} out
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat4} out the receiving matrix
+ * @param {ReadonlyMat4} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat4} out
  */
 
 function multiplyScalar$1(out, a, b) {
@@ -2593,14 +2690,14 @@ function multiplyScalar$1(out, a, b) {
   out[15] = a[15] * b;
   return out;
 }
-/**
- * Adds two mat4's after multiplying each element of the second operand by a scalar value.
- *
- * @param {mat4} out the receiving vector
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @param {Number} scale the amount to scale b's elements by before adding
- * @returns {mat4} out
+/**
+ * Adds two mat4's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat4} out the receiving vector
+ * @param {ReadonlyMat4} a the first operand
+ * @param {ReadonlyMat4} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat4} out
  */
 
 function multiplyScalarAndAdd$1(out, a, b, scale) {
@@ -2622,23 +2719,23 @@ function multiplyScalarAndAdd$1(out, a, b, scale) {
   out[15] = a[15] + b[15] * scale;
   return out;
 }
-/**
- * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyMat4} a The first matrix.
- * @param {ReadonlyMat4} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyMat4} a The first matrix.
+ * @param {ReadonlyMat4} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function exactEquals$1(a, b) {
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8] && a[9] === b[9] && a[10] === b[10] && a[11] === b[11] && a[12] === b[12] && a[13] === b[13] && a[14] === b[14] && a[15] === b[15];
 }
-/**
- * Returns whether or not the matrices have approximately the same elements in the same position.
- *
- * @param {ReadonlyMat4} a The first matrix.
- * @param {ReadonlyMat4} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyMat4} a The first matrix.
+ * @param {ReadonlyMat4} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function equals$2(a, b) {
@@ -2676,15 +2773,15 @@ function equals$2(a, b) {
       b15 = b[15];
   return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= EPSILON * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= EPSILON * Math.max(1.0, Math.abs(a5), Math.abs(b5)) && Math.abs(a6 - b6) <= EPSILON * Math.max(1.0, Math.abs(a6), Math.abs(b6)) && Math.abs(a7 - b7) <= EPSILON * Math.max(1.0, Math.abs(a7), Math.abs(b7)) && Math.abs(a8 - b8) <= EPSILON * Math.max(1.0, Math.abs(a8), Math.abs(b8)) && Math.abs(a9 - b9) <= EPSILON * Math.max(1.0, Math.abs(a9), Math.abs(b9)) && Math.abs(a10 - b10) <= EPSILON * Math.max(1.0, Math.abs(a10), Math.abs(b10)) && Math.abs(a11 - b11) <= EPSILON * Math.max(1.0, Math.abs(a11), Math.abs(b11)) && Math.abs(a12 - b12) <= EPSILON * Math.max(1.0, Math.abs(a12), Math.abs(b12)) && Math.abs(a13 - b13) <= EPSILON * Math.max(1.0, Math.abs(a13), Math.abs(b13)) && Math.abs(a14 - b14) <= EPSILON * Math.max(1.0, Math.abs(a14), Math.abs(b14)) && Math.abs(a15 - b15) <= EPSILON * Math.max(1.0, Math.abs(a15), Math.abs(b15));
 }
-/**
- * Alias for {@link mat4.multiply}
- * @function
+/**
+ * Alias for {@link mat4.multiply}
+ * @function
  */
 
 var mul$1 = multiply$1;
-/**
- * Alias for {@link mat4.subtract}
- * @function
+/**
+ * Alias for {@link mat4.subtract}
+ * @function
  */
 
 var sub$1 = subtract$1;
@@ -2723,9 +2820,13 @@ var mat4 = /*#__PURE__*/Object.freeze({
   fromRotationTranslationScaleOrigin: fromRotationTranslationScaleOrigin,
   fromQuat: fromQuat$1,
   frustum: frustum,
+  perspectiveNO: perspectiveNO,
   perspective: perspective,
+  perspectiveZO: perspectiveZO,
   perspectiveFromFieldOfView: perspectiveFromFieldOfView,
+  orthoNO: orthoNO,
   ortho: ortho,
+  orthoZO: orthoZO,
   lookAt: lookAt,
   targetTo: targetTo,
   str: str$1,
@@ -2740,15 +2841,15 @@ var mat4 = /*#__PURE__*/Object.freeze({
   sub: sub$1
 });
 
-/**
- * 3 Dimensional Vector
- * @module vec3
+/**
+ * 3 Dimensional Vector
+ * @module vec3
  */
 
-/**
- * Creates a new, empty vec3
- *
- * @returns {vec3} a new 3D vector
+/**
+ * Creates a new, empty vec3
+ *
+ * @returns {vec3} a new 3D vector
  */
 
 function create$2() {
@@ -2762,11 +2863,11 @@ function create$2() {
 
   return out;
 }
-/**
- * Creates a new vec3 initialized with values from an existing vector
- *
- * @param {ReadonlyVec3} a vector to clone
- * @returns {vec3} a new 3D vector
+/**
+ * Creates a new vec3 initialized with values from an existing vector
+ *
+ * @param {ReadonlyVec3} a vector to clone
+ * @returns {vec3} a new 3D vector
  */
 
 function clone$2(a) {
@@ -2776,11 +2877,11 @@ function clone$2(a) {
   out[2] = a[2];
   return out;
 }
-/**
- * Calculates the length of a vec3
- *
- * @param {ReadonlyVec3} a vector to calculate length of
- * @returns {Number} length of a
+/**
+ * Calculates the length of a vec3
+ *
+ * @param {ReadonlyVec3} a vector to calculate length of
+ * @returns {Number} length of a
  */
 
 function length(a) {
@@ -2789,13 +2890,13 @@ function length(a) {
   var z = a[2];
   return Math.hypot(x, y, z);
 }
-/**
- * Creates a new vec3 initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @returns {vec3} a new 3D vector
+/**
+ * Creates a new vec3 initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @returns {vec3} a new 3D vector
  */
 
 function fromValues$2(x, y, z) {
@@ -2805,12 +2906,12 @@ function fromValues$2(x, y, z) {
   out[2] = z;
   return out;
 }
-/**
- * Copy the values from one vec3 to another
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the source vector
- * @returns {vec3} out
+/**
+ * Copy the values from one vec3 to another
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the source vector
+ * @returns {vec3} out
  */
 
 function copy$2(out, a) {
@@ -2819,14 +2920,14 @@ function copy$2(out, a) {
   out[2] = a[2];
   return out;
 }
-/**
- * Set the components of a vec3 to the given values
- *
- * @param {vec3} out the receiving vector
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @returns {vec3} out
+/**
+ * Set the components of a vec3 to the given values
+ *
+ * @param {vec3} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @returns {vec3} out
  */
 
 function set$2(out, x, y, z) {
@@ -2835,13 +2936,13 @@ function set$2(out, x, y, z) {
   out[2] = z;
   return out;
 }
-/**
- * Adds two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
+/**
+ * Adds two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {vec3} out
  */
 
 function add$2(out, a, b) {
@@ -2850,13 +2951,13 @@ function add$2(out, a, b) {
   out[2] = a[2] + b[2];
   return out;
 }
-/**
- * Subtracts vector b from vector a
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {vec3} out
  */
 
 function subtract$2(out, a, b) {
@@ -2865,13 +2966,13 @@ function subtract$2(out, a, b) {
   out[2] = a[2] - b[2];
   return out;
 }
-/**
- * Multiplies two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
+/**
+ * Multiplies two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {vec3} out
  */
 
 function multiply$2(out, a, b) {
@@ -2880,13 +2981,13 @@ function multiply$2(out, a, b) {
   out[2] = a[2] * b[2];
   return out;
 }
-/**
- * Divides two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
+/**
+ * Divides two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {vec3} out
  */
 
 function divide(out, a, b) {
@@ -2895,12 +2996,12 @@ function divide(out, a, b) {
   out[2] = a[2] / b[2];
   return out;
 }
-/**
- * Math.ceil the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to ceil
- * @returns {vec3} out
+/**
+ * Math.ceil the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a vector to ceil
+ * @returns {vec3} out
  */
 
 function ceil(out, a) {
@@ -2909,12 +3010,12 @@ function ceil(out, a) {
   out[2] = Math.ceil(a[2]);
   return out;
 }
-/**
- * Math.floor the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to floor
- * @returns {vec3} out
+/**
+ * Math.floor the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a vector to floor
+ * @returns {vec3} out
  */
 
 function floor(out, a) {
@@ -2923,13 +3024,13 @@ function floor(out, a) {
   out[2] = Math.floor(a[2]);
   return out;
 }
-/**
- * Returns the minimum of two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
+/**
+ * Returns the minimum of two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {vec3} out
  */
 
 function min(out, a, b) {
@@ -2938,13 +3039,13 @@ function min(out, a, b) {
   out[2] = Math.min(a[2], b[2]);
   return out;
 }
-/**
- * Returns the maximum of two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
+/**
+ * Returns the maximum of two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {vec3} out
  */
 
 function max(out, a, b) {
@@ -2953,12 +3054,12 @@ function max(out, a, b) {
   out[2] = Math.max(a[2], b[2]);
   return out;
 }
-/**
- * Math.round the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to round
- * @returns {vec3} out
+/**
+ * Math.round the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a vector to round
+ * @returns {vec3} out
  */
 
 function round(out, a) {
@@ -2967,13 +3068,13 @@ function round(out, a) {
   out[2] = Math.round(a[2]);
   return out;
 }
-/**
- * Scales a vec3 by a scalar number
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {vec3} out
+/**
+ * Scales a vec3 by a scalar number
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {vec3} out
  */
 
 function scale$2(out, a, b) {
@@ -2982,14 +3083,14 @@ function scale$2(out, a, b) {
   out[2] = a[2] * b;
   return out;
 }
-/**
- * Adds two vec3's after scaling the second operand by a scalar value
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {Number} scale the amount to scale b by before adding
- * @returns {vec3} out
+/**
+ * Adds two vec3's after scaling the second operand by a scalar value
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @param {Number} scale the amount to scale b by before adding
+ * @returns {vec3} out
  */
 
 function scaleAndAdd(out, a, b, scale) {
@@ -2998,12 +3099,12 @@ function scaleAndAdd(out, a, b, scale) {
   out[2] = a[2] + b[2] * scale;
   return out;
 }
-/**
- * Calculates the euclidian distance between two vec3's
- *
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {Number} distance between a and b
+/**
+ * Calculates the euclidian distance between two vec3's
+ *
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {Number} distance between a and b
  */
 
 function distance(a, b) {
@@ -3012,12 +3113,12 @@ function distance(a, b) {
   var z = b[2] - a[2];
   return Math.hypot(x, y, z);
 }
-/**
- * Calculates the squared euclidian distance between two vec3's
- *
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {Number} squared distance between a and b
+/**
+ * Calculates the squared euclidian distance between two vec3's
+ *
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {Number} squared distance between a and b
  */
 
 function squaredDistance(a, b) {
@@ -3026,11 +3127,11 @@ function squaredDistance(a, b) {
   var z = b[2] - a[2];
   return x * x + y * y + z * z;
 }
-/**
- * Calculates the squared length of a vec3
- *
- * @param {ReadonlyVec3} a vector to calculate squared length of
- * @returns {Number} squared length of a
+/**
+ * Calculates the squared length of a vec3
+ *
+ * @param {ReadonlyVec3} a vector to calculate squared length of
+ * @returns {Number} squared length of a
  */
 
 function squaredLength(a) {
@@ -3039,12 +3140,12 @@ function squaredLength(a) {
   var z = a[2];
   return x * x + y * y + z * z;
 }
-/**
- * Negates the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to negate
- * @returns {vec3} out
+/**
+ * Negates the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a vector to negate
+ * @returns {vec3} out
  */
 
 function negate(out, a) {
@@ -3053,12 +3154,12 @@ function negate(out, a) {
   out[2] = -a[2];
   return out;
 }
-/**
- * Returns the inverse of the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to invert
- * @returns {vec3} out
+/**
+ * Returns the inverse of the components of a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a vector to invert
+ * @returns {vec3} out
  */
 
 function inverse(out, a) {
@@ -3067,12 +3168,12 @@ function inverse(out, a) {
   out[2] = 1.0 / a[2];
   return out;
 }
-/**
- * Normalize a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to normalize
- * @returns {vec3} out
+/**
+ * Normalize a vec3
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a vector to normalize
+ * @returns {vec3} out
  */
 
 function normalize(out, a) {
@@ -3091,24 +3192,24 @@ function normalize(out, a) {
   out[2] = a[2] * len;
   return out;
 }
-/**
- * Calculates the dot product of two vec3's
- *
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {Number} dot product of a and b
+/**
+ * Calculates the dot product of two vec3's
+ *
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {Number} dot product of a and b
  */
 
 function dot(a, b) {
   return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
 }
-/**
- * Computes the cross product of two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
+/**
+ * Computes the cross product of two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @returns {vec3} out
  */
 
 function cross(out, a, b) {
@@ -3123,14 +3224,14 @@ function cross(out, a, b) {
   out[2] = ax * by - ay * bx;
   return out;
 }
-/**
- * Performs a linear interpolation between two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec3} out
+/**
+ * Performs a linear interpolation between two vec3's
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {vec3} out
  */
 
 function lerp(out, a, b, t) {
@@ -3142,16 +3243,16 @@ function lerp(out, a, b, t) {
   out[2] = az + t * (b[2] - az);
   return out;
 }
-/**
- * Performs a hermite interpolation with two control points
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {ReadonlyVec3} c the third operand
- * @param {ReadonlyVec3} d the fourth operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec3} out
+/**
+ * Performs a hermite interpolation with two control points
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @param {ReadonlyVec3} c the third operand
+ * @param {ReadonlyVec3} d the fourth operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {vec3} out
  */
 
 function hermite(out, a, b, c, d, t) {
@@ -3165,16 +3266,16 @@ function hermite(out, a, b, c, d, t) {
   out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
   return out;
 }
-/**
- * Performs a bezier interpolation with two control points
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {ReadonlyVec3} c the third operand
- * @param {ReadonlyVec3} d the fourth operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec3} out
+/**
+ * Performs a bezier interpolation with two control points
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the first operand
+ * @param {ReadonlyVec3} b the second operand
+ * @param {ReadonlyVec3} c the third operand
+ * @param {ReadonlyVec3} d the fourth operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {vec3} out
  */
 
 function bezier(out, a, b, c, d, t) {
@@ -3190,12 +3291,12 @@ function bezier(out, a, b, c, d, t) {
   out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
   return out;
 }
-/**
- * Generates a random vector with the given scale
- *
- * @param {vec3} out the receiving vector
- * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
- * @returns {vec3} out
+/**
+ * Generates a random vector with the given scale
+ *
+ * @param {vec3} out the receiving vector
+ * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
+ * @returns {vec3} out
  */
 
 function random(out, scale) {
@@ -3208,14 +3309,14 @@ function random(out, scale) {
   out[2] = z * scale;
   return out;
 }
-/**
- * Transforms the vec3 with a mat4.
- * 4th vector component is implicitly '1'
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to transform
- * @param {ReadonlyMat4} m matrix to transform with
- * @returns {vec3} out
+/**
+ * Transforms the vec3 with a mat4.
+ * 4th vector component is implicitly '1'
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the vector to transform
+ * @param {ReadonlyMat4} m matrix to transform with
+ * @returns {vec3} out
  */
 
 function transformMat4(out, a, m) {
@@ -3229,13 +3330,13 @@ function transformMat4(out, a, m) {
   out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;
   return out;
 }
-/**
- * Transforms the vec3 with a mat3.
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to transform
- * @param {ReadonlyMat3} m the 3x3 matrix to transform with
- * @returns {vec3} out
+/**
+ * Transforms the vec3 with a mat3.
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the vector to transform
+ * @param {ReadonlyMat3} m the 3x3 matrix to transform with
+ * @returns {vec3} out
  */
 
 function transformMat3(out, a, m) {
@@ -3247,14 +3348,14 @@ function transformMat3(out, a, m) {
   out[2] = x * m[2] + y * m[5] + z * m[8];
   return out;
 }
-/**
- * Transforms the vec3 with a quat
- * Can also be used for dual quaternions. (Multiply it with the real part)
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to transform
- * @param {ReadonlyQuat} q quaternion to transform with
- * @returns {vec3} out
+/**
+ * Transforms the vec3 with a quat
+ * Can also be used for dual quaternions. (Multiply it with the real part)
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec3} a the vector to transform
+ * @param {ReadonlyQuat} q quaternion to transform with
+ * @returns {vec3} out
  */
 
 function transformQuat(out, a, q) {
@@ -3290,13 +3391,13 @@ function transformQuat(out, a, q) {
   out[2] = z + uvz + uuvz;
   return out;
 }
-/**
- * Rotate a 3D vector around the x-axis
- * @param {vec3} out The receiving vec3
- * @param {ReadonlyVec3} a The vec3 point to rotate
- * @param {ReadonlyVec3} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec3} out
+/**
+ * Rotate a 3D vector around the x-axis
+ * @param {vec3} out The receiving vec3
+ * @param {ReadonlyVec3} a The vec3 point to rotate
+ * @param {ReadonlyVec3} b The origin of the rotation
+ * @param {Number} rad The angle of rotation in radians
+ * @returns {vec3} out
  */
 
 function rotateX$1(out, a, b, rad) {
@@ -3316,13 +3417,13 @@ function rotateX$1(out, a, b, rad) {
   out[2] = r[2] + b[2];
   return out;
 }
-/**
- * Rotate a 3D vector around the y-axis
- * @param {vec3} out The receiving vec3
- * @param {ReadonlyVec3} a The vec3 point to rotate
- * @param {ReadonlyVec3} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec3} out
+/**
+ * Rotate a 3D vector around the y-axis
+ * @param {vec3} out The receiving vec3
+ * @param {ReadonlyVec3} a The vec3 point to rotate
+ * @param {ReadonlyVec3} b The origin of the rotation
+ * @param {Number} rad The angle of rotation in radians
+ * @returns {vec3} out
  */
 
 function rotateY$1(out, a, b, rad) {
@@ -3342,13 +3443,13 @@ function rotateY$1(out, a, b, rad) {
   out[2] = r[2] + b[2];
   return out;
 }
-/**
- * Rotate a 3D vector around the z-axis
- * @param {vec3} out The receiving vec3
- * @param {ReadonlyVec3} a The vec3 point to rotate
- * @param {ReadonlyVec3} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec3} out
+/**
+ * Rotate a 3D vector around the z-axis
+ * @param {vec3} out The receiving vec3
+ * @param {ReadonlyVec3} a The vec3 point to rotate
+ * @param {ReadonlyVec3} b The origin of the rotation
+ * @param {Number} rad The angle of rotation in radians
+ * @returns {vec3} out
  */
 
 function rotateZ$1(out, a, b, rad) {
@@ -3368,11 +3469,11 @@ function rotateZ$1(out, a, b, rad) {
   out[2] = r[2] + b[2];
   return out;
 }
-/**
- * Get the angle between two 3D vectors
- * @param {ReadonlyVec3} a The first operand
- * @param {ReadonlyVec3} b The second operand
- * @returns {Number} The angle in radians
+/**
+ * Get the angle between two 3D vectors
+ * @param {ReadonlyVec3} a The first operand
+ * @param {ReadonlyVec3} b The second operand
+ * @returns {Number} The angle in radians
  */
 
 function angle(a, b) {
@@ -3388,11 +3489,11 @@ function angle(a, b) {
       cosine = mag && dot(a, b) / mag;
   return Math.acos(Math.min(Math.max(cosine, -1), 1));
 }
-/**
- * Set the components of a vec3 to zero
- *
- * @param {vec3} out the receiving vector
- * @returns {vec3} out
+/**
+ * Set the components of a vec3 to zero
+ *
+ * @param {vec3} out the receiving vector
+ * @returns {vec3} out
  */
 
 function zero(out) {
@@ -3401,33 +3502,33 @@ function zero(out) {
   out[2] = 0.0;
   return out;
 }
-/**
- * Returns a string representation of a vector
- *
- * @param {ReadonlyVec3} a vector to represent as a string
- * @returns {String} string representation of the vector
+/**
+ * Returns a string representation of a vector
+ *
+ * @param {ReadonlyVec3} a vector to represent as a string
+ * @returns {String} string representation of the vector
  */
 
 function str$2(a) {
   return "vec3(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
 }
-/**
- * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyVec3} a The first vector.
- * @param {ReadonlyVec3} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyVec3} a The first vector.
+ * @param {ReadonlyVec3} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 function exactEquals$2(a, b) {
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];
 }
-/**
- * Returns whether or not the vectors have approximately the same elements in the same position.
- *
- * @param {ReadonlyVec3} a The first vector.
- * @param {ReadonlyVec3} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the vectors have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyVec3} a The first vector.
+ * @param {ReadonlyVec3} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 function equals$3(a, b) {
@@ -3439,59 +3540,59 @@ function equals$3(a, b) {
       b2 = b[2];
   return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2));
 }
-/**
- * Alias for {@link vec3.subtract}
- * @function
+/**
+ * Alias for {@link vec3.subtract}
+ * @function
  */
 
 var sub$2 = subtract$2;
-/**
- * Alias for {@link vec3.multiply}
- * @function
+/**
+ * Alias for {@link vec3.multiply}
+ * @function
  */
 
 var mul$2 = multiply$2;
-/**
- * Alias for {@link vec3.divide}
- * @function
+/**
+ * Alias for {@link vec3.divide}
+ * @function
  */
 
 var div = divide;
-/**
- * Alias for {@link vec3.distance}
- * @function
+/**
+ * Alias for {@link vec3.distance}
+ * @function
  */
 
 var dist = distance;
-/**
- * Alias for {@link vec3.squaredDistance}
- * @function
+/**
+ * Alias for {@link vec3.squaredDistance}
+ * @function
  */
 
 var sqrDist = squaredDistance;
-/**
- * Alias for {@link vec3.length}
- * @function
+/**
+ * Alias for {@link vec3.length}
+ * @function
  */
 
 var len = length;
-/**
- * Alias for {@link vec3.squaredLength}
- * @function
+/**
+ * Alias for {@link vec3.squaredLength}
+ * @function
  */
 
 var sqrLen = squaredLength;
-/**
- * Perform some operation over an array of vec3s.
- *
- * @param {Array} a the array of vectors to iterate over
- * @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed
- * @param {Number} offset Number of elements to skip at the beginning of the array
- * @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array
- * @param {Function} fn Function to call for each vector in the array
- * @param {Object} [arg] additional argument to pass to fn
- * @returns {Array} a
- * @function
+/**
+ * Perform some operation over an array of vec3s.
+ *
+ * @param {Array} a the array of vectors to iterate over
+ * @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed
+ * @param {Number} offset Number of elements to skip at the beginning of the array
+ * @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array
+ * @param {Function} fn Function to call for each vector in the array
+ * @param {Object} [arg] additional argument to pass to fn
+ * @returns {Array} a
+ * @function
  */
 
 var forEach = function () {
@@ -3579,15 +3680,15 @@ var vec3 = /*#__PURE__*/Object.freeze({
   forEach: forEach
 });
 
-/**
- * 4 Dimensional Vector
- * @module vec4
+/**
+ * 4 Dimensional Vector
+ * @module vec4
  */
 
-/**
- * Creates a new, empty vec4
- *
- * @returns {vec4} a new 4D vector
+/**
+ * Creates a new, empty vec4
+ *
+ * @returns {vec4} a new 4D vector
  */
 
 function create$3() {
@@ -3602,11 +3703,11 @@ function create$3() {
 
   return out;
 }
-/**
- * Creates a new vec4 initialized with values from an existing vector
- *
- * @param {ReadonlyVec4} a vector to clone
- * @returns {vec4} a new 4D vector
+/**
+ * Creates a new vec4 initialized with values from an existing vector
+ *
+ * @param {ReadonlyVec4} a vector to clone
+ * @returns {vec4} a new 4D vector
  */
 
 function clone$3(a) {
@@ -3617,14 +3718,14 @@ function clone$3(a) {
   out[3] = a[3];
   return out;
 }
-/**
- * Creates a new vec4 initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {vec4} a new 4D vector
+/**
+ * Creates a new vec4 initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {vec4} a new 4D vector
  */
 
 function fromValues$3(x, y, z, w) {
@@ -3635,12 +3736,12 @@ function fromValues$3(x, y, z, w) {
   out[3] = w;
   return out;
 }
-/**
- * Copy the values from one vec4 to another
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the source vector
- * @returns {vec4} out
+/**
+ * Copy the values from one vec4 to another
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the source vector
+ * @returns {vec4} out
  */
 
 function copy$3(out, a) {
@@ -3650,15 +3751,15 @@ function copy$3(out, a) {
   out[3] = a[3];
   return out;
 }
-/**
- * Set the components of a vec4 to the given values
- *
- * @param {vec4} out the receiving vector
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {vec4} out
+/**
+ * Set the components of a vec4 to the given values
+ *
+ * @param {vec4} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {vec4} out
  */
 
 function set$3(out, x, y, z, w) {
@@ -3668,13 +3769,13 @@ function set$3(out, x, y, z, w) {
   out[3] = w;
   return out;
 }
-/**
- * Adds two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
+/**
+ * Adds two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {vec4} out
  */
 
 function add$3(out, a, b) {
@@ -3684,13 +3785,13 @@ function add$3(out, a, b) {
   out[3] = a[3] + b[3];
   return out;
 }
-/**
- * Subtracts vector b from vector a
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {vec4} out
  */
 
 function subtract$3(out, a, b) {
@@ -3700,13 +3801,13 @@ function subtract$3(out, a, b) {
   out[3] = a[3] - b[3];
   return out;
 }
-/**
- * Multiplies two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
+/**
+ * Multiplies two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {vec4} out
  */
 
 function multiply$3(out, a, b) {
@@ -3716,13 +3817,13 @@ function multiply$3(out, a, b) {
   out[3] = a[3] * b[3];
   return out;
 }
-/**
- * Divides two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
+/**
+ * Divides two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {vec4} out
  */
 
 function divide$1(out, a, b) {
@@ -3732,12 +3833,12 @@ function divide$1(out, a, b) {
   out[3] = a[3] / b[3];
   return out;
 }
-/**
- * Math.ceil the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to ceil
- * @returns {vec4} out
+/**
+ * Math.ceil the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a vector to ceil
+ * @returns {vec4} out
  */
 
 function ceil$1(out, a) {
@@ -3747,12 +3848,12 @@ function ceil$1(out, a) {
   out[3] = Math.ceil(a[3]);
   return out;
 }
-/**
- * Math.floor the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to floor
- * @returns {vec4} out
+/**
+ * Math.floor the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a vector to floor
+ * @returns {vec4} out
  */
 
 function floor$1(out, a) {
@@ -3762,13 +3863,13 @@ function floor$1(out, a) {
   out[3] = Math.floor(a[3]);
   return out;
 }
-/**
- * Returns the minimum of two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
+/**
+ * Returns the minimum of two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {vec4} out
  */
 
 function min$1(out, a, b) {
@@ -3778,13 +3879,13 @@ function min$1(out, a, b) {
   out[3] = Math.min(a[3], b[3]);
   return out;
 }
-/**
- * Returns the maximum of two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
+/**
+ * Returns the maximum of two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {vec4} out
  */
 
 function max$1(out, a, b) {
@@ -3794,12 +3895,12 @@ function max$1(out, a, b) {
   out[3] = Math.max(a[3], b[3]);
   return out;
 }
-/**
- * Math.round the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to round
- * @returns {vec4} out
+/**
+ * Math.round the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a vector to round
+ * @returns {vec4} out
  */
 
 function round$1(out, a) {
@@ -3809,13 +3910,13 @@ function round$1(out, a) {
   out[3] = Math.round(a[3]);
   return out;
 }
-/**
- * Scales a vec4 by a scalar number
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {vec4} out
+/**
+ * Scales a vec4 by a scalar number
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {vec4} out
  */
 
 function scale$3(out, a, b) {
@@ -3825,14 +3926,14 @@ function scale$3(out, a, b) {
   out[3] = a[3] * b;
   return out;
 }
-/**
- * Adds two vec4's after scaling the second operand by a scalar value
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @param {Number} scale the amount to scale b by before adding
- * @returns {vec4} out
+/**
+ * Adds two vec4's after scaling the second operand by a scalar value
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @param {Number} scale the amount to scale b by before adding
+ * @returns {vec4} out
  */
 
 function scaleAndAdd$1(out, a, b, scale) {
@@ -3842,12 +3943,12 @@ function scaleAndAdd$1(out, a, b, scale) {
   out[3] = a[3] + b[3] * scale;
   return out;
 }
-/**
- * Calculates the euclidian distance between two vec4's
- *
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {Number} distance between a and b
+/**
+ * Calculates the euclidian distance between two vec4's
+ *
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {Number} distance between a and b
  */
 
 function distance$1(a, b) {
@@ -3857,12 +3958,12 @@ function distance$1(a, b) {
   var w = b[3] - a[3];
   return Math.hypot(x, y, z, w);
 }
-/**
- * Calculates the squared euclidian distance between two vec4's
- *
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {Number} squared distance between a and b
+/**
+ * Calculates the squared euclidian distance between two vec4's
+ *
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {Number} squared distance between a and b
  */
 
 function squaredDistance$1(a, b) {
@@ -3872,11 +3973,11 @@ function squaredDistance$1(a, b) {
   var w = b[3] - a[3];
   return x * x + y * y + z * z + w * w;
 }
-/**
- * Calculates the length of a vec4
- *
- * @param {ReadonlyVec4} a vector to calculate length of
- * @returns {Number} length of a
+/**
+ * Calculates the length of a vec4
+ *
+ * @param {ReadonlyVec4} a vector to calculate length of
+ * @returns {Number} length of a
  */
 
 function length$1(a) {
@@ -3886,11 +3987,11 @@ function length$1(a) {
   var w = a[3];
   return Math.hypot(x, y, z, w);
 }
-/**
- * Calculates the squared length of a vec4
- *
- * @param {ReadonlyVec4} a vector to calculate squared length of
- * @returns {Number} squared length of a
+/**
+ * Calculates the squared length of a vec4
+ *
+ * @param {ReadonlyVec4} a vector to calculate squared length of
+ * @returns {Number} squared length of a
  */
 
 function squaredLength$1(a) {
@@ -3900,12 +4001,12 @@ function squaredLength$1(a) {
   var w = a[3];
   return x * x + y * y + z * z + w * w;
 }
-/**
- * Negates the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to negate
- * @returns {vec4} out
+/**
+ * Negates the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a vector to negate
+ * @returns {vec4} out
  */
 
 function negate$1(out, a) {
@@ -3915,12 +4016,12 @@ function negate$1(out, a) {
   out[3] = -a[3];
   return out;
 }
-/**
- * Returns the inverse of the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to invert
- * @returns {vec4} out
+/**
+ * Returns the inverse of the components of a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a vector to invert
+ * @returns {vec4} out
  */
 
 function inverse$1(out, a) {
@@ -3930,12 +4031,12 @@ function inverse$1(out, a) {
   out[3] = 1.0 / a[3];
   return out;
 }
-/**
- * Normalize a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to normalize
- * @returns {vec4} out
+/**
+ * Normalize a vec4
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a vector to normalize
+ * @returns {vec4} out
  */
 
 function normalize$1(out, a) {
@@ -3955,25 +4056,25 @@ function normalize$1(out, a) {
   out[3] = w * len;
   return out;
 }
-/**
- * Calculates the dot product of two vec4's
- *
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {Number} dot product of a and b
+/**
+ * Calculates the dot product of two vec4's
+ *
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @returns {Number} dot product of a and b
  */
 
 function dot$1(a, b) {
   return a[0] * b[0] + a[1] * b[1] + a[2] * b[2] + a[3] * b[3];
 }
-/**
- * Returns the cross-product of three vectors in a 4-dimensional space
- *
- * @param {ReadonlyVec4} result the receiving vector
- * @param {ReadonlyVec4} U the first vector
- * @param {ReadonlyVec4} V the second vector
- * @param {ReadonlyVec4} W the third vector
- * @returns {vec4} result
+/**
+ * Returns the cross-product of three vectors in a 4-dimensional space
+ *
+ * @param {ReadonlyVec4} result the receiving vector
+ * @param {ReadonlyVec4} U the first vector
+ * @param {ReadonlyVec4} V the second vector
+ * @param {ReadonlyVec4} W the third vector
+ * @returns {vec4} result
  */
 
 function cross$1(out, u, v, w) {
@@ -3993,14 +4094,14 @@ function cross$1(out, u, v, w) {
   out[3] = -(G * D) + H * B - I * A;
   return out;
 }
-/**
- * Performs a linear interpolation between two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec4} out
+/**
+ * Performs a linear interpolation between two vec4's
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the first operand
+ * @param {ReadonlyVec4} b the second operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {vec4} out
  */
 
 function lerp$1(out, a, b, t) {
@@ -4014,12 +4115,12 @@ function lerp$1(out, a, b, t) {
   out[3] = aw + t * (b[3] - aw);
   return out;
 }
-/**
- * Generates a random vector with the given scale
- *
- * @param {vec4} out the receiving vector
- * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
- * @returns {vec4} out
+/**
+ * Generates a random vector with the given scale
+ *
+ * @param {vec4} out the receiving vector
+ * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
+ * @returns {vec4} out
  */
 
 function random$1(out, scale) {
@@ -4049,13 +4150,13 @@ function random$1(out, scale) {
   out[3] = scale * v4 * d;
   return out;
 }
-/**
- * Transforms the vec4 with a mat4.
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the vector to transform
- * @param {ReadonlyMat4} m matrix to transform with
- * @returns {vec4} out
+/**
+ * Transforms the vec4 with a mat4.
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the vector to transform
+ * @param {ReadonlyMat4} m matrix to transform with
+ * @returns {vec4} out
  */
 
 function transformMat4$1(out, a, m) {
@@ -4069,13 +4170,13 @@ function transformMat4$1(out, a, m) {
   out[3] = m[3] * x + m[7] * y + m[11] * z + m[15] * w;
   return out;
 }
-/**
- * Transforms the vec4 with a quat
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the vector to transform
- * @param {ReadonlyQuat} q quaternion to transform with
- * @returns {vec4} out
+/**
+ * Transforms the vec4 with a quat
+ *
+ * @param {vec4} out the receiving vector
+ * @param {ReadonlyVec4} a the vector to transform
+ * @param {ReadonlyQuat} q quaternion to transform with
+ * @returns {vec4} out
  */
 
 function transformQuat$1(out, a, q) {
@@ -4098,11 +4199,11 @@ function transformQuat$1(out, a, q) {
   out[3] = a[3];
   return out;
 }
-/**
- * Set the components of a vec4 to zero
- *
- * @param {vec4} out the receiving vector
- * @returns {vec4} out
+/**
+ * Set the components of a vec4 to zero
+ *
+ * @param {vec4} out the receiving vector
+ * @returns {vec4} out
  */
 
 function zero$1(out) {
@@ -4112,33 +4213,33 @@ function zero$1(out) {
   out[3] = 0.0;
   return out;
 }
-/**
- * Returns a string representation of a vector
- *
- * @param {ReadonlyVec4} a vector to represent as a string
- * @returns {String} string representation of the vector
+/**
+ * Returns a string representation of a vector
+ *
+ * @param {ReadonlyVec4} a vector to represent as a string
+ * @returns {String} string representation of the vector
  */
 
 function str$3(a) {
   return "vec4(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ")";
 }
-/**
- * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyVec4} a The first vector.
- * @param {ReadonlyVec4} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyVec4} a The first vector.
+ * @param {ReadonlyVec4} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 function exactEquals$3(a, b) {
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3];
 }
-/**
- * Returns whether or not the vectors have approximately the same elements in the same position.
- *
- * @param {ReadonlyVec4} a The first vector.
- * @param {ReadonlyVec4} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the vectors have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyVec4} a The first vector.
+ * @param {ReadonlyVec4} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 function equals$4(a, b) {
@@ -4152,59 +4253,59 @@ function equals$4(a, b) {
       b3 = b[3];
   return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3));
 }
-/**
- * Alias for {@link vec4.subtract}
- * @function
+/**
+ * Alias for {@link vec4.subtract}
+ * @function
  */
 
 var sub$3 = subtract$3;
-/**
- * Alias for {@link vec4.multiply}
- * @function
+/**
+ * Alias for {@link vec4.multiply}
+ * @function
  */
 
 var mul$3 = multiply$3;
-/**
- * Alias for {@link vec4.divide}
- * @function
+/**
+ * Alias for {@link vec4.divide}
+ * @function
  */
 
 var div$1 = divide$1;
-/**
- * Alias for {@link vec4.distance}
- * @function
+/**
+ * Alias for {@link vec4.distance}
+ * @function
  */
 
 var dist$1 = distance$1;
-/**
- * Alias for {@link vec4.squaredDistance}
- * @function
+/**
+ * Alias for {@link vec4.squaredDistance}
+ * @function
  */
 
 var sqrDist$1 = squaredDistance$1;
-/**
- * Alias for {@link vec4.length}
- * @function
+/**
+ * Alias for {@link vec4.length}
+ * @function
  */
 
 var len$1 = length$1;
-/**
- * Alias for {@link vec4.squaredLength}
- * @function
+/**
+ * Alias for {@link vec4.squaredLength}
+ * @function
  */
 
 var sqrLen$1 = squaredLength$1;
-/**
- * Perform some operation over an array of vec4s.
- *
- * @param {Array} a the array of vectors to iterate over
- * @param {Number} stride Number of elements between the start of each vec4. If 0 assumes tightly packed
- * @param {Number} offset Number of elements to skip at the beginning of the array
- * @param {Number} count Number of vec4s to iterate over. If 0 iterates over entire array
- * @param {Function} fn Function to call for each vector in the array
- * @param {Object} [arg] additional argument to pass to fn
- * @returns {Array} a
- * @function
+/**
+ * Perform some operation over an array of vec4s.
+ *
+ * @param {Array} a the array of vectors to iterate over
+ * @param {Number} stride Number of elements between the start of each vec4. If 0 assumes tightly packed
+ * @param {Number} offset Number of elements to skip at the beginning of the array
+ * @param {Number} count Number of vec4s to iterate over. If 0 iterates over entire array
+ * @param {Function} fn Function to call for each vector in the array
+ * @param {Object} [arg] additional argument to pass to fn
+ * @returns {Array} a
+ * @function
  */
 
 var forEach$1 = function () {
@@ -4287,15 +4388,15 @@ var vec4 = /*#__PURE__*/Object.freeze({
   forEach: forEach$1
 });
 
-/**
- * Quaternion
- * @module quat
+/**
+ * Quaternion
+ * @module quat
  */
 
-/**
- * Creates a new identity quat
- *
- * @returns {quat} a new quaternion
+/**
+ * Creates a new identity quat
+ *
+ * @returns {quat} a new quaternion
  */
 
 function create$4() {
@@ -4310,11 +4411,11 @@ function create$4() {
   out[3] = 1;
   return out;
 }
-/**
- * Set a quat to the identity quaternion
- *
- * @param {quat} out the receiving quaternion
- * @returns {quat} out
+/**
+ * Set a quat to the identity quaternion
+ *
+ * @param {quat} out the receiving quaternion
+ * @returns {quat} out
  */
 
 function identity$2(out) {
@@ -4324,14 +4425,14 @@ function identity$2(out) {
   out[3] = 1;
   return out;
 }
-/**
- * Sets a quat from the given angle and rotation axis,
- * then returns it.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyVec3} axis the axis around which to rotate
- * @param {Number} rad the angle in radians
- * @returns {quat} out
+/**
+ * Sets a quat from the given angle and rotation axis,
+ * then returns it.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyVec3} axis the axis around which to rotate
+ * @param {Number} rad the angle in radians
+ * @returns {quat} out
  **/
 
 function setAxisAngle(out, axis, rad) {
@@ -4343,18 +4444,18 @@ function setAxisAngle(out, axis, rad) {
   out[3] = Math.cos(rad);
   return out;
 }
-/**
- * Gets the rotation axis and angle for a given
- *  quaternion. If a quaternion is created with
- *  setAxisAngle, this method will return the same
- *  values as providied in the original parameter list
- *  OR functionally equivalent values.
- * Example: The quaternion formed by axis [0, 0, 1] and
- *  angle -90 is the same as the quaternion formed by
- *  [0, 0, 1] and 270. This method favors the latter.
- * @param  {vec3} out_axis  Vector receiving the axis of rotation
- * @param  {ReadonlyQuat} q     Quaternion to be decomposed
- * @return {Number}     Angle, in radians, of the rotation
+/**
+ * Gets the rotation axis and angle for a given
+ *  quaternion. If a quaternion is created with
+ *  setAxisAngle, this method will return the same
+ *  values as providied in the original parameter list
+ *  OR functionally equivalent values.
+ * Example: The quaternion formed by axis [0, 0, 1] and
+ *  angle -90 is the same as the quaternion formed by
+ *  [0, 0, 1] and 270. This method favors the latter.
+ * @param  {vec3} out_axis  Vector receiving the axis of rotation
+ * @param  {ReadonlyQuat} q     Quaternion to be decomposed
+ * @return {Number}     Angle, in radians, of the rotation
  */
 
 function getAxisAngle(out_axis, q) {
@@ -4374,25 +4475,25 @@ function getAxisAngle(out_axis, q) {
 
   return rad;
 }
-/**
- * Gets the angular distance between two unit quaternions
- *
- * @param  {ReadonlyQuat} a     Origin unit quaternion
- * @param  {ReadonlyQuat} b     Destination unit quaternion
- * @return {Number}     Angle, in radians, between the two quaternions
+/**
+ * Gets the angular distance between two unit quaternions
+ *
+ * @param  {ReadonlyQuat} a     Origin unit quaternion
+ * @param  {ReadonlyQuat} b     Destination unit quaternion
+ * @return {Number}     Angle, in radians, between the two quaternions
  */
 
 function getAngle(a, b) {
   var dotproduct = dot$2(a, b);
   return Math.acos(2 * dotproduct * dotproduct - 1);
 }
-/**
- * Multiplies two quat's
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @returns {quat} out
+/**
+ * Multiplies two quat's
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a the first operand
+ * @param {ReadonlyQuat} b the second operand
+ * @returns {quat} out
  */
 
 function multiply$4(out, a, b) {
@@ -4410,13 +4511,13 @@ function multiply$4(out, a, b) {
   out[3] = aw * bw - ax * bx - ay * by - az * bz;
   return out;
 }
-/**
- * Rotates a quaternion by the given angle about the X axis
- *
- * @param {quat} out quat receiving operation result
- * @param {ReadonlyQuat} a quat to rotate
- * @param {number} rad angle (in radians) to rotate
- * @returns {quat} out
+/**
+ * Rotates a quaternion by the given angle about the X axis
+ *
+ * @param {quat} out quat receiving operation result
+ * @param {ReadonlyQuat} a quat to rotate
+ * @param {number} rad angle (in radians) to rotate
+ * @returns {quat} out
  */
 
 function rotateX$2(out, a, rad) {
@@ -4433,13 +4534,13 @@ function rotateX$2(out, a, rad) {
   out[3] = aw * bw - ax * bx;
   return out;
 }
-/**
- * Rotates a quaternion by the given angle about the Y axis
- *
- * @param {quat} out quat receiving operation result
- * @param {ReadonlyQuat} a quat to rotate
- * @param {number} rad angle (in radians) to rotate
- * @returns {quat} out
+/**
+ * Rotates a quaternion by the given angle about the Y axis
+ *
+ * @param {quat} out quat receiving operation result
+ * @param {ReadonlyQuat} a quat to rotate
+ * @param {number} rad angle (in radians) to rotate
+ * @returns {quat} out
  */
 
 function rotateY$2(out, a, rad) {
@@ -4456,13 +4557,13 @@ function rotateY$2(out, a, rad) {
   out[3] = aw * bw - ay * by;
   return out;
 }
-/**
- * Rotates a quaternion by the given angle about the Z axis
- *
- * @param {quat} out quat receiving operation result
- * @param {ReadonlyQuat} a quat to rotate
- * @param {number} rad angle (in radians) to rotate
- * @returns {quat} out
+/**
+ * Rotates a quaternion by the given angle about the Z axis
+ *
+ * @param {quat} out quat receiving operation result
+ * @param {ReadonlyQuat} a quat to rotate
+ * @param {number} rad angle (in radians) to rotate
+ * @returns {quat} out
  */
 
 function rotateZ$2(out, a, rad) {
@@ -4479,14 +4580,14 @@ function rotateZ$2(out, a, rad) {
   out[3] = aw * bw - az * bz;
   return out;
 }
-/**
- * Calculates the W component of a quat from the X, Y, and Z components.
- * Assumes that quaternion is 1 unit in length.
- * Any existing W component will be ignored.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate W component of
- * @returns {quat} out
+/**
+ * Calculates the W component of a quat from the X, Y, and Z components.
+ * Assumes that quaternion is 1 unit in length.
+ * Any existing W component will be ignored.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a quat to calculate W component of
+ * @returns {quat} out
  */
 
 function calculateW(out, a) {
@@ -4499,12 +4600,12 @@ function calculateW(out, a) {
   out[3] = Math.sqrt(Math.abs(1.0 - x * x - y * y - z * z));
   return out;
 }
-/**
- * Calculate the exponential of a unit quaternion.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate the exponential of
- * @returns {quat} out
+/**
+ * Calculate the exponential of a unit quaternion.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a quat to calculate the exponential of
+ * @returns {quat} out
  */
 
 function exp(out, a) {
@@ -4521,12 +4622,12 @@ function exp(out, a) {
   out[3] = et * Math.cos(r);
   return out;
 }
-/**
- * Calculate the natural logarithm of a unit quaternion.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate the exponential of
- * @returns {quat} out
+/**
+ * Calculate the natural logarithm of a unit quaternion.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a quat to calculate the exponential of
+ * @returns {quat} out
  */
 
 function ln(out, a) {
@@ -4542,13 +4643,13 @@ function ln(out, a) {
   out[3] = 0.5 * Math.log(x * x + y * y + z * z + w * w);
   return out;
 }
-/**
- * Calculate the scalar power of a unit quaternion.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate the exponential of
- * @param {Number} b amount to scale the quaternion by
- * @returns {quat} out
+/**
+ * Calculate the scalar power of a unit quaternion.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a quat to calculate the exponential of
+ * @param {Number} b amount to scale the quaternion by
+ * @returns {quat} out
  */
 
 function pow(out, a, b) {
@@ -4557,14 +4658,14 @@ function pow(out, a, b) {
   exp(out, out);
   return out;
 }
-/**
- * Performs a spherical linear interpolation between two quat
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {quat} out
+/**
+ * Performs a spherical linear interpolation between two quat
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a the first operand
+ * @param {ReadonlyQuat} b the second operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {quat} out
  */
 
 function slerp(out, a, b, t) {
@@ -4611,11 +4712,11 @@ function slerp(out, a, b, t) {
   out[3] = scale0 * aw + scale1 * bw;
   return out;
 }
-/**
- * Generates a random unit quaternion
- *
- * @param {quat} out the receiving quaternion
- * @returns {quat} out
+/**
+ * Generates a random unit quaternion
+ *
+ * @param {quat} out the receiving quaternion
+ * @returns {quat} out
  */
 
 function random$2(out) {
@@ -4632,12 +4733,12 @@ function random$2(out) {
   out[3] = sqrtU1 * Math.cos(2.0 * Math.PI * u3);
   return out;
 }
-/**
- * Calculates the inverse of a quat
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate inverse of
- * @returns {quat} out
+/**
+ * Calculates the inverse of a quat
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a quat to calculate inverse of
+ * @returns {quat} out
  */
 
 function invert$2(out, a) {
@@ -4654,13 +4755,13 @@ function invert$2(out, a) {
   out[3] = a3 * invDot;
   return out;
 }
-/**
- * Calculates the conjugate of a quat
- * If the quaternion is normalized, this function is faster than quat.inverse and produces the same result.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate conjugate of
- * @returns {quat} out
+/**
+ * Calculates the conjugate of a quat
+ * If the quaternion is normalized, this function is faster than quat.inverse and produces the same result.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a quat to calculate conjugate of
+ * @returns {quat} out
  */
 
 function conjugate(out, a) {
@@ -4670,16 +4771,16 @@ function conjugate(out, a) {
   out[3] = a[3];
   return out;
 }
-/**
- * Creates a quaternion from the given 3x3 rotation matrix.
- *
- * NOTE: The resultant quaternion is not normalized, so you should be sure
- * to renormalize the quaternion yourself where necessary.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyMat3} m rotation matrix
- * @returns {quat} out
- * @function
+/**
+ * Creates a quaternion from the given 3x3 rotation matrix.
+ *
+ * NOTE: The resultant quaternion is not normalized, so you should be sure
+ * to renormalize the quaternion yourself where necessary.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyMat3} m rotation matrix
+ * @returns {quat} out
+ * @function
  */
 
 function fromMat3(out, m) {
@@ -4715,15 +4816,15 @@ function fromMat3(out, m) {
 
   return out;
 }
-/**
- * Creates a quaternion from the given euler angle x, y, z.
- *
- * @param {quat} out the receiving quaternion
- * @param {x} Angle to rotate around X axis in degrees.
- * @param {y} Angle to rotate around Y axis in degrees.
- * @param {z} Angle to rotate around Z axis in degrees.
- * @returns {quat} out
- * @function
+/**
+ * Creates a quaternion from the given euler angle x, y, z.
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {x} Angle to rotate around X axis in degrees.
+ * @param {y} Angle to rotate around Y axis in degrees.
+ * @param {z} Angle to rotate around Z axis in degrees.
+ * @returns {quat} out
+ * @function
  */
 
 function fromEuler(out, x, y, z) {
@@ -4743,177 +4844,177 @@ function fromEuler(out, x, y, z) {
   out[3] = cx * cy * cz + sx * sy * sz;
   return out;
 }
-/**
- * Returns a string representation of a quatenion
- *
- * @param {ReadonlyQuat} a vector to represent as a string
- * @returns {String} string representation of the vector
+/**
+ * Returns a string representation of a quatenion
+ *
+ * @param {ReadonlyQuat} a vector to represent as a string
+ * @returns {String} string representation of the vector
  */
 
 function str$4(a) {
   return "quat(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ")";
 }
-/**
- * Creates a new quat initialized with values from an existing quaternion
- *
- * @param {ReadonlyQuat} a quaternion to clone
- * @returns {quat} a new quaternion
- * @function
+/**
+ * Creates a new quat initialized with values from an existing quaternion
+ *
+ * @param {ReadonlyQuat} a quaternion to clone
+ * @returns {quat} a new quaternion
+ * @function
  */
 
 var clone$4 = clone$3;
-/**
- * Creates a new quat initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {quat} a new quaternion
- * @function
+/**
+ * Creates a new quat initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {quat} a new quaternion
+ * @function
  */
 
 var fromValues$4 = fromValues$3;
-/**
- * Copy the values from one quat to another
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the source quaternion
- * @returns {quat} out
- * @function
+/**
+ * Copy the values from one quat to another
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a the source quaternion
+ * @returns {quat} out
+ * @function
  */
 
 var copy$4 = copy$3;
-/**
- * Set the components of a quat to the given values
- *
- * @param {quat} out the receiving quaternion
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {quat} out
- * @function
+/**
+ * Set the components of a quat to the given values
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @param {Number} z Z component
+ * @param {Number} w W component
+ * @returns {quat} out
+ * @function
  */
 
 var set$4 = set$3;
-/**
- * Adds two quat's
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @returns {quat} out
- * @function
+/**
+ * Adds two quat's
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a the first operand
+ * @param {ReadonlyQuat} b the second operand
+ * @returns {quat} out
+ * @function
  */
 
 var add$4 = add$3;
-/**
- * Alias for {@link quat.multiply}
- * @function
+/**
+ * Alias for {@link quat.multiply}
+ * @function
  */
 
 var mul$4 = multiply$4;
-/**
- * Scales a quat by a scalar number
- *
- * @param {quat} out the receiving vector
- * @param {ReadonlyQuat} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {quat} out
- * @function
+/**
+ * Scales a quat by a scalar number
+ *
+ * @param {quat} out the receiving vector
+ * @param {ReadonlyQuat} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {quat} out
+ * @function
  */
 
 var scale$4 = scale$3;
-/**
- * Calculates the dot product of two quat's
- *
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @returns {Number} dot product of a and b
- * @function
+/**
+ * Calculates the dot product of two quat's
+ *
+ * @param {ReadonlyQuat} a the first operand
+ * @param {ReadonlyQuat} b the second operand
+ * @returns {Number} dot product of a and b
+ * @function
  */
 
 var dot$2 = dot$1;
-/**
- * Performs a linear interpolation between two quat's
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {quat} out
- * @function
+/**
+ * Performs a linear interpolation between two quat's
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a the first operand
+ * @param {ReadonlyQuat} b the second operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {quat} out
+ * @function
  */
 
 var lerp$2 = lerp$1;
-/**
- * Calculates the length of a quat
- *
- * @param {ReadonlyQuat} a vector to calculate length of
- * @returns {Number} length of a
+/**
+ * Calculates the length of a quat
+ *
+ * @param {ReadonlyQuat} a vector to calculate length of
+ * @returns {Number} length of a
  */
 
 var length$2 = length$1;
-/**
- * Alias for {@link quat.length}
- * @function
+/**
+ * Alias for {@link quat.length}
+ * @function
  */
 
 var len$2 = length$2;
-/**
- * Calculates the squared length of a quat
- *
- * @param {ReadonlyQuat} a vector to calculate squared length of
- * @returns {Number} squared length of a
- * @function
+/**
+ * Calculates the squared length of a quat
+ *
+ * @param {ReadonlyQuat} a vector to calculate squared length of
+ * @returns {Number} squared length of a
+ * @function
  */
 
 var squaredLength$2 = squaredLength$1;
-/**
- * Alias for {@link quat.squaredLength}
- * @function
+/**
+ * Alias for {@link quat.squaredLength}
+ * @function
  */
 
 var sqrLen$2 = squaredLength$2;
-/**
- * Normalize a quat
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quaternion to normalize
- * @returns {quat} out
- * @function
+/**
+ * Normalize a quat
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a quaternion to normalize
+ * @returns {quat} out
+ * @function
  */
 
 var normalize$2 = normalize$1;
-/**
- * Returns whether or not the quaternions have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyQuat} a The first quaternion.
- * @param {ReadonlyQuat} b The second quaternion.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the quaternions have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyQuat} a The first quaternion.
+ * @param {ReadonlyQuat} b The second quaternion.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 var exactEquals$4 = exactEquals$3;
-/**
- * Returns whether or not the quaternions have approximately the same elements in the same position.
- *
- * @param {ReadonlyQuat} a The first vector.
- * @param {ReadonlyQuat} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the quaternions have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyQuat} a The first vector.
+ * @param {ReadonlyQuat} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 var equals$5 = equals$4;
-/**
- * Sets a quaternion to represent the shortest rotation from one
- * vector to another.
- *
- * Both vectors are assumed to be unit length.
- *
- * @param {quat} out the receiving quaternion.
- * @param {ReadonlyVec3} a the initial vector
- * @param {ReadonlyVec3} b the destination vector
- * @returns {quat} out
+/**
+ * Sets a quaternion to represent the shortest rotation from one
+ * vector to another.
+ *
+ * Both vectors are assumed to be unit length.
+ *
+ * @param {quat} out the receiving quaternion.
+ * @param {ReadonlyVec3} a the initial vector
+ * @param {ReadonlyVec3} b the destination vector
+ * @returns {quat} out
  */
 
 var rotationTo = function () {
@@ -4945,16 +5046,16 @@ var rotationTo = function () {
     }
   };
 }();
-/**
- * Performs a spherical linear interpolation with two control points
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @param {ReadonlyQuat} c the third operand
- * @param {ReadonlyQuat} d the fourth operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {quat} out
+/**
+ * Performs a spherical linear interpolation with two control points
+ *
+ * @param {quat} out the receiving quaternion
+ * @param {ReadonlyQuat} a the first operand
+ * @param {ReadonlyQuat} b the second operand
+ * @param {ReadonlyQuat} c the third operand
+ * @param {ReadonlyQuat} d the fourth operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {quat} out
  */
 
 var sqlerp = function () {
@@ -4967,15 +5068,15 @@ var sqlerp = function () {
     return out;
   };
 }();
-/**
- * Sets the specified quaternion with values corresponding to the given
- * axes. Each axis is a vec3 and is expected to be unit length and
- * perpendicular to all other specified axes.
- *
- * @param {ReadonlyVec3} view  the vector representing the viewing direction
- * @param {ReadonlyVec3} right the vector representing the local "right" direction
- * @param {ReadonlyVec3} up    the vector representing the local "up" direction
- * @returns {quat} out
+/**
+ * Sets the specified quaternion with values corresponding to the given
+ * axes. Each axis is a vec3 and is expected to be unit length and
+ * perpendicular to all other specified axes.
+ *
+ * @param {ReadonlyVec3} view  the vector representing the viewing direction
+ * @param {ReadonlyVec3} right the vector representing the local "right" direction
+ * @param {ReadonlyVec3} up    the vector representing the local "up" direction
+ * @returns {quat} out
  */
 
 var setAxes = function () {
@@ -5037,15 +5138,15 @@ var quat = /*#__PURE__*/Object.freeze({
   setAxes: setAxes
 });
 
-/**
- * 2 Dimensional Vector
- * @module vec2
+/**
+ * 2 Dimensional Vector
+ * @module vec2
  */
 
-/**
- * Creates a new, empty vec2
- *
- * @returns {vec2} a new 2D vector
+/**
+ * Creates a new, empty vec2
+ *
+ * @returns {vec2} a new 2D vector
  */
 
 function create$5() {
@@ -5058,11 +5159,11 @@ function create$5() {
 
   return out;
 }
-/**
- * Creates a new vec2 initialized with values from an existing vector
- *
- * @param {ReadonlyVec2} a vector to clone
- * @returns {vec2} a new 2D vector
+/**
+ * Creates a new vec2 initialized with values from an existing vector
+ *
+ * @param {ReadonlyVec2} a vector to clone
+ * @returns {vec2} a new 2D vector
  */
 
 function clone$5(a) {
@@ -5071,12 +5172,12 @@ function clone$5(a) {
   out[1] = a[1];
   return out;
 }
-/**
- * Creates a new vec2 initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @returns {vec2} a new 2D vector
+/**
+ * Creates a new vec2 initialized with the given values
+ *
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @returns {vec2} a new 2D vector
  */
 
 function fromValues$5(x, y) {
@@ -5085,12 +5186,12 @@ function fromValues$5(x, y) {
   out[1] = y;
   return out;
 }
-/**
- * Copy the values from one vec2 to another
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the source vector
- * @returns {vec2} out
+/**
+ * Copy the values from one vec2 to another
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the source vector
+ * @returns {vec2} out
  */
 
 function copy$5(out, a) {
@@ -5098,13 +5199,13 @@ function copy$5(out, a) {
   out[1] = a[1];
   return out;
 }
-/**
- * Set the components of a vec2 to the given values
- *
- * @param {vec2} out the receiving vector
- * @param {Number} x X component
- * @param {Number} y Y component
- * @returns {vec2} out
+/**
+ * Set the components of a vec2 to the given values
+ *
+ * @param {vec2} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @returns {vec2} out
  */
 
 function set$5(out, x, y) {
@@ -5112,13 +5213,13 @@ function set$5(out, x, y) {
   out[1] = y;
   return out;
 }
-/**
- * Adds two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
+/**
+ * Adds two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {vec2} out
  */
 
 function add$5(out, a, b) {
@@ -5126,13 +5227,13 @@ function add$5(out, a, b) {
   out[1] = a[1] + b[1];
   return out;
 }
-/**
- * Subtracts vector b from vector a
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {vec2} out
  */
 
 function subtract$4(out, a, b) {
@@ -5140,13 +5241,13 @@ function subtract$4(out, a, b) {
   out[1] = a[1] - b[1];
   return out;
 }
-/**
- * Multiplies two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
+/**
+ * Multiplies two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {vec2} out
  */
 
 function multiply$5(out, a, b) {
@@ -5154,13 +5255,13 @@ function multiply$5(out, a, b) {
   out[1] = a[1] * b[1];
   return out;
 }
-/**
- * Divides two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
+/**
+ * Divides two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {vec2} out
  */
 
 function divide$2(out, a, b) {
@@ -5168,12 +5269,12 @@ function divide$2(out, a, b) {
   out[1] = a[1] / b[1];
   return out;
 }
-/**
- * Math.ceil the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to ceil
- * @returns {vec2} out
+/**
+ * Math.ceil the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a vector to ceil
+ * @returns {vec2} out
  */
 
 function ceil$2(out, a) {
@@ -5181,12 +5282,12 @@ function ceil$2(out, a) {
   out[1] = Math.ceil(a[1]);
   return out;
 }
-/**
- * Math.floor the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to floor
- * @returns {vec2} out
+/**
+ * Math.floor the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a vector to floor
+ * @returns {vec2} out
  */
 
 function floor$2(out, a) {
@@ -5194,13 +5295,13 @@ function floor$2(out, a) {
   out[1] = Math.floor(a[1]);
   return out;
 }
-/**
- * Returns the minimum of two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
+/**
+ * Returns the minimum of two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {vec2} out
  */
 
 function min$2(out, a, b) {
@@ -5208,13 +5309,13 @@ function min$2(out, a, b) {
   out[1] = Math.min(a[1], b[1]);
   return out;
 }
-/**
- * Returns the maximum of two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
+/**
+ * Returns the maximum of two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {vec2} out
  */
 
 function max$2(out, a, b) {
@@ -5222,12 +5323,12 @@ function max$2(out, a, b) {
   out[1] = Math.max(a[1], b[1]);
   return out;
 }
-/**
- * Math.round the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to round
- * @returns {vec2} out
+/**
+ * Math.round the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a vector to round
+ * @returns {vec2} out
  */
 
 function round$2(out, a) {
@@ -5235,13 +5336,13 @@ function round$2(out, a) {
   out[1] = Math.round(a[1]);
   return out;
 }
-/**
- * Scales a vec2 by a scalar number
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {vec2} out
+/**
+ * Scales a vec2 by a scalar number
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the vector to scale
+ * @param {Number} b amount to scale the vector by
+ * @returns {vec2} out
  */
 
 function scale$5(out, a, b) {
@@ -5249,14 +5350,14 @@ function scale$5(out, a, b) {
   out[1] = a[1] * b;
   return out;
 }
-/**
- * Adds two vec2's after scaling the second operand by a scalar value
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @param {Number} scale the amount to scale b by before adding
- * @returns {vec2} out
+/**
+ * Adds two vec2's after scaling the second operand by a scalar value
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @param {Number} scale the amount to scale b by before adding
+ * @returns {vec2} out
  */
 
 function scaleAndAdd$2(out, a, b, scale) {
@@ -5264,12 +5365,12 @@ function scaleAndAdd$2(out, a, b, scale) {
   out[1] = a[1] + b[1] * scale;
   return out;
 }
-/**
- * Calculates the euclidian distance between two vec2's
- *
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {Number} distance between a and b
+/**
+ * Calculates the euclidian distance between two vec2's
+ *
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {Number} distance between a and b
  */
 
 function distance$2(a, b) {
@@ -5277,12 +5378,12 @@ function distance$2(a, b) {
       y = b[1] - a[1];
   return Math.hypot(x, y);
 }
-/**
- * Calculates the squared euclidian distance between two vec2's
- *
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {Number} squared distance between a and b
+/**
+ * Calculates the squared euclidian distance between two vec2's
+ *
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {Number} squared distance between a and b
  */
 
 function squaredDistance$2(a, b) {
@@ -5290,11 +5391,11 @@ function squaredDistance$2(a, b) {
       y = b[1] - a[1];
   return x * x + y * y;
 }
-/**
- * Calculates the length of a vec2
- *
- * @param {ReadonlyVec2} a vector to calculate length of
- * @returns {Number} length of a
+/**
+ * Calculates the length of a vec2
+ *
+ * @param {ReadonlyVec2} a vector to calculate length of
+ * @returns {Number} length of a
  */
 
 function length$3(a) {
@@ -5302,11 +5403,11 @@ function length$3(a) {
       y = a[1];
   return Math.hypot(x, y);
 }
-/**
- * Calculates the squared length of a vec2
- *
- * @param {ReadonlyVec2} a vector to calculate squared length of
- * @returns {Number} squared length of a
+/**
+ * Calculates the squared length of a vec2
+ *
+ * @param {ReadonlyVec2} a vector to calculate squared length of
+ * @returns {Number} squared length of a
  */
 
 function squaredLength$3(a) {
@@ -5314,12 +5415,12 @@ function squaredLength$3(a) {
       y = a[1];
   return x * x + y * y;
 }
-/**
- * Negates the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to negate
- * @returns {vec2} out
+/**
+ * Negates the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a vector to negate
+ * @returns {vec2} out
  */
 
 function negate$2(out, a) {
@@ -5327,12 +5428,12 @@ function negate$2(out, a) {
   out[1] = -a[1];
   return out;
 }
-/**
- * Returns the inverse of the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to invert
- * @returns {vec2} out
+/**
+ * Returns the inverse of the components of a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a vector to invert
+ * @returns {vec2} out
  */
 
 function inverse$2(out, a) {
@@ -5340,12 +5441,12 @@ function inverse$2(out, a) {
   out[1] = 1.0 / a[1];
   return out;
 }
-/**
- * Normalize a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to normalize
- * @returns {vec2} out
+/**
+ * Normalize a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a vector to normalize
+ * @returns {vec2} out
  */
 
 function normalize$3(out, a) {
@@ -5362,25 +5463,25 @@ function normalize$3(out, a) {
   out[1] = a[1] * len;
   return out;
 }
-/**
- * Calculates the dot product of two vec2's
- *
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {Number} dot product of a and b
+/**
+ * Calculates the dot product of two vec2's
+ *
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {Number} dot product of a and b
  */
 
 function dot$3(a, b) {
   return a[0] * b[0] + a[1] * b[1];
 }
-/**
- * Computes the cross product of two vec2's
- * Note that the cross product must by definition produce a 3D vector
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec3} out
+/**
+ * Computes the cross product of two vec2's
+ * Note that the cross product must by definition produce a 3D vector
+ *
+ * @param {vec3} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @returns {vec3} out
  */
 
 function cross$2(out, a, b) {
@@ -5389,14 +5490,14 @@ function cross$2(out, a, b) {
   out[2] = z;
   return out;
 }
-/**
- * Performs a linear interpolation between two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec2} out
+/**
+ * Performs a linear interpolation between two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the first operand
+ * @param {ReadonlyVec2} b the second operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {vec2} out
  */
 
 function lerp$3(out, a, b, t) {
@@ -5406,12 +5507,12 @@ function lerp$3(out, a, b, t) {
   out[1] = ay + t * (b[1] - ay);
   return out;
 }
-/**
- * Generates a random vector with the given scale
- *
- * @param {vec2} out the receiving vector
- * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
- * @returns {vec2} out
+/**
+ * Generates a random vector with the given scale
+ *
+ * @param {vec2} out the receiving vector
+ * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
+ * @returns {vec2} out
  */
 
 function random$3(out, scale) {
@@ -5421,13 +5522,13 @@ function random$3(out, scale) {
   out[1] = Math.sin(r) * scale;
   return out;
 }
-/**
- * Transforms the vec2 with a mat2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat2} m matrix to transform with
- * @returns {vec2} out
+/**
+ * Transforms the vec2 with a mat2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the vector to transform
+ * @param {ReadonlyMat2} m matrix to transform with
+ * @returns {vec2} out
  */
 
 function transformMat2(out, a, m) {
@@ -5437,13 +5538,13 @@ function transformMat2(out, a, m) {
   out[1] = m[1] * x + m[3] * y;
   return out;
 }
-/**
- * Transforms the vec2 with a mat2d
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat2d} m matrix to transform with
- * @returns {vec2} out
+/**
+ * Transforms the vec2 with a mat2d
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the vector to transform
+ * @param {ReadonlyMat2d} m matrix to transform with
+ * @returns {vec2} out
  */
 
 function transformMat2d(out, a, m) {
@@ -5453,14 +5554,14 @@ function transformMat2d(out, a, m) {
   out[1] = m[1] * x + m[3] * y + m[5];
   return out;
 }
-/**
- * Transforms the vec2 with a mat3
- * 3rd vector component is implicitly '1'
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat3} m matrix to transform with
- * @returns {vec2} out
+/**
+ * Transforms the vec2 with a mat3
+ * 3rd vector component is implicitly '1'
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the vector to transform
+ * @param {ReadonlyMat3} m matrix to transform with
+ * @returns {vec2} out
  */
 
 function transformMat3$1(out, a, m) {
@@ -5470,15 +5571,15 @@ function transformMat3$1(out, a, m) {
   out[1] = m[1] * x + m[4] * y + m[7];
   return out;
 }
-/**
- * Transforms the vec2 with a mat4
- * 3rd vector component is implicitly '0'
- * 4th vector component is implicitly '1'
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat4} m matrix to transform with
- * @returns {vec2} out
+/**
+ * Transforms the vec2 with a mat4
+ * 3rd vector component is implicitly '0'
+ * 4th vector component is implicitly '1'
+ *
+ * @param {vec2} out the receiving vector
+ * @param {ReadonlyVec2} a the vector to transform
+ * @param {ReadonlyMat4} m matrix to transform with
+ * @returns {vec2} out
  */
 
 function transformMat4$2(out, a, m) {
@@ -5488,13 +5589,13 @@ function transformMat4$2(out, a, m) {
   out[1] = m[1] * x + m[5] * y + m[13];
   return out;
 }
-/**
- * Rotate a 2D vector
- * @param {vec2} out The receiving vec2
- * @param {ReadonlyVec2} a The vec2 point to rotate
- * @param {ReadonlyVec2} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec2} out
+/**
+ * Rotate a 2D vector
+ * @param {vec2} out The receiving vec2
+ * @param {ReadonlyVec2} a The vec2 point to rotate
+ * @param {ReadonlyVec2} b The origin of the rotation
+ * @param {Number} rad The angle of rotation in radians
+ * @returns {vec2} out
  */
 
 function rotate$2(out, a, b, rad) {
@@ -5508,11 +5609,11 @@ function rotate$2(out, a, b, rad) {
   out[1] = p0 * sinC + p1 * cosC + b[1];
   return out;
 }
-/**
- * Get the angle between two 2D vectors
- * @param {ReadonlyVec2} a The first operand
- * @param {ReadonlyVec2} b The second operand
- * @returns {Number} The angle in radians
+/**
+ * Get the angle between two 2D vectors
+ * @param {ReadonlyVec2} a The first operand
+ * @param {ReadonlyVec2} b The second operand
+ * @returns {Number} The angle in radians
  */
 
 function angle$1(a, b) {
@@ -5527,11 +5628,11 @@ function angle$1(a, b) {
 
   return Math.acos(Math.min(Math.max(cosine, -1), 1));
 }
-/**
- * Set the components of a vec2 to zero
- *
- * @param {vec2} out the receiving vector
- * @returns {vec2} out
+/**
+ * Set the components of a vec2 to zero
+ *
+ * @param {vec2} out the receiving vector
+ * @returns {vec2} out
  */
 
 function zero$2(out) {
@@ -5539,33 +5640,33 @@ function zero$2(out) {
   out[1] = 0.0;
   return out;
 }
-/**
- * Returns a string representation of a vector
- *
- * @param {ReadonlyVec2} a vector to represent as a string
- * @returns {String} string representation of the vector
+/**
+ * Returns a string representation of a vector
+ *
+ * @param {ReadonlyVec2} a vector to represent as a string
+ * @returns {String} string representation of the vector
  */
 
 function str$5(a) {
   return "vec2(" + a[0] + ", " + a[1] + ")";
 }
-/**
- * Returns whether or not the vectors exactly have the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyVec2} a The first vector.
- * @param {ReadonlyVec2} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the vectors exactly have the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyVec2} a The first vector.
+ * @param {ReadonlyVec2} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 function exactEquals$5(a, b) {
   return a[0] === b[0] && a[1] === b[1];
 }
-/**
- * Returns whether or not the vectors have approximately the same elements in the same position.
- *
- * @param {ReadonlyVec2} a The first vector.
- * @param {ReadonlyVec2} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
+/**
+ * Returns whether or not the vectors have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyVec2} a The first vector.
+ * @param {ReadonlyVec2} b The second vector.
+ * @returns {Boolean} True if the vectors are equal, false otherwise.
  */
 
 function equals$6(a, b) {
@@ -5575,59 +5676,59 @@ function equals$6(a, b) {
       b1 = b[1];
   return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1));
 }
-/**
- * Alias for {@link vec2.length}
- * @function
+/**
+ * Alias for {@link vec2.length}
+ * @function
  */
 
 var len$3 = length$3;
-/**
- * Alias for {@link vec2.subtract}
- * @function
+/**
+ * Alias for {@link vec2.subtract}
+ * @function
  */
 
 var sub$4 = subtract$4;
-/**
- * Alias for {@link vec2.multiply}
- * @function
+/**
+ * Alias for {@link vec2.multiply}
+ * @function
  */
 
 var mul$5 = multiply$5;
-/**
- * Alias for {@link vec2.divide}
- * @function
+/**
+ * Alias for {@link vec2.divide}
+ * @function
  */
 
 var div$2 = divide$2;
-/**
- * Alias for {@link vec2.distance}
- * @function
+/**
+ * Alias for {@link vec2.distance}
+ * @function
  */
 
 var dist$2 = distance$2;
-/**
- * Alias for {@link vec2.squaredDistance}
- * @function
+/**
+ * Alias for {@link vec2.squaredDistance}
+ * @function
  */
 
 var sqrDist$2 = squaredDistance$2;
-/**
- * Alias for {@link vec2.squaredLength}
- * @function
+/**
+ * Alias for {@link vec2.squaredLength}
+ * @function
  */
 
 var sqrLen$3 = squaredLength$3;
-/**
- * Perform some operation over an array of vec2s.
- *
- * @param {Array} a the array of vectors to iterate over
- * @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
- * @param {Number} offset Number of elements to skip at the beginning of the array
- * @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
- * @param {Function} fn Function to call for each vector in the array
- * @param {Object} [arg] additional argument to pass to fn
- * @returns {Array} a
- * @function
+/**
+ * Perform some operation over an array of vec2s.
+ *
+ * @param {Array} a the array of vectors to iterate over
+ * @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
+ * @param {Number} offset Number of elements to skip at the beginning of the array
+ * @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
+ * @param {Function} fn Function to call for each vector in the array
+ * @param {Object} [arg] additional argument to pass to fn
+ * @returns {Array} a
+ * @function
  */
 
 var forEach$2 = function () {
diff --git a/web_modules/common/vec2-b819a19d.js b/web_modules/common/vec2-b819a19d.js
deleted file mode 100644
index 6dd3075..0000000
--- a/web_modules/common/vec2-b819a19d.js
+++ /dev/null
@@ -1,5713 +0,0 @@
-import './es.typed-array.float32-array-947e9e5d.js';
-
-/**
- * Common utilities
- * @module glMatrix
- */
-// Configuration Constants
-var EPSILON = 0.000001;
-var ARRAY_TYPE = typeof Float32Array !== 'undefined' ? Float32Array : Array;
-var RANDOM = Math.random;
-/**
- * Sets the type of array used when creating new vectors and matrices
- *
- * @param {Float32ArrayConstructor | ArrayConstructor} type Array type, such as Float32Array or Array
- */
-
-function setMatrixArrayType(type) {
-  ARRAY_TYPE = type;
-}
-var degree = Math.PI / 180;
-/**
- * Convert Degree To Radian
- *
- * @param {Number} a Angle in Degrees
- */
-
-function toRadian(a) {
-  return a * degree;
-}
-/**
- * Tests whether or not the arguments have approximately the same value, within an absolute
- * or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less
- * than or equal to 1.0, and a relative tolerance is used for larger values)
- *
- * @param {Number} a The first number to test.
- * @param {Number} b The second number to test.
- * @returns {Boolean} True if the numbers are approximately equal, false otherwise.
- */
-
-function equals(a, b) {
-  return Math.abs(a - b) <= EPSILON * Math.max(1.0, Math.abs(a), Math.abs(b));
-}
-if (!Math.hypot) Math.hypot = function () {
-  var y = 0,
-      i = arguments.length;
-
-  while (i--) {
-    y += arguments[i] * arguments[i];
-  }
-
-  return Math.sqrt(y);
-};
-
-var glMatrix = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  EPSILON: EPSILON,
-  get ARRAY_TYPE () { return ARRAY_TYPE; },
-  RANDOM: RANDOM,
-  setMatrixArrayType: setMatrixArrayType,
-  toRadian: toRadian,
-  equals: equals
-});
-
-/**
- * 3x3 Matrix
- * @module mat3
- */
-
-/**
- * Creates a new identity mat3
- *
- * @returns {mat3} a new 3x3 matrix
- */
-
-function create() {
-  var out = new ARRAY_TYPE(9);
-
-  if (ARRAY_TYPE != Float32Array) {
-    out[1] = 0;
-    out[2] = 0;
-    out[3] = 0;
-    out[5] = 0;
-    out[6] = 0;
-    out[7] = 0;
-  }
-
-  out[0] = 1;
-  out[4] = 1;
-  out[8] = 1;
-  return out;
-}
-/**
- * Copies the upper-left 3x3 values into the given mat3.
- *
- * @param {mat3} out the receiving 3x3 matrix
- * @param {ReadonlyMat4} a   the source 4x4 matrix
- * @returns {mat3} out
- */
-
-function fromMat4(out, a) {
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  out[3] = a[4];
-  out[4] = a[5];
-  out[5] = a[6];
-  out[6] = a[8];
-  out[7] = a[9];
-  out[8] = a[10];
-  return out;
-}
-/**
- * Creates a new mat3 initialized with values from an existing matrix
- *
- * @param {ReadonlyMat3} a matrix to clone
- * @returns {mat3} a new 3x3 matrix
- */
-
-function clone(a) {
-  var out = new ARRAY_TYPE(9);
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  out[3] = a[3];
-  out[4] = a[4];
-  out[5] = a[5];
-  out[6] = a[6];
-  out[7] = a[7];
-  out[8] = a[8];
-  return out;
-}
-/**
- * Copy the values from one mat3 to another
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
- */
-
-function copy(out, a) {
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  out[3] = a[3];
-  out[4] = a[4];
-  out[5] = a[5];
-  out[6] = a[6];
-  out[7] = a[7];
-  out[8] = a[8];
-  return out;
-}
-/**
- * Create a new mat3 with the given values
- *
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m10 Component in column 1, row 0 position (index 3)
- * @param {Number} m11 Component in column 1, row 1 position (index 4)
- * @param {Number} m12 Component in column 1, row 2 position (index 5)
- * @param {Number} m20 Component in column 2, row 0 position (index 6)
- * @param {Number} m21 Component in column 2, row 1 position (index 7)
- * @param {Number} m22 Component in column 2, row 2 position (index 8)
- * @returns {mat3} A new mat3
- */
-
-function fromValues(m00, m01, m02, m10, m11, m12, m20, m21, m22) {
-  var out = new ARRAY_TYPE(9);
-  out[0] = m00;
-  out[1] = m01;
-  out[2] = m02;
-  out[3] = m10;
-  out[4] = m11;
-  out[5] = m12;
-  out[6] = m20;
-  out[7] = m21;
-  out[8] = m22;
-  return out;
-}
-/**
- * Set the components of a mat3 to the given values
- *
- * @param {mat3} out the receiving matrix
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m10 Component in column 1, row 0 position (index 3)
- * @param {Number} m11 Component in column 1, row 1 position (index 4)
- * @param {Number} m12 Component in column 1, row 2 position (index 5)
- * @param {Number} m20 Component in column 2, row 0 position (index 6)
- * @param {Number} m21 Component in column 2, row 1 position (index 7)
- * @param {Number} m22 Component in column 2, row 2 position (index 8)
- * @returns {mat3} out
- */
-
-function set(out, m00, m01, m02, m10, m11, m12, m20, m21, m22) {
-  out[0] = m00;
-  out[1] = m01;
-  out[2] = m02;
-  out[3] = m10;
-  out[4] = m11;
-  out[5] = m12;
-  out[6] = m20;
-  out[7] = m21;
-  out[8] = m22;
-  return out;
-}
-/**
- * Set a mat3 to the identity matrix
- *
- * @param {mat3} out the receiving matrix
- * @returns {mat3} out
- */
-
-function identity(out) {
-  out[0] = 1;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 1;
-  out[5] = 0;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 1;
-  return out;
-}
-/**
- * Transpose the values of a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
- */
-
-function transpose(out, a) {
-  // If we are transposing ourselves we can skip a few steps but have to cache some values
-  if (out === a) {
-    var a01 = a[1],
-        a02 = a[2],
-        a12 = a[5];
-    out[1] = a[3];
-    out[2] = a[6];
-    out[3] = a01;
-    out[5] = a[7];
-    out[6] = a02;
-    out[7] = a12;
-  } else {
-    out[0] = a[0];
-    out[1] = a[3];
-    out[2] = a[6];
-    out[3] = a[1];
-    out[4] = a[4];
-    out[5] = a[7];
-    out[6] = a[2];
-    out[7] = a[5];
-    out[8] = a[8];
-  }
-
-  return out;
-}
-/**
- * Inverts a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
- */
-
-function invert(out, a) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2];
-  var a10 = a[3],
-      a11 = a[4],
-      a12 = a[5];
-  var a20 = a[6],
-      a21 = a[7],
-      a22 = a[8];
-  var b01 = a22 * a11 - a12 * a21;
-  var b11 = -a22 * a10 + a12 * a20;
-  var b21 = a21 * a10 - a11 * a20; // Calculate the determinant
-
-  var det = a00 * b01 + a01 * b11 + a02 * b21;
-
-  if (!det) {
-    return null;
-  }
-
-  det = 1.0 / det;
-  out[0] = b01 * det;
-  out[1] = (-a22 * a01 + a02 * a21) * det;
-  out[2] = (a12 * a01 - a02 * a11) * det;
-  out[3] = b11 * det;
-  out[4] = (a22 * a00 - a02 * a20) * det;
-  out[5] = (-a12 * a00 + a02 * a10) * det;
-  out[6] = b21 * det;
-  out[7] = (-a21 * a00 + a01 * a20) * det;
-  out[8] = (a11 * a00 - a01 * a10) * det;
-  return out;
-}
-/**
- * Calculates the adjugate of a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the source matrix
- * @returns {mat3} out
- */
-
-function adjoint(out, a) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2];
-  var a10 = a[3],
-      a11 = a[4],
-      a12 = a[5];
-  var a20 = a[6],
-      a21 = a[7],
-      a22 = a[8];
-  out[0] = a11 * a22 - a12 * a21;
-  out[1] = a02 * a21 - a01 * a22;
-  out[2] = a01 * a12 - a02 * a11;
-  out[3] = a12 * a20 - a10 * a22;
-  out[4] = a00 * a22 - a02 * a20;
-  out[5] = a02 * a10 - a00 * a12;
-  out[6] = a10 * a21 - a11 * a20;
-  out[7] = a01 * a20 - a00 * a21;
-  out[8] = a00 * a11 - a01 * a10;
-  return out;
-}
-/**
- * Calculates the determinant of a mat3
- *
- * @param {ReadonlyMat3} a the source matrix
- * @returns {Number} determinant of a
- */
-
-function determinant(a) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2];
-  var a10 = a[3],
-      a11 = a[4],
-      a12 = a[5];
-  var a20 = a[6],
-      a21 = a[7],
-      a22 = a[8];
-  return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20);
-}
-/**
- * Multiplies two mat3's
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @returns {mat3} out
- */
-
-function multiply(out, a, b) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2];
-  var a10 = a[3],
-      a11 = a[4],
-      a12 = a[5];
-  var a20 = a[6],
-      a21 = a[7],
-      a22 = a[8];
-  var b00 = b[0],
-      b01 = b[1],
-      b02 = b[2];
-  var b10 = b[3],
-      b11 = b[4],
-      b12 = b[5];
-  var b20 = b[6],
-      b21 = b[7],
-      b22 = b[8];
-  out[0] = b00 * a00 + b01 * a10 + b02 * a20;
-  out[1] = b00 * a01 + b01 * a11 + b02 * a21;
-  out[2] = b00 * a02 + b01 * a12 + b02 * a22;
-  out[3] = b10 * a00 + b11 * a10 + b12 * a20;
-  out[4] = b10 * a01 + b11 * a11 + b12 * a21;
-  out[5] = b10 * a02 + b11 * a12 + b12 * a22;
-  out[6] = b20 * a00 + b21 * a10 + b22 * a20;
-  out[7] = b20 * a01 + b21 * a11 + b22 * a21;
-  out[8] = b20 * a02 + b21 * a12 + b22 * a22;
-  return out;
-}
-/**
- * Translate a mat3 by the given vector
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to translate
- * @param {ReadonlyVec2} v vector to translate by
- * @returns {mat3} out
- */
-
-function translate(out, a, v) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2],
-      a10 = a[3],
-      a11 = a[4],
-      a12 = a[5],
-      a20 = a[6],
-      a21 = a[7],
-      a22 = a[8],
-      x = v[0],
-      y = v[1];
-  out[0] = a00;
-  out[1] = a01;
-  out[2] = a02;
-  out[3] = a10;
-  out[4] = a11;
-  out[5] = a12;
-  out[6] = x * a00 + y * a10 + a20;
-  out[7] = x * a01 + y * a11 + a21;
-  out[8] = x * a02 + y * a12 + a22;
-  return out;
-}
-/**
- * Rotates a mat3 by the given angle
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat3} out
- */
-
-function rotate(out, a, rad) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2],
-      a10 = a[3],
-      a11 = a[4],
-      a12 = a[5],
-      a20 = a[6],
-      a21 = a[7],
-      a22 = a[8],
-      s = Math.sin(rad),
-      c = Math.cos(rad);
-  out[0] = c * a00 + s * a10;
-  out[1] = c * a01 + s * a11;
-  out[2] = c * a02 + s * a12;
-  out[3] = c * a10 - s * a00;
-  out[4] = c * a11 - s * a01;
-  out[5] = c * a12 - s * a02;
-  out[6] = a20;
-  out[7] = a21;
-  out[8] = a22;
-  return out;
-}
-/**
- * Scales the mat3 by the dimensions in the given vec2
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to rotate
- * @param {ReadonlyVec2} v the vec2 to scale the matrix by
- * @returns {mat3} out
- **/
-
-function scale(out, a, v) {
-  var x = v[0],
-      y = v[1];
-  out[0] = x * a[0];
-  out[1] = x * a[1];
-  out[2] = x * a[2];
-  out[3] = y * a[3];
-  out[4] = y * a[4];
-  out[5] = y * a[5];
-  out[6] = a[6];
-  out[7] = a[7];
-  out[8] = a[8];
-  return out;
-}
-/**
- * Creates a matrix from a vector translation
- * This is equivalent to (but much faster than):
- *
- *     mat3.identity(dest);
- *     mat3.translate(dest, dest, vec);
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyVec2} v Translation vector
- * @returns {mat3} out
- */
-
-function fromTranslation(out, v) {
-  out[0] = 1;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 1;
-  out[5] = 0;
-  out[6] = v[0];
-  out[7] = v[1];
-  out[8] = 1;
-  return out;
-}
-/**
- * Creates a matrix from a given angle
- * This is equivalent to (but much faster than):
- *
- *     mat3.identity(dest);
- *     mat3.rotate(dest, dest, rad);
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat3} out
- */
-
-function fromRotation(out, rad) {
-  var s = Math.sin(rad),
-      c = Math.cos(rad);
-  out[0] = c;
-  out[1] = s;
-  out[2] = 0;
-  out[3] = -s;
-  out[4] = c;
-  out[5] = 0;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 1;
-  return out;
-}
-/**
- * Creates a matrix from a vector scaling
- * This is equivalent to (but much faster than):
- *
- *     mat3.identity(dest);
- *     mat3.scale(dest, dest, vec);
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyVec2} v Scaling vector
- * @returns {mat3} out
- */
-
-function fromScaling(out, v) {
-  out[0] = v[0];
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = v[1];
-  out[5] = 0;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 1;
-  return out;
-}
-/**
- * Copies the values from a mat2d into a mat3
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat2d} a the matrix to copy
- * @returns {mat3} out
- **/
-
-function fromMat2d(out, a) {
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = 0;
-  out[3] = a[2];
-  out[4] = a[3];
-  out[5] = 0;
-  out[6] = a[4];
-  out[7] = a[5];
-  out[8] = 1;
-  return out;
-}
-/**
- * Calculates a 3x3 matrix from the given quaternion
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyQuat} q Quaternion to create matrix from
- *
- * @returns {mat3} out
- */
-
-function fromQuat(out, q) {
-  var x = q[0],
-      y = q[1],
-      z = q[2],
-      w = q[3];
-  var x2 = x + x;
-  var y2 = y + y;
-  var z2 = z + z;
-  var xx = x * x2;
-  var yx = y * x2;
-  var yy = y * y2;
-  var zx = z * x2;
-  var zy = z * y2;
-  var zz = z * z2;
-  var wx = w * x2;
-  var wy = w * y2;
-  var wz = w * z2;
-  out[0] = 1 - yy - zz;
-  out[3] = yx - wz;
-  out[6] = zx + wy;
-  out[1] = yx + wz;
-  out[4] = 1 - xx - zz;
-  out[7] = zy - wx;
-  out[2] = zx - wy;
-  out[5] = zy + wx;
-  out[8] = 1 - xx - yy;
-  return out;
-}
-/**
- * Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
- *
- * @param {mat3} out mat3 receiving operation result
- * @param {ReadonlyMat4} a Mat4 to derive the normal matrix from
- *
- * @returns {mat3} out
- */
-
-function normalFromMat4(out, a) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2],
-      a03 = a[3];
-  var a10 = a[4],
-      a11 = a[5],
-      a12 = a[6],
-      a13 = a[7];
-  var a20 = a[8],
-      a21 = a[9],
-      a22 = a[10],
-      a23 = a[11];
-  var a30 = a[12],
-      a31 = a[13],
-      a32 = a[14],
-      a33 = a[15];
-  var b00 = a00 * a11 - a01 * a10;
-  var b01 = a00 * a12 - a02 * a10;
-  var b02 = a00 * a13 - a03 * a10;
-  var b03 = a01 * a12 - a02 * a11;
-  var b04 = a01 * a13 - a03 * a11;
-  var b05 = a02 * a13 - a03 * a12;
-  var b06 = a20 * a31 - a21 * a30;
-  var b07 = a20 * a32 - a22 * a30;
-  var b08 = a20 * a33 - a23 * a30;
-  var b09 = a21 * a32 - a22 * a31;
-  var b10 = a21 * a33 - a23 * a31;
-  var b11 = a22 * a33 - a23 * a32; // Calculate the determinant
-
-  var det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
-
-  if (!det) {
-    return null;
-  }
-
-  det = 1.0 / det;
-  out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
-  out[1] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
-  out[2] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
-  out[3] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
-  out[4] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
-  out[5] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
-  out[6] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
-  out[7] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
-  out[8] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
-  return out;
-}
-/**
- * Generates a 2D projection matrix with the given bounds
- *
- * @param {mat3} out mat3 frustum matrix will be written into
- * @param {number} width Width of your gl context
- * @param {number} height Height of gl context
- * @returns {mat3} out
- */
-
-function projection(out, width, height) {
-  out[0] = 2 / width;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = -2 / height;
-  out[5] = 0;
-  out[6] = -1;
-  out[7] = 1;
-  out[8] = 1;
-  return out;
-}
-/**
- * Returns a string representation of a mat3
- *
- * @param {ReadonlyMat3} a matrix to represent as a string
- * @returns {String} string representation of the matrix
- */
-
-function str(a) {
-  return "mat3(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ", " + a[4] + ", " + a[5] + ", " + a[6] + ", " + a[7] + ", " + a[8] + ")";
-}
-/**
- * Returns Frobenius norm of a mat3
- *
- * @param {ReadonlyMat3} a the matrix to calculate Frobenius norm of
- * @returns {Number} Frobenius norm
- */
-
-function frob(a) {
-  return Math.hypot(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8]);
-}
-/**
- * Adds two mat3's
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @returns {mat3} out
- */
-
-function add(out, a, b) {
-  out[0] = a[0] + b[0];
-  out[1] = a[1] + b[1];
-  out[2] = a[2] + b[2];
-  out[3] = a[3] + b[3];
-  out[4] = a[4] + b[4];
-  out[5] = a[5] + b[5];
-  out[6] = a[6] + b[6];
-  out[7] = a[7] + b[7];
-  out[8] = a[8] + b[8];
-  return out;
-}
-/**
- * Subtracts matrix b from matrix a
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @returns {mat3} out
- */
-
-function subtract(out, a, b) {
-  out[0] = a[0] - b[0];
-  out[1] = a[1] - b[1];
-  out[2] = a[2] - b[2];
-  out[3] = a[3] - b[3];
-  out[4] = a[4] - b[4];
-  out[5] = a[5] - b[5];
-  out[6] = a[6] - b[6];
-  out[7] = a[7] - b[7];
-  out[8] = a[8] - b[8];
-  return out;
-}
-/**
- * Multiply each element of the matrix by a scalar.
- *
- * @param {mat3} out the receiving matrix
- * @param {ReadonlyMat3} a the matrix to scale
- * @param {Number} b amount to scale the matrix's elements by
- * @returns {mat3} out
- */
-
-function multiplyScalar(out, a, b) {
-  out[0] = a[0] * b;
-  out[1] = a[1] * b;
-  out[2] = a[2] * b;
-  out[3] = a[3] * b;
-  out[4] = a[4] * b;
-  out[5] = a[5] * b;
-  out[6] = a[6] * b;
-  out[7] = a[7] * b;
-  out[8] = a[8] * b;
-  return out;
-}
-/**
- * Adds two mat3's after multiplying each element of the second operand by a scalar value.
- *
- * @param {mat3} out the receiving vector
- * @param {ReadonlyMat3} a the first operand
- * @param {ReadonlyMat3} b the second operand
- * @param {Number} scale the amount to scale b's elements by before adding
- * @returns {mat3} out
- */
-
-function multiplyScalarAndAdd(out, a, b, scale) {
-  out[0] = a[0] + b[0] * scale;
-  out[1] = a[1] + b[1] * scale;
-  out[2] = a[2] + b[2] * scale;
-  out[3] = a[3] + b[3] * scale;
-  out[4] = a[4] + b[4] * scale;
-  out[5] = a[5] + b[5] * scale;
-  out[6] = a[6] + b[6] * scale;
-  out[7] = a[7] + b[7] * scale;
-  out[8] = a[8] + b[8] * scale;
-  return out;
-}
-/**
- * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyMat3} a The first matrix.
- * @param {ReadonlyMat3} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
- */
-
-function exactEquals(a, b) {
-  return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8];
-}
-/**
- * Returns whether or not the matrices have approximately the same elements in the same position.
- *
- * @param {ReadonlyMat3} a The first matrix.
- * @param {ReadonlyMat3} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
- */
-
-function equals$1(a, b) {
-  var a0 = a[0],
-      a1 = a[1],
-      a2 = a[2],
-      a3 = a[3],
-      a4 = a[4],
-      a5 = a[5],
-      a6 = a[6],
-      a7 = a[7],
-      a8 = a[8];
-  var b0 = b[0],
-      b1 = b[1],
-      b2 = b[2],
-      b3 = b[3],
-      b4 = b[4],
-      b5 = b[5],
-      b6 = b[6],
-      b7 = b[7],
-      b8 = b[8];
-  return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= EPSILON * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= EPSILON * Math.max(1.0, Math.abs(a5), Math.abs(b5)) && Math.abs(a6 - b6) <= EPSILON * Math.max(1.0, Math.abs(a6), Math.abs(b6)) && Math.abs(a7 - b7) <= EPSILON * Math.max(1.0, Math.abs(a7), Math.abs(b7)) && Math.abs(a8 - b8) <= EPSILON * Math.max(1.0, Math.abs(a8), Math.abs(b8));
-}
-/**
- * Alias for {@link mat3.multiply}
- * @function
- */
-
-var mul = multiply;
-/**
- * Alias for {@link mat3.subtract}
- * @function
- */
-
-var sub = subtract;
-
-var mat3 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  create: create,
-  fromMat4: fromMat4,
-  clone: clone,
-  copy: copy,
-  fromValues: fromValues,
-  set: set,
-  identity: identity,
-  transpose: transpose,
-  invert: invert,
-  adjoint: adjoint,
-  determinant: determinant,
-  multiply: multiply,
-  translate: translate,
-  rotate: rotate,
-  scale: scale,
-  fromTranslation: fromTranslation,
-  fromRotation: fromRotation,
-  fromScaling: fromScaling,
-  fromMat2d: fromMat2d,
-  fromQuat: fromQuat,
-  normalFromMat4: normalFromMat4,
-  projection: projection,
-  str: str,
-  frob: frob,
-  add: add,
-  subtract: subtract,
-  multiplyScalar: multiplyScalar,
-  multiplyScalarAndAdd: multiplyScalarAndAdd,
-  exactEquals: exactEquals,
-  equals: equals$1,
-  mul: mul,
-  sub: sub
-});
-
-/**
- * 4x4 Matrix<br>Format: column-major, when typed out it looks like row-major<br>The matrices are being post multiplied.
- * @module mat4
- */
-
-/**
- * Creates a new identity mat4
- *
- * @returns {mat4} a new 4x4 matrix
- */
-
-function create$1() {
-  var out = new ARRAY_TYPE(16);
-
-  if (ARRAY_TYPE != Float32Array) {
-    out[1] = 0;
-    out[2] = 0;
-    out[3] = 0;
-    out[4] = 0;
-    out[6] = 0;
-    out[7] = 0;
-    out[8] = 0;
-    out[9] = 0;
-    out[11] = 0;
-    out[12] = 0;
-    out[13] = 0;
-    out[14] = 0;
-  }
-
-  out[0] = 1;
-  out[5] = 1;
-  out[10] = 1;
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a new mat4 initialized with values from an existing matrix
- *
- * @param {ReadonlyMat4} a matrix to clone
- * @returns {mat4} a new 4x4 matrix
- */
-
-function clone$1(a) {
-  var out = new ARRAY_TYPE(16);
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  out[3] = a[3];
-  out[4] = a[4];
-  out[5] = a[5];
-  out[6] = a[6];
-  out[7] = a[7];
-  out[8] = a[8];
-  out[9] = a[9];
-  out[10] = a[10];
-  out[11] = a[11];
-  out[12] = a[12];
-  out[13] = a[13];
-  out[14] = a[14];
-  out[15] = a[15];
-  return out;
-}
-/**
- * Copy the values from one mat4 to another
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
- */
-
-function copy$1(out, a) {
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  out[3] = a[3];
-  out[4] = a[4];
-  out[5] = a[5];
-  out[6] = a[6];
-  out[7] = a[7];
-  out[8] = a[8];
-  out[9] = a[9];
-  out[10] = a[10];
-  out[11] = a[11];
-  out[12] = a[12];
-  out[13] = a[13];
-  out[14] = a[14];
-  out[15] = a[15];
-  return out;
-}
-/**
- * Create a new mat4 with the given values
- *
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m03 Component in column 0, row 3 position (index 3)
- * @param {Number} m10 Component in column 1, row 0 position (index 4)
- * @param {Number} m11 Component in column 1, row 1 position (index 5)
- * @param {Number} m12 Component in column 1, row 2 position (index 6)
- * @param {Number} m13 Component in column 1, row 3 position (index 7)
- * @param {Number} m20 Component in column 2, row 0 position (index 8)
- * @param {Number} m21 Component in column 2, row 1 position (index 9)
- * @param {Number} m22 Component in column 2, row 2 position (index 10)
- * @param {Number} m23 Component in column 2, row 3 position (index 11)
- * @param {Number} m30 Component in column 3, row 0 position (index 12)
- * @param {Number} m31 Component in column 3, row 1 position (index 13)
- * @param {Number} m32 Component in column 3, row 2 position (index 14)
- * @param {Number} m33 Component in column 3, row 3 position (index 15)
- * @returns {mat4} A new mat4
- */
-
-function fromValues$1(m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23, m30, m31, m32, m33) {
-  var out = new ARRAY_TYPE(16);
-  out[0] = m00;
-  out[1] = m01;
-  out[2] = m02;
-  out[3] = m03;
-  out[4] = m10;
-  out[5] = m11;
-  out[6] = m12;
-  out[7] = m13;
-  out[8] = m20;
-  out[9] = m21;
-  out[10] = m22;
-  out[11] = m23;
-  out[12] = m30;
-  out[13] = m31;
-  out[14] = m32;
-  out[15] = m33;
-  return out;
-}
-/**
- * Set the components of a mat4 to the given values
- *
- * @param {mat4} out the receiving matrix
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m02 Component in column 0, row 2 position (index 2)
- * @param {Number} m03 Component in column 0, row 3 position (index 3)
- * @param {Number} m10 Component in column 1, row 0 position (index 4)
- * @param {Number} m11 Component in column 1, row 1 position (index 5)
- * @param {Number} m12 Component in column 1, row 2 position (index 6)
- * @param {Number} m13 Component in column 1, row 3 position (index 7)
- * @param {Number} m20 Component in column 2, row 0 position (index 8)
- * @param {Number} m21 Component in column 2, row 1 position (index 9)
- * @param {Number} m22 Component in column 2, row 2 position (index 10)
- * @param {Number} m23 Component in column 2, row 3 position (index 11)
- * @param {Number} m30 Component in column 3, row 0 position (index 12)
- * @param {Number} m31 Component in column 3, row 1 position (index 13)
- * @param {Number} m32 Component in column 3, row 2 position (index 14)
- * @param {Number} m33 Component in column 3, row 3 position (index 15)
- * @returns {mat4} out
- */
-
-function set$1(out, m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23, m30, m31, m32, m33) {
-  out[0] = m00;
-  out[1] = m01;
-  out[2] = m02;
-  out[3] = m03;
-  out[4] = m10;
-  out[5] = m11;
-  out[6] = m12;
-  out[7] = m13;
-  out[8] = m20;
-  out[9] = m21;
-  out[10] = m22;
-  out[11] = m23;
-  out[12] = m30;
-  out[13] = m31;
-  out[14] = m32;
-  out[15] = m33;
-  return out;
-}
-/**
- * Set a mat4 to the identity matrix
- *
- * @param {mat4} out the receiving matrix
- * @returns {mat4} out
- */
-
-function identity$1(out) {
-  out[0] = 1;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = 1;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 0;
-  out[9] = 0;
-  out[10] = 1;
-  out[11] = 0;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = 0;
-  out[15] = 1;
-  return out;
-}
-/**
- * Transpose the values of a mat4
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
- */
-
-function transpose$1(out, a) {
-  // If we are transposing ourselves we can skip a few steps but have to cache some values
-  if (out === a) {
-    var a01 = a[1],
-        a02 = a[2],
-        a03 = a[3];
-    var a12 = a[6],
-        a13 = a[7];
-    var a23 = a[11];
-    out[1] = a[4];
-    out[2] = a[8];
-    out[3] = a[12];
-    out[4] = a01;
-    out[6] = a[9];
-    out[7] = a[13];
-    out[8] = a02;
-    out[9] = a12;
-    out[11] = a[14];
-    out[12] = a03;
-    out[13] = a13;
-    out[14] = a23;
-  } else {
-    out[0] = a[0];
-    out[1] = a[4];
-    out[2] = a[8];
-    out[3] = a[12];
-    out[4] = a[1];
-    out[5] = a[5];
-    out[6] = a[9];
-    out[7] = a[13];
-    out[8] = a[2];
-    out[9] = a[6];
-    out[10] = a[10];
-    out[11] = a[14];
-    out[12] = a[3];
-    out[13] = a[7];
-    out[14] = a[11];
-    out[15] = a[15];
-  }
-
-  return out;
-}
-/**
- * Inverts a mat4
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
- */
-
-function invert$1(out, a) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2],
-      a03 = a[3];
-  var a10 = a[4],
-      a11 = a[5],
-      a12 = a[6],
-      a13 = a[7];
-  var a20 = a[8],
-      a21 = a[9],
-      a22 = a[10],
-      a23 = a[11];
-  var a30 = a[12],
-      a31 = a[13],
-      a32 = a[14],
-      a33 = a[15];
-  var b00 = a00 * a11 - a01 * a10;
-  var b01 = a00 * a12 - a02 * a10;
-  var b02 = a00 * a13 - a03 * a10;
-  var b03 = a01 * a12 - a02 * a11;
-  var b04 = a01 * a13 - a03 * a11;
-  var b05 = a02 * a13 - a03 * a12;
-  var b06 = a20 * a31 - a21 * a30;
-  var b07 = a20 * a32 - a22 * a30;
-  var b08 = a20 * a33 - a23 * a30;
-  var b09 = a21 * a32 - a22 * a31;
-  var b10 = a21 * a33 - a23 * a31;
-  var b11 = a22 * a33 - a23 * a32; // Calculate the determinant
-
-  var det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
-
-  if (!det) {
-    return null;
-  }
-
-  det = 1.0 / det;
-  out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
-  out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
-  out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
-  out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det;
-  out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
-  out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
-  out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
-  out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det;
-  out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
-  out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
-  out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
-  out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det;
-  out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det;
-  out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det;
-  out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det;
-  out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det;
-  return out;
-}
-/**
- * Calculates the adjugate of a mat4
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the source matrix
- * @returns {mat4} out
- */
-
-function adjoint$1(out, a) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2],
-      a03 = a[3];
-  var a10 = a[4],
-      a11 = a[5],
-      a12 = a[6],
-      a13 = a[7];
-  var a20 = a[8],
-      a21 = a[9],
-      a22 = a[10],
-      a23 = a[11];
-  var a30 = a[12],
-      a31 = a[13],
-      a32 = a[14],
-      a33 = a[15];
-  out[0] = a11 * (a22 * a33 - a23 * a32) - a21 * (a12 * a33 - a13 * a32) + a31 * (a12 * a23 - a13 * a22);
-  out[1] = -(a01 * (a22 * a33 - a23 * a32) - a21 * (a02 * a33 - a03 * a32) + a31 * (a02 * a23 - a03 * a22));
-  out[2] = a01 * (a12 * a33 - a13 * a32) - a11 * (a02 * a33 - a03 * a32) + a31 * (a02 * a13 - a03 * a12);
-  out[3] = -(a01 * (a12 * a23 - a13 * a22) - a11 * (a02 * a23 - a03 * a22) + a21 * (a02 * a13 - a03 * a12));
-  out[4] = -(a10 * (a22 * a33 - a23 * a32) - a20 * (a12 * a33 - a13 * a32) + a30 * (a12 * a23 - a13 * a22));
-  out[5] = a00 * (a22 * a33 - a23 * a32) - a20 * (a02 * a33 - a03 * a32) + a30 * (a02 * a23 - a03 * a22);
-  out[6] = -(a00 * (a12 * a33 - a13 * a32) - a10 * (a02 * a33 - a03 * a32) + a30 * (a02 * a13 - a03 * a12));
-  out[7] = a00 * (a12 * a23 - a13 * a22) - a10 * (a02 * a23 - a03 * a22) + a20 * (a02 * a13 - a03 * a12);
-  out[8] = a10 * (a21 * a33 - a23 * a31) - a20 * (a11 * a33 - a13 * a31) + a30 * (a11 * a23 - a13 * a21);
-  out[9] = -(a00 * (a21 * a33 - a23 * a31) - a20 * (a01 * a33 - a03 * a31) + a30 * (a01 * a23 - a03 * a21));
-  out[10] = a00 * (a11 * a33 - a13 * a31) - a10 * (a01 * a33 - a03 * a31) + a30 * (a01 * a13 - a03 * a11);
-  out[11] = -(a00 * (a11 * a23 - a13 * a21) - a10 * (a01 * a23 - a03 * a21) + a20 * (a01 * a13 - a03 * a11));
-  out[12] = -(a10 * (a21 * a32 - a22 * a31) - a20 * (a11 * a32 - a12 * a31) + a30 * (a11 * a22 - a12 * a21));
-  out[13] = a00 * (a21 * a32 - a22 * a31) - a20 * (a01 * a32 - a02 * a31) + a30 * (a01 * a22 - a02 * a21);
-  out[14] = -(a00 * (a11 * a32 - a12 * a31) - a10 * (a01 * a32 - a02 * a31) + a30 * (a01 * a12 - a02 * a11));
-  out[15] = a00 * (a11 * a22 - a12 * a21) - a10 * (a01 * a22 - a02 * a21) + a20 * (a01 * a12 - a02 * a11);
-  return out;
-}
-/**
- * Calculates the determinant of a mat4
- *
- * @param {ReadonlyMat4} a the source matrix
- * @returns {Number} determinant of a
- */
-
-function determinant$1(a) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2],
-      a03 = a[3];
-  var a10 = a[4],
-      a11 = a[5],
-      a12 = a[6],
-      a13 = a[7];
-  var a20 = a[8],
-      a21 = a[9],
-      a22 = a[10],
-      a23 = a[11];
-  var a30 = a[12],
-      a31 = a[13],
-      a32 = a[14],
-      a33 = a[15];
-  var b00 = a00 * a11 - a01 * a10;
-  var b01 = a00 * a12 - a02 * a10;
-  var b02 = a00 * a13 - a03 * a10;
-  var b03 = a01 * a12 - a02 * a11;
-  var b04 = a01 * a13 - a03 * a11;
-  var b05 = a02 * a13 - a03 * a12;
-  var b06 = a20 * a31 - a21 * a30;
-  var b07 = a20 * a32 - a22 * a30;
-  var b08 = a20 * a33 - a23 * a30;
-  var b09 = a21 * a32 - a22 * a31;
-  var b10 = a21 * a33 - a23 * a31;
-  var b11 = a22 * a33 - a23 * a32; // Calculate the determinant
-
-  return b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
-}
-/**
- * Multiplies two mat4s
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @returns {mat4} out
- */
-
-function multiply$1(out, a, b) {
-  var a00 = a[0],
-      a01 = a[1],
-      a02 = a[2],
-      a03 = a[3];
-  var a10 = a[4],
-      a11 = a[5],
-      a12 = a[6],
-      a13 = a[7];
-  var a20 = a[8],
-      a21 = a[9],
-      a22 = a[10],
-      a23 = a[11];
-  var a30 = a[12],
-      a31 = a[13],
-      a32 = a[14],
-      a33 = a[15]; // Cache only the current line of the second matrix
-
-  var b0 = b[0],
-      b1 = b[1],
-      b2 = b[2],
-      b3 = b[3];
-  out[0] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
-  out[1] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
-  out[2] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
-  out[3] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
-  b0 = b[4];
-  b1 = b[5];
-  b2 = b[6];
-  b3 = b[7];
-  out[4] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
-  out[5] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
-  out[6] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
-  out[7] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
-  b0 = b[8];
-  b1 = b[9];
-  b2 = b[10];
-  b3 = b[11];
-  out[8] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
-  out[9] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
-  out[10] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
-  out[11] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
-  b0 = b[12];
-  b1 = b[13];
-  b2 = b[14];
-  b3 = b[15];
-  out[12] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
-  out[13] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
-  out[14] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
-  out[15] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
-  return out;
-}
-/**
- * Translate a mat4 by the given vector
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to translate
- * @param {ReadonlyVec3} v vector to translate by
- * @returns {mat4} out
- */
-
-function translate$1(out, a, v) {
-  var x = v[0],
-      y = v[1],
-      z = v[2];
-  var a00, a01, a02, a03;
-  var a10, a11, a12, a13;
-  var a20, a21, a22, a23;
-
-  if (a === out) {
-    out[12] = a[0] * x + a[4] * y + a[8] * z + a[12];
-    out[13] = a[1] * x + a[5] * y + a[9] * z + a[13];
-    out[14] = a[2] * x + a[6] * y + a[10] * z + a[14];
-    out[15] = a[3] * x + a[7] * y + a[11] * z + a[15];
-  } else {
-    a00 = a[0];
-    a01 = a[1];
-    a02 = a[2];
-    a03 = a[3];
-    a10 = a[4];
-    a11 = a[5];
-    a12 = a[6];
-    a13 = a[7];
-    a20 = a[8];
-    a21 = a[9];
-    a22 = a[10];
-    a23 = a[11];
-    out[0] = a00;
-    out[1] = a01;
-    out[2] = a02;
-    out[3] = a03;
-    out[4] = a10;
-    out[5] = a11;
-    out[6] = a12;
-    out[7] = a13;
-    out[8] = a20;
-    out[9] = a21;
-    out[10] = a22;
-    out[11] = a23;
-    out[12] = a00 * x + a10 * y + a20 * z + a[12];
-    out[13] = a01 * x + a11 * y + a21 * z + a[13];
-    out[14] = a02 * x + a12 * y + a22 * z + a[14];
-    out[15] = a03 * x + a13 * y + a23 * z + a[15];
-  }
-
-  return out;
-}
-/**
- * Scales the mat4 by the dimensions in the given vec3 not using vectorization
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to scale
- * @param {ReadonlyVec3} v the vec3 to scale the matrix by
- * @returns {mat4} out
- **/
-
-function scale$1(out, a, v) {
-  var x = v[0],
-      y = v[1],
-      z = v[2];
-  out[0] = a[0] * x;
-  out[1] = a[1] * x;
-  out[2] = a[2] * x;
-  out[3] = a[3] * x;
-  out[4] = a[4] * y;
-  out[5] = a[5] * y;
-  out[6] = a[6] * y;
-  out[7] = a[7] * y;
-  out[8] = a[8] * z;
-  out[9] = a[9] * z;
-  out[10] = a[10] * z;
-  out[11] = a[11] * z;
-  out[12] = a[12];
-  out[13] = a[13];
-  out[14] = a[14];
-  out[15] = a[15];
-  return out;
-}
-/**
- * Rotates a mat4 by the given angle around the given axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @param {ReadonlyVec3} axis the axis to rotate around
- * @returns {mat4} out
- */
-
-function rotate$1(out, a, rad, axis) {
-  var x = axis[0],
-      y = axis[1],
-      z = axis[2];
-  var len = Math.hypot(x, y, z);
-  var s, c, t;
-  var a00, a01, a02, a03;
-  var a10, a11, a12, a13;
-  var a20, a21, a22, a23;
-  var b00, b01, b02;
-  var b10, b11, b12;
-  var b20, b21, b22;
-
-  if (len < EPSILON) {
-    return null;
-  }
-
-  len = 1 / len;
-  x *= len;
-  y *= len;
-  z *= len;
-  s = Math.sin(rad);
-  c = Math.cos(rad);
-  t = 1 - c;
-  a00 = a[0];
-  a01 = a[1];
-  a02 = a[2];
-  a03 = a[3];
-  a10 = a[4];
-  a11 = a[5];
-  a12 = a[6];
-  a13 = a[7];
-  a20 = a[8];
-  a21 = a[9];
-  a22 = a[10];
-  a23 = a[11]; // Construct the elements of the rotation matrix
-
-  b00 = x * x * t + c;
-  b01 = y * x * t + z * s;
-  b02 = z * x * t - y * s;
-  b10 = x * y * t - z * s;
-  b11 = y * y * t + c;
-  b12 = z * y * t + x * s;
-  b20 = x * z * t + y * s;
-  b21 = y * z * t - x * s;
-  b22 = z * z * t + c; // Perform rotation-specific matrix multiplication
-
-  out[0] = a00 * b00 + a10 * b01 + a20 * b02;
-  out[1] = a01 * b00 + a11 * b01 + a21 * b02;
-  out[2] = a02 * b00 + a12 * b01 + a22 * b02;
-  out[3] = a03 * b00 + a13 * b01 + a23 * b02;
-  out[4] = a00 * b10 + a10 * b11 + a20 * b12;
-  out[5] = a01 * b10 + a11 * b11 + a21 * b12;
-  out[6] = a02 * b10 + a12 * b11 + a22 * b12;
-  out[7] = a03 * b10 + a13 * b11 + a23 * b12;
-  out[8] = a00 * b20 + a10 * b21 + a20 * b22;
-  out[9] = a01 * b20 + a11 * b21 + a21 * b22;
-  out[10] = a02 * b20 + a12 * b21 + a22 * b22;
-  out[11] = a03 * b20 + a13 * b21 + a23 * b22;
-
-  if (a !== out) {
-    // If the source and destination differ, copy the unchanged last row
-    out[12] = a[12];
-    out[13] = a[13];
-    out[14] = a[14];
-    out[15] = a[15];
-  }
-
-  return out;
-}
-/**
- * Rotates a matrix by the given angle around the X axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
- */
-
-function rotateX(out, a, rad) {
-  var s = Math.sin(rad);
-  var c = Math.cos(rad);
-  var a10 = a[4];
-  var a11 = a[5];
-  var a12 = a[6];
-  var a13 = a[7];
-  var a20 = a[8];
-  var a21 = a[9];
-  var a22 = a[10];
-  var a23 = a[11];
-
-  if (a !== out) {
-    // If the source and destination differ, copy the unchanged rows
-    out[0] = a[0];
-    out[1] = a[1];
-    out[2] = a[2];
-    out[3] = a[3];
-    out[12] = a[12];
-    out[13] = a[13];
-    out[14] = a[14];
-    out[15] = a[15];
-  } // Perform axis-specific matrix multiplication
-
-
-  out[4] = a10 * c + a20 * s;
-  out[5] = a11 * c + a21 * s;
-  out[6] = a12 * c + a22 * s;
-  out[7] = a13 * c + a23 * s;
-  out[8] = a20 * c - a10 * s;
-  out[9] = a21 * c - a11 * s;
-  out[10] = a22 * c - a12 * s;
-  out[11] = a23 * c - a13 * s;
-  return out;
-}
-/**
- * Rotates a matrix by the given angle around the Y axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
- */
-
-function rotateY(out, a, rad) {
-  var s = Math.sin(rad);
-  var c = Math.cos(rad);
-  var a00 = a[0];
-  var a01 = a[1];
-  var a02 = a[2];
-  var a03 = a[3];
-  var a20 = a[8];
-  var a21 = a[9];
-  var a22 = a[10];
-  var a23 = a[11];
-
-  if (a !== out) {
-    // If the source and destination differ, copy the unchanged rows
-    out[4] = a[4];
-    out[5] = a[5];
-    out[6] = a[6];
-    out[7] = a[7];
-    out[12] = a[12];
-    out[13] = a[13];
-    out[14] = a[14];
-    out[15] = a[15];
-  } // Perform axis-specific matrix multiplication
-
-
-  out[0] = a00 * c - a20 * s;
-  out[1] = a01 * c - a21 * s;
-  out[2] = a02 * c - a22 * s;
-  out[3] = a03 * c - a23 * s;
-  out[8] = a00 * s + a20 * c;
-  out[9] = a01 * s + a21 * c;
-  out[10] = a02 * s + a22 * c;
-  out[11] = a03 * s + a23 * c;
-  return out;
-}
-/**
- * Rotates a matrix by the given angle around the Z axis
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
- */
-
-function rotateZ(out, a, rad) {
-  var s = Math.sin(rad);
-  var c = Math.cos(rad);
-  var a00 = a[0];
-  var a01 = a[1];
-  var a02 = a[2];
-  var a03 = a[3];
-  var a10 = a[4];
-  var a11 = a[5];
-  var a12 = a[6];
-  var a13 = a[7];
-
-  if (a !== out) {
-    // If the source and destination differ, copy the unchanged last row
-    out[8] = a[8];
-    out[9] = a[9];
-    out[10] = a[10];
-    out[11] = a[11];
-    out[12] = a[12];
-    out[13] = a[13];
-    out[14] = a[14];
-    out[15] = a[15];
-  } // Perform axis-specific matrix multiplication
-
-
-  out[0] = a00 * c + a10 * s;
-  out[1] = a01 * c + a11 * s;
-  out[2] = a02 * c + a12 * s;
-  out[3] = a03 * c + a13 * s;
-  out[4] = a10 * c - a00 * s;
-  out[5] = a11 * c - a01 * s;
-  out[6] = a12 * c - a02 * s;
-  out[7] = a13 * c - a03 * s;
-  return out;
-}
-/**
- * Creates a matrix from a vector translation
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, dest, vec);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {ReadonlyVec3} v Translation vector
- * @returns {mat4} out
- */
-
-function fromTranslation$1(out, v) {
-  out[0] = 1;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = 1;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 0;
-  out[9] = 0;
-  out[10] = 1;
-  out[11] = 0;
-  out[12] = v[0];
-  out[13] = v[1];
-  out[14] = v[2];
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a matrix from a vector scaling
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.scale(dest, dest, vec);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {ReadonlyVec3} v Scaling vector
- * @returns {mat4} out
- */
-
-function fromScaling$1(out, v) {
-  out[0] = v[0];
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = v[1];
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 0;
-  out[9] = 0;
-  out[10] = v[2];
-  out[11] = 0;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = 0;
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a matrix from a given angle around a given axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotate(dest, dest, rad, axis);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @param {ReadonlyVec3} axis the axis to rotate around
- * @returns {mat4} out
- */
-
-function fromRotation$1(out, rad, axis) {
-  var x = axis[0],
-      y = axis[1],
-      z = axis[2];
-  var len = Math.hypot(x, y, z);
-  var s, c, t;
-
-  if (len < EPSILON) {
-    return null;
-  }
-
-  len = 1 / len;
-  x *= len;
-  y *= len;
-  z *= len;
-  s = Math.sin(rad);
-  c = Math.cos(rad);
-  t = 1 - c; // Perform rotation-specific matrix multiplication
-
-  out[0] = x * x * t + c;
-  out[1] = y * x * t + z * s;
-  out[2] = z * x * t - y * s;
-  out[3] = 0;
-  out[4] = x * y * t - z * s;
-  out[5] = y * y * t + c;
-  out[6] = z * y * t + x * s;
-  out[7] = 0;
-  out[8] = x * z * t + y * s;
-  out[9] = y * z * t - x * s;
-  out[10] = z * z * t + c;
-  out[11] = 0;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = 0;
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a matrix from the given angle around the X axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotateX(dest, dest, rad);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
- */
-
-function fromXRotation(out, rad) {
-  var s = Math.sin(rad);
-  var c = Math.cos(rad); // Perform axis-specific matrix multiplication
-
-  out[0] = 1;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = c;
-  out[6] = s;
-  out[7] = 0;
-  out[8] = 0;
-  out[9] = -s;
-  out[10] = c;
-  out[11] = 0;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = 0;
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a matrix from the given angle around the Y axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotateY(dest, dest, rad);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
- */
-
-function fromYRotation(out, rad) {
-  var s = Math.sin(rad);
-  var c = Math.cos(rad); // Perform axis-specific matrix multiplication
-
-  out[0] = c;
-  out[1] = 0;
-  out[2] = -s;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = 1;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = s;
-  out[9] = 0;
-  out[10] = c;
-  out[11] = 0;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = 0;
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a matrix from the given angle around the Z axis
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.rotateZ(dest, dest, rad);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat4} out
- */
-
-function fromZRotation(out, rad) {
-  var s = Math.sin(rad);
-  var c = Math.cos(rad); // Perform axis-specific matrix multiplication
-
-  out[0] = c;
-  out[1] = s;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = -s;
-  out[5] = c;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 0;
-  out[9] = 0;
-  out[10] = 1;
-  out[11] = 0;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = 0;
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a matrix from a quaternion rotation and vector translation
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, vec);
- *     let quatMat = mat4.create();
- *     quat4.toMat4(quat, quatMat);
- *     mat4.multiply(dest, quatMat);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {quat4} q Rotation quaternion
- * @param {ReadonlyVec3} v Translation vector
- * @returns {mat4} out
- */
-
-function fromRotationTranslation(out, q, v) {
-  // Quaternion math
-  var x = q[0],
-      y = q[1],
-      z = q[2],
-      w = q[3];
-  var x2 = x + x;
-  var y2 = y + y;
-  var z2 = z + z;
-  var xx = x * x2;
-  var xy = x * y2;
-  var xz = x * z2;
-  var yy = y * y2;
-  var yz = y * z2;
-  var zz = z * z2;
-  var wx = w * x2;
-  var wy = w * y2;
-  var wz = w * z2;
-  out[0] = 1 - (yy + zz);
-  out[1] = xy + wz;
-  out[2] = xz - wy;
-  out[3] = 0;
-  out[4] = xy - wz;
-  out[5] = 1 - (xx + zz);
-  out[6] = yz + wx;
-  out[7] = 0;
-  out[8] = xz + wy;
-  out[9] = yz - wx;
-  out[10] = 1 - (xx + yy);
-  out[11] = 0;
-  out[12] = v[0];
-  out[13] = v[1];
-  out[14] = v[2];
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a new mat4 from a dual quat.
- *
- * @param {mat4} out Matrix
- * @param {ReadonlyQuat2} a Dual Quaternion
- * @returns {mat4} mat4 receiving operation result
- */
-
-function fromQuat2(out, a) {
-  var translation = new ARRAY_TYPE(3);
-  var bx = -a[0],
-      by = -a[1],
-      bz = -a[2],
-      bw = a[3],
-      ax = a[4],
-      ay = a[5],
-      az = a[6],
-      aw = a[7];
-  var magnitude = bx * bx + by * by + bz * bz + bw * bw; //Only scale if it makes sense
-
-  if (magnitude > 0) {
-    translation[0] = (ax * bw + aw * bx + ay * bz - az * by) * 2 / magnitude;
-    translation[1] = (ay * bw + aw * by + az * bx - ax * bz) * 2 / magnitude;
-    translation[2] = (az * bw + aw * bz + ax * by - ay * bx) * 2 / magnitude;
-  } else {
-    translation[0] = (ax * bw + aw * bx + ay * bz - az * by) * 2;
-    translation[1] = (ay * bw + aw * by + az * bx - ax * bz) * 2;
-    translation[2] = (az * bw + aw * bz + ax * by - ay * bx) * 2;
-  }
-
-  fromRotationTranslation(out, a, translation);
-  return out;
-}
-/**
- * Returns the translation vector component of a transformation
- *  matrix. If a matrix is built with fromRotationTranslation,
- *  the returned vector will be the same as the translation vector
- *  originally supplied.
- * @param  {vec3} out Vector to receive translation component
- * @param  {ReadonlyMat4} mat Matrix to be decomposed (input)
- * @return {vec3} out
- */
-
-function getTranslation(out, mat) {
-  out[0] = mat[12];
-  out[1] = mat[13];
-  out[2] = mat[14];
-  return out;
-}
-/**
- * Returns the scaling factor component of a transformation
- *  matrix. If a matrix is built with fromRotationTranslationScale
- *  with a normalized Quaternion paramter, the returned vector will be
- *  the same as the scaling vector
- *  originally supplied.
- * @param  {vec3} out Vector to receive scaling factor component
- * @param  {ReadonlyMat4} mat Matrix to be decomposed (input)
- * @return {vec3} out
- */
-
-function getScaling(out, mat) {
-  var m11 = mat[0];
-  var m12 = mat[1];
-  var m13 = mat[2];
-  var m21 = mat[4];
-  var m22 = mat[5];
-  var m23 = mat[6];
-  var m31 = mat[8];
-  var m32 = mat[9];
-  var m33 = mat[10];
-  out[0] = Math.hypot(m11, m12, m13);
-  out[1] = Math.hypot(m21, m22, m23);
-  out[2] = Math.hypot(m31, m32, m33);
-  return out;
-}
-/**
- * Returns a quaternion representing the rotational component
- *  of a transformation matrix. If a matrix is built with
- *  fromRotationTranslation, the returned quaternion will be the
- *  same as the quaternion originally supplied.
- * @param {quat} out Quaternion to receive the rotation component
- * @param {ReadonlyMat4} mat Matrix to be decomposed (input)
- * @return {quat} out
- */
-
-function getRotation(out, mat) {
-  var scaling = new ARRAY_TYPE(3);
-  getScaling(scaling, mat);
-  var is1 = 1 / scaling[0];
-  var is2 = 1 / scaling[1];
-  var is3 = 1 / scaling[2];
-  var sm11 = mat[0] * is1;
-  var sm12 = mat[1] * is2;
-  var sm13 = mat[2] * is3;
-  var sm21 = mat[4] * is1;
-  var sm22 = mat[5] * is2;
-  var sm23 = mat[6] * is3;
-  var sm31 = mat[8] * is1;
-  var sm32 = mat[9] * is2;
-  var sm33 = mat[10] * is3;
-  var trace = sm11 + sm22 + sm33;
-  var S = 0;
-
-  if (trace > 0) {
-    S = Math.sqrt(trace + 1.0) * 2;
-    out[3] = 0.25 * S;
-    out[0] = (sm23 - sm32) / S;
-    out[1] = (sm31 - sm13) / S;
-    out[2] = (sm12 - sm21) / S;
-  } else if (sm11 > sm22 && sm11 > sm33) {
-    S = Math.sqrt(1.0 + sm11 - sm22 - sm33) * 2;
-    out[3] = (sm23 - sm32) / S;
-    out[0] = 0.25 * S;
-    out[1] = (sm12 + sm21) / S;
-    out[2] = (sm31 + sm13) / S;
-  } else if (sm22 > sm33) {
-    S = Math.sqrt(1.0 + sm22 - sm11 - sm33) * 2;
-    out[3] = (sm31 - sm13) / S;
-    out[0] = (sm12 + sm21) / S;
-    out[1] = 0.25 * S;
-    out[2] = (sm23 + sm32) / S;
-  } else {
-    S = Math.sqrt(1.0 + sm33 - sm11 - sm22) * 2;
-    out[3] = (sm12 - sm21) / S;
-    out[0] = (sm31 + sm13) / S;
-    out[1] = (sm23 + sm32) / S;
-    out[2] = 0.25 * S;
-  }
-
-  return out;
-}
-/**
- * Creates a matrix from a quaternion rotation, vector translation and vector scale
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, vec);
- *     let quatMat = mat4.create();
- *     quat4.toMat4(quat, quatMat);
- *     mat4.multiply(dest, quatMat);
- *     mat4.scale(dest, scale)
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {quat4} q Rotation quaternion
- * @param {ReadonlyVec3} v Translation vector
- * @param {ReadonlyVec3} s Scaling vector
- * @returns {mat4} out
- */
-
-function fromRotationTranslationScale(out, q, v, s) {
-  // Quaternion math
-  var x = q[0],
-      y = q[1],
-      z = q[2],
-      w = q[3];
-  var x2 = x + x;
-  var y2 = y + y;
-  var z2 = z + z;
-  var xx = x * x2;
-  var xy = x * y2;
-  var xz = x * z2;
-  var yy = y * y2;
-  var yz = y * z2;
-  var zz = z * z2;
-  var wx = w * x2;
-  var wy = w * y2;
-  var wz = w * z2;
-  var sx = s[0];
-  var sy = s[1];
-  var sz = s[2];
-  out[0] = (1 - (yy + zz)) * sx;
-  out[1] = (xy + wz) * sx;
-  out[2] = (xz - wy) * sx;
-  out[3] = 0;
-  out[4] = (xy - wz) * sy;
-  out[5] = (1 - (xx + zz)) * sy;
-  out[6] = (yz + wx) * sy;
-  out[7] = 0;
-  out[8] = (xz + wy) * sz;
-  out[9] = (yz - wx) * sz;
-  out[10] = (1 - (xx + yy)) * sz;
-  out[11] = 0;
-  out[12] = v[0];
-  out[13] = v[1];
-  out[14] = v[2];
-  out[15] = 1;
-  return out;
-}
-/**
- * Creates a matrix from a quaternion rotation, vector translation and vector scale, rotating and scaling around the given origin
- * This is equivalent to (but much faster than):
- *
- *     mat4.identity(dest);
- *     mat4.translate(dest, vec);
- *     mat4.translate(dest, origin);
- *     let quatMat = mat4.create();
- *     quat4.toMat4(quat, quatMat);
- *     mat4.multiply(dest, quatMat);
- *     mat4.scale(dest, scale)
- *     mat4.translate(dest, negativeOrigin);
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {quat4} q Rotation quaternion
- * @param {ReadonlyVec3} v Translation vector
- * @param {ReadonlyVec3} s Scaling vector
- * @param {ReadonlyVec3} o The origin vector around which to scale and rotate
- * @returns {mat4} out
- */
-
-function fromRotationTranslationScaleOrigin(out, q, v, s, o) {
-  // Quaternion math
-  var x = q[0],
-      y = q[1],
-      z = q[2],
-      w = q[3];
-  var x2 = x + x;
-  var y2 = y + y;
-  var z2 = z + z;
-  var xx = x * x2;
-  var xy = x * y2;
-  var xz = x * z2;
-  var yy = y * y2;
-  var yz = y * z2;
-  var zz = z * z2;
-  var wx = w * x2;
-  var wy = w * y2;
-  var wz = w * z2;
-  var sx = s[0];
-  var sy = s[1];
-  var sz = s[2];
-  var ox = o[0];
-  var oy = o[1];
-  var oz = o[2];
-  var out0 = (1 - (yy + zz)) * sx;
-  var out1 = (xy + wz) * sx;
-  var out2 = (xz - wy) * sx;
-  var out4 = (xy - wz) * sy;
-  var out5 = (1 - (xx + zz)) * sy;
-  var out6 = (yz + wx) * sy;
-  var out8 = (xz + wy) * sz;
-  var out9 = (yz - wx) * sz;
-  var out10 = (1 - (xx + yy)) * sz;
-  out[0] = out0;
-  out[1] = out1;
-  out[2] = out2;
-  out[3] = 0;
-  out[4] = out4;
-  out[5] = out5;
-  out[6] = out6;
-  out[7] = 0;
-  out[8] = out8;
-  out[9] = out9;
-  out[10] = out10;
-  out[11] = 0;
-  out[12] = v[0] + ox - (out0 * ox + out4 * oy + out8 * oz);
-  out[13] = v[1] + oy - (out1 * ox + out5 * oy + out9 * oz);
-  out[14] = v[2] + oz - (out2 * ox + out6 * oy + out10 * oz);
-  out[15] = 1;
-  return out;
-}
-/**
- * Calculates a 4x4 matrix from the given quaternion
- *
- * @param {mat4} out mat4 receiving operation result
- * @param {ReadonlyQuat} q Quaternion to create matrix from
- *
- * @returns {mat4} out
- */
-
-function fromQuat$1(out, q) {
-  var x = q[0],
-      y = q[1],
-      z = q[2],
-      w = q[3];
-  var x2 = x + x;
-  var y2 = y + y;
-  var z2 = z + z;
-  var xx = x * x2;
-  var yx = y * x2;
-  var yy = y * y2;
-  var zx = z * x2;
-  var zy = z * y2;
-  var zz = z * z2;
-  var wx = w * x2;
-  var wy = w * y2;
-  var wz = w * z2;
-  out[0] = 1 - yy - zz;
-  out[1] = yx + wz;
-  out[2] = zx - wy;
-  out[3] = 0;
-  out[4] = yx - wz;
-  out[5] = 1 - xx - zz;
-  out[6] = zy + wx;
-  out[7] = 0;
-  out[8] = zx + wy;
-  out[9] = zy - wx;
-  out[10] = 1 - xx - yy;
-  out[11] = 0;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = 0;
-  out[15] = 1;
-  return out;
-}
-/**
- * Generates a frustum matrix with the given bounds
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {Number} left Left bound of the frustum
- * @param {Number} right Right bound of the frustum
- * @param {Number} bottom Bottom bound of the frustum
- * @param {Number} top Top bound of the frustum
- * @param {Number} near Near bound of the frustum
- * @param {Number} far Far bound of the frustum
- * @returns {mat4} out
- */
-
-function frustum(out, left, right, bottom, top, near, far) {
-  var rl = 1 / (right - left);
-  var tb = 1 / (top - bottom);
-  var nf = 1 / (near - far);
-  out[0] = near * 2 * rl;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = near * 2 * tb;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = (right + left) * rl;
-  out[9] = (top + bottom) * tb;
-  out[10] = (far + near) * nf;
-  out[11] = -1;
-  out[12] = 0;
-  out[13] = 0;
-  out[14] = far * near * 2 * nf;
-  out[15] = 0;
-  return out;
-}
-/**
- * Generates a perspective projection matrix with the given bounds.
- * Passing null/undefined/no value for far will generate infinite projection matrix.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {number} fovy Vertical field of view in radians
- * @param {number} aspect Aspect ratio. typically viewport width/height
- * @param {number} near Near bound of the frustum
- * @param {number} far Far bound of the frustum, can be null or Infinity
- * @returns {mat4} out
- */
-
-function perspective(out, fovy, aspect, near, far) {
-  var f = 1.0 / Math.tan(fovy / 2),
-      nf;
-  out[0] = f / aspect;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = f;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 0;
-  out[9] = 0;
-  out[11] = -1;
-  out[12] = 0;
-  out[13] = 0;
-  out[15] = 0;
-
-  if (far != null && far !== Infinity) {
-    nf = 1 / (near - far);
-    out[10] = (far + near) * nf;
-    out[14] = 2 * far * near * nf;
-  } else {
-    out[10] = -1;
-    out[14] = -2 * near;
-  }
-
-  return out;
-}
-/**
- * Generates a perspective projection matrix with the given field of view.
- * This is primarily useful for generating projection matrices to be used
- * with the still experiemental WebVR API.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {Object} fov Object containing the following values: upDegrees, downDegrees, leftDegrees, rightDegrees
- * @param {number} near Near bound of the frustum
- * @param {number} far Far bound of the frustum
- * @returns {mat4} out
- */
-
-function perspectiveFromFieldOfView(out, fov, near, far) {
-  var upTan = Math.tan(fov.upDegrees * Math.PI / 180.0);
-  var downTan = Math.tan(fov.downDegrees * Math.PI / 180.0);
-  var leftTan = Math.tan(fov.leftDegrees * Math.PI / 180.0);
-  var rightTan = Math.tan(fov.rightDegrees * Math.PI / 180.0);
-  var xScale = 2.0 / (leftTan + rightTan);
-  var yScale = 2.0 / (upTan + downTan);
-  out[0] = xScale;
-  out[1] = 0.0;
-  out[2] = 0.0;
-  out[3] = 0.0;
-  out[4] = 0.0;
-  out[5] = yScale;
-  out[6] = 0.0;
-  out[7] = 0.0;
-  out[8] = -((leftTan - rightTan) * xScale * 0.5);
-  out[9] = (upTan - downTan) * yScale * 0.5;
-  out[10] = far / (near - far);
-  out[11] = -1.0;
-  out[12] = 0.0;
-  out[13] = 0.0;
-  out[14] = far * near / (near - far);
-  out[15] = 0.0;
-  return out;
-}
-/**
- * Generates a orthogonal projection matrix with the given bounds
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {number} left Left bound of the frustum
- * @param {number} right Right bound of the frustum
- * @param {number} bottom Bottom bound of the frustum
- * @param {number} top Top bound of the frustum
- * @param {number} near Near bound of the frustum
- * @param {number} far Far bound of the frustum
- * @returns {mat4} out
- */
-
-function ortho(out, left, right, bottom, top, near, far) {
-  var lr = 1 / (left - right);
-  var bt = 1 / (bottom - top);
-  var nf = 1 / (near - far);
-  out[0] = -2 * lr;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 0;
-  out[4] = 0;
-  out[5] = -2 * bt;
-  out[6] = 0;
-  out[7] = 0;
-  out[8] = 0;
-  out[9] = 0;
-  out[10] = 2 * nf;
-  out[11] = 0;
-  out[12] = (left + right) * lr;
-  out[13] = (top + bottom) * bt;
-  out[14] = (far + near) * nf;
-  out[15] = 1;
-  return out;
-}
-/**
- * Generates a look-at matrix with the given eye position, focal point, and up axis.
- * If you want a matrix that actually makes an object look at another object, you should use targetTo instead.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {ReadonlyVec3} eye Position of the viewer
- * @param {ReadonlyVec3} center Point the viewer is looking at
- * @param {ReadonlyVec3} up vec3 pointing up
- * @returns {mat4} out
- */
-
-function lookAt(out, eye, center, up) {
-  var x0, x1, x2, y0, y1, y2, z0, z1, z2, len;
-  var eyex = eye[0];
-  var eyey = eye[1];
-  var eyez = eye[2];
-  var upx = up[0];
-  var upy = up[1];
-  var upz = up[2];
-  var centerx = center[0];
-  var centery = center[1];
-  var centerz = center[2];
-
-  if (Math.abs(eyex - centerx) < EPSILON && Math.abs(eyey - centery) < EPSILON && Math.abs(eyez - centerz) < EPSILON) {
-    return identity$1(out);
-  }
-
-  z0 = eyex - centerx;
-  z1 = eyey - centery;
-  z2 = eyez - centerz;
-  len = 1 / Math.hypot(z0, z1, z2);
-  z0 *= len;
-  z1 *= len;
-  z2 *= len;
-  x0 = upy * z2 - upz * z1;
-  x1 = upz * z0 - upx * z2;
-  x2 = upx * z1 - upy * z0;
-  len = Math.hypot(x0, x1, x2);
-
-  if (!len) {
-    x0 = 0;
-    x1 = 0;
-    x2 = 0;
-  } else {
-    len = 1 / len;
-    x0 *= len;
-    x1 *= len;
-    x2 *= len;
-  }
-
-  y0 = z1 * x2 - z2 * x1;
-  y1 = z2 * x0 - z0 * x2;
-  y2 = z0 * x1 - z1 * x0;
-  len = Math.hypot(y0, y1, y2);
-
-  if (!len) {
-    y0 = 0;
-    y1 = 0;
-    y2 = 0;
-  } else {
-    len = 1 / len;
-    y0 *= len;
-    y1 *= len;
-    y2 *= len;
-  }
-
-  out[0] = x0;
-  out[1] = y0;
-  out[2] = z0;
-  out[3] = 0;
-  out[4] = x1;
-  out[5] = y1;
-  out[6] = z1;
-  out[7] = 0;
-  out[8] = x2;
-  out[9] = y2;
-  out[10] = z2;
-  out[11] = 0;
-  out[12] = -(x0 * eyex + x1 * eyey + x2 * eyez);
-  out[13] = -(y0 * eyex + y1 * eyey + y2 * eyez);
-  out[14] = -(z0 * eyex + z1 * eyey + z2 * eyez);
-  out[15] = 1;
-  return out;
-}
-/**
- * Generates a matrix that makes something look at something else.
- *
- * @param {mat4} out mat4 frustum matrix will be written into
- * @param {ReadonlyVec3} eye Position of the viewer
- * @param {ReadonlyVec3} center Point the viewer is looking at
- * @param {ReadonlyVec3} up vec3 pointing up
- * @returns {mat4} out
- */
-
-function targetTo(out, eye, target, up) {
-  var eyex = eye[0],
-      eyey = eye[1],
-      eyez = eye[2],
-      upx = up[0],
-      upy = up[1],
-      upz = up[2];
-  var z0 = eyex - target[0],
-      z1 = eyey - target[1],
-      z2 = eyez - target[2];
-  var len = z0 * z0 + z1 * z1 + z2 * z2;
-
-  if (len > 0) {
-    len = 1 / Math.sqrt(len);
-    z0 *= len;
-    z1 *= len;
-    z2 *= len;
-  }
-
-  var x0 = upy * z2 - upz * z1,
-      x1 = upz * z0 - upx * z2,
-      x2 = upx * z1 - upy * z0;
-  len = x0 * x0 + x1 * x1 + x2 * x2;
-
-  if (len > 0) {
-    len = 1 / Math.sqrt(len);
-    x0 *= len;
-    x1 *= len;
-    x2 *= len;
-  }
-
-  out[0] = x0;
-  out[1] = x1;
-  out[2] = x2;
-  out[3] = 0;
-  out[4] = z1 * x2 - z2 * x1;
-  out[5] = z2 * x0 - z0 * x2;
-  out[6] = z0 * x1 - z1 * x0;
-  out[7] = 0;
-  out[8] = z0;
-  out[9] = z1;
-  out[10] = z2;
-  out[11] = 0;
-  out[12] = eyex;
-  out[13] = eyey;
-  out[14] = eyez;
-  out[15] = 1;
-  return out;
-}
-/**
- * Returns a string representation of a mat4
- *
- * @param {ReadonlyMat4} a matrix to represent as a string
- * @returns {String} string representation of the matrix
- */
-
-function str$1(a) {
-  return "mat4(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ", " + a[4] + ", " + a[5] + ", " + a[6] + ", " + a[7] + ", " + a[8] + ", " + a[9] + ", " + a[10] + ", " + a[11] + ", " + a[12] + ", " + a[13] + ", " + a[14] + ", " + a[15] + ")";
-}
-/**
- * Returns Frobenius norm of a mat4
- *
- * @param {ReadonlyMat4} a the matrix to calculate Frobenius norm of
- * @returns {Number} Frobenius norm
- */
-
-function frob$1(a) {
-  return Math.hypot(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8], a[9], a[10], a[11], a[12], a[13], a[14], a[15]);
-}
-/**
- * Adds two mat4's
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @returns {mat4} out
- */
-
-function add$1(out, a, b) {
-  out[0] = a[0] + b[0];
-  out[1] = a[1] + b[1];
-  out[2] = a[2] + b[2];
-  out[3] = a[3] + b[3];
-  out[4] = a[4] + b[4];
-  out[5] = a[5] + b[5];
-  out[6] = a[6] + b[6];
-  out[7] = a[7] + b[7];
-  out[8] = a[8] + b[8];
-  out[9] = a[9] + b[9];
-  out[10] = a[10] + b[10];
-  out[11] = a[11] + b[11];
-  out[12] = a[12] + b[12];
-  out[13] = a[13] + b[13];
-  out[14] = a[14] + b[14];
-  out[15] = a[15] + b[15];
-  return out;
-}
-/**
- * Subtracts matrix b from matrix a
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @returns {mat4} out
- */
-
-function subtract$1(out, a, b) {
-  out[0] = a[0] - b[0];
-  out[1] = a[1] - b[1];
-  out[2] = a[2] - b[2];
-  out[3] = a[3] - b[3];
-  out[4] = a[4] - b[4];
-  out[5] = a[5] - b[5];
-  out[6] = a[6] - b[6];
-  out[7] = a[7] - b[7];
-  out[8] = a[8] - b[8];
-  out[9] = a[9] - b[9];
-  out[10] = a[10] - b[10];
-  out[11] = a[11] - b[11];
-  out[12] = a[12] - b[12];
-  out[13] = a[13] - b[13];
-  out[14] = a[14] - b[14];
-  out[15] = a[15] - b[15];
-  return out;
-}
-/**
- * Multiply each element of the matrix by a scalar.
- *
- * @param {mat4} out the receiving matrix
- * @param {ReadonlyMat4} a the matrix to scale
- * @param {Number} b amount to scale the matrix's elements by
- * @returns {mat4} out
- */
-
-function multiplyScalar$1(out, a, b) {
-  out[0] = a[0] * b;
-  out[1] = a[1] * b;
-  out[2] = a[2] * b;
-  out[3] = a[3] * b;
-  out[4] = a[4] * b;
-  out[5] = a[5] * b;
-  out[6] = a[6] * b;
-  out[7] = a[7] * b;
-  out[8] = a[8] * b;
-  out[9] = a[9] * b;
-  out[10] = a[10] * b;
-  out[11] = a[11] * b;
-  out[12] = a[12] * b;
-  out[13] = a[13] * b;
-  out[14] = a[14] * b;
-  out[15] = a[15] * b;
-  return out;
-}
-/**
- * Adds two mat4's after multiplying each element of the second operand by a scalar value.
- *
- * @param {mat4} out the receiving vector
- * @param {ReadonlyMat4} a the first operand
- * @param {ReadonlyMat4} b the second operand
- * @param {Number} scale the amount to scale b's elements by before adding
- * @returns {mat4} out
- */
-
-function multiplyScalarAndAdd$1(out, a, b, scale) {
-  out[0] = a[0] + b[0] * scale;
-  out[1] = a[1] + b[1] * scale;
-  out[2] = a[2] + b[2] * scale;
-  out[3] = a[3] + b[3] * scale;
-  out[4] = a[4] + b[4] * scale;
-  out[5] = a[5] + b[5] * scale;
-  out[6] = a[6] + b[6] * scale;
-  out[7] = a[7] + b[7] * scale;
-  out[8] = a[8] + b[8] * scale;
-  out[9] = a[9] + b[9] * scale;
-  out[10] = a[10] + b[10] * scale;
-  out[11] = a[11] + b[11] * scale;
-  out[12] = a[12] + b[12] * scale;
-  out[13] = a[13] + b[13] * scale;
-  out[14] = a[14] + b[14] * scale;
-  out[15] = a[15] + b[15] * scale;
-  return out;
-}
-/**
- * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyMat4} a The first matrix.
- * @param {ReadonlyMat4} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
- */
-
-function exactEquals$1(a, b) {
-  return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8] && a[9] === b[9] && a[10] === b[10] && a[11] === b[11] && a[12] === b[12] && a[13] === b[13] && a[14] === b[14] && a[15] === b[15];
-}
-/**
- * Returns whether or not the matrices have approximately the same elements in the same position.
- *
- * @param {ReadonlyMat4} a The first matrix.
- * @param {ReadonlyMat4} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
- */
-
-function equals$2(a, b) {
-  var a0 = a[0],
-      a1 = a[1],
-      a2 = a[2],
-      a3 = a[3];
-  var a4 = a[4],
-      a5 = a[5],
-      a6 = a[6],
-      a7 = a[7];
-  var a8 = a[8],
-      a9 = a[9],
-      a10 = a[10],
-      a11 = a[11];
-  var a12 = a[12],
-      a13 = a[13],
-      a14 = a[14],
-      a15 = a[15];
-  var b0 = b[0],
-      b1 = b[1],
-      b2 = b[2],
-      b3 = b[3];
-  var b4 = b[4],
-      b5 = b[5],
-      b6 = b[6],
-      b7 = b[7];
-  var b8 = b[8],
-      b9 = b[9],
-      b10 = b[10],
-      b11 = b[11];
-  var b12 = b[12],
-      b13 = b[13],
-      b14 = b[14],
-      b15 = b[15];
-  return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= EPSILON * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= EPSILON * Math.max(1.0, Math.abs(a5), Math.abs(b5)) && Math.abs(a6 - b6) <= EPSILON * Math.max(1.0, Math.abs(a6), Math.abs(b6)) && Math.abs(a7 - b7) <= EPSILON * Math.max(1.0, Math.abs(a7), Math.abs(b7)) && Math.abs(a8 - b8) <= EPSILON * Math.max(1.0, Math.abs(a8), Math.abs(b8)) && Math.abs(a9 - b9) <= EPSILON * Math.max(1.0, Math.abs(a9), Math.abs(b9)) && Math.abs(a10 - b10) <= EPSILON * Math.max(1.0, Math.abs(a10), Math.abs(b10)) && Math.abs(a11 - b11) <= EPSILON * Math.max(1.0, Math.abs(a11), Math.abs(b11)) && Math.abs(a12 - b12) <= EPSILON * Math.max(1.0, Math.abs(a12), Math.abs(b12)) && Math.abs(a13 - b13) <= EPSILON * Math.max(1.0, Math.abs(a13), Math.abs(b13)) && Math.abs(a14 - b14) <= EPSILON * Math.max(1.0, Math.abs(a14), Math.abs(b14)) && Math.abs(a15 - b15) <= EPSILON * Math.max(1.0, Math.abs(a15), Math.abs(b15));
-}
-/**
- * Alias for {@link mat4.multiply}
- * @function
- */
-
-var mul$1 = multiply$1;
-/**
- * Alias for {@link mat4.subtract}
- * @function
- */
-
-var sub$1 = subtract$1;
-
-var mat4 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  create: create$1,
-  clone: clone$1,
-  copy: copy$1,
-  fromValues: fromValues$1,
-  set: set$1,
-  identity: identity$1,
-  transpose: transpose$1,
-  invert: invert$1,
-  adjoint: adjoint$1,
-  determinant: determinant$1,
-  multiply: multiply$1,
-  translate: translate$1,
-  scale: scale$1,
-  rotate: rotate$1,
-  rotateX: rotateX,
-  rotateY: rotateY,
-  rotateZ: rotateZ,
-  fromTranslation: fromTranslation$1,
-  fromScaling: fromScaling$1,
-  fromRotation: fromRotation$1,
-  fromXRotation: fromXRotation,
-  fromYRotation: fromYRotation,
-  fromZRotation: fromZRotation,
-  fromRotationTranslation: fromRotationTranslation,
-  fromQuat2: fromQuat2,
-  getTranslation: getTranslation,
-  getScaling: getScaling,
-  getRotation: getRotation,
-  fromRotationTranslationScale: fromRotationTranslationScale,
-  fromRotationTranslationScaleOrigin: fromRotationTranslationScaleOrigin,
-  fromQuat: fromQuat$1,
-  frustum: frustum,
-  perspective: perspective,
-  perspectiveFromFieldOfView: perspectiveFromFieldOfView,
-  ortho: ortho,
-  lookAt: lookAt,
-  targetTo: targetTo,
-  str: str$1,
-  frob: frob$1,
-  add: add$1,
-  subtract: subtract$1,
-  multiplyScalar: multiplyScalar$1,
-  multiplyScalarAndAdd: multiplyScalarAndAdd$1,
-  exactEquals: exactEquals$1,
-  equals: equals$2,
-  mul: mul$1,
-  sub: sub$1
-});
-
-/**
- * 3 Dimensional Vector
- * @module vec3
- */
-
-/**
- * Creates a new, empty vec3
- *
- * @returns {vec3} a new 3D vector
- */
-
-function create$2() {
-  var out = new ARRAY_TYPE(3);
-
-  if (ARRAY_TYPE != Float32Array) {
-    out[0] = 0;
-    out[1] = 0;
-    out[2] = 0;
-  }
-
-  return out;
-}
-/**
- * Creates a new vec3 initialized with values from an existing vector
- *
- * @param {ReadonlyVec3} a vector to clone
- * @returns {vec3} a new 3D vector
- */
-
-function clone$2(a) {
-  var out = new ARRAY_TYPE(3);
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  return out;
-}
-/**
- * Calculates the length of a vec3
- *
- * @param {ReadonlyVec3} a vector to calculate length of
- * @returns {Number} length of a
- */
-
-function length(a) {
-  var x = a[0];
-  var y = a[1];
-  var z = a[2];
-  return Math.hypot(x, y, z);
-}
-/**
- * Creates a new vec3 initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @returns {vec3} a new 3D vector
- */
-
-function fromValues$2(x, y, z) {
-  var out = new ARRAY_TYPE(3);
-  out[0] = x;
-  out[1] = y;
-  out[2] = z;
-  return out;
-}
-/**
- * Copy the values from one vec3 to another
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the source vector
- * @returns {vec3} out
- */
-
-function copy$2(out, a) {
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  return out;
-}
-/**
- * Set the components of a vec3 to the given values
- *
- * @param {vec3} out the receiving vector
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @returns {vec3} out
- */
-
-function set$2(out, x, y, z) {
-  out[0] = x;
-  out[1] = y;
-  out[2] = z;
-  return out;
-}
-/**
- * Adds two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
- */
-
-function add$2(out, a, b) {
-  out[0] = a[0] + b[0];
-  out[1] = a[1] + b[1];
-  out[2] = a[2] + b[2];
-  return out;
-}
-/**
- * Subtracts vector b from vector a
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
- */
-
-function subtract$2(out, a, b) {
-  out[0] = a[0] - b[0];
-  out[1] = a[1] - b[1];
-  out[2] = a[2] - b[2];
-  return out;
-}
-/**
- * Multiplies two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
- */
-
-function multiply$2(out, a, b) {
-  out[0] = a[0] * b[0];
-  out[1] = a[1] * b[1];
-  out[2] = a[2] * b[2];
-  return out;
-}
-/**
- * Divides two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
- */
-
-function divide(out, a, b) {
-  out[0] = a[0] / b[0];
-  out[1] = a[1] / b[1];
-  out[2] = a[2] / b[2];
-  return out;
-}
-/**
- * Math.ceil the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to ceil
- * @returns {vec3} out
- */
-
-function ceil(out, a) {
-  out[0] = Math.ceil(a[0]);
-  out[1] = Math.ceil(a[1]);
-  out[2] = Math.ceil(a[2]);
-  return out;
-}
-/**
- * Math.floor the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to floor
- * @returns {vec3} out
- */
-
-function floor(out, a) {
-  out[0] = Math.floor(a[0]);
-  out[1] = Math.floor(a[1]);
-  out[2] = Math.floor(a[2]);
-  return out;
-}
-/**
- * Returns the minimum of two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
- */
-
-function min(out, a, b) {
-  out[0] = Math.min(a[0], b[0]);
-  out[1] = Math.min(a[1], b[1]);
-  out[2] = Math.min(a[2], b[2]);
-  return out;
-}
-/**
- * Returns the maximum of two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
- */
-
-function max(out, a, b) {
-  out[0] = Math.max(a[0], b[0]);
-  out[1] = Math.max(a[1], b[1]);
-  out[2] = Math.max(a[2], b[2]);
-  return out;
-}
-/**
- * Math.round the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to round
- * @returns {vec3} out
- */
-
-function round(out, a) {
-  out[0] = Math.round(a[0]);
-  out[1] = Math.round(a[1]);
-  out[2] = Math.round(a[2]);
-  return out;
-}
-/**
- * Scales a vec3 by a scalar number
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {vec3} out
- */
-
-function scale$2(out, a, b) {
-  out[0] = a[0] * b;
-  out[1] = a[1] * b;
-  out[2] = a[2] * b;
-  return out;
-}
-/**
- * Adds two vec3's after scaling the second operand by a scalar value
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {Number} scale the amount to scale b by before adding
- * @returns {vec3} out
- */
-
-function scaleAndAdd(out, a, b, scale) {
-  out[0] = a[0] + b[0] * scale;
-  out[1] = a[1] + b[1] * scale;
-  out[2] = a[2] + b[2] * scale;
-  return out;
-}
-/**
- * Calculates the euclidian distance between two vec3's
- *
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {Number} distance between a and b
- */
-
-function distance(a, b) {
-  var x = b[0] - a[0];
-  var y = b[1] - a[1];
-  var z = b[2] - a[2];
-  return Math.hypot(x, y, z);
-}
-/**
- * Calculates the squared euclidian distance between two vec3's
- *
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {Number} squared distance between a and b
- */
-
-function squaredDistance(a, b) {
-  var x = b[0] - a[0];
-  var y = b[1] - a[1];
-  var z = b[2] - a[2];
-  return x * x + y * y + z * z;
-}
-/**
- * Calculates the squared length of a vec3
- *
- * @param {ReadonlyVec3} a vector to calculate squared length of
- * @returns {Number} squared length of a
- */
-
-function squaredLength(a) {
-  var x = a[0];
-  var y = a[1];
-  var z = a[2];
-  return x * x + y * y + z * z;
-}
-/**
- * Negates the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to negate
- * @returns {vec3} out
- */
-
-function negate(out, a) {
-  out[0] = -a[0];
-  out[1] = -a[1];
-  out[2] = -a[2];
-  return out;
-}
-/**
- * Returns the inverse of the components of a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to invert
- * @returns {vec3} out
- */
-
-function inverse(out, a) {
-  out[0] = 1.0 / a[0];
-  out[1] = 1.0 / a[1];
-  out[2] = 1.0 / a[2];
-  return out;
-}
-/**
- * Normalize a vec3
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a vector to normalize
- * @returns {vec3} out
- */
-
-function normalize(out, a) {
-  var x = a[0];
-  var y = a[1];
-  var z = a[2];
-  var len = x * x + y * y + z * z;
-
-  if (len > 0) {
-    //TODO: evaluate use of glm_invsqrt here?
-    len = 1 / Math.sqrt(len);
-  }
-
-  out[0] = a[0] * len;
-  out[1] = a[1] * len;
-  out[2] = a[2] * len;
-  return out;
-}
-/**
- * Calculates the dot product of two vec3's
- *
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {Number} dot product of a and b
- */
-
-function dot(a, b) {
-  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
-}
-/**
- * Computes the cross product of two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @returns {vec3} out
- */
-
-function cross(out, a, b) {
-  var ax = a[0],
-      ay = a[1],
-      az = a[2];
-  var bx = b[0],
-      by = b[1],
-      bz = b[2];
-  out[0] = ay * bz - az * by;
-  out[1] = az * bx - ax * bz;
-  out[2] = ax * by - ay * bx;
-  return out;
-}
-/**
- * Performs a linear interpolation between two vec3's
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec3} out
- */
-
-function lerp(out, a, b, t) {
-  var ax = a[0];
-  var ay = a[1];
-  var az = a[2];
-  out[0] = ax + t * (b[0] - ax);
-  out[1] = ay + t * (b[1] - ay);
-  out[2] = az + t * (b[2] - az);
-  return out;
-}
-/**
- * Performs a hermite interpolation with two control points
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {ReadonlyVec3} c the third operand
- * @param {ReadonlyVec3} d the fourth operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec3} out
- */
-
-function hermite(out, a, b, c, d, t) {
-  var factorTimes2 = t * t;
-  var factor1 = factorTimes2 * (2 * t - 3) + 1;
-  var factor2 = factorTimes2 * (t - 2) + t;
-  var factor3 = factorTimes2 * (t - 1);
-  var factor4 = factorTimes2 * (3 - 2 * t);
-  out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
-  out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
-  out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
-  return out;
-}
-/**
- * Performs a bezier interpolation with two control points
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the first operand
- * @param {ReadonlyVec3} b the second operand
- * @param {ReadonlyVec3} c the third operand
- * @param {ReadonlyVec3} d the fourth operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec3} out
- */
-
-function bezier(out, a, b, c, d, t) {
-  var inverseFactor = 1 - t;
-  var inverseFactorTimesTwo = inverseFactor * inverseFactor;
-  var factorTimes2 = t * t;
-  var factor1 = inverseFactorTimesTwo * inverseFactor;
-  var factor2 = 3 * t * inverseFactorTimesTwo;
-  var factor3 = 3 * factorTimes2 * inverseFactor;
-  var factor4 = factorTimes2 * t;
-  out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
-  out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
-  out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
-  return out;
-}
-/**
- * Generates a random vector with the given scale
- *
- * @param {vec3} out the receiving vector
- * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
- * @returns {vec3} out
- */
-
-function random(out, scale) {
-  scale = scale || 1.0;
-  var r = RANDOM() * 2.0 * Math.PI;
-  var z = RANDOM() * 2.0 - 1.0;
-  var zScale = Math.sqrt(1.0 - z * z) * scale;
-  out[0] = Math.cos(r) * zScale;
-  out[1] = Math.sin(r) * zScale;
-  out[2] = z * scale;
-  return out;
-}
-/**
- * Transforms the vec3 with a mat4.
- * 4th vector component is implicitly '1'
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to transform
- * @param {ReadonlyMat4} m matrix to transform with
- * @returns {vec3} out
- */
-
-function transformMat4(out, a, m) {
-  var x = a[0],
-      y = a[1],
-      z = a[2];
-  var w = m[3] * x + m[7] * y + m[11] * z + m[15];
-  w = w || 1.0;
-  out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w;
-  out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w;
-  out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;
-  return out;
-}
-/**
- * Transforms the vec3 with a mat3.
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to transform
- * @param {ReadonlyMat3} m the 3x3 matrix to transform with
- * @returns {vec3} out
- */
-
-function transformMat3(out, a, m) {
-  var x = a[0],
-      y = a[1],
-      z = a[2];
-  out[0] = x * m[0] + y * m[3] + z * m[6];
-  out[1] = x * m[1] + y * m[4] + z * m[7];
-  out[2] = x * m[2] + y * m[5] + z * m[8];
-  return out;
-}
-/**
- * Transforms the vec3 with a quat
- * Can also be used for dual quaternions. (Multiply it with the real part)
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec3} a the vector to transform
- * @param {ReadonlyQuat} q quaternion to transform with
- * @returns {vec3} out
- */
-
-function transformQuat(out, a, q) {
-  // benchmarks: https://jsperf.com/quaternion-transform-vec3-implementations-fixed
-  var qx = q[0],
-      qy = q[1],
-      qz = q[2],
-      qw = q[3];
-  var x = a[0],
-      y = a[1],
-      z = a[2]; // var qvec = [qx, qy, qz];
-  // var uv = vec3.cross([], qvec, a);
-
-  var uvx = qy * z - qz * y,
-      uvy = qz * x - qx * z,
-      uvz = qx * y - qy * x; // var uuv = vec3.cross([], qvec, uv);
-
-  var uuvx = qy * uvz - qz * uvy,
-      uuvy = qz * uvx - qx * uvz,
-      uuvz = qx * uvy - qy * uvx; // vec3.scale(uv, uv, 2 * w);
-
-  var w2 = qw * 2;
-  uvx *= w2;
-  uvy *= w2;
-  uvz *= w2; // vec3.scale(uuv, uuv, 2);
-
-  uuvx *= 2;
-  uuvy *= 2;
-  uuvz *= 2; // return vec3.add(out, a, vec3.add(out, uv, uuv));
-
-  out[0] = x + uvx + uuvx;
-  out[1] = y + uvy + uuvy;
-  out[2] = z + uvz + uuvz;
-  return out;
-}
-/**
- * Rotate a 3D vector around the x-axis
- * @param {vec3} out The receiving vec3
- * @param {ReadonlyVec3} a The vec3 point to rotate
- * @param {ReadonlyVec3} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec3} out
- */
-
-function rotateX$1(out, a, b, rad) {
-  var p = [],
-      r = []; //Translate point to the origin
-
-  p[0] = a[0] - b[0];
-  p[1] = a[1] - b[1];
-  p[2] = a[2] - b[2]; //perform rotation
-
-  r[0] = p[0];
-  r[1] = p[1] * Math.cos(rad) - p[2] * Math.sin(rad);
-  r[2] = p[1] * Math.sin(rad) + p[2] * Math.cos(rad); //translate to correct position
-
-  out[0] = r[0] + b[0];
-  out[1] = r[1] + b[1];
-  out[2] = r[2] + b[2];
-  return out;
-}
-/**
- * Rotate a 3D vector around the y-axis
- * @param {vec3} out The receiving vec3
- * @param {ReadonlyVec3} a The vec3 point to rotate
- * @param {ReadonlyVec3} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec3} out
- */
-
-function rotateY$1(out, a, b, rad) {
-  var p = [],
-      r = []; //Translate point to the origin
-
-  p[0] = a[0] - b[0];
-  p[1] = a[1] - b[1];
-  p[2] = a[2] - b[2]; //perform rotation
-
-  r[0] = p[2] * Math.sin(rad) + p[0] * Math.cos(rad);
-  r[1] = p[1];
-  r[2] = p[2] * Math.cos(rad) - p[0] * Math.sin(rad); //translate to correct position
-
-  out[0] = r[0] + b[0];
-  out[1] = r[1] + b[1];
-  out[2] = r[2] + b[2];
-  return out;
-}
-/**
- * Rotate a 3D vector around the z-axis
- * @param {vec3} out The receiving vec3
- * @param {ReadonlyVec3} a The vec3 point to rotate
- * @param {ReadonlyVec3} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec3} out
- */
-
-function rotateZ$1(out, a, b, rad) {
-  var p = [],
-      r = []; //Translate point to the origin
-
-  p[0] = a[0] - b[0];
-  p[1] = a[1] - b[1];
-  p[2] = a[2] - b[2]; //perform rotation
-
-  r[0] = p[0] * Math.cos(rad) - p[1] * Math.sin(rad);
-  r[1] = p[0] * Math.sin(rad) + p[1] * Math.cos(rad);
-  r[2] = p[2]; //translate to correct position
-
-  out[0] = r[0] + b[0];
-  out[1] = r[1] + b[1];
-  out[2] = r[2] + b[2];
-  return out;
-}
-/**
- * Get the angle between two 3D vectors
- * @param {ReadonlyVec3} a The first operand
- * @param {ReadonlyVec3} b The second operand
- * @returns {Number} The angle in radians
- */
-
-function angle(a, b) {
-  var ax = a[0],
-      ay = a[1],
-      az = a[2],
-      bx = b[0],
-      by = b[1],
-      bz = b[2],
-      mag1 = Math.sqrt(ax * ax + ay * ay + az * az),
-      mag2 = Math.sqrt(bx * bx + by * by + bz * bz),
-      mag = mag1 * mag2,
-      cosine = mag && dot(a, b) / mag;
-  return Math.acos(Math.min(Math.max(cosine, -1), 1));
-}
-/**
- * Set the components of a vec3 to zero
- *
- * @param {vec3} out the receiving vector
- * @returns {vec3} out
- */
-
-function zero(out) {
-  out[0] = 0.0;
-  out[1] = 0.0;
-  out[2] = 0.0;
-  return out;
-}
-/**
- * Returns a string representation of a vector
- *
- * @param {ReadonlyVec3} a vector to represent as a string
- * @returns {String} string representation of the vector
- */
-
-function str$2(a) {
-  return "vec3(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
-}
-/**
- * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyVec3} a The first vector.
- * @param {ReadonlyVec3} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-function exactEquals$2(a, b) {
-  return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];
-}
-/**
- * Returns whether or not the vectors have approximately the same elements in the same position.
- *
- * @param {ReadonlyVec3} a The first vector.
- * @param {ReadonlyVec3} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-function equals$3(a, b) {
-  var a0 = a[0],
-      a1 = a[1],
-      a2 = a[2];
-  var b0 = b[0],
-      b1 = b[1],
-      b2 = b[2];
-  return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2));
-}
-/**
- * Alias for {@link vec3.subtract}
- * @function
- */
-
-var sub$2 = subtract$2;
-/**
- * Alias for {@link vec3.multiply}
- * @function
- */
-
-var mul$2 = multiply$2;
-/**
- * Alias for {@link vec3.divide}
- * @function
- */
-
-var div = divide;
-/**
- * Alias for {@link vec3.distance}
- * @function
- */
-
-var dist = distance;
-/**
- * Alias for {@link vec3.squaredDistance}
- * @function
- */
-
-var sqrDist = squaredDistance;
-/**
- * Alias for {@link vec3.length}
- * @function
- */
-
-var len = length;
-/**
- * Alias for {@link vec3.squaredLength}
- * @function
- */
-
-var sqrLen = squaredLength;
-/**
- * Perform some operation over an array of vec3s.
- *
- * @param {Array} a the array of vectors to iterate over
- * @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed
- * @param {Number} offset Number of elements to skip at the beginning of the array
- * @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array
- * @param {Function} fn Function to call for each vector in the array
- * @param {Object} [arg] additional argument to pass to fn
- * @returns {Array} a
- * @function
- */
-
-var forEach = function () {
-  var vec = create$2();
-  return function (a, stride, offset, count, fn, arg) {
-    var i, l;
-
-    if (!stride) {
-      stride = 3;
-    }
-
-    if (!offset) {
-      offset = 0;
-    }
-
-    if (count) {
-      l = Math.min(count * stride + offset, a.length);
-    } else {
-      l = a.length;
-    }
-
-    for (i = offset; i < l; i += stride) {
-      vec[0] = a[i];
-      vec[1] = a[i + 1];
-      vec[2] = a[i + 2];
-      fn(vec, vec, arg);
-      a[i] = vec[0];
-      a[i + 1] = vec[1];
-      a[i + 2] = vec[2];
-    }
-
-    return a;
-  };
-}();
-
-var vec3 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  create: create$2,
-  clone: clone$2,
-  length: length,
-  fromValues: fromValues$2,
-  copy: copy$2,
-  set: set$2,
-  add: add$2,
-  subtract: subtract$2,
-  multiply: multiply$2,
-  divide: divide,
-  ceil: ceil,
-  floor: floor,
-  min: min,
-  max: max,
-  round: round,
-  scale: scale$2,
-  scaleAndAdd: scaleAndAdd,
-  distance: distance,
-  squaredDistance: squaredDistance,
-  squaredLength: squaredLength,
-  negate: negate,
-  inverse: inverse,
-  normalize: normalize,
-  dot: dot,
-  cross: cross,
-  lerp: lerp,
-  hermite: hermite,
-  bezier: bezier,
-  random: random,
-  transformMat4: transformMat4,
-  transformMat3: transformMat3,
-  transformQuat: transformQuat,
-  rotateX: rotateX$1,
-  rotateY: rotateY$1,
-  rotateZ: rotateZ$1,
-  angle: angle,
-  zero: zero,
-  str: str$2,
-  exactEquals: exactEquals$2,
-  equals: equals$3,
-  sub: sub$2,
-  mul: mul$2,
-  div: div,
-  dist: dist,
-  sqrDist: sqrDist,
-  len: len,
-  sqrLen: sqrLen,
-  forEach: forEach
-});
-
-/**
- * 4 Dimensional Vector
- * @module vec4
- */
-
-/**
- * Creates a new, empty vec4
- *
- * @returns {vec4} a new 4D vector
- */
-
-function create$3() {
-  var out = new ARRAY_TYPE(4);
-
-  if (ARRAY_TYPE != Float32Array) {
-    out[0] = 0;
-    out[1] = 0;
-    out[2] = 0;
-    out[3] = 0;
-  }
-
-  return out;
-}
-/**
- * Creates a new vec4 initialized with values from an existing vector
- *
- * @param {ReadonlyVec4} a vector to clone
- * @returns {vec4} a new 4D vector
- */
-
-function clone$3(a) {
-  var out = new ARRAY_TYPE(4);
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  out[3] = a[3];
-  return out;
-}
-/**
- * Creates a new vec4 initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {vec4} a new 4D vector
- */
-
-function fromValues$3(x, y, z, w) {
-  var out = new ARRAY_TYPE(4);
-  out[0] = x;
-  out[1] = y;
-  out[2] = z;
-  out[3] = w;
-  return out;
-}
-/**
- * Copy the values from one vec4 to another
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the source vector
- * @returns {vec4} out
- */
-
-function copy$3(out, a) {
-  out[0] = a[0];
-  out[1] = a[1];
-  out[2] = a[2];
-  out[3] = a[3];
-  return out;
-}
-/**
- * Set the components of a vec4 to the given values
- *
- * @param {vec4} out the receiving vector
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {vec4} out
- */
-
-function set$3(out, x, y, z, w) {
-  out[0] = x;
-  out[1] = y;
-  out[2] = z;
-  out[3] = w;
-  return out;
-}
-/**
- * Adds two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
- */
-
-function add$3(out, a, b) {
-  out[0] = a[0] + b[0];
-  out[1] = a[1] + b[1];
-  out[2] = a[2] + b[2];
-  out[3] = a[3] + b[3];
-  return out;
-}
-/**
- * Subtracts vector b from vector a
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
- */
-
-function subtract$3(out, a, b) {
-  out[0] = a[0] - b[0];
-  out[1] = a[1] - b[1];
-  out[2] = a[2] - b[2];
-  out[3] = a[3] - b[3];
-  return out;
-}
-/**
- * Multiplies two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
- */
-
-function multiply$3(out, a, b) {
-  out[0] = a[0] * b[0];
-  out[1] = a[1] * b[1];
-  out[2] = a[2] * b[2];
-  out[3] = a[3] * b[3];
-  return out;
-}
-/**
- * Divides two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
- */
-
-function divide$1(out, a, b) {
-  out[0] = a[0] / b[0];
-  out[1] = a[1] / b[1];
-  out[2] = a[2] / b[2];
-  out[3] = a[3] / b[3];
-  return out;
-}
-/**
- * Math.ceil the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to ceil
- * @returns {vec4} out
- */
-
-function ceil$1(out, a) {
-  out[0] = Math.ceil(a[0]);
-  out[1] = Math.ceil(a[1]);
-  out[2] = Math.ceil(a[2]);
-  out[3] = Math.ceil(a[3]);
-  return out;
-}
-/**
- * Math.floor the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to floor
- * @returns {vec4} out
- */
-
-function floor$1(out, a) {
-  out[0] = Math.floor(a[0]);
-  out[1] = Math.floor(a[1]);
-  out[2] = Math.floor(a[2]);
-  out[3] = Math.floor(a[3]);
-  return out;
-}
-/**
- * Returns the minimum of two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
- */
-
-function min$1(out, a, b) {
-  out[0] = Math.min(a[0], b[0]);
-  out[1] = Math.min(a[1], b[1]);
-  out[2] = Math.min(a[2], b[2]);
-  out[3] = Math.min(a[3], b[3]);
-  return out;
-}
-/**
- * Returns the maximum of two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {vec4} out
- */
-
-function max$1(out, a, b) {
-  out[0] = Math.max(a[0], b[0]);
-  out[1] = Math.max(a[1], b[1]);
-  out[2] = Math.max(a[2], b[2]);
-  out[3] = Math.max(a[3], b[3]);
-  return out;
-}
-/**
- * Math.round the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to round
- * @returns {vec4} out
- */
-
-function round$1(out, a) {
-  out[0] = Math.round(a[0]);
-  out[1] = Math.round(a[1]);
-  out[2] = Math.round(a[2]);
-  out[3] = Math.round(a[3]);
-  return out;
-}
-/**
- * Scales a vec4 by a scalar number
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {vec4} out
- */
-
-function scale$3(out, a, b) {
-  out[0] = a[0] * b;
-  out[1] = a[1] * b;
-  out[2] = a[2] * b;
-  out[3] = a[3] * b;
-  return out;
-}
-/**
- * Adds two vec4's after scaling the second operand by a scalar value
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @param {Number} scale the amount to scale b by before adding
- * @returns {vec4} out
- */
-
-function scaleAndAdd$1(out, a, b, scale) {
-  out[0] = a[0] + b[0] * scale;
-  out[1] = a[1] + b[1] * scale;
-  out[2] = a[2] + b[2] * scale;
-  out[3] = a[3] + b[3] * scale;
-  return out;
-}
-/**
- * Calculates the euclidian distance between two vec4's
- *
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {Number} distance between a and b
- */
-
-function distance$1(a, b) {
-  var x = b[0] - a[0];
-  var y = b[1] - a[1];
-  var z = b[2] - a[2];
-  var w = b[3] - a[3];
-  return Math.hypot(x, y, z, w);
-}
-/**
- * Calculates the squared euclidian distance between two vec4's
- *
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {Number} squared distance between a and b
- */
-
-function squaredDistance$1(a, b) {
-  var x = b[0] - a[0];
-  var y = b[1] - a[1];
-  var z = b[2] - a[2];
-  var w = b[3] - a[3];
-  return x * x + y * y + z * z + w * w;
-}
-/**
- * Calculates the length of a vec4
- *
- * @param {ReadonlyVec4} a vector to calculate length of
- * @returns {Number} length of a
- */
-
-function length$1(a) {
-  var x = a[0];
-  var y = a[1];
-  var z = a[2];
-  var w = a[3];
-  return Math.hypot(x, y, z, w);
-}
-/**
- * Calculates the squared length of a vec4
- *
- * @param {ReadonlyVec4} a vector to calculate squared length of
- * @returns {Number} squared length of a
- */
-
-function squaredLength$1(a) {
-  var x = a[0];
-  var y = a[1];
-  var z = a[2];
-  var w = a[3];
-  return x * x + y * y + z * z + w * w;
-}
-/**
- * Negates the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to negate
- * @returns {vec4} out
- */
-
-function negate$1(out, a) {
-  out[0] = -a[0];
-  out[1] = -a[1];
-  out[2] = -a[2];
-  out[3] = -a[3];
-  return out;
-}
-/**
- * Returns the inverse of the components of a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to invert
- * @returns {vec4} out
- */
-
-function inverse$1(out, a) {
-  out[0] = 1.0 / a[0];
-  out[1] = 1.0 / a[1];
-  out[2] = 1.0 / a[2];
-  out[3] = 1.0 / a[3];
-  return out;
-}
-/**
- * Normalize a vec4
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a vector to normalize
- * @returns {vec4} out
- */
-
-function normalize$1(out, a) {
-  var x = a[0];
-  var y = a[1];
-  var z = a[2];
-  var w = a[3];
-  var len = x * x + y * y + z * z + w * w;
-
-  if (len > 0) {
-    len = 1 / Math.sqrt(len);
-  }
-
-  out[0] = x * len;
-  out[1] = y * len;
-  out[2] = z * len;
-  out[3] = w * len;
-  return out;
-}
-/**
- * Calculates the dot product of two vec4's
- *
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @returns {Number} dot product of a and b
- */
-
-function dot$1(a, b) {
-  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2] + a[3] * b[3];
-}
-/**
- * Returns the cross-product of three vectors in a 4-dimensional space
- *
- * @param {ReadonlyVec4} result the receiving vector
- * @param {ReadonlyVec4} U the first vector
- * @param {ReadonlyVec4} V the second vector
- * @param {ReadonlyVec4} W the third vector
- * @returns {vec4} result
- */
-
-function cross$1(out, u, v, w) {
-  var A = v[0] * w[1] - v[1] * w[0],
-      B = v[0] * w[2] - v[2] * w[0],
-      C = v[0] * w[3] - v[3] * w[0],
-      D = v[1] * w[2] - v[2] * w[1],
-      E = v[1] * w[3] - v[3] * w[1],
-      F = v[2] * w[3] - v[3] * w[2];
-  var G = u[0];
-  var H = u[1];
-  var I = u[2];
-  var J = u[3];
-  out[0] = H * F - I * E + J * D;
-  out[1] = -(G * F) + I * C - J * B;
-  out[2] = G * E - H * C + J * A;
-  out[3] = -(G * D) + H * B - I * A;
-  return out;
-}
-/**
- * Performs a linear interpolation between two vec4's
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the first operand
- * @param {ReadonlyVec4} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec4} out
- */
-
-function lerp$1(out, a, b, t) {
-  var ax = a[0];
-  var ay = a[1];
-  var az = a[2];
-  var aw = a[3];
-  out[0] = ax + t * (b[0] - ax);
-  out[1] = ay + t * (b[1] - ay);
-  out[2] = az + t * (b[2] - az);
-  out[3] = aw + t * (b[3] - aw);
-  return out;
-}
-/**
- * Generates a random vector with the given scale
- *
- * @param {vec4} out the receiving vector
- * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
- * @returns {vec4} out
- */
-
-function random$1(out, scale) {
-  scale = scale || 1.0; // Marsaglia, George. Choosing a Point from the Surface of a
-  // Sphere. Ann. Math. Statist. 43 (1972), no. 2, 645--646.
-  // http://projecteuclid.org/euclid.aoms/1177692644;
-
-  var v1, v2, v3, v4;
-  var s1, s2;
-
-  do {
-    v1 = RANDOM() * 2 - 1;
-    v2 = RANDOM() * 2 - 1;
-    s1 = v1 * v1 + v2 * v2;
-  } while (s1 >= 1);
-
-  do {
-    v3 = RANDOM() * 2 - 1;
-    v4 = RANDOM() * 2 - 1;
-    s2 = v3 * v3 + v4 * v4;
-  } while (s2 >= 1);
-
-  var d = Math.sqrt((1 - s1) / s2);
-  out[0] = scale * v1;
-  out[1] = scale * v2;
-  out[2] = scale * v3 * d;
-  out[3] = scale * v4 * d;
-  return out;
-}
-/**
- * Transforms the vec4 with a mat4.
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the vector to transform
- * @param {ReadonlyMat4} m matrix to transform with
- * @returns {vec4} out
- */
-
-function transformMat4$1(out, a, m) {
-  var x = a[0],
-      y = a[1],
-      z = a[2],
-      w = a[3];
-  out[0] = m[0] * x + m[4] * y + m[8] * z + m[12] * w;
-  out[1] = m[1] * x + m[5] * y + m[9] * z + m[13] * w;
-  out[2] = m[2] * x + m[6] * y + m[10] * z + m[14] * w;
-  out[3] = m[3] * x + m[7] * y + m[11] * z + m[15] * w;
-  return out;
-}
-/**
- * Transforms the vec4 with a quat
- *
- * @param {vec4} out the receiving vector
- * @param {ReadonlyVec4} a the vector to transform
- * @param {ReadonlyQuat} q quaternion to transform with
- * @returns {vec4} out
- */
-
-function transformQuat$1(out, a, q) {
-  var x = a[0],
-      y = a[1],
-      z = a[2];
-  var qx = q[0],
-      qy = q[1],
-      qz = q[2],
-      qw = q[3]; // calculate quat * vec
-
-  var ix = qw * x + qy * z - qz * y;
-  var iy = qw * y + qz * x - qx * z;
-  var iz = qw * z + qx * y - qy * x;
-  var iw = -qx * x - qy * y - qz * z; // calculate result * inverse quat
-
-  out[0] = ix * qw + iw * -qx + iy * -qz - iz * -qy;
-  out[1] = iy * qw + iw * -qy + iz * -qx - ix * -qz;
-  out[2] = iz * qw + iw * -qz + ix * -qy - iy * -qx;
-  out[3] = a[3];
-  return out;
-}
-/**
- * Set the components of a vec4 to zero
- *
- * @param {vec4} out the receiving vector
- * @returns {vec4} out
- */
-
-function zero$1(out) {
-  out[0] = 0.0;
-  out[1] = 0.0;
-  out[2] = 0.0;
-  out[3] = 0.0;
-  return out;
-}
-/**
- * Returns a string representation of a vector
- *
- * @param {ReadonlyVec4} a vector to represent as a string
- * @returns {String} string representation of the vector
- */
-
-function str$3(a) {
-  return "vec4(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ")";
-}
-/**
- * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyVec4} a The first vector.
- * @param {ReadonlyVec4} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-function exactEquals$3(a, b) {
-  return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3];
-}
-/**
- * Returns whether or not the vectors have approximately the same elements in the same position.
- *
- * @param {ReadonlyVec4} a The first vector.
- * @param {ReadonlyVec4} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-function equals$4(a, b) {
-  var a0 = a[0],
-      a1 = a[1],
-      a2 = a[2],
-      a3 = a[3];
-  var b0 = b[0],
-      b1 = b[1],
-      b2 = b[2],
-      b3 = b[3];
-  return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3));
-}
-/**
- * Alias for {@link vec4.subtract}
- * @function
- */
-
-var sub$3 = subtract$3;
-/**
- * Alias for {@link vec4.multiply}
- * @function
- */
-
-var mul$3 = multiply$3;
-/**
- * Alias for {@link vec4.divide}
- * @function
- */
-
-var div$1 = divide$1;
-/**
- * Alias for {@link vec4.distance}
- * @function
- */
-
-var dist$1 = distance$1;
-/**
- * Alias for {@link vec4.squaredDistance}
- * @function
- */
-
-var sqrDist$1 = squaredDistance$1;
-/**
- * Alias for {@link vec4.length}
- * @function
- */
-
-var len$1 = length$1;
-/**
- * Alias for {@link vec4.squaredLength}
- * @function
- */
-
-var sqrLen$1 = squaredLength$1;
-/**
- * Perform some operation over an array of vec4s.
- *
- * @param {Array} a the array of vectors to iterate over
- * @param {Number} stride Number of elements between the start of each vec4. If 0 assumes tightly packed
- * @param {Number} offset Number of elements to skip at the beginning of the array
- * @param {Number} count Number of vec4s to iterate over. If 0 iterates over entire array
- * @param {Function} fn Function to call for each vector in the array
- * @param {Object} [arg] additional argument to pass to fn
- * @returns {Array} a
- * @function
- */
-
-var forEach$1 = function () {
-  var vec = create$3();
-  return function (a, stride, offset, count, fn, arg) {
-    var i, l;
-
-    if (!stride) {
-      stride = 4;
-    }
-
-    if (!offset) {
-      offset = 0;
-    }
-
-    if (count) {
-      l = Math.min(count * stride + offset, a.length);
-    } else {
-      l = a.length;
-    }
-
-    for (i = offset; i < l; i += stride) {
-      vec[0] = a[i];
-      vec[1] = a[i + 1];
-      vec[2] = a[i + 2];
-      vec[3] = a[i + 3];
-      fn(vec, vec, arg);
-      a[i] = vec[0];
-      a[i + 1] = vec[1];
-      a[i + 2] = vec[2];
-      a[i + 3] = vec[3];
-    }
-
-    return a;
-  };
-}();
-
-var vec4 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  create: create$3,
-  clone: clone$3,
-  fromValues: fromValues$3,
-  copy: copy$3,
-  set: set$3,
-  add: add$3,
-  subtract: subtract$3,
-  multiply: multiply$3,
-  divide: divide$1,
-  ceil: ceil$1,
-  floor: floor$1,
-  min: min$1,
-  max: max$1,
-  round: round$1,
-  scale: scale$3,
-  scaleAndAdd: scaleAndAdd$1,
-  distance: distance$1,
-  squaredDistance: squaredDistance$1,
-  length: length$1,
-  squaredLength: squaredLength$1,
-  negate: negate$1,
-  inverse: inverse$1,
-  normalize: normalize$1,
-  dot: dot$1,
-  cross: cross$1,
-  lerp: lerp$1,
-  random: random$1,
-  transformMat4: transformMat4$1,
-  transformQuat: transformQuat$1,
-  zero: zero$1,
-  str: str$3,
-  exactEquals: exactEquals$3,
-  equals: equals$4,
-  sub: sub$3,
-  mul: mul$3,
-  div: div$1,
-  dist: dist$1,
-  sqrDist: sqrDist$1,
-  len: len$1,
-  sqrLen: sqrLen$1,
-  forEach: forEach$1
-});
-
-/**
- * Quaternion
- * @module quat
- */
-
-/**
- * Creates a new identity quat
- *
- * @returns {quat} a new quaternion
- */
-
-function create$4() {
-  var out = new ARRAY_TYPE(4);
-
-  if (ARRAY_TYPE != Float32Array) {
-    out[0] = 0;
-    out[1] = 0;
-    out[2] = 0;
-  }
-
-  out[3] = 1;
-  return out;
-}
-/**
- * Set a quat to the identity quaternion
- *
- * @param {quat} out the receiving quaternion
- * @returns {quat} out
- */
-
-function identity$2(out) {
-  out[0] = 0;
-  out[1] = 0;
-  out[2] = 0;
-  out[3] = 1;
-  return out;
-}
-/**
- * Sets a quat from the given angle and rotation axis,
- * then returns it.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyVec3} axis the axis around which to rotate
- * @param {Number} rad the angle in radians
- * @returns {quat} out
- **/
-
-function setAxisAngle(out, axis, rad) {
-  rad = rad * 0.5;
-  var s = Math.sin(rad);
-  out[0] = s * axis[0];
-  out[1] = s * axis[1];
-  out[2] = s * axis[2];
-  out[3] = Math.cos(rad);
-  return out;
-}
-/**
- * Gets the rotation axis and angle for a given
- *  quaternion. If a quaternion is created with
- *  setAxisAngle, this method will return the same
- *  values as providied in the original parameter list
- *  OR functionally equivalent values.
- * Example: The quaternion formed by axis [0, 0, 1] and
- *  angle -90 is the same as the quaternion formed by
- *  [0, 0, 1] and 270. This method favors the latter.
- * @param  {vec3} out_axis  Vector receiving the axis of rotation
- * @param  {ReadonlyQuat} q     Quaternion to be decomposed
- * @return {Number}     Angle, in radians, of the rotation
- */
-
-function getAxisAngle(out_axis, q) {
-  var rad = Math.acos(q[3]) * 2.0;
-  var s = Math.sin(rad / 2.0);
-
-  if (s > EPSILON) {
-    out_axis[0] = q[0] / s;
-    out_axis[1] = q[1] / s;
-    out_axis[2] = q[2] / s;
-  } else {
-    // If s is zero, return any axis (no rotation - axis does not matter)
-    out_axis[0] = 1;
-    out_axis[1] = 0;
-    out_axis[2] = 0;
-  }
-
-  return rad;
-}
-/**
- * Gets the angular distance between two unit quaternions
- *
- * @param  {ReadonlyQuat} a     Origin unit quaternion
- * @param  {ReadonlyQuat} b     Destination unit quaternion
- * @return {Number}     Angle, in radians, between the two quaternions
- */
-
-function getAngle(a, b) {
-  var dotproduct = dot$2(a, b);
-  return Math.acos(2 * dotproduct * dotproduct - 1);
-}
-/**
- * Multiplies two quat's
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @returns {quat} out
- */
-
-function multiply$4(out, a, b) {
-  var ax = a[0],
-      ay = a[1],
-      az = a[2],
-      aw = a[3];
-  var bx = b[0],
-      by = b[1],
-      bz = b[2],
-      bw = b[3];
-  out[0] = ax * bw + aw * bx + ay * bz - az * by;
-  out[1] = ay * bw + aw * by + az * bx - ax * bz;
-  out[2] = az * bw + aw * bz + ax * by - ay * bx;
-  out[3] = aw * bw - ax * bx - ay * by - az * bz;
-  return out;
-}
-/**
- * Rotates a quaternion by the given angle about the X axis
- *
- * @param {quat} out quat receiving operation result
- * @param {ReadonlyQuat} a quat to rotate
- * @param {number} rad angle (in radians) to rotate
- * @returns {quat} out
- */
-
-function rotateX$2(out, a, rad) {
-  rad *= 0.5;
-  var ax = a[0],
-      ay = a[1],
-      az = a[2],
-      aw = a[3];
-  var bx = Math.sin(rad),
-      bw = Math.cos(rad);
-  out[0] = ax * bw + aw * bx;
-  out[1] = ay * bw + az * bx;
-  out[2] = az * bw - ay * bx;
-  out[3] = aw * bw - ax * bx;
-  return out;
-}
-/**
- * Rotates a quaternion by the given angle about the Y axis
- *
- * @param {quat} out quat receiving operation result
- * @param {ReadonlyQuat} a quat to rotate
- * @param {number} rad angle (in radians) to rotate
- * @returns {quat} out
- */
-
-function rotateY$2(out, a, rad) {
-  rad *= 0.5;
-  var ax = a[0],
-      ay = a[1],
-      az = a[2],
-      aw = a[3];
-  var by = Math.sin(rad),
-      bw = Math.cos(rad);
-  out[0] = ax * bw - az * by;
-  out[1] = ay * bw + aw * by;
-  out[2] = az * bw + ax * by;
-  out[3] = aw * bw - ay * by;
-  return out;
-}
-/**
- * Rotates a quaternion by the given angle about the Z axis
- *
- * @param {quat} out quat receiving operation result
- * @param {ReadonlyQuat} a quat to rotate
- * @param {number} rad angle (in radians) to rotate
- * @returns {quat} out
- */
-
-function rotateZ$2(out, a, rad) {
-  rad *= 0.5;
-  var ax = a[0],
-      ay = a[1],
-      az = a[2],
-      aw = a[3];
-  var bz = Math.sin(rad),
-      bw = Math.cos(rad);
-  out[0] = ax * bw + ay * bz;
-  out[1] = ay * bw - ax * bz;
-  out[2] = az * bw + aw * bz;
-  out[3] = aw * bw - az * bz;
-  return out;
-}
-/**
- * Calculates the W component of a quat from the X, Y, and Z components.
- * Assumes that quaternion is 1 unit in length.
- * Any existing W component will be ignored.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate W component of
- * @returns {quat} out
- */
-
-function calculateW(out, a) {
-  var x = a[0],
-      y = a[1],
-      z = a[2];
-  out[0] = x;
-  out[1] = y;
-  out[2] = z;
-  out[3] = Math.sqrt(Math.abs(1.0 - x * x - y * y - z * z));
-  return out;
-}
-/**
- * Calculate the exponential of a unit quaternion.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate the exponential of
- * @returns {quat} out
- */
-
-function exp(out, a) {
-  var x = a[0],
-      y = a[1],
-      z = a[2],
-      w = a[3];
-  var r = Math.sqrt(x * x + y * y + z * z);
-  var et = Math.exp(w);
-  var s = r > 0 ? et * Math.sin(r) / r : 0;
-  out[0] = x * s;
-  out[1] = y * s;
-  out[2] = z * s;
-  out[3] = et * Math.cos(r);
-  return out;
-}
-/**
- * Calculate the natural logarithm of a unit quaternion.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate the exponential of
- * @returns {quat} out
- */
-
-function ln(out, a) {
-  var x = a[0],
-      y = a[1],
-      z = a[2],
-      w = a[3];
-  var r = Math.sqrt(x * x + y * y + z * z);
-  var t = r > 0 ? Math.atan2(r, w) / r : 0;
-  out[0] = x * t;
-  out[1] = y * t;
-  out[2] = z * t;
-  out[3] = 0.5 * Math.log(x * x + y * y + z * z + w * w);
-  return out;
-}
-/**
- * Calculate the scalar power of a unit quaternion.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate the exponential of
- * @param {Number} b amount to scale the quaternion by
- * @returns {quat} out
- */
-
-function pow(out, a, b) {
-  ln(out, a);
-  scale$4(out, out, b);
-  exp(out, out);
-  return out;
-}
-/**
- * Performs a spherical linear interpolation between two quat
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {quat} out
- */
-
-function slerp(out, a, b, t) {
-  // benchmarks:
-  //    http://jsperf.com/quaternion-slerp-implementations
-  var ax = a[0],
-      ay = a[1],
-      az = a[2],
-      aw = a[3];
-  var bx = b[0],
-      by = b[1],
-      bz = b[2],
-      bw = b[3];
-  var omega, cosom, sinom, scale0, scale1; // calc cosine
-
-  cosom = ax * bx + ay * by + az * bz + aw * bw; // adjust signs (if necessary)
-
-  if (cosom < 0.0) {
-    cosom = -cosom;
-    bx = -bx;
-    by = -by;
-    bz = -bz;
-    bw = -bw;
-  } // calculate coefficients
-
-
-  if (1.0 - cosom > EPSILON) {
-    // standard case (slerp)
-    omega = Math.acos(cosom);
-    sinom = Math.sin(omega);
-    scale0 = Math.sin((1.0 - t) * omega) / sinom;
-    scale1 = Math.sin(t * omega) / sinom;
-  } else {
-    // "from" and "to" quaternions are very close
-    //  ... so we can do a linear interpolation
-    scale0 = 1.0 - t;
-    scale1 = t;
-  } // calculate final values
-
-
-  out[0] = scale0 * ax + scale1 * bx;
-  out[1] = scale0 * ay + scale1 * by;
-  out[2] = scale0 * az + scale1 * bz;
-  out[3] = scale0 * aw + scale1 * bw;
-  return out;
-}
-/**
- * Generates a random unit quaternion
- *
- * @param {quat} out the receiving quaternion
- * @returns {quat} out
- */
-
-function random$2(out) {
-  // Implementation of http://planning.cs.uiuc.edu/node198.html
-  // TODO: Calling random 3 times is probably not the fastest solution
-  var u1 = RANDOM();
-  var u2 = RANDOM();
-  var u3 = RANDOM();
-  var sqrt1MinusU1 = Math.sqrt(1 - u1);
-  var sqrtU1 = Math.sqrt(u1);
-  out[0] = sqrt1MinusU1 * Math.sin(2.0 * Math.PI * u2);
-  out[1] = sqrt1MinusU1 * Math.cos(2.0 * Math.PI * u2);
-  out[2] = sqrtU1 * Math.sin(2.0 * Math.PI * u3);
-  out[3] = sqrtU1 * Math.cos(2.0 * Math.PI * u3);
-  return out;
-}
-/**
- * Calculates the inverse of a quat
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate inverse of
- * @returns {quat} out
- */
-
-function invert$2(out, a) {
-  var a0 = a[0],
-      a1 = a[1],
-      a2 = a[2],
-      a3 = a[3];
-  var dot = a0 * a0 + a1 * a1 + a2 * a2 + a3 * a3;
-  var invDot = dot ? 1.0 / dot : 0; // TODO: Would be faster to return [0,0,0,0] immediately if dot == 0
-
-  out[0] = -a0 * invDot;
-  out[1] = -a1 * invDot;
-  out[2] = -a2 * invDot;
-  out[3] = a3 * invDot;
-  return out;
-}
-/**
- * Calculates the conjugate of a quat
- * If the quaternion is normalized, this function is faster than quat.inverse and produces the same result.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quat to calculate conjugate of
- * @returns {quat} out
- */
-
-function conjugate(out, a) {
-  out[0] = -a[0];
-  out[1] = -a[1];
-  out[2] = -a[2];
-  out[3] = a[3];
-  return out;
-}
-/**
- * Creates a quaternion from the given 3x3 rotation matrix.
- *
- * NOTE: The resultant quaternion is not normalized, so you should be sure
- * to renormalize the quaternion yourself where necessary.
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyMat3} m rotation matrix
- * @returns {quat} out
- * @function
- */
-
-function fromMat3(out, m) {
-  // Algorithm in Ken Shoemake's article in 1987 SIGGRAPH course notes
-  // article "Quaternion Calculus and Fast Animation".
-  var fTrace = m[0] + m[4] + m[8];
-  var fRoot;
-
-  if (fTrace > 0.0) {
-    // |w| > 1/2, may as well choose w > 1/2
-    fRoot = Math.sqrt(fTrace + 1.0); // 2w
-
-    out[3] = 0.5 * fRoot;
-    fRoot = 0.5 / fRoot; // 1/(4w)
-
-    out[0] = (m[5] - m[7]) * fRoot;
-    out[1] = (m[6] - m[2]) * fRoot;
-    out[2] = (m[1] - m[3]) * fRoot;
-  } else {
-    // |w| <= 1/2
-    var i = 0;
-    if (m[4] > m[0]) i = 1;
-    if (m[8] > m[i * 3 + i]) i = 2;
-    var j = (i + 1) % 3;
-    var k = (i + 2) % 3;
-    fRoot = Math.sqrt(m[i * 3 + i] - m[j * 3 + j] - m[k * 3 + k] + 1.0);
-    out[i] = 0.5 * fRoot;
-    fRoot = 0.5 / fRoot;
-    out[3] = (m[j * 3 + k] - m[k * 3 + j]) * fRoot;
-    out[j] = (m[j * 3 + i] + m[i * 3 + j]) * fRoot;
-    out[k] = (m[k * 3 + i] + m[i * 3 + k]) * fRoot;
-  }
-
-  return out;
-}
-/**
- * Creates a quaternion from the given euler angle x, y, z.
- *
- * @param {quat} out the receiving quaternion
- * @param {x} Angle to rotate around X axis in degrees.
- * @param {y} Angle to rotate around Y axis in degrees.
- * @param {z} Angle to rotate around Z axis in degrees.
- * @returns {quat} out
- * @function
- */
-
-function fromEuler(out, x, y, z) {
-  var halfToRad = 0.5 * Math.PI / 180.0;
-  x *= halfToRad;
-  y *= halfToRad;
-  z *= halfToRad;
-  var sx = Math.sin(x);
-  var cx = Math.cos(x);
-  var sy = Math.sin(y);
-  var cy = Math.cos(y);
-  var sz = Math.sin(z);
-  var cz = Math.cos(z);
-  out[0] = sx * cy * cz - cx * sy * sz;
-  out[1] = cx * sy * cz + sx * cy * sz;
-  out[2] = cx * cy * sz - sx * sy * cz;
-  out[3] = cx * cy * cz + sx * sy * sz;
-  return out;
-}
-/**
- * Returns a string representation of a quatenion
- *
- * @param {ReadonlyQuat} a vector to represent as a string
- * @returns {String} string representation of the vector
- */
-
-function str$4(a) {
-  return "quat(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ")";
-}
-/**
- * Creates a new quat initialized with values from an existing quaternion
- *
- * @param {ReadonlyQuat} a quaternion to clone
- * @returns {quat} a new quaternion
- * @function
- */
-
-var clone$4 = clone$3;
-/**
- * Creates a new quat initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {quat} a new quaternion
- * @function
- */
-
-var fromValues$4 = fromValues$3;
-/**
- * Copy the values from one quat to another
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the source quaternion
- * @returns {quat} out
- * @function
- */
-
-var copy$4 = copy$3;
-/**
- * Set the components of a quat to the given values
- *
- * @param {quat} out the receiving quaternion
- * @param {Number} x X component
- * @param {Number} y Y component
- * @param {Number} z Z component
- * @param {Number} w W component
- * @returns {quat} out
- * @function
- */
-
-var set$4 = set$3;
-/**
- * Adds two quat's
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @returns {quat} out
- * @function
- */
-
-var add$4 = add$3;
-/**
- * Alias for {@link quat.multiply}
- * @function
- */
-
-var mul$4 = multiply$4;
-/**
- * Scales a quat by a scalar number
- *
- * @param {quat} out the receiving vector
- * @param {ReadonlyQuat} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {quat} out
- * @function
- */
-
-var scale$4 = scale$3;
-/**
- * Calculates the dot product of two quat's
- *
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @returns {Number} dot product of a and b
- * @function
- */
-
-var dot$2 = dot$1;
-/**
- * Performs a linear interpolation between two quat's
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {quat} out
- * @function
- */
-
-var lerp$2 = lerp$1;
-/**
- * Calculates the length of a quat
- *
- * @param {ReadonlyQuat} a vector to calculate length of
- * @returns {Number} length of a
- */
-
-var length$2 = length$1;
-/**
- * Alias for {@link quat.length}
- * @function
- */
-
-var len$2 = length$2;
-/**
- * Calculates the squared length of a quat
- *
- * @param {ReadonlyQuat} a vector to calculate squared length of
- * @returns {Number} squared length of a
- * @function
- */
-
-var squaredLength$2 = squaredLength$1;
-/**
- * Alias for {@link quat.squaredLength}
- * @function
- */
-
-var sqrLen$2 = squaredLength$2;
-/**
- * Normalize a quat
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a quaternion to normalize
- * @returns {quat} out
- * @function
- */
-
-var normalize$2 = normalize$1;
-/**
- * Returns whether or not the quaternions have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyQuat} a The first quaternion.
- * @param {ReadonlyQuat} b The second quaternion.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-var exactEquals$4 = exactEquals$3;
-/**
- * Returns whether or not the quaternions have approximately the same elements in the same position.
- *
- * @param {ReadonlyQuat} a The first vector.
- * @param {ReadonlyQuat} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-var equals$5 = equals$4;
-/**
- * Sets a quaternion to represent the shortest rotation from one
- * vector to another.
- *
- * Both vectors are assumed to be unit length.
- *
- * @param {quat} out the receiving quaternion.
- * @param {ReadonlyVec3} a the initial vector
- * @param {ReadonlyVec3} b the destination vector
- * @returns {quat} out
- */
-
-var rotationTo = function () {
-  var tmpvec3 = create$2();
-  var xUnitVec3 = fromValues$2(1, 0, 0);
-  var yUnitVec3 = fromValues$2(0, 1, 0);
-  return function (out, a, b) {
-    var dot$1 = dot(a, b);
-
-    if (dot$1 < -0.999999) {
-      cross(tmpvec3, xUnitVec3, a);
-      if (len(tmpvec3) < 0.000001) cross(tmpvec3, yUnitVec3, a);
-      normalize(tmpvec3, tmpvec3);
-      setAxisAngle(out, tmpvec3, Math.PI);
-      return out;
-    } else if (dot$1 > 0.999999) {
-      out[0] = 0;
-      out[1] = 0;
-      out[2] = 0;
-      out[3] = 1;
-      return out;
-    } else {
-      cross(tmpvec3, a, b);
-      out[0] = tmpvec3[0];
-      out[1] = tmpvec3[1];
-      out[2] = tmpvec3[2];
-      out[3] = 1 + dot$1;
-      return normalize$2(out, out);
-    }
-  };
-}();
-/**
- * Performs a spherical linear interpolation with two control points
- *
- * @param {quat} out the receiving quaternion
- * @param {ReadonlyQuat} a the first operand
- * @param {ReadonlyQuat} b the second operand
- * @param {ReadonlyQuat} c the third operand
- * @param {ReadonlyQuat} d the fourth operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {quat} out
- */
-
-var sqlerp = function () {
-  var temp1 = create$4();
-  var temp2 = create$4();
-  return function (out, a, b, c, d, t) {
-    slerp(temp1, a, d, t);
-    slerp(temp2, b, c, t);
-    slerp(out, temp1, temp2, 2 * t * (1 - t));
-    return out;
-  };
-}();
-/**
- * Sets the specified quaternion with values corresponding to the given
- * axes. Each axis is a vec3 and is expected to be unit length and
- * perpendicular to all other specified axes.
- *
- * @param {ReadonlyVec3} view  the vector representing the viewing direction
- * @param {ReadonlyVec3} right the vector representing the local "right" direction
- * @param {ReadonlyVec3} up    the vector representing the local "up" direction
- * @returns {quat} out
- */
-
-var setAxes = function () {
-  var matr = create();
-  return function (out, view, right, up) {
-    matr[0] = right[0];
-    matr[3] = right[1];
-    matr[6] = right[2];
-    matr[1] = up[0];
-    matr[4] = up[1];
-    matr[7] = up[2];
-    matr[2] = -view[0];
-    matr[5] = -view[1];
-    matr[8] = -view[2];
-    return normalize$2(out, fromMat3(out, matr));
-  };
-}();
-
-var quat = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  create: create$4,
-  identity: identity$2,
-  setAxisAngle: setAxisAngle,
-  getAxisAngle: getAxisAngle,
-  getAngle: getAngle,
-  multiply: multiply$4,
-  rotateX: rotateX$2,
-  rotateY: rotateY$2,
-  rotateZ: rotateZ$2,
-  calculateW: calculateW,
-  exp: exp,
-  ln: ln,
-  pow: pow,
-  slerp: slerp,
-  random: random$2,
-  invert: invert$2,
-  conjugate: conjugate,
-  fromMat3: fromMat3,
-  fromEuler: fromEuler,
-  str: str$4,
-  clone: clone$4,
-  fromValues: fromValues$4,
-  copy: copy$4,
-  set: set$4,
-  add: add$4,
-  mul: mul$4,
-  scale: scale$4,
-  dot: dot$2,
-  lerp: lerp$2,
-  length: length$2,
-  len: len$2,
-  squaredLength: squaredLength$2,
-  sqrLen: sqrLen$2,
-  normalize: normalize$2,
-  exactEquals: exactEquals$4,
-  equals: equals$5,
-  rotationTo: rotationTo,
-  sqlerp: sqlerp,
-  setAxes: setAxes
-});
-
-/**
- * 2 Dimensional Vector
- * @module vec2
- */
-
-/**
- * Creates a new, empty vec2
- *
- * @returns {vec2} a new 2D vector
- */
-
-function create$5() {
-  var out = new ARRAY_TYPE(2);
-
-  if (ARRAY_TYPE != Float32Array) {
-    out[0] = 0;
-    out[1] = 0;
-  }
-
-  return out;
-}
-/**
- * Creates a new vec2 initialized with values from an existing vector
- *
- * @param {ReadonlyVec2} a vector to clone
- * @returns {vec2} a new 2D vector
- */
-
-function clone$5(a) {
-  var out = new ARRAY_TYPE(2);
-  out[0] = a[0];
-  out[1] = a[1];
-  return out;
-}
-/**
- * Creates a new vec2 initialized with the given values
- *
- * @param {Number} x X component
- * @param {Number} y Y component
- * @returns {vec2} a new 2D vector
- */
-
-function fromValues$5(x, y) {
-  var out = new ARRAY_TYPE(2);
-  out[0] = x;
-  out[1] = y;
-  return out;
-}
-/**
- * Copy the values from one vec2 to another
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the source vector
- * @returns {vec2} out
- */
-
-function copy$5(out, a) {
-  out[0] = a[0];
-  out[1] = a[1];
-  return out;
-}
-/**
- * Set the components of a vec2 to the given values
- *
- * @param {vec2} out the receiving vector
- * @param {Number} x X component
- * @param {Number} y Y component
- * @returns {vec2} out
- */
-
-function set$5(out, x, y) {
-  out[0] = x;
-  out[1] = y;
-  return out;
-}
-/**
- * Adds two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
- */
-
-function add$5(out, a, b) {
-  out[0] = a[0] + b[0];
-  out[1] = a[1] + b[1];
-  return out;
-}
-/**
- * Subtracts vector b from vector a
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
- */
-
-function subtract$4(out, a, b) {
-  out[0] = a[0] - b[0];
-  out[1] = a[1] - b[1];
-  return out;
-}
-/**
- * Multiplies two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
- */
-
-function multiply$5(out, a, b) {
-  out[0] = a[0] * b[0];
-  out[1] = a[1] * b[1];
-  return out;
-}
-/**
- * Divides two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
- */
-
-function divide$2(out, a, b) {
-  out[0] = a[0] / b[0];
-  out[1] = a[1] / b[1];
-  return out;
-}
-/**
- * Math.ceil the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to ceil
- * @returns {vec2} out
- */
-
-function ceil$2(out, a) {
-  out[0] = Math.ceil(a[0]);
-  out[1] = Math.ceil(a[1]);
-  return out;
-}
-/**
- * Math.floor the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to floor
- * @returns {vec2} out
- */
-
-function floor$2(out, a) {
-  out[0] = Math.floor(a[0]);
-  out[1] = Math.floor(a[1]);
-  return out;
-}
-/**
- * Returns the minimum of two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
- */
-
-function min$2(out, a, b) {
-  out[0] = Math.min(a[0], b[0]);
-  out[1] = Math.min(a[1], b[1]);
-  return out;
-}
-/**
- * Returns the maximum of two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec2} out
- */
-
-function max$2(out, a, b) {
-  out[0] = Math.max(a[0], b[0]);
-  out[1] = Math.max(a[1], b[1]);
-  return out;
-}
-/**
- * Math.round the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to round
- * @returns {vec2} out
- */
-
-function round$2(out, a) {
-  out[0] = Math.round(a[0]);
-  out[1] = Math.round(a[1]);
-  return out;
-}
-/**
- * Scales a vec2 by a scalar number
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to scale
- * @param {Number} b amount to scale the vector by
- * @returns {vec2} out
- */
-
-function scale$5(out, a, b) {
-  out[0] = a[0] * b;
-  out[1] = a[1] * b;
-  return out;
-}
-/**
- * Adds two vec2's after scaling the second operand by a scalar value
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @param {Number} scale the amount to scale b by before adding
- * @returns {vec2} out
- */
-
-function scaleAndAdd$2(out, a, b, scale) {
-  out[0] = a[0] + b[0] * scale;
-  out[1] = a[1] + b[1] * scale;
-  return out;
-}
-/**
- * Calculates the euclidian distance between two vec2's
- *
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {Number} distance between a and b
- */
-
-function distance$2(a, b) {
-  var x = b[0] - a[0],
-      y = b[1] - a[1];
-  return Math.hypot(x, y);
-}
-/**
- * Calculates the squared euclidian distance between two vec2's
- *
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {Number} squared distance between a and b
- */
-
-function squaredDistance$2(a, b) {
-  var x = b[0] - a[0],
-      y = b[1] - a[1];
-  return x * x + y * y;
-}
-/**
- * Calculates the length of a vec2
- *
- * @param {ReadonlyVec2} a vector to calculate length of
- * @returns {Number} length of a
- */
-
-function length$3(a) {
-  var x = a[0],
-      y = a[1];
-  return Math.hypot(x, y);
-}
-/**
- * Calculates the squared length of a vec2
- *
- * @param {ReadonlyVec2} a vector to calculate squared length of
- * @returns {Number} squared length of a
- */
-
-function squaredLength$3(a) {
-  var x = a[0],
-      y = a[1];
-  return x * x + y * y;
-}
-/**
- * Negates the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to negate
- * @returns {vec2} out
- */
-
-function negate$2(out, a) {
-  out[0] = -a[0];
-  out[1] = -a[1];
-  return out;
-}
-/**
- * Returns the inverse of the components of a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to invert
- * @returns {vec2} out
- */
-
-function inverse$2(out, a) {
-  out[0] = 1.0 / a[0];
-  out[1] = 1.0 / a[1];
-  return out;
-}
-/**
- * Normalize a vec2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a vector to normalize
- * @returns {vec2} out
- */
-
-function normalize$3(out, a) {
-  var x = a[0],
-      y = a[1];
-  var len = x * x + y * y;
-
-  if (len > 0) {
-    //TODO: evaluate use of glm_invsqrt here?
-    len = 1 / Math.sqrt(len);
-  }
-
-  out[0] = a[0] * len;
-  out[1] = a[1] * len;
-  return out;
-}
-/**
- * Calculates the dot product of two vec2's
- *
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {Number} dot product of a and b
- */
-
-function dot$3(a, b) {
-  return a[0] * b[0] + a[1] * b[1];
-}
-/**
- * Computes the cross product of two vec2's
- * Note that the cross product must by definition produce a 3D vector
- *
- * @param {vec3} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @returns {vec3} out
- */
-
-function cross$2(out, a, b) {
-  var z = a[0] * b[1] - a[1] * b[0];
-  out[0] = out[1] = 0;
-  out[2] = z;
-  return out;
-}
-/**
- * Performs a linear interpolation between two vec2's
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the first operand
- * @param {ReadonlyVec2} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {vec2} out
- */
-
-function lerp$3(out, a, b, t) {
-  var ax = a[0],
-      ay = a[1];
-  out[0] = ax + t * (b[0] - ax);
-  out[1] = ay + t * (b[1] - ay);
-  return out;
-}
-/**
- * Generates a random vector with the given scale
- *
- * @param {vec2} out the receiving vector
- * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
- * @returns {vec2} out
- */
-
-function random$3(out, scale) {
-  scale = scale || 1.0;
-  var r = RANDOM() * 2.0 * Math.PI;
-  out[0] = Math.cos(r) * scale;
-  out[1] = Math.sin(r) * scale;
-  return out;
-}
-/**
- * Transforms the vec2 with a mat2
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat2} m matrix to transform with
- * @returns {vec2} out
- */
-
-function transformMat2(out, a, m) {
-  var x = a[0],
-      y = a[1];
-  out[0] = m[0] * x + m[2] * y;
-  out[1] = m[1] * x + m[3] * y;
-  return out;
-}
-/**
- * Transforms the vec2 with a mat2d
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat2d} m matrix to transform with
- * @returns {vec2} out
- */
-
-function transformMat2d(out, a, m) {
-  var x = a[0],
-      y = a[1];
-  out[0] = m[0] * x + m[2] * y + m[4];
-  out[1] = m[1] * x + m[3] * y + m[5];
-  return out;
-}
-/**
- * Transforms the vec2 with a mat3
- * 3rd vector component is implicitly '1'
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat3} m matrix to transform with
- * @returns {vec2} out
- */
-
-function transformMat3$1(out, a, m) {
-  var x = a[0],
-      y = a[1];
-  out[0] = m[0] * x + m[3] * y + m[6];
-  out[1] = m[1] * x + m[4] * y + m[7];
-  return out;
-}
-/**
- * Transforms the vec2 with a mat4
- * 3rd vector component is implicitly '0'
- * 4th vector component is implicitly '1'
- *
- * @param {vec2} out the receiving vector
- * @param {ReadonlyVec2} a the vector to transform
- * @param {ReadonlyMat4} m matrix to transform with
- * @returns {vec2} out
- */
-
-function transformMat4$2(out, a, m) {
-  var x = a[0];
-  var y = a[1];
-  out[0] = m[0] * x + m[4] * y + m[12];
-  out[1] = m[1] * x + m[5] * y + m[13];
-  return out;
-}
-/**
- * Rotate a 2D vector
- * @param {vec2} out The receiving vec2
- * @param {ReadonlyVec2} a The vec2 point to rotate
- * @param {ReadonlyVec2} b The origin of the rotation
- * @param {Number} rad The angle of rotation in radians
- * @returns {vec2} out
- */
-
-function rotate$2(out, a, b, rad) {
-  //Translate point to the origin
-  var p0 = a[0] - b[0],
-      p1 = a[1] - b[1],
-      sinC = Math.sin(rad),
-      cosC = Math.cos(rad); //perform rotation and translate to correct position
-
-  out[0] = p0 * cosC - p1 * sinC + b[0];
-  out[1] = p0 * sinC + p1 * cosC + b[1];
-  return out;
-}
-/**
- * Get the angle between two 2D vectors
- * @param {ReadonlyVec2} a The first operand
- * @param {ReadonlyVec2} b The second operand
- * @returns {Number} The angle in radians
- */
-
-function angle$1(a, b) {
-  var x1 = a[0],
-      y1 = a[1],
-      x2 = b[0],
-      y2 = b[1],
-      // mag is the product of the magnitudes of a and b
-  mag = Math.sqrt(x1 * x1 + y1 * y1) * Math.sqrt(x2 * x2 + y2 * y2),
-      // mag &&.. short circuits if mag == 0
-  cosine = mag && (x1 * x2 + y1 * y2) / mag; // Math.min(Math.max(cosine, -1), 1) clamps the cosine between -1 and 1
-
-  return Math.acos(Math.min(Math.max(cosine, -1), 1));
-}
-/**
- * Set the components of a vec2 to zero
- *
- * @param {vec2} out the receiving vector
- * @returns {vec2} out
- */
-
-function zero$2(out) {
-  out[0] = 0.0;
-  out[1] = 0.0;
-  return out;
-}
-/**
- * Returns a string representation of a vector
- *
- * @param {ReadonlyVec2} a vector to represent as a string
- * @returns {String} string representation of the vector
- */
-
-function str$5(a) {
-  return "vec2(" + a[0] + ", " + a[1] + ")";
-}
-/**
- * Returns whether or not the vectors exactly have the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyVec2} a The first vector.
- * @param {ReadonlyVec2} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-function exactEquals$5(a, b) {
-  return a[0] === b[0] && a[1] === b[1];
-}
-/**
- * Returns whether or not the vectors have approximately the same elements in the same position.
- *
- * @param {ReadonlyVec2} a The first vector.
- * @param {ReadonlyVec2} b The second vector.
- * @returns {Boolean} True if the vectors are equal, false otherwise.
- */
-
-function equals$6(a, b) {
-  var a0 = a[0],
-      a1 = a[1];
-  var b0 = b[0],
-      b1 = b[1];
-  return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1));
-}
-/**
- * Alias for {@link vec2.length}
- * @function
- */
-
-var len$3 = length$3;
-/**
- * Alias for {@link vec2.subtract}
- * @function
- */
-
-var sub$4 = subtract$4;
-/**
- * Alias for {@link vec2.multiply}
- * @function
- */
-
-var mul$5 = multiply$5;
-/**
- * Alias for {@link vec2.divide}
- * @function
- */
-
-var div$2 = divide$2;
-/**
- * Alias for {@link vec2.distance}
- * @function
- */
-
-var dist$2 = distance$2;
-/**
- * Alias for {@link vec2.squaredDistance}
- * @function
- */
-
-var sqrDist$2 = squaredDistance$2;
-/**
- * Alias for {@link vec2.squaredLength}
- * @function
- */
-
-var sqrLen$3 = squaredLength$3;
-/**
- * Perform some operation over an array of vec2s.
- *
- * @param {Array} a the array of vectors to iterate over
- * @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
- * @param {Number} offset Number of elements to skip at the beginning of the array
- * @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
- * @param {Function} fn Function to call for each vector in the array
- * @param {Object} [arg] additional argument to pass to fn
- * @returns {Array} a
- * @function
- */
-
-var forEach$2 = function () {
-  var vec = create$5();
-  return function (a, stride, offset, count, fn, arg) {
-    var i, l;
-
-    if (!stride) {
-      stride = 2;
-    }
-
-    if (!offset) {
-      offset = 0;
-    }
-
-    if (count) {
-      l = Math.min(count * stride + offset, a.length);
-    } else {
-      l = a.length;
-    }
-
-    for (i = offset; i < l; i += stride) {
-      vec[0] = a[i];
-      vec[1] = a[i + 1];
-      fn(vec, vec, arg);
-      a[i] = vec[0];
-      a[i + 1] = vec[1];
-    }
-
-    return a;
-  };
-}();
-
-var vec2 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  create: create$5,
-  clone: clone$5,
-  fromValues: fromValues$5,
-  copy: copy$5,
-  set: set$5,
-  add: add$5,
-  subtract: subtract$4,
-  multiply: multiply$5,
-  divide: divide$2,
-  ceil: ceil$2,
-  floor: floor$2,
-  min: min$2,
-  max: max$2,
-  round: round$2,
-  scale: scale$5,
-  scaleAndAdd: scaleAndAdd$2,
-  distance: distance$2,
-  squaredDistance: squaredDistance$2,
-  length: length$3,
-  squaredLength: squaredLength$3,
-  negate: negate$2,
-  inverse: inverse$2,
-  normalize: normalize$3,
-  dot: dot$3,
-  cross: cross$2,
-  lerp: lerp$3,
-  random: random$3,
-  transformMat2: transformMat2,
-  transformMat2d: transformMat2d,
-  transformMat3: transformMat3$1,
-  transformMat4: transformMat4$2,
-  rotate: rotate$2,
-  angle: angle$1,
-  zero: zero$2,
-  str: str$5,
-  exactEquals: exactEquals$5,
-  equals: equals$6,
-  len: len$3,
-  sub: sub$4,
-  mul: mul$5,
-  div: div$2,
-  dist: dist$2,
-  sqrDist: sqrDist$2,
-  sqrLen: sqrLen$3,
-  forEach: forEach$2
-});
-
-export { ARRAY_TYPE as A, getRotation as B, getTranslation as C, copy$4 as D, EPSILON as E, rotateX$2 as F, rotateY$2 as G, rotateZ$2 as H, dot$2 as I, length$2 as J, squaredLength$2 as K, mat3 as L, mat4 as M, quat as N, vec2 as O, vec3 as P, vec4 as Q, create$1 as a, copy$1 as b, create$2 as c, frustum as d, create$5 as e, fromValues$2 as f, distance$2 as g, set$5 as h, invert$1 as i, copy$5 as j, create$4 as k, lookAt as l, copy$2 as m, subtract$2 as n, ortho as o, perspective as p, length as q, sub$2 as r, subtract$4 as s, add$2 as t, scale$2 as u, transformQuat as v, rotationTo as w, invert$2 as x, glMatrix as y, zero$2 as z };
diff --git a/web_modules/es-module-shims.js b/web_modules/es-module-shims.js
index f5e7291..a3a0dc5 100644
--- a/web_modules/es-module-shims.js
+++ b/web_modules/es-module-shims.js
@@ -1,2561 +1,787 @@
-var global = (typeof global !== "undefined" ? global :
-  typeof self !== "undefined" ? self :
-  typeof window !== "undefined" ? window : {});
-
-var lookup = [];
-var revLookup = [];
-var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array;
-var inited = false;
-function init () {
-  inited = true;
-  var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-  for (var i = 0, len = code.length; i < len; ++i) {
-    lookup[i] = code[i];
-    revLookup[code.charCodeAt(i)] = i;
-  }
-
-  revLookup['-'.charCodeAt(0)] = 62;
-  revLookup['_'.charCodeAt(0)] = 63;
-}
-
-function toByteArray (b64) {
-  if (!inited) {
-    init();
-  }
-  var i, j, l, tmp, placeHolders, arr;
-  var len = b64.length;
-
-  if (len % 4 > 0) {
-    throw new Error('Invalid string. Length must be a multiple of 4')
-  }
-
-  // the number of equal signs (place holders)
-  // if there are two placeholders, than the two characters before it
-  // represent one byte
-  // if there is only one, then the three characters before it represent 2 bytes
-  // this is just a cheap hack to not do indexOf twice
-  placeHolders = b64[len - 2] === '=' ? 2 : b64[len - 1] === '=' ? 1 : 0;
-
-  // base64 is 4/3 + up to two characters of the original data
-  arr = new Arr(len * 3 / 4 - placeHolders);
-
-  // if there are placeholders, only get up to the last complete 4 chars
-  l = placeHolders > 0 ? len - 4 : len;
-
-  var L = 0;
-
-  for (i = 0, j = 0; i < l; i += 4, j += 3) {
-    tmp = (revLookup[b64.charCodeAt(i)] << 18) | (revLookup[b64.charCodeAt(i + 1)] << 12) | (revLookup[b64.charCodeAt(i + 2)] << 6) | revLookup[b64.charCodeAt(i + 3)];
-    arr[L++] = (tmp >> 16) & 0xFF;
-    arr[L++] = (tmp >> 8) & 0xFF;
-    arr[L++] = tmp & 0xFF;
-  }
-
-  if (placeHolders === 2) {
-    tmp = (revLookup[b64.charCodeAt(i)] << 2) | (revLookup[b64.charCodeAt(i + 1)] >> 4);
-    arr[L++] = tmp & 0xFF;
-  } else if (placeHolders === 1) {
-    tmp = (revLookup[b64.charCodeAt(i)] << 10) | (revLookup[b64.charCodeAt(i + 1)] << 4) | (revLookup[b64.charCodeAt(i + 2)] >> 2);
-    arr[L++] = (tmp >> 8) & 0xFF;
-    arr[L++] = tmp & 0xFF;
-  }
-
-  return arr
-}
-
-function tripletToBase64 (num) {
-  return lookup[num >> 18 & 0x3F] + lookup[num >> 12 & 0x3F] + lookup[num >> 6 & 0x3F] + lookup[num & 0x3F]
-}
-
-function encodeChunk (uint8, start, end) {
-  var tmp;
-  var output = [];
-  for (var i = start; i < end; i += 3) {
-    tmp = (uint8[i] << 16) + (uint8[i + 1] << 8) + (uint8[i + 2]);
-    output.push(tripletToBase64(tmp));
-  }
-  return output.join('')
-}
-
-function fromByteArray (uint8) {
-  if (!inited) {
-    init();
-  }
-  var tmp;
-  var len = uint8.length;
-  var extraBytes = len % 3; // if we have 1 byte left, pad 2 bytes
-  var output = '';
-  var parts = [];
-  var maxChunkLength = 16383; // must be multiple of 3
-
-  // go through the array every three bytes, we'll deal with trailing stuff later
-  for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) {
-    parts.push(encodeChunk(uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength)));
-  }
-
-  // pad the end with zeros, but make sure to not forget the extra bytes
-  if (extraBytes === 1) {
-    tmp = uint8[len - 1];
-    output += lookup[tmp >> 2];
-    output += lookup[(tmp << 4) & 0x3F];
-    output += '==';
-  } else if (extraBytes === 2) {
-    tmp = (uint8[len - 2] << 8) + (uint8[len - 1]);
-    output += lookup[tmp >> 10];
-    output += lookup[(tmp >> 4) & 0x3F];
-    output += lookup[(tmp << 2) & 0x3F];
-    output += '=';
-  }
-
-  parts.push(output);
-
-  return parts.join('')
-}
-
-function read (buffer, offset, isLE, mLen, nBytes) {
-  var e, m;
-  var eLen = nBytes * 8 - mLen - 1;
-  var eMax = (1 << eLen) - 1;
-  var eBias = eMax >> 1;
-  var nBits = -7;
-  var i = isLE ? (nBytes - 1) : 0;
-  var d = isLE ? -1 : 1;
-  var s = buffer[offset + i];
-
-  i += d;
-
-  e = s & ((1 << (-nBits)) - 1);
-  s >>= (-nBits);
-  nBits += eLen;
-  for (; nBits > 0; e = e * 256 + buffer[offset + i], i += d, nBits -= 8) {}
-
-  m = e & ((1 << (-nBits)) - 1);
-  e >>= (-nBits);
-  nBits += mLen;
-  for (; nBits > 0; m = m * 256 + buffer[offset + i], i += d, nBits -= 8) {}
-
-  if (e === 0) {
-    e = 1 - eBias;
-  } else if (e === eMax) {
-    return m ? NaN : ((s ? -1 : 1) * Infinity)
-  } else {
-    m = m + Math.pow(2, mLen);
-    e = e - eBias;
-  }
-  return (s ? -1 : 1) * m * Math.pow(2, e - mLen)
-}
-
-function write (buffer, value, offset, isLE, mLen, nBytes) {
-  var e, m, c;
-  var eLen = nBytes * 8 - mLen - 1;
-  var eMax = (1 << eLen) - 1;
-  var eBias = eMax >> 1;
-  var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0);
-  var i = isLE ? 0 : (nBytes - 1);
-  var d = isLE ? 1 : -1;
-  var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0;
-
-  value = Math.abs(value);
-
-  if (isNaN(value) || value === Infinity) {
-    m = isNaN(value) ? 1 : 0;
-    e = eMax;
-  } else {
-    e = Math.floor(Math.log(value) / Math.LN2);
-    if (value * (c = Math.pow(2, -e)) < 1) {
-      e--;
-      c *= 2;
-    }
-    if (e + eBias >= 1) {
-      value += rt / c;
-    } else {
-      value += rt * Math.pow(2, 1 - eBias);
-    }
-    if (value * c >= 2) {
-      e++;
-      c /= 2;
-    }
-
-    if (e + eBias >= eMax) {
-      m = 0;
-      e = eMax;
-    } else if (e + eBias >= 1) {
-      m = (value * c - 1) * Math.pow(2, mLen);
-      e = e + eBias;
-    } else {
-      m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen);
-      e = 0;
-    }
-  }
-
-  for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {}
-
-  e = (e << mLen) | m;
-  eLen += mLen;
-  for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {}
-
-  buffer[offset + i - d] |= s * 128;
-}
-
-var toString = {}.toString;
-
-var isArray = Array.isArray || function (arr) {
-  return toString.call(arr) == '[object Array]';
-};
-
-/*!
- * The buffer module from node.js, for the browser.
- *
- * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
- * @license  MIT
- */
-
-var INSPECT_MAX_BYTES = 50;
-
-/**
- * If `Buffer.TYPED_ARRAY_SUPPORT`:
- *   === true    Use Uint8Array implementation (fastest)
- *   === false   Use Object implementation (most compatible, even IE6)
- *
- * Browsers that support typed arrays are IE 10+, Firefox 4+, Chrome 7+, Safari 5.1+,
- * Opera 11.6+, iOS 4.2+.
- *
- * Due to various browser bugs, sometimes the Object implementation will be used even
- * when the browser supports typed arrays.
- *
- * Note:
- *
- *   - Firefox 4-29 lacks support for adding new properties to `Uint8Array` instances,
- *     See: https://bugzilla.mozilla.org/show_bug.cgi?id=695438.
- *
- *   - Chrome 9-10 is missing the `TypedArray.prototype.subarray` function.
- *
- *   - IE10 has a broken `TypedArray.prototype.subarray` function which returns arrays of
- *     incorrect length in some situations.
-
- * We detect these buggy browsers and set `Buffer.TYPED_ARRAY_SUPPORT` to `false` so they
- * get the Object implementation, which is slower but behaves correctly.
- */
-Buffer.TYPED_ARRAY_SUPPORT = global.TYPED_ARRAY_SUPPORT !== undefined
-  ? global.TYPED_ARRAY_SUPPORT
-  : true;
-
-function kMaxLength () {
-  return Buffer.TYPED_ARRAY_SUPPORT
-    ? 0x7fffffff
-    : 0x3fffffff
-}
-
-function createBuffer (that, length) {
-  if (kMaxLength() < length) {
-    throw new RangeError('Invalid typed array length')
-  }
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    // Return an augmented `Uint8Array` instance, for best performance
-    that = new Uint8Array(length);
-    that.__proto__ = Buffer.prototype;
-  } else {
-    // Fallback: Return an object instance of the Buffer class
-    if (that === null) {
-      that = new Buffer(length);
-    }
-    that.length = length;
-  }
-
-  return that
-}
-
-/**
- * The Buffer constructor returns instances of `Uint8Array` that have their
- * prototype changed to `Buffer.prototype`. Furthermore, `Buffer` is a subclass of
- * `Uint8Array`, so the returned instances will have all the node `Buffer` methods
- * and the `Uint8Array` methods. Square bracket notation works as expected -- it
- * returns a single octet.
- *
- * The `Uint8Array` prototype remains unmodified.
- */
-
-function Buffer (arg, encodingOrOffset, length) {
-  if (!Buffer.TYPED_ARRAY_SUPPORT && !(this instanceof Buffer)) {
-    return new Buffer(arg, encodingOrOffset, length)
-  }
-
-  // Common case.
-  if (typeof arg === 'number') {
-    if (typeof encodingOrOffset === 'string') {
-      throw new Error(
-        'If encoding is specified then the first argument must be a string'
-      )
-    }
-    return allocUnsafe(this, arg)
-  }
-  return from(this, arg, encodingOrOffset, length)
-}
-
-Buffer.poolSize = 8192; // not used by this implementation
-
-// TODO: Legacy, not needed anymore. Remove in next major version.
-Buffer._augment = function (arr) {
-  arr.__proto__ = Buffer.prototype;
-  return arr
-};
-
-function from (that, value, encodingOrOffset, length) {
-  if (typeof value === 'number') {
-    throw new TypeError('"value" argument must not be a number')
-  }
-
-  if (typeof ArrayBuffer !== 'undefined' && value instanceof ArrayBuffer) {
-    return fromArrayBuffer(that, value, encodingOrOffset, length)
-  }
-
-  if (typeof value === 'string') {
-    return fromString(that, value, encodingOrOffset)
-  }
-
-  return fromObject(that, value)
-}
-
-/**
- * Functionally equivalent to Buffer(arg, encoding) but throws a TypeError
- * if value is a number.
- * Buffer.from(str[, encoding])
- * Buffer.from(array)
- * Buffer.from(buffer)
- * Buffer.from(arrayBuffer[, byteOffset[, length]])
- **/
-Buffer.from = function (value, encodingOrOffset, length) {
-  return from(null, value, encodingOrOffset, length)
-};
-
-if (Buffer.TYPED_ARRAY_SUPPORT) {
-  Buffer.prototype.__proto__ = Uint8Array.prototype;
-  Buffer.__proto__ = Uint8Array;
-}
-
-function assertSize (size) {
-  if (typeof size !== 'number') {
-    throw new TypeError('"size" argument must be a number')
-  } else if (size < 0) {
-    throw new RangeError('"size" argument must not be negative')
-  }
-}
-
-function alloc (that, size, fill, encoding) {
-  assertSize(size);
-  if (size <= 0) {
-    return createBuffer(that, size)
-  }
-  if (fill !== undefined) {
-    // Only pay attention to encoding if it's a string. This
-    // prevents accidentally sending in a number that would
-    // be interpretted as a start offset.
-    return typeof encoding === 'string'
-      ? createBuffer(that, size).fill(fill, encoding)
-      : createBuffer(that, size).fill(fill)
-  }
-  return createBuffer(that, size)
-}
-
-/**
- * Creates a new filled Buffer instance.
- * alloc(size[, fill[, encoding]])
- **/
-Buffer.alloc = function (size, fill, encoding) {
-  return alloc(null, size, fill, encoding)
-};
-
-function allocUnsafe (that, size) {
-  assertSize(size);
-  that = createBuffer(that, size < 0 ? 0 : checked(size) | 0);
-  if (!Buffer.TYPED_ARRAY_SUPPORT) {
-    for (var i = 0; i < size; ++i) {
-      that[i] = 0;
-    }
-  }
-  return that
-}
-
-/**
- * Equivalent to Buffer(num), by default creates a non-zero-filled Buffer instance.
- * */
-Buffer.allocUnsafe = function (size) {
-  return allocUnsafe(null, size)
-};
-/**
- * Equivalent to SlowBuffer(num), by default creates a non-zero-filled Buffer instance.
- */
-Buffer.allocUnsafeSlow = function (size) {
-  return allocUnsafe(null, size)
-};
-
-function fromString (that, string, encoding) {
-  if (typeof encoding !== 'string' || encoding === '') {
-    encoding = 'utf8';
-  }
-
-  if (!Buffer.isEncoding(encoding)) {
-    throw new TypeError('"encoding" must be a valid string encoding')
-  }
-
-  var length = byteLength(string, encoding) | 0;
-  that = createBuffer(that, length);
-
-  var actual = that.write(string, encoding);
-
-  if (actual !== length) {
-    // Writing a hex string, for example, that contains invalid characters will
-    // cause everything after the first invalid character to be ignored. (e.g.
-    // 'abxxcd' will be treated as 'ab')
-    that = that.slice(0, actual);
-  }
-
-  return that
-}
-
-function fromArrayLike (that, array) {
-  var length = array.length < 0 ? 0 : checked(array.length) | 0;
-  that = createBuffer(that, length);
-  for (var i = 0; i < length; i += 1) {
-    that[i] = array[i] & 255;
-  }
-  return that
-}
-
-function fromArrayBuffer (that, array, byteOffset, length) {
-  array.byteLength; // this throws if `array` is not a valid ArrayBuffer
-
-  if (byteOffset < 0 || array.byteLength < byteOffset) {
-    throw new RangeError('\'offset\' is out of bounds')
-  }
-
-  if (array.byteLength < byteOffset + (length || 0)) {
-    throw new RangeError('\'length\' is out of bounds')
-  }
-
-  if (byteOffset === undefined && length === undefined) {
-    array = new Uint8Array(array);
-  } else if (length === undefined) {
-    array = new Uint8Array(array, byteOffset);
-  } else {
-    array = new Uint8Array(array, byteOffset, length);
-  }
-
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    // Return an augmented `Uint8Array` instance, for best performance
-    that = array;
-    that.__proto__ = Buffer.prototype;
-  } else {
-    // Fallback: Return an object instance of the Buffer class
-    that = fromArrayLike(that, array);
-  }
-  return that
-}
-
-function fromObject (that, obj) {
-  if (internalIsBuffer(obj)) {
-    var len = checked(obj.length) | 0;
-    that = createBuffer(that, len);
-
-    if (that.length === 0) {
-      return that
-    }
-
-    obj.copy(that, 0, 0, len);
-    return that
-  }
-
-  if (obj) {
-    if ((typeof ArrayBuffer !== 'undefined' &&
-        obj.buffer instanceof ArrayBuffer) || 'length' in obj) {
-      if (typeof obj.length !== 'number' || isnan(obj.length)) {
-        return createBuffer(that, 0)
-      }
-      return fromArrayLike(that, obj)
-    }
-
-    if (obj.type === 'Buffer' && isArray(obj.data)) {
-      return fromArrayLike(that, obj.data)
-    }
-  }
-
-  throw new TypeError('First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.')
-}
-
-function checked (length) {
-  // Note: cannot use `length < kMaxLength()` here because that fails when
-  // length is NaN (which is otherwise coerced to zero.)
-  if (length >= kMaxLength()) {
-    throw new RangeError('Attempt to allocate Buffer larger than maximum ' +
-                         'size: 0x' + kMaxLength().toString(16) + ' bytes')
-  }
-  return length | 0
-}
-Buffer.isBuffer = isBuffer;
-function internalIsBuffer (b) {
-  return !!(b != null && b._isBuffer)
-}
-
-Buffer.compare = function compare (a, b) {
-  if (!internalIsBuffer(a) || !internalIsBuffer(b)) {
-    throw new TypeError('Arguments must be Buffers')
-  }
-
-  if (a === b) return 0
-
-  var x = a.length;
-  var y = b.length;
-
-  for (var i = 0, len = Math.min(x, y); i < len; ++i) {
-    if (a[i] !== b[i]) {
-      x = a[i];
-      y = b[i];
-      break
-    }
-  }
-
-  if (x < y) return -1
-  if (y < x) return 1
-  return 0
-};
-
-Buffer.isEncoding = function isEncoding (encoding) {
-  switch (String(encoding).toLowerCase()) {
-    case 'hex':
-    case 'utf8':
-    case 'utf-8':
-    case 'ascii':
-    case 'latin1':
-    case 'binary':
-    case 'base64':
-    case 'ucs2':
-    case 'ucs-2':
-    case 'utf16le':
-    case 'utf-16le':
-      return true
-    default:
-      return false
-  }
-};
-
-Buffer.concat = function concat (list, length) {
-  if (!isArray(list)) {
-    throw new TypeError('"list" argument must be an Array of Buffers')
-  }
-
-  if (list.length === 0) {
-    return Buffer.alloc(0)
-  }
-
-  var i;
-  if (length === undefined) {
-    length = 0;
-    for (i = 0; i < list.length; ++i) {
-      length += list[i].length;
-    }
-  }
-
-  var buffer = Buffer.allocUnsafe(length);
-  var pos = 0;
-  for (i = 0; i < list.length; ++i) {
-    var buf = list[i];
-    if (!internalIsBuffer(buf)) {
-      throw new TypeError('"list" argument must be an Array of Buffers')
-    }
-    buf.copy(buffer, pos);
-    pos += buf.length;
-  }
-  return buffer
-};
-
-function byteLength (string, encoding) {
-  if (internalIsBuffer(string)) {
-    return string.length
-  }
-  if (typeof ArrayBuffer !== 'undefined' && typeof ArrayBuffer.isView === 'function' &&
-      (ArrayBuffer.isView(string) || string instanceof ArrayBuffer)) {
-    return string.byteLength
-  }
-  if (typeof string !== 'string') {
-    string = '' + string;
-  }
-
-  var len = string.length;
-  if (len === 0) return 0
-
-  // Use a for loop to avoid recursion
-  var loweredCase = false;
-  for (;;) {
-    switch (encoding) {
-      case 'ascii':
-      case 'latin1':
-      case 'binary':
-        return len
-      case 'utf8':
-      case 'utf-8':
-      case undefined:
-        return utf8ToBytes(string).length
-      case 'ucs2':
-      case 'ucs-2':
-      case 'utf16le':
-      case 'utf-16le':
-        return len * 2
-      case 'hex':
-        return len >>> 1
-      case 'base64':
-        return base64ToBytes(string).length
-      default:
-        if (loweredCase) return utf8ToBytes(string).length // assume utf8
-        encoding = ('' + encoding).toLowerCase();
-        loweredCase = true;
-    }
-  }
-}
-Buffer.byteLength = byteLength;
-
-function slowToString (encoding, start, end) {
-  var loweredCase = false;
-
-  // No need to verify that "this.length <= MAX_UINT32" since it's a read-only
-  // property of a typed array.
-
-  // This behaves neither like String nor Uint8Array in that we set start/end
-  // to their upper/lower bounds if the value passed is out of range.
-  // undefined is handled specially as per ECMA-262 6th Edition,
-  // Section 13.3.3.7 Runtime Semantics: KeyedBindingInitialization.
-  if (start === undefined || start < 0) {
-    start = 0;
-  }
-  // Return early if start > this.length. Done here to prevent potential uint32
-  // coercion fail below.
-  if (start > this.length) {
-    return ''
-  }
-
-  if (end === undefined || end > this.length) {
-    end = this.length;
-  }
-
-  if (end <= 0) {
-    return ''
-  }
-
-  // Force coersion to uint32. This will also coerce falsey/NaN values to 0.
-  end >>>= 0;
-  start >>>= 0;
-
-  if (end <= start) {
-    return ''
-  }
-
-  if (!encoding) encoding = 'utf8';
-
-  while (true) {
-    switch (encoding) {
-      case 'hex':
-        return hexSlice(this, start, end)
-
-      case 'utf8':
-      case 'utf-8':
-        return utf8Slice(this, start, end)
-
-      case 'ascii':
-        return asciiSlice(this, start, end)
-
-      case 'latin1':
-      case 'binary':
-        return latin1Slice(this, start, end)
-
-      case 'base64':
-        return base64Slice(this, start, end)
-
-      case 'ucs2':
-      case 'ucs-2':
-      case 'utf16le':
-      case 'utf-16le':
-        return utf16leSlice(this, start, end)
-
-      default:
-        if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding)
-        encoding = (encoding + '').toLowerCase();
-        loweredCase = true;
-    }
-  }
-}
-
-// The property is used by `Buffer.isBuffer` and `is-buffer` (in Safari 5-7) to detect
-// Buffer instances.
-Buffer.prototype._isBuffer = true;
-
-function swap (b, n, m) {
-  var i = b[n];
-  b[n] = b[m];
-  b[m] = i;
-}
-
-Buffer.prototype.swap16 = function swap16 () {
-  var len = this.length;
-  if (len % 2 !== 0) {
-    throw new RangeError('Buffer size must be a multiple of 16-bits')
-  }
-  for (var i = 0; i < len; i += 2) {
-    swap(this, i, i + 1);
-  }
-  return this
-};
-
-Buffer.prototype.swap32 = function swap32 () {
-  var len = this.length;
-  if (len % 4 !== 0) {
-    throw new RangeError('Buffer size must be a multiple of 32-bits')
-  }
-  for (var i = 0; i < len; i += 4) {
-    swap(this, i, i + 3);
-    swap(this, i + 1, i + 2);
-  }
-  return this
-};
-
-Buffer.prototype.swap64 = function swap64 () {
-  var len = this.length;
-  if (len % 8 !== 0) {
-    throw new RangeError('Buffer size must be a multiple of 64-bits')
-  }
-  for (var i = 0; i < len; i += 8) {
-    swap(this, i, i + 7);
-    swap(this, i + 1, i + 6);
-    swap(this, i + 2, i + 5);
-    swap(this, i + 3, i + 4);
-  }
-  return this
-};
-
-Buffer.prototype.toString = function toString () {
-  var length = this.length | 0;
-  if (length === 0) return ''
-  if (arguments.length === 0) return utf8Slice(this, 0, length)
-  return slowToString.apply(this, arguments)
-};
-
-Buffer.prototype.equals = function equals (b) {
-  if (!internalIsBuffer(b)) throw new TypeError('Argument must be a Buffer')
-  if (this === b) return true
-  return Buffer.compare(this, b) === 0
-};
-
-Buffer.prototype.inspect = function inspect () {
-  var str = '';
-  var max = INSPECT_MAX_BYTES;
-  if (this.length > 0) {
-    str = this.toString('hex', 0, max).match(/.{2}/g).join(' ');
-    if (this.length > max) str += ' ... ';
-  }
-  return '<Buffer ' + str + '>'
-};
-
-Buffer.prototype.compare = function compare (target, start, end, thisStart, thisEnd) {
-  if (!internalIsBuffer(target)) {
-    throw new TypeError('Argument must be a Buffer')
-  }
-
-  if (start === undefined) {
-    start = 0;
-  }
-  if (end === undefined) {
-    end = target ? target.length : 0;
-  }
-  if (thisStart === undefined) {
-    thisStart = 0;
-  }
-  if (thisEnd === undefined) {
-    thisEnd = this.length;
-  }
-
-  if (start < 0 || end > target.length || thisStart < 0 || thisEnd > this.length) {
-    throw new RangeError('out of range index')
-  }
-
-  if (thisStart >= thisEnd && start >= end) {
-    return 0
-  }
-  if (thisStart >= thisEnd) {
-    return -1
-  }
-  if (start >= end) {
-    return 1
-  }
-
-  start >>>= 0;
-  end >>>= 0;
-  thisStart >>>= 0;
-  thisEnd >>>= 0;
-
-  if (this === target) return 0
-
-  var x = thisEnd - thisStart;
-  var y = end - start;
-  var len = Math.min(x, y);
-
-  var thisCopy = this.slice(thisStart, thisEnd);
-  var targetCopy = target.slice(start, end);
-
-  for (var i = 0; i < len; ++i) {
-    if (thisCopy[i] !== targetCopy[i]) {
-      x = thisCopy[i];
-      y = targetCopy[i];
-      break
-    }
-  }
-
-  if (x < y) return -1
-  if (y < x) return 1
-  return 0
-};
-
-// Finds either the first index of `val` in `buffer` at offset >= `byteOffset`,
-// OR the last index of `val` in `buffer` at offset <= `byteOffset`.
-//
-// Arguments:
-// - buffer - a Buffer to search
-// - val - a string, Buffer, or number
-// - byteOffset - an index into `buffer`; will be clamped to an int32
-// - encoding - an optional encoding, relevant is val is a string
-// - dir - true for indexOf, false for lastIndexOf
-function bidirectionalIndexOf (buffer, val, byteOffset, encoding, dir) {
-  // Empty buffer means no match
-  if (buffer.length === 0) return -1
-
-  // Normalize byteOffset
-  if (typeof byteOffset === 'string') {
-    encoding = byteOffset;
-    byteOffset = 0;
-  } else if (byteOffset > 0x7fffffff) {
-    byteOffset = 0x7fffffff;
-  } else if (byteOffset < -0x80000000) {
-    byteOffset = -0x80000000;
-  }
-  byteOffset = +byteOffset;  // Coerce to Number.
-  if (isNaN(byteOffset)) {
-    // byteOffset: it it's undefined, null, NaN, "foo", etc, search whole buffer
-    byteOffset = dir ? 0 : (buffer.length - 1);
-  }
-
-  // Normalize byteOffset: negative offsets start from the end of the buffer
-  if (byteOffset < 0) byteOffset = buffer.length + byteOffset;
-  if (byteOffset >= buffer.length) {
-    if (dir) return -1
-    else byteOffset = buffer.length - 1;
-  } else if (byteOffset < 0) {
-    if (dir) byteOffset = 0;
-    else return -1
-  }
-
-  // Normalize val
-  if (typeof val === 'string') {
-    val = Buffer.from(val, encoding);
-  }
-
-  // Finally, search either indexOf (if dir is true) or lastIndexOf
-  if (internalIsBuffer(val)) {
-    // Special case: looking for empty string/buffer always fails
-    if (val.length === 0) {
-      return -1
-    }
-    return arrayIndexOf(buffer, val, byteOffset, encoding, dir)
-  } else if (typeof val === 'number') {
-    val = val & 0xFF; // Search for a byte value [0-255]
-    if (Buffer.TYPED_ARRAY_SUPPORT &&
-        typeof Uint8Array.prototype.indexOf === 'function') {
-      if (dir) {
-        return Uint8Array.prototype.indexOf.call(buffer, val, byteOffset)
-      } else {
-        return Uint8Array.prototype.lastIndexOf.call(buffer, val, byteOffset)
-      }
-    }
-    return arrayIndexOf(buffer, [ val ], byteOffset, encoding, dir)
-  }
-
-  throw new TypeError('val must be string, number or Buffer')
-}
-
-function arrayIndexOf (arr, val, byteOffset, encoding, dir) {
-  var indexSize = 1;
-  var arrLength = arr.length;
-  var valLength = val.length;
-
-  if (encoding !== undefined) {
-    encoding = String(encoding).toLowerCase();
-    if (encoding === 'ucs2' || encoding === 'ucs-2' ||
-        encoding === 'utf16le' || encoding === 'utf-16le') {
-      if (arr.length < 2 || val.length < 2) {
-        return -1
-      }
-      indexSize = 2;
-      arrLength /= 2;
-      valLength /= 2;
-      byteOffset /= 2;
-    }
-  }
-
-  function read (buf, i) {
-    if (indexSize === 1) {
-      return buf[i]
-    } else {
-      return buf.readUInt16BE(i * indexSize)
-    }
-  }
-
-  var i;
-  if (dir) {
-    var foundIndex = -1;
-    for (i = byteOffset; i < arrLength; i++) {
-      if (read(arr, i) === read(val, foundIndex === -1 ? 0 : i - foundIndex)) {
-        if (foundIndex === -1) foundIndex = i;
-        if (i - foundIndex + 1 === valLength) return foundIndex * indexSize
-      } else {
-        if (foundIndex !== -1) i -= i - foundIndex;
-        foundIndex = -1;
-      }
-    }
-  } else {
-    if (byteOffset + valLength > arrLength) byteOffset = arrLength - valLength;
-    for (i = byteOffset; i >= 0; i--) {
-      var found = true;
-      for (var j = 0; j < valLength; j++) {
-        if (read(arr, i + j) !== read(val, j)) {
-          found = false;
-          break
-        }
-      }
-      if (found) return i
-    }
-  }
-
-  return -1
-}
-
-Buffer.prototype.includes = function includes (val, byteOffset, encoding) {
-  return this.indexOf(val, byteOffset, encoding) !== -1
-};
-
-Buffer.prototype.indexOf = function indexOf (val, byteOffset, encoding) {
-  return bidirectionalIndexOf(this, val, byteOffset, encoding, true)
-};
-
-Buffer.prototype.lastIndexOf = function lastIndexOf (val, byteOffset, encoding) {
-  return bidirectionalIndexOf(this, val, byteOffset, encoding, false)
-};
-
-function hexWrite (buf, string, offset, length) {
-  offset = Number(offset) || 0;
-  var remaining = buf.length - offset;
-  if (!length) {
-    length = remaining;
-  } else {
-    length = Number(length);
-    if (length > remaining) {
-      length = remaining;
-    }
-  }
-
-  // must be an even number of digits
-  var strLen = string.length;
-  if (strLen % 2 !== 0) throw new TypeError('Invalid hex string')
-
-  if (length > strLen / 2) {
-    length = strLen / 2;
-  }
-  for (var i = 0; i < length; ++i) {
-    var parsed = parseInt(string.substr(i * 2, 2), 16);
-    if (isNaN(parsed)) return i
-    buf[offset + i] = parsed;
-  }
-  return i
-}
-
-function utf8Write (buf, string, offset, length) {
-  return blitBuffer(utf8ToBytes(string, buf.length - offset), buf, offset, length)
-}
-
-function asciiWrite (buf, string, offset, length) {
-  return blitBuffer(asciiToBytes(string), buf, offset, length)
-}
-
-function latin1Write (buf, string, offset, length) {
-  return asciiWrite(buf, string, offset, length)
-}
-
-function base64Write (buf, string, offset, length) {
-  return blitBuffer(base64ToBytes(string), buf, offset, length)
-}
-
-function ucs2Write (buf, string, offset, length) {
-  return blitBuffer(utf16leToBytes(string, buf.length - offset), buf, offset, length)
-}
-
-Buffer.prototype.write = function write (string, offset, length, encoding) {
-  // Buffer#write(string)
-  if (offset === undefined) {
-    encoding = 'utf8';
-    length = this.length;
-    offset = 0;
-  // Buffer#write(string, encoding)
-  } else if (length === undefined && typeof offset === 'string') {
-    encoding = offset;
-    length = this.length;
-    offset = 0;
-  // Buffer#write(string, offset[, length][, encoding])
-  } else if (isFinite(offset)) {
-    offset = offset | 0;
-    if (isFinite(length)) {
-      length = length | 0;
-      if (encoding === undefined) encoding = 'utf8';
-    } else {
-      encoding = length;
-      length = undefined;
-    }
-  // legacy write(string, encoding, offset, length) - remove in v0.13
-  } else {
-    throw new Error(
-      'Buffer.write(string, encoding, offset[, length]) is no longer supported'
-    )
-  }
-
-  var remaining = this.length - offset;
-  if (length === undefined || length > remaining) length = remaining;
-
-  if ((string.length > 0 && (length < 0 || offset < 0)) || offset > this.length) {
-    throw new RangeError('Attempt to write outside buffer bounds')
-  }
-
-  if (!encoding) encoding = 'utf8';
-
-  var loweredCase = false;
-  for (;;) {
-    switch (encoding) {
-      case 'hex':
-        return hexWrite(this, string, offset, length)
-
-      case 'utf8':
-      case 'utf-8':
-        return utf8Write(this, string, offset, length)
-
-      case 'ascii':
-        return asciiWrite(this, string, offset, length)
-
-      case 'latin1':
-      case 'binary':
-        return latin1Write(this, string, offset, length)
-
-      case 'base64':
-        // Warning: maxLength not taken into account in base64Write
-        return base64Write(this, string, offset, length)
-
-      case 'ucs2':
-      case 'ucs-2':
-      case 'utf16le':
-      case 'utf-16le':
-        return ucs2Write(this, string, offset, length)
-
-      default:
-        if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding)
-        encoding = ('' + encoding).toLowerCase();
-        loweredCase = true;
-    }
-  }
-};
-
-Buffer.prototype.toJSON = function toJSON () {
-  return {
-    type: 'Buffer',
-    data: Array.prototype.slice.call(this._arr || this, 0)
-  }
-};
-
-function base64Slice (buf, start, end) {
-  if (start === 0 && end === buf.length) {
-    return fromByteArray(buf)
-  } else {
-    return fromByteArray(buf.slice(start, end))
-  }
-}
-
-function utf8Slice (buf, start, end) {
-  end = Math.min(buf.length, end);
-  var res = [];
-
-  var i = start;
-  while (i < end) {
-    var firstByte = buf[i];
-    var codePoint = null;
-    var bytesPerSequence = (firstByte > 0xEF) ? 4
-      : (firstByte > 0xDF) ? 3
-      : (firstByte > 0xBF) ? 2
-      : 1;
-
-    if (i + bytesPerSequence <= end) {
-      var secondByte, thirdByte, fourthByte, tempCodePoint;
-
-      switch (bytesPerSequence) {
-        case 1:
-          if (firstByte < 0x80) {
-            codePoint = firstByte;
-          }
-          break
-        case 2:
-          secondByte = buf[i + 1];
-          if ((secondByte & 0xC0) === 0x80) {
-            tempCodePoint = (firstByte & 0x1F) << 0x6 | (secondByte & 0x3F);
-            if (tempCodePoint > 0x7F) {
-              codePoint = tempCodePoint;
-            }
-          }
-          break
-        case 3:
-          secondByte = buf[i + 1];
-          thirdByte = buf[i + 2];
-          if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80) {
-            tempCodePoint = (firstByte & 0xF) << 0xC | (secondByte & 0x3F) << 0x6 | (thirdByte & 0x3F);
-            if (tempCodePoint > 0x7FF && (tempCodePoint < 0xD800 || tempCodePoint > 0xDFFF)) {
-              codePoint = tempCodePoint;
-            }
-          }
-          break
-        case 4:
-          secondByte = buf[i + 1];
-          thirdByte = buf[i + 2];
-          fourthByte = buf[i + 3];
-          if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80 && (fourthByte & 0xC0) === 0x80) {
-            tempCodePoint = (firstByte & 0xF) << 0x12 | (secondByte & 0x3F) << 0xC | (thirdByte & 0x3F) << 0x6 | (fourthByte & 0x3F);
-            if (tempCodePoint > 0xFFFF && tempCodePoint < 0x110000) {
-              codePoint = tempCodePoint;
-            }
-          }
-      }
-    }
-
-    if (codePoint === null) {
-      // we did not generate a valid codePoint so insert a
-      // replacement char (U+FFFD) and advance only 1 byte
-      codePoint = 0xFFFD;
-      bytesPerSequence = 1;
-    } else if (codePoint > 0xFFFF) {
-      // encode to utf16 (surrogate pair dance)
-      codePoint -= 0x10000;
-      res.push(codePoint >>> 10 & 0x3FF | 0xD800);
-      codePoint = 0xDC00 | codePoint & 0x3FF;
-    }
-
-    res.push(codePoint);
-    i += bytesPerSequence;
-  }
-
-  return decodeCodePointsArray(res)
-}
-
-// Based on http://stackoverflow.com/a/22747272/680742, the browser with
-// the lowest limit is Chrome, with 0x10000 args.
-// We go 1 magnitude less, for safety
-var MAX_ARGUMENTS_LENGTH = 0x1000;
-
-function decodeCodePointsArray (codePoints) {
-  var len = codePoints.length;
-  if (len <= MAX_ARGUMENTS_LENGTH) {
-    return String.fromCharCode.apply(String, codePoints) // avoid extra slice()
-  }
-
-  // Decode in chunks to avoid "call stack size exceeded".
-  var res = '';
-  var i = 0;
-  while (i < len) {
-    res += String.fromCharCode.apply(
-      String,
-      codePoints.slice(i, i += MAX_ARGUMENTS_LENGTH)
-    );
-  }
-  return res
-}
-
-function asciiSlice (buf, start, end) {
-  var ret = '';
-  end = Math.min(buf.length, end);
-
-  for (var i = start; i < end; ++i) {
-    ret += String.fromCharCode(buf[i] & 0x7F);
-  }
-  return ret
-}
-
-function latin1Slice (buf, start, end) {
-  var ret = '';
-  end = Math.min(buf.length, end);
-
-  for (var i = start; i < end; ++i) {
-    ret += String.fromCharCode(buf[i]);
-  }
-  return ret
-}
-
-function hexSlice (buf, start, end) {
-  var len = buf.length;
-
-  if (!start || start < 0) start = 0;
-  if (!end || end < 0 || end > len) end = len;
-
-  var out = '';
-  for (var i = start; i < end; ++i) {
-    out += toHex(buf[i]);
-  }
-  return out
-}
-
-function utf16leSlice (buf, start, end) {
-  var bytes = buf.slice(start, end);
-  var res = '';
-  for (var i = 0; i < bytes.length; i += 2) {
-    res += String.fromCharCode(bytes[i] + bytes[i + 1] * 256);
-  }
-  return res
-}
-
-Buffer.prototype.slice = function slice (start, end) {
-  var len = this.length;
-  start = ~~start;
-  end = end === undefined ? len : ~~end;
-
-  if (start < 0) {
-    start += len;
-    if (start < 0) start = 0;
-  } else if (start > len) {
-    start = len;
-  }
-
-  if (end < 0) {
-    end += len;
-    if (end < 0) end = 0;
-  } else if (end > len) {
-    end = len;
-  }
-
-  if (end < start) end = start;
-
-  var newBuf;
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    newBuf = this.subarray(start, end);
-    newBuf.__proto__ = Buffer.prototype;
-  } else {
-    var sliceLen = end - start;
-    newBuf = new Buffer(sliceLen, undefined);
-    for (var i = 0; i < sliceLen; ++i) {
-      newBuf[i] = this[i + start];
-    }
-  }
-
-  return newBuf
-};
-
-/*
- * Need to make sure that buffer isn't trying to write out of bounds.
- */
-function checkOffset (offset, ext, length) {
-  if ((offset % 1) !== 0 || offset < 0) throw new RangeError('offset is not uint')
-  if (offset + ext > length) throw new RangeError('Trying to access beyond buffer length')
-}
-
-Buffer.prototype.readUIntLE = function readUIntLE (offset, byteLength, noAssert) {
-  offset = offset | 0;
-  byteLength = byteLength | 0;
-  if (!noAssert) checkOffset(offset, byteLength, this.length);
-
-  var val = this[offset];
-  var mul = 1;
-  var i = 0;
-  while (++i < byteLength && (mul *= 0x100)) {
-    val += this[offset + i] * mul;
-  }
-
-  return val
-};
-
-Buffer.prototype.readUIntBE = function readUIntBE (offset, byteLength, noAssert) {
-  offset = offset | 0;
-  byteLength = byteLength | 0;
-  if (!noAssert) {
-    checkOffset(offset, byteLength, this.length);
-  }
-
-  var val = this[offset + --byteLength];
-  var mul = 1;
-  while (byteLength > 0 && (mul *= 0x100)) {
-    val += this[offset + --byteLength] * mul;
-  }
-
-  return val
-};
-
-Buffer.prototype.readUInt8 = function readUInt8 (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 1, this.length);
-  return this[offset]
-};
-
-Buffer.prototype.readUInt16LE = function readUInt16LE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 2, this.length);
-  return this[offset] | (this[offset + 1] << 8)
-};
-
-Buffer.prototype.readUInt16BE = function readUInt16BE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 2, this.length);
-  return (this[offset] << 8) | this[offset + 1]
-};
-
-Buffer.prototype.readUInt32LE = function readUInt32LE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 4, this.length);
-
-  return ((this[offset]) |
-      (this[offset + 1] << 8) |
-      (this[offset + 2] << 16)) +
-      (this[offset + 3] * 0x1000000)
-};
-
-Buffer.prototype.readUInt32BE = function readUInt32BE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 4, this.length);
-
-  return (this[offset] * 0x1000000) +
-    ((this[offset + 1] << 16) |
-    (this[offset + 2] << 8) |
-    this[offset + 3])
-};
-
-Buffer.prototype.readIntLE = function readIntLE (offset, byteLength, noAssert) {
-  offset = offset | 0;
-  byteLength = byteLength | 0;
-  if (!noAssert) checkOffset(offset, byteLength, this.length);
-
-  var val = this[offset];
-  var mul = 1;
-  var i = 0;
-  while (++i < byteLength && (mul *= 0x100)) {
-    val += this[offset + i] * mul;
-  }
-  mul *= 0x80;
-
-  if (val >= mul) val -= Math.pow(2, 8 * byteLength);
-
-  return val
-};
-
-Buffer.prototype.readIntBE = function readIntBE (offset, byteLength, noAssert) {
-  offset = offset | 0;
-  byteLength = byteLength | 0;
-  if (!noAssert) checkOffset(offset, byteLength, this.length);
-
-  var i = byteLength;
-  var mul = 1;
-  var val = this[offset + --i];
-  while (i > 0 && (mul *= 0x100)) {
-    val += this[offset + --i] * mul;
-  }
-  mul *= 0x80;
-
-  if (val >= mul) val -= Math.pow(2, 8 * byteLength);
-
-  return val
-};
-
-Buffer.prototype.readInt8 = function readInt8 (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 1, this.length);
-  if (!(this[offset] & 0x80)) return (this[offset])
-  return ((0xff - this[offset] + 1) * -1)
-};
-
-Buffer.prototype.readInt16LE = function readInt16LE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 2, this.length);
-  var val = this[offset] | (this[offset + 1] << 8);
-  return (val & 0x8000) ? val | 0xFFFF0000 : val
-};
-
-Buffer.prototype.readInt16BE = function readInt16BE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 2, this.length);
-  var val = this[offset + 1] | (this[offset] << 8);
-  return (val & 0x8000) ? val | 0xFFFF0000 : val
-};
-
-Buffer.prototype.readInt32LE = function readInt32LE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 4, this.length);
-
-  return (this[offset]) |
-    (this[offset + 1] << 8) |
-    (this[offset + 2] << 16) |
-    (this[offset + 3] << 24)
-};
-
-Buffer.prototype.readInt32BE = function readInt32BE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 4, this.length);
-
-  return (this[offset] << 24) |
-    (this[offset + 1] << 16) |
-    (this[offset + 2] << 8) |
-    (this[offset + 3])
-};
-
-Buffer.prototype.readFloatLE = function readFloatLE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 4, this.length);
-  return read(this, offset, true, 23, 4)
-};
-
-Buffer.prototype.readFloatBE = function readFloatBE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 4, this.length);
-  return read(this, offset, false, 23, 4)
-};
-
-Buffer.prototype.readDoubleLE = function readDoubleLE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 8, this.length);
-  return read(this, offset, true, 52, 8)
-};
-
-Buffer.prototype.readDoubleBE = function readDoubleBE (offset, noAssert) {
-  if (!noAssert) checkOffset(offset, 8, this.length);
-  return read(this, offset, false, 52, 8)
-};
-
-function checkInt (buf, value, offset, ext, max, min) {
-  if (!internalIsBuffer(buf)) throw new TypeError('"buffer" argument must be a Buffer instance')
-  if (value > max || value < min) throw new RangeError('"value" argument is out of bounds')
-  if (offset + ext > buf.length) throw new RangeError('Index out of range')
-}
-
-Buffer.prototype.writeUIntLE = function writeUIntLE (value, offset, byteLength, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  byteLength = byteLength | 0;
-  if (!noAssert) {
-    var maxBytes = Math.pow(2, 8 * byteLength) - 1;
-    checkInt(this, value, offset, byteLength, maxBytes, 0);
-  }
-
-  var mul = 1;
-  var i = 0;
-  this[offset] = value & 0xFF;
-  while (++i < byteLength && (mul *= 0x100)) {
-    this[offset + i] = (value / mul) & 0xFF;
-  }
-
-  return offset + byteLength
-};
-
-Buffer.prototype.writeUIntBE = function writeUIntBE (value, offset, byteLength, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  byteLength = byteLength | 0;
-  if (!noAssert) {
-    var maxBytes = Math.pow(2, 8 * byteLength) - 1;
-    checkInt(this, value, offset, byteLength, maxBytes, 0);
-  }
-
-  var i = byteLength - 1;
-  var mul = 1;
-  this[offset + i] = value & 0xFF;
-  while (--i >= 0 && (mul *= 0x100)) {
-    this[offset + i] = (value / mul) & 0xFF;
-  }
-
-  return offset + byteLength
-};
-
-Buffer.prototype.writeUInt8 = function writeUInt8 (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 1, 0xff, 0);
-  if (!Buffer.TYPED_ARRAY_SUPPORT) value = Math.floor(value);
-  this[offset] = (value & 0xff);
-  return offset + 1
-};
-
-function objectWriteUInt16 (buf, value, offset, littleEndian) {
-  if (value < 0) value = 0xffff + value + 1;
-  for (var i = 0, j = Math.min(buf.length - offset, 2); i < j; ++i) {
-    buf[offset + i] = (value & (0xff << (8 * (littleEndian ? i : 1 - i)))) >>>
-      (littleEndian ? i : 1 - i) * 8;
-  }
-}
-
-Buffer.prototype.writeUInt16LE = function writeUInt16LE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0);
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset] = (value & 0xff);
-    this[offset + 1] = (value >>> 8);
-  } else {
-    objectWriteUInt16(this, value, offset, true);
-  }
-  return offset + 2
-};
-
-Buffer.prototype.writeUInt16BE = function writeUInt16BE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0);
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset] = (value >>> 8);
-    this[offset + 1] = (value & 0xff);
-  } else {
-    objectWriteUInt16(this, value, offset, false);
-  }
-  return offset + 2
-};
-
-function objectWriteUInt32 (buf, value, offset, littleEndian) {
-  if (value < 0) value = 0xffffffff + value + 1;
-  for (var i = 0, j = Math.min(buf.length - offset, 4); i < j; ++i) {
-    buf[offset + i] = (value >>> (littleEndian ? i : 3 - i) * 8) & 0xff;
-  }
-}
-
-Buffer.prototype.writeUInt32LE = function writeUInt32LE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0);
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset + 3] = (value >>> 24);
-    this[offset + 2] = (value >>> 16);
-    this[offset + 1] = (value >>> 8);
-    this[offset] = (value & 0xff);
-  } else {
-    objectWriteUInt32(this, value, offset, true);
-  }
-  return offset + 4
-};
-
-Buffer.prototype.writeUInt32BE = function writeUInt32BE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0);
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset] = (value >>> 24);
-    this[offset + 1] = (value >>> 16);
-    this[offset + 2] = (value >>> 8);
-    this[offset + 3] = (value & 0xff);
-  } else {
-    objectWriteUInt32(this, value, offset, false);
-  }
-  return offset + 4
-};
-
-Buffer.prototype.writeIntLE = function writeIntLE (value, offset, byteLength, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) {
-    var limit = Math.pow(2, 8 * byteLength - 1);
-
-    checkInt(this, value, offset, byteLength, limit - 1, -limit);
-  }
-
-  var i = 0;
-  var mul = 1;
-  var sub = 0;
-  this[offset] = value & 0xFF;
-  while (++i < byteLength && (mul *= 0x100)) {
-    if (value < 0 && sub === 0 && this[offset + i - 1] !== 0) {
-      sub = 1;
-    }
-    this[offset + i] = ((value / mul) >> 0) - sub & 0xFF;
-  }
-
-  return offset + byteLength
-};
-
-Buffer.prototype.writeIntBE = function writeIntBE (value, offset, byteLength, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) {
-    var limit = Math.pow(2, 8 * byteLength - 1);
-
-    checkInt(this, value, offset, byteLength, limit - 1, -limit);
-  }
-
-  var i = byteLength - 1;
-  var mul = 1;
-  var sub = 0;
-  this[offset + i] = value & 0xFF;
-  while (--i >= 0 && (mul *= 0x100)) {
-    if (value < 0 && sub === 0 && this[offset + i + 1] !== 0) {
-      sub = 1;
-    }
-    this[offset + i] = ((value / mul) >> 0) - sub & 0xFF;
-  }
-
-  return offset + byteLength
-};
-
-Buffer.prototype.writeInt8 = function writeInt8 (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 1, 0x7f, -0x80);
-  if (!Buffer.TYPED_ARRAY_SUPPORT) value = Math.floor(value);
-  if (value < 0) value = 0xff + value + 1;
-  this[offset] = (value & 0xff);
-  return offset + 1
-};
-
-Buffer.prototype.writeInt16LE = function writeInt16LE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000);
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset] = (value & 0xff);
-    this[offset + 1] = (value >>> 8);
-  } else {
-    objectWriteUInt16(this, value, offset, true);
-  }
-  return offset + 2
-};
-
-Buffer.prototype.writeInt16BE = function writeInt16BE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000);
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset] = (value >>> 8);
-    this[offset + 1] = (value & 0xff);
-  } else {
-    objectWriteUInt16(this, value, offset, false);
-  }
-  return offset + 2
-};
-
-Buffer.prototype.writeInt32LE = function writeInt32LE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000);
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset] = (value & 0xff);
-    this[offset + 1] = (value >>> 8);
-    this[offset + 2] = (value >>> 16);
-    this[offset + 3] = (value >>> 24);
-  } else {
-    objectWriteUInt32(this, value, offset, true);
-  }
-  return offset + 4
-};
-
-Buffer.prototype.writeInt32BE = function writeInt32BE (value, offset, noAssert) {
-  value = +value;
-  offset = offset | 0;
-  if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000);
-  if (value < 0) value = 0xffffffff + value + 1;
-  if (Buffer.TYPED_ARRAY_SUPPORT) {
-    this[offset] = (value >>> 24);
-    this[offset + 1] = (value >>> 16);
-    this[offset + 2] = (value >>> 8);
-    this[offset + 3] = (value & 0xff);
-  } else {
-    objectWriteUInt32(this, value, offset, false);
-  }
-  return offset + 4
-};
-
-function checkIEEE754 (buf, value, offset, ext, max, min) {
-  if (offset + ext > buf.length) throw new RangeError('Index out of range')
-  if (offset < 0) throw new RangeError('Index out of range')
-}
-
-function writeFloat (buf, value, offset, littleEndian, noAssert) {
-  if (!noAssert) {
-    checkIEEE754(buf, value, offset, 4);
-  }
-  write(buf, value, offset, littleEndian, 23, 4);
-  return offset + 4
-}
-
-Buffer.prototype.writeFloatLE = function writeFloatLE (value, offset, noAssert) {
-  return writeFloat(this, value, offset, true, noAssert)
-};
-
-Buffer.prototype.writeFloatBE = function writeFloatBE (value, offset, noAssert) {
-  return writeFloat(this, value, offset, false, noAssert)
-};
-
-function writeDouble (buf, value, offset, littleEndian, noAssert) {
-  if (!noAssert) {
-    checkIEEE754(buf, value, offset, 8);
-  }
-  write(buf, value, offset, littleEndian, 52, 8);
-  return offset + 8
-}
-
-Buffer.prototype.writeDoubleLE = function writeDoubleLE (value, offset, noAssert) {
-  return writeDouble(this, value, offset, true, noAssert)
-};
-
-Buffer.prototype.writeDoubleBE = function writeDoubleBE (value, offset, noAssert) {
-  return writeDouble(this, value, offset, false, noAssert)
-};
-
-// copy(targetBuffer, targetStart=0, sourceStart=0, sourceEnd=buffer.length)
-Buffer.prototype.copy = function copy (target, targetStart, start, end) {
-  if (!start) start = 0;
-  if (!end && end !== 0) end = this.length;
-  if (targetStart >= target.length) targetStart = target.length;
-  if (!targetStart) targetStart = 0;
-  if (end > 0 && end < start) end = start;
-
-  // Copy 0 bytes; we're done
-  if (end === start) return 0
-  if (target.length === 0 || this.length === 0) return 0
-
-  // Fatal error conditions
-  if (targetStart < 0) {
-    throw new RangeError('targetStart out of bounds')
-  }
-  if (start < 0 || start >= this.length) throw new RangeError('sourceStart out of bounds')
-  if (end < 0) throw new RangeError('sourceEnd out of bounds')
-
-  // Are we oob?
-  if (end > this.length) end = this.length;
-  if (target.length - targetStart < end - start) {
-    end = target.length - targetStart + start;
-  }
-
-  var len = end - start;
-  var i;
-
-  if (this === target && start < targetStart && targetStart < end) {
-    // descending copy from end
-    for (i = len - 1; i >= 0; --i) {
-      target[i + targetStart] = this[i + start];
-    }
-  } else if (len < 1000 || !Buffer.TYPED_ARRAY_SUPPORT) {
-    // ascending copy from start
-    for (i = 0; i < len; ++i) {
-      target[i + targetStart] = this[i + start];
-    }
-  } else {
-    Uint8Array.prototype.set.call(
-      target,
-      this.subarray(start, start + len),
-      targetStart
-    );
-  }
-
-  return len
-};
-
-// Usage:
-//    buffer.fill(number[, offset[, end]])
-//    buffer.fill(buffer[, offset[, end]])
-//    buffer.fill(string[, offset[, end]][, encoding])
-Buffer.prototype.fill = function fill (val, start, end, encoding) {
-  // Handle string cases:
-  if (typeof val === 'string') {
-    if (typeof start === 'string') {
-      encoding = start;
-      start = 0;
-      end = this.length;
-    } else if (typeof end === 'string') {
-      encoding = end;
-      end = this.length;
-    }
-    if (val.length === 1) {
-      var code = val.charCodeAt(0);
-      if (code < 256) {
-        val = code;
-      }
-    }
-    if (encoding !== undefined && typeof encoding !== 'string') {
-      throw new TypeError('encoding must be a string')
-    }
-    if (typeof encoding === 'string' && !Buffer.isEncoding(encoding)) {
-      throw new TypeError('Unknown encoding: ' + encoding)
-    }
-  } else if (typeof val === 'number') {
-    val = val & 255;
-  }
-
-  // Invalid ranges are not set to a default, so can range check early.
-  if (start < 0 || this.length < start || this.length < end) {
-    throw new RangeError('Out of range index')
-  }
-
-  if (end <= start) {
-    return this
-  }
-
-  start = start >>> 0;
-  end = end === undefined ? this.length : end >>> 0;
-
-  if (!val) val = 0;
-
-  var i;
-  if (typeof val === 'number') {
-    for (i = start; i < end; ++i) {
-      this[i] = val;
-    }
-  } else {
-    var bytes = internalIsBuffer(val)
-      ? val
-      : utf8ToBytes(new Buffer(val, encoding).toString());
-    var len = bytes.length;
-    for (i = 0; i < end - start; ++i) {
-      this[i + start] = bytes[i % len];
-    }
-  }
-
-  return this
-};
-
-// HELPER FUNCTIONS
-// ================
-
-var INVALID_BASE64_RE = /[^+\/0-9A-Za-z-_]/g;
-
-function base64clean (str) {
-  // Node strips out invalid characters like \n and \t from the string, base64-js does not
-  str = stringtrim(str).replace(INVALID_BASE64_RE, '');
-  // Node converts strings with length < 2 to ''
-  if (str.length < 2) return ''
-  // Node allows for non-padded base64 strings (missing trailing ===), base64-js does not
-  while (str.length % 4 !== 0) {
-    str = str + '=';
-  }
-  return str
-}
-
-function stringtrim (str) {
-  if (str.trim) return str.trim()
-  return str.replace(/^\s+|\s+$/g, '')
-}
-
-function toHex (n) {
-  if (n < 16) return '0' + n.toString(16)
-  return n.toString(16)
-}
-
-function utf8ToBytes (string, units) {
-  units = units || Infinity;
-  var codePoint;
-  var length = string.length;
-  var leadSurrogate = null;
-  var bytes = [];
-
-  for (var i = 0; i < length; ++i) {
-    codePoint = string.charCodeAt(i);
-
-    // is surrogate component
-    if (codePoint > 0xD7FF && codePoint < 0xE000) {
-      // last char was a lead
-      if (!leadSurrogate) {
-        // no lead yet
-        if (codePoint > 0xDBFF) {
-          // unexpected trail
-          if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD);
-          continue
-        } else if (i + 1 === length) {
-          // unpaired lead
-          if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD);
-          continue
-        }
-
-        // valid lead
-        leadSurrogate = codePoint;
-
-        continue
-      }
-
-      // 2 leads in a row
-      if (codePoint < 0xDC00) {
-        if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD);
-        leadSurrogate = codePoint;
-        continue
-      }
-
-      // valid surrogate pair
-      codePoint = (leadSurrogate - 0xD800 << 10 | codePoint - 0xDC00) + 0x10000;
-    } else if (leadSurrogate) {
-      // valid bmp char, but last char was a lead
-      if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD);
-    }
-
-    leadSurrogate = null;
-
-    // encode utf8
-    if (codePoint < 0x80) {
-      if ((units -= 1) < 0) break
-      bytes.push(codePoint);
-    } else if (codePoint < 0x800) {
-      if ((units -= 2) < 0) break
-      bytes.push(
-        codePoint >> 0x6 | 0xC0,
-        codePoint & 0x3F | 0x80
-      );
-    } else if (codePoint < 0x10000) {
-      if ((units -= 3) < 0) break
-      bytes.push(
-        codePoint >> 0xC | 0xE0,
-        codePoint >> 0x6 & 0x3F | 0x80,
-        codePoint & 0x3F | 0x80
-      );
-    } else if (codePoint < 0x110000) {
-      if ((units -= 4) < 0) break
-      bytes.push(
-        codePoint >> 0x12 | 0xF0,
-        codePoint >> 0xC & 0x3F | 0x80,
-        codePoint >> 0x6 & 0x3F | 0x80,
-        codePoint & 0x3F | 0x80
-      );
-    } else {
-      throw new Error('Invalid code point')
-    }
-  }
-
-  return bytes
-}
-
-function asciiToBytes (str) {
-  var byteArray = [];
-  for (var i = 0; i < str.length; ++i) {
-    // Node's code seems to be doing this and not & 0x7F..
-    byteArray.push(str.charCodeAt(i) & 0xFF);
-  }
-  return byteArray
-}
-
-function utf16leToBytes (str, units) {
-  var c, hi, lo;
-  var byteArray = [];
-  for (var i = 0; i < str.length; ++i) {
-    if ((units -= 2) < 0) break
-
-    c = str.charCodeAt(i);
-    hi = c >> 8;
-    lo = c % 256;
-    byteArray.push(lo);
-    byteArray.push(hi);
-  }
-
-  return byteArray
-}
-
-
-function base64ToBytes (str) {
-  return toByteArray(base64clean(str))
-}
-
-function blitBuffer (src, dst, offset, length) {
-  for (var i = 0; i < length; ++i) {
-    if ((i + offset >= dst.length) || (i >= src.length)) break
-    dst[i + offset] = src[i];
-  }
-  return i
-}
-
-function isnan (val) {
-  return val !== val // eslint-disable-line no-self-compare
-}
-
-
-// the following is from is-buffer, also by Feross Aboukhadijeh and with same lisence
-// The _isBuffer check is for Safari 5-7 support, because it's missing
-// Object.prototype.constructor. Remove this eventually
-function isBuffer(obj) {
-  return obj != null && (!!obj._isBuffer || isFastBuffer(obj) || isSlowBuffer(obj))
-}
-
-function isFastBuffer (obj) {
-  return !!obj.constructor && typeof obj.constructor.isBuffer === 'function' && obj.constructor.isBuffer(obj)
-}
-
-// For Node v0.10 support. Remove this eventually.
-function isSlowBuffer (obj) {
-  return typeof obj.readFloatLE === 'function' && typeof obj.slice === 'function' && isFastBuffer(obj.slice(0, 0))
-}
-
-/* ES Module Shims 0.11.1 */
+/* ES Module Shims 1.3.0 */
 (function () {
-  const resolvedPromise = Promise.resolve();
-
-  let baseUrl;
-
-  function createBlob (source, type = 'text/javascript') {
-    return URL.createObjectURL(new Blob([source], { type }));
-  }
-
-  const hasDocument = typeof document !== 'undefined';
-
-  // support browsers without dynamic import support (eg Firefox 6x)
-  let supportsDynamicImport = false;
-  let supportsJsonAssertions = false;
-  let dynamicImport;
-  try {
-    dynamicImport = (0, eval)('u=>import(u)');
-    supportsDynamicImport = true;
-  }
-  catch (e) {
-    if (hasDocument) {
-      let err;
-      self.addEventListener('error', e => err = e.error);
-      dynamicImport = blobUrl => {
-        const topLevelBlobUrl = createBlob(
-          `import*as m from'${blobUrl}';self._esmsi=m;`
-        );
-        const s = document.createElement('script');
-        s.type = 'module';
-        s.src = topLevelBlobUrl;
-        document.head.appendChild(s);
-        return new Promise((resolve, reject) => {
-          s.addEventListener('load', () => {
-            document.head.removeChild(s);
-            if (self._esmsi) {
-              resolve(self._esmsi, baseUrl);
-              self._esmsi = null;
-            }
-            else {
-              reject(err);
-            }
-          });
-        });
-      };
-    }
-  }
-
-  let supportsImportMeta = false;
-  let supportsImportMaps = false;
-
-  const featureDetectionPromise = Promise.all([
-    dynamicImport(createBlob('import"data:text/json,{}"assert{type:"json"}')).then(() => supportsJsonAssertions = true, () => {}),
-    dynamicImport(createBlob('import.meta')).then(() => supportsImportMeta = true, () => {}),
-    supportsDynamicImport && hasDocument && new Promise(resolve => {
-      self._$s = v => {
-        document.body.removeChild(iframe);
-        if (v) supportsImportMaps = true;
-        delete self._$s;
-        resolve();
-      };
-      const iframe = document.createElement('iframe');
-      iframe.style.display = 'none';
-      iframe.srcdoc = `<script type=importmap>{"imports":{"x":"data:text/javascript,"}}<${''}/script><script>import('x').then(()=>1,()=>0).then(v=>parent._$s(v))<${''}/script>`, 'text/html';
-      document.body.appendChild(iframe);
-    })
-  ]);
-
-  if (hasDocument) {
-    const baseEl = document.querySelector('base[href]');
-    if (baseEl)
-      baseUrl = baseEl.href;
-  }
-
-  if (!baseUrl && typeof location !== 'undefined') {
-    baseUrl = location.href.split('#')[0].split('?')[0];
-    const lastSepIndex = baseUrl.lastIndexOf('/');
-    if (lastSepIndex !== -1)
-      baseUrl = baseUrl.slice(0, lastSepIndex + 1);
-  }
-
-  const backslashRegEx = /\\/g;
-  function resolveIfNotPlainOrUrl (relUrl, parentUrl) {
-    // strip off any trailing query params or hashes
-    parentUrl = parentUrl && parentUrl.split('#')[0].split('?')[0];
-    if (relUrl.indexOf('\\') !== -1)
-      relUrl = relUrl.replace(backslashRegEx, '/');
-    // protocol-relative
-    if (relUrl[0] === '/' && relUrl[1] === '/') {
-      return parentUrl.slice(0, parentUrl.indexOf(':') + 1) + relUrl;
-    }
-    // relative-url
-    else if (relUrl[0] === '.' && (relUrl[1] === '/' || relUrl[1] === '.' && (relUrl[2] === '/' || relUrl.length === 2 && (relUrl += '/')) ||
-        relUrl.length === 1  && (relUrl += '/')) ||
-        relUrl[0] === '/') {
-      const parentProtocol = parentUrl.slice(0, parentUrl.indexOf(':') + 1);
-      // Disabled, but these cases will give inconsistent results for deep backtracking
-      //if (parentUrl[parentProtocol.length] !== '/')
-      //  throw new Error('Cannot resolve');
-      // read pathname from parent URL
-      // pathname taken to be part after leading "/"
-      let pathname;
-      if (parentUrl[parentProtocol.length + 1] === '/') {
-        // resolving to a :// so we need to read out the auth and host
-        if (parentProtocol !== 'file:') {
-          pathname = parentUrl.slice(parentProtocol.length + 2);
-          pathname = pathname.slice(pathname.indexOf('/') + 1);
-        }
-        else {
-          pathname = parentUrl.slice(8);
-        }
-      }
-      else {
-        // resolving to :/ so pathname is the /... part
-        pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === '/'));
-      }
-
-      if (relUrl[0] === '/')
-        return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
-
-      // join together and split for removal of .. and . segments
-      // looping the string instead of anything fancy for perf reasons
-      // '../../../../../z' resolved to 'x/y' is just 'z'
-      const segmented = pathname.slice(0, pathname.lastIndexOf('/') + 1) + relUrl;
-
-      const output = [];
-      let segmentIndex = -1;
-      for (let i = 0; i < segmented.length; i++) {
-        // busy reading a segment - only terminate on '/'
-        if (segmentIndex !== -1) {
-          if (segmented[i] === '/') {
-            output.push(segmented.slice(segmentIndex, i + 1));
-            segmentIndex = -1;
-          }
-        }
-
-        // new segment - check if it is relative
-        else if (segmented[i] === '.') {
-          // ../ segment
-          if (segmented[i + 1] === '.' && (segmented[i + 2] === '/' || i + 2 === segmented.length)) {
-            output.pop();
-            i += 2;
-          }
-          // ./ segment
-          else if (segmented[i + 1] === '/' || i + 1 === segmented.length) {
-            i += 1;
-          }
-          else {
-            // the start of a new segment as below
-            segmentIndex = i;
-          }
-        }
-        // it is the start of a new segment
-        else {
-          segmentIndex = i;
-        }
-      }
-      // finish reading out the last segment
-      if (segmentIndex !== -1)
-        output.push(segmented.slice(segmentIndex));
-      return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join('');
-    }
-  }
-
-  /*
-   * Import maps implementation
-   *
-   * To make lookups fast we pre-resolve the entire import map
-   * and then match based on backtracked hash lookups
-   *
-   */
-  function resolveUrl (relUrl, parentUrl) {
-    return resolveIfNotPlainOrUrl(relUrl, parentUrl) || (relUrl.indexOf(':') !== -1 ? relUrl : resolveIfNotPlainOrUrl('./' + relUrl, parentUrl));
-  }
-
-  function resolveAndComposePackages (packages, outPackages, baseUrl, parentMap) {
-    for (let p in packages) {
-      const resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
-      let target = packages[p];
-      if (typeof target !== 'string') 
-        continue;
-      const mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(target, baseUrl) || target, baseUrl);
-      if (mapped) {
-        outPackages[resolvedLhs] = mapped;
-        continue;
-      }
-      targetWarning(p, packages[p], 'bare specifier did not resolve');
-    }
-  }
-
-  function resolveAndComposeImportMap (json, baseUrl, parentMap) {
-    const outMap = { imports: Object.assign({}, parentMap.imports), scopes: Object.assign({}, parentMap.scopes) };
-
-    if (json.imports)
-      resolveAndComposePackages(json.imports, outMap.imports, baseUrl, parentMap);
-
-    if (json.scopes)
-      for (let s in json.scopes) {
-        const resolvedScope = resolveUrl(s, baseUrl);
-        resolveAndComposePackages(json.scopes[s], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl, parentMap);
-      }
-
-    return outMap;
-  }
-
-  function getMatch (path, matchObj) {
-    if (matchObj[path])
-      return path;
-    let sepIndex = path.length;
-    do {
-      const segment = path.slice(0, sepIndex + 1);
-      if (segment in matchObj)
-        return segment;
-    } while ((sepIndex = path.lastIndexOf('/', sepIndex - 1)) !== -1)
-  }
-
-  function applyPackages (id, packages) {
-    const pkgName = getMatch(id, packages);
-    if (pkgName) {
-      const pkg = packages[pkgName];
-      if (pkg === null) return;
-      if (id.length > pkgName.length && pkg[pkg.length - 1] !== '/')
-        targetWarning(pkgName, pkg, "should have a trailing '/'");
-      else
-        return pkg + id.slice(pkgName.length);
-    }
-  }
-
-  function targetWarning (match, target, msg) {
-    console.warn("Package target " + msg + ", resolving target '" + target + "' for " + match);
-  }
-
-  function resolveImportMap (importMap, resolvedOrPlain, parentUrl) {
-    let scopeUrl = parentUrl && getMatch(parentUrl, importMap.scopes);
-    while (scopeUrl) {
-      const packageResolution = applyPackages(resolvedOrPlain, importMap.scopes[scopeUrl]);
-      if (packageResolution)
-        return packageResolution;
-      scopeUrl = getMatch(scopeUrl.slice(0, scopeUrl.lastIndexOf('/')), importMap.scopes);
-    }
-    return applyPackages(resolvedOrPlain, importMap.imports) || resolvedOrPlain.indexOf(':') !== -1 && resolvedOrPlain;
-  }
-
-  /* es-module-lexer 0.6.0 */
-  const A=1===new Uint8Array(new Uint16Array([1]).buffer)[0];function parse(E,g="@"){if(!B)return init.then(()=>parse(E));const I=E.length+1,w=(B.__heap_base.value||B.__heap_base)+4*I-B.memory.buffer.byteLength;w>0&&B.memory.grow(Math.ceil(w/65536));const D=B.sa(I-1);if((A?C:Q)(E,new Uint16Array(B.memory.buffer,D,I)),!B.parse())throw Object.assign(new Error(`Parse error ${g}:${E.slice(0,B.e()).split("\n").length}:${B.e()-E.lastIndexOf("\n",B.e()-1)}`),{idx:B.e()});const L=[],N=[];for(;B.ri();){const A=B.is(),Q=B.ie(),C=B.ai(),g=B.id(),I=B.ss(),w=B.se();let D;B.ip()&&(D=J(E.slice(-1===g?A-1:A,-1===g?Q+1:Q))),L.push({n:D,s:A,e:Q,ss:I,se:w,d:g,a:C});}for(;B.re();)N.push(E.slice(B.es(),B.ee()));function J(A){try{return (0,eval)(A)}catch{}}return [L,N,!!B.f()]}function Q(A,Q){const C=A.length;let B=0;for(;B<C;){const C=A.charCodeAt(B);Q[B++]=(255&C)<<8|C>>>8;}}function C(A,Q){const C=A.length;let B=0;for(;B<C;)Q[B]=A.charCodeAt(B++);}let B;const init=WebAssembly.compile((E="AGFzbQEAAAABXA1gAX8Bf2AEf39/fwBgAn9/AGAAAX9gAABgAX8AYAZ/f39/f38Bf2AEf39/fwF/YAN/f38Bf2AHf39/f39/fwF/YAV/f39/fwF/YAJ/fwF/YAh/f39/f39/fwF/AzIxAAECAwMDAwMDAwMDAwMDAwAEBQAGBAQAAAAABAQEBAQABgcICQoLDAACAAAACwMJDAQFAXABAQEFAwEAAQYPAn8BQfDwAAt/AEHw8AALB2QRBm1lbW9yeQIAAnNhAAABZQADAmlzAAQCaWUABQJzcwAGAnNlAAcCYWkACAJpZAAJAmlwAAoCZXMACwJlZQAMAnJpAA0CcmUADgFmAA8FcGFyc2UAEAtfX2hlYXBfYmFzZQMBCqM6MWgBAX9BACAANgK0CEEAKAKQCCIBIABBAXRqIgBBADsBAEEAIABBAmoiADYCuAhBACAANgK8CEEAQQA2ApQIQQBBADYCpAhBAEEANgKcCEEAQQA2ApgIQQBBADYCrAhBAEEANgKgCCABC7IBAQJ/QQAoAqQIIgRBHGpBlAggBBtBACgCvAgiBTYCAEEAIAU2AqQIQQAgBDYCqAhBACAFQSBqNgK8CCAFIAA2AggCQAJAQQAoAogIIANHDQAgBSACNgIMDAELAkBBACgChAggA0cNACAFIAJBAmo2AgwMAQsgBUEAKAKQCDYCDAsgBSABNgIAIAUgAzYCFCAFQQA2AhAgBSACNgIEIAVBADYCHCAFQQAoAoQIIANGOgAYC0gBAX9BACgCrAgiAkEIakGYCCACG0EAKAK8CCICNgIAQQAgAjYCrAhBACACQQxqNgK8CCACQQA2AgggAiABNgIEIAIgADYCAAsIAEEAKALACAsVAEEAKAKcCCgCAEEAKAKQCGtBAXULFQBBACgCnAgoAgRBACgCkAhrQQF1CxUAQQAoApwIKAIIQQAoApAIa0EBdQsVAEEAKAKcCCgCDEEAKAKQCGtBAXULHgEBf0EAKAKcCCgCECIAQQAoApAIa0EBdUF/IAAbCzsBAX8CQEEAKAKcCCgCFCIAQQAoAoQIRw0AQX8PCwJAIABBACgCiAhHDQBBfg8LIABBACgCkAhrQQF1CwsAQQAoApwILQAYCxUAQQAoAqAIKAIAQQAoApAIa0EBdQsVAEEAKAKgCCgCBEEAKAKQCGtBAXULJQEBf0EAQQAoApwIIgBBHGpBlAggABsoAgAiADYCnAggAEEARwslAQF/QQBBACgCoAgiAEEIakGYCCAAGygCACIANgKgCCAAQQBHCwgAQQAtAMQIC5oMAQV/IwBBgPAAayIBJABBAEEBOgDECEEAQf//AzsByghBAEEAKAKMCDYCzAhBAEEAKAKQCEF+aiICNgLgCEEAIAJBACgCtAhBAXRqIgM2AuQIQQBBADsBxghBAEEAOwHICEEAQQA6ANAIQQBBADYCwAhBAEEAOgCwCEEAIAFBgNAAajYC1AhBACABQYAQajYC2AhBAEEAOgDcCAJAAkACQANAQQAgAkECaiIENgLgCAJAAkACQAJAIAIgA08NACAELwEAIgNBd2pBBUkNAyADQZt/aiIFQQRNDQEgA0EgRg0DAkAgA0EvRg0AIANBO0YNAwwGCwJAIAIvAQQiBEEqRg0AIARBL0cNBhARDAQLQQEQEgwDC0EAIQMgBCECQQAtALAIDQYMBQsCQAJAIAUOBQEFBQUAAQsgBBATRQ0BIAJBBGpB7QBB8ABB7wBB8gBB9AAQFEUNARAVDAELQQAvAcgIDQAgBBATRQ0AIAJBBGpB+ABB8ABB7wBB8gBB9AAQFEUNABAWQQAtAMQIDQBBAEEAKALgCCICNgLMCAwEC0EAQQAoAuAINgLMCAtBACgC5AghA0EAKALgCCECDAALC0EAIAI2AuAIQQBBADoAxAgLA0BBACACQQJqIgM2AuAIAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAIAJBACgC5AhPDQAgAy8BACIEQXdqQQVJDQ4gBEFgaiIFQQlNDQEgBEGgf2oiBUEJTQ0CAkACQAJAIARBhX9qIgNBAk0NACAEQS9HDRAgAi8BBCICQSpGDQEgAkEvRw0CEBEMEQsCQAJAIAMOAwARAQALAkBBACgCzAgiBC8BAEEpRw0AQQAoAqQIIgJFDQAgAigCBCAERw0AQQBBACgCqAgiAjYCpAgCQCACRQ0AIAJBADYCHAwBC0EAQQA2ApQICyABQQAvAcgIIgJqQQAtANwIOgAAQQAgAkEBajsByAhBACgC2AggAkECdGogBDYCAEEAQQA6ANwIDBALQQAvAcgIIgJFDQlBACACQX9qIgM7AcgIAkAgAkEALwHKCCIERw0AQQBBAC8BxghBf2oiAjsBxghBAEEAKALUCCACQf//A3FBAXRqLwEAOwHKCAwICyAEQf//A0YNDyADQf//A3EgBEkNCQwPC0EBEBIMDwsCQAJAAkACQEEAKALMCCIELwEAIgIQF0UNACACQVVqIgNBA0sNAgJAAkACQCADDgQBBQIAAQsgBEF+ai8BAEFQakH//wNxQQpJDQMMBAsgBEF+ai8BAEErRg0CDAMLIARBfmovAQBBLUYNAQwCCwJAIAJB/QBGDQAgAkEpRw0BQQAoAtgIQQAvAcgIQQJ0aigCABAYRQ0BDAILQQAoAtgIQQAvAcgIIgNBAnRqKAIAEBkNASABIANqLQAADQELIAQQGg0AIAJFDQBBASEEIAJBL0ZBAC0A0AhBAEdxRQ0BCxAbQQAhBAtBACAEOgDQCAwNC0EALwHKCEH//wNGQQAvAcgIRXFBAC0AsAhFcSEDDA8LIAUOCgwLAQsLCwsCBwQMCyAFDgoCCgoHCgkKCgoIAgsQHAwJCxAdDAgLEB4MBwtBAC8ByAgiAg0BCxAfQQAhAwwIC0EAIAJBf2oiBDsByAhBACgCpAgiAkUNBCACKAIUQQAoAtgIIARB//8DcUECdGooAgBHDQQCQCACKAIEDQAgAiADNgIECyACIAM2AgwMBAtBAEEALwHICCICQQFqOwHICEEAKALYCCACQQJ0akEAKALMCDYCAAwDCyADEBNFDQIgAi8BCkHzAEcNAiACLwEIQfMARw0CIAIvAQZB4QBHDQIgAi8BBEHsAEcNAgJAAkAgAi8BDCIEQXdqIgJBF0sNAEEBIAJ0QZ+AgARxDQELIARBoAFHDQMLQQBBAToA3AgMAgsgAxATRQ0BIAJBBGpB7QBB8ABB7wBB8gBB9AAQFEUNARAVDAELQQAvAcgIDQAgAxATRQ0AIAJBBGpB+ABB8ABB7wBB8gBB9AAQFEUNABAWC0EAQQAoAuAINgLMCAtBACgC4AghAgwACwsgAUGA8ABqJAAgAwtQAQR/QQAoAuAIQQJqIQBBACgC5AghAQJAA0AgACICQX5qIAFPDQEgAkECaiEAIAIvAQBBdmoiA0EDSw0AIAMOBAEAAAEBCwtBACACNgLgCAuhAQEDf0EAQQAoAuAIIgFBAmo2AuAIIAFBBmohAUEAKALkCCECA0ACQAJAAkAgAUF8aiACTw0AIAFBfmovAQAhAwJAAkAgAA0AIANBKkYNASADQXZqIgNBA0sNBCADDgQCBAQCAgsgA0EqRw0DCyABLwEAQS9HDQJBACABQX5qNgLgCAwBCyABQX5qIQELQQAgATYC4AgPCyABQQJqIQEMAAsLHQACQEEAKAKQCCAARw0AQQEPCyAAQX5qLwEAECALPwEBf0EAIQYCQCAALwEIIAVHDQAgAC8BBiAERw0AIAAvAQQgA0cNACAALwECIAJHDQAgAC8BACABRiEGCyAGC+MEAQR/QQBBACgC4AgiAEEMaiIBNgLgCAJAAkACQAJAAkBBARAoIgJBWWoiA0EHTQ0AIAJBIkYNAiACQfsARg0CDAELAkACQCADDggDAQIDAgICAAMLQQBBACgC4AhBAmo2AuAIQQEQKEHtAEcNA0EAKALgCCIDLwEGQeEARw0DIAMvAQRB9ABHDQMgAy8BAkHlAEcNA0EAKALMCC8BAEEuRg0DIAAgACADQQhqQQAoAogIEAEPC0EAKALYCEEALwHICCIDQQJ0aiAANgIAQQAgA0EBajsByAhBACgCzAgvAQBBLkYNAiAAQQAoAuAIQQJqQQAgABABQQBBACgC4AhBAmo2AuAIAkACQEEBECgiA0EiRg0AAkAgA0EnRw0AEB0MAgtBAEEAKALgCEF+ajYC4AgPCxAcC0EAQQAoAuAIQQJqNgLgCAJAQQEQKEFXaiIDQQNLDQACQAJAIAMOBAECAgABC0EAKAKkCEEAKALgCCIDNgIEQQAgA0ECajYC4AhBARAoGkEAKAKkCCIDQQE6ABggA0EAKALgCCICNgIQQQAgAkF+ajYC4AgPC0EAKAKkCCIDQQE6ABggA0EAKALgCCICNgIMIAMgAjYCBEEAQQAvAcgIQX9qOwHICA8LQQBBACgC4AhBfmo2AuAIDwtBACgC4AggAUYNAQtBAC8ByAgNAUEAKALgCCEDQQAoAuQIIQECQANAIAMgAU8NAQJAAkAgAy8BACICQSdGDQAgAkEiRw0BCyAAIAIQKQ8LQQAgA0ECaiIDNgLgCAwACwsQHwsPC0EAQQAoAuAIQX5qNgLgCAuyBgEEf0EAQQAoAuAIIgBBDGoiATYC4AhBARAoIQICQAJAAkACQAJAAkBBACgC4AgiAyABRw0AIAIQLEUNAQsCQAJAAkACQCACQZ9/aiIBQQtNDQACQAJAIAJBKkYNACACQfYARg0FIAJB+wBHDQNBACADQQJqNgLgCEEBECghA0EAKALgCCEBA0AgA0H//wNxECsaQQAoAuAIIQJBARAoGgJAIAEgAhAtIgNBLEcNAEEAQQAoAuAIQQJqNgLgCEEBECghAwtBACgC4AghAgJAIANB/QBGDQAgAiABRg0MIAIhASACQQAoAuQITQ0BDAwLC0EAIAJBAmo2AuAIDAELQQAgA0ECajYC4AhBARAoGkEAKALgCCICIAIQLRoLQQEQKCECDAELIAEODAQAAQYABQAAAAAAAgQLQQAoAuAIIQMCQCACQeYARw0AIAMvAQZB7QBHDQAgAy8BBEHvAEcNACADLwECQfIARw0AQQAgA0EIajYC4AggAEEBECgQKQ8LQQAgA0F+ajYC4AgMAgsCQCADLwEIQfMARw0AIAMvAQZB8wBHDQAgAy8BBEHhAEcNACADLwECQewARw0AIAMvAQoQIEUNAEEAIANBCmo2AuAIQQEQKCECQQAoAuAIIQMgAhArGiADQQAoAuAIEAJBAEEAKALgCEF+ajYC4AgPC0EAIANBBGoiAzYC4AgLQQAgA0EEaiICNgLgCEEAQQA6AMQIA0BBACACQQJqNgLgCEEBECghA0EAKALgCCECAkAgAxArQSByQfsARw0AQQBBACgC4AhBfmo2AuAIDwtBACgC4AgiAyACRg0BIAIgAxACAkBBARAoIgJBLEYNAAJAIAJBPUcNAEEAQQAoAuAIQX5qNgLgCA8LQQBBACgC4AhBfmo2AuAIDwtBACgC4AghAgwACwsPC0EAIANBCmo2AuAIQQEQKBpBACgC4AghAwtBACADQRBqNgLgCAJAQQEQKCICQSpHDQBBAEEAKALgCEECajYC4AhBARAoIQILQQAoAuAIIQMgAhArGiADQQAoAuAIEAJBAEEAKALgCEF+ajYC4AgPCyADIANBDmoQAg8LEB8LdQEBfwJAAkAgAEFfaiIBQQVLDQBBASABdEExcQ0BCyAAQUZqQf//A3FBBkkNACAAQVhqQf//A3FBB0kgAEEpR3ENAAJAIABBpX9qIgFBA0sNACABDgQBAAABAQsgAEH9AEcgAEGFf2pB//8DcUEESXEPC0EBCz0BAX9BASEBAkAgAEH3AEHoAEHpAEHsAEHlABAhDQAgAEHmAEHvAEHyABAiDQAgAEHpAEHmABAjIQELIAELrQEBA39BASEBAkACQAJAAkACQAJAAkAgAC8BACICQUVqIgNBA00NACACQZt/aiIDQQNNDQEgAkEpRg0DIAJB+QBHDQIgAEF+akHmAEHpAEHuAEHhAEHsAEHsABAkDwsgAw4EAgEBBQILIAMOBAIAAAMCC0EAIQELIAEPCyAAQX5qQeUAQewAQfMAECIPCyAAQX5qQeMAQeEAQfQAQeMAECUPCyAAQX5qLwEAQT1GC+0DAQJ/QQAhAQJAIAAvAQBBnH9qIgJBE0sNAAJAAkACQAJAAkACQAJAAkAgAg4UAAECCAgICAgICAMECAgFCAYICAcACyAAQX5qLwEAQZd/aiICQQNLDQcCQAJAIAIOBAAJCQEACyAAQXxqQfYAQe8AECMPCyAAQXxqQfkAQekAQeUAECIPCyAAQX5qLwEAQY1/aiICQQFLDQYCQAJAIAIOAgABAAsCQCAAQXxqLwEAIgJB4QBGDQAgAkHsAEcNCCAAQXpqQeUAECYPCyAAQXpqQeMAECYPCyAAQXxqQeQAQeUAQewAQeUAECUPCyAAQX5qLwEAQe8ARw0FIABBfGovAQBB5QBHDQUCQCAAQXpqLwEAIgJB8ABGDQAgAkHjAEcNBiAAQXhqQekAQe4AQfMAQfQAQeEAQe4AECQPCyAAQXhqQfQAQfkAECMPC0EBIQEgAEF+aiIAQekAECYNBCAAQfIAQeUAQfQAQfUAQfIAECEPCyAAQX5qQeQAECYPCyAAQX5qQeQAQeUAQeIAQfUAQecAQecAQeUAECcPCyAAQX5qQeEAQfcAQeEAQekAECUPCwJAIABBfmovAQAiAkHvAEYNACACQeUARw0BIABBfGpB7gAQJg8LIABBfGpB9ABB6ABB8gAQIiEBCyABC4MBAQN/A0BBAEEAKALgCCIAQQJqIgE2AuAIAkACQAJAIABBACgC5AhPDQAgAS8BACIBQaV/aiICQQFNDQICQCABQXZqIgBBA00NACABQS9HDQQMAgsgAA4EAAMDAAALEB8LDwsCQAJAIAIOAgEAAQtBACAAQQRqNgLgCAwBCxAuGgwACwuRAQEEf0EAKALgCCEAQQAoAuQIIQECQANAIAAiAkECaiEAIAIgAU8NAQJAIAAvAQAiA0HcAEYNAAJAIANBdmoiAkEDTQ0AIANBIkcNAkEAIAA2AuAIDwsgAg4EAgEBAgILIAJBBGohACACLwEEQQ1HDQAgAkEGaiAAIAIvAQZBCkYbIQAMAAsLQQAgADYC4AgQHwuRAQEEf0EAKALgCCEAQQAoAuQIIQECQANAIAAiAkECaiEAIAIgAU8NAQJAIAAvAQAiA0HcAEYNAAJAIANBdmoiAkEDTQ0AIANBJ0cNAkEAIAA2AuAIDwsgAg4EAgEBAgILIAJBBGohACACLwEEQQ1HDQAgAkEGaiAAIAIvAQZBCkYbIQAMAAsLQQAgADYC4AgQHwvJAQEFf0EAKALgCCEAQQAoAuQIIQEDQCAAIgJBAmohAAJAAkAgAiABTw0AIAAvAQAiA0Gkf2oiBEEETQ0BIANBJEcNAiACLwEEQfsARw0CQQBBAC8BxggiAEEBajsBxghBACgC1AggAEEBdGpBAC8Bygg7AQBBACACQQRqNgLgCEEAQQAvAcgIQQFqIgA7AcoIQQAgADsByAgPC0EAIAA2AuAIEB8PCwJAAkAgBA4FAQICAgABC0EAIAA2AuAIDwsgAkEEaiEADAALCzUBAX9BAEEBOgCwCEEAKALgCCEAQQBBACgC5AhBAmo2AuAIQQAgAEEAKAKQCGtBAXU2AsAICzQBAX9BASEBAkAgAEF3akH//wNxQQVJDQAgAEGAAXJBoAFGDQAgAEEuRyAAECxxIQELIAELSQEDf0EAIQYCQCAAQXhqIgdBACgCkAgiCEkNACAHIAEgAiADIAQgBRAURQ0AAkAgByAIRw0AQQEPCyAAQXZqLwEAECAhBgsgBgtZAQN/QQAhBAJAIABBfGoiBUEAKAKQCCIGSQ0AIAAvAQAgA0cNACAAQX5qLwEAIAJHDQAgBS8BACABRw0AAkAgBSAGRw0AQQEPCyAAQXpqLwEAECAhBAsgBAtMAQN/QQAhAwJAIABBfmoiBEEAKAKQCCIFSQ0AIAAvAQAgAkcNACAELwEAIAFHDQACQCAEIAVHDQBBAQ8LIABBfGovAQAQICEDCyADC0sBA39BACEHAkAgAEF2aiIIQQAoApAIIglJDQAgCCABIAIgAyAEIAUgBhAvRQ0AAkAgCCAJRw0AQQEPCyAAQXRqLwEAECAhBwsgBwtmAQN/QQAhBQJAIABBemoiBkEAKAKQCCIHSQ0AIAAvAQAgBEcNACAAQX5qLwEAIANHDQAgAEF8ai8BACACRw0AIAYvAQAgAUcNAAJAIAYgB0cNAEEBDwsgAEF4ai8BABAgIQULIAULPQECf0EAIQICQEEAKAKQCCIDIABLDQAgAC8BACABRw0AAkAgAyAARw0AQQEPCyAAQX5qLwEAECAhAgsgAgtNAQN/QQAhCAJAIABBdGoiCUEAKAKQCCIKSQ0AIAkgASACIAMgBCAFIAYgBxAwRQ0AAkAgCSAKRw0AQQEPCyAAQXJqLwEAECAhCAsgCAucAQEDf0EAKALgCCEBAkADQAJAAkAgAS8BACICQS9HDQACQCABLwECIgFBKkYNACABQS9HDQQQEQwCCyAAEBIMAQsCQAJAIABFDQAgAkF3aiIBQRdLDQFBASABdEGfgIAEcUUNAQwCCyACECpFDQMMAQsgAkGgAUcNAgtBAEEAKALgCCIDQQJqIgE2AuAIIANBACgC5AhJDQALCyACC9cDAQF/QQAoAuAIIQICQAJAIAFBIkYNAAJAIAFBJ0cNABAdDAILEB8PCxAcCyAAIAJBAmpBACgC4AhBACgChAgQAUEAQQAoAuAIQQJqNgLgCEEAECghAEEAKALgCCEBAkACQCAAQeEARw0AIAFBAmpB8wBB8wBB5QBB8gBB9AAQFA0BC0EAIAFBfmo2AuAIDwtBACABQQxqNgLgCAJAQQEQKEH7AEYNAEEAIAE2AuAIDwtBACgC4AgiAiEAA0BBACAAQQJqNgLgCAJAAkACQEEBECgiAEEiRg0AIABBJ0cNARAdQQBBACgC4AhBAmo2AuAIQQEQKCEADAILEBxBAEEAKALgCEECajYC4AhBARAoIQAMAQsgABArIQALAkAgAEE6Rg0AQQAgATYC4AgPC0EAQQAoAuAIQQJqNgLgCAJAAkBBARAoIgBBIkYNAAJAIABBJ0cNABAdDAILQQAgATYC4AgPCxAcC0EAQQAoAuAIQQJqNgLgCAJAAkBBARAoIgBBLEYNACAAQf0ARg0BQQAgATYC4AgPC0EAQQAoAuAIQQJqNgLgCEEBEChB/QBGDQBBACgC4AghAAwBCwtBACgCpAgiASACNgIQIAFBACgC4AhBAmo2AgwLMAEBfwJAAkAgAEF3aiIBQRdLDQBBASABdEGNgIAEcQ0BCyAAQaABRg0AQQAPC0EBC20BAn8CQAJAA0ACQCAAQf//A3EiAUF3aiICQRdLDQBBASACdEGfgIAEcQ0CCyABQaABRg0BIAAhAiABECwNAkEAIQJBAEEAKALgCCIAQQJqNgLgCCAALwECIgANAAwCCwsgACECCyACQf//A3ELaAECf0EBIQECQAJAIABBX2oiAkEFSw0AQQEgAnRBMXENAQsgAEH4/wNxQShGDQAgAEFGakH//wNxQQZJDQACQCAAQaV/aiICQQNLDQAgAkEBRw0BCyAAQYV/akH//wNxQQRJIQELIAELYAECfwJAQQAoAuAIIgIvAQAiA0HhAEcNAEEAIAJBBGo2AuAIQQEQKCECQQAoAuAIIQAgAhArGkEAKALgCCEBQQEQKCEDQQAoAuAIIQILAkAgAiAARg0AIAAgARACCyADC4kBAQV/QQAoAuAIIQBBACgC5AghAQN/IABBAmohAgJAAkAgACABTw0AIAIvAQAiA0Gkf2oiBEEBTQ0BIAIhACADQXZqIgNBA0sNAiACIQAgAw4EAAICAAALQQAgAjYC4AgQH0EADwsCQAJAIAQOAgEAAQtBACACNgLgCEHdAA8LIABBBGohAAwACwtJAQF/QQAhBwJAIAAvAQogBkcNACAALwEIIAVHDQAgAC8BBiAERw0AIAAvAQQgA0cNACAALwECIAJHDQAgAC8BACABRiEHCyAHC1MBAX9BACEIAkAgAC8BDCAHRw0AIAAvAQogBkcNACAALwEIIAVHDQAgAC8BBiAERw0AIAAvAQQgA0cNACAALwECIAJHDQAgAC8BACABRiEICyAICwsfAgBBgAgLAgAAAEGECAsQAQAAAAIAAAAABAAAcDgAAA==","undefined"!=typeof Buffer?Buffer.from(E,"base64"):Uint8Array.from(atob(E),A=>A.charCodeAt(0)))).then(WebAssembly.instantiate).then(({exports:A})=>{B=A;});var E;
-
-  let id = 0;
-  const registry = {};
-  if (self.ESMS_DEBUG) {
-    self._esmsr = registry;
-  }
-
-  async function loadAll (load, seen) {
-    if (load.b || seen[load.u])
-      return;
-    seen[load.u] = 1;
-    await load.L;
-    await Promise.all(load.d.map(dep => loadAll(dep, seen)));
-    if (!load.n)
-      load.n = load.d.some(dep => dep.n);
-  }
-
-  let waitingForImportMapsInterval;
-  let firstTopLevelProcess = true;
-  async function topLevelLoad (url, source, nativelyLoaded) {
-    // no need to even fetch if we have feature support
-    await featureDetectionPromise;
-    if (waitingForImportMapsInterval > 0) {
-      clearTimeout(waitingForImportMapsInterval);
-      waitingForImportMapsInterval = 0;
-    }
-    if (firstTopLevelProcess) {
-      firstTopLevelProcess = false;
-      processScripts();
-    }
-    await importMapPromise;
-    // early analysis opt-out
-    if (nativelyLoaded && supportsDynamicImport && supportsImportMeta && supportsImportMaps && !importMapSrcOrLazy) {
-      // dont reexec inline for polyfills -> just return null
-      return source && nativelyLoaded ? null : dynamicImport(source ? createBlob(source) : url);
-    }
-    await init;
-    const load = getOrCreateLoad(url, source);
-    const seen = {};
-    await loadAll(load, seen);
-    lastLoad = undefined;
-    resolveDeps(load, seen);
-    if (source && !nativelyLoaded && !shimMode && !load.n) {
-      const module = dynamicImport(createBlob(source));
-      if (shouldRevokeBlobURLs) revokeObjectURLs(Object.keys(seen));
-      return module;
-    }
-    const module = await dynamicImport(load.b);
-    // if the top-level load is a shell, run its update function
-    if (load.s) {
-      (await dynamicImport(load.s)).u$_(module);
-    }
-    if (shouldRevokeBlobURLs) revokeObjectURLs(Object.keys(seen));
-    return module;
-  }
-
-  function revokeObjectURLs(registryKeys) {
-    let batch = 0;
-    const keysLength = registryKeys.length;
-    const schedule = self.requestIdleCallback ? self.requestIdleCallback : self.requestAnimationFrame;
-    schedule(cleanup);
-    function cleanup() {
-      const batchStartIndex = batch * 100;
-      if (batchStartIndex > keysLength) return
-      for (const key of registryKeys.slice(batchStartIndex, batchStartIndex + 100)) {
-        const load = registry[key];
-        if (load) URL.revokeObjectURL(load.b);
-      }
-      batch++;
-      schedule(cleanup);
-    }
-  }
-
-  async function importShim (id, parentUrl = baseUrl, _assertion) {
-    await featureDetectionPromise;
-    // Make sure all the "in-flight" import maps are loaded and applied.
-    await importMapPromise;
-    return topLevelLoad(resolve(id, parentUrl).r || throwUnresolved(id, parentUrl));
-  }
-
-  self.importShim = importShim;
-
-  const meta = {};
-
-  const edge = navigator.userAgent.match(/Edge\/\d\d\.\d+$/);
-
-  async function importMetaResolve (id, parentUrl = this.url) {
-    await importMapPromise;
-    return resolve(id, `${parentUrl}`).r || throwUnresolved(id, parentUrl);
-  }
-
-  self._esmsm = meta;
-
-  const esmsInitOptions = self.esmsInitOptions || {};
-  delete self.esmsInitOptions;
-  let shimMode = typeof esmsInitOptions.shimMode === 'boolean' ? esmsInitOptions.shimMode : !!esmsInitOptions.fetch || !!document.querySelector('script[type="module-shim"],script[type="importmap-shim"]');
-  const fetchHook = esmsInitOptions.fetch || (url => fetch(url));
-  const skip = esmsInitOptions.skip || /^https?:\/\/(cdn\.skypack\.dev|jspm\.dev)\//;
-  const onerror = esmsInitOptions.onerror || ((e) => { throw e; });
-  const shouldRevokeBlobURLs = esmsInitOptions.revokeBlobURLs;
-
-  function urlJsString (url) {
-    return `'${url.replace(/'/g, "\\'")}'`;
-  }
-
-  let lastLoad;
-  function resolveDeps (load, seen) {
-    if (load.b || !seen[load.u])
-      return;
-    seen[load.u] = 0;
-
-    for (const dep of load.d)
-      resolveDeps(dep, seen);
-
-    // use direct native execution when possible
-    // load.n is therefore conservative
-    if (!shimMode && !load.n) {
-      load.b = lastLoad = load.u;
-      load.S = undefined;
-      return;
-    }
-
-    const [imports] = load.a;
-
-    // "execution"
-    const source = load.S;
-
-    // edge doesnt execute sibling in order, so we fix this up by ensuring all previous executions are explicit dependencies
-    let resolvedSource = edge && lastLoad ? `import '${lastLoad}';` : '';  
-
-    if (!imports.length) {
-      resolvedSource += source;
-    }
-    else {
-      // once all deps have loaded we can inline the dependency resolution blobs
-      // and define this blob
-      let lastIndex = 0, depIndex = 0;
-      for (const { s: start, se: end, d: dynamicImportIndex } of imports) {
-        // dependency source replacements
-        if (dynamicImportIndex === -1) {
-          const depLoad = load.d[depIndex++];
-          let blobUrl = depLoad.b;
-          if (!blobUrl) {
-            // circular shell creation
-            if (!(blobUrl = depLoad.s)) {
-              blobUrl = depLoad.s = createBlob(`export function u$_(m){${
-                depLoad.a[1].map(
-                  name => name === 'default' ? `$_default=m.default` : `${name}=m.${name}`
-                ).join(',')
-              }}${
-                depLoad.a[1].map(name =>
-                  name === 'default' ? `let $_default;export{$_default as default}` : `export let ${name}`
-                ).join(';')
-              }\n//# sourceURL=${depLoad.r}?cycle`);
-            }
-          }
-          // circular shell execution
-          else if (depLoad.s) {
-            resolvedSource += `${source.slice(lastIndex, start - 1)}/*${source.slice(start - 1, end)}*/${urlJsString(blobUrl)};import*as m$_${depIndex} from'${depLoad.b}';import{u$_ as u$_${depIndex}}from'${depLoad.s}';u$_${depIndex}(m$_${depIndex})`;
-            lastIndex = end;
-            depLoad.s = undefined;
-            continue;
-          }
-          resolvedSource += `${source.slice(lastIndex, start - 1)}/*${source.slice(start - 1, end)}*/${urlJsString(blobUrl)}`;
-          lastIndex = end;
-        }
-        // import.meta
-        else if (dynamicImportIndex === -2) {
-          meta[load.r] = { url: load.r, resolve: importMetaResolve };
-          resolvedSource += `${source.slice(lastIndex, start)}self._esmsm[${urlJsString(load.r)}]`;
-          lastIndex = end;
-        }
-        // dynamic import
-        else {
-          resolvedSource += `${source.slice(lastIndex, dynamicImportIndex + 6)}Shim(${source.slice(start, end)}, ${load.r && urlJsString(load.r)}`;
-          lastIndex = end;
-        }
-      }
-
-      resolvedSource += source.slice(lastIndex);
-    }
-
-    resolvedSource = resolvedSource.replace(/\/\/# sourceMappingURL=(.*)\s*$/, (match, url) => {
-      return match.replace(url, new URL(url, load.r));
-    });
-    let hasSourceURL = false;
-    resolvedSource = resolvedSource.replace(/\/\/# sourceURL=(.*)\s*$/, (match, url) => {
-      hasSourceURL = true;
-      return match.replace(url, new URL(url, load.r));
-    });
-    if (!hasSourceURL) {
-      resolvedSource += '\n//# sourceURL=' + load.r;
-    }
-
-    load.b = lastLoad = createBlob(resolvedSource);
-    load.S = undefined;
-  }
-
-  const jsContentType = /^(text|application)\/(x-)?javascript(;|$)/;
-  const jsonContentType = /^application\/json(;|$)/;
-  const cssContentType = /^text\/css(;|$)/;
-  const wasmContentType = /^application\/wasm(;|$)/;
-
-  function getOrCreateLoad (url, source) {
-    let load = registry[url];
-    if (load)
-      return load;
-
-    load = registry[url] = {
-      // url
-      u: url,
-      // response url
-      r: undefined,
-      // fetchPromise
-      f: undefined,
-      // source
-      S: undefined,
-      // linkPromise
-      L: undefined,
-      // analysis
-      a: undefined,
-      // deps
-      d: undefined,
-      // blobUrl
-      b: undefined,
-      // shellUrl
-      s: undefined,
-      // needsShim
-      n: false
-    };
-
-    load.f = (async () => {
-      if (!source) {
-        const res = await fetchHook(url, { credentials: 'same-origin' });
-        if (!res.ok)
-          throw new Error(`${res.status} ${res.statusText} ${res.url}`);
-        load.r = res.url;
-        const contentType = res.headers.get('content-type');
-        if (jsContentType.test(contentType))
-          source = await res.text();
-        else if (jsonContentType.test(contentType))
-          source = `export default ${await res.text()}`;
-        else if (cssContentType.test(contentType))
-          throw new Error('CSS modules not yet supported');
-        else if (wasmContentType.test(contentType))
-          throw new Error('WASM modules not yet supported');
-        else
-          throw new Error(`Unknown Content-Type "${contentType}"`);
-      }
-      try {
-        load.a = parse(source, load.u);
-      }
-      catch (e) {
-        console.warn(e);
-        load.a = [[], []];
-      }
-      load.S = source;
-      return load;
-    })();
-
-    load.L = load.f.then(async () => {
-      load.d = await Promise.all(load.a[0].map(({ n, d, a }) => {
-        if (d >= 0 && !supportsDynamicImport ||
-            d === 2 && (!supportsImportMeta || source.slice(end, end + 8) === '.resolve') ||
-            a && !supportsJsonAssertions)
-          load.n = true;
-        if (!n) return;
-        const { r, m } = resolve(n, load.r || load.u);
-        if (m && (!supportsImportMaps || importMapSrcOrLazy))
-          load.n = true;
-        if (d !== -1) return;
-        if (!r)
-          throwUnresolved(n, load.r || load.u);
-        if (skip.test(r)) return { b: r };
-        return getOrCreateLoad(r).f;
-      }).filter(l => l));
-    });
-
-    return load;
-  }
-
-  let importMap = { imports: {}, scopes: {} };
-  let importMapSrcOrLazy = false;
-  let importMapPromise = resolvedPromise;
-
-  if (hasDocument) {
-    processScripts();
-    waitingForImportMapsInterval = setInterval(processScripts, 20);
-  }
-
-  async function processScripts () {
-    if (waitingForImportMapsInterval > 0 && document.readyState !== 'loading') {
-      clearTimeout(waitingForImportMapsInterval);
-      waitingForImportMapsInterval = 0;
-    }
-    for (const script of document.querySelectorAll('script[type="module-shim"],script[type="importmap-shim"],script[type="module"],script[type="importmap"]'))
-      await processScript(script);
-  }
-
-  new MutationObserver(mutations => {
-    for (const mutation of mutations) {
-      if (mutation.type !== 'childList') continue;
-      for (const node of mutation.addedNodes) {
-        if (node.tagName === 'SCRIPT' && node.type)
-          processScript(node, !firstTopLevelProcess);
-      }
-    }
-  }).observe(document, { childList: true, subtree: true });
-
-  async function processScript (script, dynamic) {
-    if (script.ep) // ep marker = script processed
-      return;
-    const shim = script.type.endsWith('-shim');
-    if (shim) shimMode = true;
-    const type = shim ? script.type.slice(0, -5) : script.type;
-    if (!shim && shimMode || script.getAttribute('noshim') !== null)
-      return;
-    // empty inline scripts sometimes show before domready
-    if (!script.src && !script.innerHTML)
-      return;
-    script.ep = true;
-    if (type === 'module') {
-      await topLevelLoad(script.src || `${baseUrl}?${id++}`, !script.src && script.innerHTML, !shim).catch(onerror);
-    }
-    else if (type === 'importmap') {
-      importMapPromise = importMapPromise.then(async () => {
-        if (script.src || dynamic)
-          importMapSrcOrLazy = true;
-        importMap = resolveAndComposeImportMap(script.src ? await (await fetchHook(script.src)).json() : JSON.parse(script.innerHTML), script.src || baseUrl, importMap);
-      });
-    }
-  }
-
-  function resolve (id, parentUrl) {
-    const urlResolved = resolveIfNotPlainOrUrl(id, parentUrl);
-    const resolved = resolveImportMap(importMap, urlResolved || id, parentUrl);
-    return { r: resolved, m: urlResolved !== resolved };
-  }
-
-  function throwUnresolved (id, parentUrl) {
-    throw Error("Unable to resolve specifier '" + id + (parentUrl ? "' from " + parentUrl : "'"));
-  }
 
-}());
+  const edge = navigator.userAgent.match(/Edge\/\d\d\.\d+$/);
+
+  let baseUrl;
+
+  function createBlob (source, type = 'text/javascript') {
+    return URL.createObjectURL(new Blob([source], { type }));
+  }
+
+  const noop = () => {};
+
+  const baseEl = document.querySelector('base[href]');
+  if (baseEl)
+    baseUrl = baseEl.href;
+
+  if (!baseUrl && typeof location !== 'undefined') {
+    baseUrl = location.href.split('#')[0].split('?')[0];
+    const lastSepIndex = baseUrl.lastIndexOf('/');
+    if (lastSepIndex !== -1)
+      baseUrl = baseUrl.slice(0, lastSepIndex + 1);
+  }
+
+  function isURL (url) {
+    try {
+      new URL(url);
+      return true;
+    }
+    catch {
+      return false;
+    }
+  }
+
+  const backslashRegEx = /\\/g;
+  function resolveIfNotPlainOrUrl (relUrl, parentUrl) {
+    // strip off any trailing query params or hashes
+    parentUrl = parentUrl && parentUrl.split('#')[0].split('?')[0];
+    if (relUrl.indexOf('\\') !== -1)
+      relUrl = relUrl.replace(backslashRegEx, '/');
+    // protocol-relative
+    if (relUrl[0] === '/' && relUrl[1] === '/') {
+      return parentUrl.slice(0, parentUrl.indexOf(':') + 1) + relUrl;
+    }
+    // relative-url
+    else if (relUrl[0] === '.' && (relUrl[1] === '/' || relUrl[1] === '.' && (relUrl[2] === '/' || relUrl.length === 2 && (relUrl += '/')) ||
+        relUrl.length === 1  && (relUrl += '/')) ||
+        relUrl[0] === '/') {
+      const parentProtocol = parentUrl.slice(0, parentUrl.indexOf(':') + 1);
+      // Disabled, but these cases will give inconsistent results for deep backtracking
+      //if (parentUrl[parentProtocol.length] !== '/')
+      //  throw new Error('Cannot resolve');
+      // read pathname from parent URL
+      // pathname taken to be part after leading "/"
+      let pathname;
+      if (parentUrl[parentProtocol.length + 1] === '/') {
+        // resolving to a :// so we need to read out the auth and host
+        if (parentProtocol !== 'file:') {
+          pathname = parentUrl.slice(parentProtocol.length + 2);
+          pathname = pathname.slice(pathname.indexOf('/') + 1);
+        }
+        else {
+          pathname = parentUrl.slice(8);
+        }
+      }
+      else {
+        // resolving to :/ so pathname is the /... part
+        pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === '/'));
+      }
+
+      if (relUrl[0] === '/')
+        return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
+
+      // join together and split for removal of .. and . segments
+      // looping the string instead of anything fancy for perf reasons
+      // '../../../../../z' resolved to 'x/y' is just 'z'
+      const segmented = pathname.slice(0, pathname.lastIndexOf('/') + 1) + relUrl;
+
+      const output = [];
+      let segmentIndex = -1;
+      for (let i = 0; i < segmented.length; i++) {
+        // busy reading a segment - only terminate on '/'
+        if (segmentIndex !== -1) {
+          if (segmented[i] === '/') {
+            output.push(segmented.slice(segmentIndex, i + 1));
+            segmentIndex = -1;
+          }
+        }
+
+        // new segment - check if it is relative
+        else if (segmented[i] === '.') {
+          // ../ segment
+          if (segmented[i + 1] === '.' && (segmented[i + 2] === '/' || i + 2 === segmented.length)) {
+            output.pop();
+            i += 2;
+          }
+          // ./ segment
+          else if (segmented[i + 1] === '/' || i + 1 === segmented.length) {
+            i += 1;
+          }
+          else {
+            // the start of a new segment as below
+            segmentIndex = i;
+          }
+        }
+        // it is the start of a new segment
+        else {
+          segmentIndex = i;
+        }
+      }
+      // finish reading out the last segment
+      if (segmentIndex !== -1)
+        output.push(segmented.slice(segmentIndex));
+      return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join('');
+    }
+  }
+
+  /*
+   * Import maps implementation
+   *
+   * To make lookups fast we pre-resolve the entire import map
+   * and then match based on backtracked hash lookups
+   *
+   */
+  function resolveUrl (relUrl, parentUrl) {
+    return resolveIfNotPlainOrUrl(relUrl, parentUrl) || (relUrl.indexOf(':') !== -1 ? relUrl : resolveIfNotPlainOrUrl('./' + relUrl, parentUrl));
+  }
+
+  function resolveAndComposePackages (packages, outPackages, baseUrl, parentMap) {
+    for (let p in packages) {
+      const resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
+      if (outPackages[resolvedLhs]) {
+        throw new Error(`Dynamic import map rejected: Overrides entry "${resolvedLhs}" from ${outPackages[resolvedLhs]} to ${packages[resolvedLhs]}.`);
+      }
+      let target = packages[p];
+      if (typeof target !== 'string') 
+        continue;
+      const mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(target, baseUrl) || target, baseUrl);
+      if (mapped) {
+        outPackages[resolvedLhs] = mapped;
+        continue;
+      }
+      targetWarning(p, packages[p], 'bare specifier did not resolve');
+    }
+  }
+
+  function resolveAndComposeImportMap (json, baseUrl, parentMap) {
+    const outMap = { imports: Object.assign({}, parentMap.imports), scopes: Object.assign({}, parentMap.scopes) };
+
+    if (json.imports)
+      resolveAndComposePackages(json.imports, outMap.imports, baseUrl, parentMap);
+
+    if (json.scopes)
+      for (let s in json.scopes) {
+        const resolvedScope = resolveUrl(s, baseUrl);
+        resolveAndComposePackages(json.scopes[s], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl, parentMap);
+      }
+
+    return outMap;
+  }
+
+  function getMatch (path, matchObj) {
+    if (matchObj[path])
+      return path;
+    let sepIndex = path.length;
+    do {
+      const segment = path.slice(0, sepIndex + 1);
+      if (segment in matchObj)
+        return segment;
+    } while ((sepIndex = path.lastIndexOf('/', sepIndex - 1)) !== -1)
+  }
+
+  function applyPackages (id, packages) {
+    const pkgName = getMatch(id, packages);
+    if (pkgName) {
+      const pkg = packages[pkgName];
+      if (pkg === null) return;
+      if (id.length > pkgName.length && pkg[pkg.length - 1] !== '/')
+        targetWarning(pkgName, pkg, "should have a trailing '/'");
+      else
+        return pkg + id.slice(pkgName.length);
+    }
+  }
+
+  function targetWarning (match, target, msg) {
+    console.warn("Package target " + msg + ", resolving target '" + target + "' for " + match);
+  }
+
+  function resolveImportMap (importMap, resolvedOrPlain, parentUrl) {
+    let scopeUrl = parentUrl && getMatch(parentUrl, importMap.scopes);
+    while (scopeUrl) {
+      const packageResolution = applyPackages(resolvedOrPlain, importMap.scopes[scopeUrl]);
+      if (packageResolution)
+        return packageResolution;
+      scopeUrl = getMatch(scopeUrl.slice(0, scopeUrl.lastIndexOf('/')), importMap.scopes);
+    }
+    return applyPackages(resolvedOrPlain, importMap.imports) || resolvedOrPlain.indexOf(':') !== -1 && resolvedOrPlain;
+  }
+
+  const optionsScript = document.querySelector('script[type=esms-options]');
+
+  const esmsInitOptions$1 = optionsScript ? JSON.parse(optionsScript.innerHTML) : self.esmsInitOptions ? self.esmsInitOptions : {};
+
+  let shimMode = !!esmsInitOptions$1.shimMode;
+  const resolveHook = globalHook(shimMode && esmsInitOptions$1.resolve);
+
+  const skip = esmsInitOptions$1.skip ? new RegExp(esmsInitOptions$1.skip) : null;
+
+  let nonce = esmsInitOptions$1.nonce;
+
+  if (!nonce) {
+    const nonceElement = document.querySelector('script[nonce]');
+    if (nonceElement)
+      nonce = nonceElement.getAttribute('nonce');
+  }
+
+  const onerror = globalHook(esmsInitOptions$1.onerror || noop);
+  const onpolyfill = globalHook(esmsInitOptions$1.onpolyfill || noop);
+
+  const { revokeBlobURLs, noLoadEventRetriggers } = esmsInitOptions$1;
+
+  const fetchHook = esmsInitOptions$1.fetch ? globalHook(esmsInitOptions$1.fetch) : fetch;
+
+  function globalHook (name) {
+    return typeof name === 'string' ? self[name] : name;
+  }
+
+  const enable = Array.isArray(esmsInitOptions$1.polyfillEnable) ? esmsInitOptions$1.polyfillEnable : [];
+  const cssModulesEnabled = enable.includes('css-modules');
+  const jsonModulesEnabled = enable.includes('json-modules');
+
+  function setShimMode () {
+    shimMode = true;
+  }
+
+  let err;
+  window.addEventListener('error', _err => err = _err);
+  function dynamicImportScript (url, { errUrl = url } = {}) {
+    err = undefined;
+    const src = createBlob(`import*as m from'${url}';self._esmsi=m`);
+    const s = Object.assign(document.createElement('script'), { type: 'module', src });
+    s.setAttribute('nonce', nonce);
+    s.setAttribute('noshim', '');
+    const p =  new Promise((resolve, reject) => {
+      // Safari is unique in supporting module script error events
+      s.addEventListener('error', cb);
+      s.addEventListener('load', cb);
+
+      function cb (_err) {
+        document.head.removeChild(s);
+        if (self._esmsi) {
+          resolve(self._esmsi, baseUrl);
+          self._esmsi = undefined;
+        }
+        else {
+          reject(!(_err instanceof Event) && _err || err && err.error || new Error(`Error loading or executing the graph of ${errUrl} (check the console for ${src}).`));
+          err = undefined;
+        }
+      }
+    });
+    document.head.appendChild(s);
+    return p;
+  }
+
+  let dynamicImport = dynamicImportScript;
+
+  const supportsDynamicImportCheck = dynamicImportScript(createBlob('export default u=>import(u)')).then(_dynamicImport => {
+    if (_dynamicImport)
+      dynamicImport = _dynamicImport.default;
+    return !!_dynamicImport;
+  }, noop);
+
+  // support browsers without dynamic import support (eg Firefox 6x)
+  let supportsJsonAssertions = false;
+  let supportsCssAssertions = false;
+
+  let supportsImportMeta = false;
+  let supportsImportMaps = false;
+
+  let supportsDynamicImport = false;
+
+  const featureDetectionPromise = Promise.resolve(supportsDynamicImportCheck).then(_supportsDynamicImport => {
+    if (!_supportsDynamicImport)
+      return;
+    supportsDynamicImport = true;
+
+    return Promise.all([
+      dynamicImport(createBlob('import.meta')).then(() => supportsImportMeta = true, noop),
+      cssModulesEnabled && dynamicImport(createBlob('import"data:text/css,{}"assert{type:"css"}')).then(() => supportsCssAssertions = true, noop),
+      jsonModulesEnabled && dynamicImport(createBlob('import"data:text/json,{}"assert{type:"json"}')).then(() => supportsJsonAssertions = true, noop),
+      new Promise(resolve => {
+        self._$s = v => {
+          document.head.removeChild(iframe);
+          if (v) supportsImportMaps = true;
+          delete self._$s;
+          resolve();
+        };
+        const iframe = document.createElement('iframe');
+        iframe.style.display = 'none';
+        document.head.appendChild(iframe);
+        // we use document.write here because eg Weixin built-in browser doesn't support setting srcdoc
+        iframe.contentWindow.document.write(`<script type=importmap nonce="${nonce}">{"imports":{"x":"data:text/javascript,"}}<${''}/script><script nonce="${nonce}">import('x').then(()=>1,()=>0).then(v=>parent._$s(v))<${''}/script>`);
+      })
+    ]);
+  });
+
+  let e,r,a,i=4194304;const s=1===new Uint8Array(new Uint16Array([1]).buffer)[0];let t,f,c$1;function parse(k,l="@"){if(t=k,f=l,t.length>i||!e){for(;t.length>i;)i*=2;r=new ArrayBuffer(4*i),e=function(e,r,a){"use asm";var i=new e.Int8Array(a),s=new e.Int16Array(a),t=new e.Int32Array(a),f=new e.Uint8Array(a),c=new e.Uint16Array(a),n=816;function b(e){e=e|0;var r=0,a=0,f=0,b=0,l=0;l=n;n=n+14336|0;b=l;i[589]=1;s[291]=0;s[292]=0;s[293]=-1;t[15]=t[2];i[590]=0;t[14]=0;i[588]=0;t[16]=l+10240;t[17]=l+2048;i[591]=0;e=(t[3]|0)+-2|0;t[18]=e;r=e+(t[12]<<1)|0;t[19]=r;e:while(1){a=e+2|0;t[18]=a;if(e>>>0>=r>>>0){f=18;break}r:do{switch(s[a>>1]|0){case 9:case 10:case 11:case 12:case 13:case 32:break;case 101:{if((((s[292]|0)==0?R(a)|0:0)?B(e+4|0,120,112,111,114,116)|0:0)?(u(),(i[589]|0)==0):0){f=9;break e}else f=17;break}case 105:{if(R(a)|0?B(e+4|0,109,112,111,114,116)|0:0){k();f=17;}else f=17;break}case 59:{f=17;break}case 47:switch(s[e+4>>1]|0){case 47:{G();break r}case 42:{p(1);break r}default:{f=16;break e}}default:{f=16;break e}}}while(0);if((f|0)==17){f=0;t[15]=t[18];}e=t[18]|0;r=t[19]|0;}if((f|0)==9){e=t[18]|0;t[15]=e;f=19;}else if((f|0)==16){i[589]=0;t[18]=e;f=19;}else if((f|0)==18)if(!(i[588]|0)){e=a;f=19;}else e=0;do{if((f|0)==19){e:while(1){r=e+2|0;t[18]=r;a=r;if(e>>>0>=(t[19]|0)>>>0){f=75;break}r:do{switch(s[r>>1]|0){case 9:case 10:case 11:case 12:case 13:case 32:break;case 101:{if(((s[292]|0)==0?R(r)|0:0)?B(e+4|0,120,112,111,114,116)|0:0){u();f=74;}else f=74;break}case 105:{if(R(r)|0?B(e+4|0,109,112,111,114,116)|0:0){k();f=74;}else f=74;break}case 99:{if((R(r)|0?z(e+4|0,108,97,115,115)|0:0)?Z(s[e+12>>1]|0)|0:0){i[591]=1;f=74;}else f=74;break}case 40:{r=t[15]|0;a=t[17]|0;f=s[292]|0;s[292]=f+1<<16>>16;t[a+((f&65535)<<2)>>2]=r;f=74;break}case 41:{e=s[292]|0;if(!(e<<16>>16)){f=36;break e}f=e+-1<<16>>16;s[292]=f;e=t[11]|0;if((e|0)!=0?(t[e+20>>2]|0)==(t[(t[17]|0)+((f&65535)<<2)>>2]|0):0){r=e+4|0;if(!(t[r>>2]|0))t[r>>2]=a;t[e+12>>2]=a;t[11]=0;f=74;}else f=74;break}case 123:{f=t[15]|0;a=t[8]|0;e=f;do{if((s[f>>1]|0)==41&(a|0)!=0?(t[a+4>>2]|0)==(f|0):0){r=t[9]|0;t[8]=r;if(!r){t[4]=0;break}else {t[r+28>>2]=0;break}}}while(0);r=s[292]|0;f=r&65535;i[b+f>>0]=i[591]|0;i[591]=0;a=t[17]|0;s[292]=r+1<<16>>16;t[a+(f<<2)>>2]=e;f=74;break}case 125:{e=s[292]|0;if(!(e<<16>>16)){f=49;break e}a=e+-1<<16>>16;s[292]=a;r=s[293]|0;if(e<<16>>16!=r<<16>>16)if(r<<16>>16!=-1&(a&65535)<(r&65535)){f=53;break e}else {f=74;break r}else {a=t[16]|0;f=(s[291]|0)+-1<<16>>16;s[291]=f;s[293]=s[a+((f&65535)<<1)>>1]|0;h();f=74;break r}}case 39:{d(39);f=74;break}case 34:{d(34);f=74;break}case 47:switch(s[e+4>>1]|0){case 47:{G();break r}case 42:{p(1);break r}default:{r=t[15]|0;a=s[r>>1]|0;a:do{if(!(x(a)|0)){switch(a<<16>>16){case 41:if(L(t[(t[17]|0)+(c[292]<<2)>>2]|0)|0){f=71;break a}else {f=68;break a}case 125:break;default:{f=68;break a}}e=c[292]|0;if(!(y(t[(t[17]|0)+(e<<2)>>2]|0)|0)?(i[b+e>>0]|0)==0:0)f=68;else f=71;}else switch(a<<16>>16){case 46:if(((s[r+-2>>1]|0)+-48&65535)<10){f=68;break a}else {f=71;break a}case 43:if((s[r+-2>>1]|0)==43){f=68;break a}else {f=71;break a}case 45:if((s[r+-2>>1]|0)==45){f=68;break a}else {f=71;break a}default:{f=71;break a}}}while(0);a:do{if((f|0)==68){f=0;if(!(o(r)|0)){switch(a<<16>>16){case 0:{f=71;break a}case 47:break;default:{e=1;break a}}if(!(i[590]|0))e=1;else f=71;}else f=71;}}while(0);if((f|0)==71){I();e=0;}i[590]=e;f=74;break r}}case 96:{h();f=74;break}default:f=74;}}while(0);if((f|0)==74){f=0;t[15]=t[18];}e=t[18]|0;}if((f|0)==36){Y();e=0;break}else if((f|0)==49){Y();e=0;break}else if((f|0)==53){Y();e=0;break}else if((f|0)==75){e=(s[293]|0)==-1&(s[292]|0)==0&(i[588]|0)==0;break}}}while(0);n=l;return e|0}function u(){var e=0,r=0,a=0,f=0,c=0,n=0;c=t[18]|0;n=c+12|0;t[18]=n;r=w(1)|0;e=t[18]|0;if(!((e|0)==(n|0)?!(S(r)|0):0))f=3;e:do{if((f|0)==3){r:do{switch(r<<16>>16){case 100:{J(e,e+14|0);break e}case 97:{t[18]=e+10;w(1)|0;e=t[18]|0;f=6;break}case 102:{f=6;break}case 99:{if(z(e+2|0,108,97,115,115)|0?(a=e+10|0,F(s[a>>1]|0)|0):0){t[18]=a;c=w(1)|0;n=t[18]|0;H(c)|0;J(n,t[18]|0);t[18]=(t[18]|0)+-2;break e}e=e+4|0;t[18]=e;f=13;break}case 108:case 118:{f=13;break}case 123:{t[18]=e+2;e=w(1)|0;a=t[18]|0;while(1){if(_(e)|0){d(e);e=(t[18]|0)+2|0;t[18]=e;}else {H(e)|0;e=t[18]|0;}w(1)|0;e=g(a,e)|0;if(e<<16>>16==44){t[18]=(t[18]|0)+2;e=w(1)|0;}r=a;a=t[18]|0;if(e<<16>>16==125){f=32;break}if((a|0)==(r|0)){f=29;break}if(a>>>0>(t[19]|0)>>>0){f=31;break}}if((f|0)==29){Y();break e}else if((f|0)==31){Y();break e}else if((f|0)==32){t[18]=a+2;f=34;break r}break}case 42:{t[18]=e+2;w(1)|0;f=t[18]|0;g(f,f)|0;f=34;break}default:{}}}while(0);if((f|0)==6){t[18]=e+16;e=w(1)|0;if(e<<16>>16==42){t[18]=(t[18]|0)+2;e=w(1)|0;}n=t[18]|0;H(e)|0;J(n,t[18]|0);t[18]=(t[18]|0)+-2;break}else if((f|0)==13){e=e+4|0;t[18]=e;i[589]=0;r:while(1){t[18]=e+2;n=w(1)|0;e=t[18]|0;switch((H(n)|0)<<16>>16){case 91:case 123:{f=15;break r}default:{}}r=t[18]|0;if((r|0)==(e|0))break e;J(e,r);switch((w(1)|0)<<16>>16){case 61:{f=19;break r}case 44:break;default:{f=20;break r}}e=t[18]|0;}if((f|0)==15){t[18]=(t[18]|0)+-2;break}else if((f|0)==19){t[18]=(t[18]|0)+-2;break}else if((f|0)==20){t[18]=(t[18]|0)+-2;break}}else if((f|0)==34)r=w(1)|0;e=t[18]|0;if(r<<16>>16==102?K(e+2|0,114,111,109)|0:0){t[18]=e+8;l(c,w(1)|0);break}t[18]=e+-2;}}while(0);return}function k(){var e=0,r=0,a=0,f=0,c=0;c=t[18]|0;r=c+12|0;t[18]=r;e:do{switch((w(1)|0)<<16>>16){case 40:{r=t[17]|0;a=s[292]|0;s[292]=a+1<<16>>16;t[r+((a&65535)<<2)>>2]=c;if((s[t[15]>>1]|0)!=46){v(c,(t[18]|0)+2|0,0,c);t[11]=t[8];t[18]=(t[18]|0)+2;switch((w(1)|0)<<16>>16){case 39:{d(39);break}case 34:{d(34);break}default:{t[18]=(t[18]|0)+-2;break e}}t[18]=(t[18]|0)+2;switch((w(1)|0)<<16>>16){case 44:{c=t[18]|0;t[(t[8]|0)+4>>2]=c;t[18]=c+2;w(1)|0;c=t[18]|0;a=t[8]|0;t[a+16>>2]=c;i[a+24>>0]=1;t[18]=c+-2;break e}case 41:{s[292]=(s[292]|0)+-1<<16>>16;a=t[18]|0;c=t[8]|0;t[c+4>>2]=a;t[c+12>>2]=a;i[c+24>>0]=1;break e}default:{t[18]=(t[18]|0)+-2;break e}}}break}case 46:{t[18]=(t[18]|0)+2;if(((w(1)|0)<<16>>16==109?(e=t[18]|0,K(e+2|0,101,116,97)|0):0)?(s[t[15]>>1]|0)!=46:0)v(c,c,e+8|0,2);break}case 42:case 39:case 34:{f=16;break}case 123:{e=t[18]|0;if(s[292]|0){t[18]=e+-2;break e}while(1){if(e>>>0>=(t[19]|0)>>>0)break;e=w(1)|0;if(!(_(e)|0)){if(e<<16>>16==125){f=31;break}}else d(e);e=(t[18]|0)+2|0;t[18]=e;}if((f|0)==31)t[18]=(t[18]|0)+2;w(1)|0;e=t[18]|0;if(!(z(e,102,114,111,109)|0)){Y();break e}t[18]=e+8;e=w(1)|0;if(_(e)|0){l(c,e);break e}else {Y();break e}}default:if((t[18]|0)!=(r|0))f=16;}}while(0);do{if((f|0)==16){if(s[292]|0){t[18]=(t[18]|0)+-2;break}e=t[19]|0;r=t[18]|0;while(1){if(r>>>0>=e>>>0){f=23;break}a=s[r>>1]|0;if(_(a)|0){f=21;break}f=r+2|0;t[18]=f;r=f;}if((f|0)==21){l(c,a);break}else if((f|0)==23){Y();break}}}while(0);return}function l(e,r){e=e|0;r=r|0;var a=0,i=0;a=(t[18]|0)+2|0;switch(r<<16>>16){case 39:{d(39);i=5;break}case 34:{d(34);i=5;break}default:Y();}do{if((i|0)==5){v(e,a,t[18]|0,1);t[18]=(t[18]|0)+2;i=(w(0)|0)<<16>>16==97;r=t[18]|0;if(i?B(r+2|0,115,115,101,114,116)|0:0){t[18]=r+12;if((w(1)|0)<<16>>16!=123){t[18]=r;break}e=t[18]|0;a=e;e:while(1){t[18]=a+2;a=w(1)|0;switch(a<<16>>16){case 39:{d(39);t[18]=(t[18]|0)+2;a=w(1)|0;break}case 34:{d(34);t[18]=(t[18]|0)+2;a=w(1)|0;break}default:a=H(a)|0;}if(a<<16>>16!=58){i=16;break}t[18]=(t[18]|0)+2;switch((w(1)|0)<<16>>16){case 39:{d(39);break}case 34:{d(34);break}default:{i=20;break e}}t[18]=(t[18]|0)+2;switch((w(1)|0)<<16>>16){case 125:{i=25;break e}case 44:break;default:{i=24;break e}}t[18]=(t[18]|0)+2;if((w(1)|0)<<16>>16==125){i=25;break}a=t[18]|0;}if((i|0)==16){t[18]=r;break}else if((i|0)==20){t[18]=r;break}else if((i|0)==24){t[18]=r;break}else if((i|0)==25){i=t[8]|0;t[i+16>>2]=e;t[i+12>>2]=(t[18]|0)+2;break}}t[18]=r+-2;}}while(0);return}function o(e){e=e|0;e:do{switch(s[e>>1]|0){case 100:switch(s[e+-2>>1]|0){case 105:{e=q(e+-4|0,118,111)|0;break e}case 108:{e=P(e+-4|0,121,105,101)|0;break e}default:{e=0;break e}}case 101:{switch(s[e+-2>>1]|0){case 115:break;case 116:{e=E(e+-4|0,100,101,108,101)|0;break e}default:{e=0;break e}}switch(s[e+-4>>1]|0){case 108:{e=D(e+-6|0,101)|0;break e}case 97:{e=D(e+-6|0,99)|0;break e}default:{e=0;break e}}}case 102:{if((s[e+-2>>1]|0)==111?(s[e+-4>>1]|0)==101:0)switch(s[e+-6>>1]|0){case 99:{e=O(e+-8|0,105,110,115,116,97,110)|0;break e}case 112:{e=q(e+-8|0,116,121)|0;break e}default:{e=0;break e}}else e=0;break}case 110:{e=e+-2|0;if(D(e,105)|0)e=1;else e=$(e,114,101,116,117,114)|0;break}case 111:{e=D(e+-2|0,100)|0;break}case 114:{e=m(e+-2|0,100,101,98,117,103,103,101)|0;break}case 116:{e=E(e+-2|0,97,119,97,105)|0;break}case 119:switch(s[e+-2>>1]|0){case 101:{e=D(e+-4|0,110)|0;break e}case 111:{e=P(e+-4|0,116,104,114)|0;break e}default:{e=0;break e}}default:e=0;}}while(0);return e|0}function h(){var e=0,r=0,a=0;r=t[19]|0;a=t[18]|0;e:while(1){e=a+2|0;if(a>>>0>=r>>>0){r=8;break}switch(s[e>>1]|0){case 96:{r=9;break e}case 36:{if((s[a+4>>1]|0)==123){r=6;break e}break}case 92:{e=a+4|0;break}default:{}}a=e;}if((r|0)==6){t[18]=a+4;e=s[293]|0;r=t[16]|0;a=s[291]|0;s[291]=a+1<<16>>16;s[r+((a&65535)<<1)>>1]=e;a=(s[292]|0)+1<<16>>16;s[292]=a;s[293]=a;}else if((r|0)==8){t[18]=e;Y();}else if((r|0)==9)t[18]=e;return}function w(e){e=e|0;var r=0,a=0,i=0;a=t[18]|0;e:do{r=s[a>>1]|0;r:do{if(r<<16>>16!=47)if(e)if(Z(r)|0)break;else break e;else if(Q(r)|0)break;else break e;else switch(s[a+2>>1]|0){case 47:{G();break r}case 42:{p(e);break r}default:{r=47;break e}}}while(0);i=t[18]|0;a=i+2|0;t[18]=a;}while(i>>>0<(t[19]|0)>>>0);return r|0}function d(e){e=e|0;var r=0,a=0,i=0,f=0;f=t[19]|0;r=t[18]|0;while(1){i=r+2|0;if(r>>>0>=f>>>0){r=9;break}a=s[i>>1]|0;if(a<<16>>16==e<<16>>16){r=10;break}if(a<<16>>16==92){a=r+4|0;if((s[a>>1]|0)==13){r=r+6|0;r=(s[r>>1]|0)==10?r:a;}else r=a;}else if(ae(a)|0){r=9;break}else r=i;}if((r|0)==9){t[18]=i;Y();}else if((r|0)==10)t[18]=i;return}function v(e,r,a,s){e=e|0;r=r|0;a=a|0;s=s|0;var f=0,c=0;f=t[13]|0;t[13]=f+32;c=t[8]|0;t[((c|0)==0?16:c+28|0)>>2]=f;t[9]=c;t[8]=f;t[f+8>>2]=e;do{if(2!=(s|0))if(1==(s|0)){t[f+12>>2]=a+2;break}else {t[f+12>>2]=t[3];break}else t[f+12>>2]=a;}while(0);t[f>>2]=r;t[f+4>>2]=a;t[f+16>>2]=0;t[f+20>>2]=s;i[f+24>>0]=1==(s|0)&1;t[f+28>>2]=0;return}function A(){var e=0,r=0,a=0;a=t[19]|0;r=t[18]|0;e:while(1){e=r+2|0;if(r>>>0>=a>>>0){r=6;break}switch(s[e>>1]|0){case 13:case 10:{r=6;break e}case 93:{r=7;break e}case 92:{e=r+4|0;break}default:{}}r=e;}if((r|0)==6){t[18]=e;Y();e=0;}else if((r|0)==7){t[18]=e;e=93;}return e|0}function C(e,r,a,i,t,f,c,n){e=e|0;r=r|0;a=a|0;i=i|0;t=t|0;f=f|0;c=c|0;n=n|0;if((((((s[e+12>>1]|0)==n<<16>>16?(s[e+10>>1]|0)==c<<16>>16:0)?(s[e+8>>1]|0)==f<<16>>16:0)?(s[e+6>>1]|0)==t<<16>>16:0)?(s[e+4>>1]|0)==i<<16>>16:0)?(s[e+2>>1]|0)==a<<16>>16:0)r=(s[e>>1]|0)==r<<16>>16;else r=0;return r|0}function y(e){e=e|0;switch(s[e>>1]|0){case 62:{e=(s[e+-2>>1]|0)==61;break}case 41:case 59:{e=1;break}case 104:{e=E(e+-2|0,99,97,116,99)|0;break}case 121:{e=O(e+-2|0,102,105,110,97,108,108)|0;break}case 101:{e=P(e+-2|0,101,108,115)|0;break}default:e=0;}return e|0}function g(e,r){e=e|0;r=r|0;var a=0,i=0;a=t[18]|0;i=s[a>>1]|0;if(i<<16>>16==97){t[18]=a+4;a=w(1)|0;e=t[18]|0;if(_(a)|0){d(a);r=(t[18]|0)+2|0;t[18]=r;}else {H(a)|0;r=t[18]|0;}i=w(1)|0;a=t[18]|0;}if((a|0)!=(e|0))J(e,r);return i|0}function I(){var e=0,r=0,a=0;e:while(1){e=t[18]|0;r=e+2|0;t[18]=r;if(e>>>0>=(t[19]|0)>>>0){a=7;break}switch(s[r>>1]|0){case 13:case 10:{a=7;break e}case 47:break e;case 91:{A()|0;break}case 92:{t[18]=e+4;break}default:{}}}if((a|0)==7)Y();return}function p(e){e=e|0;var r=0,a=0,i=0,f=0,c=0;f=(t[18]|0)+2|0;t[18]=f;a=t[19]|0;while(1){r=f+2|0;if(f>>>0>=a>>>0)break;i=s[r>>1]|0;if(!e?ae(i)|0:0)break;if(i<<16>>16==42?(s[f+4>>1]|0)==47:0){c=8;break}f=r;}if((c|0)==8){t[18]=r;r=f+4|0;}t[18]=r;return}function U(e,r,a,i,t,f,c){e=e|0;r=r|0;a=a|0;i=i|0;t=t|0;f=f|0;c=c|0;if(((((s[e+10>>1]|0)==c<<16>>16?(s[e+8>>1]|0)==f<<16>>16:0)?(s[e+6>>1]|0)==t<<16>>16:0)?(s[e+4>>1]|0)==i<<16>>16:0)?(s[e+2>>1]|0)==a<<16>>16:0)r=(s[e>>1]|0)==r<<16>>16;else r=0;return r|0}function m(e,r,a,i,f,c,n,b){e=e|0;r=r|0;a=a|0;i=i|0;f=f|0;c=c|0;n=n|0;b=b|0;var u=0,k=0;k=e+-12|0;u=t[3]|0;if(k>>>0>=u>>>0?C(k,r,a,i,f,c,n,b)|0:0)if((k|0)==(u|0))u=1;else u=F(s[e+-14>>1]|0)|0;else u=0;return u|0}function S(e){e=e|0;e:do{switch(e<<16>>16){case 38:case 37:case 33:{e=1;break}default:if((e&-8)<<16>>16==40|(e+-58&65535)<6)e=1;else {switch(e<<16>>16){case 91:case 93:case 94:{e=1;break e}default:{}}e=(e+-123&65535)<4;}}}while(0);return e|0}function x(e){e=e|0;e:do{switch(e<<16>>16){case 38:case 37:case 33:break;default:if(!((e+-58&65535)<6|(e+-40&65535)<7&e<<16>>16!=41)){switch(e<<16>>16){case 91:case 94:break e;default:{}}return e<<16>>16!=125&(e+-123&65535)<4|0}}}while(0);return 1}function O(e,r,a,i,f,c,n){e=e|0;r=r|0;a=a|0;i=i|0;f=f|0;c=c|0;n=n|0;var b=0,u=0;u=e+-10|0;b=t[3]|0;if(u>>>0>=b>>>0?U(u,r,a,i,f,c,n)|0:0)if((u|0)==(b|0))b=1;else b=F(s[e+-12>>1]|0)|0;else b=0;return b|0}function $(e,r,a,i,f,c){e=e|0;r=r|0;a=a|0;i=i|0;f=f|0;c=c|0;var n=0,b=0;b=e+-8|0;n=t[3]|0;if(b>>>0>=n>>>0?B(b,r,a,i,f,c)|0:0)if((b|0)==(n|0))n=1;else n=F(s[e+-10>>1]|0)|0;else n=0;return n|0}function j(e){e=e|0;var r=0,a=0,i=0,f=0;a=n;n=n+16|0;i=a;t[i>>2]=0;t[12]=e;r=t[3]|0;f=r+(e<<1)|0;e=f+2|0;s[f>>1]=0;t[i>>2]=e;t[13]=e;t[4]=0;t[8]=0;t[6]=0;t[5]=0;t[10]=0;t[7]=0;n=a;return r|0}function B(e,r,a,i,t,f){e=e|0;r=r|0;a=a|0;i=i|0;t=t|0;f=f|0;if((((s[e+8>>1]|0)==f<<16>>16?(s[e+6>>1]|0)==t<<16>>16:0)?(s[e+4>>1]|0)==i<<16>>16:0)?(s[e+2>>1]|0)==a<<16>>16:0)r=(s[e>>1]|0)==r<<16>>16;else r=0;return r|0}function E(e,r,a,i,f){e=e|0;r=r|0;a=a|0;i=i|0;f=f|0;var c=0,n=0;n=e+-6|0;c=t[3]|0;if(n>>>0>=c>>>0?z(n,r,a,i,f)|0:0)if((n|0)==(c|0))c=1;else c=F(s[e+-8>>1]|0)|0;else c=0;return c|0}function P(e,r,a,i){e=e|0;r=r|0;a=a|0;i=i|0;var f=0,c=0;c=e+-4|0;f=t[3]|0;if(c>>>0>=f>>>0?K(c,r,a,i)|0:0)if((c|0)==(f|0))f=1;else f=F(s[e+-6>>1]|0)|0;else f=0;return f|0}function q(e,r,a){e=e|0;r=r|0;a=a|0;var i=0,f=0;f=e+-2|0;i=t[3]|0;if(f>>>0>=i>>>0?N(f,r,a)|0:0)if((f|0)==(i|0))i=1;else i=F(s[e+-4>>1]|0)|0;else i=0;return i|0}function z(e,r,a,i,t){e=e|0;r=r|0;a=a|0;i=i|0;t=t|0;if(((s[e+6>>1]|0)==t<<16>>16?(s[e+4>>1]|0)==i<<16>>16:0)?(s[e+2>>1]|0)==a<<16>>16:0)r=(s[e>>1]|0)==r<<16>>16;else r=0;return r|0}function D(e,r){e=e|0;r=r|0;var a=0;a=t[3]|0;if(a>>>0<=e>>>0?(s[e>>1]|0)==r<<16>>16:0)if((a|0)==(e|0))a=1;else a=F(s[e+-2>>1]|0)|0;else a=0;return a|0}function F(e){e=e|0;e:do{if((e+-9&65535)<5)e=1;else {switch(e<<16>>16){case 32:case 160:{e=1;break e}default:{}}e=e<<16>>16!=46&(S(e)|0);}}while(0);return e|0}function G(){var e=0,r=0,a=0;e=t[19]|0;a=t[18]|0;e:while(1){r=a+2|0;if(a>>>0>=e>>>0)break;switch(s[r>>1]|0){case 13:case 10:break e;default:a=r;}}t[18]=r;return}function H(e){e=e|0;while(1){if(Z(e)|0)break;if(S(e)|0)break;e=(t[18]|0)+2|0;t[18]=e;e=s[e>>1]|0;if(!(e<<16>>16)){e=0;break}}return e|0}function J(e,r){e=e|0;r=r|0;var a=0,i=0;a=t[13]|0;t[13]=a+12;i=t[10]|0;t[((i|0)==0?20:i+8|0)>>2]=a;t[10]=a;t[a>>2]=e;t[a+4>>2]=r;t[a+8>>2]=0;return}function K(e,r,a,i){e=e|0;r=r|0;a=a|0;i=i|0;if((s[e+4>>1]|0)==i<<16>>16?(s[e+2>>1]|0)==a<<16>>16:0)r=(s[e>>1]|0)==r<<16>>16;else r=0;return r|0}function L(e){e=e|0;if(!($(e,119,104,105,108,101)|0)?!(P(e,102,111,114)|0):0)e=q(e,105,102)|0;else e=1;return e|0}function M(){var e=0;e=t[(t[6]|0)+20>>2]|0;switch(e|0){case 1:{e=-1;break}case 2:{e=-2;break}default:e=e-(t[3]|0)>>1;}return e|0}function N(e,r,a){e=e|0;r=r|0;a=a|0;if((s[e+2>>1]|0)==a<<16>>16)r=(s[e>>1]|0)==r<<16>>16;else r=0;return r|0}function Q(e){e=e|0;switch(e<<16>>16){case 160:case 32:case 12:case 11:case 9:{e=1;break}default:e=0;}return e|0}function R(e){e=e|0;if((t[3]|0)==(e|0))e=1;else e=F(s[e+-2>>1]|0)|0;return e|0}function T(){var e=0;e=t[(t[6]|0)+16>>2]|0;if(!e)e=-1;else e=e-(t[3]|0)>>1;return e|0}function V(){var e=0;e=t[6]|0;e=t[((e|0)==0?16:e+28|0)>>2]|0;t[6]=e;return (e|0)!=0|0}function W(){var e=0;e=t[7]|0;e=t[((e|0)==0?20:e+8|0)>>2]|0;t[7]=e;return (e|0)!=0|0}function X(e){e=e|0;var r=0;r=n;n=n+e|0;n=n+15&-16;return r|0}function Y(){i[588]=1;t[14]=(t[18]|0)-(t[3]|0)>>1;t[18]=(t[19]|0)+2;return}function Z(e){e=e|0;return (e|128)<<16>>16==160|(e+-9&65535)<5|0}function _(e){e=e|0;return e<<16>>16==39|e<<16>>16==34|0}function ee(){return (t[(t[6]|0)+12>>2]|0)-(t[3]|0)>>1|0}function re(){return (t[(t[6]|0)+8>>2]|0)-(t[3]|0)>>1|0}function ae(e){e=e|0;return e<<16>>16==13|e<<16>>16==10|0}function ie(){return (t[(t[6]|0)+4>>2]|0)-(t[3]|0)>>1|0}function se(){return (t[(t[7]|0)+4>>2]|0)-(t[3]|0)>>1|0}function te(){return (t[t[6]>>2]|0)-(t[3]|0)>>1|0}function fe(){return (t[t[7]>>2]|0)-(t[3]|0)>>1|0}function ce(){return f[(t[6]|0)+24>>0]|0|0}function ne(e){e=e|0;t[3]=e;return}function be(){return (i[589]|0)!=0|0}function ue(){return t[14]|0}return {ai:T,e:ue,ee:se,es:fe,f:be,id:M,ie:ie,ip:ce,is:te,p:b,re:W,ri:V,sa:j,se:ee,ses:ne,ss:re,sta:X}}({Int8Array:Int8Array,Int16Array:Int16Array,Int32Array:Int32Array,Uint8Array:Uint8Array,Uint16Array:Uint16Array},{},r),a=e.sta(2*i);}const o=t.length+1;e.ses(a),e.sa(o-1),(s?b:n)(t,new Uint16Array(r,a,o)),e.p()||(c$1=e.e(),h());const w=[],d=[];for(;e.ri();){const r=e.is(),a=e.ie(),i=e.ai(),s=e.id(),f=e.ss(),c=e.se();let n;e.ip()&&(n=u(-1===s?r:r+1,t.charCodeAt(-1===s?r-1:r))),w.push({n:n,s:r,e:a,ss:f,se:c,d:s,a:i});}for(;e.re();){const r=e.es(),a=t.charCodeAt(r);d.push(34===a||39===a?u(r+1,a):t.slice(e.es(),e.ee()));}return [w,d,!!e.f()]}function n(e,r){const a=e.length;let i=0;for(;i<a;){const a=e.charCodeAt(i);r[i++]=(255&a)<<8|a>>>8;}}function b(e,r){const a=e.length;let i=0;for(;i<a;)r[i]=e.charCodeAt(i++);}function u(e,r){c$1=e;let a="",i=c$1;for(;;){c$1>=t.length&&h();const e=t.charCodeAt(c$1);if(e===r)break;92===e?(a+=t.slice(i,c$1),a+=k(),i=c$1):(8232===e||8233===e||o(e)&&h(),++c$1);}return a+=t.slice(i,c$1++),a}function k(){let e=t.charCodeAt(++c$1);switch(++c$1,e){case 110:return "\n";case 114:return "\r";case 120:return String.fromCharCode(l(2));case 117:return function(){let e;123===t.charCodeAt(c$1)?(++c$1,e=l(t.indexOf("}",c$1)-c$1),++c$1,e>1114111&&h()):e=l(4);return e<=65535?String.fromCharCode(e):(e-=65536,String.fromCharCode(55296+(e>>10),56320+(1023&e)))}();case 116:return "\t";case 98:return "\b";case 118:return "\v";case 102:return "\f";case 13:10===t.charCodeAt(c$1)&&++c$1;case 10:return "";case 56:case 57:h();default:if(e>=48&&e<=55){let r=t.substr(c$1-1,3).match(/^[0-7]+/)[0],a=parseInt(r,8);return a>255&&(r=r.slice(0,-1),a=parseInt(r,8)),c$1+=r.length-1,e=t.charCodeAt(c$1),"0"===r&&56!==e&&57!==e||h(),String.fromCharCode(a)}return o(e)?"":String.fromCharCode(e)}}function l(e){const r=c$1;let a=0,i=0;for(let r=0;r<e;++r,++c$1){let e,s=t.charCodeAt(c$1);if(95!==s){if(s>=97)e=s-97+10;else if(s>=65)e=s-65+10;else {if(!(s>=48&&s<=57))break;e=s-48;}if(e>=16)break;i=s,a=16*a+e;}else 95!==i&&0!==r||h(),i=s;}return 95!==i&&c$1-r===e||h(),a}function o(e){return 13===e||10===e}function h(){throw Object.assign(new Error(`Parse error ${f}:${t.slice(0,c$1).split("\n").length}:${c$1-t.lastIndexOf("\n",c$1-1)}`),{idx:c$1})}
+
+  async function defaultResolve (id, parentUrl) {
+    return resolveImportMap(importMap, resolveIfNotPlainOrUrl(id, parentUrl) || id, parentUrl);
+  }
+
+  async function _resolve (id, parentUrl) {
+    const urlResolved = resolveIfNotPlainOrUrl(id, parentUrl);
+    return {
+      r: resolveImportMap(importMap, urlResolved || id, parentUrl),
+      // b = bare specifier
+      b: !urlResolved && !isURL(id)
+    };
+  }
+
+  const resolve = resolveHook ? async (id, parentUrl) => ({ r: await esmsInitOptions.resolve(id, parentUrl, defaultResolve), b: false }) : _resolve;
+
+  let id = 0;
+  const registry = {};
+
+  async function loadAll (load, seen) {
+    if (load.b || seen[load.u])
+      return;
+    seen[load.u] = 1;
+    await load.L;
+    await Promise.all(load.d.map(dep => loadAll(dep, seen)));
+    if (!load.n)
+      load.n = load.d.some(dep => dep.n);
+  }
+
+  let importMap = { imports: {}, scopes: {} };
+  let importMapSrcOrLazy = false;
+  let baselinePassthrough;
+
+  const initPromise = featureDetectionPromise.then(() => {
+    // shim mode is determined on initialization, no late shim mode
+    if (!shimMode) {
+      let seenScript = false;
+      for (const script of document.querySelectorAll('script[type="module-shim"],script[type="importmap-shim"],script[type="module"],script[type="importmap"]')) {
+        if (!seenScript && script.type === 'module')
+          seenScript = true;
+        if (script.type.endsWith('-shim')) {
+          setShimMode();
+          break;
+        }
+        if (seenScript && script.type === 'importmap') {
+          importMapSrcOrLazy = true;
+          break;
+        }
+      }
+    }
+    baselinePassthrough = supportsDynamicImport && supportsImportMeta && supportsImportMaps && (!jsonModulesEnabled || supportsJsonAssertions) && (!cssModulesEnabled || supportsCssAssertions) && !importMapSrcOrLazy && !false;
+    if (!baselinePassthrough) onpolyfill();
+    if (shimMode || !baselinePassthrough) {
+      new MutationObserver(mutations => {
+        for (const mutation of mutations) {
+          if (mutation.type !== 'childList') continue;
+          for (const node of mutation.addedNodes) {
+            if (node.tagName === 'SCRIPT') {
+              if (!shimMode && node.type === 'module' || shimMode && node.type === 'module-shim')
+                processScript(node);
+              if (!shimMode && node.type === 'importmap' || shimMode && node.type === 'importmap-shim')
+                processImportMap(node);
+            }
+            else if (node.tagName === 'LINK' && node.rel === 'modulepreload')
+              processPreload(node);
+          }
+        }
+      }).observe(document, { childList: true, subtree: true });
+      processImportMaps();
+      processScriptsAndPreloads();
+      return undefined;
+    }
+  });
+  let importMapPromise = initPromise;
+
+  let acceptingImportMaps = true;
+  async function topLevelLoad (url, fetchOpts, source, nativelyLoaded, lastStaticLoadPromise) {
+    if (!shimMode)
+      acceptingImportMaps = false;
+    await importMapPromise;
+    // early analysis opt-out - no need to even fetch if we have feature support
+    if (!shimMode && baselinePassthrough) {
+      // for polyfill case, only dynamic import needs a return value here, and dynamic import will never pass nativelyLoaded
+      if (nativelyLoaded)
+        return null;
+      await lastStaticLoadPromise;
+      return dynamicImport(source ? createBlob(source) : url, { errUrl: url || source });
+    }
+    const load = getOrCreateLoad(url, fetchOpts, source);
+    const seen = {};
+    await loadAll(load, seen);
+    lastLoad = undefined;
+    resolveDeps(load, seen);
+    await lastStaticLoadPromise;
+    if (source && !shimMode && !load.n && !false) {
+      const module = await dynamicImport(createBlob(source), { errUrl: source });
+      if (revokeBlobURLs) revokeObjectURLs(Object.keys(seen));
+      return module;
+    }
+    const module = await dynamicImport((shimMode || load.n) ? load.b : load.u, { errUrl: load.u });
+    // if the top-level load is a shell, run its update function
+    if (load.s)
+      (await dynamicImport(load.s)).u$_(module);
+    if (revokeBlobURLs) revokeObjectURLs(Object.keys(seen));
+    // when tla is supported, this should return the tla promise as an actual handle
+    // so readystate can still correspond to the sync subgraph exec completions
+    return module;
+  }
+
+  function revokeObjectURLs(registryKeys) {
+    let batch = 0;
+    const keysLength = registryKeys.length;
+    const schedule = self.requestIdleCallback ? self.requestIdleCallback : self.requestAnimationFrame;
+    schedule(cleanup);
+    function cleanup() {
+      const batchStartIndex = batch * 100;
+      if (batchStartIndex > keysLength) return
+      for (const key of registryKeys.slice(batchStartIndex, batchStartIndex + 100)) {
+        const load = registry[key];
+        if (load) URL.revokeObjectURL(load.b);
+      }
+      batch++;
+      schedule(cleanup);
+    }
+  }
+
+  async function importShim (id, parentUrl = baseUrl, _assertion) {
+    // needed for shim check
+    await initPromise;
+    if (acceptingImportMaps || shimMode || !baselinePassthrough) {
+      processImportMaps();
+      if (!shimMode)
+        acceptingImportMaps = false;
+    }
+    await importMapPromise;
+    return topLevelLoad((await resolve(id, parentUrl)).r || throwUnresolved(id, parentUrl), { credentials: 'same-origin' });
+  }
+
+  self.importShim = importShim;
+
+  if (shimMode) {
+    importShim.getImportMap = () => JSON.parse(JSON.stringify(importMap));
+  }
+
+  const meta = {};
+
+  async function importMetaResolve (id, parentUrl = this.url) {
+    return (await resolve(id, `${parentUrl}`)).r || throwUnresolved(id, parentUrl);
+  }
+
+  self._esmsm = meta;
+
+  function urlJsString (url) {
+    return `'${url.replace(/'/g, "\\'")}'`;
+  }
+
+  let lastLoad;
+  function resolveDeps (load, seen) {
+    if (load.b || !seen[load.u])
+      return;
+    seen[load.u] = 0;
+
+    for (const dep of load.d)
+      resolveDeps(dep, seen);
+
+    const [imports] = load.a;
+
+    // "execution"
+    const source = load.S;
+
+    // edge doesnt execute sibling in order, so we fix this up by ensuring all previous executions are explicit dependencies
+    let resolvedSource = edge && lastLoad ? `import '${lastLoad}';` : '';
+
+    if (!imports.length) {
+      resolvedSource += source;
+    }
+    else {
+      // once all deps have loaded we can inline the dependency resolution blobs
+      // and define this blob
+      let lastIndex = 0, depIndex = 0;
+      for (const { s: start, se: end, d: dynamicImportIndex } of imports) {
+        // dependency source replacements
+        if (dynamicImportIndex === -1) {
+          const depLoad = load.d[depIndex++];
+          let blobUrl = depLoad.b;
+          if (!blobUrl) {
+            // circular shell creation
+            if (!(blobUrl = depLoad.s)) {
+              blobUrl = depLoad.s = createBlob(`export function u$_(m){${
+              depLoad.a[1].map(
+                name => name === 'default' ? `$_default=m.default` : `${name}=m.${name}`
+              ).join(',')
+            }}${
+              depLoad.a[1].map(name =>
+                name === 'default' ? `let $_default;export{$_default as default}` : `export let ${name}`
+              ).join(';')
+            }\n//# sourceURL=${depLoad.r}?cycle`);
+            }
+          }
+          // circular shell execution
+          else if (depLoad.s) {
+            resolvedSource += `${source.slice(lastIndex, start - 1)}/*${source.slice(start - 1, end)}*/${urlJsString(blobUrl)};import*as m$_${depIndex} from'${depLoad.b}';import{u$_ as u$_${depIndex}}from'${depLoad.s}';u$_${depIndex}(m$_${depIndex})`;
+            lastIndex = end;
+            depLoad.s = undefined;
+            continue;
+          }
+          resolvedSource += `${source.slice(lastIndex, start - 1)}/*${source.slice(start - 1, end)}*/${urlJsString(blobUrl)}`;
+          lastIndex = end;
+        }
+        // import.meta
+        else if (dynamicImportIndex === -2) {
+          meta[load.r] = { url: load.r, resolve: importMetaResolve };
+          resolvedSource += `${source.slice(lastIndex, start)}self._esmsm[${urlJsString(load.r)}]`;
+          lastIndex = end;
+        }
+        // dynamic import
+        else {
+          resolvedSource += `${source.slice(lastIndex, dynamicImportIndex + 6)}Shim(${source.slice(start, end)}, ${load.r && urlJsString(load.r)}`;
+          lastIndex = end;
+        }
+      }
+
+      resolvedSource += source.slice(lastIndex);
+    }
+
+    resolvedSource = resolvedSource.replace(/\/\/# sourceMappingURL=(.*)\s*$/, (match, url) => match.replace(url, () => new URL(url, load.r)));
+    let hasSourceURL = false;
+    resolvedSource = resolvedSource.replace(/\/\/# sourceURL=(.*)\s*$/, (match, url) => (hasSourceURL = true, match.replace(url, () => new URL(url, load.r))));
+    if (!hasSourceURL)
+      resolvedSource += '\n//# sourceURL=' + load.r;
+
+    load.b = lastLoad = createBlob(resolvedSource);
+    load.S = undefined;
+  }
+
+  const jsContentType = /^(text|application)\/(x-)?javascript(;|$)/;
+  const jsonContentType = /^(text|application)\/json(;|$)/;
+  const cssContentType = /^(text|application)\/css(;|$)/;
+  const wasmContentType = /^application\/wasm(;|$)/;
+
+  const cssUrlRegEx = /url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g;
+
+  // restrict in-flight fetches to a pool of 100
+  let p = [];
+  let c = 0;
+  function pushFetchPool () {
+    if (++c > 100)
+      return new Promise(r => p.push(r));
+  }
+  function popFetchPool () {
+    c--;
+    if (p.length)
+      p.shift()();
+  }
+
+  async function doFetch (url, fetchOpts) {
+    const poolQueue = pushFetchPool();
+    if (poolQueue) await poolQueue;
+    try {
+      var res = await fetchHook(url, fetchOpts);
+    }
+    finally {
+      popFetchPool();
+    }
+    if (!res.ok)
+      throw new Error(`${res.status} ${res.statusText} ${res.url}`);
+    const contentType = res.headers.get('content-type');
+    if (jsContentType.test(contentType))
+      return { r: res.url, s: await res.text(), t: 'js' };
+    else if (jsonContentType.test(contentType))
+      return { r: res.url, s: `export default ${await res.text()}`, t: 'json' };
+    else if (cssContentType.test(contentType))
+      return { r: res.url, s: `var s=new CSSStyleSheet();s.replaceSync(${
+      JSON.stringify((await res.text()).replace(cssUrlRegEx, (_match, quotes, relUrl1, relUrl2) => `url(${quotes}${resolveUrl(relUrl1 || relUrl2, url)}${quotes})`))
+    });export default s;`, t: 'css' };
+    else if (wasmContentType.test(contentType))
+      throw new Error('WASM modules not supported');
+    else
+      throw new Error(`Unknown Content-Type "${contentType}"`);
+  }
+
+  function getOrCreateLoad (url, fetchOpts, source) {
+    let load = registry[url];
+    if (load)
+      return load;
+
+    load = registry[url] = {
+      // url
+      u: url,
+      // response url
+      r: undefined,
+      // fetchPromise
+      f: undefined,
+      // source
+      S: undefined,
+      // linkPromise
+      L: undefined,
+      // analysis
+      a: undefined,
+      // deps
+      d: undefined,
+      // blobUrl
+      b: undefined,
+      // shellUrl
+      s: undefined,
+      // needsShim
+      n: false,
+      // type
+      t: null
+    };
+
+    load.f = (async () => {
+      if (!source) {
+        // preload fetch options override fetch options (race)
+        let t;
+        ({ r: load.r, s: source, t } = await (fetchCache[url] || doFetch(url, fetchOpts)));
+        if (t && !shimMode) {
+          if (t === 'css' && !cssModulesEnabled || t === 'json' && !jsonModulesEnabled)
+            throw new Error(`${t}-modules require <script type="esms-options">{ "polyfillEnable": ["${t}-modules"] }<${''}/script>`);
+          if (t === 'css' && !supportsCssAssertions || t === 'json' && !supportsJsonAssertions)
+            load.n = true;
+        }
+      }
+      try {
+        load.a = parse(source, load.u);
+      }
+      catch (e) {
+        console.warn(e);
+        load.a = [[], []];
+      }
+      load.S = source;
+      return load;
+    })();
+
+    load.L = load.f.then(async () => {
+      let childFetchOpts = fetchOpts;
+      load.d = (await Promise.all(load.a[0].map(async ({ n, d }) => {
+        if (d >= 0 && !supportsDynamicImport || d === 2 && !supportsImportMeta)
+          load.n = true;
+        if (!n) return;
+        const { r, b } = await resolve(n, load.r || load.u);
+        if (b && (!supportsImportMaps || importMapSrcOrLazy))
+          load.n = true;
+        if (d !== -1) return;
+        if (!r)
+          throwUnresolved(n, load.r || load.u);
+        if (skip && skip.test(r)) return { b: r };
+        if (childFetchOpts.integrity)
+          childFetchOpts = Object.assign({}, childFetchOpts, { integrity: undefined });
+        return getOrCreateLoad(r, childFetchOpts).f;
+      }))).filter(l => l);
+    });
+
+    return load;
+  }
+
+  function processScriptsAndPreloads () {
+    for (const script of document.querySelectorAll(shimMode ? 'script[type="module-shim"]' : 'script[type="module"]'))
+      processScript(script);
+    for (const link of document.querySelectorAll('link[rel="modulepreload"]'))
+      processPreload(link);
+  }
+
+  function processImportMaps () {
+    for (const script of document.querySelectorAll(shimMode ? 'script[type="importmap-shim"]' : 'script[type="importmap"]'))
+      processImportMap(script);
+  }
+
+  function getFetchOpts (script) {
+    const fetchOpts = {};
+    if (script.integrity)
+      fetchOpts.integrity = script.integrity;
+    if (script.referrerpolicy)
+      fetchOpts.referrerPolicy = script.referrerpolicy;
+    if (script.crossorigin === 'use-credentials')
+      fetchOpts.credentials = 'include';
+    else if (script.crossorigin === 'anonymous')
+      fetchOpts.credentials = 'omit';
+    else
+      fetchOpts.credentials = 'same-origin';
+    return fetchOpts;
+  }
+
+  let lastStaticLoadPromise = Promise.resolve();
+
+  let domContentLoadedCnt = 1;
+  function domContentLoadedCheck () {
+    if (--domContentLoadedCnt === 0 && !noLoadEventRetriggers)
+      document.dispatchEvent(new Event('DOMContentLoaded'));
+  }
+  // this should always trigger because we assume es-module-shims is itself a domcontentloaded requirement
+  document.addEventListener('DOMContentLoaded', async () => {
+    await initPromise;
+    domContentLoadedCheck();
+    if (shimMode || !baselinePassthrough) {
+      processImportMaps();
+      processScriptsAndPreloads();
+    }
+  });
+
+  let readyStateCompleteCnt = 1;
+  if (document.readyState === 'complete') {
+    readyStateCompleteCheck();
+  }
+  else {
+    document.addEventListener('readystatechange', async () => {
+      processImportMaps();
+      await initPromise;
+      readyStateCompleteCheck();
+    });
+  }
+  function readyStateCompleteCheck () {
+    if (--readyStateCompleteCnt === 0 && !noLoadEventRetriggers)
+      document.dispatchEvent(new Event('readystatechange'));
+  }
+
+  function processImportMap (script) {
+    if (script.ep) // ep marker = script processed
+      return;
+    // empty inline scripts sometimes show before domready
+    if (!script.src && !script.innerHTML)
+      return;
+    script.ep = true;
+    // we dont currently support multiple, external or dynamic imports maps in polyfill mode to match native
+    if (script.src) {
+      if (!shimMode)
+        return;
+      importMapSrcOrLazy = true;
+    }
+    if (acceptingImportMaps) {
+      importMapPromise = importMapPromise
+        .then(async () => {
+          importMap = resolveAndComposeImportMap(script.src ? await (await fetchHook(script.src)).json() : JSON.parse(script.innerHTML), script.src || baseUrl, importMap);
+        })
+        .catch(error => setTimeout(() => { throw error }));
+      if (!shimMode)
+        acceptingImportMaps = false;
+    }
+  }
+
+  function processScript (script) {
+    if (script.ep) // ep marker = script processed
+      return;
+    if (script.getAttribute('noshim') !== null)
+      return;
+    // empty inline scripts sometimes show before domready
+    if (!script.src && !script.innerHTML)
+      return;
+    script.ep = true;
+    // does this load block readystate complete
+    const isReadyScript = readyStateCompleteCnt > 0;
+    // does this load block DOMContentLoaded
+    const isDomContentLoadedScript = domContentLoadedCnt > 0;
+    if (isReadyScript) readyStateCompleteCnt++;
+    if (isDomContentLoadedScript) domContentLoadedCnt++;
+    const loadPromise = topLevelLoad(script.src || `${baseUrl}?${id++}`, getFetchOpts(script), !script.src && script.innerHTML, !shimMode, isReadyScript && lastStaticLoadPromise).catch(e => {
+      setTimeout(() => { throw e });
+      onerror(e);
+    });
+    if (isReadyScript)
+      lastStaticLoadPromise = loadPromise.then(readyStateCompleteCheck);
+    if (isDomContentLoadedScript)
+      loadPromise.then(domContentLoadedCheck);
+  }
+
+  const fetchCache = {};
+  function processPreload (link) {
+    if (link.ep) // ep marker = processed
+      return;
+    link.ep = true;
+    if (fetchCache[link.href])
+      return;
+    fetchCache[link.href] = doFetch(link.href, getFetchOpts(link));
+  }
+
+  function throwUnresolved (id, parentUrl) {
+    throw Error("Unable to resolve specifier '" + id + (parentUrl ? "' from " + parentUrl : "'"));
+  }
+
+})();
diff --git a/web_modules/gl-matrix.js b/web_modules/gl-matrix.js
index a9cc5cf..2bd0c0b 100644
--- a/web_modules/gl-matrix.js
+++ b/web_modules/gl-matrix.js
@@ -1,18 +1,18 @@
-import { A as ARRAY_TYPE, E as EPSILON, k as create$3, B as getRotation, C as getTranslation$1, D as copy$3, F as rotateX$1, G as rotateY$1, H as rotateZ$1, I as dot$1, J as length$1, K as squaredLength$1 } from './common/vec2-2ac874ec.js';
-export { y as glMatrix, L as mat3, M as mat4, N as quat, O as vec2, P as vec3, Q as vec4 } from './common/vec2-2ac874ec.js';
-import './common/es.typed-array.float32-array-0e38058f.js';
-import './common/typed-array-constructor-b01e3ece.js';
-import './common/a-function-58034956.js';
+import { A as ARRAY_TYPE, E as EPSILON, k as create$3, B as getRotation, C as getTranslation$1, D as copy$3, F as rotateX$1, G as rotateY$1, H as rotateZ$1, I as dot$1, J as length$1, K as squaredLength$1 } from './common/vec2-1f2e5e13.js';
+export { y as glMatrix, L as mat3, M as mat4, N as quat, O as vec2, P as vec3, Q as vec4 } from './common/vec2-1f2e5e13.js';
+import './common/es.typed-array.float32-array-a1e53042.js';
+import './common/es.typed-array.sort-b0d7095a.js';
+import './common/function-bind-context-dcf83647.js';
 
-/**
- * 2x2 Matrix
- * @module mat2
+/**
+ * 2x2 Matrix
+ * @module mat2
  */
 
-/**
- * Creates a new identity mat2
- *
- * @returns {mat2} a new 2x2 matrix
+/**
+ * Creates a new identity mat2
+ *
+ * @returns {mat2} a new 2x2 matrix
  */
 
 function create() {
@@ -27,11 +27,11 @@ function create() {
   out[3] = 1;
   return out;
 }
-/**
- * Creates a new mat2 initialized with values from an existing matrix
- *
- * @param {ReadonlyMat2} a matrix to clone
- * @returns {mat2} a new 2x2 matrix
+/**
+ * Creates a new mat2 initialized with values from an existing matrix
+ *
+ * @param {ReadonlyMat2} a matrix to clone
+ * @returns {mat2} a new 2x2 matrix
  */
 
 function clone(a) {
@@ -42,12 +42,12 @@ function clone(a) {
   out[3] = a[3];
   return out;
 }
-/**
- * Copy the values from one mat2 to another
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the source matrix
- * @returns {mat2} out
+/**
+ * Copy the values from one mat2 to another
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the source matrix
+ * @returns {mat2} out
  */
 
 function copy(out, a) {
@@ -57,11 +57,11 @@ function copy(out, a) {
   out[3] = a[3];
   return out;
 }
-/**
- * Set a mat2 to the identity matrix
- *
- * @param {mat2} out the receiving matrix
- * @returns {mat2} out
+/**
+ * Set a mat2 to the identity matrix
+ *
+ * @param {mat2} out the receiving matrix
+ * @returns {mat2} out
  */
 
 function identity(out) {
@@ -71,14 +71,14 @@ function identity(out) {
   out[3] = 1;
   return out;
 }
-/**
- * Create a new mat2 with the given values
- *
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m10 Component in column 1, row 0 position (index 2)
- * @param {Number} m11 Component in column 1, row 1 position (index 3)
- * @returns {mat2} out A new 2x2 matrix
+/**
+ * Create a new mat2 with the given values
+ *
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m10 Component in column 1, row 0 position (index 2)
+ * @param {Number} m11 Component in column 1, row 1 position (index 3)
+ * @returns {mat2} out A new 2x2 matrix
  */
 
 function fromValues(m00, m01, m10, m11) {
@@ -89,15 +89,15 @@ function fromValues(m00, m01, m10, m11) {
   out[3] = m11;
   return out;
 }
-/**
- * Set the components of a mat2 to the given values
- *
- * @param {mat2} out the receiving matrix
- * @param {Number} m00 Component in column 0, row 0 position (index 0)
- * @param {Number} m01 Component in column 0, row 1 position (index 1)
- * @param {Number} m10 Component in column 1, row 0 position (index 2)
- * @param {Number} m11 Component in column 1, row 1 position (index 3)
- * @returns {mat2} out
+/**
+ * Set the components of a mat2 to the given values
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {Number} m00 Component in column 0, row 0 position (index 0)
+ * @param {Number} m01 Component in column 0, row 1 position (index 1)
+ * @param {Number} m10 Component in column 1, row 0 position (index 2)
+ * @param {Number} m11 Component in column 1, row 1 position (index 3)
+ * @returns {mat2} out
  */
 
 function set(out, m00, m01, m10, m11) {
@@ -107,12 +107,12 @@ function set(out, m00, m01, m10, m11) {
   out[3] = m11;
   return out;
 }
-/**
- * Transpose the values of a mat2
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the source matrix
- * @returns {mat2} out
+/**
+ * Transpose the values of a mat2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the source matrix
+ * @returns {mat2} out
  */
 
 function transpose(out, a) {
@@ -131,12 +131,12 @@ function transpose(out, a) {
 
   return out;
 }
-/**
- * Inverts a mat2
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the source matrix
- * @returns {mat2} out
+/**
+ * Inverts a mat2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the source matrix
+ * @returns {mat2} out
  */
 
 function invert(out, a) {
@@ -158,12 +158,12 @@ function invert(out, a) {
   out[3] = a0 * det;
   return out;
 }
-/**
- * Calculates the adjugate of a mat2
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the source matrix
- * @returns {mat2} out
+/**
+ * Calculates the adjugate of a mat2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the source matrix
+ * @returns {mat2} out
  */
 
 function adjoint(out, a) {
@@ -175,23 +175,23 @@ function adjoint(out, a) {
   out[3] = a0;
   return out;
 }
-/**
- * Calculates the determinant of a mat2
- *
- * @param {ReadonlyMat2} a the source matrix
- * @returns {Number} determinant of a
+/**
+ * Calculates the determinant of a mat2
+ *
+ * @param {ReadonlyMat2} a the source matrix
+ * @returns {Number} determinant of a
  */
 
 function determinant(a) {
   return a[0] * a[3] - a[2] * a[1];
 }
-/**
- * Multiplies two mat2's
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the first operand
- * @param {ReadonlyMat2} b the second operand
- * @returns {mat2} out
+/**
+ * Multiplies two mat2's
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the first operand
+ * @param {ReadonlyMat2} b the second operand
+ * @returns {mat2} out
  */
 
 function multiply(out, a, b) {
@@ -209,13 +209,13 @@ function multiply(out, a, b) {
   out[3] = a1 * b2 + a3 * b3;
   return out;
 }
-/**
- * Rotates a mat2 by the given angle
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat2} out
+/**
+ * Rotates a mat2 by the given angle
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2} out
  */
 
 function rotate(out, a, rad) {
@@ -231,13 +231,13 @@ function rotate(out, a, rad) {
   out[3] = a1 * -s + a3 * c;
   return out;
 }
-/**
- * Scales the mat2 by the dimensions in the given vec2
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the matrix to rotate
- * @param {ReadonlyVec2} v the vec2 to scale the matrix by
- * @returns {mat2} out
+/**
+ * Scales the mat2 by the dimensions in the given vec2
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the matrix to rotate
+ * @param {ReadonlyVec2} v the vec2 to scale the matrix by
+ * @returns {mat2} out
  **/
 
 function scale(out, a, v) {
@@ -253,16 +253,16 @@ function scale(out, a, v) {
   out[3] = a3 * v1;
   return out;
 }
-/**
- * Creates a matrix from a given angle
- * This is equivalent to (but much faster than):
- *
- *     mat2.identity(dest);
- *     mat2.rotate(dest, dest, rad);
- *
- * @param {mat2} out mat2 receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat2} out
+/**
+ * Creates a matrix from a given angle
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2.identity(dest);
+ *     mat2.rotate(dest, dest, rad);
+ *
+ * @param {mat2} out mat2 receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2} out
  */
 
 function fromRotation(out, rad) {
@@ -274,16 +274,16 @@ function fromRotation(out, rad) {
   out[3] = c;
   return out;
 }
-/**
- * Creates a matrix from a vector scaling
- * This is equivalent to (but much faster than):
- *
- *     mat2.identity(dest);
- *     mat2.scale(dest, dest, vec);
- *
- * @param {mat2} out mat2 receiving operation result
- * @param {ReadonlyVec2} v Scaling vector
- * @returns {mat2} out
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2.identity(dest);
+ *     mat2.scale(dest, dest, vec);
+ *
+ * @param {mat2} out mat2 receiving operation result
+ * @param {ReadonlyVec2} v Scaling vector
+ * @returns {mat2} out
  */
 
 function fromScaling(out, v) {
@@ -293,32 +293,32 @@ function fromScaling(out, v) {
   out[3] = v[1];
   return out;
 }
-/**
- * Returns a string representation of a mat2
- *
- * @param {ReadonlyMat2} a matrix to represent as a string
- * @returns {String} string representation of the matrix
+/**
+ * Returns a string representation of a mat2
+ *
+ * @param {ReadonlyMat2} a matrix to represent as a string
+ * @returns {String} string representation of the matrix
  */
 
 function str(a) {
   return "mat2(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ")";
 }
-/**
- * Returns Frobenius norm of a mat2
- *
- * @param {ReadonlyMat2} a the matrix to calculate Frobenius norm of
- * @returns {Number} Frobenius norm
+/**
+ * Returns Frobenius norm of a mat2
+ *
+ * @param {ReadonlyMat2} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
  */
 
 function frob(a) {
   return Math.hypot(a[0], a[1], a[2], a[3]);
 }
-/**
- * Returns L, D and U matrices (Lower triangular, Diagonal and Upper triangular) by factorizing the input matrix
- * @param {ReadonlyMat2} L the lower triangular matrix
- * @param {ReadonlyMat2} D the diagonal matrix
- * @param {ReadonlyMat2} U the upper triangular matrix
- * @param {ReadonlyMat2} a the input matrix to factorize
+/**
+ * Returns L, D and U matrices (Lower triangular, Diagonal and Upper triangular) by factorizing the input matrix
+ * @param {ReadonlyMat2} L the lower triangular matrix
+ * @param {ReadonlyMat2} D the diagonal matrix
+ * @param {ReadonlyMat2} U the upper triangular matrix
+ * @param {ReadonlyMat2} a the input matrix to factorize
  */
 
 function LDU(L, D, U, a) {
@@ -328,13 +328,13 @@ function LDU(L, D, U, a) {
   U[3] = a[3] - L[2] * U[1];
   return [L, D, U];
 }
-/**
- * Adds two mat2's
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the first operand
- * @param {ReadonlyMat2} b the second operand
- * @returns {mat2} out
+/**
+ * Adds two mat2's
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the first operand
+ * @param {ReadonlyMat2} b the second operand
+ * @returns {mat2} out
  */
 
 function add(out, a, b) {
@@ -344,13 +344,13 @@ function add(out, a, b) {
   out[3] = a[3] + b[3];
   return out;
 }
-/**
- * Subtracts matrix b from matrix a
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the first operand
- * @param {ReadonlyMat2} b the second operand
- * @returns {mat2} out
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the first operand
+ * @param {ReadonlyMat2} b the second operand
+ * @returns {mat2} out
  */
 
 function subtract(out, a, b) {
@@ -360,23 +360,23 @@ function subtract(out, a, b) {
   out[3] = a[3] - b[3];
   return out;
 }
-/**
- * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyMat2} a The first matrix.
- * @param {ReadonlyMat2} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyMat2} a The first matrix.
+ * @param {ReadonlyMat2} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function exactEquals(a, b) {
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3];
 }
-/**
- * Returns whether or not the matrices have approximately the same elements in the same position.
- *
- * @param {ReadonlyMat2} a The first matrix.
- * @param {ReadonlyMat2} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyMat2} a The first matrix.
+ * @param {ReadonlyMat2} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function equals(a, b) {
@@ -390,13 +390,13 @@ function equals(a, b) {
       b3 = b[3];
   return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3));
 }
-/**
- * Multiply each element of the matrix by a scalar.
- *
- * @param {mat2} out the receiving matrix
- * @param {ReadonlyMat2} a the matrix to scale
- * @param {Number} b amount to scale the matrix's elements by
- * @returns {mat2} out
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat2} out the receiving matrix
+ * @param {ReadonlyMat2} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat2} out
  */
 
 function multiplyScalar(out, a, b) {
@@ -406,14 +406,14 @@ function multiplyScalar(out, a, b) {
   out[3] = a[3] * b;
   return out;
 }
-/**
- * Adds two mat2's after multiplying each element of the second operand by a scalar value.
- *
- * @param {mat2} out the receiving vector
- * @param {ReadonlyMat2} a the first operand
- * @param {ReadonlyMat2} b the second operand
- * @param {Number} scale the amount to scale b's elements by before adding
- * @returns {mat2} out
+/**
+ * Adds two mat2's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat2} out the receiving vector
+ * @param {ReadonlyMat2} a the first operand
+ * @param {ReadonlyMat2} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat2} out
  */
 
 function multiplyScalarAndAdd(out, a, b, scale) {
@@ -423,15 +423,15 @@ function multiplyScalarAndAdd(out, a, b, scale) {
   out[3] = a[3] + b[3] * scale;
   return out;
 }
-/**
- * Alias for {@link mat2.multiply}
- * @function
+/**
+ * Alias for {@link mat2.multiply}
+ * @function
  */
 
 var mul = multiply;
-/**
- * Alias for {@link mat2.subtract}
- * @function
+/**
+ * Alias for {@link mat2.subtract}
+ * @function
  */
 
 var sub = subtract;
@@ -466,29 +466,29 @@ var mat2 = /*#__PURE__*/Object.freeze({
   sub: sub
 });
 
-/**
- * 2x3 Matrix
- * @module mat2d
- * @description
- * A mat2d contains six elements defined as:
- * <pre>
- * [a, b,
- *  c, d,
- *  tx, ty]
- * </pre>
- * This is a short form for the 3x3 matrix:
- * <pre>
- * [a, b, 0,
- *  c, d, 0,
- *  tx, ty, 1]
- * </pre>
- * The last column is ignored so the array is shorter and operations are faster.
- */
-
-/**
- * Creates a new identity mat2d
- *
- * @returns {mat2d} a new 2x3 matrix
+/**
+ * 2x3 Matrix
+ * @module mat2d
+ * @description
+ * A mat2d contains six elements defined as:
+ * <pre>
+ * [a, b,
+ *  c, d,
+ *  tx, ty]
+ * </pre>
+ * This is a short form for the 3x3 matrix:
+ * <pre>
+ * [a, b, 0,
+ *  c, d, 0,
+ *  tx, ty, 1]
+ * </pre>
+ * The last column is ignored so the array is shorter and operations are faster.
+ */
+
+/**
+ * Creates a new identity mat2d
+ *
+ * @returns {mat2d} a new 2x3 matrix
  */
 
 function create$1() {
@@ -505,11 +505,11 @@ function create$1() {
   out[3] = 1;
   return out;
 }
-/**
- * Creates a new mat2d initialized with values from an existing matrix
- *
- * @param {ReadonlyMat2d} a matrix to clone
- * @returns {mat2d} a new 2x3 matrix
+/**
+ * Creates a new mat2d initialized with values from an existing matrix
+ *
+ * @param {ReadonlyMat2d} a matrix to clone
+ * @returns {mat2d} a new 2x3 matrix
  */
 
 function clone$1(a) {
@@ -522,12 +522,12 @@ function clone$1(a) {
   out[5] = a[5];
   return out;
 }
-/**
- * Copy the values from one mat2d to another
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the source matrix
- * @returns {mat2d} out
+/**
+ * Copy the values from one mat2d to another
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the source matrix
+ * @returns {mat2d} out
  */
 
 function copy$1(out, a) {
@@ -539,11 +539,11 @@ function copy$1(out, a) {
   out[5] = a[5];
   return out;
 }
-/**
- * Set a mat2d to the identity matrix
- *
- * @param {mat2d} out the receiving matrix
- * @returns {mat2d} out
+/**
+ * Set a mat2d to the identity matrix
+ *
+ * @param {mat2d} out the receiving matrix
+ * @returns {mat2d} out
  */
 
 function identity$1(out) {
@@ -555,16 +555,16 @@ function identity$1(out) {
   out[5] = 0;
   return out;
 }
-/**
- * Create a new mat2d with the given values
- *
- * @param {Number} a Component A (index 0)
- * @param {Number} b Component B (index 1)
- * @param {Number} c Component C (index 2)
- * @param {Number} d Component D (index 3)
- * @param {Number} tx Component TX (index 4)
- * @param {Number} ty Component TY (index 5)
- * @returns {mat2d} A new mat2d
+/**
+ * Create a new mat2d with the given values
+ *
+ * @param {Number} a Component A (index 0)
+ * @param {Number} b Component B (index 1)
+ * @param {Number} c Component C (index 2)
+ * @param {Number} d Component D (index 3)
+ * @param {Number} tx Component TX (index 4)
+ * @param {Number} ty Component TY (index 5)
+ * @returns {mat2d} A new mat2d
  */
 
 function fromValues$1(a, b, c, d, tx, ty) {
@@ -577,17 +577,17 @@ function fromValues$1(a, b, c, d, tx, ty) {
   out[5] = ty;
   return out;
 }
-/**
- * Set the components of a mat2d to the given values
- *
- * @param {mat2d} out the receiving matrix
- * @param {Number} a Component A (index 0)
- * @param {Number} b Component B (index 1)
- * @param {Number} c Component C (index 2)
- * @param {Number} d Component D (index 3)
- * @param {Number} tx Component TX (index 4)
- * @param {Number} ty Component TY (index 5)
- * @returns {mat2d} out
+/**
+ * Set the components of a mat2d to the given values
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {Number} a Component A (index 0)
+ * @param {Number} b Component B (index 1)
+ * @param {Number} c Component C (index 2)
+ * @param {Number} d Component D (index 3)
+ * @param {Number} tx Component TX (index 4)
+ * @param {Number} ty Component TY (index 5)
+ * @returns {mat2d} out
  */
 
 function set$1(out, a, b, c, d, tx, ty) {
@@ -599,12 +599,12 @@ function set$1(out, a, b, c, d, tx, ty) {
   out[5] = ty;
   return out;
 }
-/**
- * Inverts a mat2d
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the source matrix
- * @returns {mat2d} out
+/**
+ * Inverts a mat2d
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the source matrix
+ * @returns {mat2d} out
  */
 
 function invert$1(out, a) {
@@ -629,23 +629,23 @@ function invert$1(out, a) {
   out[5] = (ab * atx - aa * aty) * det;
   return out;
 }
-/**
- * Calculates the determinant of a mat2d
- *
- * @param {ReadonlyMat2d} a the source matrix
- * @returns {Number} determinant of a
+/**
+ * Calculates the determinant of a mat2d
+ *
+ * @param {ReadonlyMat2d} a the source matrix
+ * @returns {Number} determinant of a
  */
 
 function determinant$1(a) {
   return a[0] * a[3] - a[1] * a[2];
 }
-/**
- * Multiplies two mat2d's
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the first operand
- * @param {ReadonlyMat2d} b the second operand
- * @returns {mat2d} out
+/**
+ * Multiplies two mat2d's
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the first operand
+ * @param {ReadonlyMat2d} b the second operand
+ * @returns {mat2d} out
  */
 
 function multiply$1(out, a, b) {
@@ -669,13 +669,13 @@ function multiply$1(out, a, b) {
   out[5] = a1 * b4 + a3 * b5 + a5;
   return out;
 }
-/**
- * Rotates a mat2d by the given angle
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the matrix to rotate
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat2d} out
+/**
+ * Rotates a mat2d by the given angle
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the matrix to rotate
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2d} out
  */
 
 function rotate$1(out, a, rad) {
@@ -695,13 +695,13 @@ function rotate$1(out, a, rad) {
   out[5] = a5;
   return out;
 }
-/**
- * Scales the mat2d by the dimensions in the given vec2
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the matrix to translate
- * @param {ReadonlyVec2} v the vec2 to scale the matrix by
- * @returns {mat2d} out
+/**
+ * Scales the mat2d by the dimensions in the given vec2
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the matrix to translate
+ * @param {ReadonlyVec2} v the vec2 to scale the matrix by
+ * @returns {mat2d} out
  **/
 
 function scale$1(out, a, v) {
@@ -721,13 +721,13 @@ function scale$1(out, a, v) {
   out[5] = a5;
   return out;
 }
-/**
- * Translates the mat2d by the dimensions in the given vec2
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the matrix to translate
- * @param {ReadonlyVec2} v the vec2 to translate the matrix by
- * @returns {mat2d} out
+/**
+ * Translates the mat2d by the dimensions in the given vec2
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the matrix to translate
+ * @param {ReadonlyVec2} v the vec2 to translate the matrix by
+ * @returns {mat2d} out
  **/
 
 function translate(out, a, v) {
@@ -747,16 +747,16 @@ function translate(out, a, v) {
   out[5] = a1 * v0 + a3 * v1 + a5;
   return out;
 }
-/**
- * Creates a matrix from a given angle
- * This is equivalent to (but much faster than):
- *
- *     mat2d.identity(dest);
- *     mat2d.rotate(dest, dest, rad);
- *
- * @param {mat2d} out mat2d receiving operation result
- * @param {Number} rad the angle to rotate the matrix by
- * @returns {mat2d} out
+/**
+ * Creates a matrix from a given angle
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2d.identity(dest);
+ *     mat2d.rotate(dest, dest, rad);
+ *
+ * @param {mat2d} out mat2d receiving operation result
+ * @param {Number} rad the angle to rotate the matrix by
+ * @returns {mat2d} out
  */
 
 function fromRotation$1(out, rad) {
@@ -770,16 +770,16 @@ function fromRotation$1(out, rad) {
   out[5] = 0;
   return out;
 }
-/**
- * Creates a matrix from a vector scaling
- * This is equivalent to (but much faster than):
- *
- *     mat2d.identity(dest);
- *     mat2d.scale(dest, dest, vec);
- *
- * @param {mat2d} out mat2d receiving operation result
- * @param {ReadonlyVec2} v Scaling vector
- * @returns {mat2d} out
+/**
+ * Creates a matrix from a vector scaling
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2d.identity(dest);
+ *     mat2d.scale(dest, dest, vec);
+ *
+ * @param {mat2d} out mat2d receiving operation result
+ * @param {ReadonlyVec2} v Scaling vector
+ * @returns {mat2d} out
  */
 
 function fromScaling$1(out, v) {
@@ -791,16 +791,16 @@ function fromScaling$1(out, v) {
   out[5] = 0;
   return out;
 }
-/**
- * Creates a matrix from a vector translation
- * This is equivalent to (but much faster than):
- *
- *     mat2d.identity(dest);
- *     mat2d.translate(dest, dest, vec);
- *
- * @param {mat2d} out mat2d receiving operation result
- * @param {ReadonlyVec2} v Translation vector
- * @returns {mat2d} out
+/**
+ * Creates a matrix from a vector translation
+ * This is equivalent to (but much faster than):
+ *
+ *     mat2d.identity(dest);
+ *     mat2d.translate(dest, dest, vec);
+ *
+ * @param {mat2d} out mat2d receiving operation result
+ * @param {ReadonlyVec2} v Translation vector
+ * @returns {mat2d} out
  */
 
 function fromTranslation(out, v) {
@@ -812,33 +812,33 @@ function fromTranslation(out, v) {
   out[5] = v[1];
   return out;
 }
-/**
- * Returns a string representation of a mat2d
- *
- * @param {ReadonlyMat2d} a matrix to represent as a string
- * @returns {String} string representation of the matrix
+/**
+ * Returns a string representation of a mat2d
+ *
+ * @param {ReadonlyMat2d} a matrix to represent as a string
+ * @returns {String} string representation of the matrix
  */
 
 function str$1(a) {
   return "mat2d(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ", " + a[4] + ", " + a[5] + ")";
 }
-/**
- * Returns Frobenius norm of a mat2d
- *
- * @param {ReadonlyMat2d} a the matrix to calculate Frobenius norm of
- * @returns {Number} Frobenius norm
+/**
+ * Returns Frobenius norm of a mat2d
+ *
+ * @param {ReadonlyMat2d} a the matrix to calculate Frobenius norm of
+ * @returns {Number} Frobenius norm
  */
 
 function frob$1(a) {
   return Math.hypot(a[0], a[1], a[2], a[3], a[4], a[5], 1);
 }
-/**
- * Adds two mat2d's
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the first operand
- * @param {ReadonlyMat2d} b the second operand
- * @returns {mat2d} out
+/**
+ * Adds two mat2d's
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the first operand
+ * @param {ReadonlyMat2d} b the second operand
+ * @returns {mat2d} out
  */
 
 function add$1(out, a, b) {
@@ -850,13 +850,13 @@ function add$1(out, a, b) {
   out[5] = a[5] + b[5];
   return out;
 }
-/**
- * Subtracts matrix b from matrix a
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the first operand
- * @param {ReadonlyMat2d} b the second operand
- * @returns {mat2d} out
+/**
+ * Subtracts matrix b from matrix a
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the first operand
+ * @param {ReadonlyMat2d} b the second operand
+ * @returns {mat2d} out
  */
 
 function subtract$1(out, a, b) {
@@ -868,13 +868,13 @@ function subtract$1(out, a, b) {
   out[5] = a[5] - b[5];
   return out;
 }
-/**
- * Multiply each element of the matrix by a scalar.
- *
- * @param {mat2d} out the receiving matrix
- * @param {ReadonlyMat2d} a the matrix to scale
- * @param {Number} b amount to scale the matrix's elements by
- * @returns {mat2d} out
+/**
+ * Multiply each element of the matrix by a scalar.
+ *
+ * @param {mat2d} out the receiving matrix
+ * @param {ReadonlyMat2d} a the matrix to scale
+ * @param {Number} b amount to scale the matrix's elements by
+ * @returns {mat2d} out
  */
 
 function multiplyScalar$1(out, a, b) {
@@ -886,14 +886,14 @@ function multiplyScalar$1(out, a, b) {
   out[5] = a[5] * b;
   return out;
 }
-/**
- * Adds two mat2d's after multiplying each element of the second operand by a scalar value.
- *
- * @param {mat2d} out the receiving vector
- * @param {ReadonlyMat2d} a the first operand
- * @param {ReadonlyMat2d} b the second operand
- * @param {Number} scale the amount to scale b's elements by before adding
- * @returns {mat2d} out
+/**
+ * Adds two mat2d's after multiplying each element of the second operand by a scalar value.
+ *
+ * @param {mat2d} out the receiving vector
+ * @param {ReadonlyMat2d} a the first operand
+ * @param {ReadonlyMat2d} b the second operand
+ * @param {Number} scale the amount to scale b's elements by before adding
+ * @returns {mat2d} out
  */
 
 function multiplyScalarAndAdd$1(out, a, b, scale) {
@@ -905,23 +905,23 @@ function multiplyScalarAndAdd$1(out, a, b, scale) {
   out[5] = a[5] + b[5] * scale;
   return out;
 }
-/**
- * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyMat2d} a The first matrix.
- * @param {ReadonlyMat2d} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyMat2d} a The first matrix.
+ * @param {ReadonlyMat2d} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function exactEquals$1(a, b) {
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5];
 }
-/**
- * Returns whether or not the matrices have approximately the same elements in the same position.
- *
- * @param {ReadonlyMat2d} a The first matrix.
- * @param {ReadonlyMat2d} b The second matrix.
- * @returns {Boolean} True if the matrices are equal, false otherwise.
+/**
+ * Returns whether or not the matrices have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyMat2d} a The first matrix.
+ * @param {ReadonlyMat2d} b The second matrix.
+ * @returns {Boolean} True if the matrices are equal, false otherwise.
  */
 
 function equals$1(a, b) {
@@ -939,15 +939,15 @@ function equals$1(a, b) {
       b5 = b[5];
   return Math.abs(a0 - b0) <= EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= EPSILON * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= EPSILON * Math.max(1.0, Math.abs(a5), Math.abs(b5));
 }
-/**
- * Alias for {@link mat2d.multiply}
- * @function
+/**
+ * Alias for {@link mat2d.multiply}
+ * @function
  */
 
 var mul$1 = multiply$1;
-/**
- * Alias for {@link mat2d.subtract}
- * @function
+/**
+ * Alias for {@link mat2d.subtract}
+ * @function
  */
 
 var sub$1 = subtract$1;
@@ -981,18 +981,18 @@ var mat2d = /*#__PURE__*/Object.freeze({
   sub: sub$1
 });
 
-/**
- * Dual Quaternion<br>
- * Format: [real, dual]<br>
- * Quaternion format: XYZW<br>
- * Make sure to have normalized dual quaternions, otherwise the functions may not work as intended.<br>
- * @module quat2
+/**
+ * Dual Quaternion<br>
+ * Format: [real, dual]<br>
+ * Quaternion format: XYZW<br>
+ * Make sure to have normalized dual quaternions, otherwise the functions may not work as intended.<br>
+ * @module quat2
  */
 
-/**
- * Creates a new identity dual quat
- *
- * @returns {quat2} a new dual quaternion [real -> rotation, dual -> translation]
+/**
+ * Creates a new identity dual quat
+ *
+ * @returns {quat2} a new dual quaternion [real -> rotation, dual -> translation]
  */
 
 function create$2() {
@@ -1011,12 +1011,12 @@ function create$2() {
   dq[3] = 1;
   return dq;
 }
-/**
- * Creates a new quat initialized with values from an existing quaternion
- *
- * @param {ReadonlyQuat2} a dual quaternion to clone
- * @returns {quat2} new dual quaternion
- * @function
+/**
+ * Creates a new quat initialized with values from an existing quaternion
+ *
+ * @param {ReadonlyQuat2} a dual quaternion to clone
+ * @returns {quat2} new dual quaternion
+ * @function
  */
 
 function clone$2(a) {
@@ -1031,19 +1031,19 @@ function clone$2(a) {
   dq[7] = a[7];
   return dq;
 }
-/**
- * Creates a new dual quat initialized with the given values
- *
- * @param {Number} x1 X component
- * @param {Number} y1 Y component
- * @param {Number} z1 Z component
- * @param {Number} w1 W component
- * @param {Number} x2 X component
- * @param {Number} y2 Y component
- * @param {Number} z2 Z component
- * @param {Number} w2 W component
- * @returns {quat2} new dual quaternion
- * @function
+/**
+ * Creates a new dual quat initialized with the given values
+ *
+ * @param {Number} x1 X component
+ * @param {Number} y1 Y component
+ * @param {Number} z1 Z component
+ * @param {Number} w1 W component
+ * @param {Number} x2 X component
+ * @param {Number} y2 Y component
+ * @param {Number} z2 Z component
+ * @param {Number} w2 W component
+ * @returns {quat2} new dual quaternion
+ * @function
  */
 
 function fromValues$2(x1, y1, z1, w1, x2, y2, z2, w2) {
@@ -1058,18 +1058,18 @@ function fromValues$2(x1, y1, z1, w1, x2, y2, z2, w2) {
   dq[7] = w2;
   return dq;
 }
-/**
- * Creates a new dual quat from the given values (quat and translation)
- *
- * @param {Number} x1 X component
- * @param {Number} y1 Y component
- * @param {Number} z1 Z component
- * @param {Number} w1 W component
- * @param {Number} x2 X component (translation)
- * @param {Number} y2 Y component (translation)
- * @param {Number} z2 Z component (translation)
- * @returns {quat2} new dual quaternion
- * @function
+/**
+ * Creates a new dual quat from the given values (quat and translation)
+ *
+ * @param {Number} x1 X component
+ * @param {Number} y1 Y component
+ * @param {Number} z1 Z component
+ * @param {Number} w1 W component
+ * @param {Number} x2 X component (translation)
+ * @param {Number} y2 Y component (translation)
+ * @param {Number} z2 Z component (translation)
+ * @returns {quat2} new dual quaternion
+ * @function
  */
 
 function fromRotationTranslationValues(x1, y1, z1, w1, x2, y2, z2) {
@@ -1087,14 +1087,14 @@ function fromRotationTranslationValues(x1, y1, z1, w1, x2, y2, z2) {
   dq[7] = -ax * x1 - ay * y1 - az * z1;
   return dq;
 }
-/**
- * Creates a dual quat from a quaternion and a translation
- *
- * @param {ReadonlyQuat2} dual quaternion receiving operation result
- * @param {ReadonlyQuat} q a normalized quaternion
- * @param {ReadonlyVec3} t tranlation vector
- * @returns {quat2} dual quaternion receiving operation result
- * @function
+/**
+ * Creates a dual quat from a quaternion and a translation
+ *
+ * @param {ReadonlyQuat2} dual quaternion receiving operation result
+ * @param {ReadonlyQuat} q a normalized quaternion
+ * @param {ReadonlyVec3} t tranlation vector
+ * @returns {quat2} dual quaternion receiving operation result
+ * @function
  */
 
 function fromRotationTranslation(out, q, t) {
@@ -1115,13 +1115,13 @@ function fromRotationTranslation(out, q, t) {
   out[7] = -ax * bx - ay * by - az * bz;
   return out;
 }
-/**
- * Creates a dual quat from a translation
- *
- * @param {ReadonlyQuat2} dual quaternion receiving operation result
- * @param {ReadonlyVec3} t translation vector
- * @returns {quat2} dual quaternion receiving operation result
- * @function
+/**
+ * Creates a dual quat from a translation
+ *
+ * @param {ReadonlyQuat2} dual quaternion receiving operation result
+ * @param {ReadonlyVec3} t translation vector
+ * @returns {quat2} dual quaternion receiving operation result
+ * @function
  */
 
 function fromTranslation$1(out, t) {
@@ -1135,13 +1135,13 @@ function fromTranslation$1(out, t) {
   out[7] = 0;
   return out;
 }
-/**
- * Creates a dual quat from a quaternion
- *
- * @param {ReadonlyQuat2} dual quaternion receiving operation result
- * @param {ReadonlyQuat} q the quaternion
- * @returns {quat2} dual quaternion receiving operation result
- * @function
+/**
+ * Creates a dual quat from a quaternion
+ *
+ * @param {ReadonlyQuat2} dual quaternion receiving operation result
+ * @param {ReadonlyQuat} q the quaternion
+ * @returns {quat2} dual quaternion receiving operation result
+ * @function
  */
 
 function fromRotation$2(out, q) {
@@ -1155,13 +1155,13 @@ function fromRotation$2(out, q) {
   out[7] = 0;
   return out;
 }
-/**
- * Creates a new dual quat from a matrix (4x4)
- *
- * @param {quat2} out the dual quaternion
- * @param {ReadonlyMat4} a the matrix
- * @returns {quat2} dual quat receiving operation result
- * @function
+/**
+ * Creates a new dual quat from a matrix (4x4)
+ *
+ * @param {quat2} out the dual quaternion
+ * @param {ReadonlyMat4} a the matrix
+ * @returns {quat2} dual quat receiving operation result
+ * @function
  */
 
 function fromMat4(out, a) {
@@ -1173,13 +1173,13 @@ function fromMat4(out, a) {
   fromRotationTranslation(out, outer, t);
   return out;
 }
-/**
- * Copy the values from one dual quat to another
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the source dual quaternion
- * @returns {quat2} out
- * @function
+/**
+ * Copy the values from one dual quat to another
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the source dual quaternion
+ * @returns {quat2} out
+ * @function
  */
 
 function copy$2(out, a) {
@@ -1193,11 +1193,11 @@ function copy$2(out, a) {
   out[7] = a[7];
   return out;
 }
-/**
- * Set a dual quat to the identity dual quaternion
- *
- * @param {quat2} out the receiving quaternion
- * @returns {quat2} out
+/**
+ * Set a dual quat to the identity dual quaternion
+ *
+ * @param {quat2} out the receiving quaternion
+ * @returns {quat2} out
  */
 
 function identity$2(out) {
@@ -1211,20 +1211,20 @@ function identity$2(out) {
   out[7] = 0;
   return out;
 }
-/**
- * Set the components of a dual quat to the given values
- *
- * @param {quat2} out the receiving quaternion
- * @param {Number} x1 X component
- * @param {Number} y1 Y component
- * @param {Number} z1 Z component
- * @param {Number} w1 W component
- * @param {Number} x2 X component
- * @param {Number} y2 Y component
- * @param {Number} z2 Z component
- * @param {Number} w2 W component
- * @returns {quat2} out
- * @function
+/**
+ * Set the components of a dual quat to the given values
+ *
+ * @param {quat2} out the receiving quaternion
+ * @param {Number} x1 X component
+ * @param {Number} y1 Y component
+ * @param {Number} z1 Z component
+ * @param {Number} w1 W component
+ * @param {Number} x2 X component
+ * @param {Number} y2 Y component
+ * @param {Number} z2 Z component
+ * @param {Number} w2 W component
+ * @returns {quat2} out
+ * @function
  */
 
 function set$2(out, x1, y1, z1, w1, x2, y2, z2, w2) {
@@ -1238,19 +1238,19 @@ function set$2(out, x1, y1, z1, w1, x2, y2, z2, w2) {
   out[7] = w2;
   return out;
 }
-/**
- * Gets the real part of a dual quat
- * @param  {quat} out real part
- * @param  {ReadonlyQuat2} a Dual Quaternion
- * @return {quat} real part
+/**
+ * Gets the real part of a dual quat
+ * @param  {quat} out real part
+ * @param  {ReadonlyQuat2} a Dual Quaternion
+ * @return {quat} real part
  */
 
 var getReal = copy$3;
-/**
- * Gets the dual part of a dual quat
- * @param  {quat} out dual part
- * @param  {ReadonlyQuat2} a Dual Quaternion
- * @return {quat} dual part
+/**
+ * Gets the dual part of a dual quat
+ * @param  {quat} out dual part
+ * @param  {ReadonlyQuat2} a Dual Quaternion
+ * @return {quat} dual part
  */
 
 function getDual(out, a) {
@@ -1260,23 +1260,23 @@ function getDual(out, a) {
   out[3] = a[7];
   return out;
 }
-/**
- * Set the real component of a dual quat to the given quaternion
- *
- * @param {quat2} out the receiving quaternion
- * @param {ReadonlyQuat} q a quaternion representing the real part
- * @returns {quat2} out
- * @function
+/**
+ * Set the real component of a dual quat to the given quaternion
+ *
+ * @param {quat2} out the receiving quaternion
+ * @param {ReadonlyQuat} q a quaternion representing the real part
+ * @returns {quat2} out
+ * @function
  */
 
 var setReal = copy$3;
-/**
- * Set the dual component of a dual quat to the given quaternion
- *
- * @param {quat2} out the receiving quaternion
- * @param {ReadonlyQuat} q a quaternion representing the dual part
- * @returns {quat2} out
- * @function
+/**
+ * Set the dual component of a dual quat to the given quaternion
+ *
+ * @param {quat2} out the receiving quaternion
+ * @param {ReadonlyQuat} q a quaternion representing the dual part
+ * @returns {quat2} out
+ * @function
  */
 
 function setDual(out, q) {
@@ -1286,11 +1286,11 @@ function setDual(out, q) {
   out[7] = q[3];
   return out;
 }
-/**
- * Gets the translation of a normalized dual quat
- * @param  {vec3} out translation
- * @param  {ReadonlyQuat2} a Dual Quaternion to be decomposed
- * @return {vec3} translation
+/**
+ * Gets the translation of a normalized dual quat
+ * @param  {vec3} out translation
+ * @param  {ReadonlyQuat2} a Dual Quaternion to be decomposed
+ * @return {vec3} translation
  */
 
 function getTranslation(out, a) {
@@ -1307,13 +1307,13 @@ function getTranslation(out, a) {
   out[2] = (az * bw + aw * bz + ax * by - ay * bx) * 2;
   return out;
 }
-/**
- * Translates a dual quat by the given vector
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the dual quaternion to translate
- * @param {ReadonlyVec3} v vector to translate by
- * @returns {quat2} out
+/**
+ * Translates a dual quat by the given vector
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the dual quaternion to translate
+ * @param {ReadonlyVec3} v vector to translate by
+ * @returns {quat2} out
  */
 
 function translate$1(out, a, v) {
@@ -1338,13 +1338,13 @@ function translate$1(out, a, v) {
   out[7] = -ax1 * bx1 - ay1 * by1 - az1 * bz1 + aw2;
   return out;
 }
-/**
- * Rotates a dual quat around the X axis
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the dual quaternion to rotate
- * @param {number} rad how far should the rotation be
- * @returns {quat2} out
+/**
+ * Rotates a dual quat around the X axis
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the dual quaternion to rotate
+ * @param {number} rad how far should the rotation be
+ * @returns {quat2} out
  */
 
 function rotateX(out, a, rad) {
@@ -1371,13 +1371,13 @@ function rotateX(out, a, rad) {
   out[7] = aw1 * bw - ax1 * bx - ay1 * by - az1 * bz;
   return out;
 }
-/**
- * Rotates a dual quat around the Y axis
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the dual quaternion to rotate
- * @param {number} rad how far should the rotation be
- * @returns {quat2} out
+/**
+ * Rotates a dual quat around the Y axis
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the dual quaternion to rotate
+ * @param {number} rad how far should the rotation be
+ * @returns {quat2} out
  */
 
 function rotateY(out, a, rad) {
@@ -1404,13 +1404,13 @@ function rotateY(out, a, rad) {
   out[7] = aw1 * bw - ax1 * bx - ay1 * by - az1 * bz;
   return out;
 }
-/**
- * Rotates a dual quat around the Z axis
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the dual quaternion to rotate
- * @param {number} rad how far should the rotation be
- * @returns {quat2} out
+/**
+ * Rotates a dual quat around the Z axis
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the dual quaternion to rotate
+ * @param {number} rad how far should the rotation be
+ * @returns {quat2} out
  */
 
 function rotateZ(out, a, rad) {
@@ -1437,13 +1437,13 @@ function rotateZ(out, a, rad) {
   out[7] = aw1 * bw - ax1 * bx - ay1 * by - az1 * bz;
   return out;
 }
-/**
- * Rotates a dual quat by a given quaternion (a * q)
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the dual quaternion to rotate
- * @param {ReadonlyQuat} q quaternion to rotate by
- * @returns {quat2} out
+/**
+ * Rotates a dual quat by a given quaternion (a * q)
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the dual quaternion to rotate
+ * @param {ReadonlyQuat} q quaternion to rotate by
+ * @returns {quat2} out
  */
 
 function rotateByQuatAppend(out, a, q) {
@@ -1469,13 +1469,13 @@ function rotateByQuatAppend(out, a, q) {
   out[7] = aw * qw - ax * qx - ay * qy - az * qz;
   return out;
 }
-/**
- * Rotates a dual quat by a given quaternion (q * a)
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat} q quaternion to rotate by
- * @param {ReadonlyQuat2} a the dual quaternion to rotate
- * @returns {quat2} out
+/**
+ * Rotates a dual quat by a given quaternion (q * a)
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat} q quaternion to rotate by
+ * @param {ReadonlyQuat2} a the dual quaternion to rotate
+ * @returns {quat2} out
  */
 
 function rotateByQuatPrepend(out, q, a) {
@@ -1501,14 +1501,14 @@ function rotateByQuatPrepend(out, q, a) {
   out[7] = qw * bw - qx * bx - qy * by - qz * bz;
   return out;
 }
-/**
- * Rotates a dual quat around a given axis. Does the normalisation automatically
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the dual quaternion to rotate
- * @param {ReadonlyVec3} axis the axis to rotate around
- * @param {Number} rad how far the rotation should be
- * @returns {quat2} out
+/**
+ * Rotates a dual quat around a given axis. Does the normalisation automatically
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the dual quaternion to rotate
+ * @param {ReadonlyVec3} axis the axis to rotate around
+ * @param {Number} rad how far the rotation should be
+ * @returns {quat2} out
  */
 
 function rotateAroundAxis(out, a, axis, rad) {
@@ -1542,14 +1542,14 @@ function rotateAroundAxis(out, a, axis, rad) {
   out[7] = aw * bw - ax * bx - ay * by - az * bz;
   return out;
 }
-/**
- * Adds two dual quat's
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the first operand
- * @param {ReadonlyQuat2} b the second operand
- * @returns {quat2} out
- * @function
+/**
+ * Adds two dual quat's
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the first operand
+ * @param {ReadonlyQuat2} b the second operand
+ * @returns {quat2} out
+ * @function
  */
 
 function add$2(out, a, b) {
@@ -1563,13 +1563,13 @@ function add$2(out, a, b) {
   out[7] = a[7] + b[7];
   return out;
 }
-/**
- * Multiplies two dual quat's
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a the first operand
- * @param {ReadonlyQuat2} b the second operand
- * @returns {quat2} out
+/**
+ * Multiplies two dual quat's
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a the first operand
+ * @param {ReadonlyQuat2} b the second operand
+ * @returns {quat2} out
  */
 
 function multiply$2(out, a, b) {
@@ -1599,20 +1599,20 @@ function multiply$2(out, a, b) {
   out[7] = aw0 * bw1 - ax0 * bx1 - ay0 * by1 - az0 * bz1 + aw1 * bw0 - ax1 * bx0 - ay1 * by0 - az1 * bz0;
   return out;
 }
-/**
- * Alias for {@link quat2.multiply}
- * @function
+/**
+ * Alias for {@link quat2.multiply}
+ * @function
  */
 
 var mul$2 = multiply$2;
-/**
- * Scales a dual quat by a scalar number
- *
- * @param {quat2} out the receiving dual quat
- * @param {ReadonlyQuat2} a the dual quat to scale
- * @param {Number} b amount to scale the dual quat by
- * @returns {quat2} out
- * @function
+/**
+ * Scales a dual quat by a scalar number
+ *
+ * @param {quat2} out the receiving dual quat
+ * @param {ReadonlyQuat2} a the dual quat to scale
+ * @param {Number} b amount to scale the dual quat by
+ * @returns {quat2} out
+ * @function
  */
 
 function scale$2(out, a, b) {
@@ -1626,25 +1626,25 @@ function scale$2(out, a, b) {
   out[7] = a[7] * b;
   return out;
 }
-/**
- * Calculates the dot product of two dual quat's (The dot product of the real parts)
- *
- * @param {ReadonlyQuat2} a the first operand
- * @param {ReadonlyQuat2} b the second operand
- * @returns {Number} dot product of a and b
- * @function
+/**
+ * Calculates the dot product of two dual quat's (The dot product of the real parts)
+ *
+ * @param {ReadonlyQuat2} a the first operand
+ * @param {ReadonlyQuat2} b the second operand
+ * @returns {Number} dot product of a and b
+ * @function
  */
 
 var dot = dot$1;
-/**
- * Performs a linear interpolation between two dual quats's
- * NOTE: The resulting dual quaternions won't always be normalized (The error is most noticeable when t = 0.5)
- *
- * @param {quat2} out the receiving dual quat
- * @param {ReadonlyQuat2} a the first operand
- * @param {ReadonlyQuat2} b the second operand
- * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
- * @returns {quat2} out
+/**
+ * Performs a linear interpolation between two dual quats's
+ * NOTE: The resulting dual quaternions won't always be normalized (The error is most noticeable when t = 0.5)
+ *
+ * @param {quat2} out the receiving dual quat
+ * @param {ReadonlyQuat2} a the first operand
+ * @param {ReadonlyQuat2} b the second operand
+ * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
+ * @returns {quat2} out
  */
 
 function lerp(out, a, b, t) {
@@ -1660,12 +1660,12 @@ function lerp(out, a, b, t) {
   out[7] = a[7] * mt + b[7] * t;
   return out;
 }
-/**
- * Calculates the inverse of a dual quat. If they are normalized, conjugate is cheaper
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a dual quat to calculate inverse of
- * @returns {quat2} out
+/**
+ * Calculates the inverse of a dual quat. If they are normalized, conjugate is cheaper
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a dual quat to calculate inverse of
+ * @returns {quat2} out
  */
 
 function invert$2(out, a) {
@@ -1680,13 +1680,13 @@ function invert$2(out, a) {
   out[7] = a[7] / sqlen;
   return out;
 }
-/**
- * Calculates the conjugate of a dual quat
- * If the dual quaternion is normalized, this function is faster than quat2.inverse and produces the same result.
- *
- * @param {quat2} out the receiving quaternion
- * @param {ReadonlyQuat2} a quat to calculate conjugate of
- * @returns {quat2} out
+/**
+ * Calculates the conjugate of a dual quat
+ * If the dual quaternion is normalized, this function is faster than quat2.inverse and produces the same result.
+ *
+ * @param {quat2} out the receiving quaternion
+ * @param {ReadonlyQuat2} a quat to calculate conjugate of
+ * @returns {quat2} out
  */
 
 function conjugate(out, a) {
@@ -1700,43 +1700,43 @@ function conjugate(out, a) {
   out[7] = a[7];
   return out;
 }
-/**
- * Calculates the length of a dual quat
- *
- * @param {ReadonlyQuat2} a dual quat to calculate length of
- * @returns {Number} length of a
- * @function
+/**
+ * Calculates the length of a dual quat
+ *
+ * @param {ReadonlyQuat2} a dual quat to calculate length of
+ * @returns {Number} length of a
+ * @function
  */
 
 var length = length$1;
-/**
- * Alias for {@link quat2.length}
- * @function
+/**
+ * Alias for {@link quat2.length}
+ * @function
  */
 
 var len = length;
-/**
- * Calculates the squared length of a dual quat
- *
- * @param {ReadonlyQuat2} a dual quat to calculate squared length of
- * @returns {Number} squared length of a
- * @function
+/**
+ * Calculates the squared length of a dual quat
+ *
+ * @param {ReadonlyQuat2} a dual quat to calculate squared length of
+ * @returns {Number} squared length of a
+ * @function
  */
 
 var squaredLength = squaredLength$1;
-/**
- * Alias for {@link quat2.squaredLength}
- * @function
+/**
+ * Alias for {@link quat2.squaredLength}
+ * @function
  */
 
 var sqrLen = squaredLength;
-/**
- * Normalize a dual quat
- *
- * @param {quat2} out the receiving dual quaternion
- * @param {ReadonlyQuat2} a dual quaternion to normalize
- * @returns {quat2} out
- * @function
+/**
+ * Normalize a dual quat
+ *
+ * @param {quat2} out the receiving dual quaternion
+ * @param {ReadonlyQuat2} a dual quaternion to normalize
+ * @returns {quat2} out
+ * @function
  */
 
 function normalize(out, a) {
@@ -1765,33 +1765,33 @@ function normalize(out, a) {
 
   return out;
 }
-/**
- * Returns a string representation of a dual quatenion
- *
- * @param {ReadonlyQuat2} a dual quaternion to represent as a string
- * @returns {String} string representation of the dual quat
+/**
+ * Returns a string representation of a dual quatenion
+ *
+ * @param {ReadonlyQuat2} a dual quaternion to represent as a string
+ * @returns {String} string representation of the dual quat
  */
 
 function str$2(a) {
   return "quat2(" + a[0] + ", " + a[1] + ", " + a[2] + ", " + a[3] + ", " + a[4] + ", " + a[5] + ", " + a[6] + ", " + a[7] + ")";
 }
-/**
- * Returns whether or not the dual quaternions have exactly the same elements in the same position (when compared with ===)
- *
- * @param {ReadonlyQuat2} a the first dual quaternion.
- * @param {ReadonlyQuat2} b the second dual quaternion.
- * @returns {Boolean} true if the dual quaternions are equal, false otherwise.
+/**
+ * Returns whether or not the dual quaternions have exactly the same elements in the same position (when compared with ===)
+ *
+ * @param {ReadonlyQuat2} a the first dual quaternion.
+ * @param {ReadonlyQuat2} b the second dual quaternion.
+ * @returns {Boolean} true if the dual quaternions are equal, false otherwise.
  */
 
 function exactEquals$2(a, b) {
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7];
 }
-/**
- * Returns whether or not the dual quaternions have approximately the same elements in the same position.
- *
- * @param {ReadonlyQuat2} a the first dual quat.
- * @param {ReadonlyQuat2} b the second dual quat.
- * @returns {Boolean} true if the dual quats are equal, false otherwise.
+/**
+ * Returns whether or not the dual quaternions have approximately the same elements in the same position.
+ *
+ * @param {ReadonlyQuat2} a the first dual quat.
+ * @param {ReadonlyQuat2} b the second dual quat.
+ * @returns {Boolean} true if the dual quats are equal, false otherwise.
  */
 
 function equals$2(a, b) {
diff --git a/web_modules/import-map.json b/web_modules/import-map.json
index b18c22b..0aaa552 100644
--- a/web_modules/import-map.json
+++ b/web_modules/import-map.json
@@ -8,6 +8,7 @@
     "gl-matrix": "./gl-matrix.js",
     "interleave-typed-array": "./interleave-typed-array.js",
     "primitive-geometry": "./primitive-geometry.js",
-    "seedrandom": "./seedrandom.js"
+    "seedrandom": "./seedrandom.js",
+    "tweakpane": "./tweakpane.js"
   }
 }
\ No newline at end of file
diff --git a/web_modules/interleave-typed-array.js b/web_modules/interleave-typed-array.js
index e526e91..cc44472 100644
--- a/web_modules/interleave-typed-array.js
+++ b/web_modules/interleave-typed-array.js
@@ -1,69 +1,3 @@
-import { A as aFunction, d as toObject, B as indexedObject, g as toLength, f as fails, e as classofRaw, j as global_1, _ as _export, h as engineV8Version } from './common/a-function-58034956.js';
-
-// `Array.prototype.{ reduce, reduceRight }` methods implementation
-var createMethod = function (IS_RIGHT) {
-  return function (that, callbackfn, argumentsLength, memo) {
-    aFunction(callbackfn);
-    var O = toObject(that);
-    var self = indexedObject(O);
-    var length = toLength(O.length);
-    var index = IS_RIGHT ? length - 1 : 0;
-    var i = IS_RIGHT ? -1 : 1;
-    if (argumentsLength < 2) while (true) {
-      if (index in self) {
-        memo = self[index];
-        index += i;
-        break;
-      }
-      index += i;
-      if (IS_RIGHT ? index < 0 : length <= index) {
-        throw TypeError('Reduce of empty array with no initial value');
-      }
-    }
-    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
-      memo = callbackfn(memo, self[index], index, O);
-    }
-    return memo;
-  };
-};
-
-var arrayReduce = {
-  // `Array.prototype.reduce` method
-  // https://tc39.es/ecma262/#sec-array.prototype.reduce
-  left: createMethod(false),
-  // `Array.prototype.reduceRight` method
-  // https://tc39.es/ecma262/#sec-array.prototype.reduceright
-  right: createMethod(true)
-};
-
-var arrayMethodIsStrict = function (METHOD_NAME, argument) {
-  var method = [][METHOD_NAME];
-  return !!method && fails(function () {
-    // eslint-disable-next-line no-useless-call,no-throw-literal -- required for testing
-    method.call(null, argument || function () { throw 1; }, 1);
-  });
-};
-
-var engineIsNode = classofRaw(global_1.process) == 'process';
-
-var $reduce = arrayReduce.left;
-
-
-
-
-var STRICT_METHOD = arrayMethodIsStrict('reduce');
-// Chrome 80-82 has a critical bug
-// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
-var CHROME_BUG = !engineIsNode && engineV8Version > 79 && engineV8Version < 83;
-
-// `Array.prototype.reduce` method
-// https://tc39.es/ecma262/#sec-array.prototype.reduce
-_export({ target: 'Array', proto: true, forced: !STRICT_METHOD || CHROME_BUG }, {
-  reduce: function reduce(callbackfn /* , initialValue */) {
-    return $reduce(this, callbackfn, arguments.length, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
 /**
  * @module interleaveTypedArray
  */
diff --git a/web_modules/primitive-geometry.js b/web_modules/primitive-geometry.js
index 822cae9..2885438 100644
--- a/web_modules/primitive-geometry.js
+++ b/web_modules/primitive-geometry.js
@@ -1,8 +1,8 @@
-import { a as typedArrayConstructorsRequireWrappers, b as arrayBufferViewCore } from './common/typed-array-constructor-b01e3ece.js';
-import './common/es.typed-array.float32-array-0e38058f.js';
-import './common/es.typed-array.uint32-array-1cc93ef8.js';
-import './common/es.typed-array.uint8-array-1a7fc936.js';
-import './common/a-function-58034956.js';
+import { a as typedArrayConstructorsRequireWrappers, b as arrayBufferViewCore } from './common/es.typed-array.sort-b0d7095a.js';
+import './common/es.typed-array.float32-array-a1e53042.js';
+import './common/es.typed-array.uint32-array-9d9a9ee4.js';
+import './common/es.typed-array.uint8-array-b443585b.js';
+import './common/function-bind-context-dcf83647.js';
 
 var aTypedArrayConstructor = arrayBufferViewCore.aTypedArrayConstructor;
 var exportTypedArrayStaticMethod = arrayBufferViewCore.exportTypedArrayStaticMethod;
@@ -39,6 +39,18 @@ function normalize(v) {
   v[2] *= l;
   return v;
 }
+/**
+ * Ensure first argument passed to the primitive functions is an object
+ * @param {...*} args
+ */
+
+function checkArguments(args) {
+  const argumentType = typeof args[0];
+
+  if (argumentType !== "object" && argumentType !== "undefined") {
+    console.error("First argument must be an object.");
+  }
+}
 /**
  * @private
  */
@@ -66,6 +78,7 @@ var utils = /*#__PURE__*/Object.freeze({
   __proto__: null,
   TAU: TAU,
   normalize: normalize,
+  checkArguments: checkArguments,
   setTypedArrayType: setTypedArrayType,
   getCellsTypedArray: getCellsTypedArray
 });
@@ -81,18 +94,21 @@ var utils = /*#__PURE__*/Object.freeze({
  * @returns {import("../types.js").SimplicialComplex}
  */
 
-const quad = ({
+function quad({
   scale = 0.5
-} = {}) => ({
-  // prettier-ignore
-  positions: Float32Array.of(-scale, -scale, 0, scale, -scale, 0, scale, scale, 0, -scale, scale, 0),
-  // prettier-ignore
-  normals: Int8Array.of(0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1),
-  // prettier-ignore
-  uvs: Uint8Array.of(0, 0, 1, 0, 1, 1, 0, 1),
-  // prettier-ignore
-  cells: getCellsTypedArray(12).of(0, 1, 2, 2, 3, 0)
-});
+} = {}) {
+  checkArguments(arguments);
+  return {
+    // prettier-ignore
+    positions: Float32Array.of(-scale, -scale, 0, scale, -scale, 0, scale, scale, 0, -scale, scale, 0),
+    // prettier-ignore
+    normals: Int8Array.of(0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1),
+    // prettier-ignore
+    uvs: Uint8Array.of(0, 0, 1, 0, 1, 1, 0, 1),
+    // prettier-ignore
+    cells: getCellsTypedArray(12).of(0, 1, 2, 2, 3, 0)
+  };
+}
 
 /**
  * @typedef {Object} PlaneOptions
@@ -114,6 +130,7 @@ function plane({
   nx = 1,
   ny = nx
 } = {}) {
+  checkArguments(arguments);
   const size = (nx + 1) * (ny + 1);
   const positions = new Float32Array(size * 3);
   const normals = new Float32Array(size * 3);
@@ -185,6 +202,7 @@ function cube({
   ny = nx,
   nz = nx
 } = {}) {
+  checkArguments(arguments);
   const size = (nx + 1) * (ny + 1) * 2 + (nx + 1) * (nz + 1) * 2 + (nz + 1) * (ny + 1) * 2;
   const positions = new Float32Array(size * 3);
   const normals = new Float32Array(size * 3);
@@ -275,6 +293,7 @@ function roundedCube({
   nz = nx,
   radius = sx * 0.25
 } = {}) {
+  checkArguments(arguments);
   const geometry = cube({
     sx,
     sy,
@@ -355,6 +374,7 @@ function cylinder({
   capApex = true,
   capBase = true
 } = {}) {
+  checkArguments(arguments);
   let capCount = 0;
   if (capApex) capCount++;
   if (capBase) capCount++;
@@ -497,23 +517,26 @@ function cylinder({
  * @returns {import("../types.js").SimplicialComplex}
  */
 
-const cone = ({
+function cone({
   height,
   radius,
   nx,
   ny,
   capSegments,
   capBase
-} = {}) => cylinder({
-  height,
-  radius,
-  nx,
-  ny,
-  capSegments,
-  capBase,
-  radiusApex: 0,
-  capApex: false
-});
+} = {}) {
+  checkArguments(arguments);
+  return cylinder({
+    height,
+    radius,
+    nx,
+    ny,
+    capSegments,
+    capBase,
+    radiusApex: 0,
+    capApex: false
+  });
+}
 
 /**
  * @typedef {Object} CapsuleOptions
@@ -535,6 +558,7 @@ function capsule({
   nx = 16,
   ny = 32
 } = {}) {
+  checkArguments(arguments);
   const ringsBody = ny + 1;
   const ringsTotal = ny + ringsBody;
   const size = ringsTotal * nx;
@@ -626,6 +650,7 @@ function ellipsoid({
   ry = 0.25,
   rz = ry
 } = {}) {
+  checkArguments(arguments);
   const size = (ny + 1) * (nx + 1);
   const positions = new Float32Array(size * 3);
   const normals = new Float32Array(size * 3);
@@ -701,17 +726,20 @@ function ellipsoid({
  * @returns {import("../types.js").SimplicialComplex}
  */
 
-const sphere = ({
+function sphere({
   radius = 0.5,
   nx = 32,
   ny = 16
-} = {}) => ellipsoid({
-  radius,
-  nx,
-  ny,
-  rx: 1,
-  ry: 1
-});
+} = {}) {
+  checkArguments(arguments);
+  return ellipsoid({
+    radius,
+    nx,
+    ny,
+    rx: 1,
+    ry: 1
+  });
+}
 
 const f = 0.5 + Math.sqrt(5) / 2;
 /**
@@ -730,6 +758,7 @@ function icosphere({
   radius = 0.5,
   subdivisions = 2
 } = {}) {
+  checkArguments(arguments);
   if (subdivisions > 10) throw new Error("Max subdivisions is 10.");
   const T = Math.pow(4, subdivisions);
   const numVertices = 10 * T + 2;
@@ -915,6 +944,7 @@ function torus({
   minorSegments = 32,
   arc = TAU
 } = {}) {
+  checkArguments(arguments);
   const size = (minorSegments + 1) * (segments + 1);
   const positions = new Float32Array(size * 3);
   const normals = new Float32Array(size * 3);
@@ -974,10 +1004,6 @@ function torus({
   };
 }
 
-/**
- * @module box
- */
-
 /**
  * @typedef {Object} BoxOptions
  * @property {number} [sx=1]
@@ -990,11 +1016,13 @@ function torus({
  * @param {BoxOptions} [options={}]
  * @returns {import("../types.js").BasicSimplicialComplex}
  */
+
 function box({
   sx = 1,
   sy = sx,
   sz = sx
 } = {}) {
+  checkArguments(arguments);
   const x = sx / 2;
   const y = sy / 2;
   const z = sz / 2;
@@ -1029,6 +1057,7 @@ function circle({
   radius = 0.5,
   segments = 32
 } = {}) {
+  checkArguments(arguments);
   const positions = new Float32Array(segments * 2);
   const cells = new (getCellsTypedArray(segments))((segments - 1) * 2);
 
diff --git a/web_modules/seedrandom.js b/web_modules/seedrandom.js
index e104dae..50edec1 100644
--- a/web_modules/seedrandom.js
+++ b/web_modules/seedrandom.js
@@ -1,6 +1,6 @@
-import { C as createCommonjsModule, G as commonjsGlobal, H as getDefaultExportFromNamespaceIfNotNamed } from './common/a-function-58034956.js';
-import './common/es.typed-array.uint8-array-1a7fc936.js';
-import './common/typed-array-constructor-b01e3ece.js';
+import { G as createCommonjsModule, S as commonjsGlobal, T as getDefaultExportFromNamespaceIfNotNamed } from './common/function-bind-context-dcf83647.js';
+import './common/es.typed-array.uint8-array-b443585b.js';
+import './common/es.typed-array.sort-b0d7095a.js';
 
 var alea = createCommonjsModule(function (module) {
   // A port of an algorithm by Johannes Baagøe <baagoe@baagoe.com>, 2010
diff --git a/web_modules/tweakpane.js b/web_modules/tweakpane.js
new file mode 100644
index 0000000..56cfea5
--- /dev/null
+++ b/web_modules/tweakpane.js
@@ -0,0 +1,8555 @@
+import { a as anObject, N as aCallable, _ as _export, w as wellKnownSymbol, x as aConstructor, R as getMethod, B as functionBindContext, y as getIteratorMethod, z as isArrayIteratorMethod, m as lengthOfArrayLike, A as getIterator, F as getBuiltIn, i as isCallable, U as getDefaultExportFromCjs, G as createCommonjsModule, S as commonjsGlobal } from './common/function-bind-context-dcf83647.js';
+import './common/es.string.replace-65abc735.js';
+
+var isPure = false;
+
+// https://github.com/tc39/collection-methods
+var collectionAddAll = function (/* ...elements */) {
+  var set = anObject(this);
+  var adder = aCallable(set.add);
+  for (var k = 0, len = arguments.length; k < len; k++) {
+    adder.call(set, arguments[k]);
+  }
+  return set;
+};
+
+// `Set.prototype.addAll` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  addAll: function addAll(/* ...elements */) {
+    return collectionAddAll.apply(this, arguments);
+  }
+});
+
+// https://github.com/tc39/collection-methods
+var collectionDeleteAll = function (/* ...elements */) {
+  var collection = anObject(this);
+  var remover = aCallable(collection['delete']);
+  var allDeleted = true;
+  var wasDeleted;
+  for (var k = 0, len = arguments.length; k < len; k++) {
+    wasDeleted = remover.call(collection, arguments[k]);
+    allDeleted = allDeleted && wasDeleted;
+  }
+  return !!allDeleted;
+};
+
+// `Set.prototype.deleteAll` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  deleteAll: function deleteAll(/* ...elements */) {
+    return collectionDeleteAll.apply(this, arguments);
+  }
+});
+
+var SPECIES = wellKnownSymbol('species');
+
+// `SpeciesConstructor` abstract operation
+// https://tc39.es/ecma262/#sec-speciesconstructor
+var speciesConstructor = function (O, defaultConstructor) {
+  var C = anObject(O).constructor;
+  var S;
+  return C === undefined || (S = anObject(C)[SPECIES]) == undefined ? defaultConstructor : aConstructor(S);
+};
+
+var iteratorClose = function (iterator, kind, value) {
+  var innerResult, innerError;
+  anObject(iterator);
+  try {
+    innerResult = getMethod(iterator, 'return');
+    if (!innerResult) {
+      if (kind === 'throw') throw value;
+      return value;
+    }
+    innerResult = innerResult.call(iterator);
+  } catch (error) {
+    innerError = true;
+    innerResult = error;
+  }
+  if (kind === 'throw') throw value;
+  if (innerError) throw innerResult;
+  anObject(innerResult);
+  return value;
+};
+
+var Result = function (stopped, result) {
+  this.stopped = stopped;
+  this.result = result;
+};
+
+var iterate = function (iterable, unboundFunction, options) {
+  var that = options && options.that;
+  var AS_ENTRIES = !!(options && options.AS_ENTRIES);
+  var IS_ITERATOR = !!(options && options.IS_ITERATOR);
+  var INTERRUPTED = !!(options && options.INTERRUPTED);
+  var fn = functionBindContext(unboundFunction, that, 1 + AS_ENTRIES + INTERRUPTED);
+  var iterator, iterFn, index, length, result, next, step;
+
+  var stop = function (condition) {
+    if (iterator) iteratorClose(iterator, 'normal', condition);
+    return new Result(true, condition);
+  };
+
+  var callFn = function (value) {
+    if (AS_ENTRIES) {
+      anObject(value);
+      return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
+    } return INTERRUPTED ? fn(value, stop) : fn(value);
+  };
+
+  if (IS_ITERATOR) {
+    iterator = iterable;
+  } else {
+    iterFn = getIteratorMethod(iterable);
+    if (!iterFn) throw TypeError(String(iterable) + ' is not iterable');
+    // optimisation for array iterators
+    if (isArrayIteratorMethod(iterFn)) {
+      for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
+        result = callFn(iterable[index]);
+        if (result && result instanceof Result) return result;
+      } return new Result(false);
+    }
+    iterator = getIterator(iterable, iterFn);
+  }
+
+  next = iterator.next;
+  while (!(step = next.call(iterator)).done) {
+    try {
+      result = callFn(step.value);
+    } catch (error) {
+      iteratorClose(iterator, 'throw', error);
+    }
+    if (typeof result == 'object' && result && result instanceof Result) return result;
+  } return new Result(false);
+};
+
+// `Set.prototype.difference` method
+// https://github.com/tc39/proposal-set-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  difference: function difference(iterable) {
+    var set = anObject(this);
+    var newSet = new (speciesConstructor(set, getBuiltIn('Set')))(set);
+    var remover = aCallable(newSet['delete']);
+    iterate(iterable, function (value) {
+      remover.call(newSet, value);
+    });
+    return newSet;
+  }
+});
+
+var getSetIterator = function (it) {
+  // eslint-disable-next-line es/no-set -- safe
+  return Set.prototype.values.call(it);
+};
+
+// `Set.prototype.every` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  every: function every(callbackfn /* , thisArg */) {
+    var set = anObject(this);
+    var iterator = getSetIterator(set);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    return !iterate(iterator, function (value, stop) {
+      if (!boundFunction(value, value, set)) return stop();
+    }, { IS_ITERATOR: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Set.prototype.filter` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  filter: function filter(callbackfn /* , thisArg */) {
+    var set = anObject(this);
+    var iterator = getSetIterator(set);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    var newSet = new (speciesConstructor(set, getBuiltIn('Set')))();
+    var adder = aCallable(newSet.add);
+    iterate(iterator, function (value) {
+      if (boundFunction(value, value, set)) adder.call(newSet, value);
+    }, { IS_ITERATOR: true });
+    return newSet;
+  }
+});
+
+// `Set.prototype.find` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  find: function find(callbackfn /* , thisArg */) {
+    var set = anObject(this);
+    var iterator = getSetIterator(set);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    return iterate(iterator, function (value, stop) {
+      if (boundFunction(value, value, set)) return stop(value);
+    }, { IS_ITERATOR: true, INTERRUPTED: true }).result;
+  }
+});
+
+// `Set.prototype.intersection` method
+// https://github.com/tc39/proposal-set-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  intersection: function intersection(iterable) {
+    var set = anObject(this);
+    var newSet = new (speciesConstructor(set, getBuiltIn('Set')))();
+    var hasCheck = aCallable(set.has);
+    var adder = aCallable(newSet.add);
+    iterate(iterable, function (value) {
+      if (hasCheck.call(set, value)) adder.call(newSet, value);
+    });
+    return newSet;
+  }
+});
+
+// `Set.prototype.isDisjointFrom` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isDisjointFrom
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  isDisjointFrom: function isDisjointFrom(iterable) {
+    var set = anObject(this);
+    var hasCheck = aCallable(set.has);
+    return !iterate(iterable, function (value, stop) {
+      if (hasCheck.call(set, value) === true) return stop();
+    }, { INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Set.prototype.isSubsetOf` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSubsetOf
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  isSubsetOf: function isSubsetOf(iterable) {
+    var iterator = getIterator(this);
+    var otherSet = anObject(iterable);
+    var hasCheck = otherSet.has;
+    if (!isCallable(hasCheck)) {
+      otherSet = new (getBuiltIn('Set'))(iterable);
+      hasCheck = aCallable(otherSet.has);
+    }
+    return !iterate(iterator, function (value, stop) {
+      if (hasCheck.call(otherSet, value) === false) return stop();
+    }, { IS_ITERATOR: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Set.prototype.isSupersetOf` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSupersetOf
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  isSupersetOf: function isSupersetOf(iterable) {
+    var set = anObject(this);
+    var hasCheck = aCallable(set.has);
+    return !iterate(iterable, function (value, stop) {
+      if (hasCheck.call(set, value) === false) return stop();
+    }, { INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Set.prototype.join` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  join: function join(separator) {
+    var set = anObject(this);
+    var iterator = getSetIterator(set);
+    var sep = separator === undefined ? ',' : String(separator);
+    var result = [];
+    iterate(iterator, result.push, { that: result, IS_ITERATOR: true });
+    return result.join(sep);
+  }
+});
+
+// `Set.prototype.map` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  map: function map(callbackfn /* , thisArg */) {
+    var set = anObject(this);
+    var iterator = getSetIterator(set);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    var newSet = new (speciesConstructor(set, getBuiltIn('Set')))();
+    var adder = aCallable(newSet.add);
+    iterate(iterator, function (value) {
+      adder.call(newSet, boundFunction(value, value, set));
+    }, { IS_ITERATOR: true });
+    return newSet;
+  }
+});
+
+// `Set.prototype.reduce` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  reduce: function reduce(callbackfn /* , initialValue */) {
+    var set = anObject(this);
+    var iterator = getSetIterator(set);
+    var noInitial = arguments.length < 2;
+    var accumulator = noInitial ? undefined : arguments[1];
+    aCallable(callbackfn);
+    iterate(iterator, function (value) {
+      if (noInitial) {
+        noInitial = false;
+        accumulator = value;
+      } else {
+        accumulator = callbackfn(accumulator, value, value, set);
+      }
+    }, { IS_ITERATOR: true });
+    if (noInitial) throw TypeError('Reduce of empty set with no initial value');
+    return accumulator;
+  }
+});
+
+// `Set.prototype.some` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  some: function some(callbackfn /* , thisArg */) {
+    var set = anObject(this);
+    var iterator = getSetIterator(set);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    return iterate(iterator, function (value, stop) {
+      if (boundFunction(value, value, set)) return stop();
+    }, { IS_ITERATOR: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Set.prototype.symmetricDifference` method
+// https://github.com/tc39/proposal-set-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  symmetricDifference: function symmetricDifference(iterable) {
+    var set = anObject(this);
+    var newSet = new (speciesConstructor(set, getBuiltIn('Set')))(set);
+    var remover = aCallable(newSet['delete']);
+    var adder = aCallable(newSet.add);
+    iterate(iterable, function (value) {
+      remover.call(newSet, value) || adder.call(newSet, value);
+    });
+    return newSet;
+  }
+});
+
+// `Set.prototype.union` method
+// https://github.com/tc39/proposal-set-methods
+_export({ target: 'Set', proto: true, real: true, forced: isPure }, {
+  union: function union(iterable) {
+    var set = anObject(this);
+    var newSet = new (speciesConstructor(set, getBuiltIn('Set')))(set);
+    iterate(iterable, aCallable(newSet.add), { that: newSet });
+    return newSet;
+  }
+});
+
+// `Map.prototype.deleteAll` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  deleteAll: function deleteAll(/* ...elements */) {
+    return collectionDeleteAll.apply(this, arguments);
+  }
+});
+
+var getMapIterator = function (it) {
+  // eslint-disable-next-line es/no-map -- safe
+  return Map.prototype.entries.call(it);
+};
+
+// `Map.prototype.every` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  every: function every(callbackfn /* , thisArg */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    return !iterate(iterator, function (key, value, stop) {
+      if (!boundFunction(value, key, map)) return stop();
+    }, { AS_ENTRIES: true, IS_ITERATOR: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Map.prototype.filter` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  filter: function filter(callbackfn /* , thisArg */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    var newMap = new (speciesConstructor(map, getBuiltIn('Map')))();
+    var setter = aCallable(newMap.set);
+    iterate(iterator, function (key, value) {
+      if (boundFunction(value, key, map)) setter.call(newMap, key, value);
+    }, { AS_ENTRIES: true, IS_ITERATOR: true });
+    return newMap;
+  }
+});
+
+// `Map.prototype.find` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  find: function find(callbackfn /* , thisArg */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    return iterate(iterator, function (key, value, stop) {
+      if (boundFunction(value, key, map)) return stop(value);
+    }, { AS_ENTRIES: true, IS_ITERATOR: true, INTERRUPTED: true }).result;
+  }
+});
+
+// `Map.prototype.findKey` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  findKey: function findKey(callbackfn /* , thisArg */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    return iterate(iterator, function (key, value, stop) {
+      if (boundFunction(value, key, map)) return stop(key);
+    }, { AS_ENTRIES: true, IS_ITERATOR: true, INTERRUPTED: true }).result;
+  }
+});
+
+// `SameValueZero` abstract operation
+// https://tc39.es/ecma262/#sec-samevaluezero
+var sameValueZero = function (x, y) {
+  // eslint-disable-next-line no-self-compare -- NaN check
+  return x === y || x != x && y != y;
+};
+
+// `Map.prototype.includes` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  includes: function includes(searchElement) {
+    return iterate(getMapIterator(anObject(this)), function (key, value, stop) {
+      if (sameValueZero(value, searchElement)) return stop();
+    }, { AS_ENTRIES: true, IS_ITERATOR: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Map.prototype.keyOf` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  keyOf: function keyOf(searchElement) {
+    return iterate(getMapIterator(anObject(this)), function (key, value, stop) {
+      if (value === searchElement) return stop(key);
+    }, { AS_ENTRIES: true, IS_ITERATOR: true, INTERRUPTED: true }).result;
+  }
+});
+
+// `Map.prototype.mapKeys` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  mapKeys: function mapKeys(callbackfn /* , thisArg */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    var newMap = new (speciesConstructor(map, getBuiltIn('Map')))();
+    var setter = aCallable(newMap.set);
+    iterate(iterator, function (key, value) {
+      setter.call(newMap, boundFunction(value, key, map), value);
+    }, { AS_ENTRIES: true, IS_ITERATOR: true });
+    return newMap;
+  }
+});
+
+// `Map.prototype.mapValues` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  mapValues: function mapValues(callbackfn /* , thisArg */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    var newMap = new (speciesConstructor(map, getBuiltIn('Map')))();
+    var setter = aCallable(newMap.set);
+    iterate(iterator, function (key, value) {
+      setter.call(newMap, key, boundFunction(value, key, map));
+    }, { AS_ENTRIES: true, IS_ITERATOR: true });
+    return newMap;
+  }
+});
+
+// `Map.prototype.merge` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  // eslint-disable-next-line no-unused-vars -- required for `.length`
+  merge: function merge(iterable /* ...iterbles */) {
+    var map = anObject(this);
+    var setter = aCallable(map.set);
+    var argumentsLength = arguments.length;
+    var i = 0;
+    while (i < argumentsLength) {
+      iterate(arguments[i++], setter, { that: map, AS_ENTRIES: true });
+    }
+    return map;
+  }
+});
+
+// `Map.prototype.reduce` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  reduce: function reduce(callbackfn /* , initialValue */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var noInitial = arguments.length < 2;
+    var accumulator = noInitial ? undefined : arguments[1];
+    aCallable(callbackfn);
+    iterate(iterator, function (key, value) {
+      if (noInitial) {
+        noInitial = false;
+        accumulator = value;
+      } else {
+        accumulator = callbackfn(accumulator, value, key, map);
+      }
+    }, { AS_ENTRIES: true, IS_ITERATOR: true });
+    if (noInitial) throw TypeError('Reduce of empty map with no initial value');
+    return accumulator;
+  }
+});
+
+// `Set.prototype.some` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  some: function some(callbackfn /* , thisArg */) {
+    var map = anObject(this);
+    var iterator = getMapIterator(map);
+    var boundFunction = functionBindContext(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+    return iterate(iterator, function (key, value, stop) {
+      if (boundFunction(value, key, map)) return stop();
+    }, { AS_ENTRIES: true, IS_ITERATOR: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+// `Set.prototype.update` method
+// https://github.com/tc39/proposal-collection-methods
+_export({ target: 'Map', proto: true, real: true, forced: isPure }, {
+  update: function update(key, callback /* , thunk */) {
+    var map = anObject(this);
+    var length = arguments.length;
+    aCallable(callback);
+    var isPresentInMap = map.has(key);
+    if (!isPresentInMap && length < 3) {
+      throw TypeError('Updating absent value');
+    }
+    var value = isPresentInMap ? map.get(key) : aCallable(length > 2 ? arguments[2] : undefined)(key, map);
+    map.set(key, callback(value, key, map));
+    return map;
+  }
+});
+
+var tweakpane = createCommonjsModule(function (module, exports) {
+  /*! Tweakpane 3.0.5 (c) 2016 cocopon, licensed under the MIT license. */
+  (function (global, factory) {
+     factory(exports) ;
+  })(commonjsGlobal, function (exports) {
+    /***
+     * A simple semantic versioning perser.
+     */
+
+    class Semver {
+      /**
+       * @hidden
+       */
+      constructor(text) {
+        const [core, prerelease] = text.split('-');
+        const coreComps = core.split('.');
+        this.major = parseInt(coreComps[0], 10);
+        this.minor = parseInt(coreComps[1], 10);
+        this.patch = parseInt(coreComps[2], 10);
+        this.prerelease = prerelease !== null && prerelease !== void 0 ? prerelease : null;
+      }
+
+      toString() {
+        const core = [this.major, this.minor, this.patch].join('.');
+        return this.prerelease !== null ? [core, this.prerelease].join('-') : core;
+      }
+
+    }
+
+    class BladeApi {
+      constructor(controller) {
+        this.controller_ = controller;
+      }
+
+      get disabled() {
+        return this.controller_.viewProps.get('disabled');
+      }
+
+      set disabled(disabled) {
+        this.controller_.viewProps.set('disabled', disabled);
+      }
+
+      get hidden() {
+        return this.controller_.viewProps.get('hidden');
+      }
+
+      set hidden(hidden) {
+        this.controller_.viewProps.set('hidden', hidden);
+      }
+
+      dispose() {
+        this.controller_.viewProps.set('disposed', true);
+      }
+
+    }
+
+    class TpEvent {
+      constructor(target) {
+        this.target = target;
+      }
+
+    }
+
+    class TpChangeEvent extends TpEvent {
+      constructor(target, value, presetKey, last) {
+        super(target);
+        this.value = value;
+        this.presetKey = presetKey;
+        this.last = last !== null && last !== void 0 ? last : true;
+      }
+
+    }
+
+    class TpUpdateEvent extends TpEvent {
+      constructor(target, value, presetKey) {
+        super(target);
+        this.value = value;
+        this.presetKey = presetKey;
+      }
+
+    }
+
+    class TpFoldEvent extends TpEvent {
+      constructor(target, expanded) {
+        super(target);
+        this.expanded = expanded;
+      }
+
+    }
+
+    function forceCast(v) {
+      return v;
+    }
+
+    function isEmpty(value) {
+      return value === null || value === undefined;
+    }
+
+    function deepEqualsArray(a1, a2) {
+      if (a1.length !== a2.length) {
+        return false;
+      }
+
+      for (let i = 0; i < a1.length; i++) {
+        if (a1[i] !== a2[i]) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    const CREATE_MESSAGE_MAP = {
+      alreadydisposed: () => 'View has been already disposed',
+      invalidparams: context => `Invalid parameters for '${context.name}'`,
+      nomatchingcontroller: context => `No matching controller for '${context.key}'`,
+      nomatchingview: context => `No matching view for '${JSON.stringify(context.params)}'`,
+      notbindable: () => `Value is not bindable`,
+      propertynotfound: context => `Property '${context.name}' not found`,
+      shouldneverhappen: () => 'This error should never happen'
+    };
+
+    class TpError {
+      constructor(config) {
+        var _a;
+
+        this.message = (_a = CREATE_MESSAGE_MAP[config.type](forceCast(config.context))) !== null && _a !== void 0 ? _a : 'Unexpected error';
+        this.name = this.constructor.name;
+        this.stack = new Error(this.message).stack;
+        this.type = config.type;
+      }
+
+      static alreadyDisposed() {
+        return new TpError({
+          type: 'alreadydisposed'
+        });
+      }
+
+      static notBindable() {
+        return new TpError({
+          type: 'notbindable'
+        });
+      }
+
+      static propertyNotFound(name) {
+        return new TpError({
+          type: 'propertynotfound',
+          context: {
+            name: name
+          }
+        });
+      }
+
+      static shouldNeverHappen() {
+        return new TpError({
+          type: 'shouldneverhappen'
+        });
+      }
+
+    }
+
+    class BindingTarget {
+      constructor(obj, key, opt_id) {
+        this.obj_ = obj;
+        this.key_ = key;
+        this.presetKey_ = opt_id !== null && opt_id !== void 0 ? opt_id : key;
+      }
+
+      static isBindable(obj) {
+        if (obj === null) {
+          return false;
+        }
+
+        if (typeof obj !== 'object') {
+          return false;
+        }
+
+        return true;
+      }
+
+      get key() {
+        return this.key_;
+      }
+
+      get presetKey() {
+        return this.presetKey_;
+      }
+
+      read() {
+        return this.obj_[this.key_];
+      }
+
+      write(value) {
+        this.obj_[this.key_] = value;
+      }
+
+      writeProperty(name, value) {
+        const valueObj = this.read();
+
+        if (!BindingTarget.isBindable(valueObj)) {
+          throw TpError.notBindable();
+        }
+
+        if (!(name in valueObj)) {
+          throw TpError.propertyNotFound(name);
+        }
+
+        valueObj[name] = value;
+      }
+
+    }
+
+    class ButtonApi extends BladeApi {
+      get label() {
+        return this.controller_.props.get('label');
+      }
+
+      set label(label) {
+        this.controller_.props.set('label', label);
+      }
+
+      get title() {
+        var _a;
+
+        return (_a = this.controller_.valueController.props.get('title')) !== null && _a !== void 0 ? _a : '';
+      }
+
+      set title(title) {
+        this.controller_.valueController.props.set('title', title);
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        const emitter = this.controller_.valueController.emitter;
+        emitter.on(eventName, () => {
+          bh(new TpEvent(this));
+        });
+        return this;
+      }
+
+    }
+
+    class Emitter {
+      constructor() {
+        this.observers_ = {};
+      }
+
+      on(eventName, handler) {
+        let observers = this.observers_[eventName];
+
+        if (!observers) {
+          observers = this.observers_[eventName] = [];
+        }
+
+        observers.push({
+          handler: handler
+        });
+        return this;
+      }
+
+      off(eventName, handler) {
+        const observers = this.observers_[eventName];
+
+        if (observers) {
+          this.observers_[eventName] = observers.filter(observer => {
+            return observer.handler !== handler;
+          });
+        }
+
+        return this;
+      }
+
+      emit(eventName, event) {
+        const observers = this.observers_[eventName];
+
+        if (!observers) {
+          return;
+        }
+
+        observers.forEach(observer => {
+          observer.handler(event);
+        });
+      }
+
+    }
+
+    const PREFIX = 'tp';
+
+    function ClassName(viewName) {
+      const fn = (opt_elementName, opt_modifier) => {
+        return [PREFIX, '-', viewName, 'v', opt_elementName ? `_${opt_elementName}` : '', opt_modifier ? `-${opt_modifier}` : ''].join('');
+      };
+
+      return fn;
+    }
+
+    function compose(h1, h2) {
+      return input => h2(h1(input));
+    }
+
+    function extractValue(ev) {
+      return ev.rawValue;
+    }
+
+    function bindValue(value, applyValue) {
+      value.emitter.on('change', compose(extractValue, applyValue));
+      applyValue(value.rawValue);
+    }
+
+    function bindValueMap(valueMap, key, applyValue) {
+      bindValue(valueMap.value(key), applyValue);
+    }
+
+    function applyClass(elem, className, active) {
+      if (active) {
+        elem.classList.add(className);
+      } else {
+        elem.classList.remove(className);
+      }
+    }
+
+    function valueToClassName(elem, className) {
+      return value => {
+        applyClass(elem, className, value);
+      };
+    }
+
+    function bindValueToTextContent(value, elem) {
+      bindValue(value, text => {
+        elem.textContent = text !== null && text !== void 0 ? text : '';
+      });
+    }
+
+    const className$q = ClassName('btn');
+
+    class ButtonView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$q());
+        config.viewProps.bindClassModifiers(this.element);
+        const buttonElem = doc.createElement('button');
+        buttonElem.classList.add(className$q('b'));
+        config.viewProps.bindDisabled(buttonElem);
+        this.element.appendChild(buttonElem);
+        this.buttonElement = buttonElem;
+        const titleElem = doc.createElement('div');
+        titleElem.classList.add(className$q('t'));
+        bindValueToTextContent(config.props.value('title'), titleElem);
+        this.buttonElement.appendChild(titleElem);
+      }
+
+    }
+
+    class ButtonController {
+      constructor(doc, config) {
+        this.emitter = new Emitter();
+        this.onClick_ = this.onClick_.bind(this);
+        this.props = config.props;
+        this.viewProps = config.viewProps;
+        this.view = new ButtonView(doc, {
+          props: this.props,
+          viewProps: this.viewProps
+        });
+        this.view.buttonElement.addEventListener('click', this.onClick_);
+      }
+
+      onClick_() {
+        this.emitter.emit('click', {
+          sender: this
+        });
+      }
+
+    }
+
+    class BoundValue {
+      constructor(initialValue, config) {
+        var _a;
+
+        this.constraint_ = config === null || config === void 0 ? void 0 : config.constraint;
+        this.equals_ = (_a = config === null || config === void 0 ? void 0 : config.equals) !== null && _a !== void 0 ? _a : (v1, v2) => v1 === v2;
+        this.emitter = new Emitter();
+        this.rawValue_ = initialValue;
+      }
+
+      get constraint() {
+        return this.constraint_;
+      }
+
+      get rawValue() {
+        return this.rawValue_;
+      }
+
+      set rawValue(rawValue) {
+        this.setRawValue(rawValue, {
+          forceEmit: false,
+          last: true
+        });
+      }
+
+      setRawValue(rawValue, options) {
+        const opts = options !== null && options !== void 0 ? options : {
+          forceEmit: false,
+          last: true
+        };
+        const constrainedValue = this.constraint_ ? this.constraint_.constrain(rawValue) : rawValue;
+        const changed = !this.equals_(this.rawValue_, constrainedValue);
+
+        if (!changed && !opts.forceEmit) {
+          return;
+        }
+
+        this.emitter.emit('beforechange', {
+          sender: this
+        });
+        this.rawValue_ = constrainedValue;
+        this.emitter.emit('change', {
+          options: opts,
+          rawValue: constrainedValue,
+          sender: this
+        });
+      }
+
+    }
+
+    class PrimitiveValue {
+      constructor(initialValue) {
+        this.emitter = new Emitter();
+        this.value_ = initialValue;
+      }
+
+      get rawValue() {
+        return this.value_;
+      }
+
+      set rawValue(value) {
+        this.setRawValue(value, {
+          forceEmit: false,
+          last: true
+        });
+      }
+
+      setRawValue(value, options) {
+        const opts = options !== null && options !== void 0 ? options : {
+          forceEmit: false,
+          last: true
+        };
+
+        if (this.value_ === value && !opts.forceEmit) {
+          return;
+        }
+
+        this.emitter.emit('beforechange', {
+          sender: this
+        });
+        this.value_ = value;
+        this.emitter.emit('change', {
+          options: opts,
+          rawValue: this.value_,
+          sender: this
+        });
+      }
+
+    }
+
+    function createValue(initialValue, config) {
+      const constraint = config === null || config === void 0 ? void 0 : config.constraint;
+      const equals = config === null || config === void 0 ? void 0 : config.equals;
+
+      if (!constraint && !equals) {
+        return new PrimitiveValue(initialValue);
+      }
+
+      return new BoundValue(initialValue, config);
+    }
+
+    class ValueMap {
+      constructor(valueMap) {
+        this.emitter = new Emitter();
+        this.valMap_ = valueMap;
+
+        for (const key in this.valMap_) {
+          const v = this.valMap_[key];
+          v.emitter.on('change', () => {
+            this.emitter.emit('change', {
+              key: key,
+              sender: this
+            });
+          });
+        }
+      }
+
+      static createCore(initialValue) {
+        const keys = Object.keys(initialValue);
+        return keys.reduce((o, key) => {
+          return Object.assign(o, {
+            [key]: createValue(initialValue[key])
+          });
+        }, {});
+      }
+
+      static fromObject(initialValue) {
+        const core = this.createCore(initialValue);
+        return new ValueMap(core);
+      }
+
+      get(key) {
+        return this.valMap_[key].rawValue;
+      }
+
+      set(key, value) {
+        this.valMap_[key].rawValue = value;
+      }
+
+      value(key) {
+        return this.valMap_[key];
+      }
+
+    }
+
+    function parseObject(value, keyToParserMap) {
+      const keys = Object.keys(keyToParserMap);
+      const result = keys.reduce((tmp, key) => {
+        if (tmp === undefined) {
+          return undefined;
+        }
+
+        const parser = keyToParserMap[key];
+        const result = parser(value[key]);
+        return result.succeeded ? Object.assign(Object.assign({}, tmp), {
+          [key]: result.value
+        }) : undefined;
+      }, {});
+      return forceCast(result);
+    }
+
+    function parseArray(value, parseItem) {
+      return value.reduce((tmp, item) => {
+        if (tmp === undefined) {
+          return undefined;
+        }
+
+        const result = parseItem(item);
+
+        if (!result.succeeded || result.value === undefined) {
+          return undefined;
+        }
+
+        return [...tmp, result.value];
+      }, []);
+    }
+
+    function isObject(value) {
+      if (value === null) {
+        return false;
+      }
+
+      return typeof value === 'object';
+    }
+
+    function createParamsParserBuilder(parse) {
+      return optional => v => {
+        if (!optional && v === undefined) {
+          return {
+            succeeded: false,
+            value: undefined
+          };
+        }
+
+        if (optional && v === undefined) {
+          return {
+            succeeded: true,
+            value: undefined
+          };
+        }
+
+        const result = parse(v);
+        return result !== undefined ? {
+          succeeded: true,
+          value: result
+        } : {
+          succeeded: false,
+          value: undefined
+        };
+      };
+    }
+
+    function createParamsParserBuilders(optional) {
+      return {
+        custom: parse => createParamsParserBuilder(parse)(optional),
+        boolean: createParamsParserBuilder(v => typeof v === 'boolean' ? v : undefined)(optional),
+        number: createParamsParserBuilder(v => typeof v === 'number' ? v : undefined)(optional),
+        string: createParamsParserBuilder(v => typeof v === 'string' ? v : undefined)(optional),
+        function: createParamsParserBuilder(v => typeof v === 'function' ? v : undefined)(optional),
+        constant: value => createParamsParserBuilder(v => v === value ? value : undefined)(optional),
+        raw: createParamsParserBuilder(v => v)(optional),
+        object: keyToParserMap => createParamsParserBuilder(v => {
+          if (!isObject(v)) {
+            return undefined;
+          }
+
+          return parseObject(v, keyToParserMap);
+        })(optional),
+        array: itemParser => createParamsParserBuilder(v => {
+          if (!Array.isArray(v)) {
+            return undefined;
+          }
+
+          return parseArray(v, itemParser);
+        })(optional)
+      };
+    }
+
+    const ParamsParsers = {
+      optional: createParamsParserBuilders(true),
+      required: createParamsParserBuilders(false)
+    };
+
+    function parseParams(value, keyToParserMap) {
+      const result = ParamsParsers.required.object(keyToParserMap)(value);
+      return result.succeeded ? result.value : undefined;
+    }
+
+    function disposeElement(elem) {
+      if (elem && elem.parentElement) {
+        elem.parentElement.removeChild(elem);
+      }
+
+      return null;
+    }
+
+    function getAllBladePositions() {
+      return ['veryfirst', 'first', 'last', 'verylast'];
+    }
+
+    const className$p = ClassName('');
+    const POS_TO_CLASS_NAME_MAP = {
+      veryfirst: 'vfst',
+      first: 'fst',
+      last: 'lst',
+      verylast: 'vlst'
+    };
+
+    class BladeController {
+      constructor(config) {
+        this.parent_ = null;
+        this.blade = config.blade;
+        this.view = config.view;
+        this.viewProps = config.viewProps;
+        const elem = this.view.element;
+        this.blade.value('positions').emitter.on('change', () => {
+          getAllBladePositions().forEach(pos => {
+            elem.classList.remove(className$p(undefined, POS_TO_CLASS_NAME_MAP[pos]));
+          });
+          this.blade.get('positions').forEach(pos => {
+            elem.classList.add(className$p(undefined, POS_TO_CLASS_NAME_MAP[pos]));
+          });
+        });
+        this.viewProps.handleDispose(() => {
+          disposeElement(elem);
+        });
+      }
+
+      get parent() {
+        return this.parent_;
+      }
+
+    }
+
+    const SVG_NS = 'http://www.w3.org/2000/svg';
+
+    function forceReflow(element) {
+      element.offsetHeight;
+    }
+
+    function disableTransitionTemporarily(element, callback) {
+      const t = element.style.transition;
+      element.style.transition = 'none';
+      callback();
+      element.style.transition = t;
+    }
+
+    function supportsTouch(doc) {
+      return doc.ontouchstart !== undefined;
+    }
+
+    function getGlobalObject() {
+      return new Function('return this')();
+    }
+
+    function getWindowDocument() {
+      const globalObj = forceCast(getGlobalObject());
+      return globalObj.document;
+    }
+
+    function isBrowser() {
+      return 'document' in getGlobalObject();
+    }
+
+    function getCanvasContext(canvasElement) {
+      return isBrowser() ? canvasElement.getContext('2d') : null;
+    }
+
+    const ICON_ID_TO_INNER_HTML_MAP = {
+      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 createSvgIconElement(document, iconId) {
+      const elem = document.createElementNS(SVG_NS, 'svg');
+      elem.innerHTML = ICON_ID_TO_INNER_HTML_MAP[iconId];
+      return elem;
+    }
+
+    function insertElementAt(parentElement, element, index) {
+      parentElement.insertBefore(element, parentElement.children[index]);
+    }
+
+    function removeElement(element) {
+      if (element.parentElement) {
+        element.parentElement.removeChild(element);
+      }
+    }
+
+    function removeChildElements(element) {
+      while (element.children.length > 0) {
+        element.removeChild(element.children[0]);
+      }
+    }
+
+    function removeChildNodes(element) {
+      while (element.childNodes.length > 0) {
+        element.removeChild(element.childNodes[0]);
+      }
+    }
+
+    function findNextTarget(ev) {
+      if (ev.relatedTarget) {
+        return forceCast(ev.relatedTarget);
+      }
+
+      if ('explicitOriginalTarget' in ev) {
+        return ev.explicitOriginalTarget;
+      }
+
+      return null;
+    }
+
+    const className$o = ClassName('lbl');
+
+    function createLabelNode(doc, label) {
+      const frag = doc.createDocumentFragment();
+      const lineNodes = label.split('\n').map(line => {
+        return doc.createTextNode(line);
+      });
+      lineNodes.forEach((lineNode, index) => {
+        if (index > 0) {
+          frag.appendChild(doc.createElement('br'));
+        }
+
+        frag.appendChild(lineNode);
+      });
+      return frag;
+    }
+
+    class LabelView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$o());
+        config.viewProps.bindClassModifiers(this.element);
+        const labelElem = doc.createElement('div');
+        labelElem.classList.add(className$o('l'));
+        bindValueMap(config.props, 'label', value => {
+          if (isEmpty(value)) {
+            this.element.classList.add(className$o(undefined, 'nol'));
+          } else {
+            this.element.classList.remove(className$o(undefined, 'nol'));
+            removeChildNodes(labelElem);
+            labelElem.appendChild(createLabelNode(doc, value));
+          }
+        });
+        this.element.appendChild(labelElem);
+        this.labelElement = labelElem;
+        const valueElem = doc.createElement('div');
+        valueElem.classList.add(className$o('v'));
+        this.element.appendChild(valueElem);
+        this.valueElement = valueElem;
+      }
+
+    }
+
+    class LabelController extends BladeController {
+      constructor(doc, config) {
+        const viewProps = config.valueController.viewProps;
+        super(Object.assign(Object.assign({}, config), {
+          view: new LabelView(doc, {
+            props: config.props,
+            viewProps: viewProps
+          }),
+          viewProps: viewProps
+        }));
+        this.props = config.props;
+        this.valueController = config.valueController;
+        this.view.valueElement.appendChild(this.valueController.view.element);
+      }
+
+    }
+
+    const ButtonBladePlugin = {
+      id: 'button',
+      type: 'blade',
+
+      accept(params) {
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          title: p.required.string,
+          view: p.required.constant('button'),
+          label: p.optional.string
+        });
+        return result ? {
+          params: result
+        } : null;
+      },
+
+      controller(args) {
+        return new LabelController(args.document, {
+          blade: args.blade,
+          props: ValueMap.fromObject({
+            label: args.params.label
+          }),
+          valueController: new ButtonController(args.document, {
+            props: ValueMap.fromObject({
+              title: args.params.title
+            }),
+            viewProps: args.viewProps
+          })
+        });
+      },
+
+      api(args) {
+        if (!(args.controller instanceof LabelController)) {
+          return null;
+        }
+
+        if (!(args.controller.valueController instanceof ButtonController)) {
+          return null;
+        }
+
+        return new ButtonApi(args.controller);
+      }
+
+    };
+
+    class ValueBladeController extends BladeController {
+      constructor(config) {
+        super(config);
+        this.value = config.value;
+      }
+
+    }
+
+    function createBlade() {
+      return new ValueMap({
+        positions: createValue([], {
+          equals: deepEqualsArray
+        })
+      });
+    }
+
+    class Foldable extends ValueMap {
+      constructor(valueMap) {
+        super(valueMap);
+      }
+
+      static create(expanded) {
+        const coreObj = {
+          completed: true,
+          expanded: expanded,
+          expandedHeight: null,
+          shouldFixHeight: false,
+          temporaryExpanded: null
+        };
+        const core = ValueMap.createCore(coreObj);
+        return new Foldable(core);
+      }
+
+      get styleExpanded() {
+        var _a;
+
+        return (_a = this.get('temporaryExpanded')) !== null && _a !== void 0 ? _a : this.get('expanded');
+      }
+
+      get styleHeight() {
+        if (!this.styleExpanded) {
+          return '0';
+        }
+
+        const exHeight = this.get('expandedHeight');
+
+        if (this.get('shouldFixHeight') && !isEmpty(exHeight)) {
+          return `${exHeight}px`;
+        }
+
+        return 'auto';
+      }
+
+      bindExpandedClass(elem, expandedClassName) {
+        bindValueMap(this, 'expanded', () => {
+          const expanded = this.styleExpanded;
+
+          if (expanded) {
+            elem.classList.add(expandedClassName);
+          } else {
+            elem.classList.remove(expandedClassName);
+          }
+        });
+      }
+
+    }
+
+    function computeExpandedFolderHeight(folder, containerElement) {
+      let height = 0;
+      disableTransitionTemporarily(containerElement, () => {
+        folder.set('expandedHeight', null);
+        folder.set('temporaryExpanded', true);
+        forceReflow(containerElement);
+        height = containerElement.clientHeight;
+        folder.set('temporaryExpanded', null);
+        forceReflow(containerElement);
+      });
+      return height;
+    }
+
+    function applyHeight(foldable, elem) {
+      elem.style.height = foldable.styleHeight;
+    }
+
+    function bindFoldable(foldable, elem) {
+      foldable.value('expanded').emitter.on('beforechange', () => {
+        foldable.set('completed', false);
+
+        if (isEmpty(foldable.get('expandedHeight'))) {
+          foldable.set('expandedHeight', computeExpandedFolderHeight(foldable, elem));
+        }
+
+        foldable.set('shouldFixHeight', true);
+        forceReflow(elem);
+      });
+      foldable.emitter.on('change', () => {
+        applyHeight(foldable, elem);
+      });
+      applyHeight(foldable, elem);
+      elem.addEventListener('transitionend', ev => {
+        if (ev.propertyName !== 'height') {
+          return;
+        }
+
+        foldable.set('shouldFixHeight', false);
+        foldable.set('expandedHeight', null);
+        foldable.set('completed', true);
+      });
+    }
+
+    class RackLikeApi extends BladeApi {
+      constructor(controller, rackApi) {
+        super(controller);
+        this.rackApi_ = rackApi;
+      }
+
+    }
+
+    function addButtonAsBlade(api, params) {
+      return api.addBlade(Object.assign(Object.assign({}, params), {
+        view: 'button'
+      }));
+    }
+
+    function addFolderAsBlade(api, params) {
+      return api.addBlade(Object.assign(Object.assign({}, params), {
+        view: 'folder'
+      }));
+    }
+
+    function addSeparatorAsBlade(api, opt_params) {
+      const params = opt_params || {};
+      return api.addBlade(Object.assign(Object.assign({}, params), {
+        view: 'separator'
+      }));
+    }
+
+    function addTabAsBlade(api, params) {
+      return api.addBlade(Object.assign(Object.assign({}, params), {
+        view: 'tab'
+      }));
+    }
+
+    class NestedOrderedSet {
+      constructor(extract) {
+        this.emitter = new Emitter();
+        this.items_ = [];
+        this.cache_ = new Set();
+        this.onSubListAdd_ = this.onSubListAdd_.bind(this);
+        this.onSubListRemove_ = this.onSubListRemove_.bind(this);
+        this.extract_ = extract;
+      }
+
+      get items() {
+        return this.items_;
+      }
+
+      allItems() {
+        return Array.from(this.cache_);
+      }
+
+      find(callback) {
+        for (const item of this.allItems()) {
+          if (callback(item)) {
+            return item;
+          }
+        }
+
+        return null;
+      }
+
+      includes(item) {
+        return this.cache_.has(item);
+      }
+
+      add(item, opt_index) {
+        if (this.includes(item)) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        const index = opt_index !== undefined ? opt_index : this.items_.length;
+        this.items_.splice(index, 0, item);
+        this.cache_.add(item);
+        const subList = this.extract_(item);
+
+        if (subList) {
+          subList.emitter.on('add', this.onSubListAdd_);
+          subList.emitter.on('remove', this.onSubListRemove_);
+          subList.allItems().forEach(item => {
+            this.cache_.add(item);
+          });
+        }
+
+        this.emitter.emit('add', {
+          index: index,
+          item: item,
+          root: this,
+          target: this
+        });
+      }
+
+      remove(item) {
+        const index = this.items_.indexOf(item);
+
+        if (index < 0) {
+          return;
+        }
+
+        this.items_.splice(index, 1);
+        this.cache_.delete(item);
+        const subList = this.extract_(item);
+
+        if (subList) {
+          subList.emitter.off('add', this.onSubListAdd_);
+          subList.emitter.off('remove', this.onSubListRemove_);
+        }
+
+        this.emitter.emit('remove', {
+          index: index,
+          item: item,
+          root: this,
+          target: this
+        });
+      }
+
+      onSubListAdd_(ev) {
+        this.cache_.add(ev.item);
+        this.emitter.emit('add', {
+          index: ev.index,
+          item: ev.item,
+          root: this,
+          target: ev.target
+        });
+      }
+
+      onSubListRemove_(ev) {
+        this.cache_.delete(ev.item);
+        this.emitter.emit('remove', {
+          index: ev.index,
+          item: ev.item,
+          root: this,
+          target: ev.target
+        });
+      }
+
+    }
+
+    class InputBindingApi extends BladeApi {
+      constructor(controller) {
+        super(controller);
+        this.onBindingChange_ = this.onBindingChange_.bind(this);
+        this.emitter_ = new Emitter();
+        this.controller_.binding.emitter.on('change', this.onBindingChange_);
+      }
+
+      get label() {
+        return this.controller_.props.get('label');
+      }
+
+      set label(label) {
+        this.controller_.props.set('label', label);
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+      refresh() {
+        this.controller_.binding.read();
+      }
+
+      onBindingChange_(ev) {
+        const value = ev.sender.target.read();
+        this.emitter_.emit('change', {
+          event: new TpChangeEvent(this, forceCast(value), this.controller_.binding.target.presetKey, ev.options.last)
+        });
+      }
+
+    }
+
+    class InputBindingController extends LabelController {
+      constructor(doc, config) {
+        super(doc, config);
+        this.binding = config.binding;
+      }
+
+    }
+
+    class MonitorBindingApi extends BladeApi {
+      constructor(controller) {
+        super(controller);
+        this.onBindingUpdate_ = this.onBindingUpdate_.bind(this);
+        this.emitter_ = new Emitter();
+        this.controller_.binding.emitter.on('update', this.onBindingUpdate_);
+      }
+
+      get label() {
+        return this.controller_.props.get('label');
+      }
+
+      set label(label) {
+        this.controller_.props.set('label', label);
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+      refresh() {
+        this.controller_.binding.read();
+      }
+
+      onBindingUpdate_(ev) {
+        const value = ev.sender.target.read();
+        this.emitter_.emit('update', {
+          event: new TpUpdateEvent(this, forceCast(value), this.controller_.binding.target.presetKey)
+        });
+      }
+
+    }
+
+    class MonitorBindingController extends LabelController {
+      constructor(doc, config) {
+        super(doc, config);
+        this.binding = config.binding;
+        this.viewProps.bindDisabled(this.binding.ticker);
+        this.viewProps.handleDispose(() => {
+          this.binding.dispose();
+        });
+      }
+
+    }
+
+    function findSubBladeApiSet(api) {
+      if (api instanceof RackApi) {
+        return api['apiSet_'];
+      }
+
+      if (api instanceof RackLikeApi) {
+        return api['rackApi_']['apiSet_'];
+      }
+
+      return null;
+    }
+
+    function getApiByController(apiSet, controller) {
+      const api = apiSet.find(api => api.controller_ === controller);
+
+      if (!api) {
+        throw TpError.shouldNeverHappen();
+      }
+
+      return api;
+    }
+
+    function createBindingTarget(obj, key, opt_id) {
+      if (!BindingTarget.isBindable(obj)) {
+        throw TpError.notBindable();
+      }
+
+      return new BindingTarget(obj, key, opt_id);
+    }
+
+    class RackApi extends BladeApi {
+      constructor(controller, pool) {
+        super(controller);
+        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 Emitter();
+        this.apiSet_ = new NestedOrderedSet(findSubBladeApiSet);
+        this.pool_ = pool;
+        const rack = this.controller_.rack;
+        rack.emitter.on('add', this.onRackAdd_);
+        rack.emitter.on('remove', this.onRackRemove_);
+        rack.emitter.on('inputchange', this.onRackInputChange_);
+        rack.emitter.on('monitorupdate', this.onRackMonitorUpdate_);
+        rack.children.forEach(bc => {
+          this.setUpApi_(bc);
+        });
+      }
+
+      get children() {
+        return this.controller_.rack.children.map(bc => getApiByController(this.apiSet_, bc));
+      }
+
+      addInput(object, key, opt_params) {
+        const params = opt_params || {};
+        const doc = this.controller_.view.element.ownerDocument;
+        const bc = this.pool_.createInput(doc, createBindingTarget(object, key, params.presetKey), params);
+        const api = new InputBindingApi(bc);
+        return this.add(api, params.index);
+      }
+
+      addMonitor(object, key, opt_params) {
+        const params = opt_params || {};
+        const doc = this.controller_.view.element.ownerDocument;
+        const bc = this.pool_.createMonitor(doc, createBindingTarget(object, key), params);
+        const api = new MonitorBindingApi(bc);
+        return forceCast(this.add(api, params.index));
+      }
+
+      addFolder(params) {
+        return addFolderAsBlade(this, params);
+      }
+
+      addButton(params) {
+        return addButtonAsBlade(this, params);
+      }
+
+      addSeparator(opt_params) {
+        return addSeparatorAsBlade(this, opt_params);
+      }
+
+      addTab(params) {
+        return addTabAsBlade(this, params);
+      }
+
+      add(api, opt_index) {
+        this.controller_.rack.add(api.controller_, opt_index);
+        const gapi = this.apiSet_.find(a => a.controller_ === api.controller_);
+
+        if (gapi) {
+          this.apiSet_.remove(gapi);
+        }
+
+        this.apiSet_.add(api);
+        return api;
+      }
+
+      remove(api) {
+        this.controller_.rack.remove(api.controller_);
+      }
+
+      addBlade(params) {
+        const doc = this.controller_.view.element.ownerDocument;
+        const bc = this.pool_.createBlade(doc, params);
+        const api = this.pool_.createBladeApi(bc);
+        return this.add(api, params.index);
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+      setUpApi_(bc) {
+        const api = this.apiSet_.find(api => api.controller_ === bc);
+
+        if (!api) {
+          this.apiSet_.add(this.pool_.createBladeApi(bc));
+        }
+      }
+
+      onRackAdd_(ev) {
+        this.setUpApi_(ev.bladeController);
+      }
+
+      onRackRemove_(ev) {
+        if (ev.isRoot) {
+          const api = getApiByController(this.apiSet_, ev.bladeController);
+          this.apiSet_.remove(api);
+        }
+      }
+
+      onRackInputChange_(ev) {
+        const bc = ev.bladeController;
+
+        if (bc instanceof InputBindingController) {
+          const api = getApiByController(this.apiSet_, bc);
+          const binding = bc.binding;
+          this.emitter_.emit('change', {
+            event: new TpChangeEvent(api, forceCast(binding.target.read()), binding.target.presetKey, ev.options.last)
+          });
+        } else if (bc instanceof ValueBladeController) {
+          const api = getApiByController(this.apiSet_, bc);
+          this.emitter_.emit('change', {
+            event: new TpChangeEvent(api, bc.value.rawValue, undefined, ev.options.last)
+          });
+        }
+      }
+
+      onRackMonitorUpdate_(ev) {
+        if (!(ev.bladeController instanceof MonitorBindingController)) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        const api = getApiByController(this.apiSet_, ev.bladeController);
+        const binding = ev.bladeController.binding;
+        this.emitter_.emit('update', {
+          event: new TpUpdateEvent(api, forceCast(binding.target.read()), binding.target.presetKey)
+        });
+      }
+
+    }
+
+    class FolderApi extends RackLikeApi {
+      constructor(controller, pool) {
+        super(controller, new RackApi(controller.rackController, pool));
+        this.emitter_ = new Emitter();
+        this.controller_.foldable.value('expanded').emitter.on('change', ev => {
+          this.emitter_.emit('fold', {
+            event: new TpFoldEvent(this, ev.sender.rawValue)
+          });
+        });
+        this.rackApi_.on('change', ev => {
+          this.emitter_.emit('change', {
+            event: ev
+          });
+        });
+        this.rackApi_.on('update', ev => {
+          this.emitter_.emit('update', {
+            event: ev
+          });
+        });
+      }
+
+      get expanded() {
+        return this.controller_.foldable.get('expanded');
+      }
+
+      set expanded(expanded) {
+        this.controller_.foldable.set('expanded', expanded);
+      }
+
+      get title() {
+        return this.controller_.props.get('title');
+      }
+
+      set title(title) {
+        this.controller_.props.set('title', title);
+      }
+
+      get children() {
+        return this.rackApi_.children;
+      }
+
+      addInput(object, key, opt_params) {
+        return this.rackApi_.addInput(object, key, opt_params);
+      }
+
+      addMonitor(object, key, opt_params) {
+        return this.rackApi_.addMonitor(object, key, opt_params);
+      }
+
+      addFolder(params) {
+        return this.rackApi_.addFolder(params);
+      }
+
+      addButton(params) {
+        return this.rackApi_.addButton(params);
+      }
+
+      addSeparator(opt_params) {
+        return this.rackApi_.addSeparator(opt_params);
+      }
+
+      addTab(params) {
+        return this.rackApi_.addTab(params);
+      }
+
+      add(api, opt_index) {
+        return this.rackApi_.add(api, opt_index);
+      }
+
+      remove(api) {
+        this.rackApi_.remove(api);
+      }
+
+      addBlade(params) {
+        return this.rackApi_.addBlade(params);
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+    }
+
+    class RackLikeController extends BladeController {
+      constructor(config) {
+        super({
+          blade: config.blade,
+          view: config.view,
+          viewProps: config.rackController.viewProps
+        });
+        this.rackController = config.rackController;
+      }
+
+    }
+
+    class PlainView {
+      constructor(doc, config) {
+        const className = ClassName(config.viewName);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className());
+        config.viewProps.bindClassModifiers(this.element);
+      }
+
+    }
+
+    function findInputBindingController(bcs, b) {
+      for (let i = 0; i < bcs.length; i++) {
+        const bc = bcs[i];
+
+        if (bc instanceof InputBindingController && bc.binding === b) {
+          return bc;
+        }
+      }
+
+      return null;
+    }
+
+    function findMonitorBindingController(bcs, b) {
+      for (let i = 0; i < bcs.length; i++) {
+        const bc = bcs[i];
+
+        if (bc instanceof MonitorBindingController && bc.binding === b) {
+          return bc;
+        }
+      }
+
+      return null;
+    }
+
+    function findValueBladeController(bcs, v) {
+      for (let i = 0; i < bcs.length; i++) {
+        const bc = bcs[i];
+
+        if (bc instanceof ValueBladeController && bc.value === v) {
+          return bc;
+        }
+      }
+
+      return null;
+    }
+
+    function findSubRack(bc) {
+      if (bc instanceof RackController) {
+        return bc.rack;
+      }
+
+      if (bc instanceof RackLikeController) {
+        return bc.rackController.rack;
+      }
+
+      return null;
+    }
+
+    function findSubBladeControllerSet(bc) {
+      const rack = findSubRack(bc);
+      return rack ? rack['bcSet_'] : null;
+    }
+
+    class BladeRack {
+      constructor(blade) {
+        var _a;
+
+        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 Emitter();
+        this.blade_ = blade !== null && blade !== void 0 ? blade : null;
+        (_a = this.blade_) === null || _a === void 0 ? void 0 : _a.value('positions').emitter.on('change', this.onBladePositionsChange_);
+        this.bcSet_ = new NestedOrderedSet(findSubBladeControllerSet);
+        this.bcSet_.emitter.on('add', this.onSetAdd_);
+        this.bcSet_.emitter.on('remove', this.onSetRemove_);
+      }
+
+      get children() {
+        return this.bcSet_.items;
+      }
+
+      add(bc, opt_index) {
+        if (bc.parent) {
+          bc.parent.remove(bc);
+        }
+
+        bc['parent_'] = this;
+        this.bcSet_.add(bc, opt_index);
+      }
+
+      remove(bc) {
+        bc['parent_'] = null;
+        this.bcSet_.remove(bc);
+      }
+
+      find(controllerClass) {
+        return forceCast(this.bcSet_.allItems().filter(bc => {
+          return bc instanceof controllerClass;
+        }));
+      }
+
+      onSetAdd_(ev) {
+        this.updatePositions_();
+        const isRoot = ev.target === ev.root;
+        this.emitter.emit('add', {
+          bladeController: ev.item,
+          index: ev.index,
+          isRoot: isRoot,
+          sender: this
+        });
+
+        if (!isRoot) {
+          return;
+        }
+
+        const bc = ev.item;
+        bc.viewProps.emitter.on('change', this.onChildViewPropsChange_);
+        bc.blade.value('positions').emitter.on('change', this.onChildPositionsChange_);
+        bc.viewProps.handleDispose(this.onChildDispose_);
+
+        if (bc instanceof InputBindingController) {
+          bc.binding.emitter.on('change', this.onChildInputChange_);
+        } else if (bc instanceof MonitorBindingController) {
+          bc.binding.emitter.on('update', this.onChildMonitorUpdate_);
+        } else if (bc instanceof ValueBladeController) {
+          bc.value.emitter.on('change', this.onChildValueChange_);
+        } else {
+          const rack = findSubRack(bc);
+
+          if (rack) {
+            const emitter = rack.emitter;
+            emitter.on('layout', this.onDescendantLayout_);
+            emitter.on('inputchange', this.onDescendantInputChange_);
+            emitter.on('monitorupdate', this.onDescendantMonitorUpdate_);
+          }
+        }
+      }
+
+      onSetRemove_(ev) {
+        this.updatePositions_();
+        const isRoot = ev.target === ev.root;
+        this.emitter.emit('remove', {
+          bladeController: ev.item,
+          isRoot: isRoot,
+          sender: this
+        });
+
+        if (!isRoot) {
+          return;
+        }
+
+        const bc = ev.item;
+
+        if (bc instanceof InputBindingController) {
+          bc.binding.emitter.off('change', this.onChildInputChange_);
+        } else if (bc instanceof MonitorBindingController) {
+          bc.binding.emitter.off('update', this.onChildMonitorUpdate_);
+        } else if (bc instanceof ValueBladeController) {
+          bc.value.emitter.off('change', this.onChildValueChange_);
+        } else {
+          const rack = findSubRack(bc);
+
+          if (rack) {
+            const emitter = rack.emitter;
+            emitter.off('layout', this.onDescendantLayout_);
+            emitter.off('inputchange', this.onDescendantInputChange_);
+            emitter.off('monitorupdate', this.onDescendantMonitorUpdate_);
+          }
+        }
+      }
+
+      updatePositions_() {
+        const visibleItems = this.bcSet_.items.filter(bc => !bc.viewProps.get('hidden'));
+        const firstVisibleItem = visibleItems[0];
+        const lastVisibleItem = visibleItems[visibleItems.length - 1];
+        this.bcSet_.items.forEach(bc => {
+          const ps = [];
+
+          if (bc === firstVisibleItem) {
+            ps.push('first');
+
+            if (!this.blade_ || this.blade_.get('positions').includes('veryfirst')) {
+              ps.push('veryfirst');
+            }
+          }
+
+          if (bc === lastVisibleItem) {
+            ps.push('last');
+
+            if (!this.blade_ || this.blade_.get('positions').includes('verylast')) {
+              ps.push('verylast');
+            }
+          }
+
+          bc.blade.set('positions', ps);
+        });
+      }
+
+      onChildPositionsChange_() {
+        this.updatePositions_();
+        this.emitter.emit('layout', {
+          sender: this
+        });
+      }
+
+      onChildViewPropsChange_(_ev) {
+        this.updatePositions_();
+        this.emitter.emit('layout', {
+          sender: this
+        });
+      }
+
+      onChildDispose_() {
+        const disposedUcs = this.bcSet_.items.filter(bc => {
+          return bc.viewProps.get('disposed');
+        });
+        disposedUcs.forEach(bc => {
+          this.bcSet_.remove(bc);
+        });
+      }
+
+      onChildInputChange_(ev) {
+        const bc = findInputBindingController(this.find(InputBindingController), ev.sender);
+
+        if (!bc) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        this.emitter.emit('inputchange', {
+          bladeController: bc,
+          options: ev.options,
+          sender: this
+        });
+      }
+
+      onChildMonitorUpdate_(ev) {
+        const bc = findMonitorBindingController(this.find(MonitorBindingController), ev.sender);
+
+        if (!bc) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        this.emitter.emit('monitorupdate', {
+          bladeController: bc,
+          sender: this
+        });
+      }
+
+      onChildValueChange_(ev) {
+        const bc = findValueBladeController(this.find(ValueBladeController), ev.sender);
+
+        if (!bc) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        this.emitter.emit('inputchange', {
+          bladeController: bc,
+          options: ev.options,
+          sender: this
+        });
+      }
+
+      onDescendantLayout_(_) {
+        this.updatePositions_();
+        this.emitter.emit('layout', {
+          sender: this
+        });
+      }
+
+      onDescendantInputChange_(ev) {
+        this.emitter.emit('inputchange', {
+          bladeController: ev.bladeController,
+          options: ev.options,
+          sender: this
+        });
+      }
+
+      onDescendantMonitorUpdate_(ev) {
+        this.emitter.emit('monitorupdate', {
+          bladeController: ev.bladeController,
+          sender: this
+        });
+      }
+
+      onBladePositionsChange_() {
+        this.updatePositions_();
+      }
+
+    }
+
+    class RackController extends BladeController {
+      constructor(doc, config) {
+        super(Object.assign(Object.assign({}, config), {
+          view: new PlainView(doc, {
+            viewName: 'brk',
+            viewProps: config.viewProps
+          })
+        }));
+        this.onRackAdd_ = this.onRackAdd_.bind(this);
+        this.onRackRemove_ = this.onRackRemove_.bind(this);
+        const rack = new BladeRack(config.root ? undefined : config.blade);
+        rack.emitter.on('add', this.onRackAdd_);
+        rack.emitter.on('remove', this.onRackRemove_);
+        this.rack = rack;
+        this.viewProps.handleDispose(() => {
+          for (let i = this.rack.children.length - 1; i >= 0; i--) {
+            const bc = this.rack.children[i];
+            bc.viewProps.set('disposed', true);
+          }
+        });
+      }
+
+      onRackAdd_(ev) {
+        if (!ev.isRoot) {
+          return;
+        }
+
+        insertElementAt(this.view.element, ev.bladeController.view.element, ev.index);
+      }
+
+      onRackRemove_(ev) {
+        if (!ev.isRoot) {
+          return;
+        }
+
+        removeElement(ev.bladeController.view.element);
+      }
+
+    }
+
+    const bladeContainerClassName = ClassName('cnt');
+
+    class FolderView {
+      constructor(doc, config) {
+        this.className_ = ClassName(config.viewName || 'fld');
+        this.element = doc.createElement('div');
+        this.element.classList.add(this.className_(), bladeContainerClassName());
+        config.viewProps.bindClassModifiers(this.element);
+        this.foldable_ = config.foldable;
+        this.foldable_.bindExpandedClass(this.element, this.className_(undefined, 'expanded'));
+        bindValueMap(this.foldable_, 'completed', valueToClassName(this.element, this.className_(undefined, 'cpl')));
+        const buttonElem = doc.createElement('button');
+        buttonElem.classList.add(this.className_('b'));
+        bindValueMap(config.props, 'title', title => {
+          if (isEmpty(title)) {
+            this.element.classList.add(this.className_(undefined, 'not'));
+          } else {
+            this.element.classList.remove(this.className_(undefined, 'not'));
+          }
+        });
+        config.viewProps.bindDisabled(buttonElem);
+        this.element.appendChild(buttonElem);
+        this.buttonElement = buttonElem;
+        const titleElem = doc.createElement('div');
+        titleElem.classList.add(this.className_('t'));
+        bindValueToTextContent(config.props.value('title'), titleElem);
+        this.buttonElement.appendChild(titleElem);
+        this.titleElement = titleElem;
+        const markElem = doc.createElement('div');
+        markElem.classList.add(this.className_('m'));
+        this.buttonElement.appendChild(markElem);
+        const containerElem = config.containerElement;
+        containerElem.classList.add(this.className_('c'));
+        this.element.appendChild(containerElem);
+        this.containerElement = containerElem;
+      }
+
+    }
+
+    class FolderController extends RackLikeController {
+      constructor(doc, config) {
+        var _a;
+
+        const foldable = Foldable.create((_a = config.expanded) !== null && _a !== void 0 ? _a : true);
+        const rc = new RackController(doc, {
+          blade: config.blade,
+          root: config.root,
+          viewProps: config.viewProps
+        });
+        super(Object.assign(Object.assign({}, config), {
+          rackController: rc,
+          view: new FolderView(doc, {
+            containerElement: rc.view.element,
+            foldable: foldable,
+            props: config.props,
+            viewName: config.root ? 'rot' : undefined,
+            viewProps: config.viewProps
+          })
+        }));
+        this.onTitleClick_ = this.onTitleClick_.bind(this);
+        this.props = config.props;
+        this.foldable = foldable;
+        bindFoldable(this.foldable, this.view.containerElement);
+        this.view.buttonElement.addEventListener('click', this.onTitleClick_);
+      }
+
+      get document() {
+        return this.view.element.ownerDocument;
+      }
+
+      onTitleClick_() {
+        this.foldable.set('expanded', !this.foldable.get('expanded'));
+      }
+
+    }
+
+    const FolderBladePlugin = {
+      id: 'folder',
+      type: 'blade',
+
+      accept(params) {
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          title: p.required.string,
+          view: p.required.constant('folder'),
+          expanded: p.optional.boolean
+        });
+        return result ? {
+          params: result
+        } : null;
+      },
+
+      controller(args) {
+        return new FolderController(args.document, {
+          blade: args.blade,
+          expanded: args.params.expanded,
+          props: ValueMap.fromObject({
+            title: args.params.title
+          }),
+          viewProps: args.viewProps
+        });
+      },
+
+      api(args) {
+        if (!(args.controller instanceof FolderController)) {
+          return null;
+        }
+
+        return new FolderApi(args.controller, args.pool);
+      }
+
+    };
+
+    class LabeledValueController extends ValueBladeController {
+      constructor(doc, config) {
+        const viewProps = config.valueController.viewProps;
+        super(Object.assign(Object.assign({}, config), {
+          value: config.valueController.value,
+          view: new LabelView(doc, {
+            props: config.props,
+            viewProps: viewProps
+          }),
+          viewProps: viewProps
+        }));
+        this.props = config.props;
+        this.valueController = config.valueController;
+        this.view.valueElement.appendChild(this.valueController.view.element);
+      }
+
+    }
+
+    class SeparatorApi extends BladeApi {}
+
+    const className$n = ClassName('spr');
+
+    class SeparatorView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$n());
+        config.viewProps.bindClassModifiers(this.element);
+        const hrElem = doc.createElement('hr');
+        hrElem.classList.add(className$n('r'));
+        this.element.appendChild(hrElem);
+      }
+
+    }
+
+    class SeparatorController extends BladeController {
+      constructor(doc, config) {
+        super(Object.assign(Object.assign({}, config), {
+          view: new SeparatorView(doc, {
+            viewProps: config.viewProps
+          })
+        }));
+      }
+
+    }
+
+    const SeparatorBladePlugin = {
+      id: 'separator',
+      type: 'blade',
+
+      accept(params) {
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          view: p.required.constant('separator')
+        });
+        return result ? {
+          params: result
+        } : null;
+      },
+
+      controller(args) {
+        return new SeparatorController(args.document, {
+          blade: args.blade,
+          viewProps: args.viewProps
+        });
+      },
+
+      api(args) {
+        if (!(args.controller instanceof SeparatorController)) {
+          return null;
+        }
+
+        return new SeparatorApi(args.controller);
+      }
+
+    };
+    const className$m = ClassName('');
+
+    function valueToModifier(elem, modifier) {
+      return valueToClassName(elem, className$m(undefined, modifier));
+    }
+
+    class ViewProps extends ValueMap {
+      constructor(valueMap) {
+        super(valueMap);
+      }
+
+      static create(opt_initialValue) {
+        var _a, _b;
+
+        const initialValue = opt_initialValue !== null && opt_initialValue !== void 0 ? opt_initialValue : {};
+        const coreObj = {
+          disabled: (_a = initialValue.disabled) !== null && _a !== void 0 ? _a : false,
+          disposed: false,
+          hidden: (_b = initialValue.hidden) !== null && _b !== void 0 ? _b : false
+        };
+        const core = ValueMap.createCore(coreObj);
+        return new ViewProps(core);
+      }
+
+      bindClassModifiers(elem) {
+        bindValueMap(this, 'disabled', valueToModifier(elem, 'disabled'));
+        bindValueMap(this, 'hidden', valueToModifier(elem, 'hidden'));
+      }
+
+      bindDisabled(target) {
+        bindValueMap(this, 'disabled', disabled => {
+          target.disabled = disabled;
+        });
+      }
+
+      bindTabIndex(elem) {
+        bindValueMap(this, 'disabled', disabled => {
+          elem.tabIndex = disabled ? -1 : 0;
+        });
+      }
+
+      handleDispose(callback) {
+        this.value('disposed').emitter.on('change', disposed => {
+          if (disposed) {
+            callback();
+          }
+        });
+      }
+
+    }
+
+    const className$l = ClassName('tbi');
+
+    class TabItemView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$l());
+        config.viewProps.bindClassModifiers(this.element);
+        bindValueMap(config.props, 'selected', selected => {
+          if (selected) {
+            this.element.classList.add(className$l(undefined, 'sel'));
+          } else {
+            this.element.classList.remove(className$l(undefined, 'sel'));
+          }
+        });
+        const buttonElem = doc.createElement('button');
+        buttonElem.classList.add(className$l('b'));
+        config.viewProps.bindDisabled(buttonElem);
+        this.element.appendChild(buttonElem);
+        this.buttonElement = buttonElem;
+        const titleElem = doc.createElement('div');
+        titleElem.classList.add(className$l('t'));
+        bindValueToTextContent(config.props.value('title'), titleElem);
+        this.buttonElement.appendChild(titleElem);
+        this.titleElement = titleElem;
+      }
+
+    }
+
+    class TabItemController {
+      constructor(doc, config) {
+        this.emitter = new Emitter();
+        this.onClick_ = this.onClick_.bind(this);
+        this.props = config.props;
+        this.viewProps = config.viewProps;
+        this.view = new TabItemView(doc, {
+          props: config.props,
+          viewProps: config.viewProps
+        });
+        this.view.buttonElement.addEventListener('click', this.onClick_);
+      }
+
+      onClick_() {
+        this.emitter.emit('click', {
+          sender: this
+        });
+      }
+
+    }
+
+    class TabPageController {
+      constructor(doc, config) {
+        this.onItemClick_ = this.onItemClick_.bind(this);
+        this.ic_ = new TabItemController(doc, {
+          props: config.itemProps,
+          viewProps: ViewProps.create()
+        });
+        this.ic_.emitter.on('click', this.onItemClick_);
+        this.cc_ = new RackController(doc, {
+          blade: createBlade(),
+          viewProps: ViewProps.create()
+        });
+        this.props = config.props;
+        bindValueMap(this.props, 'selected', selected => {
+          this.itemController.props.set('selected', selected);
+          this.contentController.viewProps.set('hidden', !selected);
+        });
+      }
+
+      get itemController() {
+        return this.ic_;
+      }
+
+      get contentController() {
+        return this.cc_;
+      }
+
+      onItemClick_() {
+        this.props.set('selected', true);
+      }
+
+    }
+
+    class TabPageApi {
+      constructor(controller, contentRackApi) {
+        this.controller_ = controller;
+        this.rackApi_ = contentRackApi;
+      }
+
+      get title() {
+        var _a;
+
+        return (_a = this.controller_.itemController.props.get('title')) !== null && _a !== void 0 ? _a : '';
+      }
+
+      set title(title) {
+        this.controller_.itemController.props.set('title', title);
+      }
+
+      get selected() {
+        return this.controller_.props.get('selected');
+      }
+
+      set selected(selected) {
+        this.controller_.props.set('selected', selected);
+      }
+
+      get children() {
+        return this.rackApi_.children;
+      }
+
+      addButton(params) {
+        return this.rackApi_.addButton(params);
+      }
+
+      addFolder(params) {
+        return this.rackApi_.addFolder(params);
+      }
+
+      addSeparator(opt_params) {
+        return this.rackApi_.addSeparator(opt_params);
+      }
+
+      addTab(params) {
+        return this.rackApi_.addTab(params);
+      }
+
+      add(api, opt_index) {
+        this.rackApi_.add(api, opt_index);
+      }
+
+      remove(api) {
+        this.rackApi_.remove(api);
+      }
+
+      addInput(object, key, opt_params) {
+        return this.rackApi_.addInput(object, key, opt_params);
+      }
+
+      addMonitor(object, key, opt_params) {
+        return this.rackApi_.addMonitor(object, key, opt_params);
+      }
+
+      addBlade(params) {
+        return this.rackApi_.addBlade(params);
+      }
+
+    }
+
+    class TabApi extends RackLikeApi {
+      constructor(controller, pool) {
+        super(controller, new RackApi(controller.rackController, pool));
+        this.onPageAdd_ = this.onPageAdd_.bind(this);
+        this.onPageRemove_ = this.onPageRemove_.bind(this);
+        this.emitter_ = new Emitter();
+        this.pageApiMap_ = new Map();
+        this.rackApi_.on('change', ev => {
+          this.emitter_.emit('change', {
+            event: ev
+          });
+        });
+        this.rackApi_.on('update', ev => {
+          this.emitter_.emit('update', {
+            event: ev
+          });
+        });
+        this.controller_.pageSet.emitter.on('add', this.onPageAdd_);
+        this.controller_.pageSet.emitter.on('remove', this.onPageRemove_);
+        this.controller_.pageSet.items.forEach(pc => {
+          this.setUpPageApi_(pc);
+        });
+      }
+
+      get pages() {
+        return this.controller_.pageSet.items.map(pc => {
+          const api = this.pageApiMap_.get(pc);
+
+          if (!api) {
+            throw TpError.shouldNeverHappen();
+          }
+
+          return api;
+        });
+      }
+
+      addPage(params) {
+        const doc = this.controller_.view.element.ownerDocument;
+        const pc = new TabPageController(doc, {
+          itemProps: ValueMap.fromObject({
+            selected: false,
+            title: params.title
+          }),
+          props: ValueMap.fromObject({
+            selected: false
+          })
+        });
+        this.controller_.add(pc, params.index);
+        const api = this.pageApiMap_.get(pc);
+
+        if (!api) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        return api;
+      }
+
+      removePage(index) {
+        this.controller_.remove(index);
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+      setUpPageApi_(pc) {
+        const rackApi = this.rackApi_['apiSet_'].find(api => api.controller_ === pc.contentController);
+
+        if (!rackApi) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        const api = new TabPageApi(pc, rackApi);
+        this.pageApiMap_.set(pc, api);
+      }
+
+      onPageAdd_(ev) {
+        this.setUpPageApi_(ev.item);
+      }
+
+      onPageRemove_(ev) {
+        const api = this.pageApiMap_.get(ev.item);
+
+        if (!api) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        this.pageApiMap_.delete(ev.item);
+      }
+
+    }
+
+    const className$k = ClassName('tab');
+
+    class TabView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$k(), bladeContainerClassName());
+        config.viewProps.bindClassModifiers(this.element);
+        bindValue(config.empty, valueToClassName(this.element, className$k(undefined, 'nop')));
+        const itemsElem = doc.createElement('div');
+        itemsElem.classList.add(className$k('i'));
+        this.element.appendChild(itemsElem);
+        this.itemsElement = itemsElem;
+        const contentsElem = config.contentsElement;
+        contentsElem.classList.add(className$k('c'));
+        this.element.appendChild(contentsElem);
+        this.contentsElement = contentsElem;
+      }
+
+    }
+
+    class TabController extends RackLikeController {
+      constructor(doc, config) {
+        const cr = new RackController(doc, {
+          blade: config.blade,
+          viewProps: config.viewProps
+        });
+        const empty = createValue(true);
+        super({
+          blade: config.blade,
+          rackController: cr,
+          view: new TabView(doc, {
+            contentsElement: cr.view.element,
+            empty: empty,
+            viewProps: config.viewProps
+          })
+        });
+        this.onPageAdd_ = this.onPageAdd_.bind(this);
+        this.onPageRemove_ = this.onPageRemove_.bind(this);
+        this.onPageSelectedChange_ = this.onPageSelectedChange_.bind(this);
+        this.pageSet_ = new NestedOrderedSet(() => null);
+        this.pageSet_.emitter.on('add', this.onPageAdd_);
+        this.pageSet_.emitter.on('remove', this.onPageRemove_);
+        this.empty_ = empty;
+        this.applyPages_();
+      }
+
+      get pageSet() {
+        return this.pageSet_;
+      }
+
+      add(pc, opt_index) {
+        this.pageSet_.add(pc, opt_index !== null && opt_index !== void 0 ? opt_index : this.pageSet_.items.length);
+      }
+
+      remove(index) {
+        this.pageSet_.remove(this.pageSet_.items[index]);
+      }
+
+      applyPages_() {
+        this.keepSelection_();
+        this.empty_.rawValue = this.pageSet_.items.length === 0;
+      }
+
+      onPageAdd_(ev) {
+        const pc = ev.item;
+        insertElementAt(this.view.itemsElement, pc.itemController.view.element, ev.index);
+        this.rackController.rack.add(pc.contentController, ev.index);
+        pc.props.value('selected').emitter.on('change', this.onPageSelectedChange_);
+        this.applyPages_();
+      }
+
+      onPageRemove_(ev) {
+        const pc = ev.item;
+        removeElement(pc.itemController.view.element);
+        this.rackController.rack.remove(pc.contentController);
+        pc.props.value('selected').emitter.off('change', this.onPageSelectedChange_);
+        this.applyPages_();
+      }
+
+      keepSelection_() {
+        if (this.pageSet_.items.length === 0) {
+          return;
+        }
+
+        const firstSelIndex = this.pageSet_.items.findIndex(pc => pc.props.get('selected'));
+
+        if (firstSelIndex < 0) {
+          this.pageSet_.items.forEach((pc, i) => {
+            pc.props.set('selected', i === 0);
+          });
+        } else {
+          this.pageSet_.items.forEach((pc, i) => {
+            pc.props.set('selected', i === firstSelIndex);
+          });
+        }
+      }
+
+      onPageSelectedChange_(ev) {
+        if (ev.rawValue) {
+          const index = this.pageSet_.items.findIndex(pc => pc.props.value('selected') === ev.sender);
+          this.pageSet_.items.forEach((pc, i) => {
+            pc.props.set('selected', i === index);
+          });
+        } else {
+          this.keepSelection_();
+        }
+      }
+
+    }
+
+    const TabBladePlugin = {
+      id: 'tab',
+      type: 'blade',
+
+      accept(params) {
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          pages: p.required.array(p.required.object({
+            title: p.required.string
+          })),
+          view: p.required.constant('tab')
+        });
+
+        if (!result || result.pages.length === 0) {
+          return null;
+        }
+
+        return {
+          params: result
+        };
+      },
+
+      controller(args) {
+        const c = new TabController(args.document, {
+          blade: args.blade,
+          viewProps: args.viewProps
+        });
+        args.params.pages.forEach(p => {
+          const pc = new TabPageController(args.document, {
+            itemProps: ValueMap.fromObject({
+              selected: false,
+              title: p.title
+            }),
+            props: ValueMap.fromObject({
+              selected: false
+            })
+          });
+          c.add(pc);
+        });
+        return c;
+      },
+
+      api(args) {
+        if (!(args.controller instanceof TabController)) {
+          return null;
+        }
+
+        return new TabApi(args.controller, args.pool);
+      }
+
+    };
+
+    function createBladeController(plugin, args) {
+      const ac = plugin.accept(args.params);
+
+      if (!ac) {
+        return null;
+      }
+
+      const disabled = ParamsParsers.optional.boolean(args.params['disabled']).value;
+      const hidden = ParamsParsers.optional.boolean(args.params['hidden']).value;
+      return plugin.controller({
+        blade: createBlade(),
+        document: args.document,
+        params: forceCast(Object.assign(Object.assign({}, ac.params), {
+          disabled: disabled,
+          hidden: hidden
+        })),
+        viewProps: ViewProps.create({
+          disabled: disabled,
+          hidden: hidden
+        })
+      });
+    }
+
+    class ManualTicker {
+      constructor() {
+        this.disabled = false;
+        this.emitter = new Emitter();
+      }
+
+      dispose() {}
+
+      tick() {
+        if (this.disabled) {
+          return;
+        }
+
+        this.emitter.emit('tick', {
+          sender: this
+        });
+      }
+
+    }
+
+    class IntervalTicker {
+      constructor(doc, interval) {
+        this.disabled_ = false;
+        this.timerId_ = null;
+        this.onTick_ = this.onTick_.bind(this);
+        this.doc_ = doc;
+        this.emitter = new Emitter();
+        this.interval_ = interval;
+        this.setTimer_();
+      }
+
+      get disabled() {
+        return this.disabled_;
+      }
+
+      set disabled(inactive) {
+        this.disabled_ = inactive;
+
+        if (this.disabled_) {
+          this.clearTimer_();
+        } else {
+          this.setTimer_();
+        }
+      }
+
+      dispose() {
+        this.clearTimer_();
+      }
+
+      clearTimer_() {
+        if (this.timerId_ === null) {
+          return;
+        }
+
+        const win = this.doc_.defaultView;
+
+        if (win) {
+          win.clearInterval(this.timerId_);
+        }
+
+        this.timerId_ = null;
+      }
+
+      setTimer_() {
+        this.clearTimer_();
+
+        if (this.interval_ <= 0) {
+          return;
+        }
+
+        const win = this.doc_.defaultView;
+
+        if (win) {
+          this.timerId_ = win.setInterval(this.onTick_, this.interval_);
+        }
+      }
+
+      onTick_() {
+        if (this.disabled_) {
+          return;
+        }
+
+        this.emitter.emit('tick', {
+          sender: this
+        });
+      }
+
+    }
+
+    class CompositeConstraint {
+      constructor(constraints) {
+        this.constraints = constraints;
+      }
+
+      constrain(value) {
+        return this.constraints.reduce((result, c) => {
+          return c.constrain(result);
+        }, value);
+      }
+
+    }
+
+    function findConstraint(c, constraintClass) {
+      if (c instanceof constraintClass) {
+        return c;
+      }
+
+      if (c instanceof CompositeConstraint) {
+        const result = c.constraints.reduce((tmpResult, sc) => {
+          if (tmpResult) {
+            return tmpResult;
+          }
+
+          return sc instanceof constraintClass ? sc : null;
+        }, null);
+
+        if (result) {
+          return result;
+        }
+      }
+
+      return null;
+    }
+
+    class ListConstraint {
+      constructor(options) {
+        this.options = options;
+      }
+
+      constrain(value) {
+        const opts = this.options;
+
+        if (opts.length === 0) {
+          return value;
+        }
+
+        const matched = opts.filter(item => {
+          return item.value === value;
+        }).length > 0;
+        return matched ? value : opts[0].value;
+      }
+
+    }
+
+    class RangeConstraint {
+      constructor(config) {
+        this.maxValue = config.max;
+        this.minValue = config.min;
+      }
+
+      constrain(value) {
+        let result = value;
+
+        if (!isEmpty(this.minValue)) {
+          result = Math.max(result, this.minValue);
+        }
+
+        if (!isEmpty(this.maxValue)) {
+          result = Math.min(result, this.maxValue);
+        }
+
+        return result;
+      }
+
+    }
+
+    class StepConstraint {
+      constructor(step) {
+        this.step = step;
+      }
+
+      constrain(value) {
+        const r = value < 0 ? -Math.round(-value / this.step) : Math.round(value / this.step);
+        return r * this.step;
+      }
+
+    }
+
+    const className$j = ClassName('lst');
+
+    class ListView {
+      constructor(doc, config) {
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        this.props_ = config.props;
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$j());
+        config.viewProps.bindClassModifiers(this.element);
+        const selectElem = doc.createElement('select');
+        selectElem.classList.add(className$j('s'));
+        bindValueMap(this.props_, 'options', opts => {
+          removeChildElements(selectElem);
+          opts.forEach((item, index) => {
+            const optionElem = doc.createElement('option');
+            optionElem.dataset.index = String(index);
+            optionElem.textContent = item.text;
+            optionElem.value = String(item.value);
+            selectElem.appendChild(optionElem);
+          });
+        });
+        config.viewProps.bindDisabled(selectElem);
+        this.element.appendChild(selectElem);
+        this.selectElement = selectElem;
+        const markElem = doc.createElement('div');
+        markElem.classList.add(className$j('m'));
+        markElem.appendChild(createSvgIconElement(doc, 'dropdown'));
+        this.element.appendChild(markElem);
+        config.value.emitter.on('change', this.onValueChange_);
+        this.value_ = config.value;
+        this.update_();
+      }
+
+      update_() {
+        this.selectElement.value = String(this.value_.rawValue);
+      }
+
+      onValueChange_() {
+        this.update_();
+      }
+
+    }
+
+    class ListController {
+      constructor(doc, config) {
+        this.onSelectChange_ = this.onSelectChange_.bind(this);
+        this.props = config.props;
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new ListView(doc, {
+          props: this.props,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.view.selectElement.addEventListener('change', this.onSelectChange_);
+      }
+
+      onSelectChange_(e) {
+        const selectElem = forceCast(e.currentTarget);
+        const optElem = selectElem.selectedOptions.item(0);
+
+        if (!optElem) {
+          return;
+        }
+
+        const itemIndex = Number(optElem.dataset.index);
+        this.value.rawValue = this.props.get('options')[itemIndex].value;
+      }
+
+    }
+
+    const className$i = ClassName('pop');
+
+    class PopupView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$i());
+        config.viewProps.bindClassModifiers(this.element);
+        bindValue(config.shows, valueToClassName(this.element, className$i(undefined, 'v')));
+      }
+
+    }
+
+    class PopupController {
+      constructor(doc, config) {
+        this.shows = createValue(false);
+        this.viewProps = config.viewProps;
+        this.view = new PopupView(doc, {
+          shows: this.shows,
+          viewProps: this.viewProps
+        });
+      }
+
+    }
+
+    const className$h = ClassName('txt');
+
+    class TextView {
+      constructor(doc, config) {
+        this.onChange_ = this.onChange_.bind(this);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$h());
+        config.viewProps.bindClassModifiers(this.element);
+        this.props_ = config.props;
+        this.props_.emitter.on('change', this.onChange_);
+        const inputElem = doc.createElement('input');
+        inputElem.classList.add(className$h('i'));
+        inputElem.type = 'text';
+        config.viewProps.bindDisabled(inputElem);
+        this.element.appendChild(inputElem);
+        this.inputElement = inputElem;
+        config.value.emitter.on('change', this.onChange_);
+        this.value_ = config.value;
+        this.refresh();
+      }
+
+      refresh() {
+        const formatter = this.props_.get('formatter');
+        this.inputElement.value = formatter(this.value_.rawValue);
+      }
+
+      onChange_() {
+        this.refresh();
+      }
+
+    }
+
+    class TextController {
+      constructor(doc, config) {
+        this.onInputChange_ = this.onInputChange_.bind(this);
+        this.parser_ = config.parser;
+        this.props = config.props;
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new TextView(doc, {
+          props: config.props,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.view.inputElement.addEventListener('change', this.onInputChange_);
+      }
+
+      onInputChange_(e) {
+        const inputElem = forceCast(e.currentTarget);
+        const value = inputElem.value;
+        const parsedValue = this.parser_(value);
+
+        if (!isEmpty(parsedValue)) {
+          this.value.rawValue = parsedValue;
+        }
+
+        this.view.refresh();
+      }
+
+    }
+
+    function boolToString(value) {
+      return String(value);
+    }
+
+    function boolFromUnknown(value) {
+      if (value === 'false') {
+        return false;
+      }
+
+      return !!value;
+    }
+
+    function BooleanFormatter(value) {
+      return boolToString(value);
+    }
+
+    class NumberLiteralNode {
+      constructor(text) {
+        this.text = text;
+      }
+
+      evaluate() {
+        return Number(this.text);
+      }
+
+      toString() {
+        return this.text;
+      }
+
+    }
+
+    const BINARY_OPERATION_MAP = {
+      '**': (v1, v2) => Math.pow(v1, v2),
+      '*': (v1, v2) => v1 * v2,
+      '/': (v1, v2) => v1 / v2,
+      '%': (v1, v2) => v1 % v2,
+      '+': (v1, v2) => v1 + v2,
+      '-': (v1, v2) => v1 - v2,
+      '<<': (v1, v2) => v1 << v2,
+      '>>': (v1, v2) => v1 >> v2,
+      '>>>': (v1, v2) => v1 >>> v2,
+      '&': (v1, v2) => v1 & v2,
+      '^': (v1, v2) => v1 ^ v2,
+      '|': (v1, v2) => v1 | v2
+    };
+
+    class BinaryOperationNode {
+      constructor(operator, left, right) {
+        this.left = left;
+        this.operator = operator;
+        this.right = right;
+      }
+
+      evaluate() {
+        const op = BINARY_OPERATION_MAP[this.operator];
+
+        if (!op) {
+          throw new Error(`unexpected binary operator: '${this.operator}`);
+        }
+
+        return op(this.left.evaluate(), this.right.evaluate());
+      }
+
+      toString() {
+        return ['b(', this.left.toString(), this.operator, this.right.toString(), ')'].join(' ');
+      }
+
+    }
+
+    const UNARY_OPERATION_MAP = {
+      '+': v => v,
+      '-': v => -v,
+      '~': v => ~v
+    };
+
+    class UnaryOperationNode {
+      constructor(operator, expr) {
+        this.operator = operator;
+        this.expression = expr;
+      }
+
+      evaluate() {
+        const op = UNARY_OPERATION_MAP[this.operator];
+
+        if (!op) {
+          throw new Error(`unexpected unary operator: '${this.operator}`);
+        }
+
+        return op(this.expression.evaluate());
+      }
+
+      toString() {
+        return ['u(', this.operator, this.expression.toString(), ')'].join(' ');
+      }
+
+    }
+
+    function combineReader(parsers) {
+      return (text, cursor) => {
+        for (let i = 0; i < parsers.length; i++) {
+          const result = parsers[i](text, cursor);
+
+          if (result !== '') {
+            return result;
+          }
+        }
+
+        return '';
+      };
+    }
+
+    function readWhitespace(text, cursor) {
+      var _a;
+
+      const m = text.substr(cursor).match(/^\s+/);
+      return (_a = m && m[0]) !== null && _a !== void 0 ? _a : '';
+    }
+
+    function readNonZeroDigit(text, cursor) {
+      const ch = text.substr(cursor, 1);
+      return ch.match(/^[1-9]$/) ? ch : '';
+    }
+
+    function readDecimalDigits(text, cursor) {
+      var _a;
+
+      const m = text.substr(cursor).match(/^[0-9]+/);
+      return (_a = m && m[0]) !== null && _a !== void 0 ? _a : '';
+    }
+
+    function readSignedInteger(text, cursor) {
+      const ds = readDecimalDigits(text, cursor);
+
+      if (ds !== '') {
+        return ds;
+      }
+
+      const sign = text.substr(cursor, 1);
+      cursor += 1;
+
+      if (sign !== '-' && sign !== '+') {
+        return '';
+      }
+
+      const sds = readDecimalDigits(text, cursor);
+
+      if (sds === '') {
+        return '';
+      }
+
+      return sign + sds;
+    }
+
+    function readExponentPart(text, cursor) {
+      const e = text.substr(cursor, 1);
+      cursor += 1;
+
+      if (e.toLowerCase() !== 'e') {
+        return '';
+      }
+
+      const si = readSignedInteger(text, cursor);
+
+      if (si === '') {
+        return '';
+      }
+
+      return e + si;
+    }
+
+    function readDecimalIntegerLiteral(text, cursor) {
+      const ch = text.substr(cursor, 1);
+
+      if (ch === '0') {
+        return ch;
+      }
+
+      const nzd = readNonZeroDigit(text, cursor);
+      cursor += nzd.length;
+
+      if (nzd === '') {
+        return '';
+      }
+
+      return nzd + readDecimalDigits(text, cursor);
+    }
+
+    function readDecimalLiteral1(text, cursor) {
+      const dil = readDecimalIntegerLiteral(text, cursor);
+      cursor += dil.length;
+
+      if (dil === '') {
+        return '';
+      }
+
+      const dot = text.substr(cursor, 1);
+      cursor += dot.length;
+
+      if (dot !== '.') {
+        return '';
+      }
+
+      const dds = readDecimalDigits(text, cursor);
+      cursor += dds.length;
+      return dil + dot + dds + readExponentPart(text, cursor);
+    }
+
+    function readDecimalLiteral2(text, cursor) {
+      const dot = text.substr(cursor, 1);
+      cursor += dot.length;
+
+      if (dot !== '.') {
+        return '';
+      }
+
+      const dds = readDecimalDigits(text, cursor);
+      cursor += dds.length;
+
+      if (dds === '') {
+        return '';
+      }
+
+      return dot + dds + readExponentPart(text, cursor);
+    }
+
+    function readDecimalLiteral3(text, cursor) {
+      const dil = readDecimalIntegerLiteral(text, cursor);
+      cursor += dil.length;
+
+      if (dil === '') {
+        return '';
+      }
+
+      return dil + readExponentPart(text, cursor);
+    }
+
+    const readDecimalLiteral = combineReader([readDecimalLiteral1, readDecimalLiteral2, readDecimalLiteral3]);
+
+    function parseBinaryDigits(text, cursor) {
+      var _a;
+
+      const m = text.substr(cursor).match(/^[01]+/);
+      return (_a = m && m[0]) !== null && _a !== void 0 ? _a : '';
+    }
+
+    function readBinaryIntegerLiteral(text, cursor) {
+      const prefix = text.substr(cursor, 2);
+      cursor += prefix.length;
+
+      if (prefix.toLowerCase() !== '0b') {
+        return '';
+      }
+
+      const bds = parseBinaryDigits(text, cursor);
+
+      if (bds === '') {
+        return '';
+      }
+
+      return prefix + bds;
+    }
+
+    function readOctalDigits(text, cursor) {
+      var _a;
+
+      const m = text.substr(cursor).match(/^[0-7]+/);
+      return (_a = m && m[0]) !== null && _a !== void 0 ? _a : '';
+    }
+
+    function readOctalIntegerLiteral(text, cursor) {
+      const prefix = text.substr(cursor, 2);
+      cursor += prefix.length;
+
+      if (prefix.toLowerCase() !== '0o') {
+        return '';
+      }
+
+      const ods = readOctalDigits(text, cursor);
+
+      if (ods === '') {
+        return '';
+      }
+
+      return prefix + ods;
+    }
+
+    function readHexDigits(text, cursor) {
+      var _a;
+
+      const m = text.substr(cursor).match(/^[0-9a-f]+/i);
+      return (_a = m && m[0]) !== null && _a !== void 0 ? _a : '';
+    }
+
+    function readHexIntegerLiteral(text, cursor) {
+      const prefix = text.substr(cursor, 2);
+      cursor += prefix.length;
+
+      if (prefix.toLowerCase() !== '0x') {
+        return '';
+      }
+
+      const hds = readHexDigits(text, cursor);
+
+      if (hds === '') {
+        return '';
+      }
+
+      return prefix + hds;
+    }
+
+    const readNonDecimalIntegerLiteral = combineReader([readBinaryIntegerLiteral, readOctalIntegerLiteral, readHexIntegerLiteral]);
+    const readNumericLiteral = combineReader([readNonDecimalIntegerLiteral, readDecimalLiteral]);
+
+    function parseLiteral(text, cursor) {
+      const num = readNumericLiteral(text, cursor);
+      cursor += num.length;
+
+      if (num === '') {
+        return null;
+      }
+
+      return {
+        evaluable: new NumberLiteralNode(num),
+        cursor: cursor
+      };
+    }
+
+    function parseParenthesizedExpression(text, cursor) {
+      const op = text.substr(cursor, 1);
+      cursor += op.length;
+
+      if (op !== '(') {
+        return null;
+      }
+
+      const expr = parseExpression(text, cursor);
+
+      if (!expr) {
+        return null;
+      }
+
+      cursor = expr.cursor;
+      cursor += readWhitespace(text, cursor).length;
+      const cl = text.substr(cursor, 1);
+      cursor += cl.length;
+
+      if (cl !== ')') {
+        return null;
+      }
+
+      return {
+        evaluable: expr.evaluable,
+        cursor: cursor
+      };
+    }
+
+    function parsePrimaryExpression(text, cursor) {
+      return parseLiteral(text, cursor) || parseParenthesizedExpression(text, cursor);
+    }
+
+    function parseUnaryExpression(text, cursor) {
+      const expr = parsePrimaryExpression(text, cursor);
+
+      if (expr) {
+        return expr;
+      }
+
+      const op = text.substr(cursor, 1);
+      cursor += op.length;
+
+      if (op !== '+' && op !== '-' && op !== '~') {
+        return null;
+      }
+
+      const num = parseUnaryExpression(text, cursor);
+
+      if (!num) {
+        return null;
+      }
+
+      cursor = num.cursor;
+      return {
+        cursor: cursor,
+        evaluable: new UnaryOperationNode(op, num.evaluable)
+      };
+    }
+
+    function readBinaryOperator(ops, text, cursor) {
+      cursor += readWhitespace(text, cursor).length;
+      const op = ops.filter(op => text.startsWith(op, cursor))[0];
+
+      if (!op) {
+        return null;
+      }
+
+      cursor += op.length;
+      cursor += readWhitespace(text, cursor).length;
+      return {
+        cursor: cursor,
+        operator: op
+      };
+    }
+
+    function createBinaryOperationExpressionParser(exprParser, ops) {
+      return (text, cursor) => {
+        const firstExpr = exprParser(text, cursor);
+
+        if (!firstExpr) {
+          return null;
+        }
+
+        cursor = firstExpr.cursor;
+        let expr = firstExpr.evaluable;
+
+        for (;;) {
+          const op = readBinaryOperator(ops, text, cursor);
+
+          if (!op) {
+            break;
+          }
+
+          cursor = op.cursor;
+          const nextExpr = exprParser(text, cursor);
+
+          if (!nextExpr) {
+            return null;
+          }
+
+          cursor = nextExpr.cursor;
+          expr = new BinaryOperationNode(op.operator, expr, nextExpr.evaluable);
+        }
+
+        return expr ? {
+          cursor: cursor,
+          evaluable: expr
+        } : null;
+      };
+    }
+
+    const parseBinaryOperationExpression = [['**'], ['*', '/', '%'], ['+', '-'], ['<<', '>>>', '>>'], ['&'], ['^'], ['|']].reduce((parser, ops) => {
+      return createBinaryOperationExpressionParser(parser, ops);
+    }, parseUnaryExpression);
+
+    function parseExpression(text, cursor) {
+      cursor += readWhitespace(text, cursor).length;
+      return parseBinaryOperationExpression(text, cursor);
+    }
+
+    function parseEcmaNumberExpression(text) {
+      const expr = parseExpression(text, 0);
+
+      if (!expr) {
+        return null;
+      }
+
+      const cursor = expr.cursor + readWhitespace(text, expr.cursor).length;
+
+      if (cursor !== text.length) {
+        return null;
+      }
+
+      return expr.evaluable;
+    }
+
+    function parseNumber(text) {
+      var _a;
+
+      const r = parseEcmaNumberExpression(text);
+      return (_a = r === null || r === void 0 ? void 0 : r.evaluate()) !== null && _a !== void 0 ? _a : null;
+    }
+
+    function numberFromUnknown(value) {
+      if (typeof value === 'number') {
+        return value;
+      }
+
+      if (typeof value === 'string') {
+        const pv = parseNumber(value);
+
+        if (!isEmpty(pv)) {
+          return pv;
+        }
+      }
+
+      return 0;
+    }
+
+    function numberToString(value) {
+      return String(value);
+    }
+
+    function createNumberFormatter(digits) {
+      return value => {
+        return value.toFixed(Math.max(Math.min(digits, 20), 0));
+      };
+    }
+
+    const innerFormatter = createNumberFormatter(0);
+
+    function formatPercentage(value) {
+      return innerFormatter(value) + '%';
+    }
+
+    function stringFromUnknown(value) {
+      return String(value);
+    }
+
+    function formatString(value) {
+      return value;
+    }
+
+    function fillBuffer(buffer, bufferSize) {
+      while (buffer.length < bufferSize) {
+        buffer.push(undefined);
+      }
+    }
+
+    function initializeBuffer(bufferSize) {
+      const buffer = [];
+      fillBuffer(buffer, bufferSize);
+      return createValue(buffer);
+    }
+
+    function createTrimmedBuffer(buffer) {
+      const index = buffer.indexOf(undefined);
+      return forceCast(index < 0 ? buffer : buffer.slice(0, index));
+    }
+
+    function createPushedBuffer(buffer, newValue) {
+      const newBuffer = [...createTrimmedBuffer(buffer), newValue];
+
+      if (newBuffer.length > buffer.length) {
+        newBuffer.splice(0, newBuffer.length - buffer.length);
+      } else {
+        fillBuffer(newBuffer, buffer.length);
+      }
+
+      return newBuffer;
+    }
+
+    function connectValues({
+      primary,
+      secondary,
+      forward,
+      backward
+    }) {
+      let changing = false;
+
+      function preventFeedback(callback) {
+        if (changing) {
+          return;
+        }
+
+        changing = true;
+        callback();
+        changing = false;
+      }
+
+      primary.emitter.on('change', ev => {
+        preventFeedback(() => {
+          secondary.setRawValue(forward(primary, secondary), ev.options);
+        });
+      });
+      secondary.emitter.on('change', ev => {
+        preventFeedback(() => {
+          primary.setRawValue(backward(primary, secondary), ev.options);
+        });
+        preventFeedback(() => {
+          secondary.setRawValue(forward(primary, secondary), ev.options);
+        });
+      });
+      preventFeedback(() => {
+        secondary.setRawValue(forward(primary, secondary), {
+          forceEmit: false,
+          last: true
+        });
+      });
+    }
+
+    function getStepForKey(baseStep, keys) {
+      const step = baseStep * (keys.altKey ? 0.1 : 1) * (keys.shiftKey ? 10 : 1);
+
+      if (keys.upKey) {
+        return +step;
+      } else if (keys.downKey) {
+        return -step;
+      }
+
+      return 0;
+    }
+
+    function getVerticalStepKeys(ev) {
+      return {
+        altKey: ev.altKey,
+        downKey: ev.key === 'ArrowDown',
+        shiftKey: ev.shiftKey,
+        upKey: ev.key === 'ArrowUp'
+      };
+    }
+
+    function getHorizontalStepKeys(ev) {
+      return {
+        altKey: ev.altKey,
+        downKey: ev.key === 'ArrowLeft',
+        shiftKey: ev.shiftKey,
+        upKey: ev.key === 'ArrowRight'
+      };
+    }
+
+    function isVerticalArrowKey(key) {
+      return key === 'ArrowUp' || key === 'ArrowDown';
+    }
+
+    function isArrowKey(key) {
+      return isVerticalArrowKey(key) || key === 'ArrowLeft' || key === 'ArrowRight';
+    }
+
+    function computeOffset$1(ev, elem) {
+      const win = elem.ownerDocument.defaultView;
+      const rect = elem.getBoundingClientRect();
+      return {
+        x: ev.pageX - ((win && win.scrollX || 0) + rect.left),
+        y: ev.pageY - ((win && win.scrollY || 0) + rect.top)
+      };
+    }
+
+    class PointerHandler {
+      constructor(element) {
+        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_ = element;
+        this.emitter = new Emitter();
+        element.addEventListener('touchstart', this.onTouchStart_);
+        element.addEventListener('touchmove', this.onTouchMove_);
+        element.addEventListener('touchend', this.onTouchEnd_);
+        element.addEventListener('mousedown', this.onMouseDown_);
+      }
+
+      computePosition_(offset) {
+        const rect = this.elem_.getBoundingClientRect();
+        return {
+          bounds: {
+            width: rect.width,
+            height: rect.height
+          },
+          point: offset ? {
+            x: offset.x,
+            y: offset.y
+          } : null
+        };
+      }
+
+      onMouseDown_(ev) {
+        var _a;
+
+        ev.preventDefault();
+        (_a = ev.currentTarget) === null || _a === void 0 ? void 0 : _a.focus();
+        const doc = this.elem_.ownerDocument;
+        doc.addEventListener('mousemove', this.onDocumentMouseMove_);
+        doc.addEventListener('mouseup', this.onDocumentMouseUp_);
+        this.emitter.emit('down', {
+          altKey: ev.altKey,
+          data: this.computePosition_(computeOffset$1(ev, this.elem_)),
+          sender: this,
+          shiftKey: ev.shiftKey
+        });
+      }
+
+      onDocumentMouseMove_(ev) {
+        this.emitter.emit('move', {
+          altKey: ev.altKey,
+          data: this.computePosition_(computeOffset$1(ev, this.elem_)),
+          sender: this,
+          shiftKey: ev.shiftKey
+        });
+      }
+
+      onDocumentMouseUp_(ev) {
+        const doc = this.elem_.ownerDocument;
+        doc.removeEventListener('mousemove', this.onDocumentMouseMove_);
+        doc.removeEventListener('mouseup', this.onDocumentMouseUp_);
+        this.emitter.emit('up', {
+          altKey: ev.altKey,
+          data: this.computePosition_(computeOffset$1(ev, this.elem_)),
+          sender: this,
+          shiftKey: ev.shiftKey
+        });
+      }
+
+      onTouchStart_(ev) {
+        ev.preventDefault();
+        const touch = ev.targetTouches.item(0);
+        const rect = this.elem_.getBoundingClientRect();
+        this.emitter.emit('down', {
+          altKey: ev.altKey,
+          data: this.computePosition_(touch ? {
+            x: touch.clientX - rect.left,
+            y: touch.clientY - rect.top
+          } : undefined),
+          sender: this,
+          shiftKey: ev.shiftKey
+        });
+        this.lastTouch_ = touch;
+      }
+
+      onTouchMove_(ev) {
+        const touch = ev.targetTouches.item(0);
+        const rect = this.elem_.getBoundingClientRect();
+        this.emitter.emit('move', {
+          altKey: ev.altKey,
+          data: this.computePosition_(touch ? {
+            x: touch.clientX - rect.left,
+            y: touch.clientY - rect.top
+          } : undefined),
+          sender: this,
+          shiftKey: ev.shiftKey
+        });
+        this.lastTouch_ = touch;
+      }
+
+      onTouchEnd_(ev) {
+        var _a;
+
+        const touch = (_a = ev.targetTouches.item(0)) !== null && _a !== void 0 ? _a : this.lastTouch_;
+        const rect = this.elem_.getBoundingClientRect();
+        this.emitter.emit('up', {
+          altKey: ev.altKey,
+          data: this.computePosition_(touch ? {
+            x: touch.clientX - rect.left,
+            y: touch.clientY - rect.top
+          } : undefined),
+          sender: this,
+          shiftKey: ev.shiftKey
+        });
+      }
+
+    }
+
+    function mapRange(value, start1, end1, start2, end2) {
+      const p = (value - start1) / (end1 - start1);
+      return start2 + p * (end2 - start2);
+    }
+
+    function getDecimalDigits(value) {
+      const text = String(value.toFixed(10));
+      const frac = text.split('.')[1];
+      return frac.replace(/0+$/, '').length;
+    }
+
+    function constrainRange(value, min, max) {
+      return Math.min(Math.max(value, min), max);
+    }
+
+    function loopRange(value, max) {
+      return (value % max + max) % max;
+    }
+
+    const className$g = ClassName('txt');
+
+    class NumberTextView {
+      constructor(doc, config) {
+        this.onChange_ = this.onChange_.bind(this);
+        this.props_ = config.props;
+        this.props_.emitter.on('change', this.onChange_);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$g(), className$g(undefined, 'num'));
+
+        if (config.arrayPosition) {
+          this.element.classList.add(className$g(undefined, config.arrayPosition));
+        }
+
+        config.viewProps.bindClassModifiers(this.element);
+        const inputElem = doc.createElement('input');
+        inputElem.classList.add(className$g('i'));
+        inputElem.type = 'text';
+        config.viewProps.bindDisabled(inputElem);
+        this.element.appendChild(inputElem);
+        this.inputElement = inputElem;
+        this.onDraggingChange_ = this.onDraggingChange_.bind(this);
+        this.dragging_ = config.dragging;
+        this.dragging_.emitter.on('change', this.onDraggingChange_);
+        this.element.classList.add(className$g());
+        this.inputElement.classList.add(className$g('i'));
+        const knobElem = doc.createElement('div');
+        knobElem.classList.add(className$g('k'));
+        this.element.appendChild(knobElem);
+        this.knobElement = knobElem;
+        const guideElem = doc.createElementNS(SVG_NS, 'svg');
+        guideElem.classList.add(className$g('g'));
+        this.knobElement.appendChild(guideElem);
+        const bodyElem = doc.createElementNS(SVG_NS, 'path');
+        bodyElem.classList.add(className$g('gb'));
+        guideElem.appendChild(bodyElem);
+        this.guideBodyElem_ = bodyElem;
+        const headElem = doc.createElementNS(SVG_NS, 'path');
+        headElem.classList.add(className$g('gh'));
+        guideElem.appendChild(headElem);
+        this.guideHeadElem_ = headElem;
+        const tooltipElem = doc.createElement('div');
+        tooltipElem.classList.add(ClassName('tt')());
+        this.knobElement.appendChild(tooltipElem);
+        this.tooltipElem_ = tooltipElem;
+        config.value.emitter.on('change', this.onChange_);
+        this.value = config.value;
+        this.refresh();
+      }
+
+      onDraggingChange_(ev) {
+        if (ev.rawValue === null) {
+          this.element.classList.remove(className$g(undefined, 'drg'));
+          return;
+        }
+
+        this.element.classList.add(className$g(undefined, 'drg'));
+        const x = ev.rawValue / this.props_.get('draggingScale');
+        const aox = x + (x > 0 ? -1 : x < 0 ? +1 : 0);
+        const adx = constrainRange(-aox, -4, +4);
+        this.guideHeadElem_.setAttributeNS(null, 'd', [`M ${aox + adx},0 L${aox},4 L${aox + adx},8`, `M ${x},-1 L${x},9`].join(' '));
+        this.guideBodyElem_.setAttributeNS(null, 'd', `M 0,4 L${x},4`);
+        const formatter = this.props_.get('formatter');
+        this.tooltipElem_.textContent = formatter(this.value.rawValue);
+        this.tooltipElem_.style.left = `${x}px`;
+      }
+
+      refresh() {
+        const formatter = this.props_.get('formatter');
+        this.inputElement.value = formatter(this.value.rawValue);
+      }
+
+      onChange_() {
+        this.refresh();
+      }
+
+    }
+
+    class NumberTextController {
+      constructor(doc, config) {
+        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_ = config.baseStep;
+        this.parser_ = config.parser;
+        this.props = config.props;
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.dragging_ = createValue(null);
+        this.view = new NumberTextView(doc, {
+          arrayPosition: config.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 ph = new PointerHandler(this.view.knobElement);
+        ph.emitter.on('down', this.onPointerDown_);
+        ph.emitter.on('move', this.onPointerMove_);
+        ph.emitter.on('up', this.onPointerUp_);
+      }
+
+      onInputChange_(e) {
+        const inputElem = forceCast(e.currentTarget);
+        const value = inputElem.value;
+        const parsedValue = this.parser_(value);
+
+        if (!isEmpty(parsedValue)) {
+          this.value.rawValue = parsedValue;
+        }
+
+        this.view.refresh();
+      }
+
+      onInputKeyDown_(ev) {
+        const step = getStepForKey(this.baseStep_, getVerticalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue + step, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onInputKeyUp_(ev) {
+        const step = getStepForKey(this.baseStep_, getVerticalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+      onPointerDown_() {
+        this.originRawValue_ = this.value.rawValue;
+        this.dragging_.rawValue = 0;
+      }
+
+      computeDraggingValue_(data) {
+        if (!data.point) {
+          return null;
+        }
+
+        const dx = data.point.x - data.bounds.width / 2;
+        return this.originRawValue_ + dx * this.props.get('draggingScale');
+      }
+
+      onPointerMove_(ev) {
+        const v = this.computeDraggingValue_(ev.data);
+
+        if (v === null) {
+          return;
+        }
+
+        this.value.setRawValue(v, {
+          forceEmit: false,
+          last: false
+        });
+        this.dragging_.rawValue = this.value.rawValue - this.originRawValue_;
+      }
+
+      onPointerUp_(ev) {
+        const v = this.computeDraggingValue_(ev.data);
+
+        if (v === null) {
+          return;
+        }
+
+        this.value.setRawValue(v, {
+          forceEmit: true,
+          last: true
+        });
+        this.dragging_.rawValue = null;
+      }
+
+    }
+
+    const className$f = ClassName('sld');
+
+    class SliderView {
+      constructor(doc, config) {
+        this.onChange_ = this.onChange_.bind(this);
+        this.props_ = config.props;
+        this.props_.emitter.on('change', this.onChange_);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$f());
+        config.viewProps.bindClassModifiers(this.element);
+        const trackElem = doc.createElement('div');
+        trackElem.classList.add(className$f('t'));
+        config.viewProps.bindTabIndex(trackElem);
+        this.element.appendChild(trackElem);
+        this.trackElement = trackElem;
+        const knobElem = doc.createElement('div');
+        knobElem.classList.add(className$f('k'));
+        this.trackElement.appendChild(knobElem);
+        this.knobElement = knobElem;
+        config.value.emitter.on('change', this.onChange_);
+        this.value = config.value;
+        this.update_();
+      }
+
+      update_() {
+        const p = constrainRange(mapRange(this.value.rawValue, this.props_.get('minValue'), this.props_.get('maxValue'), 0, 100), 0, 100);
+        this.knobElement.style.width = `${p}%`;
+      }
+
+      onChange_() {
+        this.update_();
+      }
+
+    }
+
+    class SliderController {
+      constructor(doc, config) {
+        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_ = config.baseStep;
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.props = config.props;
+        this.view = new SliderView(doc, {
+          props: this.props,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.ptHandler_ = new PointerHandler(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_(d, opts) {
+        if (!d.point) {
+          return;
+        }
+
+        this.value.setRawValue(mapRange(constrainRange(d.point.x, 0, d.bounds.width), 0, d.bounds.width, this.props.get('minValue'), this.props.get('maxValue')), opts);
+      }
+
+      onPointerDownOrMove_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerUp_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+      onKeyDown_(ev) {
+        const step = getStepForKey(this.baseStep_, getHorizontalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue + step, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onKeyUp_(ev) {
+        const step = getStepForKey(this.baseStep_, getHorizontalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+    }
+
+    const className$e = ClassName('sldtxt');
+
+    class SliderTextView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$e());
+        const sliderElem = doc.createElement('div');
+        sliderElem.classList.add(className$e('s'));
+        this.sliderView_ = config.sliderView;
+        sliderElem.appendChild(this.sliderView_.element);
+        this.element.appendChild(sliderElem);
+        const textElem = doc.createElement('div');
+        textElem.classList.add(className$e('t'));
+        this.textView_ = config.textView;
+        textElem.appendChild(this.textView_.element);
+        this.element.appendChild(textElem);
+      }
+
+    }
+
+    class SliderTextController {
+      constructor(doc, config) {
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.sliderC_ = new SliderController(doc, {
+          baseStep: config.baseStep,
+          props: config.sliderProps,
+          value: config.value,
+          viewProps: this.viewProps
+        });
+        this.textC_ = new NumberTextController(doc, {
+          baseStep: config.baseStep,
+          parser: config.parser,
+          props: config.textProps,
+          value: config.value,
+          viewProps: config.viewProps
+        });
+        this.view = new SliderTextView(doc, {
+          sliderView: this.sliderC_.view,
+          textView: this.textC_.view
+        });
+      }
+
+      get sliderController() {
+        return this.sliderC_;
+      }
+
+      get textController() {
+        return this.textC_;
+      }
+
+    }
+
+    function writePrimitive(target, value) {
+      target.write(value);
+    }
+
+    function parseListOptions(value) {
+      const p = ParamsParsers;
+
+      if (Array.isArray(value)) {
+        return p.required.array(p.required.object({
+          text: p.required.string,
+          value: p.required.raw
+        }))(value).value;
+      }
+
+      if (typeof value === 'object') {
+        return p.required.raw(value).value;
+      }
+
+      return undefined;
+    }
+
+    function parsePickerLayout(value) {
+      if (value === 'inline' || value === 'popup') {
+        return value;
+      }
+
+      return undefined;
+    }
+
+    function parsePointDimensionParams(value) {
+      const p = ParamsParsers;
+      return p.required.object({
+        max: p.optional.number,
+        min: p.optional.number,
+        step: p.optional.number
+      })(value).value;
+    }
+
+    function normalizeListOptions(options) {
+      if (Array.isArray(options)) {
+        return options;
+      }
+
+      const items = [];
+      Object.keys(options).forEach(text => {
+        items.push({
+          text: text,
+          value: options[text]
+        });
+      });
+      return items;
+    }
+
+    function createListConstraint(options) {
+      return !isEmpty(options) ? new ListConstraint(normalizeListOptions(forceCast(options))) : null;
+    }
+
+    function findListItems(constraint) {
+      const c = constraint ? findConstraint(constraint, ListConstraint) : null;
+
+      if (!c) {
+        return null;
+      }
+
+      return c.options;
+    }
+
+    function findStep(constraint) {
+      const c = constraint ? findConstraint(constraint, StepConstraint) : null;
+
+      if (!c) {
+        return null;
+      }
+
+      return c.step;
+    }
+
+    function getSuitableDecimalDigits(constraint, rawValue) {
+      const sc = constraint && findConstraint(constraint, StepConstraint);
+
+      if (sc) {
+        return getDecimalDigits(sc.step);
+      }
+
+      return Math.max(getDecimalDigits(rawValue), 2);
+    }
+
+    function getBaseStep(constraint) {
+      const step = findStep(constraint);
+      return step !== null && step !== void 0 ? step : 1;
+    }
+
+    function getSuitableDraggingScale(constraint, rawValue) {
+      var _a;
+
+      const sc = constraint && findConstraint(constraint, StepConstraint);
+      const base = Math.abs((_a = sc === null || sc === void 0 ? void 0 : sc.step) !== null && _a !== void 0 ? _a : rawValue);
+      return base === 0 ? 0.1 : Math.pow(10, Math.floor(Math.log10(base)) - 1);
+    }
+
+    const className$d = ClassName('ckb');
+
+    class CheckboxView {
+      constructor(doc, config) {
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$d());
+        config.viewProps.bindClassModifiers(this.element);
+        const labelElem = doc.createElement('label');
+        labelElem.classList.add(className$d('l'));
+        this.element.appendChild(labelElem);
+        const inputElem = doc.createElement('input');
+        inputElem.classList.add(className$d('i'));
+        inputElem.type = 'checkbox';
+        labelElem.appendChild(inputElem);
+        this.inputElement = inputElem;
+        config.viewProps.bindDisabled(this.inputElement);
+        const wrapperElem = doc.createElement('div');
+        wrapperElem.classList.add(className$d('w'));
+        labelElem.appendChild(wrapperElem);
+        const markElem = createSvgIconElement(doc, 'check');
+        wrapperElem.appendChild(markElem);
+        config.value.emitter.on('change', this.onValueChange_);
+        this.value = config.value;
+        this.update_();
+      }
+
+      update_() {
+        this.inputElement.checked = this.value.rawValue;
+      }
+
+      onValueChange_() {
+        this.update_();
+      }
+
+    }
+
+    class CheckboxController {
+      constructor(doc, config) {
+        this.onInputChange_ = this.onInputChange_.bind(this);
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new CheckboxView(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.view.inputElement.addEventListener('change', this.onInputChange_);
+      }
+
+      onInputChange_(e) {
+        const inputElem = forceCast(e.currentTarget);
+        this.value.rawValue = inputElem.checked;
+      }
+
+    }
+
+    function createConstraint$5(params) {
+      const constraints = [];
+      const lc = createListConstraint(params.options);
+
+      if (lc) {
+        constraints.push(lc);
+      }
+
+      return new CompositeConstraint(constraints);
+    }
+
+    const BooleanInputPlugin = {
+      id: 'input-bool',
+      type: 'input',
+      accept: (value, params) => {
+        if (typeof value !== 'boolean') {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          options: p.optional.custom(parseListOptions)
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => boolFromUnknown,
+        constraint: args => createConstraint$5(args.params),
+        writer: _args => writePrimitive
+      },
+      controller: args => {
+        var _a;
+
+        const doc = args.document;
+        const value = args.value;
+        const c = args.constraint;
+
+        if (c && findConstraint(c, ListConstraint)) {
+          return new ListController(doc, {
+            props: ValueMap.fromObject({
+              options: (_a = findListItems(c)) !== null && _a !== void 0 ? _a : []
+            }),
+            value: value,
+            viewProps: args.viewProps
+          });
+        }
+
+        return new CheckboxController(doc, {
+          value: value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+    const className$c = ClassName('col');
+
+    class ColorView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$c());
+        config.foldable.bindExpandedClass(this.element, className$c(undefined, 'expanded'));
+        bindValueMap(config.foldable, 'completed', valueToClassName(this.element, className$c(undefined, 'cpl')));
+        const headElem = doc.createElement('div');
+        headElem.classList.add(className$c('h'));
+        this.element.appendChild(headElem);
+        const swatchElem = doc.createElement('div');
+        swatchElem.classList.add(className$c('s'));
+        headElem.appendChild(swatchElem);
+        this.swatchElement = swatchElem;
+        const textElem = doc.createElement('div');
+        textElem.classList.add(className$c('t'));
+        headElem.appendChild(textElem);
+        this.textElement = textElem;
+
+        if (config.pickerLayout === 'inline') {
+          const pickerElem = doc.createElement('div');
+          pickerElem.classList.add(className$c('p'));
+          this.element.appendChild(pickerElem);
+          this.pickerElement = pickerElem;
+        } else {
+          this.pickerElement = null;
+        }
+      }
+
+    }
+
+    function rgbToHsl(r, g, b) {
+      const rp = constrainRange(r / 255, 0, 1);
+      const gp = constrainRange(g / 255, 0, 1);
+      const bp = constrainRange(b / 255, 0, 1);
+      const cmax = Math.max(rp, gp, bp);
+      const cmin = Math.min(rp, gp, bp);
+      const c = cmax - cmin;
+      let h = 0;
+      let s = 0;
+      const l = (cmin + cmax) / 2;
+
+      if (c !== 0) {
+        s = c / (1 - Math.abs(cmax + cmin - 1));
+
+        if (rp === cmax) {
+          h = (gp - bp) / c;
+        } else if (gp === cmax) {
+          h = 2 + (bp - rp) / c;
+        } else {
+          h = 4 + (rp - gp) / c;
+        }
+
+        h = h / 6 + (h < 0 ? 1 : 0);
+      }
+
+      return [h * 360, s * 100, l * 100];
+    }
+
+    function hslToRgb(h, s, l) {
+      const hp = (h % 360 + 360) % 360;
+      const sp = constrainRange(s / 100, 0, 1);
+      const lp = constrainRange(l / 100, 0, 1);
+      const c = (1 - Math.abs(2 * lp - 1)) * sp;
+      const x = c * (1 - Math.abs(hp / 60 % 2 - 1));
+      const m = lp - c / 2;
+      let rp, gp, bp;
+
+      if (hp >= 0 && hp < 60) {
+        [rp, gp, bp] = [c, x, 0];
+      } else if (hp >= 60 && hp < 120) {
+        [rp, gp, bp] = [x, c, 0];
+      } else if (hp >= 120 && hp < 180) {
+        [rp, gp, bp] = [0, c, x];
+      } else if (hp >= 180 && hp < 240) {
+        [rp, gp, bp] = [0, x, c];
+      } else if (hp >= 240 && hp < 300) {
+        [rp, gp, bp] = [x, 0, c];
+      } else {
+        [rp, gp, bp] = [c, 0, x];
+      }
+
+      return [(rp + m) * 255, (gp + m) * 255, (bp + m) * 255];
+    }
+
+    function rgbToHsv(r, g, b) {
+      const rp = constrainRange(r / 255, 0, 1);
+      const gp = constrainRange(g / 255, 0, 1);
+      const bp = constrainRange(b / 255, 0, 1);
+      const cmax = Math.max(rp, gp, bp);
+      const cmin = Math.min(rp, gp, bp);
+      const d = cmax - cmin;
+      let h;
+
+      if (d === 0) {
+        h = 0;
+      } else if (cmax === rp) {
+        h = 60 * (((gp - bp) / d % 6 + 6) % 6);
+      } else if (cmax === gp) {
+        h = 60 * ((bp - rp) / d + 2);
+      } else {
+        h = 60 * ((rp - gp) / d + 4);
+      }
+
+      const s = cmax === 0 ? 0 : d / cmax;
+      const v = cmax;
+      return [h, s * 100, v * 100];
+    }
+
+    function hsvToRgb(h, s, v) {
+      const hp = loopRange(h, 360);
+      const sp = constrainRange(s / 100, 0, 1);
+      const vp = constrainRange(v / 100, 0, 1);
+      const c = vp * sp;
+      const x = c * (1 - Math.abs(hp / 60 % 2 - 1));
+      const m = vp - c;
+      let rp, gp, bp;
+
+      if (hp >= 0 && hp < 60) {
+        [rp, gp, bp] = [c, x, 0];
+      } else if (hp >= 60 && hp < 120) {
+        [rp, gp, bp] = [x, c, 0];
+      } else if (hp >= 120 && hp < 180) {
+        [rp, gp, bp] = [0, c, x];
+      } else if (hp >= 180 && hp < 240) {
+        [rp, gp, bp] = [0, x, c];
+      } else if (hp >= 240 && hp < 300) {
+        [rp, gp, bp] = [x, 0, c];
+      } else {
+        [rp, gp, bp] = [c, 0, x];
+      }
+
+      return [(rp + m) * 255, (gp + m) * 255, (bp + m) * 255];
+    }
+
+    function hslToHsv(h, s, l) {
+      const sd = l + s * (100 - Math.abs(2 * l - 100)) / (2 * 100);
+      return [h, sd !== 0 ? s * (100 - Math.abs(2 * l - 100)) / sd : 0, l + s * (100 - Math.abs(2 * l - 100)) / (2 * 100)];
+    }
+
+    function hsvToHsl(h, s, v) {
+      const sd = 100 - Math.abs(v * (200 - s) / 100 - 100);
+      return [h, sd !== 0 ? s * v / sd : 0, v * (200 - s) / (2 * 100)];
+    }
+
+    function removeAlphaComponent(comps) {
+      return [comps[0], comps[1], comps[2]];
+    }
+
+    function appendAlphaComponent(comps, alpha) {
+      return [comps[0], comps[1], comps[2], alpha];
+    }
+
+    const MODE_CONVERTER_MAP = {
+      hsl: {
+        hsl: (h, s, l) => [h, s, l],
+        hsv: hslToHsv,
+        rgb: hslToRgb
+      },
+      hsv: {
+        hsl: hsvToHsl,
+        hsv: (h, s, v) => [h, s, v],
+        rgb: hsvToRgb
+      },
+      rgb: {
+        hsl: rgbToHsl,
+        hsv: rgbToHsv,
+        rgb: (r, g, b) => [r, g, b]
+      }
+    };
+
+    function convertColorMode(components, fromMode, toMode) {
+      return MODE_CONVERTER_MAP[fromMode][toMode](...components);
+    }
+
+    const CONSTRAINT_MAP = {
+      hsl: comps => {
+        var _a;
+
+        return [loopRange(comps[0], 360), constrainRange(comps[1], 0, 100), constrainRange(comps[2], 0, 100), constrainRange((_a = comps[3]) !== null && _a !== void 0 ? _a : 1, 0, 1)];
+      },
+      hsv: comps => {
+        var _a;
+
+        return [loopRange(comps[0], 360), constrainRange(comps[1], 0, 100), constrainRange(comps[2], 0, 100), constrainRange((_a = comps[3]) !== null && _a !== void 0 ? _a : 1, 0, 1)];
+      },
+      rgb: comps => {
+        var _a;
+
+        return [constrainRange(comps[0], 0, 255), constrainRange(comps[1], 0, 255), constrainRange(comps[2], 0, 255), constrainRange((_a = comps[3]) !== null && _a !== void 0 ? _a : 1, 0, 1)];
+      }
+    };
+
+    function isRgbColorComponent(obj, key) {
+      if (typeof obj !== 'object' || isEmpty(obj)) {
+        return false;
+      }
+
+      return key in obj && typeof obj[key] === 'number';
+    }
+
+    class Color {
+      constructor(comps, mode) {
+        this.mode_ = mode;
+        this.comps_ = CONSTRAINT_MAP[mode](comps);
+      }
+
+      static black() {
+        return new Color([0, 0, 0], 'rgb');
+      }
+
+      static fromObject(obj) {
+        const comps = 'a' in obj ? [obj.r, obj.g, obj.b, obj.a] : [obj.r, obj.g, obj.b];
+        return new Color(comps, 'rgb');
+      }
+
+      static toRgbaObject(color) {
+        return color.toRgbaObject();
+      }
+
+      static isRgbColorObject(obj) {
+        return isRgbColorComponent(obj, 'r') && isRgbColorComponent(obj, 'g') && isRgbColorComponent(obj, 'b');
+      }
+
+      static isRgbaColorObject(obj) {
+        return this.isRgbColorObject(obj) && isRgbColorComponent(obj, 'a');
+      }
+
+      static isColorObject(obj) {
+        return this.isRgbColorObject(obj);
+      }
+
+      static equals(v1, v2) {
+        if (v1.mode_ !== v2.mode_) {
+          return false;
+        }
+
+        const comps1 = v1.comps_;
+        const comps2 = v2.comps_;
+
+        for (let i = 0; i < comps1.length; i++) {
+          if (comps1[i] !== comps2[i]) {
+            return false;
+          }
+        }
+
+        return true;
+      }
+
+      get mode() {
+        return this.mode_;
+      }
+
+      getComponents(opt_mode) {
+        return appendAlphaComponent(convertColorMode(removeAlphaComponent(this.comps_), this.mode_, opt_mode || this.mode_), this.comps_[3]);
+      }
+
+      toRgbaObject() {
+        const rgbComps = this.getComponents('rgb');
+        return {
+          r: rgbComps[0],
+          g: rgbComps[1],
+          b: rgbComps[2],
+          a: rgbComps[3]
+        };
+      }
+
+    }
+
+    const className$b = ClassName('colp');
+
+    class ColorPickerView {
+      constructor(doc, config) {
+        this.alphaViews_ = null;
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$b());
+        const hsvElem = doc.createElement('div');
+        hsvElem.classList.add(className$b('hsv'));
+        const svElem = doc.createElement('div');
+        svElem.classList.add(className$b('sv'));
+        this.svPaletteView_ = config.svPaletteView;
+        svElem.appendChild(this.svPaletteView_.element);
+        hsvElem.appendChild(svElem);
+        const hElem = doc.createElement('div');
+        hElem.classList.add(className$b('h'));
+        this.hPaletteView_ = config.hPaletteView;
+        hElem.appendChild(this.hPaletteView_.element);
+        hsvElem.appendChild(hElem);
+        this.element.appendChild(hsvElem);
+        const rgbElem = doc.createElement('div');
+        rgbElem.classList.add(className$b('rgb'));
+        this.textView_ = config.textView;
+        rgbElem.appendChild(this.textView_.element);
+        this.element.appendChild(rgbElem);
+
+        if (config.alphaViews) {
+          this.alphaViews_ = {
+            palette: config.alphaViews.palette,
+            text: config.alphaViews.text
+          };
+          const aElem = doc.createElement('div');
+          aElem.classList.add(className$b('a'));
+          const apElem = doc.createElement('div');
+          apElem.classList.add(className$b('ap'));
+          apElem.appendChild(this.alphaViews_.palette.element);
+          aElem.appendChild(apElem);
+          const atElem = doc.createElement('div');
+          atElem.classList.add(className$b('at'));
+          atElem.appendChild(this.alphaViews_.text.element);
+          aElem.appendChild(atElem);
+          this.element.appendChild(aElem);
+        }
+      }
+
+      get allFocusableElements() {
+        const elems = [this.svPaletteView_.element, this.hPaletteView_.element, this.textView_.modeSelectElement, ...this.textView_.textViews.map(v => v.inputElement)];
+
+        if (this.alphaViews_) {
+          elems.push(this.alphaViews_.palette.element, this.alphaViews_.text.inputElement);
+        }
+
+        return elems;
+      }
+
+    }
+
+    function parseColorInputParams(params) {
+      const p = ParamsParsers;
+      return parseParams(params, {
+        alpha: p.optional.boolean,
+        expanded: p.optional.boolean,
+        picker: p.optional.custom(parsePickerLayout)
+      });
+    }
+
+    function getBaseStepForColor(forAlpha) {
+      return forAlpha ? 0.1 : 1;
+    }
+
+    function parseCssNumberOrPercentage(text, maxValue) {
+      const m = text.match(/^(.+)%$/);
+
+      if (!m) {
+        return Math.min(parseFloat(text), maxValue);
+      }
+
+      return Math.min(parseFloat(m[1]) * 0.01 * maxValue, maxValue);
+    }
+
+    const ANGLE_TO_DEG_MAP = {
+      deg: angle => angle,
+      grad: angle => angle * 360 / 400,
+      rad: angle => angle * 360 / (2 * Math.PI),
+      turn: angle => angle * 360
+    };
+
+    function parseCssNumberOrAngle(text) {
+      const m = text.match(/^([0-9.]+?)(deg|grad|rad|turn)$/);
+
+      if (!m) {
+        return parseFloat(text);
+      }
+
+      const angle = parseFloat(m[1]);
+      const unit = m[2];
+      return ANGLE_TO_DEG_MAP[unit](angle);
+    }
+
+    const NOTATION_TO_PARSER_MAP = {
+      'func.rgb': text => {
+        const m = text.match(/^rgb\(\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*\)$/);
+
+        if (!m) {
+          return null;
+        }
+
+        const comps = [parseCssNumberOrPercentage(m[1], 255), parseCssNumberOrPercentage(m[2], 255), parseCssNumberOrPercentage(m[3], 255)];
+
+        if (isNaN(comps[0]) || isNaN(comps[1]) || isNaN(comps[2])) {
+          return null;
+        }
+
+        return new Color(comps, 'rgb');
+      },
+      'func.rgba': text => {
+        const m = text.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 (!m) {
+          return null;
+        }
+
+        const comps = [parseCssNumberOrPercentage(m[1], 255), parseCssNumberOrPercentage(m[2], 255), parseCssNumberOrPercentage(m[3], 255), parseCssNumberOrPercentage(m[4], 1)];
+
+        if (isNaN(comps[0]) || isNaN(comps[1]) || isNaN(comps[2]) || isNaN(comps[3])) {
+          return null;
+        }
+
+        return new Color(comps, 'rgb');
+      },
+      'func.hsl': text => {
+        const m = text.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 (!m) {
+          return null;
+        }
+
+        const comps = [parseCssNumberOrAngle(m[1]), parseCssNumberOrPercentage(m[2], 100), parseCssNumberOrPercentage(m[3], 100)];
+
+        if (isNaN(comps[0]) || isNaN(comps[1]) || isNaN(comps[2])) {
+          return null;
+        }
+
+        return new Color(comps, 'hsl');
+      },
+      'func.hsla': text => {
+        const m = text.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 (!m) {
+          return null;
+        }
+
+        const comps = [parseCssNumberOrAngle(m[1]), parseCssNumberOrPercentage(m[2], 100), parseCssNumberOrPercentage(m[3], 100), parseCssNumberOrPercentage(m[4], 1)];
+
+        if (isNaN(comps[0]) || isNaN(comps[1]) || isNaN(comps[2]) || isNaN(comps[3])) {
+          return null;
+        }
+
+        return new Color(comps, 'hsl');
+      },
+      'hex.rgb': text => {
+        const mRgb = text.match(/^#([0-9A-Fa-f])([0-9A-Fa-f])([0-9A-Fa-f])$/);
+
+        if (mRgb) {
+          return new Color([parseInt(mRgb[1] + mRgb[1], 16), parseInt(mRgb[2] + mRgb[2], 16), parseInt(mRgb[3] + mRgb[3], 16)], 'rgb');
+        }
+
+        const mRrggbb = text.match(/^(?:#|0x)([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/);
+
+        if (mRrggbb) {
+          return new Color([parseInt(mRrggbb[1], 16), parseInt(mRrggbb[2], 16), parseInt(mRrggbb[3], 16)], 'rgb');
+        }
+
+        return null;
+      },
+      'hex.rgba': text => {
+        const mRgb = text.match(/^#?([0-9A-Fa-f])([0-9A-Fa-f])([0-9A-Fa-f])([0-9A-Fa-f])$/);
+
+        if (mRgb) {
+          return new Color([parseInt(mRgb[1] + mRgb[1], 16), parseInt(mRgb[2] + mRgb[2], 16), parseInt(mRgb[3] + mRgb[3], 16), mapRange(parseInt(mRgb[4] + mRgb[4], 16), 0, 255, 0, 1)], 'rgb');
+        }
+
+        const mRrggbb = text.match(/^(?:#|0x)?([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/);
+
+        if (mRrggbb) {
+          return new Color([parseInt(mRrggbb[1], 16), parseInt(mRrggbb[2], 16), parseInt(mRrggbb[3], 16), mapRange(parseInt(mRrggbb[4], 16), 0, 255, 0, 1)], 'rgb');
+        }
+
+        return null;
+      }
+    };
+
+    function getColorNotation(text) {
+      const notations = Object.keys(NOTATION_TO_PARSER_MAP);
+      return notations.reduce((result, notation) => {
+        if (result) {
+          return result;
+        }
+
+        const subparser = NOTATION_TO_PARSER_MAP[notation];
+        return subparser(text) ? notation : null;
+      }, null);
+    }
+
+    const CompositeColorParser = text => {
+      const notation = getColorNotation(text);
+      return notation ? NOTATION_TO_PARSER_MAP[notation](text) : null;
+    };
+
+    function hasAlphaComponent(notation) {
+      return notation === 'func.hsla' || notation === 'func.rgba' || notation === 'hex.rgba';
+    }
+
+    function colorFromString(value) {
+      if (typeof value === 'string') {
+        const cv = CompositeColorParser(value);
+
+        if (cv) {
+          return cv;
+        }
+      }
+
+      return Color.black();
+    }
+
+    function zerofill(comp) {
+      const hex = constrainRange(Math.floor(comp), 0, 255).toString(16);
+      return hex.length === 1 ? `0${hex}` : hex;
+    }
+
+    function colorToHexRgbString(value, prefix = '#') {
+      const hexes = removeAlphaComponent(value.getComponents('rgb')).map(zerofill).join('');
+      return `${prefix}${hexes}`;
+    }
+
+    function colorToHexRgbaString(value, prefix = '#') {
+      const rgbaComps = value.getComponents('rgb');
+      const hexes = [rgbaComps[0], rgbaComps[1], rgbaComps[2], rgbaComps[3] * 255].map(zerofill).join('');
+      return `${prefix}${hexes}`;
+    }
+
+    function colorToFunctionalRgbString(value) {
+      const formatter = createNumberFormatter(0);
+      const comps = removeAlphaComponent(value.getComponents('rgb')).map(comp => formatter(comp));
+      return `rgb(${comps.join(', ')})`;
+    }
+
+    function colorToFunctionalRgbaString(value) {
+      const aFormatter = createNumberFormatter(2);
+      const rgbFormatter = createNumberFormatter(0);
+      const comps = value.getComponents('rgb').map((comp, index) => {
+        const formatter = index === 3 ? aFormatter : rgbFormatter;
+        return formatter(comp);
+      });
+      return `rgba(${comps.join(', ')})`;
+    }
+
+    function colorToFunctionalHslString(value) {
+      const formatters = [createNumberFormatter(0), formatPercentage, formatPercentage];
+      const comps = removeAlphaComponent(value.getComponents('hsl')).map((comp, index) => formatters[index](comp));
+      return `hsl(${comps.join(', ')})`;
+    }
+
+    function colorToFunctionalHslaString(value) {
+      const formatters = [createNumberFormatter(0), formatPercentage, formatPercentage, createNumberFormatter(2)];
+      const comps = value.getComponents('hsl').map((comp, index) => formatters[index](comp));
+      return `hsla(${comps.join(', ')})`;
+    }
+
+    const NOTATION_TO_STRINGIFIER_MAP = {
+      'func.hsl': colorToFunctionalHslString,
+      'func.hsla': colorToFunctionalHslaString,
+      'func.rgb': colorToFunctionalRgbString,
+      'func.rgba': colorToFunctionalRgbaString,
+      'hex.rgb': colorToHexRgbString,
+      'hex.rgba': colorToHexRgbaString
+    };
+
+    function getColorStringifier(notation) {
+      return NOTATION_TO_STRINGIFIER_MAP[notation];
+    }
+
+    const className$a = ClassName('apl');
+
+    class APaletteView {
+      constructor(doc, config) {
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        this.value = config.value;
+        this.value.emitter.on('change', this.onValueChange_);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$a());
+        config.viewProps.bindTabIndex(this.element);
+        const barElem = doc.createElement('div');
+        barElem.classList.add(className$a('b'));
+        this.element.appendChild(barElem);
+        const colorElem = doc.createElement('div');
+        colorElem.classList.add(className$a('c'));
+        barElem.appendChild(colorElem);
+        this.colorElem_ = colorElem;
+        const markerElem = doc.createElement('div');
+        markerElem.classList.add(className$a('m'));
+        this.element.appendChild(markerElem);
+        this.markerElem_ = markerElem;
+        const previewElem = doc.createElement('div');
+        previewElem.classList.add(className$a('p'));
+        this.markerElem_.appendChild(previewElem);
+        this.previewElem_ = previewElem;
+        this.update_();
+      }
+
+      update_() {
+        const c = this.value.rawValue;
+        const rgbaComps = c.getComponents('rgb');
+        const leftColor = new Color([rgbaComps[0], rgbaComps[1], rgbaComps[2], 0], 'rgb');
+        const rightColor = new Color([rgbaComps[0], rgbaComps[1], rgbaComps[2], 255], 'rgb');
+        const gradientComps = ['to right', colorToFunctionalRgbaString(leftColor), colorToFunctionalRgbaString(rightColor)];
+        this.colorElem_.style.background = `linear-gradient(${gradientComps.join(',')})`;
+        this.previewElem_.style.backgroundColor = colorToFunctionalRgbaString(c);
+        const left = mapRange(rgbaComps[3], 0, 1, 0, 100);
+        this.markerElem_.style.left = `${left}%`;
+      }
+
+      onValueChange_() {
+        this.update_();
+      }
+
+    }
+
+    class APaletteController {
+      constructor(doc, config) {
+        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 = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new APaletteView(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.ptHandler_ = new PointerHandler(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_(d, opts) {
+        if (!d.point) {
+          return;
+        }
+
+        const alpha = d.point.x / d.bounds.width;
+        const c = this.value.rawValue;
+        const [h, s, v] = c.getComponents('hsv');
+        this.value.setRawValue(new Color([h, s, v, alpha], 'hsv'), opts);
+      }
+
+      onPointerDown_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerMove_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerUp_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+      onKeyDown_(ev) {
+        const step = getStepForKey(getBaseStepForColor(true), getHorizontalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        const c = this.value.rawValue;
+        const [h, s, v, a] = c.getComponents('hsv');
+        this.value.setRawValue(new Color([h, s, v, a + step], 'hsv'), {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onKeyUp_(ev) {
+        const step = getStepForKey(getBaseStepForColor(true), getHorizontalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+    }
+
+    const className$9 = ClassName('coltxt');
+
+    function createModeSelectElement(doc) {
+      const selectElem = doc.createElement('select');
+      const items = [{
+        text: 'RGB',
+        value: 'rgb'
+      }, {
+        text: 'HSL',
+        value: 'hsl'
+      }, {
+        text: 'HSV',
+        value: 'hsv'
+      }];
+      selectElem.appendChild(items.reduce((frag, item) => {
+        const optElem = doc.createElement('option');
+        optElem.textContent = item.text;
+        optElem.value = item.value;
+        frag.appendChild(optElem);
+        return frag;
+      }, doc.createDocumentFragment()));
+      return selectElem;
+    }
+
+    class ColorTextView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$9());
+        const modeElem = doc.createElement('div');
+        modeElem.classList.add(className$9('m'));
+        this.modeElem_ = createModeSelectElement(doc);
+        this.modeElem_.classList.add(className$9('ms'));
+        modeElem.appendChild(this.modeSelectElement);
+        const modeMarkerElem = doc.createElement('div');
+        modeMarkerElem.classList.add(className$9('mm'));
+        modeMarkerElem.appendChild(createSvgIconElement(doc, 'dropdown'));
+        modeElem.appendChild(modeMarkerElem);
+        this.element.appendChild(modeElem);
+        const textsElem = doc.createElement('div');
+        textsElem.classList.add(className$9('w'));
+        this.element.appendChild(textsElem);
+        this.textsElem_ = textsElem;
+        this.textViews_ = config.textViews;
+        this.applyTextViews_();
+        bindValue(config.colorMode, mode => {
+          this.modeElem_.value = mode;
+        });
+      }
+
+      get modeSelectElement() {
+        return this.modeElem_;
+      }
+
+      get textViews() {
+        return this.textViews_;
+      }
+
+      set textViews(textViews) {
+        this.textViews_ = textViews;
+        this.applyTextViews_();
+      }
+
+      applyTextViews_() {
+        removeChildElements(this.textsElem_);
+        const doc = this.element.ownerDocument;
+        this.textViews_.forEach(v => {
+          const compElem = doc.createElement('div');
+          compElem.classList.add(className$9('c'));
+          compElem.appendChild(v.element);
+          this.textsElem_.appendChild(compElem);
+        });
+      }
+
+    }
+
+    const FORMATTER = createNumberFormatter(0);
+    const MODE_TO_CONSTRAINT_MAP = {
+      rgb: () => {
+        return new RangeConstraint({
+          min: 0,
+          max: 255
+        });
+      },
+      hsl: index => {
+        return index === 0 ? new RangeConstraint({
+          min: 0,
+          max: 360
+        }) : new RangeConstraint({
+          min: 0,
+          max: 100
+        });
+      },
+      hsv: index => {
+        return index === 0 ? new RangeConstraint({
+          min: 0,
+          max: 360
+        }) : new RangeConstraint({
+          min: 0,
+          max: 100
+        });
+      }
+    };
+
+    function createComponentController(doc, config, index) {
+      return new NumberTextController(doc, {
+        arrayPosition: index === 0 ? 'fst' : index === 3 - 1 ? 'lst' : 'mid',
+        baseStep: getBaseStepForColor(false),
+        parser: config.parser,
+        props: ValueMap.fromObject({
+          draggingScale: 1,
+          formatter: FORMATTER
+        }),
+        value: createValue(0, {
+          constraint: MODE_TO_CONSTRAINT_MAP[config.colorMode](index)
+        }),
+        viewProps: config.viewProps
+      });
+    }
+
+    class ColorTextController {
+      constructor(doc, config) {
+        this.onModeSelectChange_ = this.onModeSelectChange_.bind(this);
+        this.parser_ = config.parser;
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.colorMode = createValue(this.value.rawValue.mode);
+        this.ccs_ = this.createComponentControllers_(doc);
+        this.view = new ColorTextView(doc, {
+          colorMode: this.colorMode,
+          textViews: [this.ccs_[0].view, this.ccs_[1].view, this.ccs_[2].view]
+        });
+        this.view.modeSelectElement.addEventListener('change', this.onModeSelectChange_);
+      }
+
+      createComponentControllers_(doc) {
+        const cc = {
+          colorMode: this.colorMode.rawValue,
+          parser: this.parser_,
+          viewProps: this.viewProps
+        };
+        const ccs = [createComponentController(doc, cc, 0), createComponentController(doc, cc, 1), createComponentController(doc, cc, 2)];
+        ccs.forEach((cs, index) => {
+          connectValues({
+            primary: this.value,
+            secondary: cs.value,
+            forward: p => {
+              return p.rawValue.getComponents(this.colorMode.rawValue)[index];
+            },
+            backward: (p, s) => {
+              const pickedMode = this.colorMode.rawValue;
+              const comps = p.rawValue.getComponents(pickedMode);
+              comps[index] = s.rawValue;
+              return new Color(appendAlphaComponent(removeAlphaComponent(comps), comps[3]), pickedMode);
+            }
+          });
+        });
+        return ccs;
+      }
+
+      onModeSelectChange_(ev) {
+        const selectElem = ev.currentTarget;
+        this.colorMode.rawValue = selectElem.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 className$8 = ClassName('hpl');
+
+    class HPaletteView {
+      constructor(doc, config) {
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        this.value = config.value;
+        this.value.emitter.on('change', this.onValueChange_);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$8());
+        config.viewProps.bindTabIndex(this.element);
+        const colorElem = doc.createElement('div');
+        colorElem.classList.add(className$8('c'));
+        this.element.appendChild(colorElem);
+        const markerElem = doc.createElement('div');
+        markerElem.classList.add(className$8('m'));
+        this.element.appendChild(markerElem);
+        this.markerElem_ = markerElem;
+        this.update_();
+      }
+
+      update_() {
+        const c = this.value.rawValue;
+        const [h] = c.getComponents('hsv');
+        this.markerElem_.style.backgroundColor = colorToFunctionalRgbString(new Color([h, 100, 100], 'hsv'));
+        const left = mapRange(h, 0, 360, 0, 100);
+        this.markerElem_.style.left = `${left}%`;
+      }
+
+      onValueChange_() {
+        this.update_();
+      }
+
+    }
+
+    class HPaletteController {
+      constructor(doc, config) {
+        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 = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new HPaletteView(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.ptHandler_ = new PointerHandler(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_(d, opts) {
+        if (!d.point) {
+          return;
+        }
+
+        const hue = mapRange(d.point.x, 0, d.bounds.width, 0, 360);
+        const c = this.value.rawValue;
+        const [, s, v, a] = c.getComponents('hsv');
+        this.value.setRawValue(new Color([hue, s, v, a], 'hsv'), opts);
+      }
+
+      onPointerDown_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerMove_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerUp_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+      onKeyDown_(ev) {
+        const step = getStepForKey(getBaseStepForColor(false), getHorizontalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        const c = this.value.rawValue;
+        const [h, s, v, a] = c.getComponents('hsv');
+        this.value.setRawValue(new Color([h + step, s, v, a], 'hsv'), {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onKeyUp_(ev) {
+        const step = getStepForKey(getBaseStepForColor(false), getHorizontalStepKeys(ev));
+
+        if (step === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+    }
+
+    const className$7 = ClassName('svp');
+    const CANVAS_RESOL = 64;
+
+    class SvPaletteView {
+      constructor(doc, config) {
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        this.value = config.value;
+        this.value.emitter.on('change', this.onValueChange_);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$7());
+        config.viewProps.bindTabIndex(this.element);
+        const canvasElem = doc.createElement('canvas');
+        canvasElem.height = CANVAS_RESOL;
+        canvasElem.width = CANVAS_RESOL;
+        canvasElem.classList.add(className$7('c'));
+        this.element.appendChild(canvasElem);
+        this.canvasElement = canvasElem;
+        const markerElem = doc.createElement('div');
+        markerElem.classList.add(className$7('m'));
+        this.element.appendChild(markerElem);
+        this.markerElem_ = markerElem;
+        this.update_();
+      }
+
+      update_() {
+        const ctx = getCanvasContext(this.canvasElement);
+
+        if (!ctx) {
+          return;
+        }
+
+        const c = this.value.rawValue;
+        const hsvComps = c.getComponents('hsv');
+        const width = this.canvasElement.width;
+        const height = this.canvasElement.height;
+        const imgData = ctx.getImageData(0, 0, width, height);
+        const data = imgData.data;
+
+        for (let iy = 0; iy < height; iy++) {
+          for (let ix = 0; ix < width; ix++) {
+            const s = mapRange(ix, 0, width, 0, 100);
+            const v = mapRange(iy, 0, height, 100, 0);
+            const rgbComps = hsvToRgb(hsvComps[0], s, v);
+            const i = (iy * width + ix) * 4;
+            data[i] = rgbComps[0];
+            data[i + 1] = rgbComps[1];
+            data[i + 2] = rgbComps[2];
+            data[i + 3] = 255;
+          }
+        }
+
+        ctx.putImageData(imgData, 0, 0);
+        const left = mapRange(hsvComps[1], 0, 100, 0, 100);
+        this.markerElem_.style.left = `${left}%`;
+        const top = mapRange(hsvComps[2], 0, 100, 100, 0);
+        this.markerElem_.style.top = `${top}%`;
+      }
+
+      onValueChange_() {
+        this.update_();
+      }
+
+    }
+
+    class SvPaletteController {
+      constructor(doc, config) {
+        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 = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new SvPaletteView(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.ptHandler_ = new PointerHandler(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_(d, opts) {
+        if (!d.point) {
+          return;
+        }
+
+        const saturation = mapRange(d.point.x, 0, d.bounds.width, 0, 100);
+        const value = mapRange(d.point.y, 0, d.bounds.height, 100, 0);
+        const [h,,, a] = this.value.rawValue.getComponents('hsv');
+        this.value.setRawValue(new Color([h, saturation, value, a], 'hsv'), opts);
+      }
+
+      onPointerDown_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerMove_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerUp_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+      onKeyDown_(ev) {
+        if (isArrowKey(ev.key)) {
+          ev.preventDefault();
+        }
+
+        const [h, s, v, a] = this.value.rawValue.getComponents('hsv');
+        const baseStep = getBaseStepForColor(false);
+        const ds = getStepForKey(baseStep, getHorizontalStepKeys(ev));
+        const dv = getStepForKey(baseStep, getVerticalStepKeys(ev));
+
+        if (ds === 0 && dv === 0) {
+          return;
+        }
+
+        this.value.setRawValue(new Color([h, s + ds, v + dv, a], 'hsv'), {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onKeyUp_(ev) {
+        const baseStep = getBaseStepForColor(false);
+        const ds = getStepForKey(baseStep, getHorizontalStepKeys(ev));
+        const dv = getStepForKey(baseStep, getVerticalStepKeys(ev));
+
+        if (ds === 0 && dv === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+    }
+
+    class ColorPickerController {
+      constructor(doc, config) {
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.hPaletteC_ = new HPaletteController(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.svPaletteC_ = new SvPaletteController(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.alphaIcs_ = config.supportsAlpha ? {
+          palette: new APaletteController(doc, {
+            value: this.value,
+            viewProps: this.viewProps
+          }),
+          text: new NumberTextController(doc, {
+            parser: parseNumber,
+            baseStep: 0.1,
+            props: ValueMap.fromObject({
+              draggingScale: 0.01,
+              formatter: createNumberFormatter(2)
+            }),
+            value: createValue(0, {
+              constraint: new RangeConstraint({
+                min: 0,
+                max: 1
+              })
+            }),
+            viewProps: this.viewProps
+          })
+        } : null;
+
+        if (this.alphaIcs_) {
+          connectValues({
+            primary: this.value,
+            secondary: this.alphaIcs_.text.value,
+            forward: p => {
+              return p.rawValue.getComponents()[3];
+            },
+            backward: (p, s) => {
+              const comps = p.rawValue.getComponents();
+              comps[3] = s.rawValue;
+              return new Color(comps, p.rawValue.mode);
+            }
+          });
+        }
+
+        this.textC_ = new ColorTextController(doc, {
+          parser: parseNumber,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.view = new ColorPickerView(doc, {
+          alphaViews: this.alphaIcs_ ? {
+            palette: this.alphaIcs_.palette.view,
+            text: this.alphaIcs_.text.view
+          } : null,
+          hPaletteView: this.hPaletteC_.view,
+          supportsAlpha: config.supportsAlpha,
+          svPaletteView: this.svPaletteC_.view,
+          textView: this.textC_.view
+        });
+      }
+
+      get textController() {
+        return this.textC_;
+      }
+
+    }
+
+    const className$6 = ClassName('colsw');
+
+    class ColorSwatchView {
+      constructor(doc, config) {
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        config.value.emitter.on('change', this.onValueChange_);
+        this.value = config.value;
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$6());
+        config.viewProps.bindClassModifiers(this.element);
+        const swatchElem = doc.createElement('div');
+        swatchElem.classList.add(className$6('sw'));
+        this.element.appendChild(swatchElem);
+        this.swatchElem_ = swatchElem;
+        const buttonElem = doc.createElement('button');
+        buttonElem.classList.add(className$6('b'));
+        config.viewProps.bindDisabled(buttonElem);
+        this.element.appendChild(buttonElem);
+        this.buttonElement = buttonElem;
+        this.update_();
+      }
+
+      update_() {
+        const value = this.value.rawValue;
+        this.swatchElem_.style.backgroundColor = colorToHexRgbaString(value);
+      }
+
+      onValueChange_() {
+        this.update_();
+      }
+
+    }
+
+    class ColorSwatchController {
+      constructor(doc, config) {
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new ColorSwatchView(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+      }
+
+    }
+
+    class ColorController {
+      constructor(doc, config) {
+        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 = config.value;
+        this.viewProps = config.viewProps;
+        this.foldable_ = Foldable.create(config.expanded);
+        this.swatchC_ = new ColorSwatchController(doc, {
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        const buttonElem = this.swatchC_.view.buttonElement;
+        buttonElem.addEventListener('blur', this.onButtonBlur_);
+        buttonElem.addEventListener('click', this.onButtonClick_);
+        this.textC_ = new TextController(doc, {
+          parser: config.parser,
+          props: ValueMap.fromObject({
+            formatter: config.formatter
+          }),
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.view = new ColorView(doc, {
+          foldable: this.foldable_,
+          pickerLayout: config.pickerLayout
+        });
+        this.view.swatchElement.appendChild(this.swatchC_.view.element);
+        this.view.textElement.appendChild(this.textC_.view.element);
+        this.popC_ = config.pickerLayout === 'popup' ? new PopupController(doc, {
+          viewProps: this.viewProps
+        }) : null;
+        const pickerC = new ColorPickerController(doc, {
+          supportsAlpha: config.supportsAlpha,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        pickerC.view.allFocusableElements.forEach(elem => {
+          elem.addEventListener('blur', this.onPopupChildBlur_);
+          elem.addEventListener('keydown', this.onPopupChildKeydown_);
+        });
+        this.pickerC_ = pickerC;
+
+        if (this.popC_) {
+          this.view.element.appendChild(this.popC_.view.element);
+          this.popC_.view.element.appendChild(pickerC.view.element);
+          connectValues({
+            primary: this.foldable_.value('expanded'),
+            secondary: this.popC_.shows,
+            forward: p => p.rawValue,
+            backward: (_, s) => s.rawValue
+          });
+        } else if (this.view.pickerElement) {
+          this.view.pickerElement.appendChild(this.pickerC_.view.element);
+          bindFoldable(this.foldable_, this.view.pickerElement);
+        }
+      }
+
+      get textController() {
+        return this.textC_;
+      }
+
+      onButtonBlur_(e) {
+        if (!this.popC_) {
+          return;
+        }
+
+        const elem = this.view.element;
+        const nextTarget = forceCast(e.relatedTarget);
+
+        if (!nextTarget || !elem.contains(nextTarget)) {
+          this.popC_.shows.rawValue = false;
+        }
+      }
+
+      onButtonClick_() {
+        this.foldable_.set('expanded', !this.foldable_.get('expanded'));
+
+        if (this.foldable_.get('expanded')) {
+          this.pickerC_.view.allFocusableElements[0].focus();
+        }
+      }
+
+      onPopupChildBlur_(ev) {
+        if (!this.popC_) {
+          return;
+        }
+
+        const elem = this.popC_.view.element;
+        const nextTarget = findNextTarget(ev);
+
+        if (nextTarget && elem.contains(nextTarget)) {
+          return;
+        }
+
+        if (nextTarget && nextTarget === this.swatchC_.view.buttonElement && !supportsTouch(elem.ownerDocument)) {
+          return;
+        }
+
+        this.popC_.shows.rawValue = false;
+      }
+
+      onPopupChildKeydown_(ev) {
+        if (this.popC_) {
+          if (ev.key === 'Escape') {
+            this.popC_.shows.rawValue = false;
+          }
+        } else if (this.view.pickerElement) {
+          if (ev.key === 'Escape') {
+            this.swatchC_.view.buttonElement.focus();
+          }
+        }
+      }
+
+    }
+
+    function colorFromObject(value) {
+      if (Color.isColorObject(value)) {
+        return Color.fromObject(value);
+      }
+
+      return Color.black();
+    }
+
+    function colorToRgbNumber(value) {
+      return removeAlphaComponent(value.getComponents('rgb')).reduce((result, comp) => {
+        return result << 8 | Math.floor(comp) & 0xff;
+      }, 0);
+    }
+
+    function colorToRgbaNumber(value) {
+      return value.getComponents('rgb').reduce((result, comp, index) => {
+        const hex = Math.floor(index === 3 ? comp * 255 : comp) & 0xff;
+        return result << 8 | hex;
+      }, 0) >>> 0;
+    }
+
+    function numberToRgbColor(num) {
+      return new Color([num >> 16 & 0xff, num >> 8 & 0xff, num & 0xff], 'rgb');
+    }
+
+    function numberToRgbaColor(num) {
+      return new Color([num >> 24 & 0xff, num >> 16 & 0xff, num >> 8 & 0xff, mapRange(num & 0xff, 0, 255, 0, 1)], 'rgb');
+    }
+
+    function colorFromRgbNumber(value) {
+      if (typeof value !== 'number') {
+        return Color.black();
+      }
+
+      return numberToRgbColor(value);
+    }
+
+    function colorFromRgbaNumber(value) {
+      if (typeof value !== 'number') {
+        return Color.black();
+      }
+
+      return numberToRgbaColor(value);
+    }
+
+    function createColorStringWriter(notation) {
+      const stringify = getColorStringifier(notation);
+      return (target, value) => {
+        writePrimitive(target, stringify(value));
+      };
+    }
+
+    function createColorNumberWriter(supportsAlpha) {
+      const colorToNumber = supportsAlpha ? colorToRgbaNumber : colorToRgbNumber;
+      return (target, value) => {
+        writePrimitive(target, colorToNumber(value));
+      };
+    }
+
+    function writeRgbaColorObject(target, value) {
+      const obj = value.toRgbaObject();
+      target.writeProperty('r', obj.r);
+      target.writeProperty('g', obj.g);
+      target.writeProperty('b', obj.b);
+      target.writeProperty('a', obj.a);
+    }
+
+    function writeRgbColorObject(target, value) {
+      const obj = value.toRgbaObject();
+      target.writeProperty('r', obj.r);
+      target.writeProperty('g', obj.g);
+      target.writeProperty('b', obj.b);
+    }
+
+    function createColorObjectWriter(supportsAlpha) {
+      return supportsAlpha ? writeRgbaColorObject : writeRgbColorObject;
+    }
+
+    function shouldSupportAlpha$1(inputParams) {
+      return 'alpha' in inputParams && inputParams.alpha === true;
+    }
+
+    function createFormatter$1(supportsAlpha) {
+      return supportsAlpha ? v => colorToHexRgbaString(v, '0x') : v => colorToHexRgbString(v, '0x');
+    }
+
+    const NumberColorInputPlugin = {
+      id: 'input-color-number',
+      type: 'input',
+      accept: (value, params) => {
+        if (typeof value !== 'number') {
+          return null;
+        }
+
+        if (!('view' in params)) {
+          return null;
+        }
+
+        if (params.view !== 'color') {
+          return null;
+        }
+
+        const result = parseColorInputParams(params);
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: args => {
+          return shouldSupportAlpha$1(args.params) ? colorFromRgbaNumber : colorFromRgbNumber;
+        },
+        equals: Color.equals,
+        writer: args => {
+          return createColorNumberWriter(shouldSupportAlpha$1(args.params));
+        }
+      },
+      controller: args => {
+        const supportsAlpha = shouldSupportAlpha$1(args.params);
+        const expanded = 'expanded' in args.params ? args.params.expanded : undefined;
+        const picker = 'picker' in args.params ? args.params.picker : undefined;
+        return new ColorController(args.document, {
+          expanded: expanded !== null && expanded !== void 0 ? expanded : false,
+          formatter: createFormatter$1(supportsAlpha),
+          parser: CompositeColorParser,
+          pickerLayout: picker !== null && picker !== void 0 ? picker : 'popup',
+          supportsAlpha: supportsAlpha,
+          value: args.value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    function shouldSupportAlpha(initialValue) {
+      return Color.isRgbaColorObject(initialValue);
+    }
+
+    const ObjectColorInputPlugin = {
+      id: 'input-color-object',
+      type: 'input',
+      accept: (value, params) => {
+        if (!Color.isColorObject(value)) {
+          return null;
+        }
+
+        const result = parseColorInputParams(params);
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => colorFromObject,
+        equals: Color.equals,
+        writer: args => createColorObjectWriter(shouldSupportAlpha(args.initialValue))
+      },
+      controller: args => {
+        const supportsAlpha = Color.isRgbaColorObject(args.initialValue);
+        const expanded = 'expanded' in args.params ? args.params.expanded : undefined;
+        const picker = 'picker' in args.params ? args.params.picker : undefined;
+        const formatter = supportsAlpha ? colorToHexRgbaString : colorToHexRgbString;
+        return new ColorController(args.document, {
+          expanded: expanded !== null && expanded !== void 0 ? expanded : false,
+          formatter: formatter,
+          parser: CompositeColorParser,
+          pickerLayout: picker !== null && picker !== void 0 ? picker : 'popup',
+          supportsAlpha: supportsAlpha,
+          value: args.value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+    const StringColorInputPlugin = {
+      id: 'input-color-string',
+      type: 'input',
+      accept: (value, params) => {
+        if (typeof value !== 'string') {
+          return null;
+        }
+
+        if ('view' in params && params.view === 'text') {
+          return null;
+        }
+
+        const notation = getColorNotation(value);
+
+        if (!notation) {
+          return null;
+        }
+
+        const result = parseColorInputParams(params);
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => colorFromString,
+        equals: Color.equals,
+        writer: args => {
+          const notation = getColorNotation(args.initialValue);
+
+          if (!notation) {
+            throw TpError.shouldNeverHappen();
+          }
+
+          return createColorStringWriter(notation);
+        }
+      },
+      controller: args => {
+        const notation = getColorNotation(args.initialValue);
+
+        if (!notation) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        const stringifier = getColorStringifier(notation);
+        const expanded = 'expanded' in args.params ? args.params.expanded : undefined;
+        const picker = 'picker' in args.params ? args.params.picker : undefined;
+        return new ColorController(args.document, {
+          expanded: expanded !== null && expanded !== void 0 ? expanded : false,
+          formatter: stringifier,
+          parser: CompositeColorParser,
+          pickerLayout: picker !== null && picker !== void 0 ? picker : 'popup',
+          supportsAlpha: hasAlphaComponent(notation),
+          value: args.value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    class PointNdConstraint {
+      constructor(config) {
+        this.components = config.components;
+        this.asm_ = config.assembly;
+      }
+
+      constrain(value) {
+        const comps = this.asm_.toComponents(value).map((comp, index) => {
+          var _a, _b;
+
+          return (_b = (_a = this.components[index]) === null || _a === void 0 ? void 0 : _a.constrain(comp)) !== null && _b !== void 0 ? _b : comp;
+        });
+        return this.asm_.fromComponents(comps);
+      }
+
+    }
+
+    const className$5 = ClassName('pndtxt');
+
+    class PointNdTextView {
+      constructor(doc, config) {
+        this.textViews = config.textViews;
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$5());
+        this.textViews.forEach(v => {
+          const axisElem = doc.createElement('div');
+          axisElem.classList.add(className$5('a'));
+          axisElem.appendChild(v.element);
+          this.element.appendChild(axisElem);
+        });
+      }
+
+    }
+
+    function createAxisController(doc, config, index) {
+      return new NumberTextController(doc, {
+        arrayPosition: index === 0 ? 'fst' : index === config.axes.length - 1 ? 'lst' : 'mid',
+        baseStep: config.axes[index].baseStep,
+        parser: config.parser,
+        props: config.axes[index].textProps,
+        value: createValue(0, {
+          constraint: config.axes[index].constraint
+        }),
+        viewProps: config.viewProps
+      });
+    }
+
+    class PointNdTextController {
+      constructor(doc, config) {
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.acs_ = config.axes.map((_, index) => createAxisController(doc, config, index));
+        this.acs_.forEach((c, index) => {
+          connectValues({
+            primary: this.value,
+            secondary: c.value,
+            forward: p => {
+              return config.assembly.toComponents(p.rawValue)[index];
+            },
+            backward: (p, s) => {
+              const comps = config.assembly.toComponents(p.rawValue);
+              comps[index] = s.rawValue;
+              return config.assembly.fromComponents(comps);
+            }
+          });
+        });
+        this.view = new PointNdTextView(doc, {
+          textViews: this.acs_.map(ac => ac.view)
+        });
+      }
+
+    }
+
+    function createStepConstraint(params) {
+      if ('step' in params && !isEmpty(params.step)) {
+        return new StepConstraint(params.step);
+      }
+
+      return null;
+    }
+
+    function createRangeConstraint(params) {
+      if ('max' in params && !isEmpty(params.max) || 'min' in params && !isEmpty(params.min)) {
+        return new RangeConstraint({
+          max: params.max,
+          min: params.min
+        });
+      }
+
+      return null;
+    }
+
+    function createConstraint$4(params) {
+      const constraints = [];
+      const sc = createStepConstraint(params);
+
+      if (sc) {
+        constraints.push(sc);
+      }
+
+      const rc = createRangeConstraint(params);
+
+      if (rc) {
+        constraints.push(rc);
+      }
+
+      const lc = createListConstraint(params.options);
+
+      if (lc) {
+        constraints.push(lc);
+      }
+
+      return new CompositeConstraint(constraints);
+    }
+
+    function findRange(constraint) {
+      const c = constraint ? findConstraint(constraint, RangeConstraint) : null;
+
+      if (!c) {
+        return [undefined, undefined];
+      }
+
+      return [c.minValue, c.maxValue];
+    }
+
+    function estimateSuitableRange(constraint) {
+      const [min, max] = findRange(constraint);
+      return [min !== null && min !== void 0 ? min : 0, max !== null && max !== void 0 ? max : 100];
+    }
+
+    const NumberInputPlugin = {
+      id: 'input-number',
+      type: 'input',
+      accept: (value, params) => {
+        if (typeof value !== 'number') {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          format: p.optional.function,
+          max: p.optional.number,
+          min: p.optional.number,
+          options: p.optional.custom(parseListOptions),
+          step: p.optional.number
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => numberFromUnknown,
+        constraint: args => createConstraint$4(args.params),
+        writer: _args => writePrimitive
+      },
+      controller: args => {
+        var _a, _b;
+
+        const value = args.value;
+        const c = args.constraint;
+
+        if (c && findConstraint(c, ListConstraint)) {
+          return new ListController(args.document, {
+            props: ValueMap.fromObject({
+              options: (_a = findListItems(c)) !== null && _a !== void 0 ? _a : []
+            }),
+            value: value,
+            viewProps: args.viewProps
+          });
+        }
+
+        const formatter = (_b = 'format' in args.params ? args.params.format : undefined) !== null && _b !== void 0 ? _b : createNumberFormatter(getSuitableDecimalDigits(c, value.rawValue));
+
+        if (c && findConstraint(c, RangeConstraint)) {
+          const [min, max] = estimateSuitableRange(c);
+          return new SliderTextController(args.document, {
+            baseStep: getBaseStep(c),
+            parser: parseNumber,
+            sliderProps: ValueMap.fromObject({
+              maxValue: max,
+              minValue: min
+            }),
+            textProps: ValueMap.fromObject({
+              draggingScale: getSuitableDraggingScale(c, value.rawValue),
+              formatter: formatter
+            }),
+            value: value,
+            viewProps: args.viewProps
+          });
+        }
+
+        return new NumberTextController(args.document, {
+          baseStep: getBaseStep(c),
+          parser: parseNumber,
+          props: ValueMap.fromObject({
+            draggingScale: getSuitableDraggingScale(c, value.rawValue),
+            formatter: formatter
+          }),
+          value: value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    class Point2d {
+      constructor(x = 0, y = 0) {
+        this.x = x;
+        this.y = y;
+      }
+
+      getComponents() {
+        return [this.x, this.y];
+      }
+
+      static isObject(obj) {
+        if (isEmpty(obj)) {
+          return false;
+        }
+
+        const x = obj.x;
+        const y = obj.y;
+
+        if (typeof x !== 'number' || typeof y !== 'number') {
+          return false;
+        }
+
+        return true;
+      }
+
+      static equals(v1, v2) {
+        return v1.x === v2.x && v1.y === v2.y;
+      }
+
+      toObject() {
+        return {
+          x: this.x,
+          y: this.y
+        };
+      }
+
+    }
+
+    const Point2dAssembly = {
+      toComponents: p => p.getComponents(),
+      fromComponents: comps => new Point2d(...comps)
+    };
+    const className$4 = ClassName('p2d');
+
+    class Point2dView {
+      constructor(doc, config) {
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$4());
+        config.viewProps.bindClassModifiers(this.element);
+        bindValue(config.expanded, valueToClassName(this.element, className$4(undefined, 'expanded')));
+        const headElem = doc.createElement('div');
+        headElem.classList.add(className$4('h'));
+        this.element.appendChild(headElem);
+        const buttonElem = doc.createElement('button');
+        buttonElem.classList.add(className$4('b'));
+        buttonElem.appendChild(createSvgIconElement(doc, 'p2dpad'));
+        config.viewProps.bindDisabled(buttonElem);
+        headElem.appendChild(buttonElem);
+        this.buttonElement = buttonElem;
+        const textElem = doc.createElement('div');
+        textElem.classList.add(className$4('t'));
+        headElem.appendChild(textElem);
+        this.textElement = textElem;
+
+        if (config.pickerLayout === 'inline') {
+          const pickerElem = doc.createElement('div');
+          pickerElem.classList.add(className$4('p'));
+          this.element.appendChild(pickerElem);
+          this.pickerElement = pickerElem;
+        } else {
+          this.pickerElement = null;
+        }
+      }
+
+    }
+
+    const className$3 = ClassName('p2dp');
+
+    class Point2dPickerView {
+      constructor(doc, config) {
+        this.onFoldableChange_ = this.onFoldableChange_.bind(this);
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        this.invertsY_ = config.invertsY;
+        this.maxValue_ = config.maxValue;
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$3());
+
+        if (config.layout === 'popup') {
+          this.element.classList.add(className$3(undefined, 'p'));
+        }
+
+        const padElem = doc.createElement('div');
+        padElem.classList.add(className$3('p'));
+        config.viewProps.bindTabIndex(padElem);
+        this.element.appendChild(padElem);
+        this.padElement = padElem;
+        const svgElem = doc.createElementNS(SVG_NS, 'svg');
+        svgElem.classList.add(className$3('g'));
+        this.padElement.appendChild(svgElem);
+        this.svgElem_ = svgElem;
+        const xAxisElem = doc.createElementNS(SVG_NS, 'line');
+        xAxisElem.classList.add(className$3('ax'));
+        xAxisElem.setAttributeNS(null, 'x1', '0');
+        xAxisElem.setAttributeNS(null, 'y1', '50%');
+        xAxisElem.setAttributeNS(null, 'x2', '100%');
+        xAxisElem.setAttributeNS(null, 'y2', '50%');
+        this.svgElem_.appendChild(xAxisElem);
+        const yAxisElem = doc.createElementNS(SVG_NS, 'line');
+        yAxisElem.classList.add(className$3('ax'));
+        yAxisElem.setAttributeNS(null, 'x1', '50%');
+        yAxisElem.setAttributeNS(null, 'y1', '0');
+        yAxisElem.setAttributeNS(null, 'x2', '50%');
+        yAxisElem.setAttributeNS(null, 'y2', '100%');
+        this.svgElem_.appendChild(yAxisElem);
+        const lineElem = doc.createElementNS(SVG_NS, 'line');
+        lineElem.classList.add(className$3('l'));
+        lineElem.setAttributeNS(null, 'x1', '50%');
+        lineElem.setAttributeNS(null, 'y1', '50%');
+        this.svgElem_.appendChild(lineElem);
+        this.lineElem_ = lineElem;
+        const markerElem = doc.createElement('div');
+        markerElem.classList.add(className$3('m'));
+        this.padElement.appendChild(markerElem);
+        this.markerElem_ = markerElem;
+        config.value.emitter.on('change', this.onValueChange_);
+        this.value = config.value;
+        this.update_();
+      }
+
+      get allFocusableElements() {
+        return [this.padElement];
+      }
+
+      update_() {
+        const [x, y] = this.value.rawValue.getComponents();
+        const max = this.maxValue_;
+        const px = mapRange(x, -max, +max, 0, 100);
+        const py = mapRange(y, -max, +max, 0, 100);
+        const ipy = this.invertsY_ ? 100 - py : py;
+        this.lineElem_.setAttributeNS(null, 'x2', `${px}%`);
+        this.lineElem_.setAttributeNS(null, 'y2', `${ipy}%`);
+        this.markerElem_.style.left = `${px}%`;
+        this.markerElem_.style.top = `${ipy}%`;
+      }
+
+      onValueChange_() {
+        this.update_();
+      }
+
+      onFoldableChange_() {
+        this.update_();
+      }
+
+    }
+
+    function computeOffset(ev, baseSteps, invertsY) {
+      return [getStepForKey(baseSteps[0], getHorizontalStepKeys(ev)), getStepForKey(baseSteps[1], getVerticalStepKeys(ev)) * (invertsY ? 1 : -1)];
+    }
+
+    class Point2dPickerController {
+      constructor(doc, config) {
+        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 = config.value;
+        this.viewProps = config.viewProps;
+        this.baseSteps_ = config.baseSteps;
+        this.maxValue_ = config.maxValue;
+        this.invertsY_ = config.invertsY;
+        this.view = new Point2dPickerView(doc, {
+          invertsY: this.invertsY_,
+          layout: config.layout,
+          maxValue: this.maxValue_,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.ptHandler_ = new PointerHandler(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_(d, opts) {
+        if (!d.point) {
+          return;
+        }
+
+        const max = this.maxValue_;
+        const px = mapRange(d.point.x, 0, d.bounds.width, -max, +max);
+        const py = mapRange(this.invertsY_ ? d.bounds.height - d.point.y : d.point.y, 0, d.bounds.height, -max, +max);
+        this.value.setRawValue(new Point2d(px, py), opts);
+      }
+
+      onPointerDown_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerMove_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPointerUp_(ev) {
+        this.handlePointerEvent_(ev.data, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+      onPadKeyDown_(ev) {
+        if (isArrowKey(ev.key)) {
+          ev.preventDefault();
+        }
+
+        const [dx, dy] = computeOffset(ev, this.baseSteps_, this.invertsY_);
+
+        if (dx === 0 && dy === 0) {
+          return;
+        }
+
+        this.value.setRawValue(new Point2d(this.value.rawValue.x + dx, this.value.rawValue.y + dy), {
+          forceEmit: false,
+          last: false
+        });
+      }
+
+      onPadKeyUp_(ev) {
+        const [dx, dy] = computeOffset(ev, this.baseSteps_, this.invertsY_);
+
+        if (dx === 0 && dy === 0) {
+          return;
+        }
+
+        this.value.setRawValue(this.value.rawValue, {
+          forceEmit: true,
+          last: true
+        });
+      }
+
+    }
+
+    class Point2dController {
+      constructor(doc, config) {
+        var _a, _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 = config.value;
+        this.viewProps = config.viewProps;
+        this.foldable_ = Foldable.create(config.expanded);
+        this.popC_ = config.pickerLayout === 'popup' ? new PopupController(doc, {
+          viewProps: this.viewProps
+        }) : null;
+        const padC = new Point2dPickerController(doc, {
+          baseSteps: [config.axes[0].baseStep, config.axes[1].baseStep],
+          invertsY: config.invertsY,
+          layout: config.pickerLayout,
+          maxValue: config.maxValue,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        padC.view.allFocusableElements.forEach(elem => {
+          elem.addEventListener('blur', this.onPopupChildBlur_);
+          elem.addEventListener('keydown', this.onPopupChildKeydown_);
+        });
+        this.pickerC_ = padC;
+        this.textC_ = new PointNdTextController(doc, {
+          assembly: Point2dAssembly,
+          axes: config.axes,
+          parser: config.parser,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+        this.view = new Point2dView(doc, {
+          expanded: this.foldable_.value('expanded'),
+          pickerLayout: config.pickerLayout,
+          viewProps: this.viewProps
+        });
+        this.view.textElement.appendChild(this.textC_.view.element);
+        (_a = this.view.buttonElement) === null || _a === void 0 ? void 0 : _a.addEventListener('blur', this.onPadButtonBlur_);
+        (_b = this.view.buttonElement) === null || _b === void 0 ? void 0 : _b.addEventListener('click', this.onPadButtonClick_);
+
+        if (this.popC_) {
+          this.view.element.appendChild(this.popC_.view.element);
+          this.popC_.view.element.appendChild(this.pickerC_.view.element);
+          connectValues({
+            primary: this.foldable_.value('expanded'),
+            secondary: this.popC_.shows,
+            forward: p => p.rawValue,
+            backward: (_, s) => s.rawValue
+          });
+        } else if (this.view.pickerElement) {
+          this.view.pickerElement.appendChild(this.pickerC_.view.element);
+          bindFoldable(this.foldable_, this.view.pickerElement);
+        }
+      }
+
+      onPadButtonBlur_(e) {
+        if (!this.popC_) {
+          return;
+        }
+
+        const elem = this.view.element;
+        const nextTarget = forceCast(e.relatedTarget);
+
+        if (!nextTarget || !elem.contains(nextTarget)) {
+          this.popC_.shows.rawValue = false;
+        }
+      }
+
+      onPadButtonClick_() {
+        this.foldable_.set('expanded', !this.foldable_.get('expanded'));
+
+        if (this.foldable_.get('expanded')) {
+          this.pickerC_.view.allFocusableElements[0].focus();
+        }
+      }
+
+      onPopupChildBlur_(ev) {
+        if (!this.popC_) {
+          return;
+        }
+
+        const elem = this.popC_.view.element;
+        const nextTarget = findNextTarget(ev);
+
+        if (nextTarget && elem.contains(nextTarget)) {
+          return;
+        }
+
+        if (nextTarget && nextTarget === this.view.buttonElement && !supportsTouch(elem.ownerDocument)) {
+          return;
+        }
+
+        this.popC_.shows.rawValue = false;
+      }
+
+      onPopupChildKeydown_(ev) {
+        if (this.popC_) {
+          if (ev.key === 'Escape') {
+            this.popC_.shows.rawValue = false;
+          }
+        } else if (this.view.pickerElement) {
+          if (ev.key === 'Escape') {
+            this.view.buttonElement.focus();
+          }
+        }
+      }
+
+    }
+
+    function point2dFromUnknown(value) {
+      return Point2d.isObject(value) ? new Point2d(value.x, value.y) : new Point2d();
+    }
+
+    function writePoint2d(target, value) {
+      target.writeProperty('x', value.x);
+      target.writeProperty('y', value.y);
+    }
+
+    function createDimensionConstraint$2(params) {
+      if (!params) {
+        return undefined;
+      }
+
+      const constraints = [];
+
+      if (!isEmpty(params.step)) {
+        constraints.push(new StepConstraint(params.step));
+      }
+
+      if (!isEmpty(params.max) || !isEmpty(params.min)) {
+        constraints.push(new RangeConstraint({
+          max: params.max,
+          min: params.min
+        }));
+      }
+
+      return new CompositeConstraint(constraints);
+    }
+
+    function createConstraint$3(params) {
+      return new PointNdConstraint({
+        assembly: Point2dAssembly,
+        components: [createDimensionConstraint$2('x' in params ? params.x : undefined), createDimensionConstraint$2('y' in params ? params.y : undefined)]
+      });
+    }
+
+    function getSuitableMaxDimensionValue(constraint, rawValue) {
+      const rc = constraint && findConstraint(constraint, RangeConstraint);
+
+      if (rc) {
+        return Math.max(Math.abs(rc.minValue || 0), Math.abs(rc.maxValue || 0));
+      }
+
+      const step = getBaseStep(constraint);
+      return Math.max(Math.abs(step) * 10, Math.abs(rawValue) * 10);
+    }
+
+    function getSuitableMaxValue(initialValue, constraint) {
+      const xc = constraint instanceof PointNdConstraint ? constraint.components[0] : undefined;
+      const yc = constraint instanceof PointNdConstraint ? constraint.components[1] : undefined;
+      const xr = getSuitableMaxDimensionValue(xc, initialValue.x);
+      const yr = getSuitableMaxDimensionValue(yc, initialValue.y);
+      return Math.max(xr, yr);
+    }
+
+    function createAxis$2(initialValue, constraint) {
+      return {
+        baseStep: getBaseStep(constraint),
+        constraint: constraint,
+        textProps: ValueMap.fromObject({
+          draggingScale: getSuitableDraggingScale(constraint, initialValue),
+          formatter: createNumberFormatter(getSuitableDecimalDigits(constraint, initialValue))
+        })
+      };
+    }
+
+    function shouldInvertY(params) {
+      if (!('y' in params)) {
+        return false;
+      }
+
+      const yParams = params.y;
+
+      if (!yParams) {
+        return false;
+      }
+
+      return 'inverted' in yParams ? !!yParams.inverted : false;
+    }
+
+    const Point2dInputPlugin = {
+      id: 'input-point2d',
+      type: 'input',
+      accept: (value, params) => {
+        if (!Point2d.isObject(value)) {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          expanded: p.optional.boolean,
+          picker: p.optional.custom(parsePickerLayout),
+          x: p.optional.custom(parsePointDimensionParams),
+          y: p.optional.object({
+            inverted: p.optional.boolean,
+            max: p.optional.number,
+            min: p.optional.number,
+            step: p.optional.number
+          })
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => point2dFromUnknown,
+        constraint: args => createConstraint$3(args.params),
+        equals: Point2d.equals,
+        writer: _args => writePoint2d
+      },
+      controller: args => {
+        const doc = args.document;
+        const value = args.value;
+        const c = args.constraint;
+
+        if (!(c instanceof PointNdConstraint)) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        const expanded = 'expanded' in args.params ? args.params.expanded : undefined;
+        const picker = 'picker' in args.params ? args.params.picker : undefined;
+        return new Point2dController(doc, {
+          axes: [createAxis$2(value.rawValue.x, c.components[0]), createAxis$2(value.rawValue.y, c.components[1])],
+          expanded: expanded !== null && expanded !== void 0 ? expanded : false,
+          invertsY: shouldInvertY(args.params),
+          maxValue: getSuitableMaxValue(value.rawValue, c),
+          parser: parseNumber,
+          pickerLayout: picker !== null && picker !== void 0 ? picker : 'popup',
+          value: value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    class Point3d {
+      constructor(x = 0, y = 0, z = 0) {
+        this.x = x;
+        this.y = y;
+        this.z = z;
+      }
+
+      getComponents() {
+        return [this.x, this.y, this.z];
+      }
+
+      static isObject(obj) {
+        if (isEmpty(obj)) {
+          return false;
+        }
+
+        const x = obj.x;
+        const y = obj.y;
+        const z = obj.z;
+
+        if (typeof x !== 'number' || typeof y !== 'number' || typeof z !== 'number') {
+          return false;
+        }
+
+        return true;
+      }
+
+      static equals(v1, v2) {
+        return v1.x === v2.x && v1.y === v2.y && v1.z === v2.z;
+      }
+
+      toObject() {
+        return {
+          x: this.x,
+          y: this.y,
+          z: this.z
+        };
+      }
+
+    }
+
+    const Point3dAssembly = {
+      toComponents: p => p.getComponents(),
+      fromComponents: comps => new Point3d(...comps)
+    };
+
+    function point3dFromUnknown(value) {
+      return Point3d.isObject(value) ? new Point3d(value.x, value.y, value.z) : new Point3d();
+    }
+
+    function writePoint3d(target, value) {
+      target.writeProperty('x', value.x);
+      target.writeProperty('y', value.y);
+      target.writeProperty('z', value.z);
+    }
+
+    function createDimensionConstraint$1(params) {
+      if (!params) {
+        return undefined;
+      }
+
+      const constraints = [];
+
+      if (!isEmpty(params.step)) {
+        constraints.push(new StepConstraint(params.step));
+      }
+
+      if (!isEmpty(params.max) || !isEmpty(params.min)) {
+        constraints.push(new RangeConstraint({
+          max: params.max,
+          min: params.min
+        }));
+      }
+
+      return new CompositeConstraint(constraints);
+    }
+
+    function createConstraint$2(params) {
+      return new PointNdConstraint({
+        assembly: Point3dAssembly,
+        components: [createDimensionConstraint$1('x' in params ? params.x : undefined), createDimensionConstraint$1('y' in params ? params.y : undefined), createDimensionConstraint$1('z' in params ? params.z : undefined)]
+      });
+    }
+
+    function createAxis$1(initialValue, constraint) {
+      return {
+        baseStep: getBaseStep(constraint),
+        constraint: constraint,
+        textProps: ValueMap.fromObject({
+          draggingScale: getSuitableDraggingScale(constraint, initialValue),
+          formatter: createNumberFormatter(getSuitableDecimalDigits(constraint, initialValue))
+        })
+      };
+    }
+
+    const Point3dInputPlugin = {
+      id: 'input-point3d',
+      type: 'input',
+      accept: (value, params) => {
+        if (!Point3d.isObject(value)) {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          x: p.optional.custom(parsePointDimensionParams),
+          y: p.optional.custom(parsePointDimensionParams),
+          z: p.optional.custom(parsePointDimensionParams)
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => point3dFromUnknown,
+        constraint: args => createConstraint$2(args.params),
+        equals: Point3d.equals,
+        writer: _args => writePoint3d
+      },
+      controller: args => {
+        const value = args.value;
+        const c = args.constraint;
+
+        if (!(c instanceof PointNdConstraint)) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        return new PointNdTextController(args.document, {
+          assembly: Point3dAssembly,
+          axes: [createAxis$1(value.rawValue.x, c.components[0]), createAxis$1(value.rawValue.y, c.components[1]), createAxis$1(value.rawValue.z, c.components[2])],
+          parser: parseNumber,
+          value: value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    class Point4d {
+      constructor(x = 0, y = 0, z = 0, w = 0) {
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        this.w = w;
+      }
+
+      getComponents() {
+        return [this.x, this.y, this.z, this.w];
+      }
+
+      static isObject(obj) {
+        if (isEmpty(obj)) {
+          return false;
+        }
+
+        const x = obj.x;
+        const y = obj.y;
+        const z = obj.z;
+        const w = obj.w;
+
+        if (typeof x !== 'number' || typeof y !== 'number' || typeof z !== 'number' || typeof w !== 'number') {
+          return false;
+        }
+
+        return true;
+      }
+
+      static equals(v1, v2) {
+        return v1.x === v2.x && v1.y === v2.y && v1.z === v2.z && v1.w === v2.w;
+      }
+
+      toObject() {
+        return {
+          x: this.x,
+          y: this.y,
+          z: this.z,
+          w: this.w
+        };
+      }
+
+    }
+
+    const Point4dAssembly = {
+      toComponents: p => p.getComponents(),
+      fromComponents: comps => new Point4d(...comps)
+    };
+
+    function point4dFromUnknown(value) {
+      return Point4d.isObject(value) ? new Point4d(value.x, value.y, value.z, value.w) : new Point4d();
+    }
+
+    function writePoint4d(target, value) {
+      target.writeProperty('x', value.x);
+      target.writeProperty('y', value.y);
+      target.writeProperty('z', value.z);
+      target.writeProperty('w', value.w);
+    }
+
+    function createDimensionConstraint(params) {
+      if (!params) {
+        return undefined;
+      }
+
+      const constraints = [];
+
+      if (!isEmpty(params.step)) {
+        constraints.push(new StepConstraint(params.step));
+      }
+
+      if (!isEmpty(params.max) || !isEmpty(params.min)) {
+        constraints.push(new RangeConstraint({
+          max: params.max,
+          min: params.min
+        }));
+      }
+
+      return new CompositeConstraint(constraints);
+    }
+
+    function createConstraint$1(params) {
+      return new PointNdConstraint({
+        assembly: Point4dAssembly,
+        components: [createDimensionConstraint('x' in params ? params.x : undefined), createDimensionConstraint('y' in params ? params.y : undefined), createDimensionConstraint('z' in params ? params.z : undefined), createDimensionConstraint('w' in params ? params.w : undefined)]
+      });
+    }
+
+    function createAxis(initialValue, constraint) {
+      return {
+        baseStep: getBaseStep(constraint),
+        constraint: constraint,
+        textProps: ValueMap.fromObject({
+          draggingScale: getSuitableDraggingScale(constraint, initialValue),
+          formatter: createNumberFormatter(getSuitableDecimalDigits(constraint, initialValue))
+        })
+      };
+    }
+
+    const Point4dInputPlugin = {
+      id: 'input-point4d',
+      type: 'input',
+      accept: (value, params) => {
+        if (!Point4d.isObject(value)) {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          x: p.optional.custom(parsePointDimensionParams),
+          y: p.optional.custom(parsePointDimensionParams),
+          z: p.optional.custom(parsePointDimensionParams),
+          w: p.optional.custom(parsePointDimensionParams)
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => point4dFromUnknown,
+        constraint: args => createConstraint$1(args.params),
+        equals: Point4d.equals,
+        writer: _args => writePoint4d
+      },
+      controller: args => {
+        const value = args.value;
+        const c = args.constraint;
+
+        if (!(c instanceof PointNdConstraint)) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        return new PointNdTextController(args.document, {
+          assembly: Point4dAssembly,
+          axes: value.rawValue.getComponents().map((comp, index) => createAxis(comp, c.components[index])),
+          parser: parseNumber,
+          value: value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    function createConstraint(params) {
+      const constraints = [];
+      const lc = createListConstraint(params.options);
+
+      if (lc) {
+        constraints.push(lc);
+      }
+
+      return new CompositeConstraint(constraints);
+    }
+
+    const StringInputPlugin = {
+      id: 'input-string',
+      type: 'input',
+      accept: (value, params) => {
+        if (typeof value !== 'string') {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          options: p.optional.custom(parseListOptions)
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => stringFromUnknown,
+        constraint: args => createConstraint(args.params),
+        writer: _args => writePrimitive
+      },
+      controller: args => {
+        var _a;
+
+        const doc = args.document;
+        const value = args.value;
+        const c = args.constraint;
+
+        if (c && findConstraint(c, ListConstraint)) {
+          return new ListController(doc, {
+            props: ValueMap.fromObject({
+              options: (_a = findListItems(c)) !== null && _a !== void 0 ? _a : []
+            }),
+            value: value,
+            viewProps: args.viewProps
+          });
+        }
+
+        return new TextController(doc, {
+          parser: v => v,
+          props: ValueMap.fromObject({
+            formatter: formatString
+          }),
+          value: value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+    const Constants = {
+      monitor: {
+        defaultInterval: 200,
+        defaultLineCount: 3
+      }
+    };
+    const className$2 = ClassName('mll');
+
+    class MultiLogView {
+      constructor(doc, config) {
+        this.onValueUpdate_ = this.onValueUpdate_.bind(this);
+        this.formatter_ = config.formatter;
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$2());
+        config.viewProps.bindClassModifiers(this.element);
+        const textareaElem = doc.createElement('textarea');
+        textareaElem.classList.add(className$2('i'));
+        textareaElem.style.height = `calc(var(--bld-us) * ${config.lineCount})`;
+        textareaElem.readOnly = true;
+        config.viewProps.bindDisabled(textareaElem);
+        this.element.appendChild(textareaElem);
+        this.textareaElem_ = textareaElem;
+        config.value.emitter.on('change', this.onValueUpdate_);
+        this.value = config.value;
+        this.update_();
+      }
+
+      update_() {
+        const elem = this.textareaElem_;
+        const shouldScroll = elem.scrollTop === elem.scrollHeight - elem.clientHeight;
+        const lines = [];
+        this.value.rawValue.forEach(value => {
+          if (value !== undefined) {
+            lines.push(this.formatter_(value));
+          }
+        });
+        elem.textContent = lines.join('\n');
+
+        if (shouldScroll) {
+          elem.scrollTop = elem.scrollHeight;
+        }
+      }
+
+      onValueUpdate_() {
+        this.update_();
+      }
+
+    }
+
+    class MultiLogController {
+      constructor(doc, config) {
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new MultiLogView(doc, {
+          formatter: config.formatter,
+          lineCount: config.lineCount,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+      }
+
+    }
+
+    const className$1 = ClassName('sgl');
+
+    class SingleLogView {
+      constructor(doc, config) {
+        this.onValueUpdate_ = this.onValueUpdate_.bind(this);
+        this.formatter_ = config.formatter;
+        this.element = doc.createElement('div');
+        this.element.classList.add(className$1());
+        config.viewProps.bindClassModifiers(this.element);
+        const inputElem = doc.createElement('input');
+        inputElem.classList.add(className$1('i'));
+        inputElem.readOnly = true;
+        inputElem.type = 'text';
+        config.viewProps.bindDisabled(inputElem);
+        this.element.appendChild(inputElem);
+        this.inputElement = inputElem;
+        config.value.emitter.on('change', this.onValueUpdate_);
+        this.value = config.value;
+        this.update_();
+      }
+
+      update_() {
+        const values = this.value.rawValue;
+        const lastValue = values[values.length - 1];
+        this.inputElement.value = lastValue !== undefined ? this.formatter_(lastValue) : '';
+      }
+
+      onValueUpdate_() {
+        this.update_();
+      }
+
+    }
+
+    class SingleLogController {
+      constructor(doc, config) {
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new SingleLogView(doc, {
+          formatter: config.formatter,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+      }
+
+    }
+
+    const BooleanMonitorPlugin = {
+      id: 'monitor-bool',
+      type: 'monitor',
+      accept: (value, params) => {
+        if (typeof value !== 'boolean') {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          lineCount: p.optional.number
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => boolFromUnknown
+      },
+      controller: args => {
+        var _a;
+
+        if (args.value.rawValue.length === 1) {
+          return new SingleLogController(args.document, {
+            formatter: BooleanFormatter,
+            value: args.value,
+            viewProps: args.viewProps
+          });
+        }
+
+        return new MultiLogController(args.document, {
+          formatter: BooleanFormatter,
+          lineCount: (_a = args.params.lineCount) !== null && _a !== void 0 ? _a : Constants.monitor.defaultLineCount,
+          value: args.value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    class GraphCursor {
+      constructor() {
+        this.emitter = new Emitter();
+        this.index_ = -1;
+      }
+
+      get index() {
+        return this.index_;
+      }
+
+      set index(index) {
+        const changed = this.index_ !== index;
+
+        if (changed) {
+          this.index_ = index;
+          this.emitter.emit('change', {
+            index: index,
+            sender: this
+          });
+        }
+      }
+
+    }
+
+    const className = ClassName('grl');
+
+    class GraphLogView {
+      constructor(doc, config) {
+        this.onCursorChange_ = this.onCursorChange_.bind(this);
+        this.onValueUpdate_ = this.onValueUpdate_.bind(this);
+        this.element = doc.createElement('div');
+        this.element.classList.add(className());
+        config.viewProps.bindClassModifiers(this.element);
+        this.formatter_ = config.formatter;
+        this.minValue_ = config.minValue;
+        this.maxValue_ = config.maxValue;
+        this.cursor_ = config.cursor;
+        this.cursor_.emitter.on('change', this.onCursorChange_);
+        const svgElem = doc.createElementNS(SVG_NS, 'svg');
+        svgElem.classList.add(className('g'));
+        svgElem.style.height = `calc(var(--bld-us) * ${config.lineCount})`;
+        this.element.appendChild(svgElem);
+        this.svgElem_ = svgElem;
+        const lineElem = doc.createElementNS(SVG_NS, 'polyline');
+        this.svgElem_.appendChild(lineElem);
+        this.lineElem_ = lineElem;
+        const tooltipElem = doc.createElement('div');
+        tooltipElem.classList.add(className('t'), ClassName('tt')());
+        this.element.appendChild(tooltipElem);
+        this.tooltipElem_ = tooltipElem;
+        config.value.emitter.on('change', this.onValueUpdate_);
+        this.value = config.value;
+        this.update_();
+      }
+
+      get graphElement() {
+        return this.svgElem_;
+      }
+
+      update_() {
+        const bounds = this.svgElem_.getBoundingClientRect();
+        const maxIndex = this.value.rawValue.length - 1;
+        const min = this.minValue_;
+        const max = this.maxValue_;
+        const points = [];
+        this.value.rawValue.forEach((v, index) => {
+          if (v === undefined) {
+            return;
+          }
+
+          const x = mapRange(index, 0, maxIndex, 0, bounds.width);
+          const y = mapRange(v, min, max, bounds.height, 0);
+          points.push([x, y].join(','));
+        });
+        this.lineElem_.setAttributeNS(null, 'points', points.join(' '));
+        const tooltipElem = this.tooltipElem_;
+        const value = this.value.rawValue[this.cursor_.index];
+
+        if (value === undefined) {
+          tooltipElem.classList.remove(className('t', 'a'));
+          return;
+        }
+
+        const tx = mapRange(this.cursor_.index, 0, maxIndex, 0, bounds.width);
+        const ty = mapRange(value, min, max, bounds.height, 0);
+        tooltipElem.style.left = `${tx}px`;
+        tooltipElem.style.top = `${ty}px`;
+        tooltipElem.textContent = `${this.formatter_(value)}`;
+
+        if (!tooltipElem.classList.contains(className('t', 'a'))) {
+          tooltipElem.classList.add(className('t', 'a'), className('t', 'in'));
+          forceReflow(tooltipElem);
+          tooltipElem.classList.remove(className('t', 'in'));
+        }
+      }
+
+      onValueUpdate_() {
+        this.update_();
+      }
+
+      onCursorChange_() {
+        this.update_();
+      }
+
+    }
+
+    class GraphLogController {
+      constructor(doc, config) {
+        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.value = config.value;
+        this.viewProps = config.viewProps;
+        this.cursor_ = new GraphCursor();
+        this.view = new GraphLogView(doc, {
+          cursor: this.cursor_,
+          formatter: config.formatter,
+          lineCount: config.lineCount,
+          maxValue: config.maxValue,
+          minValue: config.minValue,
+          value: this.value,
+          viewProps: this.viewProps
+        });
+
+        if (!supportsTouch(doc)) {
+          this.view.element.addEventListener('mousemove', this.onGraphMouseMove_);
+          this.view.element.addEventListener('mouseleave', this.onGraphMouseLeave_);
+        } else {
+          const ph = new PointerHandler(this.view.element);
+          ph.emitter.on('down', this.onGraphPointerDown_);
+          ph.emitter.on('move', this.onGraphPointerMove_);
+          ph.emitter.on('up', this.onGraphPointerUp_);
+        }
+      }
+
+      onGraphMouseLeave_() {
+        this.cursor_.index = -1;
+      }
+
+      onGraphMouseMove_(ev) {
+        const bounds = this.view.element.getBoundingClientRect();
+        this.cursor_.index = Math.floor(mapRange(ev.offsetX, 0, bounds.width, 0, this.value.rawValue.length));
+      }
+
+      onGraphPointerDown_(ev) {
+        this.onGraphPointerMove_(ev);
+      }
+
+      onGraphPointerMove_(ev) {
+        if (!ev.data.point) {
+          this.cursor_.index = -1;
+          return;
+        }
+
+        this.cursor_.index = Math.floor(mapRange(ev.data.point.x, 0, ev.data.bounds.width, 0, this.value.rawValue.length));
+      }
+
+      onGraphPointerUp_() {
+        this.cursor_.index = -1;
+      }
+
+    }
+
+    function createFormatter(params) {
+      return 'format' in params && !isEmpty(params.format) ? params.format : createNumberFormatter(2);
+    }
+
+    function createTextMonitor(args) {
+      var _a;
+
+      if (args.value.rawValue.length === 1) {
+        return new SingleLogController(args.document, {
+          formatter: createFormatter(args.params),
+          value: args.value,
+          viewProps: args.viewProps
+        });
+      }
+
+      return new MultiLogController(args.document, {
+        formatter: createFormatter(args.params),
+        lineCount: (_a = args.params.lineCount) !== null && _a !== void 0 ? _a : Constants.monitor.defaultLineCount,
+        value: args.value,
+        viewProps: args.viewProps
+      });
+    }
+
+    function createGraphMonitor(args) {
+      var _a, _b, _c;
+
+      return new GraphLogController(args.document, {
+        formatter: createFormatter(args.params),
+        lineCount: (_a = args.params.lineCount) !== null && _a !== void 0 ? _a : Constants.monitor.defaultLineCount,
+        maxValue: (_b = 'max' in args.params ? args.params.max : null) !== null && _b !== void 0 ? _b : 100,
+        minValue: (_c = 'min' in args.params ? args.params.min : null) !== null && _c !== void 0 ? _c : 0,
+        value: args.value,
+        viewProps: args.viewProps
+      });
+    }
+
+    function shouldShowGraph(params) {
+      return 'view' in params && params.view === 'graph';
+    }
+
+    const NumberMonitorPlugin = {
+      id: 'monitor-number',
+      type: 'monitor',
+      accept: (value, params) => {
+        if (typeof value !== 'number') {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          format: p.optional.function,
+          lineCount: p.optional.number,
+          max: p.optional.number,
+          min: p.optional.number,
+          view: p.optional.string
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        defaultBufferSize: params => shouldShowGraph(params) ? 64 : 1,
+        reader: _args => numberFromUnknown
+      },
+      controller: args => {
+        if (shouldShowGraph(args.params)) {
+          return createGraphMonitor(args);
+        }
+
+        return createTextMonitor(args);
+      }
+    };
+    const StringMonitorPlugin = {
+      id: 'monitor-string',
+      type: 'monitor',
+      accept: (value, params) => {
+        if (typeof value !== 'string') {
+          return null;
+        }
+
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          lineCount: p.optional.number,
+          multiline: p.optional.boolean
+        });
+        return result ? {
+          initialValue: value,
+          params: result
+        } : null;
+      },
+      binding: {
+        reader: _args => stringFromUnknown
+      },
+      controller: args => {
+        var _a;
+
+        const value = args.value;
+        const multiline = value.rawValue.length > 1 || 'multiline' in args.params && args.params.multiline;
+
+        if (multiline) {
+          return new MultiLogController(args.document, {
+            formatter: formatString,
+            lineCount: (_a = args.params.lineCount) !== null && _a !== void 0 ? _a : Constants.monitor.defaultLineCount,
+            value: value,
+            viewProps: args.viewProps
+          });
+        }
+
+        return new SingleLogController(args.document, {
+          formatter: formatString,
+          value: value,
+          viewProps: args.viewProps
+        });
+      }
+    };
+
+    class InputBinding {
+      constructor(config) {
+        this.onValueChange_ = this.onValueChange_.bind(this);
+        this.reader = config.reader;
+        this.writer = config.writer;
+        this.emitter = new Emitter();
+        this.value = config.value;
+        this.value.emitter.on('change', this.onValueChange_);
+        this.target = config.target;
+        this.read();
+      }
+
+      read() {
+        const targetValue = this.target.read();
+
+        if (targetValue !== undefined) {
+          this.value.rawValue = this.reader(targetValue);
+        }
+      }
+
+      write_(rawValue) {
+        this.writer(this.target, rawValue);
+      }
+
+      onValueChange_(ev) {
+        this.write_(ev.rawValue);
+        this.emitter.emit('change', {
+          options: ev.options,
+          rawValue: ev.rawValue,
+          sender: this
+        });
+      }
+
+    }
+
+    function createInputBindingController(plugin, args) {
+      const result = plugin.accept(args.target.read(), args.params);
+
+      if (isEmpty(result)) {
+        return null;
+      }
+
+      const p = ParamsParsers;
+      const valueArgs = {
+        target: args.target,
+        initialValue: result.initialValue,
+        params: result.params
+      };
+      const reader = plugin.binding.reader(valueArgs);
+      const constraint = plugin.binding.constraint ? plugin.binding.constraint(valueArgs) : undefined;
+      const value = createValue(reader(result.initialValue), {
+        constraint: constraint,
+        equals: plugin.binding.equals
+      });
+      const binding = new InputBinding({
+        reader: reader,
+        target: args.target,
+        value: value,
+        writer: plugin.binding.writer(valueArgs)
+      });
+      const disabled = p.optional.boolean(args.params.disabled).value;
+      const hidden = p.optional.boolean(args.params.hidden).value;
+      const controller = plugin.controller({
+        constraint: constraint,
+        document: args.document,
+        initialValue: result.initialValue,
+        params: result.params,
+        value: binding.value,
+        viewProps: ViewProps.create({
+          disabled: disabled,
+          hidden: hidden
+        })
+      });
+      const label = p.optional.string(args.params.label).value;
+      return new InputBindingController(args.document, {
+        binding: binding,
+        blade: createBlade(),
+        props: ValueMap.fromObject({
+          label: label || args.target.key
+        }),
+        valueController: controller
+      });
+    }
+
+    class MonitorBinding {
+      constructor(config) {
+        this.onTick_ = this.onTick_.bind(this);
+        this.reader_ = config.reader;
+        this.target = config.target;
+        this.emitter = new Emitter();
+        this.value = config.value;
+        this.ticker = config.ticker;
+        this.ticker.emitter.on('tick', this.onTick_);
+        this.read();
+      }
+
+      dispose() {
+        this.ticker.dispose();
+      }
+
+      read() {
+        const targetValue = this.target.read();
+
+        if (targetValue === undefined) {
+          return;
+        }
+
+        const buffer = this.value.rawValue;
+        const newValue = this.reader_(targetValue);
+        this.value.rawValue = createPushedBuffer(buffer, newValue);
+        this.emitter.emit('update', {
+          rawValue: newValue,
+          sender: this
+        });
+      }
+
+      onTick_(_) {
+        this.read();
+      }
+
+    }
+
+    function createTicker(document, interval) {
+      return interval === 0 ? new ManualTicker() : new IntervalTicker(document, interval !== null && interval !== void 0 ? interval : Constants.monitor.defaultInterval);
+    }
+
+    function createMonitorBindingController(plugin, args) {
+      var _a, _b, _c;
+
+      const P = ParamsParsers;
+      const result = plugin.accept(args.target.read(), args.params);
+
+      if (isEmpty(result)) {
+        return null;
+      }
+
+      const bindingArgs = {
+        target: args.target,
+        initialValue: result.initialValue,
+        params: result.params
+      };
+      const reader = plugin.binding.reader(bindingArgs);
+      const bufferSize = (_b = (_a = P.optional.number(args.params.bufferSize).value) !== null && _a !== void 0 ? _a : plugin.binding.defaultBufferSize && plugin.binding.defaultBufferSize(result.params)) !== null && _b !== void 0 ? _b : 1;
+      const interval = P.optional.number(args.params.interval).value;
+      const binding = new MonitorBinding({
+        reader: reader,
+        target: args.target,
+        ticker: createTicker(args.document, interval),
+        value: initializeBuffer(bufferSize)
+      });
+      const disabled = P.optional.boolean(args.params.disabled).value;
+      const hidden = P.optional.boolean(args.params.hidden).value;
+      const controller = plugin.controller({
+        document: args.document,
+        params: result.params,
+        value: binding.value,
+        viewProps: ViewProps.create({
+          disabled: disabled,
+          hidden: hidden
+        })
+      });
+      const label = (_c = P.optional.string(args.params.label).value) !== null && _c !== void 0 ? _c : args.target.key;
+      return new MonitorBindingController(args.document, {
+        binding: binding,
+        blade: createBlade(),
+        props: ValueMap.fromObject({
+          label: label
+        }),
+        valueController: controller
+      });
+    }
+
+    class PluginPool {
+      constructor() {
+        this.pluginsMap_ = {
+          blades: [],
+          inputs: [],
+          monitors: []
+        };
+      }
+
+      getAll() {
+        return [...this.pluginsMap_.blades, ...this.pluginsMap_.inputs, ...this.pluginsMap_.monitors];
+      }
+
+      register(r) {
+        if (r.type === 'blade') {
+          this.pluginsMap_.blades.unshift(r);
+        } else if (r.type === 'input') {
+          this.pluginsMap_.inputs.unshift(r);
+        } else if (r.type === 'monitor') {
+          this.pluginsMap_.monitors.unshift(r);
+        }
+      }
+
+      createInput(document, target, params) {
+        const initialValue = target.read();
+
+        if (isEmpty(initialValue)) {
+          throw new TpError({
+            context: {
+              key: target.key
+            },
+            type: 'nomatchingcontroller'
+          });
+        }
+
+        const bc = this.pluginsMap_.inputs.reduce((result, plugin) => result || createInputBindingController(plugin, {
+          document: document,
+          target: target,
+          params: params
+        }), null);
+
+        if (bc) {
+          return bc;
+        }
+
+        throw new TpError({
+          context: {
+            key: target.key
+          },
+          type: 'nomatchingcontroller'
+        });
+      }
+
+      createMonitor(document, target, params) {
+        const bc = this.pluginsMap_.monitors.reduce((result, plugin) => result || createMonitorBindingController(plugin, {
+          document: document,
+          params: params,
+          target: target
+        }), null);
+
+        if (bc) {
+          return bc;
+        }
+
+        throw new TpError({
+          context: {
+            key: target.key
+          },
+          type: 'nomatchingcontroller'
+        });
+      }
+
+      createBlade(document, params) {
+        const bc = this.pluginsMap_.blades.reduce((result, plugin) => result || createBladeController(plugin, {
+          document: document,
+          params: params
+        }), null);
+
+        if (!bc) {
+          throw new TpError({
+            type: 'nomatchingview',
+            context: {
+              params: params
+            }
+          });
+        }
+
+        return bc;
+      }
+
+      createBladeApi(bc) {
+        if (bc instanceof InputBindingController) {
+          return new InputBindingApi(bc);
+        }
+
+        if (bc instanceof MonitorBindingController) {
+          return new MonitorBindingApi(bc);
+        }
+
+        if (bc instanceof RackController) {
+          return new RackApi(bc, this);
+        }
+
+        const api = this.pluginsMap_.blades.reduce((result, plugin) => result || plugin.api({
+          controller: bc,
+          pool: this
+        }), null);
+
+        if (!api) {
+          throw TpError.shouldNeverHappen();
+        }
+
+        return api;
+      }
+
+    }
+
+    function createDefaultPluginPool() {
+      const pool = new PluginPool();
+      [Point2dInputPlugin, Point3dInputPlugin, Point4dInputPlugin, StringInputPlugin, NumberInputPlugin, StringColorInputPlugin, ObjectColorInputPlugin, NumberColorInputPlugin, BooleanInputPlugin, BooleanMonitorPlugin, StringMonitorPlugin, NumberMonitorPlugin, ButtonBladePlugin, FolderBladePlugin, SeparatorBladePlugin, TabBladePlugin].forEach(p => {
+        pool.register(p);
+      });
+      return pool;
+    }
+
+    class ListApi extends BladeApi {
+      constructor(controller) {
+        super(controller);
+        this.emitter_ = new Emitter();
+        this.controller_.valueController.value.emitter.on('change', ev => {
+          this.emitter_.emit('change', {
+            event: new TpChangeEvent(this, ev.rawValue)
+          });
+        });
+      }
+
+      get label() {
+        return this.controller_.props.get('label');
+      }
+
+      set label(label) {
+        this.controller_.props.set('label', label);
+      }
+
+      get options() {
+        return this.controller_.valueController.props.get('options');
+      }
+
+      set options(options) {
+        this.controller_.valueController.props.set('options', options);
+      }
+
+      get value() {
+        return this.controller_.valueController.value.rawValue;
+      }
+
+      set value(value) {
+        this.controller_.valueController.value.rawValue = value;
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+    }
+
+    class SliderApi extends BladeApi {
+      constructor(controller) {
+        super(controller);
+        this.emitter_ = new Emitter();
+        this.controller_.valueController.value.emitter.on('change', ev => {
+          this.emitter_.emit('change', {
+            event: new TpChangeEvent(this, ev.rawValue)
+          });
+        });
+      }
+
+      get label() {
+        return this.controller_.props.get('label');
+      }
+
+      set label(label) {
+        this.controller_.props.set('label', label);
+      }
+
+      get maxValue() {
+        return this.controller_.valueController.sliderController.props.get('maxValue');
+      }
+
+      set maxValue(maxValue) {
+        this.controller_.valueController.sliderController.props.set('maxValue', maxValue);
+      }
+
+      get minValue() {
+        return this.controller_.valueController.sliderController.props.get('minValue');
+      }
+
+      set minValue(minValue) {
+        this.controller_.valueController.sliderController.props.set('minValue', minValue);
+      }
+
+      get value() {
+        return this.controller_.valueController.value.rawValue;
+      }
+
+      set value(value) {
+        this.controller_.valueController.value.rawValue = value;
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+    }
+
+    class TextApi extends BladeApi {
+      constructor(controller) {
+        super(controller);
+        this.emitter_ = new Emitter();
+        this.controller_.valueController.value.emitter.on('change', ev => {
+          this.emitter_.emit('change', {
+            event: new TpChangeEvent(this, ev.rawValue)
+          });
+        });
+      }
+
+      get label() {
+        return this.controller_.props.get('label');
+      }
+
+      set label(label) {
+        this.controller_.props.set('label', label);
+      }
+
+      get formatter() {
+        return this.controller_.valueController.props.get('formatter');
+      }
+
+      set formatter(formatter) {
+        this.controller_.valueController.props.set('formatter', formatter);
+      }
+
+      get value() {
+        return this.controller_.valueController.value.rawValue;
+      }
+
+      set value(value) {
+        this.controller_.valueController.value.rawValue = value;
+      }
+
+      on(eventName, handler) {
+        const bh = handler.bind(this);
+        this.emitter_.on(eventName, ev => {
+          bh(ev.event);
+        });
+        return this;
+      }
+
+    }
+
+    const ListBladePlugin = function () {
+      return {
+        id: 'list',
+        type: 'blade',
+
+        accept(params) {
+          const p = ParamsParsers;
+          const result = parseParams(params, {
+            options: p.required.custom(parseListOptions),
+            value: p.required.raw,
+            view: p.required.constant('list'),
+            label: p.optional.string
+          });
+          return result ? {
+            params: result
+          } : null;
+        },
+
+        controller(args) {
+          const ic = new ListController(args.document, {
+            props: ValueMap.fromObject({
+              options: normalizeListOptions(args.params.options)
+            }),
+            value: createValue(args.params.value),
+            viewProps: args.viewProps
+          });
+          return new LabeledValueController(args.document, {
+            blade: args.blade,
+            props: ValueMap.fromObject({
+              label: args.params.label
+            }),
+            valueController: ic
+          });
+        },
+
+        api(args) {
+          if (!(args.controller instanceof LabeledValueController)) {
+            return null;
+          }
+
+          if (!(args.controller.valueController instanceof ListController)) {
+            return null;
+          }
+
+          return new ListApi(args.controller);
+        }
+
+      };
+    }();
+    /**
+     * @hidden
+     */
+
+
+    function exportPresetJson(targets) {
+      return targets.reduce((result, target) => {
+        return Object.assign(result, {
+          [target.presetKey]: target.read()
+        });
+      }, {});
+    }
+    /**
+     * @hidden
+     */
+
+
+    function importPresetJson(targets, preset) {
+      targets.forEach(target => {
+        const value = preset[target.presetKey];
+
+        if (value !== undefined) {
+          target.write(value);
+        }
+      });
+    }
+
+    class RootApi extends FolderApi {
+      /**
+       * @hidden
+       */
+      constructor(controller, pool) {
+        super(controller, pool);
+      }
+
+      get element() {
+        return this.controller_.view.element;
+      }
+      /**
+       * Imports a preset of all inputs.
+       * @param preset The preset object to import.
+       */
+
+
+      importPreset(preset) {
+        const targets = this.controller_.rackController.rack.find(InputBindingController).map(ibc => {
+          return ibc.binding.target;
+        });
+        importPresetJson(targets, preset);
+        this.refresh();
+      }
+      /**
+       * Exports a preset of all inputs.
+       * @return An exported preset object.
+       */
+
+
+      exportPreset() {
+        const targets = this.controller_.rackController.rack.find(InputBindingController).map(ibc => {
+          return ibc.binding.target;
+        });
+        return exportPresetJson(targets);
+      }
+      /**
+       * Refreshes all bindings of the pane.
+       */
+
+
+      refresh() {
+        // Force-read all input bindings
+        this.controller_.rackController.rack.find(InputBindingController).forEach(ibc => {
+          ibc.binding.read();
+        }); // Force-read all monitor bindings
+
+        this.controller_.rackController.rack.find(MonitorBindingController).forEach(mbc => {
+          mbc.binding.read();
+        });
+      }
+
+    }
+
+    class RootController extends FolderController {
+      constructor(doc, config) {
+        super(doc, {
+          expanded: config.expanded,
+          blade: config.blade,
+          props: config.props,
+          root: true,
+          viewProps: config.viewProps
+        });
+      }
+
+    }
+
+    const SliderBladePlugin = {
+      id: 'slider',
+      type: 'blade',
+
+      accept(params) {
+        const p = ParamsParsers;
+        const result = parseParams(params, {
+          max: p.required.number,
+          min: p.required.number,
+          view: p.required.constant('slider'),
+          format: p.optional.function,
+          label: p.optional.string,
+          value: p.optional.number
+        });
+        return result ? {
+          params: result
+        } : null;
+      },
+
+      controller(args) {
+        var _a, _b;
+
+        const v = (_a = args.params.value) !== null && _a !== void 0 ? _a : 0;
+        const vc = new SliderTextController(args.document, {
+          baseStep: 1,
+          parser: parseNumber,
+          sliderProps: ValueMap.fromObject({
+            maxValue: args.params.max,
+            minValue: args.params.min
+          }),
+          textProps: ValueMap.fromObject({
+            draggingScale: getSuitableDraggingScale(undefined, v),
+            formatter: (_b = args.params.format) !== null && _b !== void 0 ? _b : numberToString
+          }),
+          value: createValue(v),
+          viewProps: args.viewProps
+        });
+        return new LabeledValueController(args.document, {
+          blade: args.blade,
+          props: ValueMap.fromObject({
+            label: args.params.label
+          }),
+          valueController: vc
+        });
+      },
+
+      api(args) {
+        if (!(args.controller instanceof LabeledValueController)) {
+          return null;
+        }
+
+        if (!(args.controller.valueController instanceof SliderTextController)) {
+          return null;
+        }
+
+        return new SliderApi(args.controller);
+      }
+
+    };
+
+    const TextBladePlugin = function () {
+      return {
+        id: 'text',
+        type: 'blade',
+
+        accept(params) {
+          const p = ParamsParsers;
+          const result = parseParams(params, {
+            parse: p.required.function,
+            value: p.required.raw,
+            view: p.required.constant('text'),
+            format: p.optional.function,
+            label: p.optional.string
+          });
+          return result ? {
+            params: result
+          } : null;
+        },
+
+        controller(args) {
+          var _a;
+
+          const ic = new TextController(args.document, {
+            parser: args.params.parse,
+            props: ValueMap.fromObject({
+              formatter: (_a = args.params.format) !== null && _a !== void 0 ? _a : v => String(v)
+            }),
+            value: createValue(args.params.value),
+            viewProps: args.viewProps
+          });
+          return new LabeledValueController(args.document, {
+            blade: args.blade,
+            props: ValueMap.fromObject({
+              label: args.params.label
+            }),
+            valueController: ic
+          });
+        },
+
+        api(args) {
+          if (!(args.controller instanceof LabeledValueController)) {
+            return null;
+          }
+
+          if (!(args.controller.valueController instanceof TextController)) {
+            return null;
+          }
+
+          return new TextApi(args.controller);
+        }
+
+      };
+    }();
+
+    function createDefaultWrapperElement(doc) {
+      const elem = doc.createElement('div');
+      elem.classList.add(ClassName('dfw')());
+
+      if (doc.body) {
+        doc.body.appendChild(elem);
+      }
+
+      return elem;
+    }
+
+    function embedStyle(doc, id, css) {
+      if (doc.querySelector(`style[data-tp-style=${id}]`)) {
+        return;
+      }
+
+      const styleElem = doc.createElement('style');
+      styleElem.dataset.tpStyle = id;
+      styleElem.textContent = css;
+      doc.head.appendChild(styleElem);
+    }
+    /**
+     * The root pane of Tweakpane.
+     */
+
+
+    class Pane extends RootApi {
+      constructor(opt_config) {
+        var _a;
+
+        const config = opt_config || {};
+        const doc = (_a = config.document) !== null && _a !== void 0 ? _a : getWindowDocument();
+        const pool = createDefaultPluginPool();
+        const rootController = new RootController(doc, {
+          expanded: config.expanded,
+          blade: createBlade(),
+          props: ValueMap.fromObject({
+            title: config.title
+          }),
+          viewProps: ViewProps.create()
+        });
+        super(rootController, pool);
+        this.pool_ = pool;
+        this.containerElem_ = config.container || createDefaultWrapperElement(doc);
+        this.containerElem_.appendChild(this.element);
+        this.doc_ = doc;
+        this.usesDefaultWrapper_ = !config.container;
+        this.setUpDefaultPlugins_();
+      }
+
+      get document() {
+        if (!this.doc_) {
+          throw TpError.alreadyDisposed();
+        }
+
+        return this.doc_;
+      }
+
+      dispose() {
+        const containerElem = this.containerElem_;
+
+        if (!containerElem) {
+          throw TpError.alreadyDisposed();
+        }
+
+        if (this.usesDefaultWrapper_) {
+          const parentElem = containerElem.parentElement;
+
+          if (parentElem) {
+            parentElem.removeChild(containerElem);
+          }
+        }
+
+        this.containerElem_ = null;
+        this.doc_ = null;
+        super.dispose();
+      }
+
+      registerPlugin(bundle) {
+        const plugins = 'plugin' in bundle ? [bundle.plugin] : 'plugins' in bundle ? bundle.plugins : [];
+        plugins.forEach(p => {
+          this.pool_.register(p);
+          this.embedPluginStyle_(p);
+        });
+      }
+
+      embedPluginStyle_(plugin) {
+        if (plugin.css) {
+          embedStyle(this.document, `plugin-${plugin.id}`, plugin.css);
+        }
+      }
+
+      setUpDefaultPlugins_() {
+        // NOTE: This string literal will be replaced with the default CSS by Rollup at the compilation time
+        embedStyle(this.document, 'default', '.tp-lstv_s,.tp-btnv_b,.tp-p2dv_b,.tp-colswv_sw,.tp-p2dpv_p,.tp-txtv_i,.tp-grlv_g,.tp-sglv_i,.tp-mllv_i,.tp-fldv_b,.tp-rotv_b,.tp-ckbv_i,.tp-coltxtv_ms,.tp-tbiv_b{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0}.tp-lstv_s,.tp-btnv_b,.tp-p2dv_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-lstv_s:hover,.tp-btnv_b:hover,.tp-p2dv_b:hover{background-color:var(--btn-bg-h)}.tp-lstv_s:focus,.tp-btnv_b:focus,.tp-p2dv_b:focus{background-color:var(--btn-bg-f)}.tp-lstv_s:active,.tp-btnv_b:active,.tp-p2dv_b:active{background-color:var(--btn-bg-a)}.tp-lstv_s:disabled,.tp-btnv_b:disabled,.tp-p2dv_b:disabled{opacity:0.5}.tp-colswv_sw,.tp-p2dpv_p,.tp-txtv_i{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-colswv_sw:hover,.tp-p2dpv_p:hover,.tp-txtv_i:hover{background-color:var(--in-bg-h)}.tp-colswv_sw:focus,.tp-p2dpv_p:focus,.tp-txtv_i:focus{background-color:var(--in-bg-f)}.tp-colswv_sw:active,.tp-p2dpv_p:active,.tp-txtv_i:active{background-color:var(--in-bg-a)}.tp-colswv_sw:disabled,.tp-p2dpv_p:disabled,.tp-txtv_i:disabled{opacity:0.5}.tp-grlv_g,.tp-sglv_i,.tp-mllv_i{background-color:var(--mo-bg);border-radius:var(--elm-br);box-sizing:border-box;color:var(--mo-fg);height:var(--bld-us);width:100%}.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, #2f3137);--bs-sh: var(--tp-base-shadow-color, rgba(0,0,0,0.2));--btn-bg: var(--tp-button-background-color, #adafb8);--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, #2f3137);--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, #bbbcc4);--in-bg: var(--tp-input-background-color, rgba(0,0,0,0.2));--in-bg-a: var(--tp-input-background-color-active, rgba(0,0,0,0.35));--in-bg-f: var(--tp-input-background-color-focus, rgba(0,0,0,0.3));--in-bg-h: var(--tp-input-background-color-hover, rgba(0,0,0,0.25));--in-fg: var(--tp-input-foreground-color, #bbbcc4);--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(0,0,0,0.2))}.tp-fldv_c>.tp-cntv.tp-v-lst,.tp-tabv_c .tp-brkv>.tp-cntv.tp-v-lst,.tp-rotv_c>.tp-cntv.tp-v-lst{margin-bottom:calc(-1 * var(--cnt-v-p))}.tp-fldv_c>.tp-fldv.tp-v-lst .tp-fldv_c,.tp-tabv_c .tp-brkv>.tp-fldv.tp-v-lst .tp-fldv_c,.tp-rotv_c>.tp-fldv.tp-v-lst .tp-fldv_c{border-bottom-left-radius:0}.tp-fldv_c>.tp-fldv.tp-v-lst .tp-fldv_b,.tp-tabv_c .tp-brkv>.tp-fldv.tp-v-lst .tp-fldv_b,.tp-rotv_c>.tp-fldv.tp-v-lst .tp-fldv_b{border-bottom-left-radius:0}.tp-fldv_c>*:not(.tp-v-fst),.tp-tabv_c .tp-brkv>*:not(.tp-v-fst),.tp-rotv_c>*:not(.tp-v-fst){margin-top:var(--bld-s)}.tp-fldv_c>.tp-sprv:not(.tp-v-fst),.tp-tabv_c .tp-brkv>.tp-sprv:not(.tp-v-fst),.tp-rotv_c>.tp-sprv:not(.tp-v-fst),.tp-fldv_c>.tp-cntv:not(.tp-v-fst),.tp-tabv_c .tp-brkv>.tp-cntv:not(.tp-v-fst),.tp-rotv_c>.tp-cntv:not(.tp-v-fst){margin-top:var(--cnt-v-p)}.tp-fldv_c>.tp-sprv+*:not(.tp-v-hidden),.tp-tabv_c .tp-brkv>.tp-sprv+*:not(.tp-v-hidden),.tp-rotv_c>.tp-sprv+*:not(.tp-v-hidden),.tp-fldv_c>.tp-cntv+*:not(.tp-v-hidden),.tp-tabv_c .tp-brkv>.tp-cntv+*:not(.tp-v-hidden),.tp-rotv_c>.tp-cntv+*:not(.tp-v-hidden){margin-top:var(--cnt-v-p)}.tp-fldv_c>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-tabv_c .tp-brkv>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-rotv_c>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-fldv_c>.tp-cntv:not(.tp-v-hidden)+.tp-cntv,.tp-tabv_c .tp-brkv>.tp-cntv:not(.tp-v-hidden)+.tp-cntv,.tp-rotv_c>.tp-cntv:not(.tp-v-hidden)+.tp-cntv{margin-top:0}.tp-fldv_c>.tp-cntv,.tp-tabv_c .tp-brkv>.tp-cntv{margin-left:4px}.tp-fldv_c>.tp-fldv>.tp-fldv_b,.tp-tabv_c .tp-brkv>.tp-fldv>.tp-fldv_b{border-top-left-radius:var(--elm-br);border-bottom-left-radius:var(--elm-br)}.tp-fldv_c>.tp-fldv.tp-fldv-expanded>.tp-fldv_b,.tp-tabv_c .tp-brkv>.tp-fldv.tp-fldv-expanded>.tp-fldv_b{border-bottom-left-radius:0}.tp-fldv_c .tp-fldv>.tp-fldv_c,.tp-tabv_c .tp-brkv .tp-fldv>.tp-fldv_c{border-bottom-left-radius:var(--elm-br)}.tp-fldv_c>.tp-tabv>.tp-tabv_i,.tp-tabv_c .tp-brkv>.tp-tabv>.tp-tabv_i{border-top-left-radius:var(--elm-br)}.tp-fldv_c .tp-tabv>.tp-tabv_c,.tp-tabv_c .tp-brkv .tp-tabv>.tp-tabv_c{border-bottom-left-radius:var(--elm-br)}.tp-fldv_b,.tp-rotv_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:calc(var(--cnt-h-p) + 8px);padding-right:calc(2px * 2 + 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-fldv_b:hover,.tp-rotv_b:hover{background-color:var(--cnt-bg-h)}.tp-fldv_b:focus,.tp-rotv_b:focus{background-color:var(--cnt-bg-f)}.tp-fldv_b:active,.tp-rotv_b:active{background-color:var(--cnt-bg-a)}.tp-fldv_b:disabled,.tp-rotv_b:disabled{opacity:0.5}.tp-fldv_m,.tp-rotv_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:0.5;position:absolute;top:0;transform:rotate(90deg);transition:transform .2s ease-in-out;width:6px}.tp-fldv.tp-fldv-expanded>.tp-fldv_b>.tp-fldv_m,.tp-rotv.tp-rotv-expanded .tp-rotv_m{transform:none}.tp-fldv_c,.tp-rotv_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-fldv.tp-fldv-cpl:not(.tp-fldv-expanded)>.tp-fldv_c,.tp-rotv.tp-rotv-cpl:not(.tp-rotv-expanded) .tp-rotv_c{display:none}.tp-fldv.tp-fldv-expanded>.tp-fldv_c,.tp-rotv.tp-rotv-expanded .tp-rotv_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-coltxtv_m,.tp-lstv{position:relative}.tp-lstv_s{padding:0 20px 0 4px;width:100%}.tp-coltxtv_mm,.tp-lstv_m{bottom:0;margin:auto;pointer-events:none;position:absolute;right:2px;top:0}.tp-coltxtv_mm svg,.tp-lstv_m svg{bottom:0;height:16px;margin:auto;position:absolute;right:0;top:0;width:16px}.tp-coltxtv_mm svg path,.tp-lstv_m svg path{fill:currentColor}.tp-coltxtv_w,.tp-pndtxtv{display:flex}.tp-coltxtv_c,.tp-pndtxtv_a{width:100%}.tp-coltxtv_c+.tp-coltxtv_c,.tp-pndtxtv_a+.tp-coltxtv_c,.tp-coltxtv_c+.tp-pndtxtv_a,.tp-pndtxtv_a+.tp-pndtxtv_a{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:0.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_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_c{cursor:crosshair;display:block;height:calc(var(--bld-us) * 4);width:100%}.tp-svpv_m{border-radius:100%;border:rgba(255,255,255,0.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_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,0.75) solid 2px;box-shadow:0 0 2px rgba(0,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_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,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,0.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)}.tp-colswv.tp-v-disabled{opacity:0.5}.tp-colswv_b{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;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,0.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_w{flex:1}.tp-dfwv{position:absolute;top:8px;right:8px;width:256px}.tp-fldv.tp-fldv-not .tp-fldv_b{display:none}.tp-fldv_c{border-left:var(--cnt-bg) solid 4px}.tp-fldv_b:hover+.tp-fldv_c{border-left-color:var(--cnt-bg-h)}.tp-fldv_b:focus+.tp-fldv_c{border-left-color:var(--cnt-bg-f)}.tp-fldv_b:active+.tp-fldv_c{border-left-color:var(--cnt-bg-a)}.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 0.05s, top 0.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:0.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;-ms-hyphens:auto;hyphens:auto;overflow:hidden;padding-left:4px;padding-right:16px}.tp-lblv.tp-v-disabled .tp-lblv_l{opacity:0.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:0.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:0.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_g{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.tp-p2dpv_ax{opacity:0.1;stroke:var(--in-fg);stroke-dasharray:1}.tp-p2dpv_l{opacity:0.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-sldv.tp-v-disabled{opacity:0.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.tp-v-disabled{opacity:0.5}.tp-tabv_i{align-items:flex-end;display:flex;overflow:hidden}.tp-tabv.tp-tabv-nop .tp-tabv_i{height:calc(var(--bld-us) + 4px);position:relative}.tp-tabv.tp-tabv-nop .tp-tabv_i::before{background-color:var(--cnt-bg);bottom:0;content:\'\';height:2px;left:0;position:absolute;right:0}.tp-tabv_c{border-left:var(--cnt-bg) solid 4px;padding-bottom:var(--cnt-v-p);padding-top:var(--cnt-v-p)}.tp-tbiv{flex:1;min-width:0;position:relative}.tp-tbiv+.tp-tbiv{margin-left:2px}.tp-tbiv+.tp-tbiv::before{background-color:var(--cnt-bg);bottom:0;content:\'\';height:2px;left:-2px;position:absolute;width:2px}.tp-tbiv_b{background-color:var(--cnt-bg);display:block;padding-left:calc(var(--cnt-h-p) + 4px);padding-right:calc(var(--cnt-h-p) + 4px);width:100%}.tp-tbiv_b:hover{background-color:var(--cnt-bg-h)}.tp-tbiv_b:focus{background-color:var(--cnt-bg-f)}.tp-tbiv_b:active{background-color:var(--cnt-bg-a)}.tp-tbiv_b:disabled{opacity:0.5}.tp-tbiv_t{color:var(--cnt-fg);height:calc(var(--bld-us) + 4px);line-height:calc(var(--bld-us) + 4px);opacity:0.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:0.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:0.1;position:absolute;top:0;transition:border-radius 0.1s, height 0.1s, transform 0.1s, width 0.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) transparent transparent transparent;border-style:solid;border-width:2px;box-sizing:border-box;content:\'\';font-size:0.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(2px * 2 + 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_c>.tp-fldv.tp-v-lst>.tp-fldv_c,.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-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.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_i{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(plugin => {
+          this.embedPluginStyle_(plugin);
+        });
+        this.registerPlugin({
+          plugins: [SliderBladePlugin, ListBladePlugin, TabBladePlugin, TextBladePlugin]
+        });
+      }
+
+    }
+
+    const VERSION = new Semver('3.0.5');
+    exports.BladeApi = BladeApi;
+    exports.ButtonApi = ButtonApi;
+    exports.FolderApi = FolderApi;
+    exports.InputBindingApi = InputBindingApi;
+    exports.ListApi = ListApi;
+    exports.MonitorBindingApi = MonitorBindingApi;
+    exports.Pane = Pane;
+    exports.SeparatorApi = SeparatorApi;
+    exports.SliderApi = SliderApi;
+    exports.TabApi = TabApi;
+    exports.TabPageApi = TabPageApi;
+    exports.TextApi = TextApi;
+    exports.TpChangeEvent = TpChangeEvent;
+    exports.VERSION = VERSION;
+    Object.defineProperty(exports, '__esModule', {
+      value: true
+    });
+  });
+});
+var __pika_web_default_export_for_treeshaking__ = /*@__PURE__*/getDefaultExportFromCjs(tweakpane);
+
+var BladeApi = tweakpane.BladeApi;
+var ButtonApi = tweakpane.ButtonApi;
+var FolderApi = tweakpane.FolderApi;
+var InputBindingApi = tweakpane.InputBindingApi;
+var ListApi = tweakpane.ListApi;
+var MonitorBindingApi = tweakpane.MonitorBindingApi;
+var Pane = tweakpane.Pane;
+var SeparatorApi = tweakpane.SeparatorApi;
+var SliderApi = tweakpane.SliderApi;
+var TabApi = tweakpane.TabApi;
+var TabPageApi = tweakpane.TabPageApi;
+var TextApi = tweakpane.TextApi;
+var TpChangeEvent = tweakpane.TpChangeEvent;
+var VERSION = tweakpane.VERSION;
+export default __pika_web_default_export_for_treeshaking__;
+export { BladeApi, ButtonApi, FolderApi, InputBindingApi, ListApi, MonitorBindingApi, Pane, SeparatorApi, SliderApi, TabApi, TabPageApi, TextApi, TpChangeEvent, VERSION, tweakpane as __moduleExports };