@babylonjs/viewer 5.0.0-rc.4 → 5.0.0

package/readme.md

@@ -6,31 +6,35 @@ Online docs: https://doc.babylonjs.com/extensions/the_babylon_viewer
 ## ES6/NPM usage
 
 Install the package using npm:
-```
+
+```bash
 npm install @babylonjs/viewer --save
 ```
 
 Then in JS/Typescript the viewer to be imported via:
-```
+
+```bash
 import * as BabylonViewer from '@babylonjs/viewer';
 ```
 
-Add a babylon element in an html file:
-```
+Add a babylon element in a html file:
+
+```html
 <babylon id="babylon-viewer" camera.behaviors.auto-rotate="0"></babylon>
 ```
 
 And used to load models
-```
-BabylonViewer.viewerManager.getViewerPromiseById('babylon-viewer').then(function (viewer) {
+
+```javascript
+BabylonViewer.viewerManager.getViewerPromiseById("babylon-viewer").then(function (viewer) {
     // this will resolve only after the viewer with this specific ID is initialized
     viewer.onEngineInitObservable.add(function (scene) {
         viewer.loadModel({
             title: "Helmet",
             subtitle: "BabylonJS",
             thumbnail: "https://www.babylonjs.com/img/favicon/apple-icon-144x144.png",
-            url: "https://www.babylonjs.com/Assets/DamagedHelmet/glTF/DamagedHelmet.gltf"
+            url: "https://www.babylonjs.com/Assets/DamagedHelmet/glTF/DamagedHelmet.gltf",
         });
     });
 });
-```
+```

package/renderOnlyIndex.d.ts

@@ -1,11 +1,11 @@
-import { RenderOnlyViewer } from './viewer/renderOnlyViewer';
-import '@babylonjs/loaders/glTF/2.0';
-import "@babylonjs/core/Lights/Shadows/shadowGeneratorSceneComponent";
-import "@babylonjs/core/Debug/debugLayer";
-import "@babylonjs/core/Meshes/Builders/planeBuilder";
-import "@babylonjs/core/Meshes/Builders/boxBuilder";
-import "@babylonjs/core/Materials/Textures/Loaders/ddsTextureLoader";
-import "@babylonjs/core/Materials/Textures/Loaders/envTextureLoader";
-import "@babylonjs/core/Materials/Textures/Loaders/ktxTextureLoader";
-import "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent";
+import { RenderOnlyViewer } from "./viewer/renderOnlyViewer";
+import "@babylonjs/loaders/glTF/2.0.js";
+import "@babylonjs/core/Lights/Shadows/shadowGeneratorSceneComponent.js";
+import "@babylonjs/core/Debug/debugLayer.js";
+import "@babylonjs/core/Meshes/Builders/planeBuilder.js";
+import "@babylonjs/core/Meshes/Builders/boxBuilder.js";
+import "@babylonjs/core/Materials/Textures/Loaders/ddsTextureLoader.js";
+import "@babylonjs/core/Materials/Textures/Loaders/envTextureLoader.js";
+import "@babylonjs/core/Materials/Textures/Loaders/ktxTextureLoader.js";
+import "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent.js";
 export { RenderOnlyViewer };

package/renderOnlyIndex.js

@@ -1,6 +1,6 @@
-import { RenderOnlyViewer } from './viewer/renderOnlyViewer.js';
+import { RenderOnlyViewer } from "./viewer/renderOnlyViewer.js";
 // Required side effects
-import '@babylonjs/loaders/glTF/2.0.js';
+import "@babylonjs/loaders/glTF/2.0.js";
 import "@babylonjs/core/Lights/Shadows/shadowGeneratorSceneComponent.js";
 import "@babylonjs/core/Debug/debugLayer.js";
 import "@babylonjs/core/Meshes/Builders/planeBuilder.js";
@@ -10,7 +10,9 @@ import "@babylonjs/core/Materials/Textures/Loaders/envTextureLoader.js";
 import "@babylonjs/core/Materials/Textures/Loaders/ktxTextureLoader.js";
 import "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent.js";
 // Override default material factory to avoid the dependency on standard material
-import { Scene } from '@babylonjs/core/scene.js';
-Scene.DefaultMaterialFactory = function (scene) { return null; };
+import { Scene } from "@babylonjs/core/scene.js";
+Scene.DefaultMaterialFactory = function () {
+    return null;
+};
 export { RenderOnlyViewer };
 //# sourceMappingURL=renderOnlyIndex.js.map

package/renderOnlyIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderOnlyIndex.js","sourceRoot":"","sources":["../../../sourceES6/viewer/src/renderOnlyIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,wBAAwB;AACxB,OAAO,6BAA6B,CAAC;AACrC,OAAO,8DAA8D,CAAA;AACrE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8CAA8C,CAAC;AACtD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6DAA6D,CAAA;AACpE,OAAO,6DAA6D,CAAA;AACpE,OAAO,6DAA6D,CAAA;AACpE,OAAO,6FAA6F,CAAC;AAErG,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,KAAK,CAAC,sBAAsB,GAAG,UAAC,KAAY,IAAO,OAAO,IAAW,CAAA,CAAC,CAAC,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import { RenderOnlyViewer } from './viewer/renderOnlyViewer';\r\n\r\n// Required side effects\r\nimport '@babylonjs/loaders/glTF/2.0';\r\nimport \"@babylonjs/core/Lights/Shadows/shadowGeneratorSceneComponent\"\r\nimport \"@babylonjs/core/Debug/debugLayer\";\r\nimport \"@babylonjs/core/Meshes/Builders/planeBuilder\";\r\nimport \"@babylonjs/core/Meshes/Builders/boxBuilder\";\r\nimport \"@babylonjs/core/Materials/Textures/Loaders/ddsTextureLoader\"\r\nimport \"@babylonjs/core/Materials/Textures/Loaders/envTextureLoader\"\r\nimport \"@babylonjs/core/Materials/Textures/Loaders/ktxTextureLoader\"\r\nimport \"@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent\";\r\n\r\n// Override default material factory to avoid the dependency on standard material\r\nimport { Scene } from '@babylonjs/core/scene';\r\nScene.DefaultMaterialFactory = (scene: Scene) => { return null as any };\r\n\r\nexport { RenderOnlyViewer };\r\n"]}
+{"version":3,"file":"renderOnlyIndex.js","sourceRoot":"","sources":["../../../../tools/viewer/src/renderOnlyIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,wBAAwB;AACxB,wCAA0B;AAC1B,yEAA2D;AAC3D,6CAA+B;AAC/B,yDAA2C;AAC3C,uDAAyC;AACzC,wEAA0D;AAC1D,wEAA0D;AAC1D,wEAA0D;AAC1D,wGAA0F;AAE1F,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,iCAAmB;AACnC,KAAK,CAAC,sBAAsB,GAAG;IAC3B,OAAO,IAAW,CAAC;AACvB,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import { RenderOnlyViewer } from \"./viewer/renderOnlyViewer\";\r\n\r\n// Required side effects\r\nimport \"loaders/glTF/2.0\";\r\nimport \"core/Lights/Shadows/shadowGeneratorSceneComponent\";\r\nimport \"core/Debug/debugLayer\";\r\nimport \"core/Meshes/Builders/planeBuilder\";\r\nimport \"core/Meshes/Builders/boxBuilder\";\r\nimport \"core/Materials/Textures/Loaders/ddsTextureLoader\";\r\nimport \"core/Materials/Textures/Loaders/envTextureLoader\";\r\nimport \"core/Materials/Textures/Loaders/ktxTextureLoader\";\r\nimport \"core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent\";\r\n\r\n// Override default material factory to avoid the dependency on standard material\r\nimport { Scene } from \"core/scene\";\r\nScene.DefaultMaterialFactory = () => {\r\n    return null as any;\r\n};\r\n\r\nexport { RenderOnlyViewer };\r\n"]}

package/templating/eventManager.d.ts

@@ -1,4 +1,4 @@
-import { EventCallback, TemplateManager } from "./templateManager";
+import type { EventCallback, TemplateManager } from "./templateManager";
 /**
  * The EventManager is in charge of registering user interctions with the viewer.
  * It is used in the TemplateManager

package/templating/eventManager.js

@@ -27,7 +27,7 @@ var EventManager = /** @class */ (function () {
         this._callbacksContainer[templateName].push({
             eventType: eventType,
             callback: callback,
-            selector: selector
+            selector: selector,
         });
     };
     /**
@@ -48,7 +48,9 @@ var EventManager = /** @class */ (function () {
         var eventType = data.event.type;
         var selector = data.selector;
         var callbackDefs = this._callbacksContainer[templateName] || [];
-        callbackDefs.filter(function (callbackDef) { return (!callbackDef.eventType || callbackDef.eventType === eventType) && (!callbackDef.selector || callbackDef.selector === selector); }).forEach(function (callbackDef) {
+        callbackDefs
+            .filter(function (callbackDef) { return (!callbackDef.eventType || callbackDef.eventType === eventType) && (!callbackDef.selector || callbackDef.selector === selector); })
+            .forEach(function (callbackDef) {
             callbackDef.callback(data);
         });
     };

package/templating/eventManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"eventManager.js","sourceRoot":"","sources":["../../../../sourceES6/viewer/src/templating/eventManager.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH;IAII,sBAAoB,gBAAiC;QAArD,iBAKC;QALmB,qBAAgB,GAAhB,gBAAgB,CAAiB;QACjD,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAC,SAAS;YACjD,KAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;;;;;OAQG;IACI,uCAAgB,GAAvB,UAAwB,YAAoB,EAAE,QAA4C,EAAE,SAAkB,EAAE,QAAiB;QAC7H,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAE;YACzC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;SAC/C;QACD,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;YACxC,SAAS,WAAA;YACT,QAAQ,UAAA;YACR,QAAQ,UAAA;SACX,CAAC,CAAC;IACP,CAAC;IAED;;;;;;;;OAQG;IACI,yCAAkB,GAAzB,UAA0B,YAAoB,EAAE,QAA4C,EAAE,SAAkB,EAAE,QAAiB;QAC/H,IAAI,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAChE,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC,CAAC,WAAW,CAAC,SAAS,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAA/H,CAA+H,CAAC,CAAC;IACnN,CAAC;IAEO,sCAAe,GAAvB,UAAwB,IAAmB;QACvC,IAAI,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACtC,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAChC,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE7B,IAAI,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAChE,YAAY,CAAC,MAAM,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC,CAAC,WAAW,CAAC,SAAS,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAA/H,CAA+H,CAAC,CAAC,OAAO,CAAC,UAAC,WAAW;YACtL,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACI,8BAAO,GAAd;QACI,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;IAClC,CAAC;IACL,mBAAC;AAAD,CAAC,AA9DD,IA8DC","sourcesContent":["import { EventCallback, TemplateManager } from \"./templateManager\";\r\n\r\n/**\r\n * The EventManager is in charge of registering user interctions with the viewer.\r\n * It is used in the TemplateManager\r\n */\r\nexport class EventManager {\r\n\r\n    private _callbacksContainer: { [key: string]: Array<{ eventType?: string, selector?: string, callback: (eventData: EventCallback) => void }> };\r\n\r\n    constructor(private _templateManager: TemplateManager) {\r\n        this._callbacksContainer = {};\r\n        this._templateManager.onEventTriggered.add((eventData) => {\r\n            this._eventTriggered(eventData);\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Register a new callback to a specific template.\r\n     * The best example for the usage can be found in the DefaultViewer\r\n     *\r\n     * @param templateName the templateName to register the event to\r\n     * @param callback The callback to be executed\r\n     * @param eventType the type of event to register\r\n     * @param selector an optional selector. if not defined the parent object in the template will be selected\r\n     */\r\n    public registerCallback(templateName: string, callback: (eventData: EventCallback) => void, eventType?: string, selector?: string) {\r\n        if (!this._callbacksContainer[templateName]) {\r\n            this._callbacksContainer[templateName] = [];\r\n        }\r\n        this._callbacksContainer[templateName].push({\r\n            eventType,\r\n            callback,\r\n            selector\r\n        });\r\n    }\r\n\r\n    /**\r\n     * This will remove a registered event from the defined template.\r\n     * Each one of the variables apart from the template name are optional, but one must be provided.\r\n     *\r\n     * @param templateName the templateName\r\n     * @param callback the callback to remove (optional)\r\n     * @param eventType the event type to remove (optional)\r\n     * @param selector the selector from which to remove the event (optional)\r\n     */\r\n    public unregisterCallback(templateName: string, callback: (eventData: EventCallback) => void, eventType?: string, selector?: string) {\r\n        let callbackDefs = this._callbacksContainer[templateName] || [];\r\n        this._callbacksContainer[templateName] = callbackDefs.filter((callbackDef) => (!callbackDef.eventType || callbackDef.eventType === eventType) && (!callbackDef.selector || callbackDef.selector === selector));\r\n    }\r\n\r\n    private _eventTriggered(data: EventCallback) {\r\n        let templateName = data.template.name;\r\n        let eventType = data.event.type;\r\n        let selector = data.selector;\r\n\r\n        let callbackDefs = this._callbacksContainer[templateName] || [];\r\n        callbackDefs.filter((callbackDef) => (!callbackDef.eventType || callbackDef.eventType === eventType) && (!callbackDef.selector || callbackDef.selector === selector)).forEach((callbackDef) => {\r\n            callbackDef.callback(data);\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Dispose the event manager\r\n     */\r\n    public dispose() {\r\n        this._callbacksContainer = {};\r\n    }\r\n}"]}
+{"version":3,"file":"eventManager.js","sourceRoot":"","sources":["../../../../../tools/viewer/src/templating/eventManager.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH;IAGI,sBAAoB,gBAAiC;QAArD,iBAKC;QALmB,qBAAgB,GAAhB,gBAAgB,CAAiB;QACjD,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAC,SAAS;YACjD,KAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;;;;;OAQG;IACI,uCAAgB,GAAvB,UAAwB,YAAoB,EAAE,QAA4C,EAAE,SAAkB,EAAE,QAAiB;QAC7H,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAE;YACzC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;SAC/C;QACD,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;YACxC,SAAS,WAAA;YACT,QAAQ,UAAA;YACR,QAAQ,UAAA;SACX,CAAC,CAAC;IACP,CAAC;IAED;;;;;;;;OAQG;IACI,yCAAkB,GAAzB,UAA0B,YAAoB,EAAE,QAA4C,EAAE,SAAkB,EAAE,QAAiB;QAC/H,IAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAClE,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,MAAM,CACxD,UAAC,WAAW,IAAK,OAAA,CAAC,CAAC,WAAW,CAAC,SAAS,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAA/H,CAA+H,CACnJ,CAAC;IACN,CAAC;IAEO,sCAAe,GAAvB,UAAwB,IAAmB;QACvC,IAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACxC,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAClC,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE/B,IAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAClE,YAAY;aACP,MAAM,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC,CAAC,WAAW,CAAC,SAAS,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAA/H,CAA+H,CAAC;aACxJ,OAAO,CAAC,UAAC,WAAW;YACjB,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACX,CAAC;IAED;;OAEG;IACI,8BAAO,GAAd;QACI,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;IAClC,CAAC;IACL,mBAAC;AAAD,CAAC,AAjED,IAiEC","sourcesContent":["import type { EventCallback, TemplateManager } from \"./templateManager\";\r\n\r\n/**\r\n * The EventManager is in charge of registering user interctions with the viewer.\r\n * It is used in the TemplateManager\r\n */\r\nexport class EventManager {\r\n    private _callbacksContainer: { [key: string]: Array<{ eventType?: string; selector?: string; callback: (eventData: EventCallback) => void }> };\r\n\r\n    constructor(private _templateManager: TemplateManager) {\r\n        this._callbacksContainer = {};\r\n        this._templateManager.onEventTriggered.add((eventData) => {\r\n            this._eventTriggered(eventData);\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Register a new callback to a specific template.\r\n     * The best example for the usage can be found in the DefaultViewer\r\n     *\r\n     * @param templateName the templateName to register the event to\r\n     * @param callback The callback to be executed\r\n     * @param eventType the type of event to register\r\n     * @param selector an optional selector. if not defined the parent object in the template will be selected\r\n     */\r\n    public registerCallback(templateName: string, callback: (eventData: EventCallback) => void, eventType?: string, selector?: string) {\r\n        if (!this._callbacksContainer[templateName]) {\r\n            this._callbacksContainer[templateName] = [];\r\n        }\r\n        this._callbacksContainer[templateName].push({\r\n            eventType,\r\n            callback,\r\n            selector,\r\n        });\r\n    }\r\n\r\n    /**\r\n     * This will remove a registered event from the defined template.\r\n     * Each one of the variables apart from the template name are optional, but one must be provided.\r\n     *\r\n     * @param templateName the templateName\r\n     * @param callback the callback to remove (optional)\r\n     * @param eventType the event type to remove (optional)\r\n     * @param selector the selector from which to remove the event (optional)\r\n     */\r\n    public unregisterCallback(templateName: string, callback: (eventData: EventCallback) => void, eventType?: string, selector?: string) {\r\n        const callbackDefs = this._callbacksContainer[templateName] || [];\r\n        this._callbacksContainer[templateName] = callbackDefs.filter(\r\n            (callbackDef) => (!callbackDef.eventType || callbackDef.eventType === eventType) && (!callbackDef.selector || callbackDef.selector === selector)\r\n        );\r\n    }\r\n\r\n    private _eventTriggered(data: EventCallback) {\r\n        const templateName = data.template.name;\r\n        const eventType = data.event.type;\r\n        const selector = data.selector;\r\n\r\n        const callbackDefs = this._callbacksContainer[templateName] || [];\r\n        callbackDefs\r\n            .filter((callbackDef) => (!callbackDef.eventType || callbackDef.eventType === eventType) && (!callbackDef.selector || callbackDef.selector === selector))\r\n            .forEach((callbackDef) => {\r\n                callbackDef.callback(data);\r\n            });\r\n    }\r\n\r\n    /**\r\n     * Dispose the event manager\r\n     */\r\n    public dispose() {\r\n        this._callbacksContainer = {};\r\n    }\r\n}\r\n"]}

package/templating/plugins/hdButtonPlugin.d.ts

@@ -1,6 +1,6 @@
 import { AbstractViewerNavbarButton } from "../viewerTemplatePlugin";
-import { DefaultViewer } from "../../viewer/defaultViewer";
-import { EventCallback } from "../templateManager";
+import type { DefaultViewer } from "../../viewer/defaultViewer";
+import type { EventCallback } from "../templateManager";
 export declare class HDButtonPlugin extends AbstractViewerNavbarButton {
     private _viewer;
     constructor(_viewer: DefaultViewer);

package/templating/plugins/hdButtonPlugin.js

@@ -1,18 +1,4 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+import { __extends } from "tslib";
 import { AbstractViewerNavbarButton } from "../viewerTemplatePlugin.js";
 var HDButtonPlugin = /** @class */ (function (_super) {
     __extends(HDButtonPlugin, _super);
@@ -28,6 +14,7 @@ var HDButtonPlugin = /** @class */ (function (_super) {
         }
         this._viewer.toggleHD();
     };
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     HDButtonPlugin.HtmlTemplate = "\n{{#unless hideHd}}\n<style>\n.hd-icon:after {\n    font-size: 16px;\n    content: \"\\F765\";\n}\n\n.hd-toggled span.hd-icon:after {\n    content: \"\\F766\";\n}\n</style>\n<button class=\"hd-button\" title=\"{{text.hdButton}}\">\n     <span class=\"icon hd-icon\"></span>\n </button>\n {{/unless}}\n";
     return HDButtonPlugin;
 }(AbstractViewerNavbarButton));

package/templating/plugins/hdButtonPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"hdButtonPlugin.js","sourceRoot":"","sources":["../../../../../sourceES6/viewer/src/templating/plugins/hdButtonPlugin.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAIrE;IAAoC,kCAA0B;IAE1D,wBAAoB,OAAsB;QAA1C,YACI,kBAAM,IAAI,EAAE,WAAW,EAAE,cAAc,CAAC,YAAY,CAAC,SACxD;QAFmB,aAAO,GAAP,OAAO,CAAe;;IAE1C,CAAC;IAED,gCAAO,GAAP,UAAQ,KAAoB;QACxB,IAAI,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QAC/D,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;SACxH;QACD,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC5B,CAAC;IAEgB,2BAAY,GAAW,gTAgB3C,CAAC;IACF,qBAAC;CAAA,AA/BD,CAAoC,0BAA0B,GA+B7D;SA/BY,cAAc","sourcesContent":["import { AbstractViewerNavbarButton } from \"../viewerTemplatePlugin\";\r\nimport { DefaultViewer } from \"../../viewer/defaultViewer\";\r\nimport { EventCallback, Template } from \"../templateManager\";\r\n\r\nexport class HDButtonPlugin extends AbstractViewerNavbarButton {\r\n\r\n    constructor(private _viewer: DefaultViewer) {\r\n        super(\"hd\", \"hd-button\", HDButtonPlugin.HtmlTemplate);\r\n    }\r\n\r\n    onEvent(event: EventCallback): void {\r\n        let button = event.template.parent.querySelector(\".hd-button\");\r\n        if (button) {\r\n            button.classList.contains(\"hd-toggled\") ? button.classList.remove(\"hd-toggled\") : button.classList.add(\"hd-toggled\");\r\n        }\r\n        this._viewer.toggleHD();\r\n    }\r\n\r\n    protected static HtmlTemplate: string = `\r\n{{#unless hideHd}}\r\n<style>\r\n.hd-icon:after {\r\n    font-size: 16px;\r\n    content: \"\\\\F765\";\r\n}\r\n\r\n.hd-toggled span.hd-icon:after {\r\n    content: \"\\\\F766\";\r\n}\r\n</style>\r\n<button class=\"hd-button\" title=\"{{text.hdButton}}\">\r\n     <span class=\"icon hd-icon\"></span>\r\n </button>\r\n {{/unless}}\r\n`;\r\n}"]}
+{"version":3,"file":"hdButtonPlugin.js","sourceRoot":"","sources":["../../../../../../tools/viewer/src/templating/plugins/hdButtonPlugin.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAIrE;IAAoC,kCAA0B;IAC1D,wBAAoB,OAAsB;QAA1C,YACI,kBAAM,IAAI,EAAE,WAAW,EAAE,cAAc,CAAC,YAAY,CAAC,SACxD;QAFmB,aAAO,GAAP,OAAO,CAAe;;IAE1C,CAAC;IAED,gCAAO,GAAP,UAAQ,KAAoB;QACxB,IAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACjE,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;SACxH;QACD,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC5B,CAAC;IAED,gEAAgE;IAC/C,2BAAY,GAAW,gTAgB3C,CAAC;IACF,qBAAC;CAAA,AA/BD,CAAoC,0BAA0B,GA+B7D;SA/BY,cAAc","sourcesContent":["import { AbstractViewerNavbarButton } from \"../viewerTemplatePlugin\";\r\nimport type { DefaultViewer } from \"../../viewer/defaultViewer\";\r\nimport type { EventCallback } from \"../templateManager\";\r\n\r\nexport class HDButtonPlugin extends AbstractViewerNavbarButton {\r\n    constructor(private _viewer: DefaultViewer) {\r\n        super(\"hd\", \"hd-button\", HDButtonPlugin.HtmlTemplate);\r\n    }\r\n\r\n    onEvent(event: EventCallback): void {\r\n        const button = event.template.parent.querySelector(\".hd-button\");\r\n        if (button) {\r\n            button.classList.contains(\"hd-toggled\") ? button.classList.remove(\"hd-toggled\") : button.classList.add(\"hd-toggled\");\r\n        }\r\n        this._viewer.toggleHD();\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    protected static HtmlTemplate: string = `\r\n{{#unless hideHd}}\r\n<style>\r\n.hd-icon:after {\r\n    font-size: 16px;\r\n    content: \"\\\\F765\";\r\n}\r\n\r\n.hd-toggled span.hd-icon:after {\r\n    content: \"\\\\F766\";\r\n}\r\n</style>\r\n<button class=\"hd-button\" title=\"{{text.hdButton}}\">\r\n     <span class=\"icon hd-icon\"></span>\r\n </button>\r\n {{/unless}}\r\n`;\r\n}\r\n"]}

package/templating/plugins/printButton.d.ts

@@ -1,10 +1,9 @@
 import { AbstractViewerNavbarButton } from "../viewerTemplatePlugin";
-import { DefaultViewer } from "../../viewer/defaultViewer";
-import { EventCallback } from "../templateManager";
+import type { DefaultViewer } from "../../viewer/defaultViewer";
 export declare class PrintButtonPlugin extends AbstractViewerNavbarButton {
     private _viewer;
     private _currentModelUrl;
     constructor(_viewer: DefaultViewer);
-    onEvent(event: EventCallback): void;
+    onEvent(): void;
     protected static HtmlTemplate: string;
 }

package/templating/plugins/printButton.js

@@ -1,18 +1,4 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+import { __extends } from "tslib";
 import { AbstractViewerNavbarButton } from "../viewerTemplatePlugin.js";
 import { Tools } from "@babylonjs/core/Misc/tools.js";
 var PrintButtonPlugin = /** @class */ (function (_super) {
@@ -41,12 +27,13 @@ var PrintButtonPlugin = /** @class */ (function (_super) {
         });
         return _this;
     }
-    PrintButtonPlugin.prototype.onEvent = function (event) {
+    PrintButtonPlugin.prototype.onEvent = function () {
         if (this._currentModelUrl) {
             var printUrl = this._currentModelUrl.replace(/https?:\/\//, "com.microsoft.builder3d://");
             window.open(printUrl, "_self");
         }
     };
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     PrintButtonPlugin.HtmlTemplate = "\n{{#unless hidePrint}}\n<style>\n\n/* Show only if it's a windows 10 printer  */\n.print-icon.not-win-10 {\n    display: none;\n}\n\n.print-icon:after {\n    font-size: 16px;\n    content: \"\\E914\";\n}\n\n</style>\n<button class=\"print-button ".concat(window.navigator.userAgent.indexOf("Windows NT 10.0") === -1 ? "no-win-10" : "", "\" title=\"{{text.printButton}}\">\n     <span class=\"icon print-icon\"></span>\n </button>\n {{/unless}}\n");
     return PrintButtonPlugin;
 }(AbstractViewerNavbarButton));

package/templating/plugins/printButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"printButton.js","sourceRoot":"","sources":["../../../../../sourceES6/viewer/src/templating/plugins/printButton.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD;IAAuC,qCAA0B;IAI7D,2BAAoB,OAAsB;QAA1C,YACI,kBAAM,OAAO,EAAE,cAAc,EAAE,iBAAiB,CAAC,YAAY,CAAC,SAsBjE;QAvBmB,aAAO,GAAP,OAAO,CAAe;QAGtC,KAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,UAAC,KAAK;YAC3C,KAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;YAC3B,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;gBACzB,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;gBACrF,IAAI,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBAEvF,gBAAgB;gBAChB,IAAI,WAAS,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;gBAC9E,IAAI,WAAS,GAAG,KAAK,CAAC;gBACtB,8BAA8B;gBAC9B,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;oBACtC,IAAI,WAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;wBAC/B,WAAS,GAAG,IAAI,CAAC;qBACpB;gBACL,CAAC,CAAC,CAAC;gBACH,IAAI,WAAS,EAAE;oBACX,KAAI,CAAC,gBAAgB,GAAG,OAAO,GAAG,QAAQ,CAAC;iBAC9C;aACJ;QACL,CAAC,CAAC,CAAC;;IACP,CAAC;IAED,mCAAO,GAAP,UAAQ,KAAoB;QACxB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,aAAa,EAAE,4BAA4B,CAAC,CAAC;YAC1F,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;SAClC;IACL,CAAC;IAEgB,8BAAY,GAAW,iQAed,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,iHAI5G,CAAC;IACF,wBAAC;CAAA,AAxDD,CAAuC,0BAA0B,GAwDhE;SAxDY,iBAAiB","sourcesContent":["import { AbstractViewerNavbarButton } from \"../viewerTemplatePlugin\";\r\nimport { DefaultViewer } from \"../../viewer/defaultViewer\";\r\nimport { EventCallback } from \"../templateManager\";\r\nimport { Tools } from \"@babylonjs/core/Misc/tools\";\r\n\r\nexport class PrintButtonPlugin extends AbstractViewerNavbarButton {\r\n\r\n    private _currentModelUrl: string;\r\n\r\n    constructor(private _viewer: DefaultViewer) {\r\n        super(\"print\", \"print-button\", PrintButtonPlugin.HtmlTemplate);\r\n\r\n        this._viewer.onModelLoadedObservable.add((model) => {\r\n            this._currentModelUrl = \"\";\r\n            if (model.configuration.url) {\r\n                let filename = Tools.GetFilename(model.configuration.url) || model.configuration.url;\r\n                let baseUrl = model.configuration.root || Tools.GetFolderPath(model.configuration.url);\r\n\r\n                //gltf, obj, stl\r\n                let extension = model.configuration.loader || filename.split(\".\").pop() || \"\";\r\n                let printable = false;\r\n                // not using .some sue to IE11\r\n                [\"gltf\", \"glb\", \"obj\", \"stl\"].forEach((ext) => {\r\n                    if (extension.indexOf(ext) !== -1) {\r\n                        printable = true;\r\n                    }\r\n                });\r\n                if (printable) {\r\n                    this._currentModelUrl = baseUrl + filename;\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    onEvent(event: EventCallback): void {\r\n        if (this._currentModelUrl) {\r\n            let printUrl = this._currentModelUrl.replace(/https?:\\/\\//, \"com.microsoft.builder3d://\");\r\n            window.open(printUrl, \"_self\");\r\n        }\r\n    }\r\n\r\n    protected static HtmlTemplate: string = `\r\n{{#unless hidePrint}}\r\n<style>\r\n\r\n/* Show only if it's a windows 10 printer  */\r\n.print-icon.not-win-10 {\r\n    display: none;\r\n}\r\n\r\n.print-icon:after {\r\n    font-size: 16px;\r\n    content: \"\\\\E914\";\r\n}\r\n\r\n</style>\r\n<button class=\"print-button ${window.navigator.userAgent.indexOf(\"Windows NT 10.0\") === -1 ? \"no-win-10\" : \"\"}\" title=\"{{text.printButton}}\">\r\n     <span class=\"icon print-icon\"></span>\r\n </button>\r\n {{/unless}}\r\n`;\r\n}\r\n"]}
+{"version":3,"file":"printButton.js","sourceRoot":"","sources":["../../../../../../tools/viewer/src/templating/plugins/printButton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,KAAK,EAAE,sCAAwB;AAExC;IAAuC,qCAA0B;IAG7D,2BAAoB,OAAsB;QAA1C,YACI,kBAAM,OAAO,EAAE,cAAc,EAAE,iBAAiB,CAAC,YAAY,CAAC,SAsBjE;QAvBmB,aAAO,GAAP,OAAO,CAAe;QAGtC,KAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,UAAC,KAAK;YAC3C,KAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;YAC3B,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;gBACzB,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;gBACvF,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBAEzF,gBAAgB;gBAChB,IAAM,WAAS,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;gBAChF,IAAI,WAAS,GAAG,KAAK,CAAC;gBACtB,8BAA8B;gBAC9B,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;oBACtC,IAAI,WAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;wBAC/B,WAAS,GAAG,IAAI,CAAC;qBACpB;gBACL,CAAC,CAAC,CAAC;gBACH,IAAI,WAAS,EAAE;oBACX,KAAI,CAAC,gBAAgB,GAAG,OAAO,GAAG,QAAQ,CAAC;iBAC9C;aACJ;QACL,CAAC,CAAC,CAAC;;IACP,CAAC;IAED,mCAAO,GAAP;QACI,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,aAAa,EAAE,4BAA4B,CAAC,CAAC;YAC5F,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;SAClC;IACL,CAAC;IAED,gEAAgE;IAC/C,8BAAY,GAAW,iQAed,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,iHAI5G,CAAC;IACF,wBAAC;CAAA,AAxDD,CAAuC,0BAA0B,GAwDhE;SAxDY,iBAAiB","sourcesContent":["import { AbstractViewerNavbarButton } from \"../viewerTemplatePlugin\";\r\nimport type { DefaultViewer } from \"../../viewer/defaultViewer\";\r\nimport { Tools } from \"core/Misc/tools\";\r\n\r\nexport class PrintButtonPlugin extends AbstractViewerNavbarButton {\r\n    private _currentModelUrl: string;\r\n\r\n    constructor(private _viewer: DefaultViewer) {\r\n        super(\"print\", \"print-button\", PrintButtonPlugin.HtmlTemplate);\r\n\r\n        this._viewer.onModelLoadedObservable.add((model) => {\r\n            this._currentModelUrl = \"\";\r\n            if (model.configuration.url) {\r\n                const filename = Tools.GetFilename(model.configuration.url) || model.configuration.url;\r\n                const baseUrl = model.configuration.root || Tools.GetFolderPath(model.configuration.url);\r\n\r\n                //gltf, obj, stl\r\n                const extension = model.configuration.loader || filename.split(\".\").pop() || \"\";\r\n                let printable = false;\r\n                // not using .some sue to IE11\r\n                [\"gltf\", \"glb\", \"obj\", \"stl\"].forEach((ext) => {\r\n                    if (extension.indexOf(ext) !== -1) {\r\n                        printable = true;\r\n                    }\r\n                });\r\n                if (printable) {\r\n                    this._currentModelUrl = baseUrl + filename;\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    onEvent(): void {\r\n        if (this._currentModelUrl) {\r\n            const printUrl = this._currentModelUrl.replace(/https?:\\/\\//, \"com.microsoft.builder3d://\");\r\n            window.open(printUrl, \"_self\");\r\n        }\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    protected static HtmlTemplate: string = `\r\n{{#unless hidePrint}}\r\n<style>\r\n\r\n/* Show only if it's a windows 10 printer  */\r\n.print-icon.not-win-10 {\r\n    display: none;\r\n}\r\n\r\n.print-icon:after {\r\n    font-size: 16px;\r\n    content: \"\\\\E914\";\r\n}\r\n\r\n</style>\r\n<button class=\"print-button ${window.navigator.userAgent.indexOf(\"Windows NT 10.0\") === -1 ? \"no-win-10\" : \"\"}\" title=\"{{text.printButton}}\">\r\n     <span class=\"icon print-icon\"></span>\r\n </button>\r\n {{/unless}}\r\n`;\r\n}\r\n"]}

package/templating/templateManager.d.ts

@@ -1,6 +1,6 @@
-import { Observable } from '@babylonjs/core/Misc/observable';
-import { EventManager } from './eventManager';
-import { ITemplateConfiguration } from '../configuration/interfaces/templateConfiguration';
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { EventManager } from "./eventManager";
+import type { ITemplateConfiguration } from "../configuration/interfaces/templateConfiguration";
 /**
  * The object sent when an event is triggered
  */
@@ -40,7 +40,7 @@ export declare class TemplateManager {
      * This template manager's event manager. In charge of callback registrations to native event types
      */
     eventManager: EventManager;
-    private templates;
+    private _templates;
     constructor(containerElement: Element);
     /**
      * Initialize the template(s) for the viewer. Called bay the Viewer class
@@ -129,7 +129,7 @@ export declare class Template {
     private _addedFragment;
     private _htmlTemplate;
     private _rawHtml;
-    private loadRequests;
+    private _loadRequests;
     constructor(name: string, _configuration: ITemplateConfiguration);
     /**
      * Some templates have parameters (like background color for example).
@@ -139,6 +139,7 @@ export declare class Template {
      * Note that when updating parameters the events will be registered again (after being cleared).
      *
      * @param params the new template parameters
+     * @param append
      */
     updateParams(params: {
         [key: string]: string | number | boolean | object;
@@ -164,7 +165,7 @@ export declare class Template {
     private _isHiding;
     /**
      * Show the template using the provided visibilityFunction, or natively using display: flex.
-     * The provided function returns a promise that should be fullfilled when the element is shown.
+     * The provided function returns a promise that should be fulfilled when the element is shown.
      * Since it is a promise async operations are more than possible.
      * See the default viewer for an opacity example.
      * @param visibilityFunction The function to execute to show the template.
@@ -172,7 +173,7 @@ export declare class Template {
     show(visibilityFunction?: (template: Template) => Promise<Template>): Promise<Template>;
     /**
      * Hide the template using the provided visibilityFunction, or natively using display: none.
-     * The provided function returns a promise that should be fullfilled when the element is hidden.
+     * The provided function returns a promise that should be fulfilled when the element is hidden.
      * Since it is a promise async operations are more than possible.
      * See the default viewer for an opacity example.
      * @param visibilityFunction The function to execute to show the template.