@taiga-ui/core 3.18.0 → 3.19.0

package/bundles/taiga-ui-core-directives-textfield-controller.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/core/directives/textfield-controller', ['exports', '@angular/core', '@taiga-ui/cdk', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.directives = global["taiga-ui"].core.directives || {}, global["taiga-ui"].core.directives["textfield-controller"] = {}), global.ng.core, global.cdk, global.rxjs, global.rxjs.operators));
-})(this, (function (exports, i0, cdk, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core/tokens'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/core/directives/textfield-controller', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core/tokens', 'rxjs', 'rxjs/operators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.directives = global["taiga-ui"].core.directives || {}, global["taiga-ui"].core.directives["textfield-controller"] = {}), global.ng.core, global.cdk, global["taiga-ui"].core.tokens, global.rxjs, global.rxjs.operators));
+})(this, (function (exports, i0, cdk, tokens, rxjs, operators) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,9 +25,11 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
     var TuiTextfieldController = /** @class */ (function () {
-        function TuiTextfieldController(change$, options, cleanerDirective, customContentDirective, iconDirective, iconLeftDirective, labelOutsideDirective, sizeDirective, prefixDirective, postfixDirective, fillerDirective) {
+        function TuiTextfieldController(change$, options, legacyAppearance, appearanceDirective, cleanerDirective, customContentDirective, iconDirective, iconLeftDirective, labelOutsideDirective, sizeDirective, prefixDirective, postfixDirective, fillerDirective) {
             this.change$ = change$;
             this.options = options;
+            this.legacyAppearance = legacyAppearance;
+            this.appearanceDirective = appearanceDirective;
             this.cleanerDirective = cleanerDirective;
             this.customContentDirective = customContentDirective;
             this.iconDirective = iconDirective;
@@ -38,6 +40,13 @@
             this.postfixDirective = postfixDirective;
             this.fillerDirective = fillerDirective;
         }
+        Object.defineProperty(TuiTextfieldController.prototype, "appearance", {
+            get: function () {
+                return this.appearanceDirective.appearance || this.legacyAppearance;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TuiTextfieldController.prototype, "cleaner", {
             get: function () {
                 return this.cleanerDirective.cleaner;
@@ -104,7 +113,7 @@
         return TuiTextfieldController;
     }());
 
-    /******************************************************************************
+    /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -202,7 +211,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (g && (g = 0, op[0] && (_ = 0)), _)
+            while (_)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -266,11 +275,7 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-            desc = { enumerable: true, get: function () { return m[k]; } };
-        }
-        Object.defineProperty(o, k2, desc);
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -343,7 +348,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || Array.prototype.slice.call(from));
+        return to.concat(ar || from);
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -425,11 +430,44 @@
             throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
-    function __classPrivateFieldIn(state, receiver) {
-        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-            throw new TypeError("Cannot use 'in' operator on non-object");
-        return typeof state === "function" ? receiver === state : state.has(receiver);
-    }
+
+    // TODO: rename to TUI_TEXTFIELD_APPEARANCE in v4
+    var TUI_TEXTFIELD_APPEARANCE_DIRECTIVE = new i0.InjectionToken('[TUI_TEXTFIELD_APPEARANCE_DIRECTIVE]: tuiTextfieldAppearance', {
+        factory: function () { return new TuiTextfieldAppearanceDirective(); },
+    });
+    var TuiTextfieldAppearanceDirective = /** @class */ (function (_super) {
+        __extends(TuiTextfieldAppearanceDirective, _super);
+        function TuiTextfieldAppearanceDirective() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            // it's an empty string by default for backward compatibility
+            // (see comment https://github.com/Tinkoff/taiga-ui/pull/3007#issuecomment-1315179508)
+            _this.appearance = '';
+            return _this;
+        }
+        return TuiTextfieldAppearanceDirective;
+    }(cdk.AbstractTuiController));
+    TuiTextfieldAppearanceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldAppearanceDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldAppearanceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldAppearanceDirective, selector: "[tuiTextfieldAppearance]", inputs: { appearance: ["tuiTextfieldAppearance", "appearance"] }, providers: [
+            {
+                provide: TUI_TEXTFIELD_APPEARANCE_DIRECTIVE,
+                useExisting: i0.forwardRef(function () { return TuiTextfieldAppearanceDirective; }),
+            },
+        ], usesInheritance: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldAppearanceDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[tuiTextfieldAppearance]',
+                        providers: [
+                            {
+                                provide: TUI_TEXTFIELD_APPEARANCE_DIRECTIVE,
+                                useExisting: i0.forwardRef(function () { return TuiTextfieldAppearanceDirective; }),
+                            },
+                        ],
+                    }]
+            }], propDecorators: { appearance: [{
+                    type: i0.Input,
+                    args: ['tuiTextfieldAppearance']
+                }] } });
 
     var TUI_TEXTFIELD_CLEANER = new i0.InjectionToken('[TUI_TEXTFIELD_CLEANER]: tuiTextfieldCleaner', {
         factory: function () { return new TuiTextfieldCleanerDirective(); },
@@ -443,14 +481,14 @@
         }
         return TuiTextfieldCleanerDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldCleanerDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldCleanerDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldCleanerDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldCleanerDirective, selector: "[tuiTextfieldCleaner]", inputs: { cleaner: ["tuiTextfieldCleaner", "cleaner"] }, providers: [
+    TuiTextfieldCleanerDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldCleanerDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldCleanerDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldCleanerDirective, selector: "[tuiTextfieldCleaner]", inputs: { cleaner: ["tuiTextfieldCleaner", "cleaner"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_CLEANER,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldCleanerDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldCleanerDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldCleanerDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldCleaner]',
@@ -478,14 +516,14 @@
         }
         return TuiTextfieldCustomContentDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldCustomContentDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldCustomContentDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldCustomContentDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldCustomContentDirective, selector: "[tuiTextfieldCustomContent]", inputs: { customContent: ["tuiTextfieldCustomContent", "customContent"] }, providers: [
+    TuiTextfieldCustomContentDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldCustomContentDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldCustomContentDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldCustomContentDirective, selector: "[tuiTextfieldCustomContent]", inputs: { customContent: ["tuiTextfieldCustomContent", "customContent"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_CUSTOM_CONTENT,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldCustomContentDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldCustomContentDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldCustomContentDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldCustomContent]',
@@ -513,14 +551,14 @@
         }
         return TuiTextfieldFillerDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldFillerDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldFillerDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldFillerDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldFillerDirective, selector: "[tuiTextfieldFiller]", inputs: { filler: ["tuiTextfieldFiller", "filler"] }, providers: [
+    TuiTextfieldFillerDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldFillerDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldFillerDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldFillerDirective, selector: "[tuiTextfieldFiller]", inputs: { filler: ["tuiTextfieldFiller", "filler"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_FILLER,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldFillerDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldFillerDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldFillerDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldFiller]',
@@ -548,14 +586,14 @@
         }
         return TuiTextfieldIconDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldIconDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldIconDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldIconDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: { icon: ["tuiTextfieldIcon", "icon"] }, providers: [
+    TuiTextfieldIconDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldIconDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldIconDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: { icon: ["tuiTextfieldIcon", "icon"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_ICON,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldIconDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldIconDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldIconDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldIcon]',
@@ -586,14 +624,14 @@
         }
         return TuiTextfieldIconLeftDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldIconLeftDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldIconLeftDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldIconLeftDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldIconLeftDirective, selector: "[tuiTextfieldIconLeft]", inputs: { iconLeft: ["tuiTextfieldIconLeft", "iconLeft"] }, providers: [
+    TuiTextfieldIconLeftDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldIconLeftDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldIconLeftDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldIconLeftDirective, selector: "[tuiTextfieldIconLeft]", inputs: { iconLeft: ["tuiTextfieldIconLeft", "iconLeft"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_ICON_LEFT,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldIconLeftDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldIconLeftDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldIconLeftDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldIconLeft]',
@@ -624,14 +662,14 @@
         }
         return TuiTextfieldLabelOutsideDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldLabelOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldLabelOutsideDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldLabelOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: { labelOutside: ["tuiTextfieldLabelOutside", "labelOutside"] }, providers: [
+    TuiTextfieldLabelOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldLabelOutsideDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldLabelOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: { labelOutside: ["tuiTextfieldLabelOutside", "labelOutside"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_LABEL_OUTSIDE,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldLabelOutsideDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldLabelOutsideDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldLabelOutsideDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldLabelOutside]',
@@ -659,14 +697,14 @@
         }
         return TuiTextfieldPostfixDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldPostfixDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldPostfixDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldPostfixDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldPostfixDirective, selector: "[tuiTextfieldPostfix]", inputs: { postfix: ["tuiTextfieldPostfix", "postfix"] }, providers: [
+    TuiTextfieldPostfixDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldPostfixDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldPostfixDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldPostfixDirective, selector: "[tuiTextfieldPostfix]", inputs: { postfix: ["tuiTextfieldPostfix", "postfix"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_POSTFIX,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldPostfixDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldPostfixDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldPostfixDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldPostfix]',
@@ -694,14 +732,14 @@
         }
         return TuiTextfieldPrefixDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldPrefixDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldPrefixDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldPrefixDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldPrefixDirective, selector: "[tuiTextfieldPrefix]", inputs: { prefix: ["tuiTextfieldPrefix", "prefix"] }, providers: [
+    TuiTextfieldPrefixDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldPrefixDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldPrefixDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldPrefixDirective, selector: "[tuiTextfieldPrefix]", inputs: { prefix: ["tuiTextfieldPrefix", "prefix"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_PREFIX,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldPrefixDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldPrefixDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldPrefixDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldPrefix]',
@@ -729,14 +767,14 @@
         }
         return TuiTextfieldSizeDirective;
     }(cdk.AbstractTuiController));
-    TuiTextfieldSizeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldSizeDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiTextfieldSizeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: { size: ["tuiTextfieldSize", "size"] }, providers: [
+    TuiTextfieldSizeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldSizeDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiTextfieldSizeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: { size: ["tuiTextfieldSize", "size"] }, providers: [
             {
                 provide: TUI_TEXTFIELD_SIZE,
                 useExisting: i0.forwardRef(function () { return TuiTextfieldSizeDirective; }),
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldSizeDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldSizeDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiTextfieldSize]',
@@ -757,8 +795,9 @@
         }
         return TuiTextfieldControllerModule;
     }());
-    TuiTextfieldControllerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldControllerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    TuiTextfieldControllerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldControllerModule, declarations: [TuiTextfieldCleanerDirective,
+    TuiTextfieldControllerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldControllerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiTextfieldControllerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldControllerModule, declarations: [TuiTextfieldAppearanceDirective,
+            TuiTextfieldCleanerDirective,
             TuiTextfieldCustomContentDirective,
             TuiTextfieldLabelOutsideDirective,
             TuiTextfieldSizeDirective,
@@ -766,7 +805,8 @@
             TuiTextfieldIconLeftDirective,
             TuiTextfieldPrefixDirective,
             TuiTextfieldPostfixDirective,
-            TuiTextfieldFillerDirective], exports: [TuiTextfieldCleanerDirective,
+            TuiTextfieldFillerDirective], exports: [TuiTextfieldAppearanceDirective,
+            TuiTextfieldCleanerDirective,
             TuiTextfieldCustomContentDirective,
             TuiTextfieldLabelOutsideDirective,
             TuiTextfieldSizeDirective,
@@ -775,11 +815,12 @@
             TuiTextfieldPrefixDirective,
             TuiTextfieldPostfixDirective,
             TuiTextfieldFillerDirective] });
-    TuiTextfieldControllerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldControllerModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldControllerModule, decorators: [{
+    TuiTextfieldControllerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldControllerModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTextfieldControllerModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
+                            TuiTextfieldAppearanceDirective,
                             TuiTextfieldCleanerDirective,
                             TuiTextfieldCustomContentDirective,
                             TuiTextfieldLabelOutsideDirective,
@@ -791,6 +832,7 @@
                             TuiTextfieldFillerDirective,
                         ],
                         exports: [
+                            TuiTextfieldAppearanceDirective,
                             TuiTextfieldCleanerDirective,
                             TuiTextfieldCustomContentDirective,
                             TuiTextfieldLabelOutsideDirective,
@@ -826,6 +868,8 @@
                 i0.ChangeDetectorRef,
                 cdk.TuiDestroyService,
                 TUI_TEXTFIELD_OPTIONS,
+                tokens.TUI_TEXTFIELD_APPEARANCE,
+                TUI_TEXTFIELD_APPEARANCE_DIRECTIVE,
                 TUI_TEXTFIELD_CLEANER,
                 TUI_TEXTFIELD_CUSTOM_CONTENT,
                 TUI_TEXTFIELD_ICON,
@@ -836,17 +880,17 @@
                 TUI_TEXTFIELD_POSTFIX,
                 TUI_TEXTFIELD_FILLER,
             ],
-            useFactory: function (changeDetectorRef, destroy$, options) {
+            useFactory: function (changeDetectorRef, destroy$, options, legacyAppearance) {
                 var controllers = [];
-                for (var _i = 3; _i < arguments.length; _i++) {
-                    controllers[_i - 3] = arguments[_i];
+                for (var _i = 4; _i < arguments.length; _i++) {
+                    controllers[_i - 4] = arguments[_i];
                 }
                 var change$ = rxjs.merge.apply(void 0, __spreadArray([], __read(controllers.map(function (_a) {
                     var change$ = _a.change$;
                     return change$ || rxjs.NEVER;
                 })))).pipe(cdk.tuiWatch(changeDetectorRef), operators.takeUntil(destroy$));
                 change$.subscribe();
-                return new (TuiTextfieldController.bind.apply(TuiTextfieldController, __spreadArray([void 0, change$, options], __read(controllers))))();
+                return new (TuiTextfieldController.bind.apply(TuiTextfieldController, __spreadArray([void 0, change$, options, legacyAppearance], __read(controllers))))();
             },
         },
     ];
@@ -856,6 +900,7 @@
      */
 
     exports.TEXTFIELD_CONTROLLER_PROVIDER = TEXTFIELD_CONTROLLER_PROVIDER;
+    exports.TUI_TEXTFIELD_APPEARANCE_DIRECTIVE = TUI_TEXTFIELD_APPEARANCE_DIRECTIVE;
     exports.TUI_TEXTFIELD_CLEANER = TUI_TEXTFIELD_CLEANER;
     exports.TUI_TEXTFIELD_CUSTOM_CONTENT = TUI_TEXTFIELD_CUSTOM_CONTENT;
     exports.TUI_TEXTFIELD_DEFAULT_OPTIONS = TUI_TEXTFIELD_DEFAULT_OPTIONS;
@@ -868,6 +913,7 @@
     exports.TUI_TEXTFIELD_PREFIX = TUI_TEXTFIELD_PREFIX;
     exports.TUI_TEXTFIELD_SIZE = TUI_TEXTFIELD_SIZE;
     exports.TUI_TEXTFIELD_WATCHED_CONTROLLER = TUI_TEXTFIELD_WATCHED_CONTROLLER;
+    exports.TuiTextfieldAppearanceDirective = TuiTextfieldAppearanceDirective;
     exports.TuiTextfieldCleanerDirective = TuiTextfieldCleanerDirective;
     exports.TuiTextfieldController = TuiTextfieldController;
     exports.TuiTextfieldControllerModule = TuiTextfieldControllerModule;