@taiga-ui/core 3.14.0 → 3.15.0

package/bundles/taiga-ui-core-components-primitive-textfield.umd.js

@@ -367,8 +367,8 @@
         function TuiValueDecorationComponent(textfield) {
             var _this = this;
             this.textfield = textfield;
-            this.prefix$ = new i10.BehaviorSubject("");
-            this.pre$ = this.prefix$.pipe(operators.delay(0), operators.filter(function () { var _a; return !!((_a = _this.pre) === null || _a === void 0 ? void 0 : _a.nativeElement.isConnected); }), operators.distinctUntilChanged(), operators.map(function () { var _a; return ((_a = _this.pre) === null || _a === void 0 ? void 0 : _a.nativeElement.offsetWidth) || 0; }));
+            this.prefix$ = new i10.BehaviorSubject('');
+            this.pre$ = this.prefix$.pipe(operators.delay(0), operators.filter(function () { var _a; return !!((_a = _this.pre) === null || _a === void 0 ? void 0 : _a.nativeElement.isConnected); }), operators.map(function () { var _a; return ((_a = _this.pre) === null || _a === void 0 ? void 0 : _a.nativeElement.offsetWidth) || 0; }), operators.distinctUntilChanged());
         }
         Object.defineProperty(TuiValueDecorationComponent.prototype, "isContextTable", {
             get: function () {
@@ -388,23 +388,23 @@
             get: function () {
                 var _b = this, focused = _b.focused, placeholder = _b.placeholder, exampleText = _b.exampleText, value = _b.value, textfield = _b.textfield;
                 if (placeholder && exampleText) {
-                    return "";
+                    return '';
                 }
-                return focused ? exampleText || textfield.filler.slice(value.length) : "";
+                return focused ? exampleText || textfield.filler.slice(value.length) : '';
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TuiValueDecorationComponent.prototype, "prefix", {
             get: function () {
-                return this.decorationsVisible ? this.textfield.prefix : "";
+                return this.decorationsVisible ? this.textfield.prefix : '';
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TuiValueDecorationComponent.prototype, "postfix", {
             get: function () {
-                return this.decorationsVisible ? this.computedPostfix : "";
+                return this.decorationsVisible ? this.computedPostfix : '';
             },
             enumerable: false,
             configurable: true
@@ -415,14 +415,14 @@
         Object.defineProperty(TuiValueDecorationComponent.prototype, "placeholder", {
             get: function () {
                 var _a;
-                return ((_a = this.textfield.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.placeholder) || "";
+                return ((_a = this.textfield.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.placeholder) || '';
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TuiValueDecorationComponent.prototype, "exampleText", {
             get: function () {
-                return !this.value && this.focused ? this.placeholder : "";
+                return !this.value && this.focused ? this.placeholder : '';
             },
             enumerable: false,
             configurable: true
@@ -457,9 +457,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiValueDecorationComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-value-decoration",
-                        templateUrl: "./value-decoration.template.html",
-                        styleUrls: ["./value-decoration.style.less"],
+                        selector: 'tui-value-decoration',
+                        templateUrl: './value-decoration.template.html',
+                        styleUrls: ['./value-decoration.style.less'],
                         // It follows Change Detection of PrimitiveTextfield
                         changeDetection: i0.ChangeDetectionStrategy.Default,
                     }]
@@ -470,13 +470,13 @@
                         }] }];
         }, propDecorators: { pre: [{
                     type: i0.ViewChild,
-                    args: ["pre", { read: i0.ElementRef, static: true }]
+                    args: ['pre', { read: i0.ElementRef, static: true }]
                 }], isContextTable: [{
                     type: i0.HostBinding,
-                    args: ["class._table"]
+                    args: ['class._table']
                 }], ngDoCheck: [{
                     type: i0.HostListener,
-                    args: ["animationstart"]
+                    args: ['animationstart']
                 }] } });
 
     var ICON_PADDING = 1.75;
@@ -493,7 +493,7 @@
             _this.elementRef = elementRef;
             _this.editable = true;
             /** @deprecated use `tuiTextfieldFiller` from {@link TuiTextfieldControllerModule} instead */
-            _this.textfieldFiller = "";
+            _this.textfieldFiller = '';
             /**
              * @deprecated:
              * use `tuiTextfieldOptionsProvider({iconCleaner: `tuiIconChevronUp`})`
@@ -503,10 +503,10 @@
             _this.invalid = false;
             _this.disabled = false;
             /** @deprecated use `tuiTextfieldPrefix` from {@link TuiTextfieldControllerModule} instead */
-            _this.textfieldPrefix = "";
+            _this.textfieldPrefix = '';
             /** @deprecated use `tuiTextfieldPostfix` from {@link TuiTextfieldControllerModule} instead */
-            _this.textfieldPostfix = "";
-            _this.value = "";
+            _this.textfieldPostfix = '';
+            _this.value = '';
             _this.valueChange = new i0.EventEmitter();
             _this.autofilled = false;
             return _this;
@@ -609,7 +609,7 @@
             get: function () {
                 return (this.focused &&
                     this.placeholderVisible &&
-                    (this.size === "s" || (this.size === "m" && !this.placeholderRaisable)));
+                    (this.size === 's' || (this.size === 'm' && !this.placeholderRaisable)));
             },
             enumerable: false,
             configurable: true
@@ -672,8 +672,8 @@
             // Safari expiration date autofill workaround
             get: function () {
                 var _a;
-                return ((_a = this.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.autocomplete) === "cc-exp"
-                    ? "ccexpiryyear"
+                return ((_a = this.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.autocomplete) === 'cc-exp'
+                    ? 'ccexpiryyear'
                     : null;
             },
             enumerable: false,
@@ -682,7 +682,7 @@
         Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "computedId", {
             get: function () {
                 var _a;
-                return ((_a = this.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.id) || "";
+                return ((_a = this.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.id) || '';
             },
             enumerable: false,
             configurable: true
@@ -691,13 +691,13 @@
             this.updateFocused(focused);
         };
         TuiPrimitiveTextfieldComponent.prototype.getIndent$ = function (element) {
-            return i10.fromEvent(element, "scroll").pipe(operators.map(function () { return -1 * element.scrollLeft; }));
+            return i10.fromEvent(element, 'scroll').pipe(operators.map(function () { return -1 * element.scrollLeft; }));
         };
         TuiPrimitiveTextfieldComponent.prototype.clear = function () {
             if (this.nativeFocusableElement) {
-                this.nativeFocusableElement.value = "";
+                this.nativeFocusableElement.value = '';
             }
-            this.updateValue("");
+            this.updateValue('');
         };
         TuiPrimitiveTextfieldComponent.prototype.onMouseDown = function (event) {
             var nativeFocusableElement = this.nativeFocusableElement;
@@ -715,14 +715,14 @@
         };
         Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "iconPaddingLeft", {
             get: function () {
-                return this.size === "s" ? ICON_PADDING_S : ICON_PADDING;
+                return this.size === 's' ? ICON_PADDING_S : ICON_PADDING;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "placeholderRaisable", {
             get: function () {
-                return this.size !== "s" && !this.controller.labelOutside;
+                return this.size !== 's' && !this.controller.labelOutside;
             },
             enumerable: false,
             configurable: true
@@ -778,9 +778,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiPrimitiveTextfieldComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-primitive-textfield",
-                        templateUrl: "./primitive-textfield.template.html",
-                        styleUrls: ["./primitive-textfield.style.less"],
+                        selector: 'tui-primitive-textfield',
+                        templateUrl: './primitive-textfield.template.html',
+                        styleUrls: ['./primitive-textfield.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [
                             i6.tuiAsFocusableItemAccessor(TuiPrimitiveTextfieldComponent),
@@ -788,9 +788,9 @@
                             providers.MODE_PROVIDER,
                         ],
                         host: {
-                            '($.data-mode.attr)': "mode$",
-                            '[class._autofilled]': "autofilled",
-                            '[class._label-outside]': "controller.labelOutside",
+                            '($.data-mode.attr)': 'mode$',
+                            '[class._autofilled]': 'autofilled',
+                            '[class._label-outside]': 'controller.labelOutside',
                         },
                     }]
             }], ctorParameters: function () {
@@ -817,29 +817,29 @@
                         }] }];
         }, propDecorators: { focusableElement: [{
                     type: i0.ViewChild,
-                    args: ["focusableElement"]
+                    args: ['focusableElement']
                 }], editable: [{
                     type: i0.Input
                 }], textfieldFiller: [{
                     type: i0.Input,
-                    args: ["filler"]
+                    args: ['filler']
                 }], iconCleaner: [{
                     type: i0.Input
                 }], readOnly: [{
                     type: i0.Input
                 }, {
                     type: i0.HostBinding,
-                    args: ["class._readonly"]
+                    args: ['class._readonly']
                 }], invalid: [{
                     type: i0.Input
                 }], disabled: [{
                     type: i0.Input
                 }], textfieldPrefix: [{
                     type: i0.Input,
-                    args: ["prefix"]
+                    args: ['prefix']
                 }], textfieldPostfix: [{
                     type: i0.Input,
-                    args: ["postfix"]
+                    args: ['postfix']
                 }], value: [{
                     type: i0.Input
                 }], valueChange: [{
@@ -849,25 +849,25 @@
                     args: [i9.PolymorpheusOutletDirective, { descendants: true }]
                 }], size: [{
                     type: i0.HostBinding,
-                    args: ["attr.data-size"]
+                    args: ['attr.data-size']
                 }], computedInvalid: [{
                     type: i0.HostBinding,
-                    args: ["class._invalid"]
+                    args: ['class._invalid']
                 }], inputHidden: [{
                     type: i0.HostBinding,
-                    args: ["class._hidden"]
+                    args: ['class._hidden']
                 }], borderStart: [{
                     type: i0.HostBinding,
-                    args: ["style.--border-start.rem"]
+                    args: ['style.--border-start.rem']
                 }], borderEnd: [{
                     type: i0.HostBinding,
-                    args: ["style.--border-end.rem"]
+                    args: ['style.--border-end.rem']
                 }], onFocused: [{
                     type: i0.HostListener,
-                    args: ["focusin", ["true"]]
+                    args: ['focusin', ['true']]
                 }, {
                     type: i0.HostListener,
-                    args: ["focusout", ["false"]]
+                    args: ['focusout', ['false']]
                 }], getIndent$: [] } });
 
     var TuiPrimitiveTextfieldDirective = /** @class */ (function (_super) {
@@ -900,7 +900,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiPrimitiveTextfieldDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "tui-primitive-textfield",
+                        selector: 'tui-primitive-textfield',
                         providers: [tokens.tuiAsTextfieldHost(TuiPrimitiveTextfieldDirective)],
                     }]
             }], ctorParameters: function () {
@@ -928,23 +928,23 @@
         return TuiTextfieldComponent;
     }());
     TuiTextfieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldComponent, deps: [{ token: tokens.TUI_TEXTFIELD_HOST }, { token: i1$1.TUI_TEXTFIELD_WATCHED_CONTROLLER }, { token: i0.ElementRef }, { token: i6.TuiIdService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiTextfieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]", host: { attributes: { "type": "text" }, listeners: { "input": "host.onValueChange($event.target.value)" }, properties: { "attr.aria-invalid": "host.invalid", "attr.disabled": "host.disabled || null", "tabIndex": "host.focusable ? 0 : -1", "readOnly": "host.readOnly", "value": "host.value", "id": "this.id" } }, providers: [i1$1.TEXTFIELD_CONTROLLER_PROVIDER], ngImport: i0__namespace, template: "", isInline: true, styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:solid transparent;border-width:0 var(--border-end, 0) 0 var(--border-start, 0);border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}:host:-webkit-autofill,:host:-webkit-autofill:hover,:host:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}:host[data-mode=onDark] :host:-webkit-autofill,:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"]):-webkit-autofill,:host :host-context(tui-text-area[data-mode=\"onDark\"]):-webkit-autofill,:host[data-mode=onDark] :host:-webkit-autofill:hover,:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"]):-webkit-autofill:hover,:host :host-context(tui-text-area[data-mode=\"onDark\"]):-webkit-autofill:hover,:host[data-mode=onDark] :host:-webkit-autofill:focus,:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"]):-webkit-autofill:focus,:host :host-context(tui-text-area[data-mode=\"onDark\"]):-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}:host[data-size=s] :host,:host :host-context(tui-primitive-textfield[data-size=\"s\"]):not(tui-primitive-textfield),:host :host-context(tui-text-area[data-size=\"s\"]):not(tui-text-area){padding:0 var(--tui-padding-s)}:host[data-size=l] :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]):not(tui-primitive-textfield),:host :host-context(tui-text-area[data-size=\"l\"]):not(tui-text-area){padding:0 var(--tui-padding-l)}:host._disabled :host,:host :host-context(tui-primitive-textfield._disabled),:host :host-context(tui-text-area._disabled){pointer-events:none}:host[data-size=l]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.25rem}:host[data-size=l]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder,:host :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-size=m]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.125rem}:host[data-size=m]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder,:host :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}:host._hidden input:host,:host :host-context(tui-primitive-textfield._hidden){opacity:0;text-indent:-10em;-webkit-user-select:none}:host::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}:host::placeholder{color:var(--tui-text-03);opacity:0}:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"])::-ms-input-placeholder,:host :host-context(tui-text-area[data-mode=\"onDark\"])::-ms-input-placeholder{color:var(--tui-text-03-night)}:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"])::placeholder,:host :host-context(tui-text-area[data-mode=\"onDark\"])::placeholder{color:var(--tui-text-03-night)}:host :host-context(tui-primitive-textfield._focused:not(._readonly))::-ms-input-placeholder,:host :host-context(tui-text-area._focused:not(._readonly))::-ms-input-placeholder{opacity:1}:host :host-context(tui-primitive-textfield._focused:not(._readonly))::placeholder,:host :host-context(tui-text-area._focused:not(._readonly))::placeholder{opacity:1}:host::-webkit-caps-lock-indicator,:host::-webkit-contacts-auto-fill-button,:host::-webkit-credit-card-auto-fill-button,:host::-webkit-credentials-auto-fill-button,:host::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}textarea:host{white-space:normal}textarea:host :host-context(tui-text-area._ios){padding-left:.8125rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiTextfieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]", host: { attributes: { "type": "text" }, listeners: { "input": "host.onValueChange($event.target.value)" }, properties: { "attr.aria-invalid": "host.invalid", "attr.disabled": "host.disabled || null", "tabIndex": "host.focusable ? 0 : -1", "readOnly": "host.readOnly", "value": "host.value", "id": "this.id" } }, providers: [i1$1.TEXTFIELD_CONTROLLER_PROVIDER], ngImport: i0__namespace, template: '', isInline: true, styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:solid transparent;border-width:0 var(--border-end, 0) 0 var(--border-start, 0);border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}:host:-webkit-autofill,:host:-webkit-autofill:hover,:host:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}:host[data-mode=onDark] :host:-webkit-autofill,:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"]):-webkit-autofill,:host :host-context(tui-text-area[data-mode=\"onDark\"]):-webkit-autofill,:host[data-mode=onDark] :host:-webkit-autofill:hover,:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"]):-webkit-autofill:hover,:host :host-context(tui-text-area[data-mode=\"onDark\"]):-webkit-autofill:hover,:host[data-mode=onDark] :host:-webkit-autofill:focus,:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"]):-webkit-autofill:focus,:host :host-context(tui-text-area[data-mode=\"onDark\"]):-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}:host[data-size=s] :host,:host :host-context(tui-primitive-textfield[data-size=\"s\"]):not(tui-primitive-textfield),:host :host-context(tui-text-area[data-size=\"s\"]):not(tui-text-area){padding:0 var(--tui-padding-s)}:host[data-size=l] :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]):not(tui-primitive-textfield),:host :host-context(tui-text-area[data-size=\"l\"]):not(tui-text-area){padding:0 var(--tui-padding-l)}:host._disabled :host,:host :host-context(tui-primitive-textfield._disabled),:host :host-context(tui-text-area._disabled){pointer-events:none}:host[data-size=l]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.25rem}:host[data-size=l]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder,:host :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-size=m]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.125rem}:host[data-size=m]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder,:host :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}:host._hidden input:host,:host :host-context(tui-primitive-textfield._hidden){opacity:0;text-indent:-10em;-webkit-user-select:none}:host::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}:host::placeholder{color:var(--tui-text-03);opacity:0}:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"])::-ms-input-placeholder,:host :host-context(tui-text-area[data-mode=\"onDark\"])::-ms-input-placeholder{color:var(--tui-text-03-night)}:host :host-context(tui-primitive-textfield[data-mode=\"onDark\"])::placeholder,:host :host-context(tui-text-area[data-mode=\"onDark\"])::placeholder{color:var(--tui-text-03-night)}:host :host-context(tui-primitive-textfield._focused:not(._readonly))::-ms-input-placeholder,:host :host-context(tui-text-area._focused:not(._readonly))::-ms-input-placeholder{opacity:1}:host :host-context(tui-primitive-textfield._focused:not(._readonly))::placeholder,:host :host-context(tui-text-area._focused:not(._readonly))::placeholder{opacity:1}:host::-webkit-caps-lock-indicator,:host::-webkit-contacts-auto-fill-button,:host::-webkit-credit-card-auto-fill-button,:host::-webkit-credentials-auto-fill-button,:host::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}textarea:host{white-space:normal}textarea:host :host-context(tui-text-area._ios){padding-left:.8125rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiTextfieldComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "input[tuiTextfield], textarea[tuiTextfield]",
-                        template: "",
+                        selector: 'input[tuiTextfield], textarea[tuiTextfield]',
+                        template: '',
                         providers: [i1$1.TEXTFIELD_CONTROLLER_PROVIDER],
                         host: {
-                            type: "text",
-                            '[attr.aria-invalid]': "host.invalid",
-                            '[attr.disabled]': "host.disabled || null",
-                            '[tabIndex]': "host.focusable ? 0 : -1",
-                            '[readOnly]': "host.readOnly",
-                            '[value]': "host.value",
-                            '(input)': "host.onValueChange($event.target.value)",
+                            type: 'text',
+                            '[attr.aria-invalid]': 'host.invalid',
+                            '[attr.disabled]': 'host.disabled || null',
+                            '[tabIndex]': 'host.focusable ? 0 : -1',
+                            '[readOnly]': 'host.readOnly',
+                            '[value]': 'host.value',
+                            '(input)': 'host.onValueChange($event.target.value)',
                         },
-                        styleUrls: ["./textfield.style.less"],
+                        styleUrls: ['./textfield.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () {
@@ -963,7 +963,7 @@
                         }] }];
         }, propDecorators: { id: [{
                     type: i0.HostBinding,
-                    args: ["id"]
+                    args: ['id']
                 }] } });
 
     var TuiPrimitiveTextfieldModule = /** @class */ (function () {