@taiga-ui/kit 2.31.0 → 2.35.0

package/fesm5/taiga-ui-kit-components-input.js

@@ -1,8 +1,8 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_FOCUSABLE_ITEM_ACCESSOR, isNativeFocused, setNativeFocused, tuiDefaultProp, AbstractTuiControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_DATA_LIST_HOST, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule } from '@taiga-ui/core';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, isNativeFocused, setNativeFocused, tuiDefaultProp, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import { TUI_DATA_LIST_HOST, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TUI_VALUE_ACCESSOR_PROVIDER, FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
 
@@ -13,6 +13,10 @@ var TUI_INPUT_PROVIDERS = [
         provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
         useExisting: forwardRef(function () { return TuiInputComponent; }),
     },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiInputComponent; }),
+    },
     {
         provide: TUI_DATA_LIST_HOST,
         useExisting: forwardRef(function () { return TuiInputComponent; }),
@@ -107,7 +111,7 @@ var TuiInputComponent = /** @class */ (function (_super) {
     TuiInputComponent = __decorate([
         Component({
             selector: 'tui-input',
-            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [iconAlign]=\"iconAlign\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [iconAlign]=\"iconAlign\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: TUI_INPUT_PROVIDERS,
             styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}"]
@@ -120,6 +124,30 @@ var TuiInputComponent = /** @class */ (function (_super) {
     return TuiInputComponent;
 }(AbstractTuiControl));
 
+var TuiInputDirective = /** @class */ (function (_super) {
+    __extends(TuiInputDirective, _super);
+    function TuiInputDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputDirective_1 = TuiInputDirective;
+    TuiInputDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    var TuiInputDirective_1;
+    TuiInputDirective = TuiInputDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputDirective);
+    return TuiInputDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputModule = /** @class */ (function () {
     function TuiInputModule() {
     }
@@ -131,8 +159,8 @@ var TuiInputModule = /** @class */ (function () {
                 TuiPrimitiveTextfieldModule,
                 TuiHostedDropdownModule,
             ],
-            declarations: [TuiInputComponent],
-            exports: [TuiInputComponent],
+            declarations: [TuiInputComponent, TuiInputDirective],
+            exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],
         })
     ], TuiInputModule);
     return TuiInputModule;
@@ -142,5 +170,5 @@ var TuiInputModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_INPUT_PROVIDERS, TuiInputComponent, TuiInputModule };
+export { TUI_INPUT_PROVIDERS, TuiInputComponent, TuiInputDirective, TuiInputModule };
 //# sourceMappingURL=taiga-ui-kit-components-input.js.map

package/fesm5/taiga-ui-kit-components-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input.js","sources":["ng://@taiga-ui/kit/components/input/input.providers.ts","ng://@taiga-ui/kit/components/input/input.component.ts","ng://@taiga-ui/kit/components/input/input.module.ts","ng://@taiga-ui/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core';\nimport {\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputComponent} from './input.component';\n\nexport const TUI_INPUT_PROVIDERS = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    setNativeFocused,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_INPUT_PROVIDERS} from './input.providers';\n\n@Component({\n    selector: 'tui-input',\n    templateUrl: './input.template.html',\n    styleUrls: ['./input.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_PROVIDERS,\n})\nexport class TuiInputComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'left';\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n        this.open = true;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    handleOption(item: unknown) {\n        this.setNativeValue(String(item));\n        this.focusInput();\n        this.updateValue(String(item));\n        this.open = false;\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiPrimitiveTextfieldModule} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n    ],\n    declarations: [TuiInputComponent],\n    exports: [TuiInputComponent],\n})\nexport class TuiInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-input.js","sources":["ng://@taiga-ui/kit/components/input/input.providers.ts","ng://@taiga-ui/kit/components/input/input.component.ts","ng://@taiga-ui/kit/components/input/input.directive.ts","ng://@taiga-ui/kit/components/input/input.module.ts","ng://@taiga-ui/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core';\nimport {\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputComponent} from './input.component';\n\nexport const TUI_INPUT_PROVIDERS = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    setNativeFocused,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_INPUT_PROVIDERS} from './input.providers';\n\n@Component({\n    selector: 'tui-input',\n    templateUrl: './input.template.html',\n    styleUrls: ['./input.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_PROVIDERS,\n})\nexport class TuiInputComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'left';\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n        this.open = true;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    handleOption(item: unknown) {\n        this.setNativeValue(String(item));\n        this.focusInput();\n        this.updateValue(String(item));\n        this.open = false;\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@Directive({\n    selector: 'tui-input',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputDirective),\n        },\n    ],\n})\nexport class TuiInputDirective extends TuiAbstractTextfieldHost<TuiInputComponent> {\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\nimport {TuiInputDirective} from './input.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n    ],\n    declarations: [TuiInputComponent, TuiInputDirective],\n    exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],\n})\nexport class TuiInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-line-clamp.js

@@ -1,5 +1,5 @@
 import { __read, __decorate, __param } from 'tslib';
-import { ElementRef, Inject, Renderer2, ViewChild, Input, HostBinding, HostListener, Component, ChangeDetectionStrategy, ViewContainerRef, NgZone, Directive, NgModule } from '@angular/core';
+import { ElementRef, Inject, Renderer2, ChangeDetectorRef, NgZone, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, ViewContainerRef, Directive, NgModule } from '@angular/core';
 import { typedFromEvent, isCurrentTarget, tuiDefaultProp, tuiPure, CHAR_ELLIPSIS, tuiZonefree, TuiDestroyService, TuiResizeModule } from '@taiga-ui/cdk';
 import { PolymorpheusOutletComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { BehaviorSubject, of, Observable } from 'rxjs';
@@ -10,17 +10,16 @@ import { setRangeOffset } from '@taiga-ui/kit/utils/dom';
 import { TuiHintModule } from '@taiga-ui/core';
 
 var TuiLineClampComponent = /** @class */ (function () {
-    function TuiLineClampComponent(elementRef, renderer) {
-        var _this = this;
+    function TuiLineClampComponent(elementRef, renderer, cd, ngZone) {
         this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.cd = cd;
+        this.ngZone = ngZone;
         this.linesLimit$ = new BehaviorSubject(1);
         this.initialized = false;
         this.lineHeight = 24;
         this.content = '';
-        // Skipping initial transition
-        setTimeout(function () {
-            renderer.addClass(_this.elementRef.nativeElement, '_initialized');
-        });
+        this.skipInitialTransition();
     }
     Object.defineProperty(TuiLineClampComponent.prototype, "linesLimit", {
         set: function (linesLimit) {
@@ -83,14 +82,26 @@ var TuiLineClampComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    // Change detection
-    TuiLineClampComponent.prototype.markForCheck = function () { };
+    TuiLineClampComponent.prototype.updateView = function () {
+        this.cd.detectChanges();
+    };
     TuiLineClampComponent.prototype.ngAfterViewInit = function () {
         this.initialized = true;
     };
+    TuiLineClampComponent.prototype.skipInitialTransition = function () {
+        var _this = this;
+        this.ngZone.runOutsideAngular(function () {
+            setTimeout(function () {
+                _this.renderer.addClass(_this.elementRef.nativeElement, '_initialized');
+                _this.cd.detectChanges();
+            });
+        });
+    };
     TuiLineClampComponent.ctorParameters = function () { return [
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] }
+        { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
+        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
+        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] }
     ]; };
     __decorate([
         ViewChild(PolymorpheusOutletComponent, { read: ElementRef })
@@ -116,18 +127,17 @@ var TuiLineClampComponent = /** @class */ (function () {
     __decorate([
         HostBinding('style.height.px')
     ], TuiLineClampComponent.prototype, "height", null);
-    __decorate([
-        HostListener('mouseenter')
-    ], TuiLineClampComponent.prototype, "markForCheck", null);
     TuiLineClampComponent = __decorate([
         Component({
             selector: 'tui-line-clamp',
-            template: "<div\n    polymorpheus-outlet\n    lineClamp\n    tuiHintId=\"unnecessary\"\n    tuiHintMode=\"overflow\"\n    class=\"wrapper\"\n    [tuiHint]=\"computedContent\"\n    [class.wrapper_ellipsis]=\"oneLine\"\n    [style.-webkit-line-clamp]=\"lineClamp$ | async\"\n    [content]=\"content\"\n    (tuiResize)=\"markForCheck()\"\n></div>\n",
+            template: "<div\n    polymorpheus-outlet\n    lineClamp\n    tuiHintId=\"unnecessary\"\n    tuiHintMode=\"overflow\"\n    class=\"wrapper\"\n    [tuiHint]=\"computedContent\"\n    [class.wrapper_ellipsis]=\"oneLine\"\n    [style.-webkit-line-clamp]=\"lineClamp$ | async\"\n    [content]=\"content\"\n    (tuiResize)=\"updateView()\"\n></div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [":host{position:relative;display:block;overflow:hidden}:host._initialized{transition-property:max-height;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.wrapper{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wrapper_ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}"]
         }),
         __param(0, Inject(ElementRef)),
-        __param(1, Inject(Renderer2))
+        __param(1, Inject(Renderer2)),
+        __param(2, Inject(ChangeDetectorRef)),
+        __param(3, Inject(NgZone))
     ], TuiLineClampComponent);
     return TuiLineClampComponent;
 }());

package/fesm5/taiga-ui-kit-components-line-clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-line-clamp.js","sources":["ng://@taiga-ui/kit/components/line-clamp/line-clamp.component.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.directive.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.module.ts","ng://@taiga-ui/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiPure, typedFromEvent} from '@taiga-ui/cdk';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {BehaviorSubject, Observable, of} from 'rxjs';\nimport {filter, mapTo, pairwise, startWith, switchMap} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-line-clamp',\n    templateUrl: './line-clamp.template.html',\n    styleUrls: ['./line-clamp.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineClampComponent implements AfterViewInit {\n    @ViewChild(PolymorpheusOutletComponent, {read: ElementRef})\n    private readonly outlet?: ElementRef<HTMLElement>;\n\n    private readonly linesLimit$ = new BehaviorSubject(1);\n    private initialized = false;\n\n    @Input()\n    @tuiDefaultProp()\n    set linesLimit(linesLimit: number) {\n        this.linesLimit$.next(linesLimit);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    lineHeight = 24;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent = '';\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) renderer: Renderer2,\n    ) {\n        // Skipping initial transition\n        setTimeout(() => {\n            renderer.addClass(this.elementRef.nativeElement, '_initialized');\n        });\n    }\n\n    @tuiPure\n    get lineClamp$(): Observable<number> {\n        return this.linesLimit$.pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : typedFromEvent(this.elementRef.nativeElement, 'transitionend').pipe(\n                          filter(isCurrentTarget),\n                          mapTo(next),\n                      ),\n            ),\n        );\n    }\n\n    get overflown(): boolean {\n        if (!this.outlet) {\n            return false;\n        }\n\n        const {scrollHeight, scrollWidth} = this.outlet.nativeElement;\n        const {clientHeight, clientWidth} = this.elementRef.nativeElement;\n\n        // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n        return scrollHeight - clientHeight > 4 || scrollWidth - clientWidth > 0;\n    }\n\n    get computedContent(): PolymorpheusContent {\n        return this.overflown ? this.content : '';\n    }\n\n    get oneLine(): boolean {\n        return this.linesLimit$.value === 1;\n    }\n\n    @HostBinding('style.maxHeight.px')\n    get maxHeight(): number | null {\n        return this.initialized ? this.lineHeight * this.linesLimit$.value : null;\n    }\n\n    @HostBinding('style.height.px')\n    get height(): number | null {\n        return !this.outlet ? 0 : this.outlet.nativeElement.scrollHeight + 4 || null;\n    }\n\n    // Change detection\n    @HostListener('mouseenter')\n    markForCheck() {}\n\n    ngAfterViewInit() {\n        this.initialized = true;\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    Inject,\n    NgZone,\n    Renderer2,\n    ViewContainerRef,\n} from '@angular/core';\nimport {ANIMATION_FRAME, CSS} from '@ng-web-apis/common';\nimport {CHAR_ELLIPSIS, TuiDestroyService, tuiZonefree} from '@taiga-ui/cdk';\nimport {setRangeOffset} from '@taiga-ui/kit/utils/dom';\nimport {Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\n\nconst HIDDEN_LEFT = -200;\n\n// @dynamic\n@Directive({\n    selector: '[lineClamp]',\n    providers: [TuiDestroyService],\n})\nexport class TuiLineClampDirective {\n    constructor(\n        @Inject(TuiLineClampComponent) component: TuiLineClampComponent,\n        @Inject(ViewContainerRef) viewContainerRef: ViewContainerRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        /**\n         * TODO: remove \"any\" in new TS version; https://github.com/ng-web-apis/common/pull/6\n         */\n        @Inject(CSS) cssRef: any,\n    ) {\n        if (\n            cssRef.supports('-webkit-line-clamp', '1') ||\n            !(nativeElement.parentElement instanceof HTMLElement)\n        ) {\n            return;\n        }\n\n        const range = documentRef.createRange();\n        const ellipsis: HTMLElement = renderer.createElement('div');\n        const {parentElement} = nativeElement;\n        const {style} = ellipsis;\n\n        style.position = 'absolute';\n        style.bottom = '0';\n        style.left = `${HIDDEN_LEFT}px`;\n        ellipsis.textContent = CHAR_ELLIPSIS;\n\n        viewContainerRef.element.nativeElement.appendChild(ellipsis);\n\n        animationFrame$\n            .pipe(\n                map(() => {\n                    // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n                    if (\n                        component.oneLine ||\n                        nativeElement.scrollHeight - parentElement.clientHeight < 4\n                    ) {\n                        return HIDDEN_LEFT;\n                    }\n\n                    let result = 0;\n                    const length = nativeElement.textContent\n                        ? nativeElement.textContent.length\n                        : 0;\n\n                    for (let char = 0; char < length - 2; char++) {\n                        setRangeOffset(range, nativeElement, char, 'setStart');\n                        setRangeOffset(range, nativeElement, char + 1, 'setEnd');\n\n                        const rangeRect = range.getBoundingClientRect();\n                        const clientRect = parentElement.getBoundingClientRect();\n\n                        if (Math.round(rangeRect.top - clientRect.bottom) >= 0) {\n                            break;\n                        }\n\n                        result = rangeRect.right - clientRect.left;\n                    }\n\n                    return result;\n                }),\n                tuiZonefree(ngZone),\n                takeUntil(destroy$),\n            )\n            .subscribe(left => {\n                style.left = `${left}px`;\n            });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\nimport {TuiLineClampDirective} from './line-clamp.directive';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiHintModule, TuiResizeModule],\n    declarations: [TuiLineClampComponent, TuiLineClampDirective],\n    exports: [TuiLineClampComponent],\n})\nexport class TuiLineClampModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-line-clamp.js","sources":["ng://@taiga-ui/kit/components/line-clamp/line-clamp.component.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.directive.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.module.ts","ng://@taiga-ui/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    NgZone,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiPure, typedFromEvent} from '@taiga-ui/cdk';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {BehaviorSubject, Observable, of} from 'rxjs';\nimport {filter, mapTo, pairwise, startWith, switchMap} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-line-clamp',\n    templateUrl: './line-clamp.template.html',\n    styleUrls: ['./line-clamp.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineClampComponent implements AfterViewInit {\n    @ViewChild(PolymorpheusOutletComponent, {read: ElementRef})\n    private readonly outlet?: ElementRef<HTMLElement>;\n\n    private readonly linesLimit$ = new BehaviorSubject(1);\n    private initialized = false;\n\n    @Input()\n    @tuiDefaultProp()\n    set linesLimit(linesLimit: number) {\n        this.linesLimit$.next(linesLimit);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    lineHeight = 24;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent = '';\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(ChangeDetectorRef) private readonly cd: ChangeDetectorRef,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n    ) {\n        this.skipInitialTransition();\n    }\n\n    @tuiPure\n    get lineClamp$(): Observable<number> {\n        return this.linesLimit$.pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : typedFromEvent(this.elementRef.nativeElement, 'transitionend').pipe(\n                          filter(isCurrentTarget),\n                          mapTo(next),\n                      ),\n            ),\n        );\n    }\n\n    get overflown(): boolean {\n        if (!this.outlet) {\n            return false;\n        }\n\n        const {scrollHeight, scrollWidth} = this.outlet.nativeElement;\n        const {clientHeight, clientWidth} = this.elementRef.nativeElement;\n\n        // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n        return scrollHeight - clientHeight > 4 || scrollWidth - clientWidth > 0;\n    }\n\n    get computedContent(): PolymorpheusContent {\n        return this.overflown ? this.content : '';\n    }\n\n    get oneLine(): boolean {\n        return this.linesLimit$.value === 1;\n    }\n\n    @HostBinding('style.maxHeight.px')\n    get maxHeight(): number | null {\n        return this.initialized ? this.lineHeight * this.linesLimit$.value : null;\n    }\n\n    @HostBinding('style.height.px')\n    get height(): number | null {\n        return !this.outlet ? 0 : this.outlet.nativeElement.scrollHeight + 4 || null;\n    }\n\n    updateView() {\n        this.cd.detectChanges();\n    }\n\n    ngAfterViewInit() {\n        this.initialized = true;\n    }\n\n    private skipInitialTransition() {\n        this.ngZone.runOutsideAngular(() => {\n            setTimeout(() => {\n                this.renderer.addClass(this.elementRef.nativeElement, '_initialized');\n                this.cd.detectChanges();\n            });\n        });\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    Inject,\n    NgZone,\n    Renderer2,\n    ViewContainerRef,\n} from '@angular/core';\nimport {ANIMATION_FRAME, CSS} from '@ng-web-apis/common';\nimport {CHAR_ELLIPSIS, TuiDestroyService, tuiZonefree} from '@taiga-ui/cdk';\nimport {setRangeOffset} from '@taiga-ui/kit/utils/dom';\nimport {Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\n\nconst HIDDEN_LEFT = -200;\n\n// @dynamic\n@Directive({\n    selector: '[lineClamp]',\n    providers: [TuiDestroyService],\n})\nexport class TuiLineClampDirective {\n    constructor(\n        @Inject(TuiLineClampComponent) component: TuiLineClampComponent,\n        @Inject(ViewContainerRef) viewContainerRef: ViewContainerRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        /**\n         * TODO: remove \"any\" in new TS version; https://github.com/ng-web-apis/common/pull/6\n         */\n        @Inject(CSS) cssRef: any,\n    ) {\n        if (\n            cssRef.supports('-webkit-line-clamp', '1') ||\n            !(nativeElement.parentElement instanceof HTMLElement)\n        ) {\n            return;\n        }\n\n        const range = documentRef.createRange();\n        const ellipsis: HTMLElement = renderer.createElement('div');\n        const {parentElement} = nativeElement;\n        const {style} = ellipsis;\n\n        style.position = 'absolute';\n        style.bottom = '0';\n        style.left = `${HIDDEN_LEFT}px`;\n        ellipsis.textContent = CHAR_ELLIPSIS;\n\n        viewContainerRef.element.nativeElement.appendChild(ellipsis);\n\n        animationFrame$\n            .pipe(\n                map(() => {\n                    // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n                    if (\n                        component.oneLine ||\n                        nativeElement.scrollHeight - parentElement.clientHeight < 4\n                    ) {\n                        return HIDDEN_LEFT;\n                    }\n\n                    let result = 0;\n                    const length = nativeElement.textContent\n                        ? nativeElement.textContent.length\n                        : 0;\n\n                    for (let char = 0; char < length - 2; char++) {\n                        setRangeOffset(range, nativeElement, char, 'setStart');\n                        setRangeOffset(range, nativeElement, char + 1, 'setEnd');\n\n                        const rangeRect = range.getBoundingClientRect();\n                        const clientRect = parentElement.getBoundingClientRect();\n\n                        if (Math.round(rangeRect.top - clientRect.bottom) >= 0) {\n                            break;\n                        }\n\n                        result = rangeRect.right - clientRect.left;\n                    }\n\n                    return result;\n                }),\n                tuiZonefree(ngZone),\n                takeUntil(destroy$),\n            )\n            .subscribe(left => {\n                style.left = `${left}px`;\n            });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\nimport {TuiLineClampDirective} from './line-clamp.directive';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiHintModule, TuiResizeModule],\n    declarations: [TuiLineClampComponent, TuiLineClampDirective],\n    exports: [TuiLineClampComponent],\n})\nexport class TuiLineClampModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-marker-icon.js

@@ -35,7 +35,7 @@ var TuiMarkerIconComponent = /** @class */ (function () {
     ], TuiMarkerIconComponent.prototype, "mode", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-tui-host-size'),
+        HostBinding('attr.data-size'),
         tuiDefaultProp()
     ], TuiMarkerIconComponent.prototype, "size", void 0);
     __decorate([
@@ -51,7 +51,7 @@ var TuiMarkerIconComponent = /** @class */ (function () {
             template: "<tui-svg class=\"icon\" [src]=\"src\"></tui-svg>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [TuiDestroyService, MODE_PROVIDER],
-            styles: [":host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}:host[data-tui-host-size=xs]{width:2rem;height:2rem}:host[data-tui-host-size='s']{width:3rem;height:3rem}:host[data-tui-host-size='m']{width:4rem;height:4rem}:host[data-tui-host-size='l']{width:6rem;height:6rem}:host[data-tui-host-size=xl]{width:8rem;height:8rem}:host[data-mode=primary]{color:var(--tui-primary-text);background-color:var(--tui-primary)}:host[data-mode=white]{color:var(--tui-text-03);background-color:var(--tui-base-01)}:host[data-mode=warning]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}:host[data-mode=secondary]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}:host[data-mode=error]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}:host[data-mode=success]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}:host[data-mode=onDark]{color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}:host[data-mode=link]{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;color:var(--tui-link);background-color:var(--tui-secondary)}:host[data-mode=link]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}:host[data-mode=link]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.icon{width:3rem;height:3rem}:host[data-tui-host-size=xs] .icon{transform:scale(.667)}:host[data-tui-host-size='m'] .icon{transform:scale(1.333)}:host[data-tui-host-size='l'] .icon{transform:scale(2)}:host[data-tui-host-size=xl] .icon{transform:scale(2.667)}"]
+            styles: [":host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}:host[data-size=xs]{width:2rem;height:2rem}:host[data-size='s']{width:3rem;height:3rem}:host[data-size='m']{width:4rem;height:4rem}:host[data-size='l']{width:6rem;height:6rem}:host[data-size=xl]{width:8rem;height:8rem}:host[data-mode=primary]{color:var(--tui-primary-text);background-color:var(--tui-primary)}:host[data-mode=white]{color:var(--tui-text-03);background-color:var(--tui-base-01)}:host[data-mode=warning]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}:host[data-mode=secondary]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}:host[data-mode=error]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}:host[data-mode=success]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}:host[data-mode=onDark]{color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}:host[data-mode=link]{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;color:var(--tui-link);background-color:var(--tui-secondary)}:host[data-mode=link]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}:host[data-mode=link]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.icon{width:3rem;height:3rem}:host[data-size=xs] .icon{transform:scale(.667)}:host[data-size='m'] .icon{transform:scale(1.333)}:host[data-size='l'] .icon{transform:scale(2)}:host[data-size=xl] .icon{transform:scale(2.667)}"]
         }),
         __param(0, Inject(TuiDestroyService)),
         __param(1, Inject(TUI_MODE))

package/fesm5/taiga-ui-kit-components-marker-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-marker-icon.js","sources":["ng://@taiga-ui/kit/components/marker-icon/marker-icon.component.ts","ng://@taiga-ui/kit/components/marker-icon/marker-icon.module.ts","ng://@taiga-ui/kit/components/marker-icon/taiga-ui-kit-components-marker-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiDestroyService} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeXL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiMarkerIconModeT} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-marker-icon',\n    templateUrl: './marker-icon.template.html',\n    styleUrls: ['./marker-icon.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService, MODE_PROVIDER],\n})\nexport class TuiMarkerIconComponent {\n    private globalMode: TuiBrightness | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    mode: TuiMarkerIconModeT | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    src = '';\n\n    constructor(\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TUI_MODE) mode$: Observable<TuiBrightness | null>,\n    ) {\n        mode$.pipe(takeUntil(destroy$)).subscribe(mode => {\n            this.globalMode = mode;\n        });\n    }\n\n    // TODO: Simplify\n    @HostBinding('attr.data-mode')\n    get computedMode(): TuiMarkerIconModeT | 'onDark' | null {\n        return this.globalMode === 'onDark' && !this.mode ? 'onDark' : this.mode;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiMarkerIconComponent} from './marker-icon.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiMarkerIconComponent],\n    exports: [TuiMarkerIconComponent],\n})\nexport class TuiMarkerIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IA0CI,gCAC+B,QAA6B,EACtC,KAAuC;QAF7D,iBAOC;QAtBO,eAAU,GAAyB,IAAI,CAAC;QAIhD,SAAI,GAA8B,IAAI,CAAC;QAKvC,SAAI,GAA0B,GAAG,CAAC;QAIlC,QAAG,GAAG,EAAE,CAAC;QAML,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,UAAA,IAAI;YAC1C,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KACN;IAID,sBAAI,gDAAY;;aAAhB;YACI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;SAC5E;;;OAAA;;gBAZwC,UAAU,uBAA9C,MAAM,SAAC,iBAAiB;gBACA,UAAU,uBAAlC,MAAM,SAAC,QAAQ;;IAbpB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACsB;IAKvC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,yBAAyB,CAAC;QACtC,cAAc,EAAE;wDACiB;IAIlC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;uDACR;IAaT;QADC,WAAW,CAAC,gBAAgB,CAAC;8DAG7B;IA7BQ,sBAAsB;QAPlC,SAAS,CAAC;YACP,QAAQ,EAAE,iBAAiB;YAC3B,8DAA0C;YAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC;;SAChD,CAAC;QAkBO,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;OAlBZ,sBAAsB,CA8BlC;IAAD,6BAAC;CA9BD;;;ICfA;KAAmC;IAAtB,mBAAmB;QAL/B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;ACXA;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-marker-icon.js","sources":["ng://@taiga-ui/kit/components/marker-icon/marker-icon.component.ts","ng://@taiga-ui/kit/components/marker-icon/marker-icon.module.ts","ng://@taiga-ui/kit/components/marker-icon/taiga-ui-kit-components-marker-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiDestroyService} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeXL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiMarkerIconModeT} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-marker-icon',\n    templateUrl: './marker-icon.template.html',\n    styleUrls: ['./marker-icon.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService, MODE_PROVIDER],\n})\nexport class TuiMarkerIconComponent {\n    private globalMode: TuiBrightness | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    mode: TuiMarkerIconModeT | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    src = '';\n\n    constructor(\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TUI_MODE) mode$: Observable<TuiBrightness | null>,\n    ) {\n        mode$.pipe(takeUntil(destroy$)).subscribe(mode => {\n            this.globalMode = mode;\n        });\n    }\n\n    // TODO: Simplify\n    @HostBinding('attr.data-mode')\n    get computedMode(): TuiMarkerIconModeT | 'onDark' | null {\n        return this.globalMode === 'onDark' && !this.mode ? 'onDark' : this.mode;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiMarkerIconComponent} from './marker-icon.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiMarkerIconComponent],\n    exports: [TuiMarkerIconComponent],\n})\nexport class TuiMarkerIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IA0CI,gCAC+B,QAA6B,EACtC,KAAuC;QAF7D,iBAOC;QAtBO,eAAU,GAAyB,IAAI,CAAC;QAIhD,SAAI,GAA8B,IAAI,CAAC;QAKvC,SAAI,GAA0B,GAAG,CAAC;QAIlC,QAAG,GAAG,EAAE,CAAC;QAML,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,UAAA,IAAI;YAC1C,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KACN;IAID,sBAAI,gDAAY;;aAAhB;YACI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;SAC5E;;;OAAA;;gBAZwC,UAAU,uBAA9C,MAAM,SAAC,iBAAiB;gBACA,UAAU,uBAAlC,MAAM,SAAC,QAAQ;;IAbpB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACsB;IAKvC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;wDACiB;IAIlC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;uDACR;IAaT;QADC,WAAW,CAAC,gBAAgB,CAAC;8DAG7B;IA7BQ,sBAAsB;QAPlC,SAAS,CAAC;YACP,QAAQ,EAAE,iBAAiB;YAC3B,8DAA0C;YAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC;;SAChD,CAAC;QAkBO,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;OAlBZ,sBAAsB,CA8BlC;IAAD,6BAAC;CA9BD;;;ICfA;KAAmC;IAAtB,mBAAmB;QAL/B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;ACXA;;;;;;"}

package/fesm5/taiga-ui-kit-components-multi-select.js

@@ -1,30 +1,48 @@
-import { __extends, __spread, __decorate, __param, __read } from 'tslib';
-import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, HostBinding, Output, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, Pipe, ContentChildren, Directive, NgModule } from '@angular/core';
-import { TUI_DEFAULT_STRINGIFY, TUI_DEFAULT_IDENTITY_MATCHER, ALWAYS_FALSE_HANDLER, EMPTY_ARRAY, isNativeFocused, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiMultipleControl, EMPTY_QUERY, itemsQueryListObservable, getOriginalArrayFromQueryList, isPresent, tuiReplayedValueChangesFrom, EMPTY_FUNCTION, TuiPreventDefaultModule, TuiActiveZoneModule, TuiLetModule, TuiMapperPipeModule, TuiHoveredModule } from '@taiga-ui/cdk';
+import { __assign, __extends, __spread, __decorate, __param, __read } from 'tslib';
+import { InjectionToken, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, HostBinding, Output, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, Pipe, ContentChildren, Directive, NgModule } from '@angular/core';
+import { EMPTY_ARRAY, isNativeFocused, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiMultipleControl, EMPTY_QUERY, itemsQueryListObservable, getOriginalArrayFromQueryList, TUI_DEFAULT_IDENTITY_MATCHER, isPresent, tuiReplayedValueChangesFrom, EMPTY_FUNCTION, TuiPreventDefaultModule, TuiActiveZoneModule, TuiLetModule, TuiMapperPipeModule, TuiHoveredModule } from '@taiga-ui/cdk';
 import { isFlat } from '@taiga-ui/kit/utils';
 import { NgControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { TuiSvgService, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, sizeBigger, TuiOptionComponent, TUI_OPTION_CONTENT, TuiSvgModule, TuiHostedDropdownModule, TuiPrimitiveCheckboxModule, TuiDataListModule } from '@taiga-ui/core';
+import { TuiSvgService, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, sizeBigger, TuiOptionComponent, TUI_OPTION_CONTENT, TuiSvgModule, TuiHostedDropdownModule, TuiPrimitiveCheckboxModule, TuiDataListModule } from '@taiga-ui/core';
 import { TuiStringifiableItem } from '@taiga-ui/kit/classes';
+import { TUI_ARROW_MODE, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
 import { TuiInputTagComponent, TuiInputTagModule } from '@taiga-ui/kit/components/input-tag';
 import { iconBlank } from '@taiga-ui/kit/constants';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
+import { TUI_ITEMS_HANDLERS } from '@taiga-ui/kit/tokens';
 import { CommonModule } from '@angular/common';
 import { TuiMultiSelectOptionComponent, TuiMultiSelectOptionModule } from '@taiga-ui/kit/components/multi-select-option';
 import { PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { combineLatest } from 'rxjs';
 import { map } from 'rxjs/operators';
 
+var TUI_MULTI_SELECT_DEFAULT_OPTIONS = {
+    expandable: true,
+    valueContent: '',
+};
+var TUI_MULTI_SELECT_OPTIONS = new InjectionToken('Default parameters for multi select component', {
+    factory: function () { return TUI_MULTI_SELECT_DEFAULT_OPTIONS; },
+});
+var tuiMultiSelectOptionsProvider = function (options) { return ({
+    provide: TUI_MULTI_SELECT_OPTIONS,
+    useValue: __assign(__assign({}, TUI_MULTI_SELECT_DEFAULT_OPTIONS), options),
+}); };
+
 var TuiMultiSelectComponent = /** @class */ (function (_super) {
     __extends(TuiMultiSelectComponent, _super);
-    function TuiMultiSelectComponent(control, changeDetectorRef, svgService) {
+    function TuiMultiSelectComponent(control, changeDetectorRef, svgService, arrowMode, itemsHandlers, options, controller) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
-        _this.stringify = TUI_DEFAULT_STRINGIFY;
-        _this.identityMatcher = TUI_DEFAULT_IDENTITY_MATCHER;
-        _this.expandable = true;
+        _this.arrowMode = arrowMode;
+        _this.itemsHandlers = itemsHandlers;
+        _this.options = options;
+        _this.controller = controller;
+        _this.stringify = _this.itemsHandlers.stringify;
+        _this.identityMatcher = _this.itemsHandlers.identityMatcher;
+        _this.expandable = _this.options.expandable;
         _this.search = '';
         _this.editable = true;
-        _this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
-        _this.valueContent = '';
+        _this.disabledItemHandler = _this.itemsHandlers.disabledItemHandler;
+        _this.valueContent = _this.options.valueContent;
         _this.searchChange = new EventEmitter();
         _this.datalist = '';
         _this.open = false;
@@ -40,6 +58,20 @@ var TuiMultiSelectComponent = /** @class */ (function (_super) {
         return _this;
     }
     TuiMultiSelectComponent_1 = TuiMultiSelectComponent;
+    Object.defineProperty(TuiMultiSelectComponent.prototype, "size", {
+        get: function () {
+            return this.controller.size;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiMultiSelectComponent.prototype, "arrow", {
+        get: function () {
+            return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(TuiMultiSelectComponent.prototype, "nativeFocusableElement", {
         get: function () {
             return this.input ? this.input.nativeFocusableElement : null;
@@ -148,15 +180,17 @@ var TuiMultiSelectComponent = /** @class */ (function (_super) {
     };
     TuiMultiSelectComponent.prototype.onClick = function (_a) {
         var nativeFocusableElement = _a.nativeFocusableElement;
+        var _b;
         if (this.editable &&
             this.interactive &&
             nativeFocusableElement &&
             isNativeFocused(nativeFocusableElement)) {
-            this.open = !this.open;
+            (_b = this.hostedDropdown) === null || _b === void 0 ? void 0 : _b.updateOpen(!this.open);
         }
     };
     TuiMultiSelectComponent.prototype.onArrowClick = function () {
-        this.open = !this.open;
+        var _a;
+        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(!this.open);
         this.focusInput();
     };
     TuiMultiSelectComponent.prototype.onInput = function (value) {
@@ -196,7 +230,11 @@ var TuiMultiSelectComponent = /** @class */ (function (_super) {
     TuiMultiSelectComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: TuiSvgService, decorators: [{ type: Inject, args: [TuiSvgService,] }] }
+        { type: TuiSvgService, decorators: [{ type: Inject, args: [TuiSvgService,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_MULTI_SELECT_OPTIONS,] }] },
+        { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] }
     ]; };
     __decorate([
         ContentChild(TUI_DATA_LIST_ACCESSOR)
@@ -242,6 +280,9 @@ var TuiMultiSelectComponent = /** @class */ (function (_super) {
     __decorate([
         ContentChild(TuiDataListDirective, { read: TemplateRef })
     ], TuiMultiSelectComponent.prototype, "datalist", void 0);
+    __decorate([
+        HostBinding('attr.data-size')
+    ], TuiMultiSelectComponent.prototype, "size", null);
     __decorate([
         tuiPure
     ], TuiMultiSelectComponent.prototype, "getStringifier", null);
@@ -251,7 +292,7 @@ var TuiMultiSelectComponent = /** @class */ (function (_super) {
     TuiMultiSelectComponent = TuiMultiSelectComponent_1 = __decorate([
         Component({
             selector: 'tui-multi-select',
-            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-input-tag\n        #inputTag\n        tuiHostedDropdownHost\n        automation-id=\"tui-multi-select__input\"\n        class=\"input\"\n        [nativeId]=\"nativeId\"\n        [icon]=\"tagIcon\"\n        [disabled]=\"disabled\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n        [readOnly]=\"readOnly\"\n        [inputHidden]=\"!editable\"\n        [pseudoHovered]=\"computedHovered\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [editable]=\"false\"\n        [expandable]=\"expandable\"\n        [search]=\"searchOrSpace\"\n        [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n        (ngModelChange)=\"onInput($event)\"\n        (searchChange)=\"onSearch($event)\"\n        (keydown.space)=\"onSpace($event)\"\n        (keydown.enter)=\"onEnter($event)\"\n        (click.prevent)=\"onClick(inputTag)\"\n    >\n        <ng-content></ng-content>\n    </tui-input-tag>\n    <div class=\"t-wrapper\">\n        <div\n            *ngIf=\"computedGroup\"\n            polymorpheus-outlet\n            class=\"t-group\"\n            [class.t-group_fullsize]=\"inputTag.labelOutside\"\n            [context]=\"context\"\n            [content]=\"valueContent\"\n        ></div>\n        <tui-svg\n            *ngIf=\"interactive\"\n            automation-id=\"tui-multi-select__arrow\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"t-arrow\"\n            [class.t-arrow_open]=\"open\"\n            [src]=\"inputTag.size === 's' ? 'tuiIconChevronDown' : 'tuiIconChevronDownLarge'\"\n            (click.prevent)=\"onArrowClick()\"\n        ></tui-svg>\n    </div>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-input-tag\n        #inputTag\n        tuiHostedDropdownHost\n        automation-id=\"tui-multi-select__input\"\n        class=\"input\"\n        [nativeId]=\"nativeId\"\n        [icon]=\"tagIcon\"\n        [disabled]=\"disabled\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n        [readOnly]=\"readOnly\"\n        [inputHidden]=\"!editable\"\n        [pseudoHovered]=\"computedHovered\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [editable]=\"false\"\n        [expandable]=\"expandable\"\n        [search]=\"searchOrSpace\"\n        [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n        (ngModelChange)=\"onInput($event)\"\n        (searchChange)=\"onSearch($event)\"\n        (keydown.space)=\"onSpace($event)\"\n        (keydown.enter)=\"onEnter($event)\"\n        (click.prevent)=\"onClick(inputTag)\"\n    >\n        <ng-content></ng-content>\n    </tui-input-tag>\n    <div class=\"t-wrapper\" [class.t-wrapper_disabled]=\"disabled\">\n        <div\n            *ngIf=\"computedGroup\"\n            polymorpheus-outlet\n            class=\"t-group\"\n            [class.t-group_fullsize]=\"inputTag.labelOutside\"\n            [context]=\"context\"\n            [content]=\"valueContent\"\n        ></div>\n\n        <div\n            *ngIf=\"arrow\"\n            polymorpheus-outlet\n            automation-id=\"tui-multi-select__arrow\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"t-arrow\"\n            [content]=\"arrow\"\n            (click.prevent)=\"onArrowClick()\"\n        ></div>\n    </div>\n</tui-hosted-dropdown>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 {
@@ -263,14 +304,19 @@ var TuiMultiSelectComponent = /** @class */ (function (_super) {
                     useExisting: forwardRef(function () { return TuiMultiSelectComponent_1; }),
                 },
                 FIXED_DROPDOWN_CONTROLLER_PROVIDER,
+                TEXTFIELD_CONTROLLER_PROVIDER,
             ],
-            styles: [":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-tui-host-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-tui-host-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:1.5rem;margin:1rem .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}.t-arrow_open{transform:rotate(-180deg)}[data-tui-host-size='m']+.t-wrapper .t-arrow{margin:.625rem .75rem}[data-tui-host-size='s']+.t-wrapper .t-arrow{margin:.25rem .5rem}"]
+            styles: [":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-wrapper_disabled{opacity:var(--tui-disabled-opacity)}:host-context([data-size='s']) .t-wrapper{height:var(--tui-height-s)}:host-context([data-size='m']) .t-wrapper{height:var(--tui-height-m)}:host-context([data-size='l']) .t-wrapper{height:var(--tui-height-l)}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:auto;margin:0 .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),
         __param(0, Inject(NgControl)),
         __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(TuiSvgService))
+        __param(2, Inject(TuiSvgService)),
+        __param(3, Inject(TUI_ARROW_MODE)),
+        __param(4, Inject(TUI_ITEMS_HANDLERS)),
+        __param(5, Inject(TUI_MULTI_SELECT_OPTIONS)),
+        __param(6, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER))
     ], TuiMultiSelectComponent);
     return TuiMultiSelectComponent;
 }(AbstractTuiMultipleControl));
@@ -279,8 +325,8 @@ var TuiHideSelectedPipe = /** @class */ (function () {
     function TuiHideSelectedPipe(component) {
         this.component = component;
     }
-    TuiHideSelectedPipe.prototype.transform = function (items, _a) {
-        var _b = _a === void 0 ? this.component : _a, value = _b.value, identityMatcher = _b.identityMatcher;
+    TuiHideSelectedPipe.prototype.transform = function (items, component) {
+        var _a = component !== null && component !== void 0 ? component : this.component, value = _a.value, identityMatcher = _a.identityMatcher;
         if (!items) {
             return null;
         }
@@ -290,7 +336,7 @@ var TuiHideSelectedPipe = /** @class */ (function () {
     };
     TuiHideSelectedPipe.prototype.filter2d = function (items, value, matcher) {
         var _this = this;
-        return items.map(function (subitems) { return _this.filter(subitems, value, matcher); });
+        return items.map(function (subItems) { return _this.filter(subItems, value, matcher); });
     };
     TuiHideSelectedPipe.prototype.filter = function (items, value, matcher) {
         return items.filter(function (item) { return value.every(function (selected) { return !matcher(selected, item); }); });
@@ -539,6 +585,7 @@ var TuiMultiSelectModule = /** @class */ (function () {
                 PolymorpheusModule,
                 TuiPreventDefaultModule,
                 TuiActiveZoneModule,
+                TuiArrowModule,
                 TuiLetModule,
                 TuiMapperPipeModule,
                 TuiHoveredModule,
@@ -570,5 +617,5 @@ var TuiMultiSelectModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { MULTI_SELECT_ACCESSOR, TUI_MULTI_SELECT_OPTION, TuiHideSelectedPipe, TuiMultiSelectComponent, TuiMultiSelectGroupComponent, TuiMultiSelectGroupDirective, TuiMultiSelectModule, hostFallbackFactory };
+export { MULTI_SELECT_ACCESSOR, TUI_MULTI_SELECT_DEFAULT_OPTIONS, TUI_MULTI_SELECT_OPTION, TUI_MULTI_SELECT_OPTIONS, TuiHideSelectedPipe, TuiMultiSelectComponent, TuiMultiSelectGroupComponent, TuiMultiSelectGroupDirective, TuiMultiSelectModule, hostFallbackFactory, tuiMultiSelectOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-multi-select.js.map