fix(postprocessing): use renamed selection api

Author: nartc

libs/postprocessing/src/lib/effects/outline.ts

@@ -9,7 +9,7 @@ import {
 	input,
 	untracked,
 } from '@angular/core';
-import { injectStore, NgtArgs, NgtSelection, omit, pick, resolveRef } from 'angular-three';
+import { injectStore, NgtArgs, NgtSelectionApi, omit, pick, resolveRef } from 'angular-three';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import { OutlineEffect } from 'postprocessing';
 import * as THREE from 'three';
@@ -36,7 +36,7 @@ const defaultOptions: NgtpOutlineOptions = {
 export class NgtpOutline {
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 
-	private ngtSelection = inject(NgtSelection, { optional: true });
+	private selectionApi = inject(NgtSelectionApi, { optional: true });
 	private effectComposer = inject(NgtpEffectComposer);
 	private store = injectStore();
 
@@ -135,7 +135,7 @@ export class NgtpOutline {
 
 		effect((onCleanup) => {
 			// NOTE: we run this effect if declarative NgtSelection is not enabled
-			if (!this.ngtSelection) {
+			if (!this.selectionApi) {
 				// NOTE: if NgtSelection is not used and selection is not provided, we throw
 				if (this.selection() === undefined) {
 					throw new Error('[NGT PostProcessing]: ngtp-outline requires selection input or use NgtSelection');
@@ -149,10 +149,10 @@ export class NgtpOutline {
 			}
 
 			// NOTE: we run this effect if declarative NgtSelection is enabled
-			const selectionEnabled = this.ngtSelection.enabled();
+			const selectionEnabled = this.selectionApi.enabled();
 			if (!selectionEnabled) return;
 			const cleanup = this.handleSelectionChangeEffect(
-				this.ngtSelection.selected,
+				this.selectionApi.selected,
 				this.effect,
 				this.store.invalidate,
 			);

libs/postprocessing/src/lib/effects/selective-bloom.ts

@@ -11,7 +11,7 @@ import {
 	inject,
 	input,
 } from '@angular/core';
-import { injectStore, NgtArgs, NgtSelection, pick, resolveRef } from 'angular-three';
+import { injectStore, NgtArgs, NgtSelectionApi, pick, resolveRef } from 'angular-three';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import { BlendFunction, BloomEffectOptions, SelectiveBloomEffect } from 'postprocessing';
 import * as THREE from 'three';
@@ -67,7 +67,7 @@ export class NgtpSelectiveBloom {
 
 	private store = injectStore();
 	private effectComposer = inject(NgtpEffectComposer);
-	private ngtSelection = inject(NgtSelection, { optional: true });
+	private selectionApi = inject(NgtSelectionApi, { optional: true });
 
 	private resolvedLights = computed(() => this.lights().map((light) => resolveRef(light)));
 	private resolvedSelected = computed(() => {
@@ -77,8 +77,8 @@ export class NgtpSelectiveBloom {
 		return array.map((selected) => resolveRef(selected));
 	});
 	private resolvedNgtSelected = computed(() => {
-		if (!this.ngtSelection || !this.ngtSelection.enabled) return [];
-		return this.ngtSelection.selected().map((selected) => resolveRef(selected));
+		if (!this.selectionApi || !this.selectionApi.enabled) return [];
+		return this.selectionApi.selected().map((selected) => resolveRef(selected));
 	});
 
 	protected effect = computed(() => {
@@ -107,7 +107,7 @@ export class NgtpSelectiveBloom {
 	constructor() {
 		effect((onCleanup) => {
 			// skip input selection altogether if NgtSelection is used
-			if (this.ngtSelection) return;
+			if (this.selectionApi) return;
 			const selection = this.resolvedSelected();
 			if (!selection.length) return;