babylonjs-gui 8.56.2 → 9.1.0

package/babylon.gui.module.d.ts

@@ -3,6 +3,10 @@ declare module "babylonjs-gui/index" {
 export * from "babylonjs-gui/2D/index";
 export * from "babylonjs-gui/3D/index";
 
+}
+declare module "babylonjs-gui/legacy/legacy" {
+export * from "babylonjs-gui/index";
+
 }
 declare module "babylonjs-gui/3D/vector3WithInfo" {
 import { Vector3 } from "babylonjs/Maths/math.vector";
@@ -145,8 +149,7 @@ export { FluentMaterial } from "babylonjs-gui/3D/materials/fluent/fluentMaterial
 }
 declare module "babylonjs-gui/3D/materials/mrdl/mrdlSliderThumbMaterial" {
 import { Nullable } from "babylonjs/types";
-import { Matrix } from "babylonjs/Maths/math.vector";
-import { Vector2, Vector3, Vector4 } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector2, Vector3, Vector4 } from "babylonjs/Maths/math.vector";
 import { IAnimatable } from "babylonjs/Animations/animatable.interface";
 import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
 import { Texture } from "babylonjs/Materials/Textures/texture";
@@ -485,8 +488,7 @@ export class MRDLSliderThumbMaterial extends PushMaterial {
 }
 declare module "babylonjs-gui/3D/materials/mrdl/mrdlSliderBarMaterial" {
 import { Nullable } from "babylonjs/types";
-import { Matrix } from "babylonjs/Maths/math.vector";
-import { Vector2, Vector3, Vector4 } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector2, Vector3, Vector4 } from "babylonjs/Maths/math.vector";
 import { IAnimatable } from "babylonjs/Animations/animatable.interface";
 import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
 import { Texture } from "babylonjs/Materials/Textures/texture";
@@ -886,14 +888,13 @@ declare module "babylonjs-gui/3D/materials/mrdl/mrdlFrontplateMaterial" {
 import { AbstractMesh } from "babylonjs/Meshes/abstractMesh";
 import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
 import { IAnimatable } from "babylonjs/Animations/animatable.interface";
-import { Matrix } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector3 } from "babylonjs/Maths/math.vector";
 import { Mesh } from "babylonjs/Meshes/mesh";
 import { Nullable } from "babylonjs/types";
 import { Scene } from "babylonjs/scene";
 import { SubMesh } from "babylonjs/Meshes/subMesh";
 import { Color4 } from "babylonjs/Maths/math.color";
 import { PushMaterial } from "babylonjs/Materials/pushMaterial";
-import { Vector3 } from "babylonjs/Maths/math.vector";
 import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlFrontplate.fragment";
 import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlFrontplate.vertex";
 export class MRDLFrontplateMaterial extends PushMaterial {
@@ -1073,8 +1074,7 @@ export class MRDLFrontplateMaterial extends PushMaterial {
 }
 declare module "babylonjs-gui/3D/materials/mrdl/mrdlBackplateMaterial" {
 import { Nullable } from "babylonjs/types";
-import { Matrix } from "babylonjs/Maths/math.vector";
-import { Vector4 } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector4 } from "babylonjs/Maths/math.vector";
 import { IAnimatable } from "babylonjs/Animations/animatable.interface";
 import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
 import { PushMaterial } from "babylonjs/Materials/pushMaterial";
@@ -1511,8 +1511,7 @@ export * from "babylonjs-gui/3D/materials/fluentButton/fluentButtonMaterial";
 }
 declare module "babylonjs-gui/3D/materials/fluentButton/fluentButtonMaterial" {
 import { Nullable } from "babylonjs/types";
-import { Matrix } from "babylonjs/Maths/math.vector";
-import { Vector3 } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector3 } from "babylonjs/Maths/math.vector";
 import { IAnimatable } from "babylonjs/Animations/animatable.interface";
 import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
 import { PushMaterial } from "babylonjs/Materials/pushMaterial";
@@ -1724,8 +1723,7 @@ export * from "babylonjs-gui/3D/materials/fluentBackplate/fluentBackplateMateria
 }
 declare module "babylonjs-gui/3D/materials/fluentBackplate/fluentBackplateMaterial" {
 import { Nullable } from "babylonjs/types";
-import { Matrix } from "babylonjs/Maths/math.vector";
-import { Vector3, Vector4 } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector3, Vector4 } from "babylonjs/Maths/math.vector";
 import { IAnimatable } from "babylonjs/Animations/animatable.interface";
 import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
 import { PushMaterial } from "babylonjs/Materials/pushMaterial";
@@ -1902,8 +1900,7 @@ export * from "babylonjs-gui/3D/materials/fluent/fluentMaterial";
 }
 declare module "babylonjs-gui/3D/materials/fluent/fluentMaterial" {
 import { Nullable } from "babylonjs/types";
-import { Matrix } from "babylonjs/Maths/math.vector";
-import { Vector3 } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector3 } from "babylonjs/Maths/math.vector";
 import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
 import { MaterialDefines } from "babylonjs/Materials/materialDefines";
 import { PushMaterial } from "babylonjs/Materials/pushMaterial";
@@ -4289,13 +4286,11 @@ export * from "babylonjs-gui/2D/xmlLoader";
 declare module "babylonjs-gui/2D/advancedDynamicTexture" {
 import { Nullable } from "babylonjs/types";
 import { Observable } from "babylonjs/Misc/observable";
-import { Matrix } from "babylonjs/Maths/math.vector";
-import { Vector2, Vector3 } from "babylonjs/Maths/math.vector";
+import { Matrix, Vector2, Vector3 } from "babylonjs/Maths/math.vector";
 import { PointerInfoPre } from "babylonjs/Events/pointerEvents";
 import { ClipboardInfo } from "babylonjs/Events/clipboardEvents";
 import { Camera } from "babylonjs/Cameras/camera";
-import { IDynamicTextureOptions } from "babylonjs/Materials/Textures/dynamicTexture";
-import { DynamicTexture } from "babylonjs/Materials/Textures/dynamicTexture";
+import { IDynamicTextureOptions, DynamicTexture } from "babylonjs/Materials/Textures/dynamicTexture";
 import { AbstractMesh } from "babylonjs/Meshes/abstractMesh";
 import { Layer } from "babylonjs/Layers/layer";
 import { Scene } from "babylonjs/scene";
@@ -6047,8 +6042,7 @@ export class InputTextArea extends InputText {
 }
 declare module "babylonjs-gui/2D/controls/inputText" {
 import { Nullable } from "babylonjs/types";
-import { Observer } from "babylonjs/Misc/observable";
-import { Observable } from "babylonjs/Misc/observable";
+import { Observer, Observable } from "babylonjs/Misc/observable";
 import { Vector2 } from "babylonjs/Maths/math.vector";
 import { ClipboardInfo } from "babylonjs/Events/clipboardEvents";
 import { PointerInfo, PointerInfoBase } from "babylonjs/Events/pointerEvents";
@@ -9039,10 +9033,6 @@ export class FrameGraphGUITask extends FrameGraphTask {
     dispose(): void;
 }
 
-}
-declare module "babylonjs-gui/legacy/legacy" {
-export * from "babylonjs-gui/index";
-
 }
 
 declare module "babylonjs-gui" {
@@ -9050,7 +9040,7 @@ declare module "babylonjs-gui" {
 }
 
 
-declare module BABYLON.GUI {
+declare namespace BABYLON.GUI {
 
 
     /**

package/config.json

@@ -1,5 +1,5 @@
 {
-    "declarationLibs": ["@dev/gui", "@lts/gui"],
+    "declarationLibs": ["@dev/gui"],
     "devPackageName": "gui",
     "filename": "babylon.gui.module.d.ts",
     "outputDirectory": "./",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-gui",
-    "version": "8.56.2",
+    "version": "9.1.0",
     "main": "babylon.gui.min.js",
     "types": "babylon.gui.module.d.ts",
     "files": [
@@ -15,11 +15,11 @@
         "test:escheck": "es-check es6 ./babylon.gui.js"
     },
     "dependencies": {
-        "babylonjs": "8.56.2"
+        "babylonjs": "9.1.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",
-        "@lts/gui": "1.0.0",
+        "@dev/gui": "1.0.0",
         "source-map-loader": "^4.0.0",
         "ts-loader": "^9.2.6",
         "webpack": "^5.103.0",

package/readme.md

@@ -1,43 +1,39 @@
-Babylon.js GUI module
-=====================
+# Babylon.js GUI Module
 
-For usage documentation please visit https://doc.babylonjs.com/overviews/gui
+> We recommend using the [ES6 package `@babylonjs/gui`](https://www.npmjs.com/package/@babylonjs/gui) for new projects.
 
-# Installation instructions
+For usage documentation please visit the [GUI documentation](https://doc.babylonjs.com/features/featuresDeepDive/gui/).
 
-## CDN
+## Installation
+
+### CDN
 
 > ⚠️ WARNING: The CDN should not be used in production environments. The purpose of our CDN is to serve Babylon packages to users learning how to use the platform or running small experiments. Once you've built an application and are ready to share it with the world at large, you should serve all packages from your own CDN.
 
 Compiled js files (minified and source) are offered on our public CDN here:
 
-* https://preview.babylonjs.com/gui/babylon.gui.js
-* https://preview.babylonjs.com/gui/babylon.gui.min.js
+- https://preview.babylonjs.com/gui/babylon.gui.js
+- https://preview.babylonjs.com/gui/babylon.gui.min.js
 
-## NPM
+### NPM
 
-To install using npm :
+To install using npm:
 
-```
-npm install --save babylonjs babylonjs-gui
+```bash
+npm install babylonjs babylonjs-gui
 ```
 
 If using TypeScript, the typing needs to be added to tsconfig.json:
 
-```
-    ....
+```json
     "types": [
         "babylonjs",
-        "babylonjs-gui",
-        "otherImportsYouMightNeed"
-    ],
-    ....
+        "babylonjs-gui"
+    ]
 ```
 
 Afterwards it can be imported to the project using:
 
+```javascript
+import * as GUI from "babylonjs-gui";
 ```
-import * as GUI from 'babylonjs-gui';
-```
-
-Using webpack to package your project will use the minified js file.

package/src/index.ts

@@ -1,4 +1,4 @@
-import * as gui from "@lts/gui/legacy/legacy";
+import * as gui from "gui/legacy/legacy";
 
 export { gui };
 export default gui;

package/tsconfig.build.json

@@ -5,12 +5,13 @@
         "outDir": "./dist",
         "rootDir": "../../../",
         "target": "ES5",
+        "ignoreDeprecations": "6.0",
         "declaration": false,
         "importHelpers": true,
         "paths": {
-            "core/*": ["dev/core/dist/*"],
-            "gui/*": ["dev/gui/src/*"],
-            "@lts/gui/*": ["lts/gui/src/*"]
+            "core/*": ["../../../dev/core/dist/*"],
+            "gui/*": ["../../../dev/gui/src/*"],
+            "@lts/gui/*": ["../../../lts/gui/src/*"]
         }
     },
     "include": ["./src/**/*", "../../../dev/gui/src/**/*", "../../../lts/gui/src/**/*"]

package/tsconfig.json

@@ -3,8 +3,8 @@
 
     "compilerOptions": {
         "paths": {
-            "gui/*": ["dev/gui/src/*"],
-            "@lts/gui/*": ["lts/gui/src/*"],
+            "gui/*": ["../../../dev/gui/src/*"],
+            "@lts/gui/*": ["../../../lts/gui/src/*"],
         }
     },
 }

package/webpack.config.js

@@ -1,17 +1,16 @@
-const path = require("path");
-const commonConfigGenerator = require("@dev/build-tools").webpackTools.commonUMDWebpackConfiguration;
-
-module.exports = (env) => {
-    const commonConfig = commonConfigGenerator({
-        mode: env.production ? "production" : "development",
-        devPackageName: "gui",
-        namespace: "BABYLON.GUI",
-        outputPath: path.resolve(__dirname),
-        alias: {
-            gui: path.resolve(__dirname, "../../../dev/gui/src"),
-            "@lts/gui": path.resolve(__dirname, "../../../lts/gui/src"),
-        },
-        minToMax: true,
-    });
-    return commonConfig;
-};
+const path = require("path");
+const commonConfigGenerator = require("@dev/build-tools").webpackTools.commonUMDWebpackConfiguration;
+
+module.exports = (env) => {
+    const commonConfig = commonConfigGenerator({
+        mode: env.production ? "production" : "development",
+        devPackageName: "gui",
+        namespace: "BABYLON.GUI",
+        outputPath: path.resolve(__dirname),
+        alias: {
+            gui: path.resolve(__dirname, "../../../dev/gui/src"),
+        },
+        minToMax: true,
+    });
+    return commonConfig;
+};