@taiga-ui/core 2.54.0 → 3.0.0-rc.0

package/fesm2015/taiga-ui-core-directives-textfield-controller.js

@@ -1,16 +1,18 @@
-import { __decorate } from 'tslib';
-import { InjectionToken, Input, Directive, forwardRef, NgModule, ChangeDetectorRef } from '@angular/core';
-import { TuiController, watch, TuiDestroyService } from '@taiga-ui/cdk';
+import * as i0 from '@angular/core';
+import { InjectionToken, forwardRef, Directive, Input, NgModule, ChangeDetectorRef } from '@angular/core';
+import { AbstractTuiController, watch, TuiDestroyService } from '@taiga-ui/cdk';
 import { merge, NEVER } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 class TuiTextfieldController {
-    constructor(change$, autocompleteDirective, cleanerDirective, customContentDirective, exampleTextDirective, inputModeDirective, labelOutsideDirective, maxLengthDirective, sizeDirective, typeDirective) {
+    constructor(change$, autocompleteDirective, cleanerDirective, customContentDirective, exampleTextDirective, iconDirective, iconLeftDirective, inputModeDirective, labelOutsideDirective, maxLengthDirective, sizeDirective, typeDirective) {
         this.change$ = change$;
         this.autocompleteDirective = autocompleteDirective;
         this.cleanerDirective = cleanerDirective;
         this.customContentDirective = customContentDirective;
         this.exampleTextDirective = exampleTextDirective;
+        this.iconDirective = iconDirective;
+        this.iconLeftDirective = iconLeftDirective;
         this.inputModeDirective = inputModeDirective;
         this.labelOutsideDirective = labelOutsideDirective;
         this.maxLengthDirective = maxLengthDirective;
@@ -24,11 +26,17 @@ class TuiTextfieldController {
         return this.cleanerDirective.cleaner;
     }
     get customContent() {
-        return this.customContentDirective.customContent || '';
+        return this.customContentDirective.customContent || ``;
     }
     get exampleText() {
         return this.exampleTextDirective.exampleText;
     }
+    get icon() {
+        return this.iconDirective.icon;
+    }
+    get iconLeft() {
+        return this.iconLeftDirective.iconLeft;
+    }
     get inputMode() {
         return this.inputModeDirective.inputMode;
     }
@@ -46,298 +54,458 @@ class TuiTextfieldController {
     }
 }
 
-var TuiTextfieldAutocompleteDirective_1;
-const TUI_TEXTFIELD_AUTOCOMPLETE = new InjectionToken('tuiTextfieldAutocomplete', {
+const TUI_TEXTFIELD_AUTOCOMPLETE = new InjectionToken(`tuiTextfieldAutocomplete`, {
     factory: autocompleteDirectiveFactory,
 });
-let TuiTextfieldAutocompleteDirective = TuiTextfieldAutocompleteDirective_1 = class TuiTextfieldAutocompleteDirective extends TuiController {
+class TuiTextfieldAutocompleteDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
-        this.autocomplete = '';
+        this.autocomplete = ``;
     }
-};
-__decorate([
-    Input('tuiTextfieldAutocomplete')
-], TuiTextfieldAutocompleteDirective.prototype, "autocomplete", void 0);
-TuiTextfieldAutocompleteDirective = TuiTextfieldAutocompleteDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldAutocomplete]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_AUTOCOMPLETE,
-                useExisting: forwardRef(() => TuiTextfieldAutocompleteDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldAutocompleteDirective);
+}
+TuiTextfieldAutocompleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldAutocompleteDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldAutocompleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldAutocompleteDirective, selector: "[tuiTextfieldAutocomplete]", inputs: { autocomplete: ["tuiTextfieldAutocomplete", "autocomplete"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_AUTOCOMPLETE,
+            useExisting: forwardRef(() => TuiTextfieldAutocompleteDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldAutocompleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldAutocomplete]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_AUTOCOMPLETE,
+                            useExisting: forwardRef(() => TuiTextfieldAutocompleteDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { autocomplete: [{
+                type: Input,
+                args: [`tuiTextfieldAutocomplete`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function autocompleteDirectiveFactory() {
     return new TuiTextfieldAutocompleteDirective();
 }
 
-var TuiTextfieldCleanerDirective_1;
-const TUI_TEXTFIELD_CLEANER = new InjectionToken('tuiTextfieldCleaner', {
+const TUI_TEXTFIELD_CLEANER = new InjectionToken(`tuiTextfieldCleaner`, {
     factory: cleanerDirectiveFactory,
 });
-let TuiTextfieldCleanerDirective = TuiTextfieldCleanerDirective_1 = class TuiTextfieldCleanerDirective extends TuiController {
+class TuiTextfieldCleanerDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
         this.cleaner = false;
     }
-};
-__decorate([
-    Input('tuiTextfieldCleaner')
-], TuiTextfieldCleanerDirective.prototype, "cleaner", void 0);
-TuiTextfieldCleanerDirective = TuiTextfieldCleanerDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldCleaner]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_CLEANER,
-                useExisting: forwardRef(() => TuiTextfieldCleanerDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldCleanerDirective);
+}
+TuiTextfieldCleanerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldCleanerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldCleanerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldCleanerDirective, selector: "[tuiTextfieldCleaner]", inputs: { cleaner: ["tuiTextfieldCleaner", "cleaner"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_CLEANER,
+            useExisting: forwardRef(() => TuiTextfieldCleanerDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldCleanerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldCleaner]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_CLEANER,
+                            useExisting: forwardRef(() => TuiTextfieldCleanerDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { cleaner: [{
+                type: Input,
+                args: [`tuiTextfieldCleaner`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function cleanerDirectiveFactory() {
     return new TuiTextfieldCleanerDirective();
 }
 
-var TuiTextfieldCustomContentDirective_1;
-const TUI_TEXTFIELD_CUSTOM_CONTENT = new InjectionToken('tuiTextfieldCustomContent', {
+const TUI_TEXTFIELD_CUSTOM_CONTENT = new InjectionToken(`tuiTextfieldCustomContent`, {
     factory: customContentDirectiveFactory,
 });
-let TuiTextfieldCustomContentDirective = TuiTextfieldCustomContentDirective_1 = class TuiTextfieldCustomContentDirective extends TuiController {
+class TuiTextfieldCustomContentDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
-        // TODO: 3.0 Remove null
-        this.customContent = '';
+        this.customContent = ``;
     }
-};
-__decorate([
-    Input('tuiTextfieldCustomContent')
-], TuiTextfieldCustomContentDirective.prototype, "customContent", void 0);
-TuiTextfieldCustomContentDirective = TuiTextfieldCustomContentDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldCustomContent]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_CUSTOM_CONTENT,
-                useExisting: forwardRef(() => TuiTextfieldCustomContentDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldCustomContentDirective);
+}
+TuiTextfieldCustomContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldCustomContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldCustomContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldCustomContentDirective, selector: "[tuiTextfieldCustomContent]", inputs: { customContent: ["tuiTextfieldCustomContent", "customContent"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_CUSTOM_CONTENT,
+            useExisting: forwardRef(() => TuiTextfieldCustomContentDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldCustomContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldCustomContent]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_CUSTOM_CONTENT,
+                            useExisting: forwardRef(() => TuiTextfieldCustomContentDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { customContent: [{
+                type: Input,
+                args: [`tuiTextfieldCustomContent`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function customContentDirectiveFactory() {
     return new TuiTextfieldCustomContentDirective();
 }
 
-var TuiTextfieldExampleTextDirective_1;
-const TUI_TEXTFIELD_EXAMPLE_TEXT = new InjectionToken('tuiTextfieldExampleText', {
+const TUI_TEXTFIELD_EXAMPLE_TEXT = new InjectionToken(`tuiTextfieldExampleText`, {
     factory: exampleTextDirectiveFactory,
 });
-let TuiTextfieldExampleTextDirective = TuiTextfieldExampleTextDirective_1 = class TuiTextfieldExampleTextDirective extends TuiController {
+class TuiTextfieldExampleTextDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
-        this.exampleText = '';
+        this.exampleText = ``;
     }
-};
-__decorate([
-    Input('tuiTextfieldExampleText')
-], TuiTextfieldExampleTextDirective.prototype, "exampleText", void 0);
-TuiTextfieldExampleTextDirective = TuiTextfieldExampleTextDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldExampleText]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_EXAMPLE_TEXT,
-                useExisting: forwardRef(() => TuiTextfieldExampleTextDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldExampleTextDirective);
+}
+TuiTextfieldExampleTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldExampleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldExampleTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldExampleTextDirective, selector: "[tuiTextfieldExampleText]", inputs: { exampleText: ["tuiTextfieldExampleText", "exampleText"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_EXAMPLE_TEXT,
+            useExisting: forwardRef(() => TuiTextfieldExampleTextDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldExampleTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldExampleText]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_EXAMPLE_TEXT,
+                            useExisting: forwardRef(() => TuiTextfieldExampleTextDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { exampleText: [{
+                type: Input,
+                args: [`tuiTextfieldExampleText`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function exampleTextDirectiveFactory() {
     return new TuiTextfieldExampleTextDirective();
 }
 
-var TuiTextfieldInputModeDirective_1;
-const TUI_TEXTFIELD_INPUT_MODE = new InjectionToken('tuiTextfieldInputMode', {
+const TUI_TEXTFIELD_ICON = new InjectionToken(`tuiTextfieldIcon`, {
+    factory: tuiIconDirectiveFactory,
+});
+class TuiTextfieldIconDirective extends AbstractTuiController {
+    constructor() {
+        super(...arguments);
+        this.icon = ``;
+    }
+}
+TuiTextfieldIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldIconDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: { icon: ["tuiTextfieldIcon", "icon"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_ICON,
+            useExisting: forwardRef(() => TuiTextfieldIconDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldIcon]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_ICON,
+                            useExisting: forwardRef(() => TuiTextfieldIconDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { icon: [{
+                type: Input,
+                args: [`tuiTextfieldIcon`]
+            }] } });
+function tuiIconDirectiveFactory() {
+    return new TuiTextfieldIconDirective();
+}
+
+const TUI_TEXTFIELD_ICON_LEFT = new InjectionToken(`tuiTextfieldIconLeft`, {
+    factory: tuiIconLeftDirectiveFactory,
+});
+class TuiTextfieldIconLeftDirective extends AbstractTuiController {
+    constructor() {
+        super(...arguments);
+        this.iconLeft = ``;
+    }
+}
+TuiTextfieldIconLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldIconLeftDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldIconLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldIconLeftDirective, selector: "[tuiTextfieldIconLeft]", inputs: { iconLeft: ["tuiTextfieldIconLeft", "iconLeft"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_ICON_LEFT,
+            useExisting: forwardRef(() => TuiTextfieldIconLeftDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldIconLeftDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldIconLeft]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_ICON_LEFT,
+                            useExisting: forwardRef(() => TuiTextfieldIconLeftDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { iconLeft: [{
+                type: Input,
+                args: [`tuiTextfieldIconLeft`]
+            }] } });
+function tuiIconLeftDirectiveFactory() {
+    return new TuiTextfieldIconLeftDirective();
+}
+
+const TUI_TEXTFIELD_INPUT_MODE = new InjectionToken(`tuiTextfieldInputMode`, {
     factory: inputModeDirectiveFactory,
 });
-let TuiTextfieldInputModeDirective = TuiTextfieldInputModeDirective_1 = class TuiTextfieldInputModeDirective extends TuiController {
+class TuiTextfieldInputModeDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
-        this.inputMode = 'text';
+        this.inputMode = `text`;
     }
-};
-__decorate([
-    Input('tuiTextfieldInputMode')
-], TuiTextfieldInputModeDirective.prototype, "inputMode", void 0);
-TuiTextfieldInputModeDirective = TuiTextfieldInputModeDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldInputMode]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_INPUT_MODE,
-                useExisting: forwardRef(() => TuiTextfieldInputModeDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldInputModeDirective);
+}
+TuiTextfieldInputModeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldInputModeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldInputModeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldInputModeDirective, selector: "[tuiTextfieldInputMode]", inputs: { inputMode: ["tuiTextfieldInputMode", "inputMode"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_INPUT_MODE,
+            useExisting: forwardRef(() => TuiTextfieldInputModeDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldInputModeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldInputMode]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_INPUT_MODE,
+                            useExisting: forwardRef(() => TuiTextfieldInputModeDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { inputMode: [{
+                type: Input,
+                args: [`tuiTextfieldInputMode`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function inputModeDirectiveFactory() {
     return new TuiTextfieldInputModeDirective();
 }
 
-var TuiTextfieldLabelOutsideDirective_1;
-const TUI_TEXTFIELD_LABEL_OUTSIDE = new InjectionToken('tuiTextfieldLabelOutside', {
+const TUI_TEXTFIELD_LABEL_OUTSIDE = new InjectionToken(`tuiTextfieldLabelOutside`, {
     factory: labelOutsideDirectiveFactory,
 });
-let TuiTextfieldLabelOutsideDirective = TuiTextfieldLabelOutsideDirective_1 = class TuiTextfieldLabelOutsideDirective extends TuiController {
+class TuiTextfieldLabelOutsideDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
         this.labelOutside = false;
     }
-};
-__decorate([
-    Input('tuiTextfieldLabelOutside')
-], TuiTextfieldLabelOutsideDirective.prototype, "labelOutside", void 0);
-TuiTextfieldLabelOutsideDirective = TuiTextfieldLabelOutsideDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldLabelOutside]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_LABEL_OUTSIDE,
-                useExisting: forwardRef(() => TuiTextfieldLabelOutsideDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldLabelOutsideDirective);
+}
+TuiTextfieldLabelOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldLabelOutsideDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldLabelOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: { labelOutside: ["tuiTextfieldLabelOutside", "labelOutside"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_LABEL_OUTSIDE,
+            useExisting: forwardRef(() => TuiTextfieldLabelOutsideDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldLabelOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldLabelOutside]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_LABEL_OUTSIDE,
+                            useExisting: forwardRef(() => TuiTextfieldLabelOutsideDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { labelOutside: [{
+                type: Input,
+                args: [`tuiTextfieldLabelOutside`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function labelOutsideDirectiveFactory() {
     return new TuiTextfieldLabelOutsideDirective();
 }
 
-var TuiTextfieldMaxLengthDirective_1;
-const TUI_TEXTFIELD_MAX_LENGTH = new InjectionToken('tuiTextfieldMaxLength', {
+const TUI_TEXTFIELD_MAX_LENGTH = new InjectionToken(`tuiTextfieldMaxLength`, {
     factory: maxLengthDirectiveFactory,
 });
-let TuiTextfieldMaxLengthDirective = TuiTextfieldMaxLengthDirective_1 = class TuiTextfieldMaxLengthDirective extends TuiController {
+class TuiTextfieldMaxLengthDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
         this.maxLength = null;
     }
-};
-__decorate([
-    Input('tuiTextfieldMaxLength')
-], TuiTextfieldMaxLengthDirective.prototype, "maxLength", void 0);
-TuiTextfieldMaxLengthDirective = TuiTextfieldMaxLengthDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldMaxLength]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_MAX_LENGTH,
-                useExisting: forwardRef(() => TuiTextfieldMaxLengthDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldMaxLengthDirective);
+}
+TuiTextfieldMaxLengthDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldMaxLengthDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldMaxLengthDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldMaxLengthDirective, selector: "[tuiTextfieldMaxLength]", inputs: { maxLength: ["tuiTextfieldMaxLength", "maxLength"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_MAX_LENGTH,
+            useExisting: forwardRef(() => TuiTextfieldMaxLengthDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldMaxLengthDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldMaxLength]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_MAX_LENGTH,
+                            useExisting: forwardRef(() => TuiTextfieldMaxLengthDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { maxLength: [{
+                type: Input,
+                args: [`tuiTextfieldMaxLength`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function maxLengthDirectiveFactory() {
     return new TuiTextfieldMaxLengthDirective();
 }
 
-var TuiTextfieldSizeDirective_1;
-const TUI_TEXTFIELD_SIZE = new InjectionToken('tuiTextfieldSize', {
+const TUI_TEXTFIELD_SIZE = new InjectionToken(`tuiTextfieldSize`, {
     factory: sizeDirectiveFactory,
 });
-let TuiTextfieldSizeDirective = TuiTextfieldSizeDirective_1 = class TuiTextfieldSizeDirective extends TuiController {
+class TuiTextfieldSizeDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
-        this.size = 'l';
+        this.size = `l`;
     }
-};
-__decorate([
-    Input('tuiTextfieldSize')
-], TuiTextfieldSizeDirective.prototype, "size", void 0);
-TuiTextfieldSizeDirective = TuiTextfieldSizeDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldSize]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_SIZE,
-                useExisting: forwardRef(() => TuiTextfieldSizeDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldSizeDirective);
+}
+TuiTextfieldSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldSizeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: { size: ["tuiTextfieldSize", "size"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_SIZE,
+            useExisting: forwardRef(() => TuiTextfieldSizeDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldSizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldSize]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_SIZE,
+                            useExisting: forwardRef(() => TuiTextfieldSizeDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { size: [{
+                type: Input,
+                args: [`tuiTextfieldSize`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function sizeDirectiveFactory() {
     return new TuiTextfieldSizeDirective();
 }
 
-var TuiTextfieldTypeDirective_1;
-const TUI_TEXTFIELD_TYPE = new InjectionToken('tuiTextfieldType', {
+const TUI_TEXTFIELD_TYPE = new InjectionToken(`tuiTextfieldType`, {
     factory: typeDirectiveFactory,
 });
-let TuiTextfieldTypeDirective = TuiTextfieldTypeDirective_1 = class TuiTextfieldTypeDirective extends TuiController {
+class TuiTextfieldTypeDirective extends AbstractTuiController {
     constructor() {
         super(...arguments);
-        this.type = 'text';
+        this.type = `text`;
     }
-};
-__decorate([
-    Input('tuiTextfieldType')
-], TuiTextfieldTypeDirective.prototype, "type", void 0);
-TuiTextfieldTypeDirective = TuiTextfieldTypeDirective_1 = __decorate([
-    Directive({
-        selector: '[tuiTextfieldType]',
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_TYPE,
-                useExisting: forwardRef(() => TuiTextfieldTypeDirective_1),
-            },
-        ],
-    })
-], TuiTextfieldTypeDirective);
+}
+TuiTextfieldTypeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldTypeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiTextfieldTypeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldTypeDirective, selector: "[tuiTextfieldType]", inputs: { type: ["tuiTextfieldType", "type"] }, providers: [
+        {
+            provide: TUI_TEXTFIELD_TYPE,
+            useExisting: forwardRef(() => TuiTextfieldTypeDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldTypeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiTextfieldType]`,
+                    providers: [
+                        {
+                            provide: TUI_TEXTFIELD_TYPE,
+                            useExisting: forwardRef(() => TuiTextfieldTypeDirective),
+                        },
+                    ],
+                }]
+        }], propDecorators: { type: [{
+                type: Input,
+                args: [`tuiTextfieldType`]
+            }] } });
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function typeDirectiveFactory() {
     return new TuiTextfieldTypeDirective();
 }
 
-let TuiTextfieldControllerModule = class TuiTextfieldControllerModule {
-};
-TuiTextfieldControllerModule = __decorate([
-    NgModule({
-        declarations: [
-            TuiTextfieldAutocompleteDirective,
-            TuiTextfieldCleanerDirective,
-            TuiTextfieldCustomContentDirective,
-            TuiTextfieldExampleTextDirective,
-            TuiTextfieldInputModeDirective,
-            TuiTextfieldLabelOutsideDirective,
-            TuiTextfieldMaxLengthDirective,
-            TuiTextfieldSizeDirective,
-            TuiTextfieldTypeDirective,
-        ],
-        exports: [
-            TuiTextfieldAutocompleteDirective,
-            TuiTextfieldCleanerDirective,
-            TuiTextfieldCustomContentDirective,
-            TuiTextfieldExampleTextDirective,
-            TuiTextfieldInputModeDirective,
-            TuiTextfieldLabelOutsideDirective,
-            TuiTextfieldMaxLengthDirective,
-            TuiTextfieldSizeDirective,
-            TuiTextfieldTypeDirective,
-        ],
-    })
-], TuiTextfieldControllerModule);
+class TuiTextfieldControllerModule {
+}
+TuiTextfieldControllerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldControllerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiTextfieldControllerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldControllerModule, declarations: [TuiTextfieldAutocompleteDirective,
+        TuiTextfieldCleanerDirective,
+        TuiTextfieldCustomContentDirective,
+        TuiTextfieldExampleTextDirective,
+        TuiTextfieldInputModeDirective,
+        TuiTextfieldLabelOutsideDirective,
+        TuiTextfieldMaxLengthDirective,
+        TuiTextfieldSizeDirective,
+        TuiTextfieldTypeDirective,
+        TuiTextfieldIconDirective,
+        TuiTextfieldIconLeftDirective], exports: [TuiTextfieldAutocompleteDirective,
+        TuiTextfieldCleanerDirective,
+        TuiTextfieldCustomContentDirective,
+        TuiTextfieldExampleTextDirective,
+        TuiTextfieldInputModeDirective,
+        TuiTextfieldLabelOutsideDirective,
+        TuiTextfieldMaxLengthDirective,
+        TuiTextfieldSizeDirective,
+        TuiTextfieldTypeDirective,
+        TuiTextfieldIconDirective,
+        TuiTextfieldIconLeftDirective] });
+TuiTextfieldControllerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldControllerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiTextfieldControllerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TuiTextfieldAutocompleteDirective,
+                        TuiTextfieldCleanerDirective,
+                        TuiTextfieldCustomContentDirective,
+                        TuiTextfieldExampleTextDirective,
+                        TuiTextfieldInputModeDirective,
+                        TuiTextfieldLabelOutsideDirective,
+                        TuiTextfieldMaxLengthDirective,
+                        TuiTextfieldSizeDirective,
+                        TuiTextfieldTypeDirective,
+                        TuiTextfieldIconDirective,
+                        TuiTextfieldIconLeftDirective,
+                    ],
+                    exports: [
+                        TuiTextfieldAutocompleteDirective,
+                        TuiTextfieldCleanerDirective,
+                        TuiTextfieldCustomContentDirective,
+                        TuiTextfieldExampleTextDirective,
+                        TuiTextfieldInputModeDirective,
+                        TuiTextfieldLabelOutsideDirective,
+                        TuiTextfieldMaxLengthDirective,
+                        TuiTextfieldSizeDirective,
+                        TuiTextfieldTypeDirective,
+                        TuiTextfieldIconDirective,
+                        TuiTextfieldIconLeftDirective,
+                    ],
+                }]
+        }] });
 
-const TUI_TEXTFIELD_WATCHED_CONTROLLER = new InjectionToken('watched textfield controller');
+const TUI_TEXTFIELD_WATCHED_CONTROLLER = new InjectionToken(`watched textfield controller`);
 /**
  * @deprecated: use {@link tuiTextfieldWatchedControllerFactory} instead
  */
@@ -358,6 +526,8 @@ const TEXTFIELD_CONTROLLER_PROVIDER = [
             TUI_TEXTFIELD_CLEANER,
             TUI_TEXTFIELD_CUSTOM_CONTENT,
             TUI_TEXTFIELD_EXAMPLE_TEXT,
+            TUI_TEXTFIELD_ICON,
+            TUI_TEXTFIELD_ICON_LEFT,
             TUI_TEXTFIELD_INPUT_MODE,
             TUI_TEXTFIELD_LABEL_OUTSIDE,
             TUI_TEXTFIELD_MAX_LENGTH,
@@ -373,5 +543,5 @@ const tuiTextfieldWatchedControllerFactory = textfieldWatchedControllerFactory;
  * Generated bundle index. Do not edit.
  */
 
-export { TEXTFIELD_CONTROLLER_PROVIDER, TUI_TEXTFIELD_AUTOCOMPLETE, TUI_TEXTFIELD_CLEANER, TUI_TEXTFIELD_CUSTOM_CONTENT, TUI_TEXTFIELD_EXAMPLE_TEXT, TUI_TEXTFIELD_INPUT_MODE, TUI_TEXTFIELD_LABEL_OUTSIDE, TUI_TEXTFIELD_MAX_LENGTH, TUI_TEXTFIELD_SIZE, TUI_TEXTFIELD_TYPE, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiTextfieldAutocompleteDirective, TuiTextfieldCleanerDirective, TuiTextfieldController, TuiTextfieldControllerModule, TuiTextfieldCustomContentDirective, TuiTextfieldExampleTextDirective, TuiTextfieldInputModeDirective, TuiTextfieldLabelOutsideDirective, TuiTextfieldMaxLengthDirective, TuiTextfieldSizeDirective, TuiTextfieldTypeDirective, autocompleteDirectiveFactory, cleanerDirectiveFactory, customContentDirectiveFactory, exampleTextDirectiveFactory, inputModeDirectiveFactory, labelOutsideDirectiveFactory, maxLengthDirectiveFactory, sizeDirectiveFactory, textfieldWatchedControllerFactory, tuiTextfieldWatchedControllerFactory, typeDirectiveFactory };
+export { TEXTFIELD_CONTROLLER_PROVIDER, TUI_TEXTFIELD_AUTOCOMPLETE, TUI_TEXTFIELD_CLEANER, TUI_TEXTFIELD_CUSTOM_CONTENT, TUI_TEXTFIELD_EXAMPLE_TEXT, TUI_TEXTFIELD_ICON, TUI_TEXTFIELD_ICON_LEFT, TUI_TEXTFIELD_INPUT_MODE, TUI_TEXTFIELD_LABEL_OUTSIDE, TUI_TEXTFIELD_MAX_LENGTH, TUI_TEXTFIELD_SIZE, TUI_TEXTFIELD_TYPE, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiTextfieldAutocompleteDirective, TuiTextfieldCleanerDirective, TuiTextfieldController, TuiTextfieldControllerModule, TuiTextfieldCustomContentDirective, TuiTextfieldExampleTextDirective, TuiTextfieldIconDirective, TuiTextfieldIconLeftDirective, TuiTextfieldInputModeDirective, TuiTextfieldLabelOutsideDirective, TuiTextfieldMaxLengthDirective, TuiTextfieldSizeDirective, TuiTextfieldTypeDirective, autocompleteDirectiveFactory, cleanerDirectiveFactory, customContentDirectiveFactory, exampleTextDirectiveFactory, inputModeDirectiveFactory, labelOutsideDirectiveFactory, maxLengthDirectiveFactory, sizeDirectiveFactory, textfieldWatchedControllerFactory, tuiIconDirectiveFactory, tuiIconLeftDirectiveFactory, tuiTextfieldWatchedControllerFactory, typeDirectiveFactory };
 //# sourceMappingURL=taiga-ui-core-directives-textfield-controller.js.map