minerva-design 1.4.0 → 1.6.0

package/dist/charts/engine/three-d/webgpu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu.cjs","names":["WGSL_POINTS","WGSL_MESH","WGSL_LINES","drawOrder","itemUniforms","writesDepth","require_render_types","require_shaders","BUFFER_INDEX","BUFFER_VERTEX","BUFFER_COPY_DST","TEXTURE_RENDER_ATTACHMENT","SAMPLES","createWebGpu3D","gpu","adapter","fallback","requireHardware","device","context","canvas","format","destroyed","onLost","bindGroupLayout","layout","blend","pipeline","module","depthWrite","pointBuffers","meshBuffers","lineBuffers","pipelines","targets","renderTargets","width","height","resources","uniformData","buffer","bytes","data","gpuBuffer","usage","release","res","upload","item","indices","vertex","index","uniform","encoder","pass","color","depth","seen","items","count","frame","variants","chosen","key"],"sources":["../../../../../charts/src/engine/three-d/webgpu.ts"],"sourcesContent":["// WebGPU backend of the 3D charts: 4× MSAA, a depth buffer, one draw per\n// item (instanced billboards / segments, indexed triangles).\n\nimport type { RendererLostHandler } from \"../renderers/types\";\nimport {\n  POINT_STRIDE,\n  SEGMENT_STRIDE,\n  VERTEX_STRIDE,\n  drawOrder,\n  type Item3D,\n  type Renderer3D,\n} from \"./render-types\";\nimport {\n  UNIFORM_BYTES,\n  WGSL_LINES,\n  WGSL_MESH,\n  WGSL_POINTS,\n  itemUniforms,\n  writesDepth,\n} from \"./shaders\";\n\n// lib.dom has the WebGPU interfaces but not these constant objects\nconst BUFFER_INDEX = 0x10;\nconst BUFFER_VERTEX = 0x20;\nconst BUFFER_UNIFORM = 0x40;\nconst BUFFER_COPY_DST = 0x08;\nconst STAGE_VERTEX = 0x1;\nconst STAGE_FRAGMENT = 0x2;\nconst TEXTURE_RENDER_ATTACHMENT = 0x10;\n\nconst SAMPLES = 4;\n\ninterface ItemResources {\n  version: number;\n  kind: Item3D[\"kind\"];\n  vertex: GPUBuffer | null;\n  index: GPUBuffer | null;\n  /** `order` of the uploaded indices (meshes) */\n  order: number;\n  uniform: GPUBuffer;\n  bindGroup: GPUBindGroup;\n}\n\ntype GpuNavigator = Navigator & { gpu?: GPU };\n\nexport const createWebGpu3D = async (\n  canvas: HTMLCanvasElement,\n  onLost: RendererLostHandler,\n  /** Refuses fallback (software) adapters */\n  requireHardware = false,\n): Promise<Renderer3D | null> => {\n  const gpu =\n    typeof navigator !== \"undefined\"\n      ? (navigator as GpuNavigator).gpu\n      : undefined;\n  if (!gpu) return null;\n  const adapter = await gpu.requestAdapter();\n  if (!adapter) return null;\n  const fallback = adapter as GPUAdapter & {\n    isFallbackAdapter?: boolean;\n    info?: { isFallbackAdapter?: boolean };\n  };\n  if (\n    requireHardware &&\n    (fallback.info?.isFallbackAdapter || fallback.isFallbackAdapter)\n  ) {\n    return null;\n  }\n  const device = await adapter.requestDevice();\n  const context = canvas.getContext(\"webgpu\") as GPUCanvasContext | null;\n  if (!context) {\n    device.destroy();\n    return null;\n  }\n  const format = gpu.getPreferredCanvasFormat();\n  context.configure({ device, format, alphaMode: \"premultiplied\" });\n\n  let destroyed = false;\n  void device.lost.then(() => {\n    if (!destroyed) onLost();\n  });\n\n  const bindGroupLayout = device.createBindGroupLayout({\n    entries: [\n      {\n        binding: 0,\n        visibility: STAGE_VERTEX | STAGE_FRAGMENT,\n        buffer: { type: \"uniform\" },\n      },\n    ],\n  });\n  const layout = device.createPipelineLayout({\n    bindGroupLayouts: [bindGroupLayout],\n  });\n  const blend: GPUBlendState = {\n    color: {\n      srcFactor: \"one\",\n      dstFactor: \"one-minus-src-alpha\",\n      operation: \"add\",\n    },\n    alpha: {\n      srcFactor: \"one\",\n      dstFactor: \"one-minus-src-alpha\",\n      operation: \"add\",\n    },\n  };\n  const pipeline = (\n    code: string,\n    buffers: GPUVertexBufferLayout[],\n    topology: GPUPrimitiveTopology,\n    depthWrite: boolean,\n  ) => {\n    const module = device.createShaderModule({ code });\n    return device.createRenderPipeline({\n      layout,\n      vertex: { module, entryPoint: \"vs\", buffers },\n      fragment: { module, entryPoint: \"fs\", targets: [{ format, blend }] },\n      primitive: { topology, cullMode: \"none\" },\n      depthStencil: {\n        format: \"depth24plus\",\n        depthWriteEnabled: depthWrite,\n        depthCompare: \"less-equal\",\n      },\n      multisample: { count: SAMPLES },\n    });\n  };\n  const pointBuffers: GPUVertexBufferLayout[] = [\n    {\n      arrayStride: POINT_STRIDE,\n      stepMode: \"instance\",\n      attributes: [\n        { shaderLocation: 0, offset: 0, format: \"float32x3\" },\n        { shaderLocation: 1, offset: 12, format: \"float32\" },\n        { shaderLocation: 2, offset: 16, format: \"unorm8x4\" },\n      ],\n    },\n  ];\n  const meshBuffers: GPUVertexBufferLayout[] = [\n    {\n      arrayStride: VERTEX_STRIDE,\n      stepMode: \"vertex\",\n      attributes: [\n        { shaderLocation: 0, offset: 0, format: \"float32x3\" },\n        { shaderLocation: 1, offset: 12, format: \"float32x3\" },\n        { shaderLocation: 2, offset: 24, format: \"unorm8x4\" },\n      ],\n    },\n  ];\n  const lineBuffers: GPUVertexBufferLayout[] = [\n    {\n      arrayStride: SEGMENT_STRIDE,\n      stepMode: \"instance\",\n      attributes: [\n        { shaderLocation: 0, offset: 0, format: \"float32x3\" },\n        { shaderLocation: 1, offset: 12, format: \"float32x3\" },\n        { shaderLocation: 2, offset: 24, format: \"unorm8x4\" },\n      ],\n    },\n  ];\n  const pipelines = {\n    points: [\n      pipeline(WGSL_POINTS, pointBuffers, \"triangle-strip\", false),\n      pipeline(WGSL_POINTS, pointBuffers, \"triangle-strip\", true),\n    ],\n    mesh: [\n      pipeline(WGSL_MESH, meshBuffers, \"triangle-list\", false),\n      pipeline(WGSL_MESH, meshBuffers, \"triangle-list\", true),\n    ],\n    lines: [\n      pipeline(WGSL_LINES, lineBuffers, \"triangle-strip\", false),\n      pipeline(WGSL_LINES, lineBuffers, \"triangle-strip\", true),\n    ],\n  };\n\n  let targets: {\n    width: number;\n    height: number;\n    color: GPUTexture;\n    depth: GPUTexture;\n  } | null = null;\n  const renderTargets = () => {\n    const width = canvas.width;\n    const height = canvas.height;\n    if (targets && targets.width === width && targets.height === height)\n      return targets;\n    targets?.color.destroy();\n    targets?.depth.destroy();\n    targets = {\n      width,\n      height,\n      color: device.createTexture({\n        size: [width, height],\n        sampleCount: SAMPLES,\n        format,\n        usage: TEXTURE_RENDER_ATTACHMENT,\n      }),\n      depth: device.createTexture({\n        size: [width, height],\n        sampleCount: SAMPLES,\n        format: \"depth24plus\",\n        usage: TEXTURE_RENDER_ATTACHMENT,\n      }),\n    };\n    return targets;\n  };\n\n  const resources = new Map<string, ItemResources>();\n  const uniformData = new Float32Array(UNIFORM_BYTES / 4);\n\n  const buffer = (data: ArrayBuffer | Uint32Array, usage: number) => {\n    const bytes = data.byteLength;\n    if (bytes <= 0) return null;\n    const gpuBuffer = device.createBuffer({\n      size: Math.max(16, Math.ceil(bytes / 4) * 4),\n      usage: usage | BUFFER_COPY_DST,\n    });\n    if (data instanceof Uint32Array) {\n      device.queue.writeBuffer(\n        gpuBuffer,\n        0,\n        data.buffer,\n        data.byteOffset,\n        bytes,\n      );\n    } else {\n      device.queue.writeBuffer(gpuBuffer, 0, data);\n    }\n    return gpuBuffer;\n  };\n\n  const release = (res: ItemResources) => {\n    res.vertex?.destroy();\n    res.index?.destroy();\n  };\n\n  const upload = (item: Item3D): ItemResources => {\n    let res = resources.get(item.key);\n    if (res && res.version === item.version && res.kind === item.kind) {\n      // same mesh, triangles in a new order (transparent, sorted by depth)\n      if (\n        item.kind === \"mesh\" &&\n        res.index &&\n        (item.order ?? 0) !== res.order\n      ) {\n        const { indices } = item;\n        device.queue.writeBuffer(\n          res.index,\n          0,\n          indices.buffer,\n          indices.byteOffset,\n          indices.byteLength,\n        );\n        res.order = item.order ?? 0;\n      }\n      return res;\n    }\n    if (res) release(res);\n    const vertex = buffer(\n      item.kind === \"mesh\" ? item.vertices : item.data,\n      BUFFER_VERTEX,\n    );\n    const index =\n      item.kind === \"mesh\" ? buffer(item.indices, BUFFER_INDEX) : null;\n    if (!res) {\n      const uniform = device.createBuffer({\n        size: UNIFORM_BYTES,\n        usage: BUFFER_UNIFORM | BUFFER_COPY_DST,\n      });\n      res = {\n        version: item.version,\n        kind: item.kind,\n        vertex,\n        index,\n        order: item.kind === \"mesh\" ? (item.order ?? 0) : 0,\n        uniform,\n        bindGroup: device.createBindGroup({\n          layout: bindGroupLayout,\n          entries: [{ binding: 0, resource: { buffer: uniform } }],\n        }),\n      };\n      resources.set(item.key, res);\n    } else {\n      res.version = item.version;\n      res.kind = item.kind;\n      res.vertex = vertex;\n      res.index = index;\n      res.order = item.kind === \"mesh\" ? (item.order ?? 0) : 0;\n    }\n    return res;\n  };\n\n  return {\n    kind: \"webgpu\",\n    canvas,\n    resize(width, height) {\n      canvas.width = Math.max(1, width);\n      canvas.height = Math.max(1, height);\n    },\n    render(items, frame) {\n      if (destroyed) return;\n      const { color, depth } = renderTargets();\n      const encoder = device.createCommandEncoder();\n      const pass = encoder.beginRenderPass({\n        colorAttachments: [\n          {\n            view: color.createView(),\n            resolveTarget: context.getCurrentTexture().createView(),\n            clearValue: { r: 0, g: 0, b: 0, a: 0 },\n            loadOp: \"clear\",\n            storeOp: \"discard\",\n          },\n        ],\n        depthStencilAttachment: {\n          view: depth.createView(),\n          depthClearValue: 1,\n          depthLoadOp: \"clear\",\n          depthStoreOp: \"discard\",\n        },\n      });\n      const seen = new Set<string>();\n      for (const item of drawOrder(items)) {\n        seen.add(item.key);\n        const count = item.kind === \"mesh\" ? item.indices.length : item.count;\n        if (count <= 0) continue;\n        const res = upload(item);\n        if (!res.vertex) continue;\n        device.queue.writeBuffer(\n          res.uniform,\n          0,\n          itemUniforms(item, frame, uniformData),\n        );\n        const variants = pipelines[item.kind];\n        const chosen = variants[writesDepth(item) ? variants.length - 1 : 0];\n        if (!chosen) continue;\n        pass.setPipeline(chosen);\n        pass.setBindGroup(0, res.bindGroup);\n        pass.setVertexBuffer(0, res.vertex);\n        if (item.kind === \"mesh\") {\n          if (!res.index) continue;\n          pass.setIndexBuffer(res.index, \"uint32\");\n          pass.drawIndexed(count);\n        } else {\n          pass.draw(4, count);\n        }\n      }\n      pass.end();\n      device.queue.submit([encoder.finish()]);\n      for (const [key, res] of resources) {\n        if (!seen.has(key)) {\n          release(res);\n          res.uniform.destroy();\n          resources.delete(key);\n        }\n      }\n    },\n    destroy() {\n      destroyed = true;\n      for (const res of resources.values()) {\n        release(res);\n        res.uniform.destroy();\n      }\n      resources.clear();\n      targets?.color.destroy();\n      targets?.depth.destroy();\n      targets = null;\n      context.unconfigure();\n      device.destroy();\n    },\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"webgpu.cjs","names":["WGSL_POINTS","WGSL_MESH","WGSL_LINES","writesDepth","WGSL_COMPOSITE","drawOrder","drawRank","itemUniforms","require_render_types","require_oit","require_shaders","BUFFER_INDEX","BUFFER_VERTEX","BUFFER_COPY_DST","STAGE_FRAGMENT","TEXTURE_RENDER_ATTACHMENT","SAMPLES","OIT_FORMAT","createWebGpu3D","gpu","adapter","fallback","requireHardware","device","context","canvas","format","destroyed","onLost","bindGroupLayout","layout","blend","additive","sum","pipeline","module","oit","blending","depthWrite","pointBuffers","meshBuffers","lineBuffers","pipelines","additivePoints","pipelineOf","item","variants","compositeLayout","compositeModule","oitPipelines","orderIndependent","targets","destroyOit","renderTargets","width","height","oitTargets","t","texture","samples","accumResolved","extraResolved","resources","uniformData","buffer","bytes","data","gpuBuffer","usage","release","res","upload","indices","vertex","index","uniform","ordered","items","blended","encoder","screen","seen","draw","count","frame","pass","chosen","main","transparent","last","key"],"sources":["../../../../../charts/src/engine/three-d/webgpu.ts"],"sourcesContent":["// WebGPU backend of the 3D charts: 4× MSAA, a depth buffer, one draw per\n// item (instanced billboards / segments, indexed triangles). With blended\n// items (transparent meshes, blended or additive points), three passes:\n// the opaque items; the blended ones into the float targets of the\n// weighted blended order-independent transparency (`oit.ts`, multisampled,\n// testing the opaque depth, resolved); then their composite and the lines.\n\nimport type { RendererLostHandler } from \"../renderers/types\";\nimport { WGSL_COMPOSITE } from \"./oit\";\nimport {\n  POINT_STRIDE,\n  SEGMENT_STRIDE,\n  VERTEX_STRIDE,\n  drawOrder,\n  drawRank,\n  type Item3D,\n  type Renderer3D,\n} from \"./render-types\";\nimport {\n  UNIFORM_BYTES,\n  WGSL_LINES,\n  WGSL_MESH,\n  WGSL_POINTS,\n  itemUniforms,\n  writesDepth,\n} from \"./shaders\";\n\n// lib.dom has the WebGPU interfaces but not these constant objects\nconst BUFFER_INDEX = 0x10;\nconst BUFFER_VERTEX = 0x20;\nconst BUFFER_UNIFORM = 0x40;\nconst BUFFER_COPY_DST = 0x08;\nconst STAGE_VERTEX = 0x1;\nconst STAGE_FRAGMENT = 0x2;\nconst TEXTURE_BINDING = 0x04;\nconst TEXTURE_RENDER_ATTACHMENT = 0x10;\n\nconst SAMPLES = 4;\n/** Format of the transparency targets (renderable, blendable, resolvable) */\nconst OIT_FORMAT: GPUTextureFormat = \"rgba16float\";\n\ninterface ItemResources {\n  version: number;\n  kind: Item3D[\"kind\"];\n  vertex: GPUBuffer | null;\n  index: GPUBuffer | null;\n  /** `order` of the uploaded indices (meshes) */\n  order: number;\n  uniform: GPUBuffer;\n  bindGroup: GPUBindGroup;\n}\n\ntype GpuNavigator = Navigator & { gpu?: GPU };\n\nexport const createWebGpu3D = async (\n  canvas: HTMLCanvasElement,\n  onLost: RendererLostHandler,\n  /** Refuses fallback (software) adapters */\n  requireHardware = false,\n): Promise<Renderer3D | null> => {\n  const gpu =\n    typeof navigator !== \"undefined\"\n      ? (navigator as GpuNavigator).gpu\n      : undefined;\n  if (!gpu) return null;\n  const adapter = await gpu.requestAdapter();\n  if (!adapter) return null;\n  const fallback = adapter as GPUAdapter & {\n    isFallbackAdapter?: boolean;\n    info?: { isFallbackAdapter?: boolean };\n  };\n  if (\n    requireHardware &&\n    (fallback.info?.isFallbackAdapter || fallback.isFallbackAdapter)\n  ) {\n    return null;\n  }\n  const device = await adapter.requestDevice();\n  const context = canvas.getContext(\"webgpu\") as GPUCanvasContext | null;\n  if (!context) {\n    device.destroy();\n    return null;\n  }\n  const format = gpu.getPreferredCanvasFormat();\n  context.configure({ device, format, alphaMode: \"premultiplied\" });\n\n  let destroyed = false;\n  void device.lost.then(() => {\n    if (!destroyed) onLost();\n  });\n\n  const bindGroupLayout = device.createBindGroupLayout({\n    entries: [\n      {\n        binding: 0,\n        visibility: STAGE_VERTEX | STAGE_FRAGMENT,\n        buffer: { type: \"uniform\" },\n      },\n    ],\n  });\n  const layout = device.createPipelineLayout({\n    bindGroupLayouts: [bindGroupLayout],\n  });\n  const blend: GPUBlendState = {\n    color: {\n      srcFactor: \"one\",\n      dstFactor: \"one-minus-src-alpha\",\n      operation: \"add\",\n    },\n    alpha: {\n      srcFactor: \"one\",\n      dstFactor: \"one-minus-src-alpha\",\n      operation: \"add\",\n    },\n  };\n  // additive points: the colors add up, the coverage composites as usual\n  const additive: GPUBlendState = {\n    color: { srcFactor: \"one\", dstFactor: \"one\", operation: \"add\" },\n    alpha: blend.alpha,\n  };\n  // transparency targets: plain sums\n  const sum: GPUBlendState = {\n    color: { srcFactor: \"one\", dstFactor: \"one\", operation: \"add\" },\n    alpha: { srcFactor: \"one\", dstFactor: \"one\", operation: \"add\" },\n  };\n  const pipeline = (\n    code: string,\n    buffers: GPUVertexBufferLayout[],\n    topology: GPUPrimitiveTopology,\n    depthWrite: boolean,\n    blending: GPUBlendState = blend,\n    oit = false,\n  ) => {\n    const module = device.createShaderModule({ code });\n    return device.createRenderPipeline({\n      layout,\n      vertex: { module, entryPoint: \"vs\", buffers },\n      fragment: {\n        module,\n        entryPoint: oit ? \"fsOit\" : \"fs\",\n        targets: oit\n          ? [\n              { format: OIT_FORMAT, blend: sum },\n              { format: OIT_FORMAT, blend: sum },\n            ]\n          : [{ format, blend: blending }],\n      },\n      primitive: { topology, cullMode: \"none\" },\n      depthStencil: {\n        format: \"depth24plus\",\n        depthWriteEnabled: depthWrite,\n        depthCompare: \"less-equal\",\n      },\n      multisample: { count: SAMPLES },\n    });\n  };\n  const pointBuffers: GPUVertexBufferLayout[] = [\n    {\n      arrayStride: POINT_STRIDE,\n      stepMode: \"instance\",\n      attributes: [\n        { shaderLocation: 0, offset: 0, format: \"float32x3\" },\n        { shaderLocation: 1, offset: 12, format: \"float32\" },\n        { shaderLocation: 2, offset: 16, format: \"unorm8x4\" },\n      ],\n    },\n  ];\n  const meshBuffers: GPUVertexBufferLayout[] = [\n    {\n      arrayStride: VERTEX_STRIDE,\n      stepMode: \"vertex\",\n      attributes: [\n        { shaderLocation: 0, offset: 0, format: \"float32x3\" },\n        { shaderLocation: 1, offset: 12, format: \"float32x3\" },\n        { shaderLocation: 2, offset: 24, format: \"unorm8x4\" },\n      ],\n    },\n  ];\n  const lineBuffers: GPUVertexBufferLayout[] = [\n    {\n      arrayStride: SEGMENT_STRIDE,\n      stepMode: \"instance\",\n      attributes: [\n        { shaderLocation: 0, offset: 0, format: \"float32x3\" },\n        { shaderLocation: 1, offset: 12, format: \"float32x3\" },\n        { shaderLocation: 2, offset: 24, format: \"unorm8x4\" },\n      ],\n    },\n  ];\n  const pipelines = {\n    points: [\n      pipeline(WGSL_POINTS, pointBuffers, \"triangle-strip\", false),\n      pipeline(WGSL_POINTS, pointBuffers, \"triangle-strip\", true),\n    ],\n    mesh: [\n      pipeline(WGSL_MESH, meshBuffers, \"triangle-list\", false),\n      pipeline(WGSL_MESH, meshBuffers, \"triangle-list\", true),\n    ],\n    lines: [\n      pipeline(WGSL_LINES, lineBuffers, \"triangle-strip\", false),\n      pipeline(WGSL_LINES, lineBuffers, \"triangle-strip\", true),\n    ],\n  };\n  let additivePoints: GPURenderPipeline | null = null;\n  const pipelineOf = (item: Item3D) => {\n    if (item.kind === \"points\" && item.additive) {\n      additivePoints ??= pipeline(\n        WGSL_POINTS,\n        pointBuffers,\n        \"triangle-strip\",\n        false,\n        additive,\n      );\n      return additivePoints;\n    }\n    const variants = pipelines[item.kind];\n    return variants[writesDepth(item) ? variants.length - 1 : 0];\n  };\n\n  // order-independent transparency: validated once (rgba16float targets are\n  // core, but a failing driver falls back to the sorted blending)\n  device.pushErrorScope(\"validation\");\n  const compositeLayout = device.createBindGroupLayout({\n    entries: [0, 1].map((binding) => ({\n      binding,\n      visibility: STAGE_FRAGMENT,\n      texture: { sampleType: \"unfilterable-float\" as const },\n    })),\n  });\n  const compositeModule = device.createShaderModule({ code: WGSL_COMPOSITE });\n  const oitPipelines = {\n    points: pipeline(\n      WGSL_POINTS,\n      pointBuffers,\n      \"triangle-strip\",\n      false,\n      blend,\n      true,\n    ),\n    mesh: pipeline(WGSL_MESH, meshBuffers, \"triangle-list\", false, blend, true),\n    composite: device.createRenderPipeline({\n      layout: device.createPipelineLayout({\n        bindGroupLayouts: [compositeLayout],\n      }),\n      vertex: { module: compositeModule, entryPoint: \"vs\" },\n      fragment: {\n        module: compositeModule,\n        entryPoint: \"fs\",\n        targets: [{ format, blend }],\n      },\n      primitive: { topology: \"triangle-list\" },\n      depthStencil: {\n        format: \"depth24plus\",\n        depthWriteEnabled: false,\n        depthCompare: \"always\",\n      },\n      multisample: { count: SAMPLES },\n    }),\n  };\n  const orderIndependent = !(await device.popErrorScope());\n\n  let targets: {\n    width: number;\n    height: number;\n    color: GPUTexture;\n    depth: GPUTexture;\n    /** Transparency targets, created on first use */\n    oit: {\n      accum: GPUTexture;\n      extra: GPUTexture;\n      accumResolved: GPUTexture;\n      extraResolved: GPUTexture;\n      bindGroup: GPUBindGroup;\n    } | null;\n  } | null = null;\n  const destroyOit = () => {\n    const oit = targets?.oit;\n    if (!oit) return;\n    oit.accum.destroy();\n    oit.extra.destroy();\n    oit.accumResolved.destroy();\n    oit.extraResolved.destroy();\n  };\n  const renderTargets = () => {\n    const width = canvas.width;\n    const height = canvas.height;\n    if (targets && targets.width === width && targets.height === height)\n      return targets;\n    targets?.color.destroy();\n    targets?.depth.destroy();\n    destroyOit();\n    targets = {\n      width,\n      height,\n      color: device.createTexture({\n        size: [width, height],\n        sampleCount: SAMPLES,\n        format,\n        usage: TEXTURE_RENDER_ATTACHMENT,\n      }),\n      depth: device.createTexture({\n        size: [width, height],\n        sampleCount: SAMPLES,\n        format: \"depth24plus\",\n        usage: TEXTURE_RENDER_ATTACHMENT,\n      }),\n      oit: null,\n    };\n    return targets;\n  };\n  const oitTargets = (t: NonNullable<typeof targets>) => {\n    if (t.oit) return t.oit;\n    const texture = (samples: number) =>\n      device.createTexture({\n        size: [t.width, t.height],\n        sampleCount: samples,\n        format: OIT_FORMAT,\n        usage:\n          samples > 1\n            ? TEXTURE_RENDER_ATTACHMENT\n            : TEXTURE_RENDER_ATTACHMENT | TEXTURE_BINDING,\n      });\n    const accumResolved = texture(1);\n    const extraResolved = texture(1);\n    t.oit = {\n      accum: texture(SAMPLES),\n      extra: texture(SAMPLES),\n      accumResolved,\n      extraResolved,\n      bindGroup: device.createBindGroup({\n        layout: compositeLayout,\n        entries: [\n          { binding: 0, resource: accumResolved.createView() },\n          { binding: 1, resource: extraResolved.createView() },\n        ],\n      }),\n    };\n    return t.oit;\n  };\n\n  const resources = new Map<string, ItemResources>();\n  const uniformData = new Float32Array(UNIFORM_BYTES / 4);\n\n  const buffer = (data: ArrayBuffer | Uint32Array, usage: number) => {\n    const bytes = data.byteLength;\n    if (bytes <= 0) return null;\n    const gpuBuffer = device.createBuffer({\n      size: Math.max(16, Math.ceil(bytes / 4) * 4),\n      usage: usage | BUFFER_COPY_DST,\n    });\n    if (data instanceof Uint32Array) {\n      device.queue.writeBuffer(\n        gpuBuffer,\n        0,\n        data.buffer,\n        data.byteOffset,\n        bytes,\n      );\n    } else {\n      device.queue.writeBuffer(gpuBuffer, 0, data);\n    }\n    return gpuBuffer;\n  };\n\n  const release = (res: ItemResources) => {\n    res.vertex?.destroy();\n    res.index?.destroy();\n  };\n\n  const upload = (item: Item3D): ItemResources => {\n    let res = resources.get(item.key);\n    if (res && res.version === item.version && res.kind === item.kind) {\n      // same mesh, triangles in a new order (transparent, sorted by depth)\n      if (\n        item.kind === \"mesh\" &&\n        res.index &&\n        (item.order ?? 0) !== res.order\n      ) {\n        const { indices } = item;\n        device.queue.writeBuffer(\n          res.index,\n          0,\n          indices.buffer,\n          indices.byteOffset,\n          indices.byteLength,\n        );\n        res.order = item.order ?? 0;\n      }\n      return res;\n    }\n    if (res) release(res);\n    const vertex = buffer(\n      item.kind === \"mesh\" ? item.vertices : item.data,\n      BUFFER_VERTEX,\n    );\n    const index =\n      item.kind === \"mesh\" ? buffer(item.indices, BUFFER_INDEX) : null;\n    if (!res) {\n      const uniform = device.createBuffer({\n        size: UNIFORM_BYTES,\n        usage: BUFFER_UNIFORM | BUFFER_COPY_DST,\n      });\n      res = {\n        version: item.version,\n        kind: item.kind,\n        vertex,\n        index,\n        order: item.kind === \"mesh\" ? (item.order ?? 0) : 0,\n        uniform,\n        bindGroup: device.createBindGroup({\n          layout: bindGroupLayout,\n          entries: [{ binding: 0, resource: { buffer: uniform } }],\n        }),\n      };\n      resources.set(item.key, res);\n    } else {\n      res.version = item.version;\n      res.kind = item.kind;\n      res.vertex = vertex;\n      res.index = index;\n      res.order = item.kind === \"mesh\" ? (item.order ?? 0) : 0;\n    }\n    return res;\n  };\n\n  return {\n    kind: \"webgpu\",\n    canvas,\n    orderIndependent,\n    resize(width, height) {\n      canvas.width = Math.max(1, width);\n      canvas.height = Math.max(1, height);\n    },\n    render(items, frame) {\n      if (destroyed) return;\n      const t = renderTargets();\n      const ordered = drawOrder(items);\n      const blended =\n        orderIndependent && ordered.some((item) => drawRank(item) === 2);\n      const encoder = device.createCommandEncoder();\n      const screen = context.getCurrentTexture().createView();\n      const seen = new Set<string>();\n      /** Draws an item; false when it has nothing to draw */\n      const draw = (\n        pass: GPURenderPassEncoder,\n        item: Item3D,\n        chosen: GPURenderPipeline,\n      ) => {\n        const count = item.kind === \"mesh\" ? item.indices.length : item.count;\n        if (count <= 0) return;\n        const res = upload(item);\n        if (!res.vertex) return;\n        device.queue.writeBuffer(\n          res.uniform,\n          0,\n          itemUniforms(item, frame, uniformData),\n        );\n        pass.setPipeline(chosen);\n        pass.setBindGroup(0, res.bindGroup);\n        pass.setVertexBuffer(0, res.vertex);\n        if (item.kind === \"mesh\") {\n          if (!res.index) return;\n          pass.setIndexBuffer(res.index, \"uint32\");\n          pass.drawIndexed(count);\n        } else {\n          pass.draw(4, count);\n        }\n      };\n\n      // opaque items (every item without blended ones)\n      const main = encoder.beginRenderPass({\n        colorAttachments: [\n          {\n            view: t.color.createView(),\n            resolveTarget: blended ? undefined : screen,\n            clearValue: { r: 0, g: 0, b: 0, a: 0 },\n            loadOp: \"clear\",\n            storeOp: blended ? \"store\" : \"discard\",\n          },\n        ],\n        depthStencilAttachment: {\n          view: t.depth.createView(),\n          depthClearValue: 1,\n          depthLoadOp: \"clear\",\n          depthStoreOp: blended ? \"store\" : \"discard\",\n        },\n      });\n      for (const item of ordered) {\n        if (blended && drawRank(item) > 1) break;\n        seen.add(item.key);\n        draw(main, item, pipelineOf(item));\n      }\n      main.end();\n\n      if (blended) {\n        // blended items, in any order, into the transparency targets\n        const oit = oitTargets(t);\n        const transparent = encoder.beginRenderPass({\n          colorAttachments: [\n            {\n              view: oit.accum.createView(),\n              resolveTarget: oit.accumResolved.createView(),\n              clearValue: { r: 0, g: 0, b: 0, a: 0 },\n              loadOp: \"clear\",\n              storeOp: \"discard\",\n            },\n            {\n              view: oit.extra.createView(),\n              resolveTarget: oit.extraResolved.createView(),\n              clearValue: { r: 0, g: 0, b: 0, a: 0 },\n              loadOp: \"clear\",\n              storeOp: \"discard\",\n            },\n          ],\n          depthStencilAttachment: {\n            view: t.depth.createView(),\n            depthReadOnly: true,\n          },\n        });\n        for (const item of ordered) {\n          if (drawRank(item) !== 2 || item.kind === \"lines\") continue;\n          seen.add(item.key);\n          draw(transparent, item, oitPipelines[item.kind]);\n        }\n        transparent.end();\n\n        // their composite over the opaque items, then the lines\n        const last = encoder.beginRenderPass({\n          colorAttachments: [\n            {\n              view: t.color.createView(),\n              resolveTarget: screen,\n              loadOp: \"load\",\n              storeOp: \"discard\",\n            },\n          ],\n          depthStencilAttachment: {\n            view: t.depth.createView(),\n            depthLoadOp: \"load\",\n            depthStoreOp: \"discard\",\n          },\n        });\n        last.setPipeline(oitPipelines.composite);\n        last.setBindGroup(0, oit.bindGroup);\n        last.draw(3);\n        for (const item of ordered) {\n          if (drawRank(item) < 3) continue;\n          seen.add(item.key);\n          draw(last, item, pipelineOf(item));\n        }\n        last.end();\n      }\n      device.queue.submit([encoder.finish()]);\n      for (const [key, res] of resources) {\n        if (!seen.has(key)) {\n          release(res);\n          res.uniform.destroy();\n          resources.delete(key);\n        }\n      }\n    },\n    destroy() {\n      destroyed = true;\n      for (const res of resources.values()) {\n        release(res);\n        res.uniform.destroy();\n      }\n      resources.clear();\n      targets?.color.destroy();\n      targets?.depth.destroy();\n      destroyOit();\n      targets = null;\n      context.unconfigure();\n      device.destroy();\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/three-d/webgpu.js

@@ -1,30 +1,31 @@
-import { drawOrder as e } from "./render-types.js";
-import { WGSL_LINES as t, WGSL_MESH as n, WGSL_POINTS as r, itemUniforms as i, writesDepth as a } from "./shaders.js";
+import { drawOrder as e, drawRank as t, writesDepth as n } from "./render-types.js";
+import { WGSL_COMPOSITE as r } from "./oit.js";
+import { WGSL_LINES as i, WGSL_MESH as a, WGSL_POINTS as o, itemUniforms as s } from "./shaders.js";
 //#region src/engine/three-d/webgpu.ts
-var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
-	let m = typeof navigator < "u" ? navigator.gpu : void 0;
-	if (!m) return null;
-	let h = await m.requestAdapter();
-	if (!h) return null;
-	let g = h;
-	if (p && (g.info?.isFallbackAdapter || g.isFallbackAdapter)) return null;
-	let _ = await h.requestDevice(), v = d.getContext("webgpu");
-	if (!v) return _.destroy(), null;
-	let y = m.getPreferredCanvasFormat();
-	v.configure({
-		device: _,
-		format: y,
+var c = 16, l = 32, u = 8, d = 2, f = 16, p = 4, m = "rgba16float", h = async (h, g, _ = !1) => {
+	let v = typeof navigator < "u" ? navigator.gpu : void 0;
+	if (!v) return null;
+	let y = await v.requestAdapter();
+	if (!y) return null;
+	let b = y;
+	if (_ && (b.info?.isFallbackAdapter || b.isFallbackAdapter)) return null;
+	let x = await y.requestDevice(), S = h.getContext("webgpu");
+	if (!S) return x.destroy(), null;
+	let C = v.getPreferredCanvasFormat();
+	S.configure({
+		device: x,
+		format: C,
 		alphaMode: "premultiplied"
 	});
-	let b = !1;
-	_.lost.then(() => {
-		b || f();
+	let w = !1;
+	x.lost.then(() => {
+		w || g();
 	});
-	let x = _.createBindGroupLayout({ entries: [{
+	let T = x.createBindGroupLayout({ entries: [{
 		binding: 0,
 		visibility: 3,
 		buffer: { type: "uniform" }
-	}] }), S = _.createPipelineLayout({ bindGroupLayouts: [x] }), C = {
+	}] }), E = x.createPipelineLayout({ bindGroupLayouts: [T] }), D = {
 		color: {
 			srcFactor: "one",
 			dstFactor: "one-minus-src-alpha",
@@ -35,21 +36,45 @@ var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
 			dstFactor: "one-minus-src-alpha",
 			operation: "add"
 		}
-	}, w = (e, t, n, r) => {
-		let i = _.createShaderModule({ code: e });
-		return _.createRenderPipeline({
-			layout: S,
+	}, O = {
+		color: {
+			srcFactor: "one",
+			dstFactor: "one",
+			operation: "add"
+		},
+		alpha: D.alpha
+	}, k = {
+		color: {
+			srcFactor: "one",
+			dstFactor: "one",
+			operation: "add"
+		},
+		alpha: {
+			srcFactor: "one",
+			dstFactor: "one",
+			operation: "add"
+		}
+	}, A = (e, t, n, r, i = D, a = !1) => {
+		let o = x.createShaderModule({ code: e });
+		return x.createRenderPipeline({
+			layout: E,
 			vertex: {
-				module: i,
+				module: o,
 				entryPoint: "vs",
 				buffers: t
 			},
 			fragment: {
-				module: i,
-				entryPoint: "fs",
-				targets: [{
-					format: y,
-					blend: C
+				module: o,
+				entryPoint: a ? "fsOit" : "fs",
+				targets: a ? [{
+					format: m,
+					blend: k
+				}, {
+					format: m,
+					blend: k
+				}] : [{
+					format: C,
+					blend: i
 				}]
 			},
 			primitive: {
@@ -61,9 +86,9 @@ var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
 				depthWriteEnabled: r,
 				depthCompare: "less-equal"
 			},
-			multisample: { count: u }
+			multisample: { count: p }
 		});
-	}, T = [{
+	}, j = [{
 		arrayStride: 20,
 		stepMode: "instance",
 		attributes: [
@@ -83,7 +108,7 @@ var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
 				format: "unorm8x4"
 			}
 		]
-	}], E = [{
+	}], M = [{
 		arrayStride: 28,
 		stepMode: "vertex",
 		attributes: [
@@ -103,7 +128,7 @@ var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
 				format: "unorm8x4"
 			}
 		]
-	}], D = [{
+	}], N = [{
 		arrayStride: 28,
 		stepMode: "instance",
 		attributes: [
@@ -123,52 +148,115 @@ var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
 				format: "unorm8x4"
 			}
 		]
-	}], O = {
-		points: [w(r, T, "triangle-strip", !1), w(r, T, "triangle-strip", !0)],
-		mesh: [w(n, E, "triangle-list", !1), w(n, E, "triangle-list", !0)],
-		lines: [w(t, D, "triangle-strip", !1), w(t, D, "triangle-strip", !0)]
-	}, k = null, A = () => {
-		let e = d.width, t = d.height;
-		return k && k.width === e && k.height === t ? k : (k?.color.destroy(), k?.depth.destroy(), k = {
+	}], P = {
+		points: [A(o, j, "triangle-strip", !1), A(o, j, "triangle-strip", !0)],
+		mesh: [A(a, M, "triangle-list", !1), A(a, M, "triangle-list", !0)],
+		lines: [A(i, N, "triangle-strip", !1), A(i, N, "triangle-strip", !0)]
+	}, F = null, I = (e) => {
+		if (e.kind === "points" && e.additive) return F ?? (F = A(o, j, "triangle-strip", !1, O)), F;
+		let t = P[e.kind];
+		return t[n(e) ? t.length - 1 : 0];
+	};
+	x.pushErrorScope("validation");
+	let L = x.createBindGroupLayout({ entries: [0, 1].map((e) => ({
+		binding: e,
+		visibility: d,
+		texture: { sampleType: "unfilterable-float" }
+	})) }), R = x.createShaderModule({ code: r }), z = {
+		points: A(o, j, "triangle-strip", !1, D, !0),
+		mesh: A(a, M, "triangle-list", !1, D, !0),
+		composite: x.createRenderPipeline({
+			layout: x.createPipelineLayout({ bindGroupLayouts: [L] }),
+			vertex: {
+				module: R,
+				entryPoint: "vs"
+			},
+			fragment: {
+				module: R,
+				entryPoint: "fs",
+				targets: [{
+					format: C,
+					blend: D
+				}]
+			},
+			primitive: { topology: "triangle-list" },
+			depthStencil: {
+				format: "depth24plus",
+				depthWriteEnabled: !1,
+				depthCompare: "always"
+			},
+			multisample: { count: p }
+		})
+	}, B = !await x.popErrorScope(), V = null, H = () => {
+		let e = V?.oit;
+		e && (e.accum.destroy(), e.extra.destroy(), e.accumResolved.destroy(), e.extraResolved.destroy());
+	}, U = () => {
+		let e = h.width, t = h.height;
+		return V && V.width === e && V.height === t ? V : (V?.color.destroy(), V?.depth.destroy(), H(), V = {
 			width: e,
 			height: t,
-			color: _.createTexture({
+			color: x.createTexture({
 				size: [e, t],
-				sampleCount: u,
-				format: y,
-				usage: l
+				sampleCount: p,
+				format: C,
+				usage: f
 			}),
-			depth: _.createTexture({
+			depth: x.createTexture({
 				size: [e, t],
-				sampleCount: u,
+				sampleCount: p,
 				format: "depth24plus",
-				usage: l
+				usage: f
+			}),
+			oit: null
+		}, V);
+	}, W = (e) => {
+		if (e.oit) return e.oit;
+		let t = (t) => x.createTexture({
+			size: [e.width, e.height],
+			sampleCount: t,
+			format: m,
+			usage: t > 1 ? f : 20
+		}), n = t(1), r = t(1);
+		return e.oit = {
+			accum: t(p),
+			extra: t(p),
+			accumResolved: n,
+			extraResolved: r,
+			bindGroup: x.createBindGroup({
+				layout: L,
+				entries: [{
+					binding: 0,
+					resource: n.createView()
+				}, {
+					binding: 1,
+					resource: r.createView()
+				}]
 			})
-		}, k);
-	}, j = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Float32Array(40), N = (e, t) => {
+		}, e.oit;
+	}, G = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Float32Array(40), q = (e, t) => {
 		let n = e.byteLength;
 		if (n <= 0) return null;
-		let r = _.createBuffer({
+		let r = x.createBuffer({
 			size: Math.max(16, Math.ceil(n / 4) * 4),
-			usage: t | c
+			usage: t | u
 		});
-		return e instanceof Uint32Array ? _.queue.writeBuffer(r, 0, e.buffer, e.byteOffset, n) : _.queue.writeBuffer(r, 0, e), r;
-	}, P = (e) => {
+		return e instanceof Uint32Array ? x.queue.writeBuffer(r, 0, e.buffer, e.byteOffset, n) : x.queue.writeBuffer(r, 0, e), r;
+	}, J = (e) => {
 		e.vertex?.destroy(), e.index?.destroy();
-	}, F = (e) => {
-		let t = j.get(e.key);
+	}, Y = (e) => {
+		let t = G.get(e.key);
 		if (t && t.version === e.version && t.kind === e.kind) {
 			if (e.kind === "mesh" && t.index && (e.order ?? 0) !== t.order) {
 				let { indices: n } = e;
-				_.queue.writeBuffer(t.index, 0, n.buffer, n.byteOffset, n.byteLength), t.order = e.order ?? 0;
+				x.queue.writeBuffer(t.index, 0, n.buffer, n.byteOffset, n.byteLength), t.order = e.order ?? 0;
 			}
 			return t;
 		}
-		t && P(t);
-		let n = N(e.kind === "mesh" ? e.vertices : e.data, s), r = e.kind === "mesh" ? N(e.indices, o) : null;
+		t && J(t);
+		let n = q(e.kind === "mesh" ? e.vertices : e.data, l), r = e.kind === "mesh" ? q(e.indices, c) : null;
 		if (t) t.version = e.version, t.kind = e.kind, t.vertex = n, t.index = r, t.order = e.kind === "mesh" ? e.order ?? 0 : 0;
 		else {
-			let i = _.createBuffer({
+			let i = x.createBuffer({
 				size: 160,
 				usage: 72
 			});
@@ -179,29 +267,40 @@ var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
 				index: r,
 				order: e.kind === "mesh" ? e.order ?? 0 : 0,
 				uniform: i,
-				bindGroup: _.createBindGroup({
-					layout: x,
+				bindGroup: x.createBindGroup({
+					layout: T,
 					entries: [{
 						binding: 0,
 						resource: { buffer: i }
 					}]
 				})
-			}, j.set(e.key, t);
+			}, G.set(e.key, t);
 		}
 		return t;
 	};
 	return {
 		kind: "webgpu",
-		canvas: d,
+		canvas: h,
+		orderIndependent: B,
 		resize(e, t) {
-			d.width = Math.max(1, e), d.height = Math.max(1, t);
+			h.width = Math.max(1, e), h.height = Math.max(1, t);
 		},
-		render(t, n) {
-			if (b) return;
-			let { color: r, depth: o } = A(), s = _.createCommandEncoder(), c = s.beginRenderPass({
+		render(n, r) {
+			if (w) return;
+			let i = U(), a = e(n), o = B && a.some((e) => t(e) === 2), c = x.createCommandEncoder(), l = S.getCurrentTexture().createView(), u = /* @__PURE__ */ new Set(), d = (e, t, n) => {
+				let i = t.kind === "mesh" ? t.indices.length : t.count;
+				if (i <= 0) return;
+				let a = Y(t);
+				if (a.vertex) {
+					if (x.queue.writeBuffer(a.uniform, 0, s(t, r, K)), e.setPipeline(n), e.setBindGroup(0, a.bindGroup), e.setVertexBuffer(0, a.vertex), t.kind === "mesh") {
+						if (!a.index) return;
+						e.setIndexBuffer(a.index, "uint32"), e.drawIndexed(i);
+					} else e.draw(4, i);
+				}
+			}, f = c.beginRenderPass({
 				colorAttachments: [{
-					view: r.createView(),
-					resolveTarget: v.getCurrentTexture().createView(),
+					view: i.color.createView(),
+					resolveTarget: o ? void 0 : l,
 					clearValue: {
 						r: 0,
 						g: 0,
@@ -209,41 +308,79 @@ var o = 16, s = 32, c = 8, l = 16, u = 4, d = async (d, f, p = !1) => {
 						a: 0
 					},
 					loadOp: "clear",
-					storeOp: "discard"
+					storeOp: o ? "store" : "discard"
 				}],
 				depthStencilAttachment: {
-					view: o.createView(),
+					view: i.depth.createView(),
 					depthClearValue: 1,
 					depthLoadOp: "clear",
-					depthStoreOp: "discard"
-				}
-			}), l = /* @__PURE__ */ new Set();
-			for (let r of e(t)) {
-				l.add(r.key);
-				let e = r.kind === "mesh" ? r.indices.length : r.count;
-				if (e <= 0) continue;
-				let t = F(r);
-				if (!t.vertex) continue;
-				_.queue.writeBuffer(t.uniform, 0, i(r, n, M));
-				let o = O[r.kind], s = o[a(r) ? o.length - 1 : 0];
-				if (s) {
-					if (c.setPipeline(s), c.setBindGroup(0, t.bindGroup), c.setVertexBuffer(0, t.vertex), r.kind === "mesh") {
-						if (!t.index) continue;
-						c.setIndexBuffer(t.index, "uint32"), c.drawIndexed(e);
-					} else c.draw(4, e);
+					depthStoreOp: o ? "store" : "discard"
 				}
+			});
+			for (let e of a) {
+				if (o && t(e) > 1) break;
+				u.add(e.key), d(f, e, I(e));
+			}
+			if (f.end(), o) {
+				let e = W(i), n = c.beginRenderPass({
+					colorAttachments: [{
+						view: e.accum.createView(),
+						resolveTarget: e.accumResolved.createView(),
+						clearValue: {
+							r: 0,
+							g: 0,
+							b: 0,
+							a: 0
+						},
+						loadOp: "clear",
+						storeOp: "discard"
+					}, {
+						view: e.extra.createView(),
+						resolveTarget: e.extraResolved.createView(),
+						clearValue: {
+							r: 0,
+							g: 0,
+							b: 0,
+							a: 0
+						},
+						loadOp: "clear",
+						storeOp: "discard"
+					}],
+					depthStencilAttachment: {
+						view: i.depth.createView(),
+						depthReadOnly: !0
+					}
+				});
+				for (let e of a) t(e) === 2 && e.kind !== "lines" && (u.add(e.key), d(n, e, z[e.kind]));
+				n.end();
+				let r = c.beginRenderPass({
+					colorAttachments: [{
+						view: i.color.createView(),
+						resolveTarget: l,
+						loadOp: "load",
+						storeOp: "discard"
+					}],
+					depthStencilAttachment: {
+						view: i.depth.createView(),
+						depthLoadOp: "load",
+						depthStoreOp: "discard"
+					}
+				});
+				r.setPipeline(z.composite), r.setBindGroup(0, e.bindGroup), r.draw(3);
+				for (let e of a) t(e) < 3 || (u.add(e.key), d(r, e, I(e)));
+				r.end();
 			}
-			c.end(), _.queue.submit([s.finish()]);
-			for (let [e, t] of j) l.has(e) || (P(t), t.uniform.destroy(), j.delete(e));
+			x.queue.submit([c.finish()]);
+			for (let [e, t] of G) u.has(e) || (J(t), t.uniform.destroy(), G.delete(e));
 		},
 		destroy() {
-			b = !0;
-			for (let e of j.values()) P(e), e.uniform.destroy();
-			j.clear(), k?.color.destroy(), k?.depth.destroy(), k = null, v.unconfigure(), _.destroy();
+			w = !0;
+			for (let e of G.values()) J(e), e.uniform.destroy();
+			G.clear(), V?.color.destroy(), V?.depth.destroy(), H(), V = null, S.unconfigure(), x.destroy();
 		}
 	};
 };
 //#endregion
-export { d as createWebGpu3D };
+export { h as createWebGpu3D };
 
 //# sourceMappingURL=webgpu.js.map