pacem 0.40.0-cosa → 0.40.0-delphi

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

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-cosa (https://js.pacem.it)
+ * pacem v0.40.0-delphi (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */
@@ -20,6 +20,15 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var Pacem;
 (function (Pacem) {
     var Drawing3D;
@@ -323,13 +332,14 @@ var Pacem;
                 }
                 /** Calls for a redraw of the current element in the next rendering process. */
                 setAsDirty(...flags) {
+                    var _a;
                     // set the flags that identify the stale part of the object to be updated.
                     for (let flag of flags) {
                         if (!this.flags.includes(flag)) {
                             this.flags.push(flag);
                         }
                     }
-                    this.stage?.render(this);
+                    (_a = this.stage) === null || _a === void 0 ? void 0 : _a.render(this);
                 }
             }
             _RenderableElement_staleFlags = new WeakMap();
@@ -576,6 +586,7 @@ var Pacem;
                         this._itemDispatch(object, point, type, evt);
                     };
                     this._moveHandler = (evt) => {
+                        var _a, _b;
                         let me = this;
                         if (!me.adapter || !me.interactive) {
                             return;
@@ -585,8 +596,8 @@ var Pacem;
                         let result = me.adapter.raycast({ x: evt.pageX - rect.left, y: evt.pageY - rect.top }, rect);
                         // TODO: handle dragging
                         if (result != me._lastHitResult) {
-                            if (result?.object != me._lastHitResult?.object) {
-                                const obj = result?.object, last = me._lastHitResult?.object, pt = result?.point;
+                            if ((result === null || result === void 0 ? void 0 : result.object) != ((_a = me._lastHitResult) === null || _a === void 0 ? void 0 : _a.object)) {
+                                const obj = result === null || result === void 0 ? void 0 : result.object, last = (_b = me._lastHitResult) === null || _b === void 0 ? void 0 : _b.object, pt = result === null || result === void 0 ? void 0 : result.point;
                                 if (!Pacem.Utils.isNull(last)) {
                                     this._itemDispatch(last, pt, 'out', evt);
                                 }
@@ -650,7 +661,7 @@ var Pacem;
                             val.initialize(this).then(_ => {
                                 this.items.forEach(i => this._add(i));
                             }, e => {
-                                this.log(Pacem.Logging.LogLevel.Error, e?.toString());
+                                this.log(Pacem.Logging.LogLevel.Error, e === null || e === void 0 ? void 0 : e.toString());
                             });
                         }
                         resolve();
@@ -850,11 +861,12 @@ var Pacem;
                     this.material = this.createMaterial();
                 }
                 createMaterial() {
+                    var _a, _b, _c;
                     return {
-                        opacity: this.opacity ?? 1.0,
-                        wireframe: this.wireframe ?? false,
+                        opacity: (_a = this.opacity) !== null && _a !== void 0 ? _a : 1.0,
+                        wireframe: (_b = this.wireframe) !== null && _b !== void 0 ? _b : false,
                         color: this.color || Pacem.Utils.Css.getVariableValue(`--${Pacem.PCSS}-color-primary`),
-                        visible: this.visible ?? true,
+                        visible: (_c = this.visible) !== null && _c !== void 0 ? _c : true,
                         map: this.map,
                         shader: this.shader
                     };
@@ -913,11 +925,12 @@ var Pacem;
                 }
                 return retval;
             }
-            const threeJsVersion = '0.128.0';
+            const threeJsVersion = '0.152.2', lastOrditCtrlJsVersion = '0.147.0';
+            ;
             const consts = {
                 VERSION: threeJsVersion,
-                API_URI: `https://unpkg.com/three@${threeJsVersion}/build/three.js`,
-                ORBIT_URI: `https://unpkg.com/three@${threeJsVersion}/examples/js/controls/OrbitControls.js`,
+                API_URI: `https://unpkg.com/three@${threeJsVersion}/build/three.min.js`,
+                ORBIT_URI: `https://unpkg.com/three@${lastOrditCtrlJsVersion}/examples/js/controls/OrbitControls.js`,
                 LOADERS: [
                 //`https://unpkg.com/three@${threeJsVersion}/examples/js/loaders/OBJLoader.js`,
                 //`https://unpkg.com/three@${threeJsVersion}/examples/js/loaders/MTLLoader.js`,
@@ -1007,17 +1020,18 @@ var Pacem;
                 return light;
             }
             function materialToMaterial(material) {
+                var _a, _b, _c, _d, _e, _f, _g;
                 if (Pacem.Utils.isNull(material)) {
                     return null;
                 }
                 const lineBase = {
                     color: material.color,
-                    opacity: material.opacity ?? 1,
+                    opacity: (_a = material.opacity) !== null && _a !== void 0 ? _a : 1,
                     transparent: true,
-                    wireframe: material.wireframe ?? false,
-                    visible: material.visible ?? true
+                    wireframe: (_b = material.wireframe) !== null && _b !== void 0 ? _b : false,
+                    visible: (_c = material.visible) !== null && _c !== void 0 ? _c : true
                 };
-                const base = Pacem.Utils.extend({}, lineBase, { wireframe: material.wireframe ?? false });
+                const base = Pacem.Utils.extend({}, lineBase, { wireframe: (_d = material.wireframe) !== null && _d !== void 0 ? _d : false });
                 const mipMapMaterial = (m) => {
                     if (material.map) {
                         m['map'] = new THREE.TextureLoader().load(material.map, _ => {
@@ -1059,9 +1073,9 @@ var Pacem;
                 else if (Pacem.Drawing3D.isLineMaterial(material)) {
                     const dash = material.dashArray && material.dashArray[0] || null, gap = material.dashArray && material.dashArray.length > 1 && material.dashArray[1] || dash;
                     const lineMatOptions = Pacem.Utils.extend(lineBase, {
-                        linecap: material.lineCap ?? 'round',
-                        linejoin: material.lineJoin ?? 'round',
-                        linewidth: material.lineWidth ?? 1
+                        linecap: (_e = material.lineCap) !== null && _e !== void 0 ? _e : 'round',
+                        linejoin: (_f = material.lineJoin) !== null && _f !== void 0 ? _f : 'round',
+                        linewidth: (_g = material.lineWidth) !== null && _g !== void 0 ? _g : 1
                     });
                     return Pacem.Utils.isNullOrEmpty(material.dashArray) ?
                         new THREE.LineBasicMaterial(lineMatOptions)
@@ -1103,8 +1117,9 @@ var Pacem;
                 return multi && materials.length > 1 ? materials : material;
             }
             function load(item) {
+                var _a;
                 if (!Pacem.Utils.isNullOrEmpty(item.content)) {
-                    const type = item.type?.toLowerCase();
+                    const type = (_a = item.type) === null || _a === void 0 ? void 0 : _a.toLowerCase();
                     switch (type) {
                         case 'obj':
                             const obj = new THREE['OBJLoader']();
@@ -1131,21 +1146,23 @@ var Pacem;
             function isTHREEAvailable() {
                 return 'THREE' in window;
             }
-            async function whenTHREEAvailable(...args) {
-                const start = Date.now();
-                var initialized = false;
-                do {
-                    initialized = isTHREEAvailable();
-                    for (let pred of args) {
-                        initialized &&= pred();
-                    }
+            function whenTHREEAvailable(...args) {
+                return __awaiter(this, void 0, void 0, function* () {
+                    const start = Date.now();
+                    var initialized = false;
+                    do {
+                        initialized = isTHREEAvailable();
+                        for (let pred of args) {
+                            initialized && (initialized = pred());
+                        }
+                        if (!initialized) {
+                            yield new Promise(resolve => setTimeout(resolve, 500));
+                        }
+                    } while (!initialized && (Date.now() - start) < 30000);
                     if (!initialized) {
-                        await new Promise(resolve => setTimeout(resolve, 500));
+                        throw new Error('The wait for THREE adapter initialization timed out.');
                     }
-                } while (!initialized && (Date.now() - start) < 30000);
-                if (!initialized) {
-                    throw new Error('The wait for THREE adapter initialization timed out.');
-                }
+                });
             }
             let Pacem3DThreeAdapterElement = class Pacem3DThreeAdapterElement extends Drawing3D.Pacem3DAdapterElement {
                 constructor() {
@@ -1299,32 +1316,34 @@ var Pacem;
                     return null;
                 }
                 // #region ABSTRACT IMPLEMENTATION
-                async initialize(container) {
-                    if (!Pacem.Utils.isNull(this._stage)) {
-                        return this._stage;
-                    }
-                    this._3d = container;
-                    const wrapper = container.stage;
-                    const stage = this._stage = document.createElement('canvas');
-                    wrapper.innerHTML = '';
-                    wrapper.appendChild(stage);
-                    await Pacem.CustomElementUtils.importjs(consts.API_URI);
-                    await whenTHREEAvailable();
-                    await Promise.all([Pacem.CustomElementUtils.importjs(consts.ORBIT_URI)]
-                        .concat(consts.LOADERS.map(js => Pacem.CustomElementUtils.importjs(js))));
-                    // here comes THREE.js
-                    this._scene = new THREE.Scene();
-                    // this._scene.add(new THREE.Mesh(new THREE.PlaneGeometry(1, 1, 1, 1), consts.DEFAULT_MATERIAL()));
-                    this.invalidateSize(container.size);
-                    let w = this._stage.width, h = this._stage.height;
-                    //if (!ctrl.renderer)
-                    let parameters = {
-                        canvas: stage, antialias: true, stencil: false, alpha: true //, clearAlpha: 1
-                    };
-                    this._renderer = new THREE.WebGLRenderer(parameters);
-                    this._renderer.setSize(w, h);
-                    this.orbit = container.orbit;
-                    return stage;
+                initialize(container) {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        if (!Pacem.Utils.isNull(this._stage)) {
+                            return this._stage;
+                        }
+                        this._3d = container;
+                        const wrapper = container.stage;
+                        const stage = this._stage = document.createElement('canvas');
+                        wrapper.innerHTML = '';
+                        wrapper.appendChild(stage);
+                        yield Pacem.CustomElementUtils.importjs(consts.API_URI);
+                        yield whenTHREEAvailable();
+                        yield Promise.all([Pacem.CustomElementUtils.importjs(consts.ORBIT_URI)]
+                            .concat(consts.LOADERS.map(js => Pacem.CustomElementUtils.importjs(js))));
+                        // here comes THREE.js
+                        this._scene = new THREE.Scene();
+                        // this._scene.add(new THREE.Mesh(new THREE.PlaneGeometry(1, 1, 1, 1), consts.DEFAULT_MATERIAL()));
+                        this.invalidateSize(container.size);
+                        let w = this._stage.width, h = this._stage.height;
+                        //if (!ctrl.renderer)
+                        let parameters = {
+                            canvas: stage, antialias: true, stencil: false, alpha: true //, clearAlpha: 1
+                        };
+                        this._renderer = new THREE.WebGLRenderer(parameters);
+                        this._renderer.setSize(w, h);
+                        this.orbit = container.orbit;
+                        return stage;
+                    });
                 }
                 _setCamera(cam) {
                     this._camera = cam;
@@ -1485,6 +1504,106 @@ var Pacem;
         })(Drawing3D = Components.Drawing3D || (Components.Drawing3D = {}));
     })(Components = Pacem.Components || (Pacem.Components = {}));
 })(Pacem || (Pacem = {}));
+/// <reference path="../../../../dist/js/pacem-core.d.ts" />
+/// <reference path="../types.ts" />
+/// <reference path="../materials/material.ts" />
+var Pacem;
+(function (Pacem) {
+    var Components;
+    (function (Components) {
+        var Drawing3D;
+        (function (Drawing3D) {
+            var _Pacem3DWebGPUAdapterElement_stage, _Pacem3DWebGPUAdapterElement__3d;
+            function meshToFloatArray(mesh) {
+                const retval = [];
+                for (let j = 0; j < mesh.triangleIndices.length; j += 3) {
+                    const i1 = mesh.triangleIndices[j], i2 = mesh.triangleIndices[j + 1], i3 = mesh.triangleIndices[j + 2];
+                    const v1 = mesh.positions[i1], v2 = mesh.positions[i2], v3 = mesh.positions[i3];
+                    const uv1 = mesh.textureCoordinates[i1], uv2 = mesh.textureCoordinates[i2], uv3 = mesh.textureCoordinates[i3];
+                    const norm1 = mesh.normals[i1], norm2 = mesh.normals[i2], norm3 = mesh.normals[i3];
+                    retval.push(v1.x, v1.y, v1.z, 1, norm1.x, norm1.y, norm1.z, 1, uv1.x, uv1.y, v2.x, v2.y, v2.z, 1, norm2.x, norm2.y, norm2.z, 1, uv2.x, uv2.y, v3.x, v3.y, v3.z, 1, norm3.x, norm3.y, norm3.z, 1, uv3.x, uv3.y);
+                }
+                return new Float32Array(retval);
+            }
+            let Pacem3DWebGPUAdapterElement = class Pacem3DWebGPUAdapterElement extends Drawing3D.Pacem3DAdapterElement {
+                constructor() {
+                    super(...arguments);
+                    _Pacem3DWebGPUAdapterElement_stage.set(this, void 0);
+                    _Pacem3DWebGPUAdapterElement__3d.set(this, void 0);
+                }
+                get available() {
+                    return 'gpu' in navigator;
+                }
+                invalidateSize(size) {
+                    throw new Error("Method not implemented.");
+                }
+                initialize(scene) {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        if (!this.available) {
+                            return;
+                            //throw new Error("WebGPU unavailable.");
+                        }
+                        if (!Pacem.Utils.isNull(__classPrivateFieldGet(this, _Pacem3DWebGPUAdapterElement_stage, "f"))) {
+                            return __classPrivateFieldGet(this, _Pacem3DWebGPUAdapterElement_stage, "f");
+                        }
+                        __classPrivateFieldSet(this, _Pacem3DWebGPUAdapterElement__3d, scene, "f");
+                        const wrapper = scene.stage;
+                        const canvas = __classPrivateFieldSet(this, _Pacem3DWebGPUAdapterElement_stage, document.createElement('canvas'), "f");
+                        wrapper.innerHTML = '';
+                        wrapper.appendChild(canvas);
+                        // webgpu
+                        const adapter = yield navigator.gpu.requestAdapter();
+                        const device = yield adapter.requestDevice();
+                        const context = canvas.getContext('webgpu');
+                        const devicePixelRatio = window.devicePixelRatio || 1;
+                        canvas.width = canvas.clientWidth * devicePixelRatio;
+                        canvas.height = canvas.clientHeight * devicePixelRatio;
+                        const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+                        context.configure({
+                            device,
+                            format: presentationFormat,
+                            alphaMode: 'premultiplied',
+                        });
+                        // https://github.com/webgpu/webgpu-samples/blob/main/src/sample/twoCubes/main.ts
+                    });
+                }
+                render() {
+                    throw new Error("Method not implemented.");
+                }
+                raycast(point, size) {
+                    throw new Error("Method not implemented.");
+                }
+                addItem(item) {
+                    throw new Error("Method not implemented.");
+                }
+                removeItem(item) {
+                    throw new Error("Method not implemented.");
+                }
+                updateItem(item) {
+                    throw new Error("Method not implemented.");
+                }
+                zoomFit(...items) {
+                    throw new Error("Method not implemented.");
+                }
+                project(point3D) {
+                    throw new Error("Method not implemented.");
+                }
+                get scene() {
+                    throw new Error("Method not implemented.");
+                }
+                dispose(scene) {
+                    throw new Error("Method not implemented.");
+                }
+            };
+            _Pacem3DWebGPUAdapterElement_stage = new WeakMap();
+            _Pacem3DWebGPUAdapterElement__3d = new WeakMap();
+            Pacem3DWebGPUAdapterElement = __decorate([
+                Pacem.CustomElement({ tagName: Pacem.P + '-3d-webgpu-adapter' })
+            ], Pacem3DWebGPUAdapterElement);
+            Drawing3D.Pacem3DWebGPUAdapterElement = Pacem3DWebGPUAdapterElement;
+        })(Drawing3D = Components.Drawing3D || (Components.Drawing3D = {}));
+    })(Components = Pacem.Components || (Pacem.Components = {}));
+})(Pacem || (Pacem = {}));
 /// <reference path="material.ts" />
 /// <reference path="../types.ts" />
 var Pacem;
@@ -1517,10 +1636,11 @@ var Pacem;
                     super(Pacem.Drawing3D.KnownShader.Lambert);
                 }
                 createMaterial() {
+                    var _a, _b;
                     return Pacem.Utils.extend({
                         emissiveColor: this.emissiveColor || '#000',
-                        reflectivity: this.reflectivity ?? 0,
-                        refractionRatio: this.refractionRatio ?? 0
+                        reflectivity: (_a = this.reflectivity) !== null && _a !== void 0 ? _a : 0,
+                        refractionRatio: (_b = this.refractionRatio) !== null && _b !== void 0 ? _b : 0
                     }, super.createMaterial());
                 }
                 propertyChangedCallback(name, old, val, first) {
@@ -1565,10 +1685,11 @@ var Pacem;
                     super(Pacem.Drawing3D.KnownShader.Line);
                 }
                 createMaterial() {
+                    var _a, _b, _c;
                     return Pacem.Utils.extend({
-                        lineWidth: this.lineWidth ?? 1,
-                        lineJoin: this.lineJoin ?? 'round',
-                        lineCap: this.lineCap ?? 'round',
+                        lineWidth: (_a = this.lineWidth) !== null && _a !== void 0 ? _a : 1,
+                        lineJoin: (_b = this.lineJoin) !== null && _b !== void 0 ? _b : 'round',
+                        lineCap: (_c = this.lineCap) !== null && _c !== void 0 ? _c : 'round',
                         dashArray: this.dashArray,
                     }, super.createMaterial());
                 }
@@ -1585,8 +1706,8 @@ var Pacem;
             __decorate([
                 Pacem.Watch({
                     emit: false, converter: {
-                        convert: (attr) => attr?.split(',').map(i => parseInt(i)).filter(i => !Number.isNaN(i)),
-                        convertBack: (prop) => prop?.join(',')
+                        convert: (attr) => attr === null || attr === void 0 ? void 0 : attr.split(',').map(i => parseInt(i)).filter(i => !Number.isNaN(i)),
+                        convertBack: (prop) => prop === null || prop === void 0 ? void 0 : prop.join(',')
                     }
                 })
             ], LineMaterialElement.prototype, "dashArray", void 0);
@@ -1609,13 +1730,14 @@ var Pacem;
                     super(Pacem.Drawing3D.KnownShader.Phong);
                 }
                 createMaterial() {
+                    var _a, _b, _c, _d;
                     return Pacem.Utils.extend({
                         emissiveColor: this.emissiveColor || '#000',
-                        reflectivity: this.reflectivity ?? 0,
-                        refractionRatio: this.refractionRatio ?? 0,
+                        reflectivity: (_a = this.reflectivity) !== null && _a !== void 0 ? _a : 0,
+                        refractionRatio: (_b = this.refractionRatio) !== null && _b !== void 0 ? _b : 0,
                         specularColor: this.specularColor || '#000',
-                        shininess: this.shininess ?? 0,
-                        flatShading: this.flatShading ?? true
+                        shininess: (_c = this.shininess) !== null && _c !== void 0 ? _c : 0,
+                        flatShading: (_d = this.flatShading) !== null && _d !== void 0 ? _d : true
                     }, super.createMaterial());
                 }
                 propertyChangedCallback(name, old, val, first) {
@@ -1671,12 +1793,13 @@ var Pacem;
                     super(Pacem.Drawing3D.KnownShader.Standard);
                 }
                 createMaterial() {
+                    var _a, _b, _c, _d;
                     return Pacem.Utils.extend({
                         emissiveColor: this.emissiveColor || '#000',
-                        refractionRatio: this.refractionRatio ?? 0,
-                        metalness: this.metalness ?? 0,
-                        roughness: this.roughness ?? 0,
-                        flatShading: this.flatShading ?? false
+                        refractionRatio: (_a = this.refractionRatio) !== null && _a !== void 0 ? _a : 0,
+                        metalness: (_b = this.metalness) !== null && _b !== void 0 ? _b : 0,
+                        roughness: (_c = this.roughness) !== null && _c !== void 0 ? _c : 0,
+                        flatShading: (_d = this.flatShading) !== null && _d !== void 0 ? _d : false
                     }, super.createMaterial());
                 }
                 propertyChangedCallback(name, old, val, first) {
@@ -2061,10 +2184,10 @@ var Pacem;
             let PacemCylinderElement = PacemCylinderElement_1 = class PacemCylinderElement extends Drawing3D.Pacem3DPrimitiveElement {
                 static createMeshGeometry(radius, height, sides, heightSegments, capSegments) {
                     const r = radius || 1.0;
-                    height ||= 1.0;
-                    sides ||= 18;
-                    heightSegments ||= 5;
-                    capSegments ||= 1;
+                    height || (height = 1.0);
+                    sides || (sides = 18);
+                    heightSegments || (heightSegments = 5);
+                    capSegments || (capSegments = 1);
                     const nodes = [], uv = [], indices = [];
                     const theta = Drawing3D.DEG2RAD * (360.0 / sides);
                     // top & bottom vertices (pivot @(0,0,0))
@@ -2295,10 +2418,10 @@ var Pacem;
             var PacemPlaneElement_1;
             let PacemPlaneElement = PacemPlaneElement_1 = class PacemPlaneElement extends Drawing3D.Pacem3DPrimitiveElement {
                 static createMeshGeometry(width, length, widthSegments, lengthSegments) {
-                    width ||= 1.0;
-                    length ||= 1.0;
-                    widthSegments ||= 4;
-                    lengthSegments ||= 4;
+                    width || (width = 1.0);
+                    length || (length = 1.0);
+                    widthSegments || (widthSegments = 4);
+                    lengthSegments || (lengthSegments = 4);
                     const nodes = [];
                     const uv = [];
                     const indices = [];
@@ -2414,7 +2537,7 @@ var Pacem;
             // #region Tetrahedron
             let PacemTetrahedronElement = PacemTetrahedronElement_1 = class PacemTetrahedronElement extends PolyhedronElement {
                 static createMeshGeometry(radius) {
-                    radius ||= 1.0;
+                    radius || (radius = 1.0);
                     const nodesCoordsString = "0 0.5774 -0.8165, 0 0.5774 0.8165, 0.8165 -0.5774 0, -0.8165 -0.5774 0";
                     const nodesToParse = nodesCoordsString.split(',');
                     const nodes = [];
@@ -2449,7 +2572,7 @@ var Pacem;
             // #region Octahedron
             let PacemOctahedronElement = PacemOctahedronElement_1 = class PacemOctahedronElement extends PolyhedronElement {
                 static createMeshGeometry(radius) {
-                    radius ||= 1.0;
+                    radius || (radius = 1.0);
                     // -------------------------------------------------------------------------------------------------
                     const nodesCoordsString = "0 0.7071 -0.7071, 0 0.7071 0.7071, 1 0 0, 0 -0.7071 -0.7071, -1 0 0, 0 -0.7071 0.7071";
                     const indices = [1, 2, 0, 2, 3, 0, 3, 4, 0, 4, 1, 0, 4, 5, 1, 5, 2, 1, 2, 5, 3, 4, 3, 5];
@@ -2486,7 +2609,7 @@ var Pacem;
             // #region Hexahedron
             let PacemHexahedronElement = PacemHexahedronElement_1 = class PacemHexahedronElement extends PolyhedronElement {
                 static createMeshGeometry(radius) {
-                    radius ||= 1.0;
+                    radius || (radius = 1.0);
                     const inv_sqrt3 = 1.0 / Math.sqrt(3.0);
                     const w = 2.0 * radius * inv_sqrt3;
                     return Pacem.Components.Drawing3D.PacemBoxElement.createMeshGeometry(w, w, w);
@@ -2503,7 +2626,7 @@ var Pacem;
             // #region Icosahedron
             let PacemIcosahedronElement = PacemIcosahedronElement_1 = class PacemIcosahedronElement extends PolyhedronElement {
                 static createMeshGeometry(radius) {
-                    radius ||= 1.0;
+                    radius || (radius = 1.0);
                     const nodesCoordsString = "0 0.850651 -0.525731, 0 0.850651 0.525731, 0.850651 0.525731 0, 0.525731 0 -0.850651, -0.525731 0 -0.850651, -0.850651 0.525731 0, -0.525731 0 0.850651, 0.525731 0 0.850651, 0.850651 -0.525731 0, 0 -0.850651 0.525731, 0 -0.850651 -0.525731, -0.850651 -0.525731 0";
                     const indices = [1, 2, 0, 2, 3, 0, 3, 4, 0, 4, 5, 0, 5, 1, 0,
                         5, 6, 1, 6, 7, 1, 7, 2, 1, 2, 8, 3,
@@ -2561,7 +2684,7 @@ var Pacem;
             // #region Dodecahedron
             let PacemDodecahedronElement = PacemDodecahedronElement_1 = class PacemDodecahedronElement extends PolyhedronElement {
                 static createMeshGeometry(radius) {
-                    radius ||= 1.0;
+                    radius || (radius = 1.0);
                     const n1 = point3D.from(0.356822 * radius, 0.934172 * radius, 0 * radius);
                     const n2 = point3D.from(-0.356822 * radius, 0.934172 * radius, 0 * radius);
                     const n3 = point3D.from(0.57735 * radius, 0.57735 * radius, -0.57735 * radius);
@@ -2804,8 +2927,8 @@ var Pacem;
                     const uv = [];
                     const coords = [];
                     //
-                    segments ||= 24;
-                    sides ||= 12;
+                    segments || (segments = 24);
+                    sides || (sides = 12);
                     const theta = Drawing3D.DEG2RAD * (360.0 / segments);
                     const phi = Drawing3D.DEG2RAD * (360.0 / sides);
                     const r1 = radius || 1.0;