pacem 0.51.1 → 0.51.2-atlantis

package/dist/css/pacem-dark-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/azure-maps.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.min.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-3d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -536,7 +536,7 @@ declare namespace Pacem.Drawing3D.WebGPU {
         readonly format: GPUTextureFormat;
     }
     type RenderPassEncoderBindDelegate = (pass: GPURenderPassEncoder, ...buffers: RenderableBuffer[]) => void;
-    type RenderableBufferKey = 'u32id' | 'cameraViewTransform' | 'cameraViewProjectionTransform' | 'cameraInverseViewProjectionTransform' | 'objectWorldTransform' | 'geometryPositions' | 'light' | 'geometryNormals' | 'geometryTexCoords' | 'vertexColors';
+    type RenderableBufferKey = 'u32id' | 'cameraViewTransform' | 'cameraViewProjectionTransform' | 'cameraInverseViewProjectionTransform' | 'objectWorldTransform' | 'geometryPositions' | 'light' | 'geometryNormals' | 'geometryTexCoords' | 'vertexColors' | 'geometry';
     type MaterialKey = 'texture' | 'sampler' | 'normalTexture' | '';
     type Texture = {
         texture?: GPUTexture;
@@ -649,7 +649,8 @@ declare namespace Pacem.Drawing3D.WebGPU {
         static createIndexed(device: GPUDevice, data: Uint16Array, label?: string): GPUBuffer;
     }
     class BufferLayouts {
-        static createVertex(shaderLocation?: number, size?: number): GPUVertexBufferLayout;
+        static createVertex(shaderLocation: number, size?: number): GPUVertexBufferLayout;
+        static createVertex(shaderLocationStart: number, ...sizes: number[]): GPUVertexBufferLayout;
     }
 }
 declare namespace Pacem.Drawing3D.WebGPU {
@@ -761,6 +762,7 @@ declare namespace Pacem.Drawing3D.WebGPU {
     type PipelineOptions = {
         primitive: GPUPrimitiveState;
         multisample: boolean;
+        packedVertices: boolean;
     };
     class RenderPipeline {
         private static _memoizer;

package/dist/js/pacem-3d.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-atlantis (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -279,7 +279,7 @@ var Pacem;
         }
         Drawing3D.isStage = isStage;
         function isRenderable(object) {
-            return !Pacem.Utils.isNull(object) && 'stage' in object && isStage(object['stage']);
+            return isStage(object?.stage);
         }
         Drawing3D.isRenderable = isRenderable;
         function isUi3DObject(object) {
@@ -287,7 +287,7 @@ var Pacem;
         }
         Drawing3D.isUi3DObject = isUi3DObject;
         function isCamera(object) {
-            return isRenderable(object) && 'type' in object && 'up' in object && 'lookAt' in object;
+            return 'type' in object && 'up' in object && 'lookAt' in object && isRenderable(object);
         }
         Drawing3D.isCamera = isCamera;
         function isPerspectiveCamera(object) {
@@ -299,11 +299,11 @@ var Pacem;
         }
         Drawing3D.isOrthographicCamera = isOrthographicCamera;
         function isLight(object) {
-            return isRenderable(object) && 'type' in object && (object.type === 'omni' || object.type === 'direction' || object.type == 'spot');
+            return 'type' in object && (object.type === 'omni' || object.type === 'direction' || object.type == 'spot') && isRenderable(object);
         }
         Drawing3D.isLight = isLight;
         function isMesh(object) {
-            return isUi3DObject(object) && 'geometry' in object;
+            return 'geometry' in object && isUi3DObject(object);
         }
         Drawing3D.isMesh = isMesh;
         function isGeometry(object) {
@@ -311,14 +311,13 @@ var Pacem;
         }
         Drawing3D.isGeometry = isGeometry;
         function isMeshGeometry(object) {
-            return isGeometry(object) &&
-                ('triangleIndices' in object && Pacem.Utils.isArray(object.triangleIndices)
-                    || 'normals' in object && Pacem.Utils.isArray(object.normals)
-                    || 'textureCoordinates' in object && Pacem.Utils.isArray(object.textureCoordinates));
+            return ('triangleIndices' in object && Pacem.Utils.isArray(object.triangleIndices)
+                || 'normals' in object && Pacem.Utils.isArray(object.normals)
+                || 'textureCoordinates' in object && Pacem.Utils.isArray(object.textureCoordinates)) && isGeometry(object);
         }
         Drawing3D.isMeshGeometry = isMeshGeometry;
         function isGroup(object) {
-            return isUi3DObject(object) && 'childRenderables' in object && !Pacem.Utils.isNullOrEmpty(object['childRenderables']);
+            return 'childRenderables' in object && !Pacem.Utils.isNullOrEmpty(object['childRenderables']) && isUi3DObject(object);
         }
         Drawing3D.isGroup = isGroup;
         /**
@@ -1971,16 +1970,21 @@ var Pacem;
             }
             WebGPU.Buffers = Buffers;
             class BufferLayouts {
-                static createVertex(shaderLocation = 0, size = 3) {
+                static createVertex(shaderLocationStart = 0, size = 3, ...sizes) {
+                    const attributes = [];
+                    let fullSize = 0, index = 0;
+                    for (let sz of [size].concat(sizes)) {
+                        attributes.push({
+                            shaderLocation: shaderLocationStart + index,
+                            offset: fullSize * Float32Array.BYTES_PER_ELEMENT,
+                            format: `float32x${sz}`,
+                        });
+                        fullSize += sz;
+                        index++;
+                    }
                     return {
-                        arrayStride: size /* x, y, z */ * Float32Array.BYTES_PER_ELEMENT,
-                        attributes: [
-                            {
-                                shaderLocation,
-                                offset: 0,
-                                format: `float32x${size}`,
-                            }
-                        ],
+                        arrayStride: fullSize /* x, y, z */ * Float32Array.BYTES_PER_ELEMENT,
+                        attributes,
                         stepMode: 'vertex'
                     };
                 }
@@ -2306,6 +2310,7 @@ var Pacem;
             const labelPrefix = WebGPU.LABEL_PREFIX;
             const DefaultPipelineOptions = {
                 multisample: true,
+                packedVertices: true,
                 primitive: {
                     topology: 'triangle-list',
                     frontFace: 'ccw',
@@ -2497,8 +2502,9 @@ var Pacem;
                         const meshPipeline = new MeshRenderPipelineClass(ctx, mesh, camera, ...lights);
                         // cache peek for sudden return
                         const key = meshPipeline.key;
-                        if (cache.has(key)) {
-                            return cache.get(key);
+                        const found = cache.get(key);
+                        if (found) {
+                            return found;
                         }
                         // no cache -> build it
                         meshPipeline.build(pipelineOptions);
@@ -2522,7 +2528,8 @@ var Pacem;
                     // #region fields and utils
                     this._ensureU32idBindGroup = (item, buffer, refresh) => {
                         let set = this._idBindGroups;
-                        if (!set.has(item) || refresh) {
+                        let retval = set.get(item);
+                        if (refresh || Pacem.Utils.isNull(retval)) {
                             const { device } = this._context;
                             const layout = this._pickBindGroupLayout;
                             if (layout.label !== (labelPrefix + 'mesh-colorpick-bind-group-layout')) {
@@ -2538,13 +2545,14 @@ var Pacem;
                                         }
                                     }]
                             });
-                            set.set(item, actual);
+                            set.set(item, retval = actual);
                         }
-                        return set.get(item);
+                        return retval;
                     };
                     this._ensureMaterialBindGroup = (item, buffer, texBmp, refresh, layoutIndex = WebGPU.MATERIAL_GROUP_INDEX) => {
                         let set = this._materialBindGroups;
-                        if (!set.has(item) || refresh) {
+                        let retval = set.get(item);
+                        if (refresh || Pacem.Utils.isNull(retval)) {
                             const { device } = this._context;
                             const layout = this._bindGroupLayouts[layoutIndex];
                             if (layout.label !== (labelPrefix + 'material-bind-group-layout')) {
@@ -2576,13 +2584,14 @@ var Pacem;
                                 layout,
                                 entries
                             });
-                            set.set(item, [actual, texture]);
+                            set.set(item, retval = [actual, texture]);
                         }
-                        return set.get(item);
+                        return retval;
                     };
                     this._ensureWorldTransformBindGroup = (item, buffer, refresh, layoutIndex = WebGPU.UNIFORM_GROUP_INDEX_WORLDTRANSFORM) => {
                         let set = this._meshBindGroups;
-                        if (!set.has(item) || refresh) {
+                        let retval = set.get(item);
+                        if (refresh || Pacem.Utils.isNull(retval)) {
                             const { device } = this._context;
                             const layout = this._bindGroupLayouts[layoutIndex];
                             if (layout.label !== (labelPrefix + 'mesh-transforms-bind-group-layout')) {
@@ -2597,13 +2606,14 @@ var Pacem;
                                         }
                                     }]
                             });
-                            set.set(item, actual);
+                            set.set(item, retval = actual);
                         }
-                        return set.get(item);
+                        return retval;
                     };
                     this._ensureCameraProjectionBindGroup = (item, viewBuffer, viewProjectionBuffer, refresh, layoutIndex = WebGPU.UNIFORM_GROUP_INDEX_VIEWTRANSFORM) => {
                         let set = this._cameraProjectionBindGroups;
-                        if (!set.has(item) || refresh) {
+                        let retval = set.get(item);
+                        if (refresh || Pacem.Utils.isNull(retval)) {
                             const { device } = this._context;
                             const layout = this._bindGroupLayouts[layoutIndex];
                             const actual = device.createBindGroup({
@@ -2620,14 +2630,15 @@ var Pacem;
                                         }
                                     }]
                             });
-                            set.set(item, actual);
+                            set.set(item, retval = actual);
                         }
-                        return set.get(item);
+                        return retval;
                     };
                     this._ensureLightingBindGroup = (lights, refresh, layoutIndex = WebGPU.UNIFORM_GROUP_INDEX_LIGHTING) => {
                         let set = this._lightingBindGroups;
                         const key = lights.map(l => l.id).join(':');
-                        if (!set.has(key) || refresh) {
+                        let retval = set.get(key);
+                        if (refresh || Pacem.Utils.isNull(retval)) {
                             const { device } = this._context;
                             const layout = this._bindGroupLayouts[layoutIndex];
                             const entries = lights.map((light, index) => {
@@ -2641,9 +2652,9 @@ var Pacem;
                                 layout,
                                 entries
                             });
-                            set.set(key, actual);
+                            set.set(key, retval = actual);
                         }
-                        return set.get(key);
+                        return retval;
                     };
                     this._bindGroupLayouts = [];
                     this._meshBindGroups = new WeakMap();
@@ -2684,16 +2695,23 @@ var Pacem;
                                 lightBuffers.push(buffer);
                             }
                         }
-                        // set
-                        pass.setPipeline(this._pipeline);
+                        // same pass
+                        const samePass = pass === this.#previousPass;
+                        if (!samePass) {
+                            this.#previousPass = pass;
+                            // set
+                            pass.setPipeline(this._pipeline);
+                        }
                         try {
                             // bind
                             this._bindVertex(pass, meshBuffer);
                             this._bindWorldTransform(pass, meshBuffer);
-                            this._bindCameraProjection(pass, cameraBuffer);
                             this._bindMaterial(pass, meshBuffer);
                             this._bindTextures(pass, meshBuffer);
-                            this._bindLighting(pass, ...lightBuffers);
+                            if (!samePass) {
+                                this._bindCameraProjection(pass, cameraBuffer);
+                                this._bindLighting(pass, ...lightBuffers);
+                            }
                             // draw
                             const mesh = meshBuffer.item, geometry = mesh.geometry;
                             pass.draw(geometry.triangleIndices?.length || geometry.positions.length);
@@ -2749,14 +2767,19 @@ var Pacem;
                     // build vertex state
                     const vertex = {
                         module: device.createShaderModule({ code: wgsl.vertex }),
-                        buffers: [
-                            // position
-                            WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, 3),
-                            // normal
-                            WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_NORMAL, 3),
-                            // uv
-                            WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_UV, 2)
-                        ]
+                        buffers: options.packedVertices ?
+                            [
+                                // packed
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, 3, 3, 2),
+                            ]
+                            : [
+                                // position
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, 3),
+                                // normal
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_NORMAL, 3),
+                                // uv
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_UV, 2)
+                            ]
                     };
                     // bind group layouts
                     const worldBindGroupLayout = device.createBindGroupLayout({
@@ -2919,7 +2942,7 @@ var Pacem;
                     this._materialBindGroups = new WeakMap();
                     this._lightingBindGroups.clear();
                     // vertex buffers
-                    this._bindVertex = (pass, ...buffers) => {
+                    const bindVertexSplit = (pass, ...buffers) => {
                         const meshBuffer = buffers.at(0);
                         if (Pacem.Utils.isNull(meshBuffer)) {
                             throw new ReferenceError(`Null ${WebGPU.RenderableBuffer.name} bringing vertex buffers was provided.`);
@@ -2931,6 +2954,15 @@ var Pacem;
                         pass.setVertexBuffer(WebGPU.VERTEX_BUFFER_INDEX_MESH_NORMAL, normals);
                         pass.setVertexBuffer(WebGPU.VERTEX_BUFFER_INDEX_MESH_UV, uv);
                     };
+                    const bindVertexPacked = (pass, ...buffers) => {
+                        const meshBuffer = buffers.at(0);
+                        if (Pacem.Utils.isNull(meshBuffer)) {
+                            throw new ReferenceError(`Null ${WebGPU.RenderableBuffer.name} bringing vertex buffers was provided.`);
+                        }
+                        const { buffer } = meshBuffer.buffer(ctx, 'geometry');
+                        pass.setVertexBuffer(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, buffer);
+                    };
+                    this._bindVertex = options.packedVertices ? bindVertexPacked : bindVertexSplit;
                     // world transform
                     this._bindWorldTransform = (pass, ...buffers) => {
                         const meshBuffer = buffers.at(0);
@@ -2999,6 +3031,7 @@ var Pacem;
                         pass.setBindGroup(group, bindGroup);
                     };
                 }
+                #previousPass;
             }
         })(WebGPU = Drawing3D.WebGPU || (Drawing3D.WebGPU = {}));
     })(Drawing3D = Pacem.Drawing3D || (Pacem.Drawing3D = {}));
@@ -3432,7 +3465,7 @@ var Pacem;
             // #endregion
             // #region GEOMETRY
             class GeometryBuffer {
-                #freshness = { positions: true, normals: true, uv: true };
+                #freshness = { positions: true, normals: true, uv: true, packed: true };
                 #geometry;
                 #geometryBuffers;
                 constructor(geometry) {
@@ -3471,6 +3504,11 @@ var Pacem;
                             const { uv } = geom, uvFresh = freshness.uv;
                             freshness.uv = false;
                             return Pacem.Utils.extend({ fresh: uvFresh }, uv);
+                        case 'geometry':
+                            // alltogether
+                            const { packed } = geom, geomFresh = freshness.packed;
+                            freshness.packed = false;
+                            return Pacem.Utils.extend({ fresh: geomFresh }, packed);
                         default:
                             throwBufferRequestError(key, GeometryBuffer);
                     }
@@ -3488,13 +3526,28 @@ var Pacem;
                         const flatPositions = hasTriangleIndices ?
                             meshGeometry.triangleIndices.map(index => meshGeometry.positions[index])
                             : meshGeometry.positions;
-                        const positionsValue = new Float32Array(AdapterUtils.flattenVectorArray(flatPositions));
+                        const length2 = flatPositions.length * 2, length3 = length2 + flatPositions.length;
+                        const positionsValue = new Float32Array(length3); //AdapterUtils.flattenVectorArray(flatPositions));
+                        const normalsValue = new Float32Array(length3); //AdapterUtils.flattenVectorArray(meshGeometry.normals));
+                        const uvValue = new Float32Array(length2); //AdapterUtils.flattenVectorArray(meshGeometry.textureCoordinates));
+                        const geomValue = new Float32Array(2 * length3 + length2);
+                        for (let j = 0; j < flatPositions.length; j++) {
+                            const offset2 = 2 * j;
+                            const offset3 = 3 * j;
+                            const { x, y, z } = flatPositions[j];
+                            const { x: nx, y: ny, z: nz } = meshGeometry.normals[j];
+                            const { x: u, y: v } = meshGeometry.textureCoordinates[j];
+                            positionsValue.set([x, y, z], offset3);
+                            normalsValue.set([nx, ny, nz], offset3);
+                            uvValue.set([u, v], offset2);
+                            geomValue.set([x, y, z, nx, ny, nz, u, v], offset3 * 2 + offset2);
+                        }
                         const positions = WebGPU.Buffers.create(device, positionsValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-positions-buffer');
-                        const normalsValue = new Float32Array(AdapterUtils.flattenVectorArray(meshGeometry.normals));
                         const normals = WebGPU.Buffers.create(device, normalsValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-normals-buffer');
-                        const uvValue = new Float32Array(AdapterUtils.flattenVectorArray(meshGeometry.textureCoordinates));
                         const uv = WebGPU.Buffers.create(device, uvValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-uvmap-buffer');
+                        const geom = WebGPU.Buffers.create(device, geomValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-buffer');
                         this.#geometryBuffers = {
+                            packed: { buffer: geom, value: geomValue },
                             positions: { buffer: positions, value: positionsValue },
                             normals: { buffer: normals, value: normalsValue },
                             uv: { buffer: uv, value: uvValue },
@@ -3507,8 +3560,10 @@ var Pacem;
                             positions: { buffer: positions, value: positionsValue },
                             normals: { buffer: null, value: null },
                             uv: { buffer: null, value: null },
+                            packed: { buffer: null, value: null }
                         };
                     }
+                    this.#freshness = { positions: true, normals: true, uv: true, packed: true };
                 }
                 destroy() {
                     this.destroyBuffers();
@@ -3639,6 +3694,7 @@ var Pacem;
                         case 'geometryPositions':
                         case 'geometryNormals':
                         case 'geometryTexCoords':
+                        case 'geometry':
                             return geom.buffer(context, key);
                         case 'vertexColors':
                             return mater.buffer(context, key);