fix(legacy): TuiMultiSelect fix arrow

projects/legacy/components/arrow/arrow.component.ts

@@ -1,5 +1,6 @@
 import {AsyncPipe, NgIf} from '@angular/common';
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, computed, inject} from '@angular/core';
+import {toSignal} from '@angular/core/rxjs-interop';
 import {TuiIcon} from '@taiga-ui/core/components/icon';
 import {TuiDropdownOpen} from '@taiga-ui/core/directives/dropdown';
 import {tuiSizeBigger} from '@taiga-ui/core/utils/miscellaneous';
@@ -11,6 +12,7 @@
     PolymorpheusOutlet,
     PolymorpheusTemplate,
 } from '@taiga-ui/polymorpheus';
+import {of} from 'rxjs';
 
 import {TUI_ARROW_OPTIONS} from './arrow.options';
 
@@ -25,19 +27,21 @@
     styleUrls: ['./arrow.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     host: {
-        '[class._rotated]': 'rotated',
+        '[class._rotated]': 'rotated()',
         '[class._small]': 'small',
     },
 })
 export class TuiArrowComponent {
     private readonly control: any = inject(AbstractTuiControl, {optional: true});
     private readonly textfieldSize = inject(TUI_TEXTFIELD_SIZE);
     private readonly options = inject(TUI_ARROW_OPTIONS);
-    protected readonly directive = inject(TuiDropdownOpen, {optional: true});
+    protected readonly dropdownOpen = toSignal(
+        inject(TuiDropdownOpen, {optional: true})?.tuiDropdownOpenChange || of(false),
+    );
 
-    protected get rotated(): boolean {
-        return this.directive?.tuiDropdownOpen || !!this.control.pseudoOpen || false;
-    }
+    protected readonly rotated = computed(
+        () => this.dropdownOpen() || this.control.pseudoOpen?.(),
+    );
 
     protected get small(): boolean {
         return !tuiSizeBigger(this.textfieldSize.size);

projects/legacy/components/arrow/arrow.template.html

@@ -2,4 +2,3 @@
     *polymorpheusOutlet="arrowIcon as src"
     [icon]="src"
 />
-<ng-container *ngIf="directive?.tuiDropdownOpenChange | async" />

projects/legacy/components/input-tag/input-tag.component.ts

@@ -8,6 +8,7 @@
     inject,
     Input,
     Output,
+    signal,
     TemplateRef,
     ViewChild,
     ViewChildren,
@@ -159,19 +160,15 @@
     @Input()
     public removable = true;
 
-    /**
-     * @deprecated hack
-     */
-    @Input()
-    public pseudoOpen = false;
-
     @Input()
     public disabledItemHandler: TuiBooleanHandler<TuiStringifiableItem<any> | string> =
         TUI_FALSE_HANDLER;
 
     @Output()
     public readonly searchChange = new EventEmitter<string>();
 
+    public pseudoOpen = signal(false);
+
     @Input('pseudoFocused')
     public set pseudoFocusedSetter(value: boolean | null) {
         if (!value && !this.focused) {
@@ -181,6 +178,14 @@
         this.pseudoFocus = value;
     }
 
+    /**
+     * @deprecated hack
+     */
+    @Input('pseudoOpen')
+    public set setPseudoOpen(value: boolean) {
+        this.pseudoOpen.set(value);
+    }
+
     public get labelOutside(): boolean {
         const {size, labelOutside} = this.controller;