(refactor): local injector

package.json

@@ -26,7 +26,6 @@
     "@angular/router": "^15.0.4",
     "marked": "^4.2.5",
     "ngx-base-state": "^1.0.2",
-    "ngx-local-injector": "^1.0.2",
     "prismjs": "^1.29.0",
     "rxjs": "^7.8.0",
     "tslib": "^2.4.1",

src/app/library/core/classes/base-components/option.ts

@@ -33,5 +33,5 @@ export abstract class ɵOsBaseOptionComponent<T> extends ɵOsBaseViewComponent {
 
     /** Fires when the option item selected */
     @Output()
-    public readonly abstract osSelected: EventEmitter<unknown>;
+    public readonly abstract osSelected: EventEmitter<any>;
 }

src/app/library/core/classes/base-components/view.ts

@@ -1,5 +1,5 @@
 import { Directive } from '@angular/core';
-import { injectLocal } from 'ngx-local-injector';
+import { ɵInjectLocal } from '../../helpers';
 import { ɵDestroyService } from '../../services';
 
 @Directive({
@@ -8,5 +8,5 @@ import { ɵDestroyService } from '../../services';
     }
 })
 export abstract class ɵOsBaseViewComponent {
-    protected viewDestroyed$ = injectLocal(ɵDestroyService);
+    protected viewDestroyed$ = ɵInjectLocal(ɵDestroyService);
 }

src/app/library/core/helpers/index.ts

@@ -4,6 +4,7 @@ export * from './element-resizing-observer.helper';
 export * from './error.helper';
 export * from './event-outside.helper';
 export * from './id-generator.helper';
+export * from './inject-local.helper';
 export * from './interval-checker.helper';
 export * from './methods.helper';
 export * from './percents.helper';

src/app/library/core/helpers/inject-local.helper.ts

@@ -0,0 +1,13 @@
+import { AbstractType, InjectionToken, Injector, Type, inject } from '@angular/core';
+
+type ProviderToken<T> = Type<T> | AbstractType<T> | InjectionToken<T>;
+
+export function ɵInjectLocal<T>(token: ProviderToken<T>): T {
+    const parentInjector = inject(Injector);
+    const localInjector = Injector.create({
+        providers: [token as any],
+        parent: parentInjector
+    });
+
+    return localInjector.get<T>(token);
+}

src/app/library/modules/tree-view/components/tree-view/tree-view.component.ts

@@ -14,7 +14,7 @@ import {
     ViewEncapsulation
 } from '@angular/core';
 import { ɵOsBaseViewComponent } from '../../../../core';
-import { TreeViewNodeDirective } from '../../directives';
+import { TreeViewNodeDirective } from '../../directives/node.directive';
 import { ɵNodeTemplateContext } from '../../interfaces';
 import {
     TreeNodesExpansionService,

src/app/showcase/pages/components/overview/components/side-bar-list/side-bar-items.service.ts

@@ -7,8 +7,7 @@ import {
     OsComponentEnum,
     OsComponentOverviewSectionEnum as RouteEnum
 } from '@features/documentation';
-import { injectLocal } from 'ngx-local-injector';
-import { ɵDestroyService } from 'ngx-os/core';
+import { ɵDestroyService, ɵInjectLocal } from 'ngx-os/core';
 import { Observable } from 'rxjs';
 import { filter, map, takeUntil } from 'rxjs/operators';
 import { SideBarItem } from './side-bar-item.interface';
@@ -33,7 +32,7 @@ export class SideBarItemsService {
         }
     ];
 
-    private readonly destroyed$ = injectLocal(ɵDestroyService);
+    private readonly destroyed$ = ɵInjectLocal(ɵDestroyService);
 
     private currentRoute: string;