feat(kit): review fixes

taiga-family · Sep 23, 2024 · 9156cb0 · 9156cb0
1 parent b15a38a
commit 9156cb0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 9 deletions.
diff --git a/projects/kit/directives/highlight/highlight.directive.ts b/projects/kit/directives/highlight/highlight.directive.ts
@@ -6,8 +6,11 @@ import {ResizeObserverService} from '@ng-web-apis/resize-observer';
 import {svgNodeFilter} from '@taiga-ui/cdk/constants';
 import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiPx} from '@taiga-ui/cdk/utils/miscellaneous';
+import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';
 
-import {TUI_HIGHLIGHT_OPTIONS} from './highlight.options';
+export const [TUI_HIGHLIGHT_OPTIONS, tuiHighlightOptionsProvider] = tuiCreateOptions({
+    highlightColor: 'var(--tui-service-selection-background)',
+});
 
 @Directive({
     standalone: true,
@@ -22,7 +25,7 @@ export class TuiHighlight implements OnChanges {
     private readonly el = tuiInjectElement();
     private readonly renderer = inject(Renderer2);
     private readonly doc = inject(DOCUMENT);
-    private readonly options = inject(TUI_HIGHLIGHT_OPTIONS);
+
     private readonly highlight: HTMLElement = this.setUpHighlight();
     private readonly treeWalker = this.doc.createTreeWalker(
         this.el,
@@ -34,7 +37,7 @@ export class TuiHighlight implements OnChanges {
     public tuiHighlight = '';
 
     @Input()
-    public tuiHighlightColor = this.options.highlightColor;
+    public tuiHighlightColor = inject(TUI_HIGHLIGHT_OPTIONS).highlightColor;
 
     constructor() {
         inject(ResizeObserverService, {self: true})

diff --git a/projects/kit/directives/highlight/highlight.options.ts b/projects/kit/directives/highlight/highlight.options.ts
diff --git a/projects/kit/directives/highlight/index.ts b/projects/kit/directives/highlight/index.ts
@@ -1,2 +1 @@
 export * from './highlight.directive';
-export * from './highlight.options';
Original file line number	Diff line number	Diff line change
		@@ -1,2 +1 @@
		export * from './highlight.directive';
		export * from './highlight.options';