angular-three-postprocessing 1.5.2 → 2.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -12
- package/effect-composer.d.ts +53 -0
- package/effect.d.ts +24 -0
- package/effects/bloom/bloom.d.ts +8 -0
- package/effects/{lib/brightness-contrast → brightness-contrast}/brightness-contrast.d.ts +1 -2
- package/effects/{lib/color-depth → color-depth}/color-depth.d.ts +1 -2
- package/effects/{lib/depth → depth}/depth.d.ts +1 -2
- package/effects/{lib/dot-screen → dot-screen}/dot-screen.d.ts +1 -2
- package/effects/{lib/hue-saturation → hue-saturation}/hue-saturation.d.ts +1 -2
- package/effects/index.d.ts +16 -14
- package/effects/lut/lut.d.ts +19 -0
- package/effects/{lib/noise → noise}/noise.d.ts +2 -3
- package/effects/{lib/scanline → scanline}/scanline.d.ts +2 -3
- package/effects/{lib/sepia → sepia}/sepia.d.ts +1 -2
- package/effects/shock-wave/shock-wave.d.ts +7 -0
- package/effects/smaa/smaa.d.ts +7 -0
- package/effects/ssao/ssao.d.ts +38 -0
- package/effects/tilt-shift/tilt-shift.d.ts +8 -0
- package/effects/tone-mapping/tone-mapping.d.ts +7 -0
- package/effects/{lib/vignette → vignette}/vignette.d.ts +1 -2
- package/esm2022/angular-three-postprocessing.mjs +5 -0
- package/esm2022/effect-composer.mjs +242 -0
- package/esm2022/effect.mjs +79 -0
- package/esm2022/effects/angular-three-postprocessing-effects.mjs +5 -0
- package/esm2022/effects/bloom/bloom.mjs +34 -0
- package/esm2022/effects/brightness-contrast/brightness-contrast.mjs +30 -0
- package/esm2022/effects/color-depth/color-depth.mjs +30 -0
- package/esm2022/effects/depth/depth.mjs +30 -0
- package/esm2022/effects/dot-screen/dot-screen.mjs +30 -0
- package/esm2022/effects/hue-saturation/hue-saturation.mjs +30 -0
- package/esm2022/effects/index.mjs +17 -0
- package/esm2022/effects/lut/lut.mjs +77 -0
- package/esm2022/effects/noise/noise.mjs +34 -0
- package/esm2022/effects/scanline/scanline.mjs +34 -0
- package/esm2022/effects/sepia/sepia.mjs +30 -0
- package/esm2022/effects/shock-wave/shock-wave.mjs +30 -0
- package/esm2022/effects/smaa/smaa.mjs +30 -0
- package/esm2022/effects/ssao/ssao.mjs +189 -0
- package/esm2022/effects/tilt-shift/tilt-shift.mjs +34 -0
- package/esm2022/effects/tone-mapping/tone-mapping.mjs +30 -0
- package/esm2022/effects/vignette/vignette.mjs +30 -0
- package/esm2022/index.mjs +3 -0
- package/fesm2022/angular-three-postprocessing-effects.mjs +619 -0
- package/fesm2022/angular-three-postprocessing-effects.mjs.map +1 -0
- package/fesm2022/angular-three-postprocessing.mjs +322 -0
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -0
- package/index.d.ts +2 -2
- package/package.json +16 -33
- package/plugin/package.json +1 -1
- package/plugin/src/generators/init/compat.js +1 -1
- package/plugin/src/generators/init/compat.js.map +1 -1
- package/plugin/src/generators/init/init.d.ts +2 -2
- package/plugin/src/generators/init/init.js +15 -19
- package/plugin/src/generators/init/init.js.map +1 -1
- package/plugin/src/index.js.map +1 -1
- package/effects/lib/bloom/bloom.d.ts +0 -9
- package/effects/lib/lut/lut.d.ts +0 -13
- package/effects/lib/ssao/ssao.d.ts +0 -13
- package/effects/lib/tilt-shift/tilt-shift.d.ts +0 -9
- package/effects/lib/tone-mapping/tone-mapping.d.ts +0 -8
- package/esm2020/angular-three-postprocessing.mjs +0 -5
- package/esm2020/effects/angular-three-postprocessing-effects.mjs +0 -5
- package/esm2020/effects/index.mjs +0 -15
- package/esm2020/effects/lib/bloom/bloom.mjs +0 -43
- package/esm2020/effects/lib/brightness-contrast/brightness-contrast.mjs +0 -28
- package/esm2020/effects/lib/color-depth/color-depth.mjs +0 -28
- package/esm2020/effects/lib/depth/depth.mjs +0 -28
- package/esm2020/effects/lib/dot-screen/dot-screen.mjs +0 -28
- package/esm2020/effects/lib/hue-saturation/hue-saturation.mjs +0 -28
- package/esm2020/effects/lib/lut/lut.mjs +0 -59
- package/esm2020/effects/lib/noise/noise.mjs +0 -32
- package/esm2020/effects/lib/scanline/scanline.mjs +0 -32
- package/esm2020/effects/lib/sepia/sepia.mjs +0 -28
- package/esm2020/effects/lib/ssao/ssao.mjs +0 -101
- package/esm2020/effects/lib/tilt-shift/tilt-shift.mjs +0 -42
- package/esm2020/effects/lib/tone-mapping/tone-mapping.mjs +0 -38
- package/esm2020/effects/lib/vignette/vignette.mjs +0 -28
- package/esm2020/index.mjs +0 -3
- package/esm2020/lib/effect-composer.mjs +0 -240
- package/esm2020/lib/effect.mjs +0 -79
- package/esm2020/selection/angular-three-postprocessing-selection.mjs +0 -5
- package/esm2020/selection/index.mjs +0 -3
- package/esm2020/selection/lib/select.mjs +0 -68
- package/esm2020/selection/lib/selection.mjs +0 -43
- package/fesm2015/angular-three-postprocessing-effects.mjs +0 -481
- package/fesm2015/angular-three-postprocessing-effects.mjs.map +0 -1
- package/fesm2015/angular-three-postprocessing-selection.mjs +0 -114
- package/fesm2015/angular-three-postprocessing-selection.mjs.map +0 -1
- package/fesm2015/angular-three-postprocessing.mjs +0 -317
- package/fesm2015/angular-three-postprocessing.mjs.map +0 -1
- package/fesm2020/angular-three-postprocessing-effects.mjs +0 -484
- package/fesm2020/angular-three-postprocessing-effects.mjs.map +0 -1
- package/fesm2020/angular-three-postprocessing-selection.mjs +0 -114
- package/fesm2020/angular-three-postprocessing-selection.mjs.map +0 -1
- package/fesm2020/angular-three-postprocessing.mjs +0 -321
- package/fesm2020/angular-three-postprocessing.mjs.map +0 -1
- package/lib/effect-composer.d.ts +0 -39
- package/lib/effect.d.ts +0 -22
- package/selection/README.md +0 -3
- package/selection/index.d.ts +0 -2
- package/selection/lib/select.d.ts +0 -14
- package/selection/lib/selection.d.ts +0 -18
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci10aHJlZS1wb3N0cHJvY2Vzc2luZy1zZWxlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdGhyZWUtcG9zdHByb2Nlc3Npbmcvc2VsZWN0aW9uL3NyYy9hbmd1bGFyLXRocmVlLXBvc3Rwcm9jZXNzaW5nLXNlbGVjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './lib/select';
|
|
2
|
-
export * from './lib/selection';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdGhyZWUtcG9zdHByb2Nlc3Npbmcvc2VsZWN0aW9uL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvc2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlbGVjdGlvbic7XG4iXX0=
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, Input } from '@angular/core';
|
|
2
|
-
import { extend, injectNgtRef, NgtRxStore } from 'angular-three';
|
|
3
|
-
import { combineLatest } from 'rxjs';
|
|
4
|
-
import { Group } from 'three';
|
|
5
|
-
import { NGTP_SELECTION_API } from './selection';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
extend({ Group });
|
|
8
|
-
export class NgtpSelect extends NgtRxStore {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.groupRef = injectNgtRef();
|
|
12
|
-
this.selectionApi = inject(NGTP_SELECTION_API);
|
|
13
|
-
}
|
|
14
|
-
set enabled(enabled) {
|
|
15
|
-
this.set({ enabled });
|
|
16
|
-
}
|
|
17
|
-
initialize() {
|
|
18
|
-
super.initialize();
|
|
19
|
-
this.set({ enabled: false });
|
|
20
|
-
}
|
|
21
|
-
ngOnInit() {
|
|
22
|
-
this.setSelectEffect();
|
|
23
|
-
}
|
|
24
|
-
setSelectEffect() {
|
|
25
|
-
this.effect(combineLatest([this.select('enabled'), this.groupRef.children$()]), ([enabled]) => {
|
|
26
|
-
if (enabled) {
|
|
27
|
-
let changed = false;
|
|
28
|
-
const current = [];
|
|
29
|
-
this.groupRef.nativeElement.traverse((obj) => {
|
|
30
|
-
if (obj.type === 'Mesh')
|
|
31
|
-
current.push(obj);
|
|
32
|
-
if (this.selectionApi.selected.indexOf(obj) === -1)
|
|
33
|
-
changed = true;
|
|
34
|
-
});
|
|
35
|
-
if (changed) {
|
|
36
|
-
this.selectionApi.select((state) => ({ selected: [...state.selected, ...current] }));
|
|
37
|
-
return () => {
|
|
38
|
-
this.selectionApi.select((state) => ({
|
|
39
|
-
selected: state.selected.filter((selected) => !current.includes(selected)),
|
|
40
|
-
}));
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
NgtpSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
NgtpSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpSelect, isStandalone: true, selector: "ngtp-select", inputs: { enabled: "enabled" }, usesInheritance: true, ngImport: i0, template: `
|
|
49
|
-
<ngt-group ngtCompound [ref]="groupRef">
|
|
50
|
-
<ng-content />
|
|
51
|
-
</ngt-group>
|
|
52
|
-
`, isInline: true });
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSelect, decorators: [{
|
|
54
|
-
type: Component,
|
|
55
|
-
args: [{
|
|
56
|
-
selector: 'ngtp-select',
|
|
57
|
-
standalone: true,
|
|
58
|
-
template: `
|
|
59
|
-
<ngt-group ngtCompound [ref]="groupRef">
|
|
60
|
-
<ng-content />
|
|
61
|
-
</ngt-group>
|
|
62
|
-
`,
|
|
63
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
64
|
-
}]
|
|
65
|
-
}], propDecorators: { enabled: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXRocmVlLXBvc3Rwcm9jZXNzaW5nL3NlbGVjdGlvbi9zcmMvbGliL3NlbGVjdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekYsT0FBTyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM5QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBRWpELE1BQU0sQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7QUFZbEIsTUFBTSxPQUFPLFVBQVcsU0FBUSxVQUFVO0lBVjFDOztRQVdhLGFBQVEsR0FBRyxZQUFZLEVBQWUsQ0FBQztRQUUvQixpQkFBWSxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0tBbUM5RDtJQWpDRyxJQUFhLE9BQU8sQ0FBQyxPQUFnQjtRQUNqQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRVEsVUFBVTtRQUNmLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVPLGVBQWU7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRSxFQUFFO1lBQzFGLElBQUksT0FBTyxFQUFFO2dCQUNULElBQUksT0FBTyxHQUFHLEtBQUssQ0FBQztnQkFDcEIsTUFBTSxPQUFPLEdBQXFCLEVBQUUsQ0FBQztnQkFDckMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7b0JBQ3pDLElBQUksR0FBRyxDQUFDLElBQUksS0FBSyxNQUFNO3dCQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQzNDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQzt3QkFBRSxPQUFPLEdBQUcsSUFBSSxDQUFDO2dCQUN2RSxDQUFDLENBQUMsQ0FBQztnQkFDSCxJQUFJLE9BQU8sRUFBRTtvQkFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxHQUFHLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO29CQUNyRixPQUFPLEdBQUcsRUFBRTt3QkFDUixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQzs0QkFDakMsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUM7eUJBQzdFLENBQUMsQ0FBQyxDQUFDO29CQUNSLENBQUMsQ0FBQztpQkFDTDthQUNKO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzt1R0FyQ1EsVUFBVTsyRkFBVixVQUFVLDhIQVBUOzs7O0tBSVQ7MkZBR1EsVUFBVTtrQkFWdEIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRTs7OztLQUlUO29CQUNELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQzs4QkFNZ0IsT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgaW5qZWN0LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBleHRlbmQsIGluamVjdE5ndFJlZiwgTmd0UnhTdG9yZSB9IGZyb20gJ2FuZ3VsYXItdGhyZWUnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgR3JvdXAgfSBmcm9tICd0aHJlZSc7XG5pbXBvcnQgeyBOR1RQX1NFTEVDVElPTl9BUEkgfSBmcm9tICcuL3NlbGVjdGlvbic7XG5cbmV4dGVuZCh7IEdyb3VwIH0pO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25ndHAtc2VsZWN0JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxuZ3QtZ3JvdXAgbmd0Q29tcG91bmQgW3JlZl09XCJncm91cFJlZlwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgICAgPC9uZ3QtZ3JvdXA+XG4gICAgYCxcbiAgICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG59KVxuZXhwb3J0IGNsYXNzIE5ndHBTZWxlY3QgZXh0ZW5kcyBOZ3RSeFN0b3JlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICByZWFkb25seSBncm91cFJlZiA9IGluamVjdE5ndFJlZjxUSFJFRS5Hcm91cD4oKTtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgc2VsZWN0aW9uQXBpID0gaW5qZWN0KE5HVFBfU0VMRUNUSU9OX0FQSSk7XG5cbiAgICBASW5wdXQoKSBzZXQgZW5hYmxlZChlbmFibGVkOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2V0KHsgZW5hYmxlZCB9KTtcbiAgICB9XG5cbiAgICBvdmVycmlkZSBpbml0aWFsaXplKCk6IHZvaWQge1xuICAgICAgICBzdXBlci5pbml0aWFsaXplKCk7XG4gICAgICAgIHRoaXMuc2V0KHsgZW5hYmxlZDogZmFsc2UgfSk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuc2V0U2VsZWN0RWZmZWN0KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRTZWxlY3RFZmZlY3QoKSB7XG4gICAgICAgIHRoaXMuZWZmZWN0KGNvbWJpbmVMYXRlc3QoW3RoaXMuc2VsZWN0KCdlbmFibGVkJyksIHRoaXMuZ3JvdXBSZWYuY2hpbGRyZW4kKCldKSwgKFtlbmFibGVkXSkgPT4ge1xuICAgICAgICAgICAgaWYgKGVuYWJsZWQpIHtcbiAgICAgICAgICAgICAgICBsZXQgY2hhbmdlZCA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIGNvbnN0IGN1cnJlbnQ6IFRIUkVFLk9iamVjdDNEW10gPSBbXTtcbiAgICAgICAgICAgICAgICB0aGlzLmdyb3VwUmVmLm5hdGl2ZUVsZW1lbnQudHJhdmVyc2UoKG9iaikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAob2JqLnR5cGUgPT09ICdNZXNoJykgY3VycmVudC5wdXNoKG9iaik7XG4gICAgICAgICAgICAgICAgICAgIGlmICh0aGlzLnNlbGVjdGlvbkFwaS5zZWxlY3RlZC5pbmRleE9mKG9iaikgPT09IC0xKSBjaGFuZ2VkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICBpZiAoY2hhbmdlZCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGlvbkFwaS5zZWxlY3QoKHN0YXRlKSA9PiAoeyBzZWxlY3RlZDogWy4uLnN0YXRlLnNlbGVjdGVkLCAuLi5jdXJyZW50XSB9KSk7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGlvbkFwaS5zZWxlY3QoKHN0YXRlKSA9PiAoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkOiBzdGF0ZS5zZWxlY3RlZC5maWx0ZXIoKHNlbGVjdGVkKSA9PiAhY3VycmVudC5pbmNsdWRlcyhzZWxlY3RlZCkpLFxuICAgICAgICAgICAgICAgICAgICAgICAgfSkpO1xuICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { Component, InjectionToken, Input } from '@angular/core';
|
|
2
|
-
import { NgtRxStore } from 'angular-three';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export const NGTP_SELECTION_API = new InjectionToken('NgtpSelection API');
|
|
5
|
-
function ngtpSelectionApiFactory(selection) {
|
|
6
|
-
const api = {
|
|
7
|
-
get selected() {
|
|
8
|
-
return selection.get('selected');
|
|
9
|
-
},
|
|
10
|
-
select: selection.set.bind(selection),
|
|
11
|
-
get enabled() {
|
|
12
|
-
return selection.get('enabled');
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
return api;
|
|
16
|
-
}
|
|
17
|
-
export class NgtpSelection extends NgtRxStore {
|
|
18
|
-
set enabled(enabled) {
|
|
19
|
-
this.set({ enabled });
|
|
20
|
-
}
|
|
21
|
-
initialize() {
|
|
22
|
-
super.initialize();
|
|
23
|
-
this.set({ selected: [], enabled: true });
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
NgtpSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSelection, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
NgtpSelection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpSelection, isStandalone: true, selector: "ngtp-selection", inputs: { enabled: "enabled" }, providers: [{ provide: NGTP_SELECTION_API, useFactory: ngtpSelectionApiFactory, deps: [NgtpSelection] }], usesInheritance: true, ngImport: i0, template: `
|
|
28
|
-
<ng-content />
|
|
29
|
-
`, isInline: true });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSelection, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
args: [{
|
|
33
|
-
selector: 'ngtp-selection',
|
|
34
|
-
standalone: true,
|
|
35
|
-
template: `
|
|
36
|
-
<ng-content />
|
|
37
|
-
`,
|
|
38
|
-
providers: [{ provide: NGTP_SELECTION_API, useFactory: ngtpSelectionApiFactory, deps: [NgtpSelection] }],
|
|
39
|
-
}]
|
|
40
|
-
}], propDecorators: { enabled: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXRocmVlLXBvc3Rwcm9jZXNzaW5nL3NlbGVjdGlvbi9zcmMvbGliL3NlbGVjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRM0MsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxjQUFjLENBQW1CLG1CQUFtQixDQUFDLENBQUM7QUFDNUYsU0FBUyx1QkFBdUIsQ0FBQyxTQUF3QjtJQUNyRCxNQUFNLEdBQUcsR0FBcUI7UUFDMUIsSUFBSSxRQUFRO1lBQ1IsT0FBTyxTQUFTLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3JDLENBQUM7UUFDRCxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ3JDLElBQUksT0FBTztZQUNQLE9BQU8sU0FBUyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNwQyxDQUFDO0tBQ0osQ0FBQztJQUNGLE9BQU8sR0FBRyxDQUFDO0FBQ2YsQ0FBQztBQVVELE1BQU0sT0FBTyxhQUFjLFNBQVEsVUFBVTtJQUN6QyxJQUFhLE9BQU8sQ0FBQyxPQUFnQjtRQUNqQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRVEsVUFBVTtRQUNmLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUM5QyxDQUFDOzswR0FSUSxhQUFhOzhGQUFiLGFBQWEsNkZBRlgsQ0FBQyxFQUFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsdUJBQXVCLEVBQUUsSUFBSSxFQUFFLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxpREFIOUY7O0tBRVQ7MkZBR1EsYUFBYTtrQkFSekIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOztLQUVUO29CQUNELFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFVBQVUsRUFBRSx1QkFBdUIsRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLENBQUM7aUJBQzNHOzhCQUVnQixPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3Rpb25Ub2tlbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJ4U3RhdGUgfSBmcm9tICdAcngtYW5ndWxhci9zdGF0ZSc7XG5pbXBvcnQgeyBOZ3RSeFN0b3JlIH0gZnJvbSAnYW5ndWxhci10aHJlZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmd0cFNlbGVjdGlvbkFQSSB7XG4gICAgc2VsZWN0ZWQ6IFRIUkVFLk9iamVjdDNEW107XG4gICAgc2VsZWN0OiBSeFN0YXRlPHsgc2VsZWN0ZWQ6IFRIUkVFLk9iamVjdDNEW10gfT5bJ3NldCddO1xuICAgIGVuYWJsZWQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBOR1RQX1NFTEVDVElPTl9BUEkgPSBuZXcgSW5qZWN0aW9uVG9rZW48Tmd0cFNlbGVjdGlvbkFQST4oJ05ndHBTZWxlY3Rpb24gQVBJJyk7XG5mdW5jdGlvbiBuZ3RwU2VsZWN0aW9uQXBpRmFjdG9yeShzZWxlY3Rpb246IE5ndHBTZWxlY3Rpb24pIHtcbiAgICBjb25zdCBhcGk6IE5ndHBTZWxlY3Rpb25BUEkgPSB7XG4gICAgICAgIGdldCBzZWxlY3RlZCgpIHtcbiAgICAgICAgICAgIHJldHVybiBzZWxlY3Rpb24uZ2V0KCdzZWxlY3RlZCcpO1xuICAgICAgICB9LFxuICAgICAgICBzZWxlY3Q6IHNlbGVjdGlvbi5zZXQuYmluZChzZWxlY3Rpb24pLFxuICAgICAgICBnZXQgZW5hYmxlZCgpIHtcbiAgICAgICAgICAgIHJldHVybiBzZWxlY3Rpb24uZ2V0KCdlbmFibGVkJyk7XG4gICAgICAgIH0sXG4gICAgfTtcbiAgICByZXR1cm4gYXBpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25ndHAtc2VsZWN0aW9uJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgYCxcbiAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HVFBfU0VMRUNUSU9OX0FQSSwgdXNlRmFjdG9yeTogbmd0cFNlbGVjdGlvbkFwaUZhY3RvcnksIGRlcHM6IFtOZ3RwU2VsZWN0aW9uXSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgTmd0cFNlbGVjdGlvbiBleHRlbmRzIE5ndFJ4U3RvcmUge1xuICAgIEBJbnB1dCgpIHNldCBlbmFibGVkKGVuYWJsZWQ6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5zZXQoeyBlbmFibGVkIH0pO1xuICAgIH1cblxuICAgIG92ZXJyaWRlIGluaXRpYWxpemUoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmluaXRpYWxpemUoKTtcbiAgICAgICAgdGhpcy5zZXQoeyBzZWxlY3RlZDogW10sIGVuYWJsZWQ6IHRydWUgfSk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,481 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, Input } from '@angular/core';
|
|
3
|
-
import { NgtArgs, NgtRxStore, NgtStore, injectNgtRef, startWithUndefined } from 'angular-three';
|
|
4
|
-
import { NgtpEffect, simpleChangesToStateObject, componentInputsToCombinedStream, NGTP_EFFECT_COMPOSER_API } from 'angular-three-postprocessing';
|
|
5
|
-
import { BlendFunction, BloomEffect, BrightnessContrastEffect, ColorDepthEffect, DepthEffect, DotScreenEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, ScanlineEffect, SepiaEffect, SSAOEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
|
|
6
|
-
import { combineLatest, map } from 'rxjs';
|
|
7
|
-
|
|
8
|
-
class NgtpBloom extends NgtpEffect {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.defaultBlendMode = BlendFunction.ADD;
|
|
12
|
-
}
|
|
13
|
-
get effectConstructor() {
|
|
14
|
-
return BloomEffect;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
NgtpBloom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpBloom, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
NgtpBloom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpBloom, isStandalone: true, selector: "ngtp-bloom", inputs: { mipmapBlur: "mipmapBlur", luminanceThreshold: "luminanceThreshold", luminanceSmoothing: "luminanceSmoothing", intensity: "intensity", resolutionScale: "resolutionScale", resolutionX: "resolutionX", resolutionY: "resolutionY", width: "width", height: "height", kernelSize: "kernelSize" }, usesInheritance: true, ngImport: i0, template: `
|
|
19
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
20
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpBloom, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{
|
|
24
|
-
selector: 'ngtp-bloom',
|
|
25
|
-
standalone: true,
|
|
26
|
-
template: `
|
|
27
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
28
|
-
`,
|
|
29
|
-
imports: [NgtArgs],
|
|
30
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
31
|
-
inputs: [
|
|
32
|
-
'mipmapBlur',
|
|
33
|
-
'luminanceThreshold',
|
|
34
|
-
'luminanceSmoothing',
|
|
35
|
-
'intensity',
|
|
36
|
-
'resolutionScale',
|
|
37
|
-
'resolutionX',
|
|
38
|
-
'resolutionY',
|
|
39
|
-
'width',
|
|
40
|
-
'height',
|
|
41
|
-
'kernelSize',
|
|
42
|
-
],
|
|
43
|
-
}]
|
|
44
|
-
}] });
|
|
45
|
-
|
|
46
|
-
class NgtpBrightnessContrast extends NgtpEffect {
|
|
47
|
-
get effectConstructor() {
|
|
48
|
-
return BrightnessContrastEffect;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
NgtpBrightnessContrast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpBrightnessContrast, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
NgtpBrightnessContrast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpBrightnessContrast, isStandalone: true, selector: "ngtp-brightness-contrast", inputs: { brightness: "brightness", contrast: "contrast" }, usesInheritance: true, ngImport: i0, template: `
|
|
53
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
54
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{
|
|
58
|
-
selector: 'ngtp-brightness-contrast',
|
|
59
|
-
standalone: true,
|
|
60
|
-
template: `
|
|
61
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
62
|
-
`,
|
|
63
|
-
imports: [NgtArgs],
|
|
64
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
65
|
-
inputs: ['brightness', 'contrast'],
|
|
66
|
-
}]
|
|
67
|
-
}] });
|
|
68
|
-
|
|
69
|
-
class NgtpColorDepth extends NgtpEffect {
|
|
70
|
-
get effectConstructor() {
|
|
71
|
-
return ColorDepthEffect;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
NgtpColorDepth.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpColorDepth, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
75
|
-
NgtpColorDepth.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpColorDepth, isStandalone: true, selector: "ngtp-color-depth", inputs: { bits: "bits" }, usesInheritance: true, ngImport: i0, template: `
|
|
76
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
77
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpColorDepth, decorators: [{
|
|
79
|
-
type: Component,
|
|
80
|
-
args: [{
|
|
81
|
-
selector: 'ngtp-color-depth',
|
|
82
|
-
standalone: true,
|
|
83
|
-
template: `
|
|
84
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
85
|
-
`,
|
|
86
|
-
imports: [NgtArgs],
|
|
87
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
88
|
-
inputs: ['bits'],
|
|
89
|
-
}]
|
|
90
|
-
}] });
|
|
91
|
-
|
|
92
|
-
class NgtpDepth extends NgtpEffect {
|
|
93
|
-
get effectConstructor() {
|
|
94
|
-
return DepthEffect;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
NgtpDepth.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpDepth, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
98
|
-
NgtpDepth.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpDepth, isStandalone: true, selector: "ngtp-depth", inputs: { inverted: "inverted" }, usesInheritance: true, ngImport: i0, template: `
|
|
99
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
100
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpDepth, decorators: [{
|
|
102
|
-
type: Component,
|
|
103
|
-
args: [{
|
|
104
|
-
selector: 'ngtp-depth',
|
|
105
|
-
standalone: true,
|
|
106
|
-
template: `
|
|
107
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
108
|
-
`,
|
|
109
|
-
imports: [NgtArgs],
|
|
110
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
111
|
-
inputs: ['inverted'],
|
|
112
|
-
}]
|
|
113
|
-
}] });
|
|
114
|
-
|
|
115
|
-
class NgtpDotScreen extends NgtpEffect {
|
|
116
|
-
get effectConstructor() {
|
|
117
|
-
return DotScreenEffect;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
NgtpDotScreen.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpDotScreen, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
121
|
-
NgtpDotScreen.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpDotScreen, isStandalone: true, selector: "ngtp-dot-screen", inputs: { angle: "angle", scale: "scale" }, usesInheritance: true, ngImport: i0, template: `
|
|
122
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
123
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpDotScreen, decorators: [{
|
|
125
|
-
type: Component,
|
|
126
|
-
args: [{
|
|
127
|
-
selector: 'ngtp-dot-screen',
|
|
128
|
-
standalone: true,
|
|
129
|
-
template: `
|
|
130
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
131
|
-
`,
|
|
132
|
-
imports: [NgtArgs],
|
|
133
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
134
|
-
inputs: ['angle', 'scale'],
|
|
135
|
-
}]
|
|
136
|
-
}] });
|
|
137
|
-
|
|
138
|
-
class NgtpHueSaturation extends NgtpEffect {
|
|
139
|
-
get effectConstructor() {
|
|
140
|
-
return HueSaturationEffect;
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
NgtpHueSaturation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpHueSaturation, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
144
|
-
NgtpHueSaturation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpHueSaturation, isStandalone: true, selector: "ngtp-hue-saturation", inputs: { hue: "hue", saturation: "saturation" }, usesInheritance: true, ngImport: i0, template: `
|
|
145
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
146
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpHueSaturation, decorators: [{
|
|
148
|
-
type: Component,
|
|
149
|
-
args: [{
|
|
150
|
-
selector: 'ngtp-hue-saturation',
|
|
151
|
-
standalone: true,
|
|
152
|
-
template: `
|
|
153
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
154
|
-
`,
|
|
155
|
-
imports: [NgtArgs],
|
|
156
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
157
|
-
inputs: ['hue', 'saturation'],
|
|
158
|
-
}]
|
|
159
|
-
}] });
|
|
160
|
-
|
|
161
|
-
class NgtpLUT extends NgtRxStore {
|
|
162
|
-
constructor() {
|
|
163
|
-
super(...arguments);
|
|
164
|
-
this.store = inject(NgtStore);
|
|
165
|
-
this.lutRef = injectNgtRef();
|
|
166
|
-
}
|
|
167
|
-
set lut(lut) {
|
|
168
|
-
this.set({ lut });
|
|
169
|
-
}
|
|
170
|
-
ngOnChanges(changes) {
|
|
171
|
-
this.set((s) => (Object.assign(Object.assign({}, s), simpleChangesToStateObject(changes, ['lutRef', 'lut']))));
|
|
172
|
-
}
|
|
173
|
-
ngOnInit() {
|
|
174
|
-
this.connect('effect', combineLatest([
|
|
175
|
-
this.select('lut'),
|
|
176
|
-
componentInputsToCombinedStream(this, (input) => input.propName !== 'lutRef' && input.propName !== 'lut'),
|
|
177
|
-
]).pipe(map(([lut, props]) => new LUT3DEffect(lut, props))));
|
|
178
|
-
this.hold(combineLatest([
|
|
179
|
-
this.select('lut'),
|
|
180
|
-
this.select('effect'),
|
|
181
|
-
this.select('tetrahedralInterpolation').pipe(startWithUndefined()),
|
|
182
|
-
]), ([lut, effect, tetrahedralInterpolation]) => {
|
|
183
|
-
const invalidate = this.store.get('invalidate');
|
|
184
|
-
if (lut)
|
|
185
|
-
effect.lut = lut;
|
|
186
|
-
if (tetrahedralInterpolation)
|
|
187
|
-
effect.tetrahedralInterpolation = tetrahedralInterpolation;
|
|
188
|
-
invalidate();
|
|
189
|
-
});
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
NgtpLUT.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpLUT, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
193
|
-
NgtpLUT.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpLUT, isStandalone: true, selector: "ngtp-lut", inputs: { blendFunction: "blendFunction", tetrahedralInterpolation: "tetrahedralInterpolation", lutRef: "lutRef", lut: "lut" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
194
|
-
<ngt-primitive *args="[get('effect')]" [ref]="lutRef" />
|
|
195
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpLUT, decorators: [{
|
|
197
|
-
type: Component,
|
|
198
|
-
args: [{
|
|
199
|
-
selector: 'ngtp-lut',
|
|
200
|
-
standalone: true,
|
|
201
|
-
template: `
|
|
202
|
-
<ngt-primitive *args="[get('effect')]" [ref]="lutRef" />
|
|
203
|
-
`,
|
|
204
|
-
imports: [NgtArgs],
|
|
205
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
206
|
-
inputs: ['blendFunction', 'tetrahedralInterpolation'],
|
|
207
|
-
}]
|
|
208
|
-
}], propDecorators: { lutRef: [{
|
|
209
|
-
type: Input
|
|
210
|
-
}], lut: [{
|
|
211
|
-
type: Input
|
|
212
|
-
}] } });
|
|
213
|
-
|
|
214
|
-
class NgtpNoise extends NgtpEffect {
|
|
215
|
-
constructor() {
|
|
216
|
-
super(...arguments);
|
|
217
|
-
this.defaultBlendMode = BlendFunction.COLOR_DODGE;
|
|
218
|
-
}
|
|
219
|
-
get effectConstructor() {
|
|
220
|
-
return NoiseEffect;
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
NgtpNoise.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpNoise, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
224
|
-
NgtpNoise.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpNoise, isStandalone: true, selector: "ngtp-noise", inputs: { premultiply: "premultiply" }, usesInheritance: true, ngImport: i0, template: `
|
|
225
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
226
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpNoise, decorators: [{
|
|
228
|
-
type: Component,
|
|
229
|
-
args: [{
|
|
230
|
-
selector: 'ngtp-noise',
|
|
231
|
-
standalone: true,
|
|
232
|
-
template: `
|
|
233
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
234
|
-
`,
|
|
235
|
-
imports: [NgtArgs],
|
|
236
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
237
|
-
inputs: ['premultiply'],
|
|
238
|
-
}]
|
|
239
|
-
}] });
|
|
240
|
-
|
|
241
|
-
class NgtpScanline extends NgtpEffect {
|
|
242
|
-
constructor() {
|
|
243
|
-
super(...arguments);
|
|
244
|
-
this.defaultBlendMode = BlendFunction.OVERLAY;
|
|
245
|
-
}
|
|
246
|
-
get effectConstructor() {
|
|
247
|
-
return ScanlineEffect;
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
NgtpScanline.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpScanline, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
251
|
-
NgtpScanline.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpScanline, isStandalone: true, selector: "ngtp-scanline", inputs: { density: "density" }, usesInheritance: true, ngImport: i0, template: `
|
|
252
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
253
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpScanline, decorators: [{
|
|
255
|
-
type: Component,
|
|
256
|
-
args: [{
|
|
257
|
-
selector: 'ngtp-scanline',
|
|
258
|
-
standalone: true,
|
|
259
|
-
template: `
|
|
260
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
261
|
-
`,
|
|
262
|
-
imports: [NgtArgs],
|
|
263
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
264
|
-
inputs: ['density'],
|
|
265
|
-
}]
|
|
266
|
-
}] });
|
|
267
|
-
|
|
268
|
-
class NgtpSepia extends NgtpEffect {
|
|
269
|
-
get effectConstructor() {
|
|
270
|
-
return SepiaEffect;
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
NgtpSepia.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSepia, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
274
|
-
NgtpSepia.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpSepia, isStandalone: true, selector: "ngtp-sepia", inputs: { intensity: "intensity" }, usesInheritance: true, ngImport: i0, template: `
|
|
275
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
276
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSepia, decorators: [{
|
|
278
|
-
type: Component,
|
|
279
|
-
args: [{
|
|
280
|
-
selector: 'ngtp-sepia',
|
|
281
|
-
standalone: true,
|
|
282
|
-
template: `
|
|
283
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
284
|
-
`,
|
|
285
|
-
imports: [NgtArgs],
|
|
286
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
287
|
-
inputs: ['intensity'],
|
|
288
|
-
}]
|
|
289
|
-
}] });
|
|
290
|
-
|
|
291
|
-
class NgtpSSAO extends NgtRxStore {
|
|
292
|
-
constructor() {
|
|
293
|
-
super(...arguments);
|
|
294
|
-
this.effectComposerApi = inject(NGTP_EFFECT_COMPOSER_API);
|
|
295
|
-
this.ssaoRef = injectNgtRef();
|
|
296
|
-
}
|
|
297
|
-
initialize() {
|
|
298
|
-
super.initialize();
|
|
299
|
-
this.set({
|
|
300
|
-
blendFunction: BlendFunction.MULTIPLY,
|
|
301
|
-
samples: 30,
|
|
302
|
-
rings: 4,
|
|
303
|
-
distanceThreshold: 1.0,
|
|
304
|
-
distanceFalloff: 0.0,
|
|
305
|
-
rangeThreshold: 0.5,
|
|
306
|
-
rangeFalloff: 0.1,
|
|
307
|
-
luminanceInfluence: 0.9,
|
|
308
|
-
radius: 20,
|
|
309
|
-
scale: 0.5,
|
|
310
|
-
bias: 0.5,
|
|
311
|
-
intensity: 1.0,
|
|
312
|
-
color: null,
|
|
313
|
-
depthAwareUpsampling: true,
|
|
314
|
-
});
|
|
315
|
-
}
|
|
316
|
-
ngOnChanges(changes) {
|
|
317
|
-
this.set((s) => (Object.assign(Object.assign({}, s), simpleChangesToStateObject(changes, ['ssaoRef']))));
|
|
318
|
-
}
|
|
319
|
-
ngOnInit() {
|
|
320
|
-
this.connect('effect', combineLatest([
|
|
321
|
-
this.effectComposerApi.select('entities'),
|
|
322
|
-
this.effectComposerApi.select('activeCamera'),
|
|
323
|
-
componentInputsToCombinedStream(this, (input) => input.propName !== 'ssaoRef'),
|
|
324
|
-
]).pipe(map(([[, normalPass, downSamplingPass], camera, props]) => {
|
|
325
|
-
const { resolutionScale } = this.effectComposerApi;
|
|
326
|
-
if (props['normalDepthBuffer'] === undefined) {
|
|
327
|
-
props['normalDepthBuffer'] = downSamplingPass ? downSamplingPass.texture : null;
|
|
328
|
-
}
|
|
329
|
-
if (props['resolutionScale'] === undefined) {
|
|
330
|
-
props['resolutionScale'] = resolutionScale !== null && resolutionScale !== void 0 ? resolutionScale : 1;
|
|
331
|
-
}
|
|
332
|
-
return new SSAOEffect(camera, normalPass && !downSamplingPass ? normalPass.texture : null, props);
|
|
333
|
-
})));
|
|
334
|
-
}
|
|
335
|
-
}
|
|
336
|
-
NgtpSSAO.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSSAO, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
337
|
-
NgtpSSAO.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpSSAO, isStandalone: true, selector: "ngtp-ssao", inputs: { blendFunction: "blendFunction", distanceScaling: "distanceScaling", depthAwareUpsampling: "depthAwareUpsampling", normalDepthBuffer: "normalDepthBuffer", samples: "samples", rings: "rings", worldDistanceThreshold: "worldDistanceThreshold", worldDistanceFalloff: "worldDistanceFalloff", worldProximityThreshold: "worldProximityThreshold", worldProximityFalloff: "worldProximityFalloff", distanceThreshold: "distanceThreshold", distanceFalloff: "distanceFalloff", rangeThreshold: "rangeThreshold", rangeFalloff: "rangeFalloff", minRadiusScale: "minRadiusScale", luminanceInfluence: "luminanceInfluence", radius: "radius", intensity: "intensity", bias: "bias", fade: "fade", color: "color", resolutionScale: "resolutionScale", resolutionX: "resolutionX", resolutionY: "resolutionY", width: "width", height: "height", ssaoRef: "ssaoRef" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
338
|
-
<ngt-primitive *args="[get('effect')]" [ref]="ssaoRef" />
|
|
339
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
340
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpSSAO, decorators: [{
|
|
341
|
-
type: Component,
|
|
342
|
-
args: [{
|
|
343
|
-
selector: 'ngtp-ssao',
|
|
344
|
-
standalone: true,
|
|
345
|
-
template: `
|
|
346
|
-
<ngt-primitive *args="[get('effect')]" [ref]="ssaoRef" />
|
|
347
|
-
`,
|
|
348
|
-
imports: [NgtArgs],
|
|
349
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
350
|
-
inputs: [
|
|
351
|
-
'blendFunction',
|
|
352
|
-
'distanceScaling',
|
|
353
|
-
'depthAwareUpsampling',
|
|
354
|
-
'normalDepthBuffer',
|
|
355
|
-
'samples',
|
|
356
|
-
'rings',
|
|
357
|
-
'worldDistanceThreshold',
|
|
358
|
-
'worldDistanceFalloff',
|
|
359
|
-
'worldProximityThreshold',
|
|
360
|
-
'worldProximityFalloff',
|
|
361
|
-
'distanceThreshold',
|
|
362
|
-
'distanceFalloff',
|
|
363
|
-
'rangeThreshold',
|
|
364
|
-
'rangeFalloff',
|
|
365
|
-
'minRadiusScale',
|
|
366
|
-
'luminanceInfluence',
|
|
367
|
-
'radius',
|
|
368
|
-
'intensity',
|
|
369
|
-
'bias',
|
|
370
|
-
'fade',
|
|
371
|
-
'color',
|
|
372
|
-
'resolutionScale',
|
|
373
|
-
'resolutionX',
|
|
374
|
-
'resolutionY',
|
|
375
|
-
'width',
|
|
376
|
-
'height',
|
|
377
|
-
],
|
|
378
|
-
}]
|
|
379
|
-
}], propDecorators: { ssaoRef: [{
|
|
380
|
-
type: Input
|
|
381
|
-
}] } });
|
|
382
|
-
|
|
383
|
-
class NgtpTiltShift extends NgtpEffect {
|
|
384
|
-
constructor() {
|
|
385
|
-
super(...arguments);
|
|
386
|
-
this.defaultBlendMode = BlendFunction.ADD;
|
|
387
|
-
}
|
|
388
|
-
get effectConstructor() {
|
|
389
|
-
return TiltShiftEffect;
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
NgtpTiltShift.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpTiltShift, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
393
|
-
NgtpTiltShift.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpTiltShift, isStandalone: true, selector: "ngtp-tilt-shift", inputs: { offset: "offset", rotation: "rotation", focusArea: "focusArea", feather: "feather", bias: "bias", kernelSize: "kernelSize", resolutionScale: "resolutionScale", resolutionX: "resolutionX", resolutionY: "resolutionY" }, usesInheritance: true, ngImport: i0, template: `
|
|
394
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
395
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpTiltShift, decorators: [{
|
|
397
|
-
type: Component,
|
|
398
|
-
args: [{
|
|
399
|
-
selector: 'ngtp-tilt-shift',
|
|
400
|
-
standalone: true,
|
|
401
|
-
template: `
|
|
402
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
403
|
-
`,
|
|
404
|
-
imports: [NgtArgs],
|
|
405
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
406
|
-
inputs: [
|
|
407
|
-
'offset',
|
|
408
|
-
'rotation',
|
|
409
|
-
'focusArea',
|
|
410
|
-
'feather',
|
|
411
|
-
'bias',
|
|
412
|
-
'kernelSize',
|
|
413
|
-
'resolutionScale',
|
|
414
|
-
'resolutionX',
|
|
415
|
-
'resolutionY',
|
|
416
|
-
],
|
|
417
|
-
}]
|
|
418
|
-
}] });
|
|
419
|
-
|
|
420
|
-
class NgtpToneMapping extends NgtpEffect {
|
|
421
|
-
get effectConstructor() {
|
|
422
|
-
return ToneMappingEffect;
|
|
423
|
-
}
|
|
424
|
-
}
|
|
425
|
-
NgtpToneMapping.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpToneMapping, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
426
|
-
NgtpToneMapping.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpToneMapping, isStandalone: true, selector: "ngtp-tone-mapping", inputs: { adaptive: "adaptive", mode: "mode", resolution: "resolution", maxLuminance: "maxLuminance", whitePoint: "whitePoint", middleGrey: "middleGrey", minLuminance: "minLuminance", averageLuminance: "averageLuminance", adaptationRate: "adaptationRate" }, usesInheritance: true, ngImport: i0, template: `
|
|
427
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
428
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpToneMapping, decorators: [{
|
|
430
|
-
type: Component,
|
|
431
|
-
args: [{
|
|
432
|
-
selector: 'ngtp-tone-mapping',
|
|
433
|
-
standalone: true,
|
|
434
|
-
template: `
|
|
435
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
436
|
-
`,
|
|
437
|
-
imports: [NgtArgs],
|
|
438
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
439
|
-
inputs: [
|
|
440
|
-
'adaptive',
|
|
441
|
-
'mode',
|
|
442
|
-
'resolution',
|
|
443
|
-
'maxLuminance',
|
|
444
|
-
'whitePoint',
|
|
445
|
-
'middleGrey',
|
|
446
|
-
'minLuminance',
|
|
447
|
-
'averageLuminance',
|
|
448
|
-
'adaptationRate',
|
|
449
|
-
],
|
|
450
|
-
}]
|
|
451
|
-
}] });
|
|
452
|
-
|
|
453
|
-
class NgtpVignette extends NgtpEffect {
|
|
454
|
-
get effectConstructor() {
|
|
455
|
-
return VignetteEffect;
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
|
-
NgtpVignette.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpVignette, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
459
|
-
NgtpVignette.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtpVignette, isStandalone: true, selector: "ngtp-vignette", inputs: { technique: "technique", eskil: "eskil", offset: "offset", darkness: "darkness" }, usesInheritance: true, ngImport: i0, template: `
|
|
460
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
461
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
|
|
462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtpVignette, decorators: [{
|
|
463
|
-
type: Component,
|
|
464
|
-
args: [{
|
|
465
|
-
selector: 'ngtp-vignette',
|
|
466
|
-
standalone: true,
|
|
467
|
-
template: `
|
|
468
|
-
<ngt-primitive *args="[get('effect')]" ngtCompound />
|
|
469
|
-
`,
|
|
470
|
-
imports: [NgtArgs],
|
|
471
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
472
|
-
inputs: ['technique', 'eskil', 'offset', 'darkness'],
|
|
473
|
-
}]
|
|
474
|
-
}] });
|
|
475
|
-
|
|
476
|
-
/**
|
|
477
|
-
* Generated bundle index. Do not edit.
|
|
478
|
-
*/
|
|
479
|
-
|
|
480
|
-
export { NgtpBloom, NgtpBrightnessContrast, NgtpColorDepth, NgtpDepth, NgtpDotScreen, NgtpHueSaturation, NgtpLUT, NgtpNoise, NgtpSSAO, NgtpScanline, NgtpSepia, NgtpTiltShift, NgtpToneMapping, NgtpVignette };
|
|
481
|
-
//# sourceMappingURL=angular-three-postprocessing-effects.mjs.map
|