taiga-family · waterplea · Aug 13, 2024 · Aug 13, 2024 · Aug 13, 2024
@@ -1,7 +1,7 @@
 <tui-textfield
-    tuiChevron
     class="t-country-select"
     [content]="flag"
+    [tuiChevron]="open()"
 >
     <select
         ngModel=""

@@ -15,7 +15,7 @@ import {
 import {TUI_ARROW_OPTIONS} from './arrow.options';
 
 /**
- * @deprecated: drop in v5.0
+ * @deprecated: drop in v5.0 use {@link TuiChevron}
  */
 @Component({
     standalone: true,
@@ -46,7 +46,4 @@ export class TuiArrowComponent {
     }
 }
 
-/**
- * @deprecated: drop in v5.0
- */
 export const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);
@@ -3,16 +3,15 @@ import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneo
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 
 /**
- * @deprecated: drop in v5.0
+ * @deprecated: drop in v5.0 use {@link TuiChevron}
  */
 export interface TuiArrowOptions {
     readonly iconLarge: PolymorpheusContent;
     readonly iconSmall: PolymorpheusContent;
 }
 
 /**
- * @deprecated: drop in v5.0
- * Default values for arrow options
+ * @deprecated: drop in v5.0 use {@link TuiChevron}
  */
 export const TUI_ARROW_DEFAULT_OPTIONS: TuiArrowOptions = {
     iconSmall: '@tui.chevron-down',
@@ -25,9 +24,6 @@ export const TUI_ARROW_DEFAULT_OPTIONS: TuiArrowOptions = {
  */
 export const TUI_ARROW_OPTIONS = tuiCreateToken(TUI_ARROW_DEFAULT_OPTIONS);
 
-/**
- * @deprecated: drop in v5.0
- */
 export function tuiArrowOptionsProvider(options: Partial<TuiArrowOptions>): Provider {
     return tuiProvideOptions(TUI_ARROW_OPTIONS, options, TUI_ARROW_DEFAULT_OPTIONS);
 }
@@ -7,29 +7,28 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 import {TUI_ARROW} from './arrow.component';
 
 /**
- * @deprecated: drop in v5.0
+ * @deprecated: drop in v5.0 use {@link TuiChevron}
  */
 export interface TuiArrowMode {
     readonly disabled: PolymorpheusContent<TuiContext<TuiSizeL | TuiSizeM | TuiSizeS>>;
     readonly interactive: PolymorpheusContent<TuiContext<TuiSizeL | TuiSizeM | TuiSizeS>>;
 }
 
 /**
- * @deprecated: drop in v5.0
+ * @deprecated: drop in v5.0 use {@link TuiChevron}
  */
 export const TUI_ARROW_DEFAULT_MODE: TuiArrowMode = {
     interactive: TUI_ARROW,
     disabled: TUI_ARROW,
 };
 
 /**
- * @deprecated: drop in v5.0
- * Type of icon in dropdowns for interactive or disable mode
+ * @deprecated: drop in v5.0 use {@link TuiChevron}
  */
 export const TUI_ARROW_MODE = tuiCreateToken(TUI_ARROW_DEFAULT_MODE);
 
 /**
- * @deprecated: drop in v5.0
+ * @deprecated: drop in v5.0 use {@link TuiChevron}
  */
 export function tuiArrowModeProvider(options: Partial<TuiArrowMode>): Provider {
     return tuiProvideOptions(TUI_ARROW_MODE, options, TUI_ARROW_DEFAULT_MODE);

@@ -10,9 +10,6 @@ import {tuiHexToRgb, tuiRgbToHex} from '@taiga-ui/cdk/utils/color';
 
 const HEX_MODE_LENGTH = 6;
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-color-edit',
     templateUrl: './color-edit.template.html',

@@ -12,9 +12,6 @@ import {TuiTextfieldControllerModule} from '@taiga-ui/legacy/directives/textfiel
 
 import {TuiColorEditComponent} from './color-edit.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [
         CommonModule,

@@ -13,9 +13,6 @@ import {tuiRound} from '@taiga-ui/cdk/utils/math';
 import {tuiPure} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiPoint} from '@taiga-ui/core/types';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-color-picker',
     templateUrl: './color-picker.template.html',

@@ -5,9 +5,6 @@ import {TuiFlatPickerModule} from '../flat-picker/flat-picker.module';
 import {TuiLinearPickerModule} from '../linear-picker/linear-picker.module';
 import {TuiColorPickerComponent} from './color-picker.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [CommonModule, TuiFlatPickerModule, TuiLinearPickerModule],
     declarations: [TuiColorPickerComponent],

@@ -22,9 +22,6 @@ import {
     TuiColorSelectorMode,
 } from './color-selector.options';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-color-selector',
     templateUrl: './color-selector.template.html',

@@ -15,9 +15,6 @@ import {TuiColorSelectorComponent} from './color-selector.component';
 import {TuiLinearMultiPickerModule} from './linear-multi-picker/linear-multi-picker.module';
 import {TuiPaletteModule} from './palette/palette.module';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [
         CommonModule,

@@ -3,19 +3,13 @@ import {InjectionToken} from '@angular/core';
 import type {TuiGradientDirection} from '@taiga-ui/cdk/utils/color';
 import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';
 
-/**
- * @deprecated: drop in v5.0
- */
 export const TUI_COLOR_SELECTOR_MODE_NAMES = new InjectionToken<[string, string]>(
     '[TUI_COLOR_SELECTOR_MODE_NAMES]',
     {
         factory: () => ['Solid color', 'Gradient'],
     },
 );
 
-/**
- * @deprecated: drop in v5.0
- */
 export const TUI_DEFAULT_INPUT_COLORS = new Map([
     ['color-black-100', '#909090'],
     ['color-black-200', '#666666'],
@@ -44,17 +38,11 @@ export const TUI_DEFAULT_INPUT_COLORS = new Map([
     ['transparent', 'transparent'],
 ]);
 
-/**
- * @deprecated: drop in v5.0
- */
 export const TuiColorSelectorMode = {
     SolidColor: 0,
     Gradient: 1,
 } as const;
 
-/**
- * @deprecated: drop in v5.0
- */
 export interface TuiColorSelectorOptions {
     readonly mode: (typeof TuiColorSelectorMode)[keyof typeof TuiColorSelectorMode];
     readonly selectorMode: boolean;
@@ -70,9 +58,6 @@ export interface TuiColorSelectorOptions {
     };
 }
 
-/**
- * @deprecated: drop in v5.0
- */
 export const TUI_COLOR_SELECTOR_DEFAULT_OPTIONS: TuiColorSelectorOptions = {
     selectorMode: true,
     mode: TuiColorSelectorMode.SolidColor,
@@ -109,16 +94,10 @@ export const TUI_COLOR_SELECTOR_DEFAULT_OPTIONS: TuiColorSelectorOptions = {
     },
 };
 
-/**
- * @deprecated: drop in v5.0
- */
 export const TUI_COLOR_SELECTOR_OPTIONS = tuiCreateToken(
     TUI_COLOR_SELECTOR_DEFAULT_OPTIONS,
 );
 
-/**
- * @deprecated: drop in v5.0
- */
 export function tuiColorSelectorOptionsProvider(
     options: Partial<TuiColorSelectorOptions>,
 ): Provider {

@@ -11,9 +11,6 @@ import type {TuiPoint} from '@taiga-ui/core/types';
 
 import {TuiPickerService} from '../services/picker.service';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-flat-picker',
     templateUrl: './flat-picker.template.html',

@@ -3,9 +3,6 @@ import {NgModule} from '@angular/core';
 
 import {TuiFlatPickerComponent} from './flat-picker.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [CommonModule],
     declarations: [TuiFlatPickerComponent],

@@ -11,9 +11,6 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 
 import {TuiPickerService} from '../services/picker.service';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-linear-multi-picker',
     templateUrl: './linear-multi-picker.template.html',

@@ -3,9 +3,6 @@ import {NgModule} from '@angular/core';
 
 import {TuiLinearMultiPickerComponent} from './linear-multi-picker.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [CommonModule],
     declarations: [TuiLinearMultiPickerComponent],

@@ -10,9 +10,6 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 
 import {TuiPickerService} from '../services/picker.service';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-linear-picker',
     templateUrl: './linear-picker.template.html',

@@ -3,9 +3,6 @@ import {NgModule} from '@angular/core';
 
 import {TuiLinearPickerComponent} from './linear-picker.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [CommonModule],
     declarations: [TuiLinearPickerComponent],

@@ -7,9 +7,6 @@ import {
     Output,
 } from '@angular/core';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-palette',
     templateUrl: './palette.template.html',

@@ -4,9 +4,6 @@ import {TuiHint} from '@taiga-ui/core/directives/hint';
 
 import {TuiPaletteComponent} from './palette.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [CommonModule, ...TuiHint],
     declarations: [TuiPaletteComponent],

@@ -6,9 +6,6 @@ import {tuiGetElementPoint, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import type {TuiPoint} from '@taiga-ui/core/types';
 import {map, Observable, startWith, switchMap, takeUntil} from 'rxjs';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Injectable()
 export class TuiPickerService extends Observable<TuiPoint> {
     constructor() {

@@ -2,9 +2,6 @@ import {Directive, HostListener, inject, Input} from '@angular/core';
 
 import {TuiComboBoxComponent} from './combo-box.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Directive({
     selector: 'tui-combo-box[strict]',
 })

@@ -44,9 +44,6 @@ import {tuiAsFocusableItemAccessor} from '@taiga-ui/legacy/tokens';
 import {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/legacy/utils';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-combo-box',
     templateUrl: './combo-box.template.html',

@@ -4,9 +4,6 @@ import {tuiAsTextfieldHost} from '@taiga-ui/legacy/tokens';
 
 import type {TuiComboBoxComponent} from './combo-box.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Directive({
     selector: 'tui-combo-box',
     providers: [tuiAsTextfieldHost(TuiComboBoxDirective)],

@@ -18,9 +18,6 @@ import {TuiComboBoxComponent} from './combo-box.component';
 import {TuiComboBoxDirective} from './combo-box.directive';
 import {TuiComboBoxStrictDirective} from './combo-box-strict.directive';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [
         CommonModule,

@@ -25,9 +25,6 @@ import type {
 
 type MaskMode = 'gradient' | 'hex' | 'rgb';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-input-color',
     templateUrl: './input-color.template.html',

@@ -8,9 +8,6 @@ import {TuiTextfieldControllerModule} from '@taiga-ui/legacy/directives/textfiel
 
 import {TuiInputColorComponent} from './input-color.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [
         CommonModule,

@@ -29,9 +29,6 @@ import {BehaviorSubject, map, merge, of, switchMap, timer} from 'rxjs';
 import type {TuiInputCopyOptions} from './input-copy.options';
 import {TUI_INPUT_COPY_OPTIONS} from './input-copy.options';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Component({
     selector: 'tui-input-copy',
     templateUrl: './input-copy.template.html',

@@ -4,9 +4,6 @@ import {tuiAsTextfieldHost} from '@taiga-ui/legacy/tokens';
 
 import type {TuiInputCopyComponent} from './input-copy.component';
 
-/**
- * @deprecated: drop in v5.0
- */
 @Directive({
     selector: 'tui-input-copy',
     providers: [tuiAsTextfieldHost(TuiInputCopyDirective)],

@@ -13,9 +13,6 @@ import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';
 import {TuiInputCopyComponent} from './input-copy.component';
 import {TuiInputCopyDirective} from './input-copy.directive';
 
-/**
- * @deprecated: drop in v5.0
- */
 @NgModule({
     imports: [
         CommonModule,