feat: element-ref directive

Author: xidedix

projects/coreui-angular/src/lib/shared/element-ref.directive.spec.ts

@@ -0,0 +1,19 @@
+import { ElementRefDirective } from './element-ref.directive';
+import { ElementRef } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+
+class MockElementRef extends ElementRef {}
+
+describe('ElementRefDirective', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [{ provide: ElementRef, useClass: MockElementRef }],
+    });
+  });
+  it('should create an instance', () => {
+    TestBed.runInInjectionContext(() => {
+      const directive = new ElementRefDirective();
+      expect(directive).toBeTruthy();
+    });
+  });
+});

projects/coreui-angular/src/lib/shared/element-ref.directive.ts

@@ -0,0 +1,10 @@
+import { Directive, ElementRef, inject } from '@angular/core';
+
+@Directive({
+  selector: '[cElementRef]',
+  exportAs: 'cElementRef',
+  standalone: true,
+})
+export class ElementRefDirective {
+  public readonly elementRef = inject(ElementRef);
+}

projects/coreui-angular/src/lib/shared/public_api.ts

@@ -1,4 +1,5 @@
-export { SharedModule } from './shared.module';
+export { ElementRefDirective } from './element-ref.directive';
 export { HtmlAttributesDirective } from './html-attr.directive';
 export { TemplateIdDirective } from './template-id.directive';
 export { ThemeDirective } from './theme.directive';
+export { SharedModule } from './shared.module';