chore(migration): import DOCUMENT from @angular/core

xidedix · xidedix · commit cb3314bf9a12 · 2025-06-12T15:48:09.000+02:00
diff --git a/projects/coreui-angular/src/lib/backdrop/backdrop.service.spec.ts b/projects/coreui-angular/src/lib/backdrop/backdrop.service.spec.ts
@@ -1,7 +1,7 @@
+import { DOCUMENT } from '@angular/core';
 import { fakeAsync, TestBed, tick } from '@angular/core/testing';
 
 import { BackdropService } from './backdrop.service';
-import { DOCUMENT } from '@angular/common';
 
 describe('BackdropService', () => {
   let service: BackdropService;
diff --git a/projects/coreui-angular/src/lib/backdrop/backdrop.service.ts b/projects/coreui-angular/src/lib/backdrop/backdrop.service.ts
@@ -1,5 +1,5 @@
-import { inject, Injectable, RendererFactory2 } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { inject, Injectable, RendererFactory2, DOCUMENT } from '@angular/core';
+
 import { Subject } from 'rxjs';
 
 @Injectable({
diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.spec.ts
@@ -1,12 +1,11 @@
-import { Component, DebugElement, ElementRef, Renderer2, viewChild } from '@angular/core';
+import { Component, DebugElement, DOCUMENT, ElementRef, Renderer2, viewChild } from '@angular/core';
 import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
 
 import { DropdownItemDirective } from './dropdown-item.directive';
 import { DropdownService } from '../dropdown.service';
 import { DropdownComponent } from '../dropdown/dropdown.component';
 import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive';
-import { By } from '@angular/platform-browser';
-import { DOCUMENT } from '@angular/common';
 
 class MockElementRef extends ElementRef {}
 
diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.spec.ts
@@ -1,10 +1,9 @@
-import { Component, DebugElement, ElementRef, Renderer2, viewChild } from '@angular/core';
+import { Component, DebugElement, DOCUMENT, ElementRef, Renderer2, viewChild } from '@angular/core';
 import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
 import { DropdownService } from '../dropdown.service';
 import { DropdownMenuDirective } from './dropdown-menu.directive';
 import { DropdownComponent, DropdownToggleDirective } from '../dropdown/dropdown.component';
-import { DOCUMENT } from '@angular/common';
-import { By } from '@angular/platform-browser';
 import { DropdownItemDirective } from '../dropdown-item/dropdown-item.directive';
 import { ButtonDirective } from '../../button';
 
diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts
@@ -1,10 +1,9 @@
 import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
 
 import { DropdownComponent, DropdownToggleDirective } from './dropdown.component';
-import { Component, DebugElement, ElementRef } from '@angular/core';
+import { Component, DebugElement, DOCUMENT, ElementRef } from '@angular/core';
 import { DropdownService } from '../dropdown.service';
 import { By } from '@angular/platform-browser';
-import { DOCUMENT } from '@angular/common';
 import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive';
 import { DropdownItemDirective } from '../dropdown-item/dropdown-item.directive';
 
diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts
@@ -1,4 +1,3 @@
-import { DOCUMENT } from '@angular/common';
 import {
   AfterViewInit,
   booleanAttribute,
@@ -8,6 +7,7 @@ import {
   contentChild,
   DestroyRef,
   Directive,
+  DOCUMENT,
   effect,
   ElementRef,
   forwardRef,
diff --git a/projects/coreui-angular/src/lib/modal/modal/modal.component.ts b/projects/coreui-angular/src/lib/modal/modal/modal.component.ts
@@ -1,11 +1,12 @@
 import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
-import { DOCUMENT } from '@angular/common';
+import { A11yModule, FocusMonitor } from '@angular/cdk/a11y';
 import {
   AfterViewInit,
   booleanAttribute,
   Component,
   computed,
   DestroyRef,
+  DOCUMENT,
   effect,
   ElementRef,
   inject,
@@ -20,7 +21,6 @@ import {
   WritableSignal
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { A11yModule, FocusMonitor } from '@angular/cdk/a11y';
 
 import { ModalService } from '../modal.service';
 import { BackdropService } from '../../backdrop/backdrop.service';
diff --git a/projects/coreui-angular/src/lib/navbar/navbar.component.ts b/projects/coreui-angular/src/lib/navbar/navbar.component.ts
@@ -1,22 +1,23 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
 import {
   AfterContentInit,
   afterRender,
   Component,
   computed,
   contentChild,
+  DOCUMENT,
   ElementRef,
   inject,
   input,
   OnDestroy,
   signal
 } from '@angular/core';
-import { DOCUMENT, NgClass, NgTemplateOutlet } from '@angular/common';
-import { BreakpointObserver } from '@angular/cdk/layout';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { Subscription } from 'rxjs';
 
 import { CollapseDirective } from '../collapse';
 import { Colors } from '../coreui.types';
 import { ThemeDirective } from '../shared';
-import { Subscription } from 'rxjs';
 
 // todo: fix container prop issue not rendering children
 // todo: workaround -  use <c-container> component directly in template
diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.spec.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.spec.ts
@@ -1,9 +1,8 @@
+import { ComponentRef, DOCUMENT } from '@angular/core';
 import { ComponentFixture, fakeAsync, flushMicrotasks, TestBed, tick } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { OffcanvasComponent } from './offcanvas.component';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ComponentRef } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
 
 describe('OffcanvasComponent', () => {
   let component: OffcanvasComponent;
diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.ts
@@ -1,10 +1,13 @@
 import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
-import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { A11yModule } from '@angular/cdk/a11y';
+import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
+import { isPlatformBrowser } from '@angular/common';
 import {
   booleanAttribute,
   Component,
   computed,
   DestroyRef,
+  DOCUMENT,
   effect,
   ElementRef,
   inject,
@@ -17,8 +20,6 @@ import {
   Renderer2
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { A11yModule } from '@angular/cdk/a11y';
-import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
 
diff --git a/projects/coreui-angular/src/lib/popover/popover.directive.spec.ts b/projects/coreui-angular/src/lib/popover/popover.directive.spec.ts
@@ -1,9 +1,9 @@
-import { DOCUMENT } from '@angular/common';
 import {
   ChangeDetectorRef,
   Component,
   ComponentRef,
   DebugElement,
+  DOCUMENT,
   ElementRef,
   Renderer2,
   ViewContainerRef
diff --git a/projects/coreui-angular/src/lib/popover/popover.directive.ts b/projects/coreui-angular/src/lib/popover/popover.directive.ts
@@ -1,11 +1,11 @@
-import { DOCUMENT } from '@angular/common';
 import {
   AfterViewInit,
   ChangeDetectorRef,
   ComponentRef,
   computed,
   DestroyRef,
   Directive,
+  DOCUMENT,
   effect,
   ElementRef,
   inject,
diff --git a/projects/coreui-angular/src/lib/services/class-toggle.service.ts b/projects/coreui-angular/src/lib/services/class-toggle.service.ts
@@ -1,5 +1,4 @@
-import { inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';
 
 @Injectable({
   providedIn: 'root'
diff --git a/projects/coreui-angular/src/lib/services/color-mode.service.ts b/projects/coreui-angular/src/lib/services/color-mode.service.ts
@@ -1,5 +1,13 @@
-import { DOCUMENT } from '@angular/common';
-import { afterNextRender, DestroyRef, effect, inject, Injectable, signal, WritableSignal } from '@angular/core';
+import {
+  afterNextRender,
+  DestroyRef,
+  DOCUMENT,
+  effect,
+  inject,
+  Injectable,
+  signal,
+  WritableSignal
+} from '@angular/core';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { tap } from 'rxjs/operators';
 import { LocalStorageService } from './local-storage.service';
diff --git a/projects/coreui-angular/src/lib/services/local-storage.service.ts b/projects/coreui-angular/src/lib/services/local-storage.service.ts
@@ -1,5 +1,5 @@
-import { DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { inject, Injectable, PLATFORM_ID } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { DOCUMENT, inject, Injectable, PLATFORM_ID } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { InMemoryStorageService } from './in-memory-storage.service';
 
diff --git a/projects/coreui-angular/src/lib/services/rtl.service.ts b/projects/coreui-angular/src/lib/services/rtl.service.ts
@@ -1,5 +1,4 @@
-import { inject, Injectable } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, inject, Injectable } from '@angular/core';
 
 @Injectable({
   providedIn: 'root'
diff --git a/projects/coreui-angular/src/lib/services/script-injector.service.ts b/projects/coreui-angular/src/lib/services/script-injector.service.ts
@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common';
-import { inject, Injectable, Renderer2 } from '@angular/core';
+import { DOCUMENT, inject, Injectable, Renderer2 } from '@angular/core';
 
 export type ReferrerPolicy =
   | ''
diff --git a/projects/coreui-angular/src/lib/services/uid.service.ts b/projects/coreui-angular/src/lib/services/uid.service.ts
@@ -1,5 +1,4 @@
-import { inject, Injectable } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, inject, Injectable } from '@angular/core';
 
 @Injectable({
   providedIn: 'root'
diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-backdrop/sidebar-backdrop.service.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-backdrop/sidebar-backdrop.service.ts
@@ -1,5 +1,4 @@
-import { inject, Injectable, Renderer2 } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, inject, Injectable, Renderer2 } from '@angular/core';
 import { SidebarService } from '../sidebar.service';
 import { SidebarComponent } from '../sidebar/sidebar.component';
 
diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar/sidebar.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar/sidebar.component.ts
@@ -2,6 +2,7 @@ import {
   booleanAttribute,
   Component,
   computed,
+  DOCUMENT,
   effect,
   inject,
   input,
@@ -14,7 +15,6 @@ import {
   signal,
   SimpleChanges
 } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
 import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
 import { Subscription } from 'rxjs';
 
diff --git a/projects/coreui-angular/src/lib/tooltip/tooltip.directive.spec.ts b/projects/coreui-angular/src/lib/tooltip/tooltip.directive.spec.ts
@@ -1,9 +1,9 @@
-import { DOCUMENT } from '@angular/common';
 import {
   ChangeDetectorRef,
   Component,
   ComponentRef,
   DebugElement,
+  DOCUMENT,
   ElementRef,
   Renderer2,
   ViewContainerRef
diff --git a/projects/coreui-angular/src/lib/tooltip/tooltip.directive.ts b/projects/coreui-angular/src/lib/tooltip/tooltip.directive.ts
@@ -1,11 +1,11 @@
-import { DOCUMENT } from '@angular/common';
 import {
   AfterViewInit,
   ChangeDetectorRef,
   ComponentRef,
   computed,
   DestroyRef,
   Directive,
+  DOCUMENT,
   effect,
   ElementRef,
   inject,
diff --git a/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.spec.ts
@@ -1,8 +1,7 @@
-import { Component, DebugElement, ElementRef } from '@angular/core';
+import { Component, DebugElement, DOCUMENT, ElementRef } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ShadowOnScrollDirective } from './shadow-on-scroll.directive';
 import { By } from '@angular/platform-browser';
-import { DOCUMENT } from '@angular/common';
 
 @Component({
   imports: [ShadowOnScrollDirective],
diff --git a/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.ts b/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.ts
@@ -1,5 +1,15 @@
-import { DOCUMENT } from '@angular/common';
-import { DestroyRef, Directive, effect, ElementRef, inject, input, signal, untracked, WritableSignal } from '@angular/core';
+import {
+  DestroyRef,
+  Directive,
+  DOCUMENT,
+  effect,
+  ElementRef,
+  inject,
+  input,
+  signal,
+  untracked,
+  WritableSignal
+} from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { fromEvent, Subscription } from 'rxjs';
 
