@taiga-ui/core 2.74.0 → 2.76.0

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

@@ -69,6 +69,51 @@
         return function (target, key) { decorator(target, key, paramIndex); }
     }
 
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0) continue;
+                if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+                if (_ = accept(result.get)) descriptor.get = _;
+                if (_ = accept(result.set)) descriptor.set = _;
+                if (_ = accept(result.init)) initializers.push(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field") initializers.push(_);
+                else descriptor[key] = _;
+            }
+        }
+        if (target) Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    };
+
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    };
+
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    };
+
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    };
+
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
     }
@@ -201,7 +246,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
     }
 
     function __asyncValues(o) {
@@ -291,7 +336,7 @@
             _this.options = options;
             _this.elementRef = elementRef;
             _this.editable = true;
-            _this.filler = "";
+            _this.filler = '';
             _this.iconAlign = _this.options.iconAlign;
             // TODO: 3.0 Remove null
             _this.iconContent = null;
@@ -299,9 +344,9 @@
             _this.readOnly = false;
             _this.invalid = false;
             _this.disabled = false;
-            _this.prefix = "";
-            _this.postfix = "";
-            _this.value = "";
+            _this.prefix = '';
+            _this.postfix = '';
+            _this.value = '';
             _this.valueChange = new core.EventEmitter();
             /**
              * @deprecated TODO: 3.0 remove
@@ -385,7 +430,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: true,
             configurable: true
@@ -434,14 +479,14 @@
         });
         Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "iconAlignLeft", {
             get: function () {
-                return this.hasIcon && this.iconAlign === "left";
+                return this.hasIcon && this.iconAlign === 'left';
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "iconAlignRight", {
             get: function () {
-                return this.hasIcon && this.iconAlign === "right";
+                return this.hasIcon && this.iconAlign === 'right';
             },
             enumerable: true,
             configurable: true
@@ -450,7 +495,7 @@
             // Safari expiration date autofill workaround
             get: function () {
                 return this.controller.autocomplete === "cc-exp" /* CcExp */
-                    ? "ccexpiryyear"
+                    ? 'ccexpiryyear'
                     : null;
             },
             enumerable: true,
@@ -459,7 +504,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: true,
             configurable: true
@@ -468,13 +513,13 @@
             this.updateFocused(focused);
         };
         TuiPrimitiveTextfieldComponent.prototype.getIndent$ = function (element) {
-            return rxjs.fromEvent(element, "scroll").pipe(operators.map(function () { return -1 * element.scrollLeft; }));
+            return rxjs.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;
@@ -495,14 +540,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: true,
             configurable: true
         });
         Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "placeholderRaisable", {
             get: function () {
-                return this.size !== "s" && !this.controller.labelOutside;
+                return this.size !== 's' && !this.controller.labelOutside;
             },
             enumerable: true,
             configurable: true
@@ -534,7 +579,7 @@
             { type: core.ElementRef, decorators: [{ type: core.Inject, args: [core.ElementRef,] }] }
         ]; };
         __decorate([
-            core.ViewChild("focusableElement")
+            core.ViewChild('focusableElement')
         ], TuiPrimitiveTextfieldComponent.prototype, "focusableElement", void 0);
         __decorate([
             core.Input(),
@@ -558,7 +603,7 @@
         ], TuiPrimitiveTextfieldComponent.prototype, "iconCleaner", void 0);
         __decorate([
             core.Input(),
-            core.HostBinding("class._readonly"),
+            core.HostBinding('class._readonly'),
             cdk.tuiDefaultProp()
         ], TuiPrimitiveTextfieldComponent.prototype, "readOnly", void 0);
         __decorate([
@@ -591,37 +636,37 @@
             core.ContentChildren(ngPolymorpheus.PolymorpheusOutletComponent)
         ], TuiPrimitiveTextfieldComponent.prototype, "content", void 0);
         __decorate([
-            core.HostBinding("attr.data-size")
+            core.HostBinding('attr.data-size')
         ], TuiPrimitiveTextfieldComponent.prototype, "size", null);
         __decorate([
-            core.HostBinding("class._invalid")
+            core.HostBinding('class._invalid')
         ], TuiPrimitiveTextfieldComponent.prototype, "computedInvalid", null);
         __decorate([
-            core.HostBinding("class._hidden")
+            core.HostBinding('class._hidden')
         ], TuiPrimitiveTextfieldComponent.prototype, "inputHidden", null);
         __decorate([
-            core.HostBinding("style.--border-start.rem")
+            core.HostBinding('style.--border-start.rem')
         ], TuiPrimitiveTextfieldComponent.prototype, "borderStart", null);
         __decorate([
-            core.HostBinding("style.--border-end.rem")
+            core.HostBinding('style.--border-end.rem')
         ], TuiPrimitiveTextfieldComponent.prototype, "borderEnd", null);
         __decorate([
-            core.HostListener("focusin", ["true"]),
-            core.HostListener("focusout", ["false"])
+            core.HostListener('focusin', ['true']),
+            core.HostListener('focusout', ['false'])
         ], TuiPrimitiveTextfieldComponent.prototype, "onFocused", null);
         __decorate([
             cdk.tuiPure
         ], TuiPrimitiveTextfieldComponent.prototype, "getIndent$", null);
         TuiPrimitiveTextfieldComponent = __decorate([
             core.Component({
-                selector: "tui-primitive-textfield",
+                selector: 'tui-primitive-textfield',
                 template: "<ng-container *ngIf=\"content?.changes | async\"></ng-container>\n<tui-wrapper\n    automation-id=\"tui-primitive-textfield__wrapper\"\n    [appearance]=\"appearance\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n    [style.--text-indent.px]=\"decor.pre$ | async\"\n    (mousedown)=\"onMouseDown($event)\"\n    (click.prevent.silent)=\"(0)\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (tuiAutofilledChange)=\"onAutofilled($event)\"\n>\n    <ng-content select=\"input\"></ng-content>\n    <input\n        #focusableElement\n        tuiMaskAccessor\n        automation-id=\"tui-primitive-textfield__native-input\"\n        class=\"t-input\"\n        [attr.disabled]=\"computedDisabled || null\"\n        [attr.maxLength]=\"controller.maxLength\"\n        [attr.name]=\"name\"\n        [attr.aria-placeholder]=\"controller.exampleText\"\n        [attr.aria-invalid]=\"computedInvalid\"\n        [autocomplete]=\"controller.autocomplete\"\n        [type]=\"controller.type\"\n        [id]=\"id\"\n        [readOnly]=\"readOnly || !editable\"\n        [tuiInputMode]=\"controller.inputMode\"\n        [tuiFocusable]=\"computedFocusable\"\n        [tuiDescribedBy]=\"id\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n    />\n    <div\n        *ngIf=\"inputHidden\"\n        automation-id=\"tui-primitive-textfield__value\"\n        class=\"t-input t-input_template\"\n    >\n        <ng-content select=\"[polymorpheus-outlet]\"></ng-content>\n    </div>\n    <div class=\"t-content\">\n        <div\n            *ngIf=\"iconAlignLeft\"\n            polymorpheus-outlet\n            class=\"t-icon t-icon_left\"\n            [content]=\"iconContent\"\n            [context]=\"{$implicit: size}\"\n        >\n            <ng-template let-iconSrc>\n                <tui-svg [src]=\"iconSrc\"></tui-svg>\n            </ng-template>\n        </div>\n        <div class=\"t-wrapper\">\n            <label\n                *ngIf=\"hasPlaceholder\"\n                automation-id=\"tui-primitive-textfield__placeholder\"\n                class=\"t-placeholder\"\n                [class.t-placeholder_raised]=\"placeholderRaised\"\n                [for]=\"computedId\"\n            >\n                <ng-content></ng-content>\n            </label>\n            <div class=\"t-wrapper-value-decoration\">\n                <tui-value-decoration\n                    #decor\n                    automation-id=\"tui-primitive-textfield__value-decoration\"\n                    aria-hidden=\"true\"\n                    class=\"t-value-decoration\"\n                    [class.t-has-value]=\"value\"\n                    [style.textIndent.px]=\"getIndent$(focusableElement) | async\"\n                ></tui-value-decoration>\n            </div>\n        </div>\n        <div\n            *ngIf=\"hasCustomContent\"\n            polymorpheus-outlet\n            automation-id=\"tui-primitive-textfield__custom-content\"\n            class=\"t-custom-content\"\n            [content]=\"controller.customContent\"\n        >\n            <ng-template let-iconSrc>\n                <tui-svg\n                    class=\"t-custom-icon\"\n                    [src]=\"iconSrc\"\n                ></tui-svg>\n            </ng-template>\n        </div>\n        <span\n            *ngIf=\"hasCleaner\"\n            polymorpheus-outlet\n            automation-id=\"tui-primitive-textfield__cleaner\"\n            class=\"t-cleaner\"\n            [content]=\"iconCleaner\"\n            (click.stop)=\"clear()\"\n        >\n            <ng-template let-icon>\n                <tui-svg [src]=\"icon\"></tui-svg>\n            </ng-template>\n        </span>\n        <tui-tooltip\n            *ngIf=\"hasTooltip\"\n            automation-id=\"tui-primitive-textfield__tooltip\"\n            [describeId]=\"computedId\"\n            [content]=\"hintController.content || ''\"\n            [direction]=\"hintController.direction\"\n            [mode]=\"hintController.mode\"\n            [showDelay]=\"hintController.showDelay\"\n            [hideDelay]=\"hintController.hideDelay\"\n        ></tui-tooltip>\n        <div\n            *ngIf=\"iconAlignRight\"\n            polymorpheus-outlet\n            class=\"t-icon\"\n            [content]=\"iconContent\"\n            [context]=\"{$implicit: size}\"\n        >\n            <ng-template let-iconSrc>\n                <tui-svg [src]=\"iconSrc\"></tui-svg>\n            </ng-template>\n        </div>\n    </div>\n</tui-wrapper>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: TUI_PRIMITIVE_TEXTFIELD_PROVIDERS,
                 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',
                 },
                 styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-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}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{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}.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-input:-webkit-autofill:hover{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}.t-input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='s']):not(tui-text-area),:host[data-size='s'] .t-input{padding:0 var(--tui-padding-s)}.t-input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='l']):not(tui-text-area),:host[data-size='l'] .t-input{padding:0 var(--tui-padding-l)}.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-text-area._disabled),:host._disabled .t-input{pointer-events:none}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder,:host[data-size='l']:not(._label-outside) .t-input:-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder,:host[data-size='m']:not(._label-outside) .t-input:-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input :host-context(tui-primitive-textfield._hidden),:host._hidden input.t-input{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size='s'] .t-content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .t-content{padding:0 var(--tui-padding-l)}.t-content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .t-content:after{display:none}.t-wrapper{flex:1;min-width:0;padding-right:.25rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-icon{display:flex;align-items:center;justify-content:center;color:var(--tui-text-03)}.t-icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-size='s'] .t-icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host._autofilled .t-value-decoration:not(.t-has-value){visibility:hidden}:host._autofilled[data-size='m']:not(._focused) .t-placeholder,:host._autofilled[data-size='s']:not(._focused) .t-placeholder{visibility:hidden}.t-custom-content{position:relative;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;margin-right:.25rem;pointer-events:none}.t-custom-icon{width:2rem;height:100%}.t-icon{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);box-sizing:border-box;cursor:pointer;transition-property:color,transform;position:relative;pointer-events:none}.t-icon:hover{color:var(--tui-text-02)}:host._disabled .t-icon,:host._readonly .t-icon{pointer-events:none}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-icon:hover{color:var(--tui-text-01-night)}:host:hover:not(._readonly) .t-icon{color:var(--tui-text-02)}:host[data-mode=onDark]:hover:not(._readonly) .t-icon{color:var(--tui-text-01-night)}:host[data-mode=onLight]:hover:not(._readonly) .t-icon{color:var(--tui-text-01)}.t-input:not(:first-child){display:none}:host[data-size] .t-input_template{display:flex;width:calc(100% - 1rem);max-width:calc(100% - 1rem);align-items:center;pointer-events:none;-webkit-padding-end:0;padding-inline-end:0}.t-input:-webkit-autofill,.t-input:-webkit-autofill::first-line{font-size:inherit;line-height:inherit}.t-input::-webkit-caps-lock-indicator,.t-input::-webkit-contacts-auto-fill-button,.t-input::-webkit-credentials-auto-fill-button,.t-input::-webkit-credit-card-auto-fill-button,.t-input::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:0 0!important;pointer-events:none!important}.t-text-template{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration{position:relative;pointer-events:none}"]
             }),
@@ -665,7 +710,7 @@
         ]; };
         TuiPrimitiveTextfieldDirective = TuiPrimitiveTextfieldDirective_1 = __decorate([
             core.Directive({
-                selector: "tui-primitive-textfield",
+                selector: 'tui-primitive-textfield',
                 providers: [
                     {
                         provide: tokens.TUI_TEXTFIELD_HOST,
@@ -713,29 +758,29 @@
             { type: cdk.TuiIdService, decorators: [{ type: core.Inject, args: [cdk.TuiIdService,] }] }
         ]; };
         __decorate([
-            core.HostBinding("attr.aria-describedby")
+            core.HostBinding('attr.aria-describedby')
         ], TuiTextfieldComponent.prototype, "computedDescribedBy", null);
         __decorate([
-            core.HostBinding("id")
+            core.HostBinding('id')
         ], TuiTextfieldComponent.prototype, "id", null);
         TuiTextfieldComponent = __decorate([
             core.Component({
-                selector: "input[tuiTextfield], textarea[tuiTextfield]",
-                template: "",
+                selector: 'input[tuiTextfield], textarea[tuiTextfield]',
+                template: '',
                 providers: [
                     directives.TuiDescribedByDirective,
                     directives.TUI_DESCRIBED_BY_PROVIDERS,
                     directives.TEXTFIELD_CONTROLLER_PROVIDER,
                 ],
                 host: {
-                    type: "text",
-                    '[attr.aria-placeholder]': "controller.exampleText",
-                    '[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-placeholder]': 'controller.exampleText',
+                    '[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)',
                 },
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-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:focus,:host:-webkit-autofill:hover{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 :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,:host :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,:host :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,:host :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,:host :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,:host :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] :host:-webkit-autofill,:host[data-mode=onDark] :host:-webkit-autofill:focus,:host[data-mode=onDark] :host:-webkit-autofill:hover{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 :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),:host[data-size='s'] :host{padding:0 var(--tui-padding-s)}: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),:host[data-size='l'] :host{padding:0 var(--tui-padding-l)}:host :host-context(tui-primitive-textfield._disabled),:host :host-context(tui-text-area._disabled),:host._disabled :host{pointer-events:none}:host :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) :host{padding-top:1.25rem}:host :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder,:host[data-size='l']:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) :host{padding-top:1.125rem}:host :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.t-content .t-placeholder,:host[data-size='m']:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}:host :host-context(tui-primitive-textfield._hidden),:host._hidden input:host{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-credentials-auto-fill-button,:host::-webkit-credit-card-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:0 0!important;pointer-events:none!important}textarea:host{white-space:normal}textarea:host :host-context(tui-text-area._ios){padding-left:.8125rem}"]
@@ -754,7 +799,7 @@
             var _this = this;
             this.textfield = textfield;
             this.controller = controller;
-            this.prefix$ = new rxjs.BehaviorSubject("");
+            this.prefix$ = new rxjs.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; }));
         }
         Object.defineProperty(TuiValueDecorationComponent.prototype, "isContextTable", {
@@ -775,23 +820,23 @@
             get: function () {
                 var _a = this, focused = _a.focused, placeholder = _a.placeholder, exampleText = _a.exampleText, value = _a.value, textfield = _a.textfield;
                 if (placeholder && exampleText) {
-                    return "";
+                    return '';
                 }
-                return focused ? exampleText || textfield.filler.slice(value.length) : "";
+                return focused ? exampleText || textfield.filler.slice(value.length) : '';
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(TuiValueDecorationComponent.prototype, "prefix", {
             get: function () {
-                return this.decorationsVisible ? this.textfield.prefix : "";
+                return this.decorationsVisible ? this.textfield.prefix : '';
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(TuiValueDecorationComponent.prototype, "postfix", {
             get: function () {
-                return this.decorationsVisible ? this.computedPostfix : "";
+                return this.decorationsVisible ? this.computedPostfix : '';
             },
             enumerable: true,
             configurable: true
@@ -802,7 +847,7 @@
         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: true,
             configurable: true
@@ -810,7 +855,7 @@
         Object.defineProperty(TuiValueDecorationComponent.prototype, "exampleText", {
             get: function () {
                 var exampleText = this.controller.exampleText || this.placeholder;
-                return !this.value && this.focused ? exampleText : "";
+                return !this.value && this.focused ? exampleText : '';
             },
             enumerable: true,
             configurable: true
@@ -843,17 +888,17 @@
             { type: directives.TuiTextfieldController, decorators: [{ type: core.Inject, args: [directives.TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] }
         ]; };
         __decorate([
-            core.ViewChild("pre", { read: core.ElementRef, static: true })
+            core.ViewChild('pre', { read: core.ElementRef, static: true })
         ], TuiValueDecorationComponent.prototype, "pre", void 0);
         __decorate([
-            core.HostBinding("class._table")
+            core.HostBinding('class._table')
         ], TuiValueDecorationComponent.prototype, "isContextTable", null);
         __decorate([
-            core.HostListener("animationstart")
+            core.HostListener('animationstart')
         ], TuiValueDecorationComponent.prototype, "ngDoCheck", null);
         TuiValueDecorationComponent = __decorate([
             core.Component({
-                selector: "tui-value-decoration",
+                selector: 'tui-value-decoration',
                 template: "<span\n    #pre\n    class=\"t-prefix t-inline\"\n    [textContent]=\"prefix\"\n></span>\n<span\n    class=\"t-ghost t-inline\"\n    [textContent]=\"value\"\n></span>\n<span\n    class=\"t-filler t-inline\"\n    [textContent]=\"filler\"\n></span>\n<span\n    class=\"t-postfix t-inline\"\n    [textContent]=\"postfix\"\n></span>\n",
                 // It follows Change Detection of PrimitiveTextfield
                 changeDetection: core.ChangeDetectionStrategy.Default,