angular-three-soba 1.3.2 → 1.4.0

package/esm2020/abstractions/lib/gizmo-helper/gizmo-viewport/gizmo-viewport-axis.mjs

@@ -0,0 +1,193 @@
+import { DOCUMENT } from '@angular/common';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, inject, Input } from '@angular/core';
+import { extend, NgtArgs, NgtRxStore, NgtStore, startWithUndefined } from 'angular-three';
+import { combineLatest, map } from 'rxjs';
+import { BoxGeometry, CanvasTexture, Group, Mesh, MeshBasicMaterial, Sprite, SpriteMaterial } from 'three';
+import * as i0 from "@angular/core";
+extend({ Group, Mesh, BoxGeometry, MeshBasicMaterial, Sprite, SpriteMaterial });
+export class NgtsGizmoViewportAxis extends NgtRxStore {
+    set color(color) {
+        this.set({ color });
+    }
+    set rotation(rotation) {
+        this.set({ rotation });
+    }
+    set scale(scale) {
+        this.set({ scale: scale === undefined ? this.get('scale') : scale });
+    }
+    initialize() {
+        super.initialize();
+        this.set({ scale: [0.8, 0.05, 0.05] });
+    }
+}
+NgtsGizmoViewportAxis.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsGizmoViewportAxis, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtsGizmoViewportAxis.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NgtsGizmoViewportAxis, isStandalone: true, selector: "ngts-gizmo-viewport-axis[color][rotation]", inputs: { color: "color", rotation: "rotation", scale: "scale" }, usesInheritance: true, ngImport: i0, template: `
+        <ngt-group [rotation]="get('rotation')">
+            <ngt-mesh [position]="[0.4, 0, 0]">
+                <ngt-box-geometry *args="get('scale')" />
+                <ngt-mesh-basic-material [color]="get('color')" [toneMapped]="false" />
+            </ngt-mesh>
+        </ngt-group>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsGizmoViewportAxis, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-gizmo-viewport-axis[color][rotation]',
+                    standalone: true,
+                    template: `
+        <ngt-group [rotation]="get('rotation')">
+            <ngt-mesh [position]="[0.4, 0, 0]">
+                <ngt-box-geometry *args="get('scale')" />
+                <ngt-mesh-basic-material [color]="get('color')" [toneMapped]="false" />
+            </ngt-mesh>
+        </ngt-group>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], rotation: [{
+                type: Input
+            }], scale: [{
+                type: Input
+            }] } });
+export class NgtsGizmoViewportAxisHead extends NgtRxStore {
+    constructor() {
+        super(...arguments);
+        this.document = inject(DOCUMENT);
+        this.store = inject(NgtStore);
+        this.gl = this.store.get('gl');
+    }
+    set arcStyle(arcStyle) {
+        this.set({ arcStyle });
+    }
+    set label(label) {
+        this.set({ label });
+    }
+    set labelColor(labelColor) {
+        this.set({ labelColor });
+    }
+    set axisHeadScale(axisHeadScale) {
+        this.set({ axisHeadScale });
+    }
+    set disabled(disabled) {
+        this.set({ disabled });
+    }
+    set font(font) {
+        this.set({ font });
+    }
+    set clickEmitter(clickEmitter) {
+        this.set({ clickEmitter });
+    }
+    initialize() {
+        super.initialize();
+        this.set({ axisHeadScale: 1, active: false });
+        this.connect('texture', combineLatest([
+            this.select('arcStyle'),
+            this.select('labelColor'),
+            this.select('font'),
+            this.select('label').pipe(startWithUndefined()),
+        ]).pipe(map(([arcStyle, labelColor, font, label]) => {
+            const canvas = this.document.createElement('canvas');
+            canvas.width = 64;
+            canvas.height = 64;
+            const context = canvas.getContext('2d');
+            context.beginPath();
+            context.arc(32, 32, 16, 0, 2 * Math.PI);
+            context.closePath();
+            context.fillStyle = arcStyle;
+            context.fill();
+            if (label) {
+                context.font = font;
+                context.textAlign = 'center';
+                context.fillStyle = labelColor;
+                context.fillText(label, 32, 41);
+            }
+            return new CanvasTexture(canvas);
+        })));
+        this.connect('scale', combineLatest([
+            this.select('active'),
+            this.select('axisHeadScale'),
+            this.select('label').pipe(startWithUndefined()),
+        ]).pipe(map(([active, axisHeadScale, label]) => (label ? 1 : 0.75) * (active ? 1.2 : 1) * axisHeadScale)));
+    }
+    onPointerOver(event) {
+        if (!this.get('disabled')) {
+            event.stopPropagation();
+            this.set({ active: true });
+        }
+    }
+    onPointerOut(event) {
+        if (!this.get('disabled')) {
+            if (this.get('clickEmitter')?.observed) {
+                this.get('clickEmitter').emit(event);
+            }
+            else {
+                event.stopPropagation();
+                this.set({ active: false });
+            }
+        }
+    }
+}
+NgtsGizmoViewportAxisHead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsGizmoViewportAxisHead, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtsGizmoViewportAxisHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NgtsGizmoViewportAxisHead, isStandalone: true, selector: "ngts-gizmo-viewport-axis-head", inputs: { arcStyle: "arcStyle", label: "label", labelColor: "labelColor", axisHeadScale: "axisHeadScale", disabled: "disabled", font: "font", clickEmitter: "clickEmitter" }, usesInheritance: true, ngImport: i0, template: `
+        <ngt-sprite
+            ngtCompound
+            [scale]="get('scale')"
+            (pointerover)="onPointerOver($any($event))"
+            (pointerout)="onPointerOut($any($event))"
+        >
+            <ngt-sprite-material
+                [map]="get('texture')"
+                [opacity]="get('label') ? 1 : 0.75"
+                [alphaTest]="0.3"
+                [toneMapped]="false"
+            >
+                <ngt-value [rawValue]="gl.outputEncoding" attach="map.encoding" />
+                <ngt-value [rawValue]="gl.capabilities.getMaxAnisotropy() || 1" attach="map.anisotropy" />
+            </ngt-sprite-material>
+        </ngt-sprite>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsGizmoViewportAxisHead, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-gizmo-viewport-axis-head',
+                    standalone: true,
+                    template: `
+        <ngt-sprite
+            ngtCompound
+            [scale]="get('scale')"
+            (pointerover)="onPointerOver($any($event))"
+            (pointerout)="onPointerOut($any($event))"
+        >
+            <ngt-sprite-material
+                [map]="get('texture')"
+                [opacity]="get('label') ? 1 : 0.75"
+                [alphaTest]="0.3"
+                [toneMapped]="false"
+            >
+                <ngt-value [rawValue]="gl.outputEncoding" attach="map.encoding" />
+                <ngt-value [rawValue]="gl.capabilities.getMaxAnisotropy() || 1" attach="map.anisotropy" />
+            </ngt-sprite-material>
+        </ngt-sprite>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { arcStyle: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], axisHeadScale: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], clickEmitter: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2l6bW8tdmlld3BvcnQtYXhpcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci10aHJlZS1zb2JhL2Fic3RyYWN0aW9ucy9zcmMvbGliL2dpem1vLWhlbHBlci9naXptby12aWV3cG9ydC9naXptby12aWV3cG9ydC1heGlzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9GLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQWlCLGtCQUFrQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxNQUFNLE9BQU8sQ0FBQzs7QUFFM0csTUFBTSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxDQUFDLENBQUM7QUFnQmhGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxVQUFVO0lBQ2pELElBQWEsS0FBSyxDQUFDLEtBQWE7UUFDNUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQWEsUUFBUSxDQUFDLFFBQWtDO1FBQ3BELElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUFhLEtBQUss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LEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7OztLQWlCVDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUM7b0JBQ2xCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQzs4QkFNZ0IsUUFBUTtzQkFBcEIsS0FBSztnQkFJTyxLQUFLO3NCQUFqQixLQUFLO2dCQUlPLFVBQVU7c0JBQXRCLEtBQUs7Z0JBSU8sYUFBYTtzQkFBekIsS0FBSztnQkFJTyxRQUFRO3NCQUFwQixLQUFLO2dCQUlPLElBQUk7c0JBQWhCLEtBQUs7Z0JBSU8sWUFBWTtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBleHRlbmQsIE5ndEFyZ3MsIE5ndFJ4U3RvcmUsIE5ndFN0b3JlLCBOZ3RUaHJlZUV2ZW50LCBzdGFydFdpdGhVbmRlZmluZWQgfSBmcm9tICdhbmd1bGFyLXRocmVlJztcbmltcG9ydCB7IGNvbWJpbmVMYXRlc3QsIG1hcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQm94R2VvbWV0cnksIENhbnZhc1RleHR1cmUsIEdyb3VwLCBNZXNoLCBNZXNoQmFzaWNNYXRlcmlhbCwgU3ByaXRlLCBTcHJpdGVNYXRlcmlhbCB9IGZyb20gJ3RocmVlJztcblxuZXh0ZW5kKHsgR3JvdXAsIE1lc2gsIEJveEdlb21ldHJ5LCBNZXNoQmFzaWNNYXRlcmlhbCwgU3ByaXRlLCBTcHJpdGVNYXRlcmlhbCB9KTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXNbY29sb3JdW3JvdGF0aW9uXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8bmd0LWdyb3VwIFtyb3RhdGlvbl09XCJnZXQoJ3JvdGF0aW9uJylcIj5cbiAgICAgICAgICAgIDxuZ3QtbWVzaCBbcG9zaXRpb25dPVwiWzAuNCwgMCwgMF1cIj5cbiAgICAgICAgICAgICAgICA8bmd0LWJveC1nZW9tZXRyeSAqYXJncz1cImdldCgnc2NhbGUnKVwiIC8+XG4gICAgICAgICAgICAgICAgPG5ndC1tZXNoLWJhc2ljLW1hdGVyaWFsIFtjb2xvcl09XCJnZXQoJ2NvbG9yJylcIiBbdG9uZU1hcHBlZF09XCJmYWxzZVwiIC8+XG4gICAgICAgICAgICA8L25ndC1tZXNoPlxuICAgICAgICA8L25ndC1ncm91cD5cbiAgICBgLFxuICAgIGltcG9ydHM6IFtOZ3RBcmdzXSxcbiAgICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG59KVxuZXhwb3J0IGNsYXNzIE5ndHNHaXptb1ZpZXdwb3J0QXhpcyBleHRlbmRzIE5ndFJ4U3RvcmUge1xuICAgIEBJbnB1dCgpIHNldCBjb2xvcihjb2xvcjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgY29sb3IgfSk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgc2V0IHJvdGF0aW9uKHJvdGF0aW9uOiBbbnVtYmVyLCBudW1iZXIsIG51bWJlcl0pIHtcbiAgICAgICAgdGhpcy5zZXQoeyByb3RhdGlvbiB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgc2NhbGUoc2NhbGU6IFtudW1iZXIsIG51bWJlciwgbnVtYmVyXSkge1xuICAgICAgICB0aGlzLnNldCh7IHNjYWxlOiBzY2FsZSA9PT0gdW5kZWZpbmVkID8gdGhpcy5nZXQoJ3NjYWxlJykgOiBzY2FsZSB9KTtcbiAgICB9XG5cbiAgICBvdmVycmlkZSBpbml0aWFsaXplKCk6IHZvaWQge1xuICAgICAgICBzdXBlci5pbml0aWFsaXplKCk7XG4gICAgICAgIHRoaXMuc2V0KHsgc2NhbGU6IFswLjgsIDAuMDUsIDAuMDVdIH0pO1xuICAgIH1cbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXMtaGVhZCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8bmd0LXNwcml0ZVxuICAgICAgICAgICAgbmd0Q29tcG91bmRcbiAgICAgICAgICAgIFtzY2FsZV09XCJnZXQoJ3NjYWxlJylcIlxuICAgICAgICAgICAgKHBvaW50ZXJvdmVyKT1cIm9uUG9pbnRlck92ZXIoJGFueSgkZXZlbnQpKVwiXG4gICAgICAgICAgICAocG9pbnRlcm91dCk9XCJvblBvaW50ZXJPdXQoJGFueSgkZXZlbnQpKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxuZ3Qtc3ByaXRlLW1hdGVyaWFsXG4gICAgICAgICAgICAgICAgW21hcF09XCJnZXQoJ3RleHR1cmUnKVwiXG4gICAgICAgICAgICAgICAgW29wYWNpdHldPVwiZ2V0KCdsYWJlbCcpID8gMSA6IDAuNzVcIlxuICAgICAgICAgICAgICAgIFthbHBoYVRlc3RdPVwiMC4zXCJcbiAgICAgICAgICAgICAgICBbdG9uZU1hcHBlZF09XCJmYWxzZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG5ndC12YWx1ZSBbcmF3VmFsdWVdPVwiZ2wub3V0cHV0RW5jb2RpbmdcIiBhdHRhY2g9XCJtYXAuZW5jb2RpbmdcIiAvPlxuICAgICAgICAgICAgICAgIDxuZ3QtdmFsdWUgW3Jhd1ZhbHVlXT1cImdsLmNhcGFiaWxpdGllcy5nZXRNYXhBbmlzb3Ryb3B5KCkgfHwgMVwiIGF0dGFjaD1cIm1hcC5hbmlzb3Ryb3B5XCIgLz5cbiAgICAgICAgICAgIDwvbmd0LXNwcml0ZS1tYXRlcmlhbD5cbiAgICAgICAgPC9uZ3Qtc3ByaXRlPlxuICAgIGAsXG4gICAgaW1wb3J0czogW05ndEFyZ3NdLFxuICAgIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbn0pXG5leHBvcnQgY2xhc3MgTmd0c0dpem1vVmlld3BvcnRBeGlzSGVhZCBleHRlbmRzIE5ndFJ4U3RvcmUge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZG9jdW1lbnQgPSBpbmplY3QoRE9DVU1FTlQpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgc3RvcmUgPSBpbmplY3QoTmd0U3RvcmUpO1xuICAgIHJlYWRvbmx5IGdsID0gdGhpcy5zdG9yZS5nZXQoJ2dsJyk7XG5cbiAgICBASW5wdXQoKSBzZXQgYXJjU3R5bGUoYXJjU3R5bGU6IHN0cmluZykge1xuICAgICAgICB0aGlzLnNldCh7IGFyY1N0eWxlIH0pO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBsYWJlbChsYWJlbDogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgbGFiZWwgfSk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgc2V0IGxhYmVsQ29sb3IobGFiZWxDb2xvcjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgbGFiZWxDb2xvciB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgYXhpc0hlYWRTY2FsZShheGlzSGVhZFNjYWxlOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5zZXQoeyBheGlzSGVhZFNjYWxlIH0pO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBkaXNhYmxlZChkaXNhYmxlZDogYm9vbGVhbikge1xuICAgICAgICB0aGlzLnNldCh7IGRpc2FibGVkIH0pO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBmb250KGZvbnQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnNldCh7IGZvbnQgfSk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgc2V0IGNsaWNrRW1pdHRlcihjbGlja0VtaXR0ZXI6IEV2ZW50RW1pdHRlcjxOZ3RUaHJlZUV2ZW50PE1vdXNlRXZlbnQ+Pikge1xuICAgICAgICB0aGlzLnNldCh7IGNsaWNrRW1pdHRlciB9KTtcbiAgICB9XG5cbiAgICBvdmVycmlkZSBpbml0aWFsaXplKCk6IHZvaWQge1xuICAgICAgICBzdXBlci5pbml0aWFsaXplKCk7XG4gICAgICAgIHRoaXMuc2V0KHsgYXhpc0hlYWRTY2FsZTogMSwgYWN0aXZlOiBmYWxzZSB9KTtcbiAgICAgICAgdGhpcy5jb25uZWN0KFxuICAgICAgICAgICAgJ3RleHR1cmUnLFxuICAgICAgICAgICAgY29tYmluZUxhdGVzdChbXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3QoJ2FyY1N0eWxlJyksXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3QoJ2xhYmVsQ29sb3InKSxcbiAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdCgnZm9udCcpLFxuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0KCdsYWJlbCcpLnBpcGUoc3RhcnRXaXRoVW5kZWZpbmVkKCkpLFxuICAgICAgICAgICAgXSkucGlwZShcbiAgICAgICAgICAgICAgICBtYXAoKFthcmNTdHlsZSwgbGFiZWxDb2xvciwgZm9udCwgbGFiZWxdKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGNhbnZhcyA9IHRoaXMuZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnY2FudmFzJyk7XG4gICAgICAgICAgICAgICAgICAgIGNhbnZhcy53aWR0aCA9IDY0O1xuICAgICAgICAgICAgICAgICAgICBjYW52YXMuaGVpZ2h0ID0gNjQ7XG5cbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY29udGV4dCA9IGNhbnZhcy5nZXRDb250ZXh0KCcyZCcpITtcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5iZWdpblBhdGgoKTtcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5hcmMoMzIsIDMyLCAxNiwgMCwgMiAqIE1hdGguUEkpO1xuICAgICAgICAgICAgICAgICAgICBjb250ZXh0LmNsb3NlUGF0aCgpO1xuICAgICAgICAgICAgICAgICAgICBjb250ZXh0LmZpbGxTdHlsZSA9IGFyY1N0eWxlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZXh0LmZpbGwoKTtcblxuICAgICAgICAgICAgICAgICAgICBpZiAobGFiZWwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQuZm9udCA9IGZvbnQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb250ZXh0LnRleHRBbGlnbiA9ICdjZW50ZXInO1xuICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dC5maWxsU3R5bGUgPSBsYWJlbENvbG9yO1xuICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dC5maWxsVGV4dChsYWJlbCwgMzIsIDQxKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gbmV3IENhbnZhc1RleHR1cmUoY2FudmFzKTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKVxuICAgICAgICApO1xuICAgICAgICB0aGlzLmNvbm5lY3QoXG4gICAgICAgICAgICAnc2NhbGUnLFxuICAgICAgICAgICAgY29tYmluZUxhdGVzdChbXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3QoJ2FjdGl2ZScpLFxuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0KCdheGlzSGVhZFNjYWxlJyksXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3QoJ2xhYmVsJykucGlwZShzdGFydFdpdGhVbmRlZmluZWQoKSksXG4gICAgICAgICAgICBdKS5waXBlKG1hcCgoW2FjdGl2ZSwgYXhpc0hlYWRTY2FsZSwgbGFiZWxdKSA9PiAobGFiZWwgPyAxIDogMC43NSkgKiAoYWN0aXZlID8gMS4yIDogMSkgKiBheGlzSGVhZFNjYWxlKSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBvblBvaW50ZXJPdmVyKGV2ZW50OiBOZ3RUaHJlZUV2ZW50PFBvaW50ZXJFdmVudD4pIHtcbiAgICAgICAgaWYgKCF0aGlzLmdldCgnZGlzYWJsZWQnKSkge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLnNldCh7IGFjdGl2ZTogdHJ1ZSB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uUG9pbnRlck91dChldmVudDogTmd0VGhyZWVFdmVudDxQb2ludGVyRXZlbnQ+KSB7XG4gICAgICAgIGlmICghdGhpcy5nZXQoJ2Rpc2FibGVkJykpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmdldCgnY2xpY2tFbWl0dGVyJyk/Lm9ic2VydmVkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5nZXQoJ2NsaWNrRW1pdHRlcicpLmVtaXQoZXZlbnQpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICB0aGlzLnNldCh7IGFjdGl2ZTogZmFsc2UgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

package/esm2020/abstractions/lib/gizmo-helper/gizmo-viewport/gizmo-viewport.mjs

@@ -0,0 +1,266 @@
+import { NgIf } from '@angular/common';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, inject, Input, Output } from '@angular/core';
+import { extend, NgtRxStore } from 'angular-three';
+import { AmbientLight, Group, PointLight } from 'three';
+import { NGTS_GIZMO_HELPER_API } from '../gizmo-helper';
+import { NgtsGizmoViewportAxis, NgtsGizmoViewportAxisHead } from './gizmo-viewport-axis';
+import * as i0 from "@angular/core";
+extend({ Group, AmbientLight, PointLight });
+export class NgtsGizmoViewport extends NgtRxStore {
+    constructor() {
+        super(...arguments);
+        this.gizmoHelperApi = inject(NGTS_GIZMO_HELPER_API);
+        this.Math = Math;
+        this.clicked = new EventEmitter();
+    }
+    set axisColors(axisColors) {
+        this.set({ axisColors });
+    }
+    set axisScale(axisScale) {
+        this.set({ axisScale });
+    }
+    set labels(labels) {
+        this.set({ labels });
+    }
+    set axisHeadScale(axisHeadScale) {
+        this.set({ axisHeadScale });
+    }
+    set labelColor(labelColor) {
+        this.set({ labelColor });
+    }
+    set hideNegativeAxes(hideNegativeAxes) {
+        this.set({ hideNegativeAxes });
+    }
+    set hideAxisHeads(hideAxisHeads) {
+        this.set({ hideAxisHeads });
+    }
+    set disabled(disabled) {
+        this.set({ disabled });
+    }
+    set font(font) {
+        this.set({ font });
+    }
+    initialize() {
+        super.initialize();
+        this.set({
+            font: '18px Inter var, Arial, sans-serif',
+            axisColors: ['#ff2060', '#20df80', '#2080ff'],
+            axisHeadScale: 1,
+            labels: ['X', 'Y', 'Z'],
+            labelColor: '#000',
+        });
+    }
+    onPointerDown(event) {
+        if (!this.get('disabled')) {
+            event.stopPropagation();
+            this.gizmoHelperApi.tweenCamera(event.object.position);
+        }
+    }
+}
+NgtsGizmoViewport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsGizmoViewport, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtsGizmoViewport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NgtsGizmoViewport, isStandalone: true, selector: "ngts-gizmo-viewport", inputs: { axisColors: "axisColors", axisScale: "axisScale", labels: "labels", axisHeadScale: "axisHeadScale", labelColor: "labelColor", hideNegativeAxes: "hideNegativeAxes", hideAxisHeads: "hideAxisHeads", disabled: "disabled", font: "font" }, outputs: { clicked: "clicked" }, usesInheritance: true, ngImport: i0, template: `
+        <ngt-group ngtCompound [scale]="40">
+            <ngts-gizmo-viewport-axis
+                [color]="get('axisColors')[0]"
+                [rotation]="[0, 0, 0]"
+                [scale]="get('axisScale')"
+            ></ngts-gizmo-viewport-axis>
+            <ngts-gizmo-viewport-axis
+                [color]="get('axisColors')[1]"
+                [rotation]="[0, 0, Math.PI / 2]"
+                [scale]="get('axisScale')"
+            ></ngts-gizmo-viewport-axis>
+            <ngts-gizmo-viewport-axis
+                [color]="get('axisColors')[2]"
+                [rotation]="[0, -Math.PI / 2, 0]"
+                [scale]="get('axisScale')"
+            ></ngts-gizmo-viewport-axis>
+            <ng-container *ngIf="!get('hideAxisHeads')">
+                <ngts-gizmo-viewport-axis-head
+                    [arcStyle]="get('axisColors')[0]"
+                    [position]="[1, 0, 0]"
+                    [label]="get('labels')[0]"
+                    [font]="get('font')"
+                    [disabled]="get('disabled')"
+                    [labelColor]="get('labelColor')"
+                    [clickEmitter]="clicked"
+                    [axisHeadScale]="get('axisHeadScale')"
+                    (pointerdown)="onPointerDown($any($event))"
+                ></ngts-gizmo-viewport-axis-head>
+                <ngts-gizmo-viewport-axis-head
+                    [arcStyle]="get('axisColors')[1]"
+                    [position]="[0, 1, 0]"
+                    [label]="get('labels')[1]"
+                    [font]="get('font')"
+                    [disabled]="get('disabled')"
+                    [labelColor]="get('labelColor')"
+                    [clickEmitter]="clicked"
+                    [axisHeadScale]="get('axisHeadScale')"
+                    (pointerdown)="onPointerDown($any($event))"
+                ></ngts-gizmo-viewport-axis-head>
+                <ngts-gizmo-viewport-axis-head
+                    [arcStyle]="get('axisColors')[2]"
+                    [position]="[0, 0, 1]"
+                    [label]="get('labels')[2]"
+                    [font]="get('font')"
+                    [disabled]="get('disabled')"
+                    [labelColor]="get('labelColor')"
+                    [clickEmitter]="clicked"
+                    [axisHeadScale]="get('axisHeadScale')"
+                    (pointerdown)="onPointerDown($any($event))"
+                ></ngts-gizmo-viewport-axis-head>
+                <ng-container *ngIf="!get('hideNegativeAxes')">
+                    <ngts-gizmo-viewport-axis-head
+                        [arcStyle]="get('axisColors')[0]"
+                        [position]="[-1, 0, 0]"
+                        [font]="get('font')"
+                        [disabled]="get('disabled')"
+                        [labelColor]="get('labelColor')"
+                        [clickEmitter]="clicked"
+                        [axisHeadScale]="get('axisHeadScale')"
+                        (pointerdown)="onPointerDown($any($event))"
+                    ></ngts-gizmo-viewport-axis-head>
+                    <ngts-gizmo-viewport-axis-head
+                        [arcStyle]="get('axisColors')[1]"
+                        [position]="[0, -1, 0]"
+                        [font]="get('font')"
+                        [disabled]="get('disabled')"
+                        [labelColor]="get('labelColor')"
+                        [clickEmitter]="clicked"
+                        [axisHeadScale]="get('axisHeadScale')"
+                        (pointerdown)="onPointerDown($any($event))"
+                    ></ngts-gizmo-viewport-axis-head>
+                    <ngts-gizmo-viewport-axis-head
+                        [arcStyle]="get('axisColors')[2]"
+                        [position]="[0, 0, -1]"
+                        [font]="get('font')"
+                        [disabled]="get('disabled')"
+                        [labelColor]="get('labelColor')"
+                        [clickEmitter]="clicked"
+                        [axisHeadScale]="get('axisHeadScale')"
+                        (pointerdown)="onPointerDown($any($event))"
+                    ></ngts-gizmo-viewport-axis-head>
+                </ng-container>
+            </ng-container>
+            <ngt-ambient-light intensity="0.5"></ngt-ambient-light>
+            <ngt-point-light position="10" intensity="0.5"></ngt-point-light>
+        </ngt-group>
+    `, isInline: true, dependencies: [{ kind: "component", type: NgtsGizmoViewportAxis, selector: "ngts-gizmo-viewport-axis[color][rotation]", inputs: ["color", "rotation", "scale"] }, { kind: "component", type: NgtsGizmoViewportAxisHead, selector: "ngts-gizmo-viewport-axis-head", inputs: ["arcStyle", "label", "labelColor", "axisHeadScale", "disabled", "font", "clickEmitter"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsGizmoViewport, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-gizmo-viewport',
+                    standalone: true,
+                    template: `
+        <ngt-group ngtCompound [scale]="40">
+            <ngts-gizmo-viewport-axis
+                [color]="get('axisColors')[0]"
+                [rotation]="[0, 0, 0]"
+                [scale]="get('axisScale')"
+            ></ngts-gizmo-viewport-axis>
+            <ngts-gizmo-viewport-axis
+                [color]="get('axisColors')[1]"
+                [rotation]="[0, 0, Math.PI / 2]"
+                [scale]="get('axisScale')"
+            ></ngts-gizmo-viewport-axis>
+            <ngts-gizmo-viewport-axis
+                [color]="get('axisColors')[2]"
+                [rotation]="[0, -Math.PI / 2, 0]"
+                [scale]="get('axisScale')"
+            ></ngts-gizmo-viewport-axis>
+            <ng-container *ngIf="!get('hideAxisHeads')">
+                <ngts-gizmo-viewport-axis-head
+                    [arcStyle]="get('axisColors')[0]"
+                    [position]="[1, 0, 0]"
+                    [label]="get('labels')[0]"
+                    [font]="get('font')"
+                    [disabled]="get('disabled')"
+                    [labelColor]="get('labelColor')"
+                    [clickEmitter]="clicked"
+                    [axisHeadScale]="get('axisHeadScale')"
+                    (pointerdown)="onPointerDown($any($event))"
+                ></ngts-gizmo-viewport-axis-head>
+                <ngts-gizmo-viewport-axis-head
+                    [arcStyle]="get('axisColors')[1]"
+                    [position]="[0, 1, 0]"
+                    [label]="get('labels')[1]"
+                    [font]="get('font')"
+                    [disabled]="get('disabled')"
+                    [labelColor]="get('labelColor')"
+                    [clickEmitter]="clicked"
+                    [axisHeadScale]="get('axisHeadScale')"
+                    (pointerdown)="onPointerDown($any($event))"
+                ></ngts-gizmo-viewport-axis-head>
+                <ngts-gizmo-viewport-axis-head
+                    [arcStyle]="get('axisColors')[2]"
+                    [position]="[0, 0, 1]"
+                    [label]="get('labels')[2]"
+                    [font]="get('font')"
+                    [disabled]="get('disabled')"
+                    [labelColor]="get('labelColor')"
+                    [clickEmitter]="clicked"
+                    [axisHeadScale]="get('axisHeadScale')"
+                    (pointerdown)="onPointerDown($any($event))"
+                ></ngts-gizmo-viewport-axis-head>
+                <ng-container *ngIf="!get('hideNegativeAxes')">
+                    <ngts-gizmo-viewport-axis-head
+                        [arcStyle]="get('axisColors')[0]"
+                        [position]="[-1, 0, 0]"
+                        [font]="get('font')"
+                        [disabled]="get('disabled')"
+                        [labelColor]="get('labelColor')"
+                        [clickEmitter]="clicked"
+                        [axisHeadScale]="get('axisHeadScale')"
+                        (pointerdown)="onPointerDown($any($event))"
+                    ></ngts-gizmo-viewport-axis-head>
+                    <ngts-gizmo-viewport-axis-head
+                        [arcStyle]="get('axisColors')[1]"
+                        [position]="[0, -1, 0]"
+                        [font]="get('font')"
+                        [disabled]="get('disabled')"
+                        [labelColor]="get('labelColor')"
+                        [clickEmitter]="clicked"
+                        [axisHeadScale]="get('axisHeadScale')"
+                        (pointerdown)="onPointerDown($any($event))"
+                    ></ngts-gizmo-viewport-axis-head>
+                    <ngts-gizmo-viewport-axis-head
+                        [arcStyle]="get('axisColors')[2]"
+                        [position]="[0, 0, -1]"
+                        [font]="get('font')"
+                        [disabled]="get('disabled')"
+                        [labelColor]="get('labelColor')"
+                        [clickEmitter]="clicked"
+                        [axisHeadScale]="get('axisHeadScale')"
+                        (pointerdown)="onPointerDown($any($event))"
+                    ></ngts-gizmo-viewport-axis-head>
+                </ng-container>
+            </ng-container>
+            <ngt-ambient-light intensity="0.5"></ngt-ambient-light>
+            <ngt-point-light position="10" intensity="0.5"></ngt-point-light>
+        </ngt-group>
+    `,
+                    imports: [NgtsGizmoViewportAxis, NgtsGizmoViewportAxisHead, NgIf],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { axisColors: [{
+                type: Input
+            }], axisScale: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], axisHeadScale: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], hideNegativeAxes: [{
+                type: Input
+            }], hideAxisHeads: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2l6bW8tdmlld3BvcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdGhyZWUtc29iYS9hYnN0cmFjdGlvbnMvc3JjL2xpYi9naXptby1oZWxwZXIvZ2l6bW8tdmlld3BvcnQvZ2l6bW8tdmlld3BvcnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDeEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHlCQUF5QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRXpGLE1BQU0sQ0FBQyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztBQWdHNUMsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFVBQVU7SUE5RmpEOztRQStGYSxtQkFBYyxHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBRS9DLFNBQUksR0FBRyxJQUFJLENBQUM7UUFzQ1gsWUFBTyxHQUFHLElBQUksWUFBWSxFQUE2QixDQUFDO0tBbUJyRTtJQXZERyxJQUFhLFVBQVUsQ0FBQyxVQUFvQztRQUN4RCxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBYSxTQUFTLENBQUMsU0FBbUM7UUFDdEQsSUFB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QU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGV4dGVuZCwgTmd0UnhTdG9yZSwgTmd0VGhyZWVFdmVudCB9IGZyb20gJ2FuZ3VsYXItdGhyZWUnO1xuaW1wb3J0IHsgQW1iaWVudExpZ2h0LCBHcm91cCwgUG9pbnRMaWdodCB9IGZyb20gJ3RocmVlJztcbmltcG9ydCB7IE5HVFNfR0laTU9fSEVMUEVSX0FQSSB9IGZyb20gJy4uL2dpem1vLWhlbHBlcic7XG5pbXBvcnQgeyBOZ3RzR2l6bW9WaWV3cG9ydEF4aXMsIE5ndHNHaXptb1ZpZXdwb3J0QXhpc0hlYWQgfSBmcm9tICcuL2dpem1vLXZpZXdwb3J0LWF4aXMnO1xuXG5leHRlbmQoeyBHcm91cCwgQW1iaWVudExpZ2h0LCBQb2ludExpZ2h0IH0pO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25ndHMtZ2l6bW8tdmlld3BvcnQnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPG5ndC1ncm91cCBuZ3RDb21wb3VuZCBbc2NhbGVdPVwiNDBcIj5cbiAgICAgICAgICAgIDxuZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXNcbiAgICAgICAgICAgICAgICBbY29sb3JdPVwiZ2V0KCdheGlzQ29sb3JzJylbMF1cIlxuICAgICAgICAgICAgICAgIFtyb3RhdGlvbl09XCJbMCwgMCwgMF1cIlxuICAgICAgICAgICAgICAgIFtzY2FsZV09XCJnZXQoJ2F4aXNTY2FsZScpXCJcbiAgICAgICAgICAgID48L25ndHMtZ2l6bW8tdmlld3BvcnQtYXhpcz5cbiAgICAgICAgICAgIDxuZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXNcbiAgICAgICAgICAgICAgICBbY29sb3JdPVwiZ2V0KCdheGlzQ29sb3JzJylbMV1cIlxuICAgICAgICAgICAgICAgIFtyb3RhdGlvbl09XCJbMCwgMCwgTWF0aC5QSSAvIDJdXCJcbiAgICAgICAgICAgICAgICBbc2NhbGVdPVwiZ2V0KCdheGlzU2NhbGUnKVwiXG4gICAgICAgICAgICA+PC9uZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXM+XG4gICAgICAgICAgICA8bmd0cy1naXptby12aWV3cG9ydC1heGlzXG4gICAgICAgICAgICAgICAgW2NvbG9yXT1cImdldCgnYXhpc0NvbG9ycycpWzJdXCJcbiAgICAgICAgICAgICAgICBbcm90YXRpb25dPVwiWzAsIC1NYXRoLlBJIC8gMiwgMF1cIlxuICAgICAgICAgICAgICAgIFtzY2FsZV09XCJnZXQoJ2F4aXNTY2FsZScpXCJcbiAgICAgICAgICAgID48L25ndHMtZ2l6bW8tdmlld3BvcnQtYXhpcz5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhZ2V0KCdoaWRlQXhpc0hlYWRzJylcIj5cbiAgICAgICAgICAgICAgICA8bmd0cy1naXptby12aWV3cG9ydC1heGlzLWhlYWRcbiAgICAgICAgICAgICAgICAgICAgW2FyY1N0eWxlXT1cImdldCgnYXhpc0NvbG9ycycpWzBdXCJcbiAgICAgICAgICAgICAgICAgICAgW3Bvc2l0aW9uXT1cIlsxLCAwLCAwXVwiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJnZXQoJ2xhYmVscycpWzBdXCJcbiAgICAgICAgICAgICAgICAgICAgW2ZvbnRdPVwiZ2V0KCdmb250JylcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZ2V0KCdkaXNhYmxlZCcpXCJcbiAgICAgICAgICAgICAgICAgICAgW2xhYmVsQ29sb3JdPVwiZ2V0KCdsYWJlbENvbG9yJylcIlxuICAgICAgICAgICAgICAgICAgICBbY2xpY2tFbWl0dGVyXT1cImNsaWNrZWRcIlxuICAgICAgICAgICAgICAgICAgICBbYXhpc0hlYWRTY2FsZV09XCJnZXQoJ2F4aXNIZWFkU2NhbGUnKVwiXG4gICAgICAgICAgICAgICAgICAgIChwb2ludGVyZG93bik9XCJvblBvaW50ZXJEb3duKCRhbnkoJGV2ZW50KSlcIlxuICAgICAgICAgICAgICAgID48L25ndHMtZ2l6bW8tdmlld3BvcnQtYXhpcy1oZWFkPlxuICAgICAgICAgICAgICAgIDxuZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXMtaGVhZFxuICAgICAgICAgICAgICAgICAgICBbYXJjU3R5bGVdPVwiZ2V0KCdheGlzQ29sb3JzJylbMV1cIlxuICAgICAgICAgICAgICAgICAgICBbcG9zaXRpb25dPVwiWzAsIDEsIDBdXCJcbiAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImdldCgnbGFiZWxzJylbMV1cIlxuICAgICAgICAgICAgICAgICAgICBbZm9udF09XCJnZXQoJ2ZvbnQnKVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJnZXQoJ2Rpc2FibGVkJylcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxDb2xvcl09XCJnZXQoJ2xhYmVsQ29sb3InKVwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGlja0VtaXR0ZXJdPVwiY2xpY2tlZFwiXG4gICAgICAgICAgICAgICAgICAgIFtheGlzSGVhZFNjYWxlXT1cImdldCgnYXhpc0hlYWRTY2FsZScpXCJcbiAgICAgICAgICAgICAgICAgICAgKHBvaW50ZXJkb3duKT1cIm9uUG9pbnRlckRvd24oJGFueSgkZXZlbnQpKVwiXG4gICAgICAgICAgICAgICAgPjwvbmd0cy1naXptby12aWV3cG9ydC1heGlzLWhlYWQ+XG4gICAgICAgICAgICAgICAgPG5ndHMtZ2l6bW8tdmlld3BvcnQtYXhpcy1oZWFkXG4gICAgICAgICAgICAgICAgICAgIFthcmNTdHlsZV09XCJnZXQoJ2F4aXNDb2xvcnMnKVsyXVwiXG4gICAgICAgICAgICAgICAgICAgIFtwb3NpdGlvbl09XCJbMCwgMCwgMV1cIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiZ2V0KCdsYWJlbHMnKVsyXVwiXG4gICAgICAgICAgICAgICAgICAgIFtmb250XT1cImdldCgnZm9udCcpXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImdldCgnZGlzYWJsZWQnKVwiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbENvbG9yXT1cImdldCgnbGFiZWxDb2xvcicpXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsaWNrRW1pdHRlcl09XCJjbGlja2VkXCJcbiAgICAgICAgICAgICAgICAgICAgW2F4aXNIZWFkU2NhbGVdPVwiZ2V0KCdheGlzSGVhZFNjYWxlJylcIlxuICAgICAgICAgICAgICAgICAgICAocG9pbnRlcmRvd24pPVwib25Qb2ludGVyRG93bigkYW55KCRldmVudCkpXCJcbiAgICAgICAgICAgICAgICA+PC9uZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXMtaGVhZD5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWdldCgnaGlkZU5lZ2F0aXZlQXhlcycpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXMtaGVhZFxuICAgICAgICAgICAgICAgICAgICAgICAgW2FyY1N0eWxlXT1cImdldCgnYXhpc0NvbG9ycycpWzBdXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtwb3NpdGlvbl09XCJbLTEsIDAsIDBdXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtmb250XT1cImdldCgnZm9udCcpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJnZXQoJ2Rpc2FibGVkJylcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsQ29sb3JdPVwiZ2V0KCdsYWJlbENvbG9yJylcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsaWNrRW1pdHRlcl09XCJjbGlja2VkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtheGlzSGVhZFNjYWxlXT1cImdldCgnYXhpc0hlYWRTY2FsZScpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChwb2ludGVyZG93bik9XCJvblBvaW50ZXJEb3duKCRhbnkoJGV2ZW50KSlcIlxuICAgICAgICAgICAgICAgICAgICA+PC9uZ3RzLWdpem1vLXZpZXdwb3J0LWF4aXMtaGVhZD5cbiAgICAgICAgICAgICAgICAgICAgPG5ndHMtZ2l6bW8tdmlld3BvcnQtYXhpcy1oZWFkXG4gICAgICAgICAgICAgICAgICAgICAgICBbYXJjU3R5bGVdPVwiZ2V0KCdheGlzQ29sb3JzJylbMV1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3Bvc2l0aW9uXT1cIlswLCAtMSwgMF1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ZvbnRdPVwiZ2V0KCdmb250JylcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImdldCgnZGlzYWJsZWQnKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxDb2xvcl09XCJnZXQoJ2xhYmVsQ29sb3InKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2xpY2tFbWl0dGVyXT1cImNsaWNrZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2F4aXNIZWFkU2NhbGVdPVwiZ2V0KCdheGlzSGVhZFNjYWxlJylcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKHBvaW50ZXJkb3duKT1cIm9uUG9pbnRlckRvd24oJGFueSgkZXZlbnQpKVwiXG4gICAgICAgICAgICAgICAgICAgID48L25ndHMtZ2l6bW8tdmlld3BvcnQtYXhpcy1oZWFkPlxuICAgICAgICAgICAgICAgICAgICA8bmd0cy1naXptby12aWV3cG9ydC1heGlzLWhlYWRcbiAgICAgICAgICAgICAgICAgICAgICAgIFthcmNTdHlsZV09XCJnZXQoJ2F4aXNDb2xvcnMnKVsyXVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbcG9zaXRpb25dPVwiWzAsIDAsIC0xXVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZm9udF09XCJnZXQoJ2ZvbnQnKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZ2V0KCdkaXNhYmxlZCcpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbENvbG9yXT1cImdldCgnbGFiZWxDb2xvcicpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjbGlja0VtaXR0ZXJdPVwiY2xpY2tlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbYXhpc0hlYWRTY2FsZV09XCJnZXQoJ2F4aXNIZWFkU2NhbGUnKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAocG9pbnRlcmRvd24pPVwib25Qb2ludGVyRG93bigkYW55KCRldmVudCkpXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvbmd0cy1naXptby12aWV3cG9ydC1heGlzLWhlYWQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZ3QtYW1iaWVudC1saWdodCBpbnRlbnNpdHk9XCIwLjVcIj48L25ndC1hbWJpZW50LWxpZ2h0PlxuICAgICAgICAgICAgPG5ndC1wb2ludC1saWdodCBwb3NpdGlvbj1cIjEwXCIgaW50ZW5zaXR5PVwiMC41XCI+PC9uZ3QtcG9pbnQtbGlnaHQ+XG4gICAgICAgIDwvbmd0LWdyb3VwPlxuICAgIGAsXG4gICAgaW1wb3J0czogW05ndHNHaXptb1ZpZXdwb3J0QXhpcywgTmd0c0dpem1vVmlld3BvcnRBeGlzSGVhZCwgTmdJZl0sXG4gICAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3RzR2l6bW9WaWV3cG9ydCBleHRlbmRzIE5ndFJ4U3RvcmUge1xuICAgIHJlYWRvbmx5IGdpem1vSGVscGVyQXBpID0gaW5qZWN0KE5HVFNfR0laTU9fSEVMUEVSX0FQSSk7XG5cbiAgICByZWFkb25seSBNYXRoID0gTWF0aDtcblxuICAgIEBJbnB1dCgpIHNldCBheGlzQ29sb3JzKGF4aXNDb2xvcnM6IFtzdHJpbmcsIHN0cmluZywgc3RyaW5nXSkge1xuICAgICAgICB0aGlzLnNldCh7IGF4aXNDb2xvcnMgfSk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgc2V0IGF4aXNTY2FsZShheGlzU2NhbGU6IFtudW1iZXIsIG51bWJlciwgbnVtYmVyXSkge1xuICAgICAgICB0aGlzLnNldCh7IGF4aXNTY2FsZSB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgbGFiZWxzKGxhYmVsczogW3N0cmluZywgc3RyaW5nLCBzdHJpbmddKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgbGFiZWxzIH0pO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBheGlzSGVhZFNjYWxlKGF4aXNIZWFkU2NhbGU6IG51bWJlcikge1xuICAgICAgICB0aGlzLnNldCh7IGF4aXNIZWFkU2NhbGUgfSk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgc2V0IGxhYmVsQ29sb3IobGFiZWxDb2xvcjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgbGFiZWxDb2xvciB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgaGlkZU5lZ2F0aXZlQXhlcyhoaWRlTmVnYXRpdmVBeGVzOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgaGlkZU5lZ2F0aXZlQXhlcyB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgaGlkZUF4aXNIZWFkcyhoaWRlQXhpc0hlYWRzOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgaGlkZUF4aXNIZWFkcyB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgZGlzYWJsZWQoZGlzYWJsZWQ6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5zZXQoeyBkaXNhYmxlZCB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgZm9udChmb250OiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5zZXQoeyBmb250IH0pO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxOZ3RUaHJlZUV2ZW50PE1vdXNlRXZlbnQ+PigpO1xuXG4gICAgb3ZlcnJpZGUgaW5pdGlhbGl6ZSgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIuaW5pdGlhbGl6ZSgpO1xuICAgICAgICB0aGlzLnNldCh7XG4gICAgICAgICAgICBmb250OiAnMThweCBJbnRlciB2YXIsIEFyaWFsLCBzYW5zLXNlcmlmJyxcbiAgICAgICAgICAgIGF4aXNDb2xvcnM6IFsnI2ZmMjA2MCcsICcjMjBkZjgwJywgJyMyMDgwZmYnXSxcbiAgICAgICAgICAgIGF4aXNIZWFkU2NhbGU6IDEsXG4gICAgICAgICAgICBsYWJlbHM6IFsnWCcsICdZJywgJ1onXSxcbiAgICAgICAgICAgIGxhYmVsQ29sb3I6ICcjMDAwJyxcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25Qb2ludGVyRG93bihldmVudDogTmd0VGhyZWVFdmVudDxQb2ludGVyRXZlbnQ+KSB7XG4gICAgICAgIGlmICghdGhpcy5nZXQoJ2Rpc2FibGVkJykpIHtcbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgdGhpcy5naXptb0hlbHBlckFwaS50d2VlbkNhbWVyYShldmVudC5vYmplY3QucG9zaXRpb24pO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19

package/esm2020/abstractions/lib/text/text.mjs

@@ -0,0 +1,110 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, inject, Input, Output, } from '@angular/core';
+import { RxActionFactory } from '@rx-angular/state/actions';
+import { injectNgtRef, NgtArgs, NgtRxStore, NgtStore } from 'angular-three';
+// @ts-ignore
+import { preloadFont, Text } from 'troika-three-text';
+import * as i0 from "@angular/core";
+export class NgtsText extends NgtRxStore {
+    constructor() {
+        super(...arguments);
+        this.textRef = injectNgtRef();
+        this.sync = new EventEmitter();
+        this.store = inject(NgtStore);
+        this.troikaText = new Text();
+    }
+    set text(text) {
+        this.set({ text });
+    }
+    set characters(characters) {
+        this.set({ characters });
+    }
+    set font(font) {
+        this.set({ font });
+    }
+    set anchorX(anchorX) {
+        this.set({ anchorX });
+    }
+    set anchorY(anchorY) {
+        this.set({ anchorY });
+    }
+    initialize() {
+        super.initialize();
+        this.set({ anchorX: 'center', anchorY: 'middle', text: '' });
+    }
+    ngOnInit() {
+        if (!this.textRef.nativeElement)
+            this.textRef.nativeElement = this.troikaText;
+        this.preloadFont();
+        this.syncText();
+    }
+    ngOnDestroy() {
+        this.troikaText.dispose();
+        super.ngOnDestroy();
+    }
+    preloadFont() {
+        const { font, characters } = this.get();
+        if (font && characters) {
+            preloadFont({ font, characters });
+        }
+    }
+    syncText() {
+        this.hold(this.select(), () => {
+            const invalidate = this.store.get('invalidate');
+            this.troikaText.sync(() => {
+                invalidate();
+                if (this.sync.observed)
+                    this.sync.next(this.troikaText);
+            });
+        });
+    }
+}
+NgtsText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsText, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtsText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NgtsText, isStandalone: true, selector: "ngts-text[text]", inputs: { textRef: "textRef", text: "text", characters: "characters", font: "font", anchorX: "anchorX", anchorY: "anchorY" }, outputs: { sync: "sync" }, providers: [RxActionFactory], usesInheritance: true, ngImport: i0, template: `
+        <ngt-primitive
+            ngtCompound
+            *args="[textRef.nativeElement]"
+            [text]="get('text')"
+            [anchorX]="get('anchorX')"
+            [anchorY]="get('anchorY')"
+            [font]="get('font')"
+        >
+            <ng-content />
+        </ngt-primitive>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsText, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-text[text]',
+                    standalone: true,
+                    template: `
+        <ngt-primitive
+            ngtCompound
+            *args="[textRef.nativeElement]"
+            [text]="get('text')"
+            [anchorX]="get('anchorX')"
+            [anchorY]="get('anchorY')"
+            [font]="get('font')"
+        >
+            <ng-content />
+        </ngt-primitive>
+    `,
+                    imports: [NgtArgs],
+                    providers: [RxActionFactory],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { textRef: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], characters: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], anchorX: [{
+                type: Input
+            }], anchorY: [{
+                type: Input
+            }], sync: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci10aHJlZS1zb2JhL2Fic3RyYWN0aW9ucy9zcmMvbGliL3RleHQvdGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULHNCQUFzQixFQUN0QixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFHTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsYUFBYTtBQUNiLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBcUJ0RCxNQUFNLE9BQU8sUUFBUyxTQUFRLFVBQVU7SUFuQnhDOztRQW9CYSxZQUFPLEdBQUcsWUFBWSxFQUFRLENBQUM7UUFzQjlCLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBT3pCLFVBQUssR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDekIsZUFBVSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7S0E2QjVDO0lBekRHLElBQWEsSUFBSSxDQUFDLElBQVk7UUFDMUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQWEsVUFBVSxDQUFDLFVBQWtCO1FBQ3RDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFhLElBQUksQ0FBQyxJQUFZO1FBQzFCLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFhLE9BQU8sQ0FBQyxPQUE2QztRQUM5RCxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBYSxPQUFPLENBQUMsT0FBa0Y7UUFDbkcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUlRLFVBQVU7UUFDZixLQUFLLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBS0QsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWE7WUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQzlFLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVRLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUMxQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVPLFdBQVc7UUFDZixNQUFNLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUN4QyxJQUFJLElBQUksSUFBSSxVQUFVLEVBQUU7WUFDcEIsV0FBVyxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7U0FDckM7SUFDTCxDQUFDO0lBRU8sUUFBUTtRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRTtZQUMxQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUNoRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7Z0JBQ3RCLFVBQVUsRUFBRSxDQUFDO2dCQUNiLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRO29CQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUM1RCxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7cUdBM0RRLFFBQVE7eUZBQVIsUUFBUSx1TkFITixDQUFDLGVBQWUsQ0FBQyxpREFibEI7Ozs7Ozs7Ozs7O0tBV1QsNERBQ1MsT0FBTzsyRkFJUixRQUFRO2tCQW5CcEIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7Ozs7Ozs7OztLQVdUO29CQUNELE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQztvQkFDbEIsU0FBUyxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDcEM7OEJBRVksT0FBTztzQkFBZixLQUFLO2dCQUVPLElBQUk7c0JBQWhCLEtBQUs7Z0JBSU8sVUFBVTtzQkFBdEIsS0FBSztnQkFJTyxJQUFJO3NCQUFoQixLQUFLO2dCQUlPLE9BQU87c0JBQW5CLEtBQUs7Z0JBSU8sT0FBTztzQkFBbkIsS0FBSztnQkFJSSxJQUFJO3NCQUFiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUnhBY3Rpb25GYWN0b3J5IH0gZnJvbSAnQHJ4LWFuZ3VsYXIvc3RhdGUvYWN0aW9ucyc7XG5pbXBvcnQgeyBpbmplY3ROZ3RSZWYsIE5ndEFyZ3MsIE5ndFJ4U3RvcmUsIE5ndFN0b3JlIH0gZnJvbSAnYW5ndWxhci10aHJlZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgeyBwcmVsb2FkRm9udCwgVGV4dCB9IGZyb20gJ3Ryb2lrYS10aHJlZS10ZXh0JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ3RzLXRleHRbdGV4dF0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPG5ndC1wcmltaXRpdmVcbiAgICAgICAgICAgIG5ndENvbXBvdW5kXG4gICAgICAgICAgICAqYXJncz1cIlt0ZXh0UmVmLm5hdGl2ZUVsZW1lbnRdXCJcbiAgICAgICAgICAgIFt0ZXh0XT1cImdldCgndGV4dCcpXCJcbiAgICAgICAgICAgIFthbmNob3JYXT1cImdldCgnYW5jaG9yWCcpXCJcbiAgICAgICAgICAgIFthbmNob3JZXT1cImdldCgnYW5jaG9yWScpXCJcbiAgICAgICAgICAgIFtmb250XT1cImdldCgnZm9udCcpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgICAgPC9uZ3QtcHJpbWl0aXZlPlxuICAgIGAsXG4gICAgaW1wb3J0czogW05ndEFyZ3NdLFxuICAgIHByb3ZpZGVyczogW1J4QWN0aW9uRmFjdG9yeV0sXG4gICAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3RzVGV4dCBleHRlbmRzIE5ndFJ4U3RvcmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgQElucHV0KCkgdGV4dFJlZiA9IGluamVjdE5ndFJlZjxUZXh0PigpO1xuXG4gICAgQElucHV0KCkgc2V0IHRleHQodGV4dDogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgdGV4dCB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgY2hhcmFjdGVycyhjaGFyYWN0ZXJzOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5zZXQoeyBjaGFyYWN0ZXJzIH0pO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBmb250KGZvbnQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnNldCh7IGZvbnQgfSk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgc2V0IGFuY2hvclgoYW5jaG9yWDogbnVtYmVyIHwgJ2xlZnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgYW5jaG9yWCB9KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgYW5jaG9yWShhbmNob3JZOiBudW1iZXIgfCAndG9wJyB8ICd0b3AtYmFzZWxpbmUnIHwgJ21pZGRsZScgfCAnYm90dG9tLWJhc2VsaW5lJyB8ICdib3R0b20nKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgYW5jaG9yWSB9KTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgc3luYyA9IG5ldyBFdmVudEVtaXR0ZXI8VGV4dD4oKTtcblxuICAgIG92ZXJyaWRlIGluaXRpYWxpemUoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmluaXRpYWxpemUoKTtcbiAgICAgICAgdGhpcy5zZXQoeyBhbmNob3JYOiAnY2VudGVyJywgYW5jaG9yWTogJ21pZGRsZScsIHRleHQ6ICcnIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgcmVhZG9ubHkgc3RvcmUgPSBpbmplY3QoTmd0U3RvcmUpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdHJvaWthVGV4dCA9IG5ldyBUZXh0KCk7XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLnRleHRSZWYubmF0aXZlRWxlbWVudCkgdGhpcy50ZXh0UmVmLm5hdGl2ZUVsZW1lbnQgPSB0aGlzLnRyb2lrYVRleHQ7XG4gICAgICAgIHRoaXMucHJlbG9hZEZvbnQoKTtcbiAgICAgICAgdGhpcy5zeW5jVGV4dCgpO1xuICAgIH1cblxuICAgIG92ZXJyaWRlIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnRyb2lrYVRleHQuZGlzcG9zZSgpO1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgcHJlbG9hZEZvbnQoKSB7XG4gICAgICAgIGNvbnN0IHsgZm9udCwgY2hhcmFjdGVycyB9ID0gdGhpcy5nZXQoKTtcbiAgICAgICAgaWYgKGZvbnQgJiYgY2hhcmFjdGVycykge1xuICAgICAgICAgICAgcHJlbG9hZEZvbnQoeyBmb250LCBjaGFyYWN0ZXJzIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzeW5jVGV4dCgpIHtcbiAgICAgICAgdGhpcy5ob2xkKHRoaXMuc2VsZWN0KCksICgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGludmFsaWRhdGUgPSB0aGlzLnN0b3JlLmdldCgnaW52YWxpZGF0ZScpO1xuICAgICAgICAgICAgdGhpcy50cm9pa2FUZXh0LnN5bmMoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGludmFsaWRhdGUoKTtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5zeW5jLm9ic2VydmVkKSB0aGlzLnN5bmMubmV4dCh0aGlzLnRyb2lrYVRleHQpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiJdfQ==