@taiga-ui/core 2.32.0 → 2.33.0

package/fesm5/taiga-ui-core-components-primitive-textfield.js

@@ -1,24 +1,24 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { forwardRef, InjectionToken, EventEmitter, Inject, ViewChild, Input, HostBinding, Output, ContentChildren, Component, ChangeDetectionStrategy, ElementRef, NgModule } from '@angular/core';
-import { TUI_FOCUSABLE_ITEM_ACCESSOR, isNativeFocused, setNativeFocused, tuiDefaultProp, tuiPure, AbstractTuiInteractive, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule, TuiInputModeModule, TuiAutofilledModule, TuiPreventDefaultModule } from '@taiga-ui/cdk';
+import { forwardRef, InjectionToken, EventEmitter, Inject, ElementRef, ViewChild, Input, HostBinding, Output, ContentChildren, HostListener, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, isNativeFocusedIn, setNativeFocused, tuiDefaultProp, tuiPure, AbstractTuiInteractive, TuiIdService, TuiFocusableModule, TuiHoveredModule, TuiInputModeModule, TuiAutofilledModule, TuiPreventDefaultModule } from '@taiga-ui/cdk';
 import { HINT_CONTROLLER_PROVIDER, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER } from '@taiga-ui/core/directives/hint-controller';
 import { TEXTFIELD_CONTROLLER_PROVIDER, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER } from '@taiga-ui/core/directives/textfield-controller';
-import { TUI_MODE, TUI_TEXTFIELD_APPEARANCE } from '@taiga-ui/core/tokens';
+import { TUI_MODE, TUI_TEXTFIELD_APPEARANCE, TUI_TEXTFIELD_HOST } from '@taiga-ui/core/tokens';
 import { getBorder } from '@taiga-ui/core/utils/miscellaneous';
 import { PolymorpheusOutletComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { fromEvent, Observable, defer, EMPTY } from 'rxjs';
 import { map, startWith, distinctUntilChanged } from 'rxjs/operators';
 import { MODE_PROVIDER } from '@taiga-ui/core/providers';
+import { TuiAbstractTextfieldHost } from '@taiga-ui/core/abstract';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { MutationObserverDirective, MutationObserverModule } from '@ng-web-apis/mutation-observer';
 import { TuiSvgModule } from '@taiga-ui/core/components/svg';
 import { TuiTooltipModule } from '@taiga-ui/core/components/tooltip';
 import { TuiWrapperModule } from '@taiga-ui/core/components/wrapper';
-import { TuiBorderModule } from '@taiga-ui/core/directives/border';
 import { TuiDescribedByModule } from '@taiga-ui/core/directives/described-by';
 import { TuiMaskAccessorModule } from '@taiga-ui/core/directives/mask-accessor';
-import { TuiTextfieldController as TuiTextfieldController$1, TUI_TEXTFIELD_WATCHED_CONTROLLER as TUI_TEXTFIELD_WATCHED_CONTROLLER$1 } from '@taiga-ui/core/directives';
+import { TuiTextfieldController as TuiTextfieldController$1, TUI_TEXTFIELD_WATCHED_CONTROLLER as TUI_TEXTFIELD_WATCHED_CONTROLLER$1, TuiDescribedByDirective, TUI_DESCRIBED_BY_PROVIDERS, TEXTFIELD_CONTROLLER_PROVIDER as TEXTFIELD_CONTROLLER_PROVIDER$1 } from '@taiga-ui/core/directives';
 
 var TUI_PRIMITIVE_TEXTFIELD_PROVIDERS = [
     {
@@ -45,13 +45,14 @@ var ICON_PADDING = 1.75;
 var ICON_PADDING_S = 1.5;
 var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
     __extends(TuiPrimitiveTextfieldComponent, _super);
-    function TuiPrimitiveTextfieldComponent(mode$, appearance, controller, hintController, options) {
+    function TuiPrimitiveTextfieldComponent(mode$, appearance, controller, hintController, options, elementRef) {
         var _this = _super.call(this) || this;
         _this.mode$ = mode$;
         _this.appearance = appearance;
         _this.controller = controller;
         _this.hintController = hintController;
         _this.options = options;
+        _this.elementRef = elementRef;
         _this.editable = true;
         _this.filler = '';
         _this.iconAlign = _this.options.iconAlign;
@@ -65,22 +66,29 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
         _this.postfix = '';
         _this.value = '';
         _this.valueChange = new EventEmitter();
+        /**
+         * @deprecated TODO: remove in 3.0
+         */
         _this.autofilledChange = new EventEmitter();
         _this.autofilled = false;
         return _this;
     }
     Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "nativeFocusableElement", {
         get: function () {
-            return this.computedDisabled || !this.focusableElement
-                ? null
-                : this.focusableElement.nativeElement;
+            if (this.computedDisabled || !this.focusableElement) {
+                return null;
+            }
+            // TODO: Refactor this after we drop built-in input element
+            return (this.focusableElement.nativeElement
+                .previousElementSibling ||
+                this.focusableElement.nativeElement);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "focused", {
         get: function () {
-            return isNativeFocused(this.nativeFocusableElement);
+            return isNativeFocusedIn(this.elementRef.nativeElement);
         },
         enumerable: true,
         configurable: true
@@ -92,13 +100,6 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "labelOutside", {
-        get: function () {
-            return this.controller.labelOutside;
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "computedInvalid", {
         get: function () {
             return !this.readOnly && !this.disabled && this.invalid;
@@ -145,7 +146,10 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "hasPlaceholder", {
         get: function () {
-            var hasDecor = this.controller.exampleText || this.prefix || this.postfix;
+            var _a;
+            var hasDecor = this.controller.exampleText ||
+                this.prefix ||
+                this.postfix || ((_a = this.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.placeholder);
             var showDecor = hasDecor && !this.readOnly && this.computedFocused;
             var placeholderVisible = !this.hasValue && !showDecor;
             return this.placeholderRaisable || placeholderVisible;
@@ -161,14 +165,14 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "borderLeft", {
+    Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "borderStart", {
         get: function () {
             return this.iconAlignLeft ? this.iconPaddingLeft : 0;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "borderRight", {
+    Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "borderEnd", {
         get: function () {
             return getBorder(this.iconAlignRight, this.hasCleaner, this.hasTooltip, this.hasCustomContent);
         },
@@ -199,6 +203,17 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "computedId", {
+        get: function () {
+            var _a;
+            return ((_a = this.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.id) || '';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiPrimitiveTextfieldComponent.prototype.onFocused = function (focused) {
+        this.updateFocused(focused);
+    };
     TuiPrimitiveTextfieldComponent.prototype.getIndent$ = function (element) {
         return fromEvent(element, 'scroll').pipe(map(function () { return -1 * element.scrollLeft; }));
     };
@@ -209,12 +224,12 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
         this.updateValue('');
     };
     TuiPrimitiveTextfieldComponent.prototype.onMouseDown = function (event) {
-        if (!this.focusableElement ||
-            event.target === this.focusableElement.nativeElement) {
+        var nativeFocusableElement = this.nativeFocusableElement;
+        if (!nativeFocusableElement || event.target === nativeFocusableElement) {
             return;
         }
         event.preventDefault();
-        setNativeFocused(this.focusableElement.nativeElement);
+        setNativeFocused(nativeFocusableElement);
     };
     TuiPrimitiveTextfieldComponent.prototype.onModelChange = function (value) {
         this.updateValue(value);
@@ -222,9 +237,6 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
     TuiPrimitiveTextfieldComponent.prototype.onHovered = function (hovered) {
         this.updateHovered(hovered);
     };
-    TuiPrimitiveTextfieldComponent.prototype.onFocused = function (focused) {
-        this.updateFocused(focused);
-    };
     TuiPrimitiveTextfieldComponent.prototype.onAutofilled = function (autofilled) {
         this.updateAutofilled(autofilled);
     };
@@ -237,7 +249,7 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiPrimitiveTextfieldComponent.prototype, "placeholderRaisable", {
         get: function () {
-            return this.size !== 's' && !this.labelOutside;
+            return this.size !== 's' && !this.controller.labelOutside;
         },
         enumerable: true,
         configurable: true
@@ -265,7 +277,8 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
         { type: String, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_APPEARANCE,] }] },
         { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] },
         { type: TuiHintControllerDirective, decorators: [{ type: Inject, args: [TUI_HINT_WATCHED_CONTROLLER,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_PRIMITIVE_TEXTFIELD_OPTIONS,] }] }
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_PRIMITIVE_TEXTFIELD_OPTIONS,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
     ]; };
     __decorate([
         ViewChild('focusableElement')
@@ -325,38 +338,164 @@ var TuiPrimitiveTextfieldComponent = /** @class */ (function (_super) {
         ContentChildren(PolymorpheusOutletComponent)
     ], TuiPrimitiveTextfieldComponent.prototype, "content", void 0);
     __decorate([
-        HostBinding('attr.data-tui-host-size')
+        HostBinding('attr.data-size')
     ], TuiPrimitiveTextfieldComponent.prototype, "size", null);
-    __decorate([
-        HostBinding('class._label-outside')
-    ], TuiPrimitiveTextfieldComponent.prototype, "labelOutside", null);
     __decorate([
         HostBinding('class._invalid')
     ], TuiPrimitiveTextfieldComponent.prototype, "computedInvalid", null);
+    __decorate([
+        HostBinding('class._hidden')
+    ], TuiPrimitiveTextfieldComponent.prototype, "inputHidden", null);
+    __decorate([
+        HostBinding('style.--border-start.rem')
+    ], TuiPrimitiveTextfieldComponent.prototype, "borderStart", null);
+    __decorate([
+        HostBinding('style.--border-end.rem')
+    ], TuiPrimitiveTextfieldComponent.prototype, "borderEnd", null);
+    __decorate([
+        HostListener('focusin', ['true']),
+        HostListener('focusout', ['false'])
+    ], TuiPrimitiveTextfieldComponent.prototype, "onFocused", null);
     __decorate([
         tuiPure
     ], TuiPrimitiveTextfieldComponent.prototype, "getIndent$", null);
     TuiPrimitiveTextfieldComponent = __decorate([
         Component({
             selector: 'tui-primitive-textfield',
-            template: "<ng-container *ngIf=\"content?.changes | async\"></ng-container>\n<tui-wrapper\n    automation-id=\"tui-primitive-textfield__wrapper\"\n    tuiPreventDefault=\"click\"\n    [appearance]=\"appearance\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <input\n        #focusableElement\n        tuiMaskAccessor\n        automation-id=\"tui-primitive-textfield__native-input\"\n        class=\"input\"\n        [class.input_hidden]=\"inputHidden\"\n        [style.textIndent.px]=\"decor.pre$ | async\"\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        [tuiBorderStart]=\"borderLeft\"\n        [tuiBorderEnd]=\"borderRight\"\n        [tuiInputMode]=\"controller.inputMode\"\n        [tuiFocusable]=\"computedFocusable\"\n        [tuiDescribedBy]=\"id\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiAutofilledChange)=\"onAutofilled($event)\"\n    />\n    <div\n        *ngIf=\"inputHidden\"\n        automation-id=\"tui-primitive-textfield__value\"\n        class=\"input input_template\"\n        [tuiBorderStart]=\"borderLeft\"\n        [tuiBorderEnd]=\"borderRight\"\n    >\n        <ng-content select=\"[polymorpheus-outlet]\"></ng-content>\n    </div>\n    <div class=\"content\">\n        <div\n            *ngIf=\"iconAlignLeft\"\n            polymorpheus-outlet\n            class=\"icon 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=\"wrapper\">\n            <label\n                *ngIf=\"hasPlaceholder\"\n                automation-id=\"tui-primitive-textfield__placeholder\"\n                class=\"placeholder\"\n                [class.placeholder_raised]=\"placeholderRaised\"\n                [for]=\"id\"\n            >\n                <ng-content></ng-content>\n            </label>\n            <tui-value-decoration\n                #decor\n                automation-id=\"tui-primitive-textfield__value-decoration\"\n                aria-hidden=\"true\"\n                class=\"t-value-decoration\"\n                [style.textIndent.px]=\"getIndent$(focusableElement) | async\"\n            ></tui-value-decoration>\n        </div>\n        <div\n            *ngIf=\"hasCustomContent\"\n            polymorpheus-outlet\n            automation-id=\"tui-primitive-textfield__custom-content\"\n            class=\"custom-content\"\n            [content]=\"controller.customContent\"\n        >\n            <ng-template let-iconSrc>\n                <tui-svg class=\"custom-icon\" [src]=\"iconSrc\"></tui-svg>\n            </ng-template>\n        </div>\n        <span\n            *ngIf=\"hasCleaner\"\n            polymorpheus-outlet\n            automation-id=\"tui-primitive-textfield__cleaner\"\n            class=\"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]=\"id\"\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=\"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",
+            template: "<ng-container *ngIf=\"content?.changes | async\"></ng-container>\n<tui-wrapper\n    automation-id=\"tui-primitive-textfield__wrapper\"\n    tuiPreventDefault=\"click\"\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    (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=\"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=\"input input_template\"\n    >\n        <ng-content select=\"[polymorpheus-outlet]\"></ng-content>\n    </div>\n    <div class=\"content\">\n        <div\n            *ngIf=\"iconAlignLeft\"\n            polymorpheus-outlet\n            class=\"icon 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=\"wrapper\">\n            <label\n                *ngIf=\"hasPlaceholder\"\n                automation-id=\"tui-primitive-textfield__placeholder\"\n                class=\"placeholder\"\n                [class.placeholder_raised]=\"placeholderRaised\"\n                [for]=\"computedId\"\n            >\n                <ng-content></ng-content>\n            </label>\n            <tui-value-decoration\n                #decor\n                automation-id=\"tui-primitive-textfield__value-decoration\"\n                aria-hidden=\"true\"\n                class=\"t-value-decoration\"\n                [style.textIndent.px]=\"getIndent$(focusableElement) | async\"\n            ></tui-value-decoration>\n        </div>\n        <div\n            *ngIf=\"hasCustomContent\"\n            polymorpheus-outlet\n            automation-id=\"tui-primitive-textfield__custom-content\"\n            class=\"custom-content\"\n            [content]=\"controller.customContent\"\n        >\n            <ng-template let-iconSrc>\n                <tui-svg class=\"custom-icon\" [src]=\"iconSrc\"></tui-svg>\n            </ng-template>\n        </div>\n        <span\n            *ngIf=\"hasCleaner\"\n            polymorpheus-outlet\n            automation-id=\"tui-primitive-textfield__cleaner\"\n            class=\"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=\"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: ChangeDetectionStrategy.OnPush,
             providers: TUI_PRIMITIVE_TEXTFIELD_PROVIDERS,
             host: {
                 '($.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-tui-host-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-tui-host-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-tui-host-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font-size:.9375rem}.input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0 solid transparent;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);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{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 1000px var(--tui-autofill) inset!important}:host[data-mode=onDark] .input:-webkit-autofill,:host[data-mode=onDark] .input:-webkit-autofill:focus,:host[data-mode=onDark] .input:-webkit-autofill:hover{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 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .input{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .input{padding:0 var(--tui-padding-l)}:host._disabled .input{pointer-events:none}:host._right-aligned .input{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .input{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-tui-host-size='m']:not(._label-outside) .input{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.filler{vertical-align:middle}.content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-tui-host-size='s'] .content{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .content{padding:0 var(--tui-padding-l)}.content:after{content:'';margin-right:-.25rem}:host[data-tui-host-size='m'] .content:after{display:none}.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}.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%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.placeholder_raised{transform:translateY(-.625rem)}:host[data-tui-host-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.placeholder{transition-property:transform,color,letter-spacing}}.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}.cleaner:hover{color:var(--tui-text-02)}:host._disabled .cleaner,:host._readonly .cleaner{pointer-events:none}:host[data-mode=onDark] .cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .cleaner:hover{color:var(--tui-text-01-night)}.icon{display:flex;align-items:center;justify-content:center;color:var(--tui-text-03)}.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-tui-host-size='s'] .icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host._autofilled .t-value-decoration{display:none}.value_visible{display:block}.custom-content{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:.25rem;pointer-events:none}.custom-icon{width:100%;height:100%}.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}.icon:hover{color:var(--tui-text-02)}:host._disabled .icon,:host._readonly .icon{pointer-events:none}:host[data-mode=onDark] .icon{color:var(--tui-text-03-night)}:host[data-mode=onDark] .icon:hover{color:var(--tui-text-01-night)}:host._hovered:not(._readonly) .icon{color:var(--tui-text-02)}:host[data-mode=onDark]._hovered:not(._readonly) .icon{color:var(--tui-text-01-night)}:host[data-mode=onLight]._hovered:not(._readonly) .icon{color:var(--tui-text-01)}.input_hidden{opacity:0;text-indent:-10em;-webkit-user-select:none}:host[data-tui-host-size] .input_template{display:flex;width:100%;max-width:100%;align-items:center;pointer-events:none}.input::-webkit-caps-lock-indicator{margin-right:.375rem;align-self:center}:host[data-tui-host-size='l']:not(._label-outside) .input::-webkit-caps-lock-indicator{margin-top:-1.25rem}.input::-webkit-contacts-auto-fill-button,.input::-webkit-credentials-auto-fill-button,.input::-webkit-credit-card-auto-fill-button{background-color:var(--tui-text-03)}:host[data-tui-host-size='l']:not(._label-outside) .input::-webkit-contacts-auto-fill-button,:host[data-tui-host-size='l']:not(._label-outside) .input::-webkit-credentials-auto-fill-button,:host[data-tui-host-size='l']:not(._label-outside) .input::-webkit-credit-card-auto-fill-button{margin-top:-1.25rem}.input::-webkit-contacts-auto-fill-button:hover,.input::-webkit-credentials-auto-fill-button:hover,.input::-webkit-credit-card-auto-fill-button:hover{background-color:var(--tui-text-02)}.input:-webkit-autofill,.input:-webkit-autofill::first-line{font-size:inherit;line-height:inherit}.text-template{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
+            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-size:.9375rem}.input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0 solid transparent;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-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{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 1000px var(--tui-autofill) inset!important}.input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .input:-webkit-autofill,:host[data-mode=onDark] .input:-webkit-autofill:focus,:host[data-mode=onDark] .input:-webkit-autofill:hover{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 1000px var(--tui-autofill-night) inset!important}.input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),:host[data-size='s'] .input{padding:0 var(--tui-padding-s)}.input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),:host[data-size='l'] .input{padding:0 var(--tui-padding-l)}.input :host-context(tui-primitive-textfield._disabled),:host._disabled .input{pointer-events:none}.input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .input{padding-top:1.25rem}.input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='l']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .input{padding-top:1.125rem}.input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='m']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.input :host-context(tui-primitive-textfield._hidden),:host._hidden input.input{opacity:0;text-indent:-10em;-webkit-user-select:none}.filler{vertical-align:middle}.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'] .content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .content{padding:0 var(--tui-padding-l)}.content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .content:after{display:none}.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}.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%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-size='l']._focused._label-outside .placeholder,:host[data-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-size='l'] .placeholder{font-size:.9375rem}:host[data-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .placeholder,:host[data-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.placeholder{transition-property:transform,color,letter-spacing}}.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}.cleaner:hover{color:var(--tui-text-02)}:host._disabled .cleaner,:host._readonly .cleaner{pointer-events:none}:host[data-mode=onDark] .cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .cleaner:hover{color:var(--tui-text-01-night)}.icon{display:flex;align-items:center;justify-content:center;color:var(--tui-text-03)}.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'] .icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host._autofilled .t-value-decoration{display:none}.custom-content{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:.25rem;pointer-events:none}.custom-icon{width:100%;height:100%}.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}.icon:hover{color:var(--tui-text-02)}:host._disabled .icon,:host._readonly .icon{pointer-events:none}:host[data-mode=onDark] .icon{color:var(--tui-text-03-night)}:host[data-mode=onDark] .icon:hover{color:var(--tui-text-01-night)}:host._hovered:not(._readonly) .icon{color:var(--tui-text-02)}:host[data-mode=onDark]._hovered:not(._readonly) .icon{color:var(--tui-text-01-night)}:host[data-mode=onLight]._hovered:not(._readonly) .icon{color:var(--tui-text-01)}.input:not(:first-child){display:none}:host[data-size] .input_template{display:flex;width:100%;max-width:100%;align-items:center;pointer-events:none}.input::-webkit-caps-lock-indicator{margin-right:.375rem;align-self:center}:host[data-size='l']:not(._label-outside) .input::-webkit-caps-lock-indicator{margin-top:-1.25rem}.input::-webkit-contacts-auto-fill-button,.input::-webkit-credentials-auto-fill-button,.input::-webkit-credit-card-auto-fill-button{background-color:var(--tui-text-03)}:host[data-size='l']:not(._label-outside) .input::-webkit-contacts-auto-fill-button,:host[data-size='l']:not(._label-outside) .input::-webkit-credentials-auto-fill-button,:host[data-size='l']:not(._label-outside) .input::-webkit-credit-card-auto-fill-button{margin-top:-1.25rem}.input::-webkit-contacts-auto-fill-button:hover,.input::-webkit-credentials-auto-fill-button:hover,.input::-webkit-credit-card-auto-fill-button:hover{background-color:var(--tui-text-02)}.input:-webkit-autofill,.input:-webkit-autofill::first-line{font-size:inherit;line-height:inherit}.text-template{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
         }),
         __param(0, Inject(TUI_MODE)),
         __param(1, Inject(TUI_TEXTFIELD_APPEARANCE)),
         __param(2, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
         __param(3, Inject(TUI_HINT_WATCHED_CONTROLLER)),
-        __param(4, Inject(TUI_PRIMITIVE_TEXTFIELD_OPTIONS))
+        __param(4, Inject(TUI_PRIMITIVE_TEXTFIELD_OPTIONS)),
+        __param(5, Inject(ElementRef))
     ], TuiPrimitiveTextfieldComponent);
     return TuiPrimitiveTextfieldComponent;
 }(AbstractTuiInteractive));
 
+var TuiPrimitiveTextfieldDirective = /** @class */ (function (_super) {
+    __extends(TuiPrimitiveTextfieldDirective, _super);
+    function TuiPrimitiveTextfieldDirective(textfield) {
+        var _this = 
+        /**
+         * TuiPrimitiveTextfieldComponent satisfies all required parts of
+         * AbstractTuiControl interface. A new interface is not introduced
+         * so AbstractTuiControl is automatically injected for all other controls.
+         */
+        _super.call(this, textfield) || this;
+        _this.textfield = textfield;
+        return _this;
+    }
+    TuiPrimitiveTextfieldDirective_1 = TuiPrimitiveTextfieldDirective;
+    Object.defineProperty(TuiPrimitiveTextfieldDirective.prototype, "readOnly", {
+        get: function () {
+            return this.textfield.readOnly || !this.textfield.editable;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiPrimitiveTextfieldDirective.prototype.onValueChange = function (value) {
+        this.textfield.onModelChange(value);
+    };
+    var TuiPrimitiveTextfieldDirective_1;
+    TuiPrimitiveTextfieldDirective.ctorParameters = function () { return [
+        { type: TuiPrimitiveTextfieldComponent, decorators: [{ type: Inject, args: [TuiPrimitiveTextfieldComponent,] }] }
+    ]; };
+    TuiPrimitiveTextfieldDirective = TuiPrimitiveTextfieldDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-primitive-textfield',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiPrimitiveTextfieldDirective_1; }),
+                },
+            ],
+        }),
+        __param(0, Inject(TuiPrimitiveTextfieldComponent))
+    ], TuiPrimitiveTextfieldDirective);
+    return TuiPrimitiveTextfieldDirective;
+}(TuiAbstractTextfieldHost));
+
+// @dynamic
+var TuiTextfieldComponent = /** @class */ (function () {
+    function TuiTextfieldComponent(host, controller, elementRef, describedBy, idService) {
+        this.host = host;
+        this.controller = controller;
+        this.elementRef = elementRef;
+        this.describedBy = describedBy;
+        this.idService = idService;
+        this.host.process(this.elementRef.nativeElement);
+    }
+    Object.defineProperty(TuiTextfieldComponent.prototype, "computedDescribedBy", {
+        get: function () {
+            return this.describedBy.computedDescribedBy;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiTextfieldComponent.prototype, "id", {
+        get: function () {
+            return this.elementRef.nativeElement.id || this.idService.generate();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiTextfieldComponent.prototype.ngDoCheck = function () {
+        this.describedBy.tuiDescribedBy = this.id;
+    };
+    TuiTextfieldComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_HOST,] }] },
+        { type: TuiTextfieldController$1, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER$1,] }] },
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: TuiDescribedByDirective, decorators: [{ type: Inject, args: [TuiDescribedByDirective,] }] },
+        { type: TuiIdService, decorators: [{ type: Inject, args: [TuiIdService,] }] }
+    ]; };
+    __decorate([
+        HostBinding('attr.aria-describedby')
+    ], TuiTextfieldComponent.prototype, "computedDescribedBy", null);
+    __decorate([
+        HostBinding('id')
+    ], TuiTextfieldComponent.prototype, "id", null);
+    TuiTextfieldComponent = __decorate([
+        Component({
+            selector: 'input[tuiTextfield]',
+            template: '',
+            providers: [
+                TuiDescribedByDirective,
+                TUI_DESCRIBED_BY_PROVIDERS,
+                TEXTFIELD_CONTROLLER_PROVIDER$1,
+            ],
+            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)',
+            },
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0 solid transparent;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-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}:host:-webkit-autofill,:host:-webkit-autofill:focus,:host:-webkit-autofill:hover{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 1000px 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[data-mode=onDark] :host:-webkit-autofill,:host[data-mode=onDark] :host:-webkit-autofill:focus,:host[data-mode=onDark] :host:-webkit-autofill:hover{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 1000px var(--tui-autofill-night) inset!important}:host :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),: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[data-size='l'] :host{padding:0 var(--tui-padding-l)}:host :host-context(tui-primitive-textfield._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+.content .placeholder,:host[data-size='l']:not(._label-outside) :host:-webkit-autofill+.content .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+.content .placeholder,:host[data-size='m']:not(._label-outside) :host:-webkit-autofill+.content .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::-webkit-caps-lock-indicator{margin-right:.375rem;align-self:center}:host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)) :host::-webkit-caps-lock-indicator{margin-top:-1.25rem}:host::-webkit-contacts-auto-fill-button,:host::-webkit-credentials-auto-fill-button,:host::-webkit-credit-card-auto-fill-button{background-color:var(--tui-text-03)}:host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)) :host::-webkit-contacts-auto-fill-button,:host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)) :host::-webkit-credentials-auto-fill-button,:host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)) :host::-webkit-credit-card-auto-fill-button{margin-top:-1.25rem}:host::-webkit-contacts-auto-fill-button:hover,:host::-webkit-credentials-auto-fill-button:hover,:host::-webkit-credit-card-auto-fill-button:hover{background-color:var(--tui-text-02)}: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{color:var(--tui-text-03-night)}:host :host-context(tui-primitive-textfield[data-mode=onDark])::placeholder{color:var(--tui-text-03-night)}:host :host-context(tui-primitive-textfield._focused:not(._readonly))::-ms-input-placeholder{opacity:1}:host :host-context(tui-primitive-textfield._focused:not(._readonly))::placeholder{opacity:1}"]
+        }),
+        __param(0, Inject(TUI_TEXTFIELD_HOST)),
+        __param(1, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER$1)),
+        __param(2, Inject(ElementRef)),
+        __param(3, Inject(TuiDescribedByDirective)),
+        __param(4, Inject(TuiIdService))
+    ], TuiTextfieldComponent);
+    return TuiTextfieldComponent;
+}());
+
 var TuiValueDecorationComponent = /** @class */ (function () {
     function TuiValueDecorationComponent(textfield, controller) {
         var _this = this;
@@ -380,9 +519,11 @@ var TuiValueDecorationComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiValueDecorationComponent.prototype, "filler", {
         get: function () {
-            return this.focused
-                ? this.exampleText || this.textfield.filler.slice(this.value.length)
-                : '';
+            var _a = this, focused = _a.focused, placeholder = _a.placeholder, exampleText = _a.exampleText, value = _a.value, textfield = _a.textfield;
+            if (focused && placeholder && exampleText) {
+                return '';
+            }
+            return focused ? exampleText || textfield.filler.slice(value.length) : '';
         },
         enumerable: true,
         configurable: true
@@ -401,9 +542,18 @@ var TuiValueDecorationComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(TuiValueDecorationComponent.prototype, "placeholder", {
+        get: function () {
+            var _a;
+            return ((_a = this.textfield.nativeFocusableElement) === null || _a === void 0 ? void 0 : _a.placeholder) || '';
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(TuiValueDecorationComponent.prototype, "exampleText", {
         get: function () {
-            return !this.value && this.focused ? this.controller.exampleText : '';
+            var exampleText = this.controller.exampleText || this.placeholder;
+            return !this.value && this.focused ? exampleText : '';
         },
         enumerable: true,
         configurable: true
@@ -468,7 +618,6 @@ var TuiPrimitiveTextfieldModule = /** @class */ (function () {
                 FormsModule,
                 TuiMaskAccessorModule,
                 TuiFocusableModule,
-                TuiFocusedModule,
                 TuiHoveredModule,
                 TuiInputModeModule,
                 PolymorpheusModule,
@@ -478,11 +627,19 @@ var TuiPrimitiveTextfieldModule = /** @class */ (function () {
                 TuiAutofilledModule,
                 TuiDescribedByModule,
                 TuiPreventDefaultModule,
-                TuiBorderModule,
                 MutationObserverModule,
             ],
-            declarations: [TuiPrimitiveTextfieldComponent, TuiValueDecorationComponent],
-            exports: [TuiPrimitiveTextfieldComponent],
+            declarations: [
+                TuiPrimitiveTextfieldComponent,
+                TuiPrimitiveTextfieldDirective,
+                TuiTextfieldComponent,
+                TuiValueDecorationComponent,
+            ],
+            exports: [
+                TuiPrimitiveTextfieldComponent,
+                TuiPrimitiveTextfieldDirective,
+                TuiTextfieldComponent,
+            ],
         })
     ], TuiPrimitiveTextfieldModule);
     return TuiPrimitiveTextfieldModule;
@@ -492,5 +649,5 @@ var TuiPrimitiveTextfieldModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_PRIMITIVE_TEXTFIELD_DEFAULT_OPTIONS, TUI_PRIMITIVE_TEXTFIELD_ICON_CLEANER, TUI_PRIMITIVE_TEXTFIELD_OPTIONS, TUI_PRIMITIVE_TEXTFIELD_PROVIDERS, TuiPrimitiveTextfieldComponent, TuiPrimitiveTextfieldModule, TuiValueDecorationComponent };
+export { TUI_PRIMITIVE_TEXTFIELD_DEFAULT_OPTIONS, TUI_PRIMITIVE_TEXTFIELD_ICON_CLEANER, TUI_PRIMITIVE_TEXTFIELD_OPTIONS, TUI_PRIMITIVE_TEXTFIELD_PROVIDERS, TuiPrimitiveTextfieldComponent, TuiPrimitiveTextfieldDirective, TuiPrimitiveTextfieldModule, TuiTextfieldComponent, TuiValueDecorationComponent };
 //# sourceMappingURL=taiga-ui-core-components-primitive-textfield.js.map

package/fesm5/taiga-ui-core-components-primitive-textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-primitive-textfield.js","sources":["ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield.providers.ts","ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield-options.ts","ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield.component.ts","ng://@taiga-ui/core/components/primitive-textfield/value-decoration/value-decoration.component.ts","ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield.module.ts","ng://@taiga-ui/core/components/primitive-textfield/taiga-ui-core-components-primitive-textfield.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {HINT_CONTROLLER_PROVIDER} from '@taiga-ui/core/directives/hint-controller';\nimport {TEXTFIELD_CONTROLLER_PROVIDER} from '@taiga-ui/core/directives/textfield-controller';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\n\nimport {TuiPrimitiveTextfieldComponent} from './primitive-textfield.component';\n\nexport const TUI_PRIMITIVE_TEXTFIELD_PROVIDERS = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiPrimitiveTextfieldComponent),\n    },\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n];\n","import {InjectionToken} from '@angular/core';\nimport {TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiPrimitiveTextfieldOptions {\n    readonly iconAlign: TuiHorizontalDirection;\n    readonly iconCleaner: PolymorpheusContent;\n}\n\n// TODO: remove in ivy compilation\nexport const TUI_PRIMITIVE_TEXTFIELD_ICON_CLEANER = 'tuiIconCloseLarge';\n\n/** Default values for primitive textfield options */\nexport const TUI_PRIMITIVE_TEXTFIELD_DEFAULT_OPTIONS: TuiPrimitiveTextfieldOptions = {\n    iconAlign: 'right',\n    iconCleaner: TUI_PRIMITIVE_TEXTFIELD_ICON_CLEANER,\n};\n\nexport const TUI_PRIMITIVE_TEXTFIELD_OPTIONS =\n    new InjectionToken<TuiPrimitiveTextfieldOptions>(\n        'Default parameters for primitive textfield component',\n        {\n            factory: () => TUI_PRIMITIVE_TEXTFIELD_DEFAULT_OPTIONS,\n        },\n    );\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AbstractTuiInteractive,\n    isNativeFocused,\n    setNativeFocused,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_HINT_WATCHED_CONTROLLER,\n    TuiHintControllerDirective,\n} from '@taiga-ui/core/directives/hint-controller';\nimport {\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiTextfieldController,\n} from '@taiga-ui/core/directives/textfield-controller';\nimport {TUI_MODE, TUI_TEXTFIELD_APPEARANCE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';\nimport {getBorder} from '@taiga-ui/core/utils/miscellaneous';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {fromEvent, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TUI_PRIMITIVE_TEXTFIELD_PROVIDERS} from './primitive-textfield.providers';\nimport {\n    TUI_PRIMITIVE_TEXTFIELD_OPTIONS,\n    TuiPrimitiveTextfieldOptions,\n} from './primitive-textfield-options';\n\nconst ICON_PADDING = 1.75;\nconst ICON_PADDING_S = 1.5;\n\n@Component({\n    selector: 'tui-primitive-textfield',\n    templateUrl: './primitive-textfield.template.html',\n    styleUrls: ['./primitive-textfield.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_PRIMITIVE_TEXTFIELD_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '[class._autofilled]': 'autofilled',\n    },\n})\nexport class TuiPrimitiveTextfieldComponent\n    extends AbstractTuiInteractive\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    filler = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiPrimitiveTextfieldOptions['iconAlign'] = this.options.iconAlign;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    iconContent: PolymorpheusContent | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconCleaner: TuiPrimitiveTextfieldOptions['iconCleaner'] = this.options.iconCleaner;\n\n    @Input()\n    @HostBinding('class._readonly')\n    @tuiDefaultProp()\n    readOnly = false;\n\n    @Input()\n    @tuiDefaultProp()\n    invalid = false;\n\n    @Input()\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    value = '';\n\n    @Output()\n    readonly valueChange = new EventEmitter<string>();\n\n    @Output()\n    readonly autofilledChange = new EventEmitter<boolean>();\n\n    @ContentChildren(PolymorpheusOutletComponent)\n    readonly content?: QueryList<unknown>;\n\n    autofilled = false;\n\n    constructor(\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_PRIMITIVE_TEXTFIELD_OPTIONS)\n        readonly options: TuiPrimitiveTextfieldOptions,\n    ) {\n        super();\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.focusableElement\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostBinding('attr.data-tui-host-size')\n    get size(): TuiSizeS | TuiSizeL {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        return this.controller.labelOutside;\n    }\n\n    @HostBinding('class._invalid')\n    get computedInvalid(): boolean {\n        return !this.readOnly && !this.disabled && this.invalid;\n    }\n\n    get inputHidden(): boolean {\n        return !!this.content?.length;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value;\n    }\n\n    get hasCleaner(): boolean {\n        return (\n            this.controller.cleaner && this.hasValue && !this.disabled && !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController?.content && !this.disabled;\n    }\n\n    get hasCustomContent(): boolean {\n        return !!this.controller.customContent;\n    }\n\n    get hasPlaceholder(): boolean {\n        const hasDecor = this.controller.exampleText || this.prefix || this.postfix;\n        const showDecor = hasDecor && !this.readOnly && this.computedFocused;\n        const placeholderVisible = !this.hasValue && !showDecor;\n\n        return this.placeholderRaisable || placeholderVisible;\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            this.placeholderRaisable &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue || this.autofilled)\n        );\n    }\n\n    get borderLeft(): number {\n        return this.iconAlignLeft ? this.iconPaddingLeft : 0;\n    }\n\n    get borderRight(): number {\n        return getBorder(\n            this.iconAlignRight,\n            this.hasCleaner,\n            this.hasTooltip,\n            this.hasCustomContent,\n        );\n    }\n\n    get iconAlignLeft(): boolean {\n        return this.hasIcon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return this.hasIcon && this.iconAlign === 'right';\n    }\n\n    // Safari expiration date autofill workaround\n    get name(): 'ccexpiryyear' | null {\n        return this.controller.autocomplete === TuiCreditCardAutofillName.CcExp\n            ? 'ccexpiryyear'\n            : null;\n    }\n\n    @tuiPure\n    getIndent$(element: HTMLElement): Observable<number> {\n        return fromEvent(element, 'scroll').pipe(map(() => -1 * element.scrollLeft));\n    }\n\n    clear() {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = '';\n        }\n\n        this.updateValue('');\n    }\n\n    onMouseDown(event: MouseEvent) {\n        if (\n            !this.focusableElement ||\n            event.target === this.focusableElement.nativeElement\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.focusableElement.nativeElement);\n    }\n\n    onModelChange(value: string) {\n        this.updateValue(value);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onAutofilled(autofilled: boolean) {\n        this.updateAutofilled(autofilled);\n    }\n\n    private get iconPaddingLeft(): number {\n        return this.size === 's' ? ICON_PADDING_S : ICON_PADDING;\n    }\n\n    private get placeholderRaisable(): boolean {\n        return this.size !== 's' && !this.labelOutside;\n    }\n\n    private get hasIcon(): boolean {\n        return !!this.iconContent;\n    }\n\n    private updateAutofilled(autofilled: boolean) {\n        if (this.autofilled === autofilled) {\n            return;\n        }\n\n        this.autofilled = autofilled;\n        this.autofilledChange.emit(autofilled);\n    }\n\n    private updateValue(value: string) {\n        this.value = value;\n        this.valueChange.emit(value);\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    ViewChild,\n} from '@angular/core';\nimport {MutationObserverDirective} from '@ng-web-apis/mutation-observer';\nimport {\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiTextfieldController,\n} from '@taiga-ui/core/directives';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {defer, EMPTY} from 'rxjs';\nimport {distinctUntilChanged, map, startWith} from 'rxjs/operators';\n\nimport {TuiPrimitiveTextfieldComponent} from '../primitive-textfield.component';\n\n@Component({\n    selector: 'tui-value-decoration',\n    templateUrl: 'value-decoration.template.html',\n    styleUrls: ['value-decoration.style.less'],\n    // It follows Change Detection of PrimitiveTextfield\n    changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class TuiValueDecorationComponent {\n    @ViewChild('pre', {read: ElementRef, static: true})\n    private readonly pre?: ElementRef<HTMLElement>;\n\n    @ViewChild(MutationObserverDirective, {static: true})\n    private readonly directive?: MutationObserverDirective;\n\n    readonly pre$ = defer(() => this.directive?.waMutationObserver ?? EMPTY).pipe(\n        map(() => this.pre?.nativeElement.offsetWidth ?? 0),\n        startWith(0),\n        distinctUntilChanged(),\n    );\n\n    constructor(\n        @Inject(TuiPrimitiveTextfieldComponent)\n        private readonly textfield: TuiPrimitiveTextfieldComponent,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        private readonly controller: TuiTextfieldController,\n    ) {}\n\n    @HostBinding('class._table')\n    get isContextTable(): boolean {\n        return this.textfield.appearance === TuiAppearance.Table;\n    }\n\n    get value(): string {\n        return this.textfield.value;\n    }\n\n    get filler(): string {\n        return this.focused\n            ? this.exampleText || this.textfield.filler.slice(this.value.length)\n            : '';\n    }\n\n    get prefix(): string {\n        return this.decorationsVisible ? this.textfield.prefix : '';\n    }\n\n    get postfix(): string {\n        return this.decorationsVisible ? this.computedPostfix : '';\n    }\n\n    private get exampleText(): string {\n        return !this.value && this.focused ? this.controller.exampleText : '';\n    }\n\n    private get decorationsVisible(): boolean {\n        return !!this.value || this.focused;\n    }\n\n    private get focused(): boolean {\n        return this.textfield.computedFocused && !this.textfield.readOnly;\n    }\n\n    private get computedPostfix(): string {\n        return this.textfield.postfix && (this.filler || this.value)\n            ? ` ${this.textfield.postfix}`\n            : this.textfield.postfix;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MutationObserverModule} from '@ng-web-apis/mutation-observer';\nimport {\n    TuiAutofilledModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\nimport {TuiTooltipModule} from '@taiga-ui/core/components/tooltip';\nimport {TuiWrapperModule} from '@taiga-ui/core/components/wrapper';\nimport {TuiBorderModule} from '@taiga-ui/core/directives/border';\nimport {TuiDescribedByModule} from '@taiga-ui/core/directives/described-by';\nimport {TuiMaskAccessorModule} from '@taiga-ui/core/directives/mask-accessor';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPrimitiveTextfieldComponent} from './primitive-textfield.component';\nimport {TuiValueDecorationComponent} from './value-decoration/value-decoration.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiMaskAccessorModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiInputModeModule,\n        PolymorpheusModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiTooltipModule,\n        TuiAutofilledModule,\n        TuiDescribedByModule,\n        TuiPreventDefaultModule,\n        TuiBorderModule,\n        MutationObserverModule,\n    ],\n    declarations: [TuiPrimitiveTextfieldComponent, TuiValueDecorationComponent],\n    exports: [TuiPrimitiveTextfieldComponent],\n})\nexport class TuiPrimitiveTextfieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TuiTextfieldController","TUI_TEXTFIELD_WATCHED_CONTROLLER"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-core-components-primitive-textfield.js","sources":["ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield.providers.ts","ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield-options.ts","ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield.component.ts","ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield.directive.ts","ng://@taiga-ui/core/components/primitive-textfield/textfield/textfield.component.ts","ng://@taiga-ui/core/components/primitive-textfield/value-decoration/value-decoration.component.ts","ng://@taiga-ui/core/components/primitive-textfield/primitive-textfield.module.ts","ng://@taiga-ui/core/components/primitive-textfield/taiga-ui-core-components-primitive-textfield.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {HINT_CONTROLLER_PROVIDER} from '@taiga-ui/core/directives/hint-controller';\nimport {TEXTFIELD_CONTROLLER_PROVIDER} from '@taiga-ui/core/directives/textfield-controller';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\n\nimport {TuiPrimitiveTextfieldComponent} from './primitive-textfield.component';\n\nexport const TUI_PRIMITIVE_TEXTFIELD_PROVIDERS = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiPrimitiveTextfieldComponent),\n    },\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n];\n","import {InjectionToken} from '@angular/core';\nimport {TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiPrimitiveTextfieldOptions {\n    readonly iconAlign: TuiHorizontalDirection;\n    readonly iconCleaner: PolymorpheusContent;\n}\n\n// TODO: remove in ivy compilation\nexport const TUI_PRIMITIVE_TEXTFIELD_ICON_CLEANER = 'tuiIconCloseLarge';\n\n/** Default values for primitive textfield options */\nexport const TUI_PRIMITIVE_TEXTFIELD_DEFAULT_OPTIONS: TuiPrimitiveTextfieldOptions = {\n    iconAlign: 'right',\n    iconCleaner: TUI_PRIMITIVE_TEXTFIELD_ICON_CLEANER,\n};\n\nexport const TUI_PRIMITIVE_TEXTFIELD_OPTIONS =\n    new InjectionToken<TuiPrimitiveTextfieldOptions>(\n        'Default parameters for primitive textfield component',\n        {\n            factory: () => TUI_PRIMITIVE_TEXTFIELD_DEFAULT_OPTIONS,\n        },\n    );\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AbstractTuiInteractive,\n    isNativeFocusedIn,\n    setNativeFocused,\n    TuiContextWithImplicit,\n    TuiCreditCardAutofillName,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_HINT_WATCHED_CONTROLLER,\n    TuiHintControllerDirective,\n} from '@taiga-ui/core/directives/hint-controller';\nimport {\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiTextfieldController,\n} from '@taiga-ui/core/directives/textfield-controller';\nimport {TUI_MODE, TUI_TEXTFIELD_APPEARANCE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';\nimport {getBorder} from '@taiga-ui/core/utils/miscellaneous';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {fromEvent, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TUI_PRIMITIVE_TEXTFIELD_PROVIDERS} from './primitive-textfield.providers';\nimport {\n    TUI_PRIMITIVE_TEXTFIELD_OPTIONS,\n    TuiPrimitiveTextfieldOptions,\n} from './primitive-textfield-options';\n\nconst ICON_PADDING = 1.75;\nconst ICON_PADDING_S = 1.5;\n\n@Component({\n    selector: 'tui-primitive-textfield',\n    templateUrl: './primitive-textfield.template.html',\n    styleUrls: ['./primitive-textfield.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_PRIMITIVE_TEXTFIELD_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '[class._autofilled]': 'autofilled',\n        '[class._label-outside]': 'controller.labelOutside',\n    },\n})\nexport class TuiPrimitiveTextfieldComponent\n    extends AbstractTuiInteractive\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    filler = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiPrimitiveTextfieldOptions['iconAlign'] = this.options.iconAlign;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    iconContent: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>> | null =\n        null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconCleaner: TuiPrimitiveTextfieldOptions['iconCleaner'] = this.options.iconCleaner;\n\n    @Input()\n    @HostBinding('class._readonly')\n    @tuiDefaultProp()\n    readOnly = false;\n\n    @Input()\n    @tuiDefaultProp()\n    invalid = false;\n\n    @Input()\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    value = '';\n\n    @Output()\n    readonly valueChange = new EventEmitter<string>();\n\n    /**\n     * @deprecated TODO: remove in 3.0\n     */\n    @Output()\n    readonly autofilledChange = new EventEmitter<boolean>();\n\n    @ContentChildren(PolymorpheusOutletComponent)\n    readonly content?: QueryList<unknown>;\n\n    autofilled = false;\n\n    constructor(\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_PRIMITIVE_TEXTFIELD_OPTIONS)\n        readonly options: TuiPrimitiveTextfieldOptions,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super();\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        if (this.computedDisabled || !this.focusableElement) {\n            return null;\n        }\n\n        // TODO: Refactor this after we drop built-in input element\n        return (\n            (this.focusableElement.nativeElement\n                .previousElementSibling as HTMLInputElement | null) ||\n            this.focusableElement.nativeElement\n        );\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeS | TuiSizeL {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._invalid')\n    get computedInvalid(): boolean {\n        return !this.readOnly && !this.disabled && this.invalid;\n    }\n\n    @HostBinding('class._hidden')\n    get inputHidden(): boolean {\n        return !!this.content?.length;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value;\n    }\n\n    get hasCleaner(): boolean {\n        return (\n            this.controller.cleaner && this.hasValue && !this.disabled && !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController?.content && !this.disabled;\n    }\n\n    get hasCustomContent(): boolean {\n        return !!this.controller.customContent;\n    }\n\n    get hasPlaceholder(): boolean {\n        const hasDecor =\n            this.controller.exampleText ||\n            this.prefix ||\n            this.postfix ||\n            this.nativeFocusableElement?.placeholder;\n        const showDecor = hasDecor && !this.readOnly && this.computedFocused;\n        const placeholderVisible = !this.hasValue && !showDecor;\n\n        return this.placeholderRaisable || placeholderVisible;\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            this.placeholderRaisable &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue || this.autofilled)\n        );\n    }\n\n    @HostBinding('style.--border-start.rem')\n    get borderStart(): number {\n        return this.iconAlignLeft ? this.iconPaddingLeft : 0;\n    }\n\n    @HostBinding('style.--border-end.rem')\n    get borderEnd(): number {\n        return getBorder(\n            this.iconAlignRight,\n            this.hasCleaner,\n            this.hasTooltip,\n            this.hasCustomContent,\n        );\n    }\n\n    get iconAlignLeft(): boolean {\n        return this.hasIcon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return this.hasIcon && this.iconAlign === 'right';\n    }\n\n    // Safari expiration date autofill workaround\n    get name(): 'ccexpiryyear' | null {\n        return this.controller.autocomplete === TuiCreditCardAutofillName.CcExp\n            ? 'ccexpiryyear'\n            : null;\n    }\n\n    get computedId(): string {\n        return this.nativeFocusableElement?.id || '';\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    @tuiPure\n    getIndent$(element: HTMLElement): Observable<number> {\n        return fromEvent(element, 'scroll').pipe(map(() => -1 * element.scrollLeft));\n    }\n\n    clear() {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = '';\n        }\n\n        this.updateValue('');\n    }\n\n    onMouseDown(event: MouseEvent) {\n        const {nativeFocusableElement} = this;\n\n        if (!nativeFocusableElement || event.target === nativeFocusableElement) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(nativeFocusableElement);\n    }\n\n    onModelChange(value: string) {\n        this.updateValue(value);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onAutofilled(autofilled: boolean) {\n        this.updateAutofilled(autofilled);\n    }\n\n    private get iconPaddingLeft(): number {\n        return this.size === 's' ? ICON_PADDING_S : ICON_PADDING;\n    }\n\n    private get placeholderRaisable(): boolean {\n        return this.size !== 's' && !this.controller.labelOutside;\n    }\n\n    private get hasIcon(): boolean {\n        return !!this.iconContent;\n    }\n\n    private updateAutofilled(autofilled: boolean) {\n        if (this.autofilled === autofilled) {\n            return;\n        }\n\n        this.autofilled = autofilled;\n        this.autofilledChange.emit(autofilled);\n    }\n\n    private updateValue(value: string) {\n        this.value = value;\n        this.valueChange.emit(value);\n    }\n}\n","import {Directive, forwardRef, Inject} from '@angular/core';\nimport {AbstractTuiControl} from '@taiga-ui/cdk';\nimport {TuiAbstractTextfieldHost} from '@taiga-ui/core/abstract';\nimport {TUI_TEXTFIELD_HOST} from '@taiga-ui/core/tokens';\n\nimport {TuiPrimitiveTextfieldComponent} from './primitive-textfield.component';\n\n@Directive({\n    selector: 'tui-primitive-textfield',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiPrimitiveTextfieldDirective),\n        },\n    ],\n})\nexport class TuiPrimitiveTextfieldDirective extends TuiAbstractTextfieldHost<any> {\n    constructor(\n        @Inject(TuiPrimitiveTextfieldComponent)\n        private readonly textfield: TuiPrimitiveTextfieldComponent,\n    ) {\n        /**\n         * TuiPrimitiveTextfieldComponent satisfies all required parts of\n         * AbstractTuiControl interface. A new interface is not introduced\n         * so AbstractTuiControl is automatically injected for all other controls.\n         */\n        super(textfield as any as AbstractTuiControl<unknown>);\n    }\n\n    get readOnly(): boolean {\n        return this.textfield.readOnly || !this.textfield.editable;\n    }\n\n    onValueChange(value: string) {\n        this.textfield.onModelChange(value);\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Inject,\n} from '@angular/core';\nimport {TuiIdService} from '@taiga-ui/cdk';\nimport {\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_DESCRIBED_BY_PROVIDERS,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDescribedByDirective,\n    TuiTextfieldController,\n} from '@taiga-ui/core/directives';\nimport {TuiTextfieldHost} from '@taiga-ui/core/interfaces';\nimport {TUI_TEXTFIELD_HOST} from '@taiga-ui/core/tokens';\n\n// @dynamic\n@Component({\n    selector: 'input[tuiTextfield]',\n    template: '',\n    providers: [\n        TuiDescribedByDirective,\n        TUI_DESCRIBED_BY_PROVIDERS,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n    ],\n    host: {\n        type: 'text',\n        '[attr.aria-placeholder]': 'controller.exampleText',\n        '[attr.aria-invalid]': 'host.invalid',\n        '[attr.disabled]': 'host.disabled || null',\n        '[tabIndex]': 'host.focusable ? 0 : -1',\n        '[readOnly]': 'host.readOnly',\n        '[value]': 'host.value',\n        '(input)': 'host.onValueChange($event.target.value)',\n    },\n    styleUrls: ['textfield.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiTextfieldComponent implements DoCheck {\n    constructor(\n        @Inject(TUI_TEXTFIELD_HOST) readonly host: TuiTextfieldHost,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(TuiDescribedByDirective)\n        private readonly describedBy: TuiDescribedByDirective,\n        @Inject(TuiIdService)\n        private readonly idService: TuiIdService,\n    ) {\n        this.host.process(this.elementRef.nativeElement);\n    }\n\n    @HostBinding('attr.aria-describedby')\n    get computedDescribedBy(): string | null {\n        return this.describedBy.computedDescribedBy;\n    }\n\n    @HostBinding('id')\n    get id(): string {\n        return this.elementRef.nativeElement.id || this.idService.generate();\n    }\n\n    ngDoCheck() {\n        this.describedBy.tuiDescribedBy = this.id;\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    ViewChild,\n} from '@angular/core';\nimport {MutationObserverDirective} from '@ng-web-apis/mutation-observer';\nimport {\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiTextfieldController,\n} from '@taiga-ui/core/directives';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {defer, EMPTY} from 'rxjs';\nimport {distinctUntilChanged, map, startWith} from 'rxjs/operators';\n\nimport {TuiPrimitiveTextfieldComponent} from '../primitive-textfield.component';\n\n@Component({\n    selector: 'tui-value-decoration',\n    templateUrl: 'value-decoration.template.html',\n    styleUrls: ['value-decoration.style.less'],\n    // It follows Change Detection of PrimitiveTextfield\n    changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class TuiValueDecorationComponent {\n    @ViewChild('pre', {read: ElementRef, static: true})\n    private readonly pre?: ElementRef<HTMLElement>;\n\n    @ViewChild(MutationObserverDirective, {static: true})\n    private readonly directive?: MutationObserverDirective;\n\n    readonly pre$ = defer(() => this.directive?.waMutationObserver ?? EMPTY).pipe(\n        map(() => this.pre?.nativeElement.offsetWidth ?? 0),\n        startWith(0),\n        distinctUntilChanged(),\n    );\n\n    constructor(\n        @Inject(TuiPrimitiveTextfieldComponent)\n        private readonly textfield: TuiPrimitiveTextfieldComponent,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        private readonly controller: TuiTextfieldController,\n    ) {}\n\n    @HostBinding('class._table')\n    get isContextTable(): boolean {\n        return this.textfield.appearance === TuiAppearance.Table;\n    }\n\n    get value(): string {\n        return this.textfield.value;\n    }\n\n    get filler(): string {\n        const {focused, placeholder, exampleText, value, textfield} = this;\n\n        if (focused && placeholder && exampleText) {\n            return '';\n        }\n\n        return focused ? exampleText || textfield.filler.slice(value.length) : '';\n    }\n\n    get prefix(): string {\n        return this.decorationsVisible ? this.textfield.prefix : '';\n    }\n\n    get postfix(): string {\n        return this.decorationsVisible ? this.computedPostfix : '';\n    }\n\n    private get placeholder(): string {\n        return this.textfield.nativeFocusableElement?.placeholder || '';\n    }\n\n    private get exampleText(): string {\n        const exampleText = this.controller.exampleText || this.placeholder;\n\n        return !this.value && this.focused ? exampleText : '';\n    }\n\n    private get decorationsVisible(): boolean {\n        return !!this.value || this.focused;\n    }\n\n    private get focused(): boolean {\n        return this.textfield.computedFocused && !this.textfield.readOnly;\n    }\n\n    private get computedPostfix(): string {\n        return this.textfield.postfix && (this.filler || this.value)\n            ? ` ${this.textfield.postfix}`\n            : this.textfield.postfix;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MutationObserverModule} from '@ng-web-apis/mutation-observer';\nimport {\n    TuiAutofilledModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\nimport {TuiTooltipModule} from '@taiga-ui/core/components/tooltip';\nimport {TuiWrapperModule} from '@taiga-ui/core/components/wrapper';\nimport {TuiDescribedByModule} from '@taiga-ui/core/directives/described-by';\nimport {TuiMaskAccessorModule} from '@taiga-ui/core/directives/mask-accessor';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPrimitiveTextfieldComponent} from './primitive-textfield.component';\nimport {TuiPrimitiveTextfieldDirective} from './primitive-textfield.directive';\nimport {TuiTextfieldComponent} from './textfield/textfield.component';\nimport {TuiValueDecorationComponent} from './value-decoration/value-decoration.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiMaskAccessorModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiInputModeModule,\n        PolymorpheusModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiTooltipModule,\n        TuiAutofilledModule,\n        TuiDescribedByModule,\n        TuiPreventDefaultModule,\n        MutationObserverModule,\n    ],\n    declarations: [\n        TuiPrimitiveTextfieldComponent,\n        TuiPrimitiveTextfieldDirective,\n        TuiTextfieldComponent,\n        TuiValueDecorationComponent,\n    ],\n    exports: [\n        TuiPrimitiveTextfieldComponent,\n        TuiPrimitiveTextfieldDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiPrimitiveTextfieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TuiTextfieldController","TUI_TEXTFIELD_WATCHED_CONTROLLER","TEXTFIELD_CONTROLLER_PROVIDER"],"mappings":"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"}