angular-three 2.0.0-beta.3 → 2.0.0-beta.300

package/README.md

@@ -1,150 +1,224 @@
-# Angular Renderer for THREE.js
+# `angular-three`
 
-[![From Vietnam with <3](https://raw.githubusercontent.com/webuild-community/badge/master/svg/love.svg)](https://webuild.community)
+A custom Renderer for Angular 18+ that uses Three.js to render 3D scenes.
 
-Leverage your [Angular](https://angular.io) to build 3D applications with [THREE.js](https://threejs.org)
+## Compatibility
+
+Angular Three v2 is still in beta and aims to be compatible with Angular 17+.
 
 ## Installation
 
-### Angular CLI
+```bash
+npm install angular-three@beta ngxtension three
+# yarn add angular-three@beta ngxtension three
+# pnpm add angular-three@beta ngxtension three
+```
+
+> Make sure to install `@types/three` as well
+
+## Usage
+
+```typescript
+import { extend } from 'angular-three';
+import { Mesh, BoxGeometry } from 'three';
+
+extend({
+	Mesh, // makes ngt-mesh available
+	BoxGeometry, // makes ngt-box-geometry available
+	/* ... */
+	MyMesh: Mesh, // makes ngt-my-mesh available
+});
 
-```shell
-npx ng add angular-three
+// alternatively for demo purposes, you can use the following
+// extend(THREE);
+// This includes the entire THREE.js namespace
+
+@Component({
+	// This Component is rendered in the Custom Renderer
+	standalone: true,
+	template: `
+		<ngt-mesh>
+			<ngt-box-geometry />
+		</ngt-mesh>
+	`,
+	schemas: [CUSTOM_ELEMENTS_SCHEMA], // required
+	changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SceneGraph {}
+
+@Component({
+	// This Component is rendered normally in Angular.
+	selector: 'app-my-experience',
+	standalone: true,
+	template: `
+		<ngt-canvas [sceneGraph]="SceneGraph" />
+	`,
+	imports: [NgtCanvas],
+})
+export class MyExperience {
+	SceneGraph = SceneGraph;
+}
 ```
 
-### Nx
+> The Component that renders `NgtCanvas` (`MyExperience` in this case) controls the dimensions of the canvas so make sure to style it accordingly.
+
+### Inputs
+
+- `sceneGraph: Type<any>`: **required**. This is the Component that renders your 3D Scene graph. It must be a standalone Component.
+- `gl?: NgtGLOptions`: This input allows you to configure the WebGL renderer used by Angular Three. You can provide a THREE.js renderer instance, properties for the default renderer, or a function that returns a renderer based on the canvas element.
+- `size?: NgtSize`: Specifies the dimensions of the renderer. If omitted, the component will automatically measure the canvas dimensions.
+- `shadows?: boolean | 'basic' | 'percentage' | 'soft' | 'variance' | Partial<WebGLShadowMap>`: Enables or disables shadows in the scene. You can provide a boolean value to toggle shadows on or off, or use specific strings to control the shadow type. Additionally, you can pass partial WebGLShadowMap options for fine-tuning.
+- `legacy?: boolean`: Disables three r139 color management when set to true.
+- `linear?: boolean`: Switches off automatic sRGB color space and gamma correction when set to true.
+- `flat?: boolean`: Uses THREE.NoToneMapping instead of THREE.ACESFilmicToneMapping when set to true.
+- `orthographic?: boolean`: Creates an orthographic camera instead of a perspective camera when set to true.
+- `frameloop?: 'always' | 'demand' | 'never'`: Controls the rendering mode. 'always' renders continuously, 'demand' renders only on state changes, and 'never' gives you manual control over rendering.
+- `performance?: Partial<Omit<NgtPerformance, 'regress'>>`: Allows you to configure performance options for adaptive performance.
+- `dpr?: NgtDpr`: Sets the target pixel ratio. You can provide a single number or a range [min, max].
+- `raycaster?: Partial<Raycaster>`: Configures the default raycaster used for interaction.
+- `scene?: Scene | Partial<Scene>`: Provides a THREE.js scene instance or properties to create a default scene.
+- `camera?: NgtCamera | Partial<NgtObject3DNode<Camera>>`: Provides a THREE.js camera instance or properties to create a default camera. You can also set the manual property to true to take control of the camera projection.
+- `events?: (store: NgtSignalStore<NgtState>) => NgtEventManager<HTMLElement>`: Allows you to customize the event manager for handling pointer events.
+- `eventSource?: HTMLElement | ElementRef<HTMLElement>`: Specifies the target element where events are subscribed. By default, it's the div wrapping the canvas.
+- `eventPrefix?: 'offset' | 'client' | 'page' | 'layer' | 'screen'`: Sets the event prefix used for canvas pointer events.
+- `lookAt?: Vector3 | Parameters<Vector3['set']>`: Defines the default coordinate for the camera to look at.
+
+### Outputs
+
+- `created`: Emitted when the canvas is created.
+- `pointerMissed`: Emitted when a pointer event is not captured by any element (aka clicking on the canvas)
+
+## Intellisense support
+
+Since Angular Three is a custom Renderer, the elements are not recognized by the Angular Language Service.
+
+### Jetbrains IDE
+
+The consumers can add `web-types` property to the workspace's `package.json` and set the value to `node_modules/angular-three/web-types.json`.
+
+```json
+{
+	"web-types": "node_modules/angular-three/web-types.json"
+}
+```
+
+### VSCode
+
+Similarly, there's `node_modules/angular-three/metadata.json` file that can be used to provide intellisense support for VSCode users.
+
+The consumers can enable it via `html.customData` in their `settings.json` file.
 
-```shell
-npm i angular-three
-npx nx g angular-three:init
+```json
+{
+	"html.customData": ["node_modules/angular-three/metadata.json"]
+}
 ```
 
-### Manual
+## Input Bindings
+
+Input bindings for `ngt-*` elements work the same way as they do in Angular.
 
-```shell
-npm i angular-three three
+> You can consult THREE.js documentation on what is available on the entities
+
+```html
+<ngt-mesh [position]="[x, y, z]" [rotation]="[x, y, z]">
+	<ngt-mesh-basic-material color="hotpink" />
+</ngt-mesh>
 ```
 
-```shell
-npm i -D @types/three
+## Events
+
+Angular Three Custom Renderer supports the following events on applicable objects (`ngt-mesh`, `ngt-group` etc...)
+
+```
+'click',
+'contextmenu',
+'dblclick',
+'pointerup',
+'pointerdown',
+'pointerover',
+'pointerout',
+'pointerenter',
+'pointerleave',
+'pointermove',
+'pointermissed',
+'pointercancel',
+'wheel',
 ```
 
--   Adjust `tsconfig.json` (or `tsconfig.base.json`) to include `skipTypeCheck: false`
+In addition, there are 2 special events that the consumers can listen to;
 
-> Typically, we'd want to keep `three` and `@types/three` on the same minor version. Eg: `0.147`, `0.148` etc..
+- `attached`: when the element is attached to its parent
+- `updated`: when the element properties are updated
 
-## Type
+## Constructor Arguments
 
-### VSCode
+In THREE.js, there are some entities that require the consumers to dispose and recreate them if their parameters change; like the Geometries.
 
--   If you use `ng add` or `nx generate` command, this is setup for you.
--   If you install `angular-three` manually, you can do the following steps to enable typings
-    -   Open `.vscode/settings.json`, or create one if you do not have it
-    -   Add `html.customData` property with the value of `["./node_modules/angular-three/metadata.json"]`. If `html.customData` exists, simply add `"./node_modules/angular-three/metadata.json"` to the array
-
-### WebStorm/IntelliJ
-
--   You **should not** need to do anything here but if things do not work, you can add `web-types` property to `package.json` with the value of `"./node_modules/angular-three/web-types.json"`
-
-### NeoVim
-
-Setup will vary depending on your current NeoVim configuration. However, I'd expect the **required** steps to be the same
-
--   `neovim/nvim-lspconfig` needs to be configured for `html` LSP
--   `init_options.dataPaths` needs to include the path to `node_modules/angular-three/metadata.json`
--   Setup a `html/customDataContent` handler (`handlers = {["html/customDataContent"] = function() ... end}` for Lua syntax)
-    and return the content of the `init_options.dataPaths`
-
-Here's an example setup for [LazyVim](https://www.lazyvim.org/)
-
-```lua
-return {
-  {
-    "neovim/nvim-lspconfig",
-    ---@class PluginLspOpts
-    opts = {
-      ---@type table<string, fun(server:string, opts:_.lspconfig.options):boolean?>
-      setup = {
-        html = function(_, opts)
-          opts.init_options = {
-            dataPaths = {
-              vim.fn.getcwd() .. "/node_modules/angular-three/metadata.json",
-            },
-            configurationSection = { "html", "css", "javascript" },
-            embeddedLanguages = {
-              css = true,
-              javascript = true,
-            },
-            provideFormatter = true,
-          }
-
-          opts.handlers = {
-            ["html/customDataContent"] = function(err, result, ctx, config)
-              local function exists(name)
-                if type(name) ~= "string" then
-                  return false
-                end
-                return os.execute("test -e " .. name)
-              end
-
-              if not vim.tbl_isempty(result) and #result == 1 then
-                if not exists(result[1]) then
-                  return ""
-                end
-                local content = vim.fn.join(vim.fn.readfile(result[1]), "\n")
-                return content
-              end
-              return ""
-            end,
-          }
-
-          return false
-        end,
-      },
-    },
-  },
-}
+To handle this, Angular Three exports a `NgtArgs` structural directive that always accepts an Array of values. The consumers can consult THREE.js documentations to know what values are applicable for what entities and their order.
+
+```html
+<!-- for example, new BoxGeometry(width, height, depth) -->
+<ngt-box-geometry *args="[width, height, depth]" />
 ```
 
-## Documentations
+`NgtArgs`, as a structural directive, ensures to create a new instance of the entity when the value changes
 
-Read more about Angular Three usages in [Documentations](https://angular-three-backupjs.netlify.app)
+## Parameters
 
-## Simple usage
+Beside the normal properties that `ngt-*` elements can accept for Input bindings, the consumers can also pass a `parameters` object to a special property `[parameters]` on the elements. This parameters object will be used to apply the properties on the entity.
 
-1. Create a `Scene` component as a Standalone Component
+```html
+<!-- instead of <ngt-mesh [position]="[x, y, z]" [scale]="scale" /> -->
+<ngt-mesh [parameters]="{ position: [x, y, z], scale }" />
+```
 
-```ts
-import { extend } from 'angular-three';
-import { Mesh, BoxGeometry, MeshBasicMaterial } from 'three';
+## Element Queries
 
-extend({ Mesh, BoxGeometry, MeshBasicMaterial });
+The consumers can query for the THREE.js entities like they would do in normal HTML Angular Template.
 
+```ts
 @Component({
-    standalone: true,
-    template: `
-        <ngt-mesh>
-            <ngt-box-geometry />
-            <ngt-mesh-basic-material color="darkred" />
-        </ngt-mesh>
-    `,
-    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+	template: `
+		<ngt-mesh #mesh></ngt-mesh>
+	`,
 })
-export class Scene {}
+export class Box {
+	mesh = viewChild.required<ElementRef<Mesh>>('mesh');
+	//  notice that it is an ElementRef of THREE.Mesh instead of an HTMLElement
+}
 ```
 
--   `extend` will add the THREE entities to `angular-three` catalogue which allows the renderer to recognize the custom tags: `ngt-mesh`, `ngt-box-geometry` etc..
--   Custom Element tags follow this rule: `ngt-` + THREE classes in **kebab-case**. `Mesh` -> `ngt-mesh`
--   `schemas: [CUSTOM_ELEMENTS_SCHEMA]` allows us to use custom tags on the template. This is Angular's limitation at the moment
+## Animation Loop
 
-2. Render `<ngt-canvas>` component, use `Scene` component above to pass into `[sceneGraph]` input on `<ngt-canvas>`
+In order to participate in the animation loop, use `injectBeforeRender` inject function
 
-```html
-<ngt-canvas [sceneGraph]="Scene" />
+```ts
+@Component({
+	/*...*/
+})
+export class Box {
+	mesh = viewChild.required<ElementRef<Mesh>>('mesh');
+
+	constructor() {
+		injectBeforeRender(() => {
+			// runs every frame
+			const mesh = this.mesh().nativeElement;
+			mesh.rotation.x += 0.01;
+		});
+	}
+}
 ```
 
--   `ngt-canvas` creates the basic building blocks of THREE.js: a default `WebGLRenderer`, a default `Scene`, and a default `PerspectiveCamera`
+## Store
 
-## Contributions
+Angular Three keeps track of its state via an internal store. The consumers can access this store via the `injectStore` inject function
 
-Contributions are welcomed
+```ts
+export class Box {
+	store = injectStore();
+	viewport = this.store.select('viewport'); // Signal<NgtViewport>
+	camera = this.store.select('camera'); // Signal<NgtCamera> - the default camera
+	/* many more properties */
+}
+```

package/esm2022/angular-three.mjs

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci10aHJlZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci10aHJlZS9zcmMvYW5ndWxhci10aHJlZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci10aHJlZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvYW5ndWxhci10aHJlZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/index.mjs

@@ -1,26 +1,25 @@
 export * from './lib/canvas';
-export * from './lib/di/before-render';
-export * from './lib/di/catalogue';
-export * from './lib/di/ref';
 export * from './lib/directives/args';
-export * from './lib/directives/parent';
-export * from './lib/directives/repeat';
+export * from './lib/directives/selection';
+export * from './lib/html';
+export * from './lib/instance';
 export * from './lib/loader';
-export { addAfterEffect, addEffect, addTail } from './lib/loop';
-export { NgtPortal, NgtPortalContent } from './lib/portal';
+export * from './lib/loop';
+export * from './lib/pipes/hexify';
+export * from './lib/portal';
+export * from './lib/renderer';
+export * from './lib/roots';
 export * from './lib/routed-scene';
-export * from './lib/stores/signal.store';
-export * from './lib/stores/store';
-export * from './lib/three-types';
-export * from './lib/types';
+export * from './lib/store';
 export * from './lib/utils/apply-props';
-export * from './lib/utils/assert-in-injection-context';
-export { createAttachFunction } from './lib/utils/attach';
-export * from './lib/utils/instance';
+export * from './lib/utils/attach';
+export * from './lib/utils/before-render';
 export * from './lib/utils/is';
 export * from './lib/utils/make';
-export * from './lib/utils/safe-detect-changes';
-export * from './lib/utils/signal';
-export * from './lib/utils/timing';
+export * from './lib/utils/non-nullish';
+export * from './lib/utils/object-events';
+export * from './lib/utils/parameters';
+export * from './lib/utils/resolve-ref';
+export * from './lib/utils/signal-store';
 export * from './lib/utils/update';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdGhyZWUvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGNBQWMsQ0FBQztBQUM3QixPQUFPLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMzRCxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMxRCxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvY2FudmFzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpL2JlZm9yZS1yZW5kZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGkvY2F0YWxvZ3VlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpL3JlZic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2FyZ3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9wYXJlbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9yZXBlYXQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbG9hZGVyJztcbmV4cG9ydCB7IGFkZEFmdGVyRWZmZWN0LCBhZGRFZmZlY3QsIGFkZFRhaWwgfSBmcm9tICcuL2xpYi9sb29wJztcbmV4cG9ydCB7IE5ndFBvcnRhbCwgTmd0UG9ydGFsQ29udGVudCB9IGZyb20gJy4vbGliL3BvcnRhbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yb3V0ZWQtc2NlbmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RvcmVzL3NpZ25hbC5zdG9yZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdG9yZXMvc3RvcmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGhyZWUtdHlwZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdHlwZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvYXBwbHktcHJvcHMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvYXNzZXJ0LWluLWluamVjdGlvbi1jb250ZXh0JztcbmV4cG9ydCB7IGNyZWF0ZUF0dGFjaEZ1bmN0aW9uIH0gZnJvbSAnLi9saWIvdXRpbHMvYXR0YWNoJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL2luc3RhbmNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL2lzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL21ha2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvc2FmZS1kZXRlY3QtY2hhbmdlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9zaWduYWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvdGltaW5nJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL3VwZGF0ZSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2NhbnZhcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2FyZ3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9zZWxlY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaHRtbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnN0YW5jZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9sb2FkZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbG9vcCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcy9oZXhpZnknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcG9ydGFsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3JlbmRlcmVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jvb3RzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3JvdXRlZC1zY2VuZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdG9yZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9hcHBseS1wcm9wcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9hdHRhY2gnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvYmVmb3JlLXJlbmRlcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9pcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9tYWtlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL25vbi1udWxsaXNoJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL29iamVjdC1ldmVudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvcGFyYW1ldGVycyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9yZXNvbHZlLXJlZic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9zaWduYWwtc3RvcmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvdXBkYXRlJztcblxuZXhwb3J0IHR5cGUgKiBmcm9tICcuL2xpYi90aHJlZS10eXBlcyc7XG5leHBvcnQgdHlwZSAqIGZyb20gJy4vbGliL3R5cGVzJztcbiJdfQ==