diff --git a/projects/addon-doc/components/documentation/documentation.component.ts b/projects/addon-doc/components/documentation/documentation.component.ts index 0a559d47d780..4ff17dffe50c 100644 --- a/projects/addon-doc/components/documentation/documentation.component.ts +++ b/projects/addon-doc/components/documentation/documentation.component.ts @@ -37,7 +37,6 @@ import { TuiGroupDirective, TuiNotificationComponent, TuiTextfield, - TuiTextfieldOptionsDirective, } from '@taiga-ui/core'; import {TuiBadgeDirective, TuiDataListWrapper, TuiSwitchComponent} from '@taiga-ui/kit'; import { @@ -72,7 +71,6 @@ import {TuiDocTypeReferencePipe} from './pipes/type-reference.pipe'; NgTemplateOutlet, TuiDocTypeReferencePipe, TuiSelectModule, - TuiTextfieldOptionsDirective, FormsModule, TuiDropdownOptionsDirective, TuiShowCleanerPipe, diff --git a/projects/addon-doc/components/navigation/navigation.component.ts b/projects/addon-doc/components/navigation/navigation.component.ts index b57e2f98fddd..88b8b46f9cce 100644 --- a/projects/addon-doc/components/navigation/navigation.component.ts +++ b/projects/addon-doc/components/navigation/navigation.component.ts @@ -33,7 +33,7 @@ import { TuiIcon, TuiLink, TuiScrollbarComponent, - TuiTextfieldOptionsDirective, + TuiTextfield, } from '@taiga-ui/core'; import {TuiAccordion} from '@taiga-ui/kit'; import type {TuiInputComponent} from '@taiga-ui/legacy'; @@ -53,7 +53,7 @@ import { selector: 'tui-doc-navigation', imports: [ TuiInputModule, - TuiTextfieldOptionsDirective, + TuiTextfield, ReactiveFormsModule, TuiAutoFocus, TuiDataList, diff --git a/projects/core/components/label/label.directive.ts b/projects/core/components/label/label.directive.ts index 3e4778fe1f58..c7e10948efb2 100644 --- a/projects/core/components/label/label.directive.ts +++ b/projects/core/components/label/label.directive.ts @@ -31,7 +31,7 @@ class TuiLabelStyles {} '[class._textfield]': 'textfield', }, }) -export class TuiLabelDirective { +export class TuiLabel { @ContentChild(forwardRef(() => TUI_DATA_LIST_HOST)) protected readonly textfield?: unknown; diff --git a/projects/core/components/textfield/index.ts b/projects/core/components/textfield/index.ts index 6e4148015483..22db6ce2903b 100644 --- a/projects/core/components/textfield/index.ts +++ b/projects/core/components/textfield/index.ts @@ -1,6 +1,6 @@ +export * from './textfield'; export * from './textfield.component'; export * from './textfield.directive'; -export * from './textfield.module'; export * from './textfield.options'; // Keeping it manually at the bottom for proper build order diff --git a/projects/core/components/textfield/textfield.component.ts b/projects/core/components/textfield/textfield.component.ts index 7d16d53fb803..fabcaf536c6d 100644 --- a/projects/core/components/textfield/textfield.component.ts +++ b/projects/core/components/textfield/textfield.component.ts @@ -1,9 +1,10 @@ -import {CommonModule} from '@angular/common'; +import {AsyncPipe, NgIf} from '@angular/common'; import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, + forwardRef, inject, Input, } from '@angular/core'; @@ -14,7 +15,7 @@ import {tuiIsNativeFocused, TuiNativeValidatorDirective} from '@taiga-ui/cdk'; import {TuiButton} from '@taiga-ui/core/components/button'; import type {TuiDataListHost} from '@taiga-ui/core/components/data-list'; import {tuiAsDataListHost, TuiWithDataList} from '@taiga-ui/core/components/data-list'; -import {TuiLabelDirective} from '@taiga-ui/core/components/label'; +import {TuiLabel} from '@taiga-ui/core/components/label'; import {tuiAppearanceOptionsProvider} from '@taiga-ui/core/directives/appearance'; import { TuiDropdownDirective, @@ -23,7 +24,7 @@ import { } from '@taiga-ui/core/directives/dropdown'; import {TuiIcons} from '@taiga-ui/core/directives/icons'; import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; -import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus'; +import {PolymorpheusOutlet} from '@taiga-ui/polymorpheus'; import {TuiTextfieldDirective} from './textfield.directive'; import {TUI_TEXTFIELD_OPTIONS, TuiTextfieldOptionsDirective} from './textfield.options'; @@ -35,13 +36,7 @@ export interface TuiTextfieldContext extends TuiContext { @Component({ standalone: true, selector: 'tui-textfield', - imports: [ - CommonModule, - ResizeObserverDirective, - TuiButton, - PolymorpheusOutlet, - PolymorpheusTemplate, - ], + imports: [NgIf, AsyncPipe, ResizeObserverDirective, TuiButton, PolymorpheusOutlet], templateUrl: './textfield.template.html', styleUrls: ['./textfield.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, @@ -72,7 +67,7 @@ export interface TuiTextfieldContext extends TuiContext { ], }) export class TuiTextfieldComponent implements TuiDataListHost { - @ContentChild(TuiTextfieldDirective, {read: ElementRef}) + @ContentChild(forwardRef(() => TuiTextfieldDirective), {read: ElementRef}) private readonly el?: ElementRef; private readonly dropdown = inject(TuiDropdownOpenDirective, { @@ -80,10 +75,10 @@ export class TuiTextfieldComponent implements TuiDataListHost { self: true, }); - @ContentChild(TuiTextfieldDirective) + @ContentChild(forwardRef(() => TuiTextfieldDirective)) protected readonly directive?: TuiTextfieldDirective; - @ContentChild(TuiLabelDirective, {read: ElementRef}) + @ContentChild(TuiLabel, {read: ElementRef}) protected readonly label?: ElementRef; protected side = 0; diff --git a/projects/core/components/textfield/textfield.module.ts b/projects/core/components/textfield/textfield.module.ts deleted file mode 100644 index 5326f2e4e0d3..000000000000 --- a/projects/core/components/textfield/textfield.module.ts +++ /dev/null @@ -1,26 +0,0 @@ -import {NgModule} from '@angular/core'; -import {TuiLabelDirective} from '@taiga-ui/core/components/label'; - -// Keeping it manually at the bottom for proper build order -import {TuiSelectDirective} from './select.directive'; -import {TuiTextfieldComponent} from './textfield.component'; -import {TuiTextfieldDirective} from './textfield.directive'; -import {TuiTextfieldOptionsDirective} from './textfield.options'; - -@NgModule({ - imports: [ - TuiLabelDirective, - TuiSelectDirective, - TuiTextfieldComponent, - TuiTextfieldDirective, - TuiTextfieldOptionsDirective, - ], - exports: [ - TuiLabelDirective, - TuiSelectDirective, - TuiTextfieldComponent, - TuiTextfieldDirective, - TuiTextfieldOptionsDirective, - ], -}) -export class TuiTextfield {} diff --git a/projects/core/components/textfield/textfield.ts b/projects/core/components/textfield/textfield.ts new file mode 100644 index 000000000000..461491b03f82 --- /dev/null +++ b/projects/core/components/textfield/textfield.ts @@ -0,0 +1,14 @@ +import {TuiLabel} from '@taiga-ui/core/components/label'; + +import {TuiSelectDirective} from './select.directive'; +import {TuiTextfieldComponent} from './textfield.component'; +import {TuiTextfieldDirective} from './textfield.directive'; +import {TuiTextfieldOptionsDirective} from './textfield.options'; + +export const TuiTextfield = [ + TuiLabel, + TuiSelectDirective, + TuiTextfieldComponent, + TuiTextfieldDirective, + TuiTextfieldOptionsDirective, +] as const; diff --git a/projects/demo/src/modules/components/badge-notification/index.ts b/projects/demo/src/modules/components/badge-notification/index.ts index c1b0935efe9a..35071e70f56e 100644 --- a/projects/demo/src/modules/components/badge-notification/index.ts +++ b/projects/demo/src/modules/components/badge-notification/index.ts @@ -2,12 +2,12 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDemo} from '@demo/utils'; import type {TuiSizeL, TuiSizeXS} from '@taiga-ui/core'; -import {TuiLabelDirective} from '@taiga-ui/core'; +import {TuiLabel} from '@taiga-ui/core'; import {TuiBadgeNotificationComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [TuiDemo, TuiBadgeNotificationComponent, TuiLabelDirective], + imports: [TuiDemo, TuiBadgeNotificationComponent, TuiLabel], templateUrl: './index.html', changeDetection, }) diff --git a/projects/demo/src/modules/components/dialog/examples/2/dialog-example/dialog-example.component.ts b/projects/demo/src/modules/components/dialog/examples/2/dialog-example/dialog-example.component.ts index 60f591d69512..84d33d7ee3b0 100644 --- a/projects/demo/src/modules/components/dialog/examples/2/dialog-example/dialog-example.component.ts +++ b/projects/demo/src/modules/components/dialog/examples/2/dialog-example/dialog-example.component.ts @@ -6,7 +6,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {TuiAmountPipe} from '@taiga-ui/addon-commerce'; import {TuiAutoFocus} from '@taiga-ui/cdk'; import type {TuiDialogContext} from '@taiga-ui/core'; -import {TuiButton, TuiDialogService, TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiButton, TuiDialogService, TuiTextfield} from '@taiga-ui/core'; import {TuiDataListWrapper, TuiSlider} from '@taiga-ui/kit'; import { TuiInputModule, @@ -22,7 +22,7 @@ import {POLYMORPHEUS_CONTEXT} from '@taiga-ui/polymorpheus'; TuiAmountPipe, AsyncPipe, TuiAutoFocus, - TuiTextfieldOptionsDirective, + TuiTextfield, FormsModule, TuiSelectModule, TuiTextfieldControllerModule, diff --git a/projects/demo/src/modules/components/dialog/examples/9/index.ts b/projects/demo/src/modules/components/dialog/examples/9/index.ts index ca22dadf07b8..be2fd96ba386 100644 --- a/projects/demo/src/modules/components/dialog/examples/9/index.ts +++ b/projects/demo/src/modules/components/dialog/examples/9/index.ts @@ -8,7 +8,7 @@ import { TuiDialogService, TuiHintOptionsDirective, TuiIconPipe, - TuiTextfieldOptionsDirective, + TuiTextfield, } from '@taiga-ui/core'; import {TuiInputNumberModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; import {PolymorpheusComponent} from '@taiga-ui/polymorpheus'; @@ -20,7 +20,7 @@ import {PayModalComponent} from './pay-modal/pay-modal.component'; imports: [ TuiInputNumberModule, ReactiveFormsModule, - TuiTextfieldOptionsDirective, + TuiTextfield, TuiTextfieldControllerModule, TuiHintOptionsDirective, TuiButton, diff --git a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts index 9eb05142891a..7825f9a240ba 100644 --- a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts +++ b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts @@ -22,10 +22,9 @@ import { TuiButton, TuiFormatNumberPipe, TuiIconPipe, - TuiLabelDirective, TuiLink, TuiLoader, - TuiTextfieldOptionsDirective, + TuiTextfield, } from '@taiga-ui/core'; import {TuiButtonLoadingComponent, TuiCheckboxComponent} from '@taiga-ui/kit'; import {POLYMORPHEUS_CONTEXT} from '@taiga-ui/polymorpheus'; @@ -52,8 +51,7 @@ import {inputCardGroupedCVCValidator} from '../helpers/validator'; TuiAutoFocus, TuiLoader, TuiInputCardGroup, - TuiTextfieldOptionsDirective, - TuiLabelDirective, + TuiTextfield, TuiCheckboxComponent, TuiIconPipe, ], diff --git a/projects/demo/src/modules/components/error/examples/1/index.ts b/projects/demo/src/modules/components/error/examples/1/index.ts index 2b48f7bb7ea4..1b8743c90aca 100644 --- a/projects/demo/src/modules/components/error/examples/1/index.ts +++ b/projects/demo/src/modules/components/error/examples/1/index.ts @@ -3,12 +3,12 @@ import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiValidationError} from '@taiga-ui/cdk'; -import {TuiErrorComponent, TuiLabelDirective} from '@taiga-ui/core'; +import {TuiErrorComponent, TuiLabel} from '@taiga-ui/core'; import {TuiSwitchComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [FormsModule, TuiLabelDirective, TuiSwitchComponent, TuiErrorComponent], + imports: [FormsModule, TuiLabel, TuiSwitchComponent, TuiErrorComponent], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/components/experimental/tooltip/examples/2/index.ts b/projects/demo/src/modules/components/experimental/tooltip/examples/2/index.ts index 5b3afdeac063..b54193864c57 100644 --- a/projects/demo/src/modules/components/experimental/tooltip/examples/2/index.ts +++ b/projects/demo/src/modules/components/experimental/tooltip/examples/2/index.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiTextfield} from '@taiga-ui/core'; import {TuiTooltipModule} from '@taiga-ui/experimental'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; @@ -10,7 +10,7 @@ import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; standalone: true, imports: [ TuiInputModule, - TuiTextfieldOptionsDirective, + TuiTextfield, TuiTextfieldControllerModule, FormsModule, TuiTooltipModule, diff --git a/projects/demo/src/modules/components/input-phone-international/index.ts b/projects/demo/src/modules/components/input-phone-international/index.ts index 82ee8efdaf5b..13a8296c2dd7 100644 --- a/projects/demo/src/modules/components/input-phone-international/index.ts +++ b/projects/demo/src/modules/components/input-phone-international/index.ts @@ -8,7 +8,7 @@ import { TuiHint, TuiLink, TuiNotificationComponent, - TuiTextfieldOptionsDirective, + TuiTextfield, } from '@taiga-ui/core'; import type {TuiCountryIsoCode} from '@taiga-ui/i18n'; import {TuiInputPhoneInternationalComponent} from '@taiga-ui/kit'; @@ -26,7 +26,7 @@ import {InheritedDocumentationComponent} from '../abstract/inherited-documentati TuiDropdownModule, TuiHint, TuiInputPhoneInternationalComponent, - TuiTextfieldOptionsDirective, + TuiTextfield, ReactiveFormsModule, TuiLink, TuiNotificationComponent, diff --git a/projects/demo/src/modules/components/input/examples/2/index.ts b/projects/demo/src/modules/components/input/examples/2/index.ts index b3433f20cb2b..df820e86a42a 100644 --- a/projects/demo/src/modules/components/input/examples/2/index.ts +++ b/projects/demo/src/modules/components/input/examples/2/index.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiHint, TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiHint, TuiTextfield} from '@taiga-ui/core'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; @Component({ @@ -10,7 +10,7 @@ import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; imports: [ ReactiveFormsModule, TuiInputModule, - TuiTextfieldOptionsDirective, + TuiTextfield, TuiTextfieldControllerModule, TuiHint, ], diff --git a/projects/demo/src/modules/components/input/examples/5/index.ts b/projects/demo/src/modules/components/input/examples/5/index.ts index 2a7bd144db8d..9a7acc9a879a 100644 --- a/projects/demo/src/modules/components/input/examples/5/index.ts +++ b/projects/demo/src/modules/components/input/examples/5/index.ts @@ -2,12 +2,12 @@ import {Component} from '@angular/core'; import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiTextfield} from '@taiga-ui/core'; import {TuiInputModule} from '@taiga-ui/legacy'; @Component({ standalone: true, - imports: [ReactiveFormsModule, TuiInputModule, TuiTextfieldOptionsDirective], + imports: [ReactiveFormsModule, TuiInputModule, TuiTextfield], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/input/examples/6/index.ts b/projects/demo/src/modules/components/input/examples/6/index.ts index fd576649a6a9..b8eacee663ff 100644 --- a/projects/demo/src/modules/components/input/examples/6/index.ts +++ b/projects/demo/src/modules/components/input/examples/6/index.ts @@ -3,7 +3,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiTable} from '@taiga-ui/addon-table'; -import {TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiTextfield} from '@taiga-ui/core'; import {TuiDataListWrapper} from '@taiga-ui/kit'; import { TuiInputDateModule, @@ -16,7 +16,7 @@ import { @Component({ standalone: true, imports: [ - TuiTextfieldOptionsDirective, + TuiTextfield, ReactiveFormsModule, TuiTextfieldControllerModule, TuiInputModule, diff --git a/projects/demo/src/modules/components/input/examples/9/index.ts b/projects/demo/src/modules/components/input/examples/9/index.ts index 21dc98b0a4bb..81ff1e6419db 100644 --- a/projects/demo/src/modules/components/input/examples/9/index.ts +++ b/projects/demo/src/modules/components/input/examples/9/index.ts @@ -2,14 +2,14 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiHint, TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiHint, TuiTextfield} from '@taiga-ui/core'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; @Component({ standalone: true, imports: [ TuiInputModule, - TuiTextfieldOptionsDirective, + TuiTextfield, FormsModule, TuiHint, TuiTextfieldControllerModule, diff --git a/projects/demo/src/modules/components/input/index.ts b/projects/demo/src/modules/components/input/index.ts index 4e8bd09246f9..373e6d45636c 100644 --- a/projects/demo/src/modules/components/input/index.ts +++ b/projects/demo/src/modules/components/input/index.ts @@ -14,7 +14,7 @@ import { TuiHint, TuiLink, TuiNotificationComponent, - TuiTextfieldOptionsDirective, + TuiTextfield, } from '@taiga-ui/core'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; @@ -37,7 +37,7 @@ const LONG_TEXT_TEMPLATE = 'LongTextContent'; TuiDropdownOptionsDirective, TuiDropdownOpenDirective, TuiHint, - TuiTextfieldOptionsDirective, + TuiTextfield, TuiTextfieldControllerModule, TuiAmountPipe, InheritedDocumentationComponent, diff --git a/projects/demo/src/modules/components/label/examples/1/index.ts b/projects/demo/src/modules/components/label/examples/1/index.ts index ad6723ebc3f8..4e0ee9d47803 100644 --- a/projects/demo/src/modules/components/label/examples/1/index.ts +++ b/projects/demo/src/modules/components/label/examples/1/index.ts @@ -2,12 +2,12 @@ import {Component} from '@angular/core'; import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiLabelDirective, TuiTitle} from '@taiga-ui/core'; +import {TuiLabel, TuiTitle} from '@taiga-ui/core'; import {TuiCheckboxComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [ReactiveFormsModule, TuiLabelDirective, TuiCheckboxComponent, TuiTitle], + imports: [ReactiveFormsModule, TuiLabel, TuiCheckboxComponent, TuiTitle], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/components/label/examples/2/index.ts b/projects/demo/src/modules/components/label/examples/2/index.ts index 557e815efd21..04848f7490eb 100644 --- a/projects/demo/src/modules/components/label/examples/2/index.ts +++ b/projects/demo/src/modules/components/label/examples/2/index.ts @@ -2,12 +2,12 @@ import {Component} from '@angular/core'; import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiLabelDirective} from '@taiga-ui/core'; +import {TuiLabel} from '@taiga-ui/core'; import {TuiRadioComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [ReactiveFormsModule, TuiLabelDirective, TuiRadioComponent], + imports: [ReactiveFormsModule, TuiLabel, TuiRadioComponent], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/components/label/examples/3/index.ts b/projects/demo/src/modules/components/label/examples/3/index.ts index f2267310cd5e..f5615c712e18 100644 --- a/projects/demo/src/modules/components/label/examples/3/index.ts +++ b/projects/demo/src/modules/components/label/examples/3/index.ts @@ -2,12 +2,12 @@ import {Component} from '@angular/core'; import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiLabelDirective} from '@taiga-ui/core'; +import {TuiLabel} from '@taiga-ui/core'; import {TuiSwitchComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [ReactiveFormsModule, TuiLabelDirective, TuiSwitchComponent], + imports: [ReactiveFormsModule, TuiLabel, TuiSwitchComponent], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/components/radio/examples/2/index.ts b/projects/demo/src/modules/components/radio/examples/2/index.ts index 1c00c245d9fd..d332dc990a75 100644 --- a/projects/demo/src/modules/components/radio/examples/2/index.ts +++ b/projects/demo/src/modules/components/radio/examples/2/index.ts @@ -3,7 +3,7 @@ import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiPlatform} from '@taiga-ui/cdk'; -import {TuiButton, TuiLabelDirective} from '@taiga-ui/core'; +import {TuiButton, TuiLabel} from '@taiga-ui/core'; import {TuiRadioComponent, TuiRadioDirective} from '@taiga-ui/kit'; @Component({ @@ -13,7 +13,7 @@ import {TuiRadioComponent, TuiRadioDirective} from '@taiga-ui/kit'; TuiPlatform, TuiRadioComponent, TuiRadioDirective, - TuiLabelDirective, + TuiLabel, TuiButton, ], templateUrl: './index.html', diff --git a/projects/demo/src/modules/components/sheet/examples/6/index.ts b/projects/demo/src/modules/components/sheet/examples/6/index.ts index 4ce7ec28626d..b494f8adf04a 100644 --- a/projects/demo/src/modules/components/sheet/examples/6/index.ts +++ b/projects/demo/src/modules/components/sheet/examples/6/index.ts @@ -3,19 +3,13 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {IntersectionObserverModule} from '@ng-web-apis/intersection-observer'; -import {TuiButton, TuiLabelDirective} from '@taiga-ui/core'; +import {TuiButton, TuiLabel} from '@taiga-ui/core'; import type {TuiSheetOptions} from '@taiga-ui/legacy'; import {TuiSheetModule} from '@taiga-ui/legacy'; @Component({ standalone: true, - imports: [ - TuiButton, - TuiSheetModule, - NgForOf, - IntersectionObserverModule, - TuiLabelDirective, - ], + imports: [TuiButton, TuiSheetModule, NgForOf, IntersectionObserverModule, TuiLabel], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/tab-bar/index.ts b/projects/demo/src/modules/components/tab-bar/index.ts index 72f8f981b322..e2b3462256cb 100644 --- a/projects/demo/src/modules/components/tab-bar/index.ts +++ b/projects/demo/src/modules/components/tab-bar/index.ts @@ -4,7 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDemo} from '@demo/utils'; import { TuiDropdownPortalDirective, - TuiLabelDirective, + TuiLabel, TuiNotificationComponent, } from '@taiga-ui/core'; import {TuiCheckboxComponent} from '@taiga-ui/kit'; @@ -17,7 +17,7 @@ import TuiTabBarExample from './examples/1'; TuiDemo, TuiNotificationComponent, TuiCheckboxComponent, - TuiLabelDirective, + TuiLabel, TuiTabBarExample, FormsModule, TuiDropdownPortalDirective, diff --git a/projects/demo/src/modules/components/textarea/examples/3/index.ts b/projects/demo/src/modules/components/textarea/examples/3/index.ts index 23cfaf8b0fe4..d08ff5454b28 100644 --- a/projects/demo/src/modules/components/textarea/examples/3/index.ts +++ b/projects/demo/src/modules/components/textarea/examples/3/index.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiLabelDirective} from '@taiga-ui/core'; +import {TuiLabel} from '@taiga-ui/core'; import {TuiTextareaModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; @Component({ @@ -11,7 +11,7 @@ import {TuiTextareaModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy' ReactiveFormsModule, TuiTextareaModule, TuiTextfieldControllerModule, - TuiLabelDirective, + TuiLabel, ], templateUrl: './index.html', encapsulation, diff --git a/projects/demo/src/modules/components/textarea/examples/4/index.ts b/projects/demo/src/modules/components/textarea/examples/4/index.ts index b01f2a522da6..77c92a295480 100644 --- a/projects/demo/src/modules/components/textarea/examples/4/index.ts +++ b/projects/demo/src/modules/components/textarea/examples/4/index.ts @@ -5,11 +5,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {tuiMarkControlAsTouchedAndValidate} from '@taiga-ui/cdk'; -import { - TuiErrorComponent, - TuiHintOptionsDirective, - TuiLabelDirective, -} from '@taiga-ui/core'; +import {TuiErrorComponent, TuiHintOptionsDirective, TuiLabel} from '@taiga-ui/core'; import {TUI_VALIDATION_ERRORS, TuiFieldErrorPipe} from '@taiga-ui/kit'; import {TuiTextareaModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; @@ -27,7 +23,7 @@ export function maxLengthMessageFactory(context: {requiredLength: string}): stri standalone: true, imports: [ ReactiveFormsModule, - TuiLabelDirective, + TuiLabel, TuiTextareaModule, TuiHintOptionsDirective, TuiTextfieldControllerModule, diff --git a/projects/demo/src/modules/components/tooltip/examples/3/index.ts b/projects/demo/src/modules/components/tooltip/examples/3/index.ts index a5af81e66ec9..da066f7bc229 100644 --- a/projects/demo/src/modules/components/tooltip/examples/3/index.ts +++ b/projects/demo/src/modules/components/tooltip/examples/3/index.ts @@ -1,17 +1,12 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiTextfieldOptionsDirective, TuiTooltip} from '@taiga-ui/core'; +import {TuiTextfield, TuiTooltip} from '@taiga-ui/core'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; @Component({ standalone: true, - imports: [ - TuiInputModule, - TuiTextfieldOptionsDirective, - TuiTextfieldControllerModule, - TuiTooltip, - ], + imports: [TuiInputModule, TuiTextfield, TuiTextfieldControllerModule, TuiTooltip], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/tree/examples/6/index.ts b/projects/demo/src/modules/components/tree/examples/6/index.ts index e013bc81004c..87177c916fac 100644 --- a/projects/demo/src/modules/components/tree/examples/6/index.ts +++ b/projects/demo/src/modules/components/tree/examples/6/index.ts @@ -5,7 +5,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import type {TuiHandler} from '@taiga-ui/cdk'; import {EMPTY_ARRAY, TuiMapperPipe} from '@taiga-ui/cdk'; -import {TuiLabelDirective} from '@taiga-ui/core'; +import {TuiLabel} from '@taiga-ui/core'; import {TuiCheckboxComponent, TuiTree} from '@taiga-ui/kit'; interface TreeNode { @@ -25,7 +25,7 @@ function flatten(item: TreeNode): readonly TreeNode[] { TuiTree, NgForOf, TuiCheckboxComponent, - TuiLabelDirective, + TuiLabel, FormsModule, TuiMapperPipe, ], diff --git a/projects/demo/src/modules/customization/variables/examples/1/index.ts b/projects/demo/src/modules/customization/variables/examples/1/index.ts index 1d42db5065c8..d56f4ae27ffe 100644 --- a/projects/demo/src/modules/customization/variables/examples/1/index.ts +++ b/projects/demo/src/modules/customization/variables/examples/1/index.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiLabelDirective, TuiSurface} from '@taiga-ui/core'; +import {TuiLabel, TuiSurface} from '@taiga-ui/core'; import {TuiCheckboxComponent} from '@taiga-ui/kit'; import {TuiCardLarge} from '@taiga-ui/layout'; import {TuiInputModule} from '@taiga-ui/legacy'; @@ -13,7 +13,7 @@ import {TuiInputModule} from '@taiga-ui/legacy'; imports: [ FormsModule, TuiInputModule, - TuiLabelDirective, + TuiLabel, TuiCheckboxComponent, TuiCardLarge, TuiSurface, diff --git a/projects/demo/src/modules/customization/wrapper/examples/1/index.ts b/projects/demo/src/modules/customization/wrapper/examples/1/index.ts index e37ef2cee676..18feb1efc450 100644 --- a/projects/demo/src/modules/customization/wrapper/examples/1/index.ts +++ b/projects/demo/src/modules/customization/wrapper/examples/1/index.ts @@ -1,19 +1,13 @@ import {Component, ViewEncapsulation} from '@angular/core'; import {FormsModule} from '@angular/forms'; -import {TuiButton, TuiLabelDirective} from '@taiga-ui/core'; +import {TuiButton, TuiLabel} from '@taiga-ui/core'; import {TuiCheckboxComponent, tuiCheckboxOptionsProvider} from '@taiga-ui/kit'; import {TUI_TEXTFIELD_APPEARANCE_DIRECTIVE, TuiInputModule} from '@taiga-ui/legacy'; @Component({ standalone: true, selector: 'tui-wrapper-example-1', - imports: [ - TuiInputModule, - FormsModule, - TuiLabelDirective, - TuiCheckboxComponent, - TuiButton, - ], + imports: [TuiInputModule, FormsModule, TuiLabel, TuiCheckboxComponent, TuiButton], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation: ViewEncapsulation.None, diff --git a/projects/demo/src/modules/directives/dropdown/examples/4/index.ts b/projects/demo/src/modules/directives/dropdown/examples/4/index.ts index 0d3b02394927..c7d6d62df66d 100644 --- a/projects/demo/src/modules/directives/dropdown/examples/4/index.ts +++ b/projects/demo/src/modules/directives/dropdown/examples/4/index.ts @@ -1,12 +1,12 @@ import {Component, ViewEncapsulation} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; -import {TuiDropdownModule, TuiLabelDirective} from '@taiga-ui/core'; +import {TuiDropdownModule, TuiLabel} from '@taiga-ui/core'; import {TuiSwitchComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [TuiDropdownModule, TuiSwitchComponent, FormsModule, TuiLabelDirective], + imports: [TuiDropdownModule, TuiSwitchComponent, FormsModule, TuiLabel], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation: ViewEncapsulation.None, diff --git a/projects/demo/src/modules/directives/dropdown/examples/5/index.ts b/projects/demo/src/modules/directives/dropdown/examples/5/index.ts index 85e4189e04ff..a0a58f0bd576 100644 --- a/projects/demo/src/modules/directives/dropdown/examples/5/index.ts +++ b/projects/demo/src/modules/directives/dropdown/examples/5/index.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiDropdownModule, TuiLabelDirective, TuiSurface} from '@taiga-ui/core'; +import {TuiDropdownModule, TuiLabel, TuiSurface} from '@taiga-ui/core'; import {TuiSwitchComponent} from '@taiga-ui/kit'; import {TuiCardLarge} from '@taiga-ui/layout'; @@ -10,7 +10,7 @@ import {TuiCardLarge} from '@taiga-ui/layout'; standalone: true, imports: [ TuiDropdownModule, - TuiLabelDirective, + TuiLabel, TuiSwitchComponent, TuiCardLarge, TuiSurface, diff --git a/projects/demo/src/modules/directives/sensitive/examples/1/index.ts b/projects/demo/src/modules/directives/sensitive/examples/1/index.ts index 35973113220d..a624372d5f40 100644 --- a/projects/demo/src/modules/directives/sensitive/examples/1/index.ts +++ b/projects/demo/src/modules/directives/sensitive/examples/1/index.ts @@ -2,12 +2,12 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiLabelDirective} from '@taiga-ui/core'; +import {TuiLabel} from '@taiga-ui/core'; import {TuiSensitiveDirective, TuiSwitchComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [TuiSensitiveDirective, TuiLabelDirective, TuiSwitchComponent, FormsModule], + imports: [TuiSensitiveDirective, TuiLabel, TuiSwitchComponent, FormsModule], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/directives/sensitive/examples/2/index.ts b/projects/demo/src/modules/directives/sensitive/examples/2/index.ts index eb40c5f799b5..efd5b8c7d229 100644 --- a/projects/demo/src/modules/directives/sensitive/examples/2/index.ts +++ b/projects/demo/src/modules/directives/sensitive/examples/2/index.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiButton, TuiLabelDirective} from '@taiga-ui/core'; +import {TuiButton, TuiLabel} from '@taiga-ui/core'; import { TuiBadgeDirective, TuiSensitiveDirective, @@ -15,7 +15,7 @@ import { TuiSensitiveDirective, TuiButton, TuiBadgeDirective, - TuiLabelDirective, + TuiLabel, TuiSwitchComponent, FormsModule, ], diff --git a/projects/demo/src/modules/directives/skeleton/examples/1/index.ts b/projects/demo/src/modules/directives/skeleton/examples/1/index.ts index 995141729b77..c11c6c862e44 100644 --- a/projects/demo/src/modules/directives/skeleton/examples/1/index.ts +++ b/projects/demo/src/modules/directives/skeleton/examples/1/index.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiButton, TuiLabelDirective, TuiSurface, TuiTitle} from '@taiga-ui/core'; +import {TuiButton, TuiLabel, TuiSurface, TuiTitle} from '@taiga-ui/core'; import { TuiAvatarComponent, TuiBadgeDirective, @@ -15,7 +15,7 @@ import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout'; @Component({ standalone: true, imports: [ - TuiLabelDirective, + TuiLabel, TuiSwitchComponent, FormsModule, TuiAvatarComponent, diff --git a/projects/demo/src/modules/directives/skeleton/examples/2/index.ts b/projects/demo/src/modules/directives/skeleton/examples/2/index.ts index 434c345d5ad5..296116f254ba 100644 --- a/projects/demo/src/modules/directives/skeleton/examples/2/index.ts +++ b/projects/demo/src/modules/directives/skeleton/examples/2/index.ts @@ -2,12 +2,12 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiLabelDirective} from '@taiga-ui/core'; +import {TuiLabel} from '@taiga-ui/core'; import {TuiSkeletonDirective, TuiSwitchComponent} from '@taiga-ui/kit'; @Component({ standalone: true, - imports: [TuiLabelDirective, TuiSwitchComponent, FormsModule, TuiSkeletonDirective], + imports: [TuiLabel, TuiSwitchComponent, FormsModule, TuiSkeletonDirective], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/directives/textfield-controller/examples/1/index.ts b/projects/demo/src/modules/directives/textfield-controller/examples/1/index.ts index dc737cae7ce8..33db5190afa7 100644 --- a/projects/demo/src/modules/directives/textfield-controller/examples/1/index.ts +++ b/projects/demo/src/modules/directives/textfield-controller/examples/1/index.ts @@ -1,12 +1,12 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiTextfield} from '@taiga-ui/core'; import {TuiPrimitiveTextfieldModule} from '@taiga-ui/legacy'; @Component({ standalone: true, - imports: [TuiTextfieldOptionsDirective, TuiPrimitiveTextfieldModule], + imports: [TuiTextfield, TuiPrimitiveTextfieldModule], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/directives/textfield-controller/index.ts b/projects/demo/src/modules/directives/textfield-controller/index.ts index 858f4a1dda12..5ad3fe9e71ee 100644 --- a/projects/demo/src/modules/directives/textfield-controller/index.ts +++ b/projects/demo/src/modules/directives/textfield-controller/index.ts @@ -5,7 +5,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {DemoRoute} from '@demo/routes'; import {TuiDemo} from '@demo/utils'; import type {TuiSizeL, TuiSizeS} from '@taiga-ui/core'; -import {TuiLink, TuiTextfieldOptionsDirective} from '@taiga-ui/core'; +import {TuiLink, TuiTextfield} from '@taiga-ui/core'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; @Component({ @@ -16,7 +16,7 @@ import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; TuiLink, TuiInputModule, ReactiveFormsModule, - TuiTextfieldOptionsDirective, + TuiTextfield, TuiTextfieldControllerModule, ], templateUrl: './index.html', diff --git a/projects/demo/src/modules/markup/form/examples/1/index.ts b/projects/demo/src/modules/markup/form/examples/1/index.ts index 976a09bbdde3..94a6b92195a7 100644 --- a/projects/demo/src/modules/markup/form/examples/1/index.ts +++ b/projects/demo/src/modules/markup/form/examples/1/index.ts @@ -4,12 +4,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/ import {changeDetection} from '@demo/emulate/change-detection'; import {TuiAmountPipe, TuiCurrency, TuiCurrencyPipe} from '@taiga-ui/addon-commerce'; import {TuiDay, TuiTime} from '@taiga-ui/cdk'; -import { - TuiButton, - TuiErrorComponent, - TuiGroupDirective, - TuiLabelDirective, -} from '@taiga-ui/core'; +import {TuiButton, TuiErrorComponent, TuiGroupDirective, TuiLabel} from '@taiga-ui/core'; import { TuiBlockDirective, TuiCheckboxComponent, @@ -73,7 +68,7 @@ class Account { TuiBlockDirective, TuiRadioComponent, TuiInputTimeModule, - TuiLabelDirective, + TuiLabel, TuiCheckboxComponent, TuiButton, TuiAmountPipe, diff --git a/projects/demo/src/modules/pipes/field-error/examples/1/index.ts b/projects/demo/src/modules/pipes/field-error/examples/1/index.ts index dc0dfbca344d..45ef42318350 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/1/index.ts +++ b/projects/demo/src/modules/pipes/field-error/examples/1/index.ts @@ -6,7 +6,7 @@ import {RouterLink} from '@angular/router'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {DemoRoute} from '@demo/routes'; -import {TuiErrorComponent, TuiLabelDirective, TuiLink} from '@taiga-ui/core'; +import {TuiErrorComponent, TuiLabel, TuiLink} from '@taiga-ui/core'; import {TuiFieldErrorPipe} from '@taiga-ui/kit'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; import {distinctUntilChanged} from 'rxjs'; @@ -33,7 +33,7 @@ export function superComputerValidator(field: AbstractControl): Validators | nul standalone: true, imports: [ ReactiveFormsModule, - TuiLabelDirective, + TuiLabel, TuiInputModule, TuiTextfieldControllerModule, TuiErrorComponent, diff --git a/projects/demo/src/modules/pipes/field-error/examples/2/index.ts b/projects/demo/src/modules/pipes/field-error/examples/2/index.ts index c6bde02258a2..d110a67ac39f 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/2/index.ts +++ b/projects/demo/src/modules/pipes/field-error/examples/2/index.ts @@ -4,11 +4,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {tuiIsFalsy} from '@taiga-ui/cdk'; -import { - TuiErrorComponent, - TuiLabelDirective, - TuiTextfieldOptionsDirective, -} from '@taiga-ui/core'; +import {TuiErrorComponent, TuiTextfield} from '@taiga-ui/core'; import {TUI_VALIDATION_ERRORS, TuiFieldErrorPipe} from '@taiga-ui/kit'; import { TuiInputModule, @@ -21,9 +17,8 @@ import {interval, map, of, scan, startWith} from 'rxjs'; standalone: true, imports: [ ReactiveFormsModule, - TuiLabelDirective, TuiInputModule, - TuiTextfieldOptionsDirective, + TuiTextfield, TuiTextfieldControllerModule, TuiErrorComponent, TuiFieldErrorPipe, diff --git a/projects/demo/src/modules/pipes/field-error/examples/3/index.ts b/projects/demo/src/modules/pipes/field-error/examples/3/index.ts index 8f9ab67732b4..28256366f761 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/3/index.ts +++ b/projects/demo/src/modules/pipes/field-error/examples/3/index.ts @@ -6,7 +6,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {tuiMarkControlAsTouchedAndValidate, TuiValidationError} from '@taiga-ui/cdk'; -import {TuiButton, TuiErrorComponent, TuiLabelDirective} from '@taiga-ui/core'; +import {TuiButton, TuiErrorComponent, TuiLabel} from '@taiga-ui/core'; import {TuiCheckboxComponent, TuiFieldErrorPipe} from '@taiga-ui/kit'; import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; @@ -18,7 +18,7 @@ const secretRegexTwelve = /^\d{12}$/; standalone: true, imports: [ ReactiveFormsModule, - TuiLabelDirective, + TuiLabel, TuiInputModule, TuiTextfieldControllerModule, TuiErrorComponent, diff --git a/projects/demo/src/modules/pipes/field-error/examples/4/index.ts b/projects/demo/src/modules/pipes/field-error/examples/4/index.ts index 544c62aa9217..4c804231ae93 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/4/index.ts +++ b/projects/demo/src/modules/pipes/field-error/examples/4/index.ts @@ -11,12 +11,7 @@ import { import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiValidationError} from '@taiga-ui/cdk'; -import { - TuiButton, - TuiErrorComponent, - TuiLabelDirective, - TuiTextfieldOptionsDirective, -} from '@taiga-ui/core'; +import {TuiButton, TuiErrorComponent, TuiTextfield} from '@taiga-ui/core'; import {TuiFieldErrorPipe} from '@taiga-ui/kit'; import {TuiInputPhoneModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; @@ -26,9 +21,8 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; imports: [ ReactiveFormsModule, NgForOf, - TuiLabelDirective, TuiInputPhoneModule, - TuiTextfieldOptionsDirective, + TuiTextfield, TuiTextfieldControllerModule, TuiButton, TuiErrorComponent,