@taiga-ui/kit 2.30.0 → 2.34.0

package/fesm2015/taiga-ui-kit-components-combo-box.js

@@ -1,23 +1,45 @@
 import { __decorate, __param } from 'tslib';
-import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, Output, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { forwardRef, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, Output, TemplateRef, Component, ChangeDetectionStrategy, Directive, HostListener, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { AbstractTuiNullableControl, TUI_DEFAULT_STRINGIFY, TUI_STRICT_MATCHER, TUI_DEFAULT_IDENTITY_MATCHER, isNativeFocused, isPresent, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule } from '@taiga-ui/core';
-import { TUI_ARROW, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TUI_STRICT_MATCHER, isNativeFocused, isPresent, setNativeFocused, tuiDefaultProp, tuiPure, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import { TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { TUI_ARROW_MODE, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
+import { TUI_ITEMS_HANDLERS } from '@taiga-ui/kit/tokens';
 import { TUI_SELECT_OPTION, TuiSelectOptionModule } from '@taiga-ui/kit/components/select-option';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
-var TuiComboBoxComponent_1;
 // TODO: remove in ivy compilation
 const COMBOBOX_OPTION = TUI_SELECT_OPTION;
-let TuiComboBoxComponent = TuiComboBoxComponent_1 = class TuiComboBoxComponent extends AbstractTuiNullableControl {
-    constructor(control, changeDetectorRef) {
+const TUI_COMBO_BOX_PROVIDERS = [
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(() => TuiComboBoxComponent),
+    },
+    {
+        provide: TUI_DATA_LIST_HOST,
+        useExisting: forwardRef(() => TuiComboBoxComponent),
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(() => TuiComboBoxComponent),
+    },
+    {
+        provide: TUI_OPTION_CONTENT,
+        useValue: COMBOBOX_OPTION,
+    },
+    FIXED_DROPDOWN_CONTROLLER_PROVIDER,
+];
+
+let TuiComboBoxComponent = class TuiComboBoxComponent extends AbstractTuiNullableControl {
+    constructor(control, changeDetectorRef, arrowMode, itemsHandlers) {
         super(control, changeDetectorRef);
-        this.stringify = TUI_DEFAULT_STRINGIFY;
+        this.arrowMode = arrowMode;
+        this.itemsHandlers = itemsHandlers;
+        this.stringify = this.itemsHandlers.stringify;
         this.strictMatcher = TUI_STRICT_MATCHER;
-        this.identityMatcher = TUI_DEFAULT_IDENTITY_MATCHER;
+        this.identityMatcher = this.itemsHandlers.identityMatcher;
         this.valueContent = '';
         this.strict = true;
         this.search = '';
@@ -26,7 +48,7 @@ let TuiComboBoxComponent = TuiComboBoxComponent_1 = class TuiComboBoxComponent e
         this.open = false;
     }
     get arrow() {
-        return this.disabled || this.readOnly ? '' : TUI_ARROW;
+        return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;
     }
     get nativeFocusableElement() {
         return this.textfield ? this.textfield.nativeFocusableElement : null;
@@ -36,17 +58,11 @@ let TuiComboBoxComponent = TuiComboBoxComponent_1 = class TuiComboBoxComponent e
             (!!this.hostedDropdown && this.hostedDropdown.focused));
     }
     get nativeValue() {
-        if (this.value === null) {
-            return this.search || '';
-        }
-        return typeof this.value === 'string' ? this.value : this.stringify(this.value);
+        return this.value === null ? this.search || '' : this.stringify(this.value);
     }
     get showValueTemplate() {
         return isPresent(this.value) && !this.focused;
     }
-    get canOpen() {
-        return !this.computedDisabled && !this.readOnly;
-    }
     get computedContent() {
         return this.valueContent || this.nativeValue;
     }
@@ -74,10 +90,11 @@ let TuiComboBoxComponent = TuiComboBoxComponent_1 = class TuiComboBoxComponent e
         this.updateValue(item);
     }
     onFieldKeyDownEnter(event) {
+        var _a;
         if (this.open) {
             event.preventDefault();
         }
-        const options = this.accessor ? this.accessor.getOptions() : [];
+        const options = ((_a = this.accessor) === null || _a === void 0 ? void 0 : _a.getOptions()) || [];
         if (options.length !== 1) {
             return;
         }
@@ -85,34 +102,36 @@ let TuiComboBoxComponent = TuiComboBoxComponent_1 = class TuiComboBoxComponent e
         this.updateSearch(null);
         this.close();
     }
-    onInput(value) {
-        var _a;
+    onValueChange(value) {
+        var _a, _b;
         this.updateSearch(value);
-        const match = this.accessor &&
-            this.accessor.getOptions().find(item => this.isStrictMatch(item));
+        const match = (_a = this.accessor) === null || _a === void 0 ? void 0 : _a.getOptions().find(item => this.isStrictMatch(item));
         if (match !== undefined) {
             this.updateValue(match);
             this.updateSearch(null);
             return;
         }
-        this.updateValue(this.strict || this.search === '' ? null : this.search);
-        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(true);
+        if (this.strict || this.search === '') {
+            this.updateValue(null);
+        }
+        (_b = this.hostedDropdown) === null || _b === void 0 ? void 0 : _b.updateOpen(true);
+    }
+    updateValue(value) {
+        super.updateValue(value);
     }
     onHovered(hovered) {
         this.updateHovered(hovered);
     }
     toggle() {
-        if (this.hostedDropdown) {
-            this.hostedDropdown.updateOpen(!this.open);
-        }
+        var _a;
+        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(!this.open);
     }
     isStrictMatch(item) {
         return this.strictMatcher(item, this.search || '', this.stringify);
     }
     close() {
-        if (this.hostedDropdown) {
-            this.hostedDropdown.updateOpen(false);
-        }
+        var _a;
+        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(false);
     }
     updateSearch(search) {
         if (this.search === search) {
@@ -134,7 +153,9 @@ let TuiComboBoxComponent = TuiComboBoxComponent_1 = class TuiComboBoxComponent e
 };
 TuiComboBoxComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
+    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] }
 ];
 __decorate([
     ContentChild(TUI_DATA_LIST_ACCESSOR)
@@ -178,34 +199,69 @@ __decorate([
 __decorate([
     tuiPure
 ], TuiComboBoxComponent.prototype, "computeContext", null);
-TuiComboBoxComponent = TuiComboBoxComponent_1 = __decorate([
+TuiComboBoxComponent = __decorate([
     Component({
         selector: 'tui-combo-box',
-        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-combo-box__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"arrow\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"nativeValue\"\n        (valueChange)=\"onInput($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (click)=\"toggle()\"\n        (keydown.enter)=\"onFieldKeyDownEnter($event)\"\n    >\n        <ng-content></ng-content>\n        <div\n            *ngIf=\"showValueTemplate\"\n            polymorpheus-outlet\n            automation-id=\"tui-combo-box__template\"\n            class=\"value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        ></div>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
+        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-combo-box__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"nativeValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (click)=\"toggle()\"\n        (keydown.enter)=\"onFieldKeyDownEnter($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n        <div\n            *ngIf=\"showValueTemplate\"\n            polymorpheus-outlet\n            automation-id=\"tui-combo-box__template\"\n            class=\"value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        ></div>\n    </tui-primitive-textfield>\n\n    <ng-template #icon>\n        <div polymorpheus-outlet class=\"t-icon\" [content]=\"arrow\"></div>\n    </ng-template>\n</tui-hosted-dropdown>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [
-            {
-                provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                useExisting: forwardRef(() => TuiComboBoxComponent_1),
-            },
-            {
-                provide: TUI_DATA_LIST_HOST,
-                useExisting: forwardRef(() => TuiComboBoxComponent_1),
-            },
-            {
-                provide: TUI_OPTION_CONTENT,
-                useValue: COMBOBOX_OPTION,
-            },
-            FIXED_DROPDOWN_CONTROLLER_PROVIDER,
-        ],
-        styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.value{display:flex;width:100%;align-items:center}"]
+        providers: TUI_COMBO_BOX_PROVIDERS,
+        styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.value{display:flex;width:100%;align-items:center}.t-icon{pointer-events:auto}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
     __param(0, Inject(NgControl)),
-    __param(1, Inject(ChangeDetectorRef))
+    __param(1, Inject(ChangeDetectorRef)),
+    __param(2, Inject(TUI_ARROW_MODE)),
+    __param(3, Inject(TUI_ITEMS_HANDLERS))
 ], TuiComboBoxComponent);
 
+var TuiComboBoxDirective_1;
+let TuiComboBoxDirective = TuiComboBoxDirective_1 = class TuiComboBoxDirective extends TuiAbstractTextfieldHost {
+    get value() {
+        return this.host.nativeValue;
+    }
+    onValueChange(value) {
+        this.host.onValueChange(value);
+    }
+};
+TuiComboBoxDirective = TuiComboBoxDirective_1 = __decorate([
+    Directive({
+        selector: 'tui-combo-box',
+        providers: [
+            {
+                provide: TUI_TEXTFIELD_HOST,
+                useExisting: forwardRef(() => TuiComboBoxDirective_1),
+            },
+        ],
+    })
+], TuiComboBoxDirective);
+
+let TuiComboBoxStrictDirective = class TuiComboBoxStrictDirective {
+    constructor(comboBox) {
+        this.comboBox = comboBox;
+        this.strict = true;
+    }
+    onInput() {
+        this.comboBox.updateValue(this.strict || this.comboBox.search === '' ? null : this.comboBox.search);
+    }
+};
+TuiComboBoxStrictDirective.ctorParameters = () => [
+    { type: TuiComboBoxComponent, decorators: [{ type: Inject, args: [TuiComboBoxComponent,] }] }
+];
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiComboBoxStrictDirective.prototype, "strict", void 0);
+__decorate([
+    HostListener('input')
+], TuiComboBoxStrictDirective.prototype, "onInput", null);
+TuiComboBoxStrictDirective = __decorate([
+    Directive({
+        selector: 'tui-combo-box[strict]',
+    }),
+    __param(0, Inject(TuiComboBoxComponent))
+], TuiComboBoxStrictDirective);
+
 let TuiComboBoxModule = class TuiComboBoxModule {
 };
 TuiComboBoxModule = __decorate([
@@ -219,8 +275,17 @@ TuiComboBoxModule = __decorate([
             TuiSelectOptionModule,
             TuiArrowModule,
         ],
-        declarations: [TuiComboBoxComponent],
-        exports: [TuiComboBoxComponent],
+        declarations: [
+            TuiComboBoxComponent,
+            TuiComboBoxStrictDirective,
+            TuiComboBoxDirective,
+        ],
+        exports: [
+            TuiComboBoxComponent,
+            TuiComboBoxStrictDirective,
+            TuiComboBoxDirective,
+            TuiTextfieldComponent,
+        ],
     })
 ], TuiComboBoxModule);
 
@@ -228,5 +293,5 @@ TuiComboBoxModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { COMBOBOX_OPTION, TuiComboBoxComponent, TuiComboBoxModule };
+export { COMBOBOX_OPTION, TUI_COMBO_BOX_PROVIDERS, TuiComboBoxComponent, TuiComboBoxDirective, TuiComboBoxModule, TuiComboBoxStrictDirective };
 //# sourceMappingURL=taiga-ui-kit-components-combo-box.js.map

package/fesm2015/taiga-ui-kit-components-combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-combo-box.js","sources":["ng://@taiga-ui/kit/components/combo-box/combo-box.component.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.module.ts","ng://@taiga-ui/kit/components/combo-box/taiga-ui-kit-components-combo-box.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_DEFAULT_STRINGIFY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_STRICT_MATCHER,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    tuiPure,\n    TuiStringHandler,\n    TuiStringMatcher,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TUI_DATA_LIST_HOST,\n    TUI_OPTION_CONTENT,\n    TuiDataListAccessor,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW} from '@taiga-ui/kit/components/arrow';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// TODO: remove in ivy compilation\nexport const COMBOBOX_OPTION: any = TUI_SELECT_OPTION;\n\n@Component({\n    selector: 'tui-combo-box',\n    templateUrl: './combo-box.template.html',\n    styleUrls: ['./combo-box.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiComboBoxComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiComboBoxComponent),\n        },\n        {\n            provide: TUI_OPTION_CONTENT,\n            useValue: COMBOBOX_OPTION,\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiComboBoxComponent<T>\n    extends AbstractTuiNullableControl<T | string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n    private readonly accessor?: TuiDataListAccessor<T>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    stringify: TuiStringHandler<T> = TUI_DEFAULT_STRINGIFY;\n\n    @Input()\n    @tuiDefaultProp()\n    strictMatcher: TuiStringMatcher<T> = TUI_STRICT_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    @Input()\n    @tuiDefaultProp()\n    search: string | null = '';\n\n    @Output()\n    readonly searchChange = new EventEmitter<string | null>();\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 arrow(): PolymorpheusContent {\n        return this.disabled || this.readOnly ? '' : TUI_ARROW;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        if (this.value === null) {\n            return this.search || '';\n        }\n\n        return typeof this.value === 'string' ? this.value : this.stringify(this.value);\n    }\n\n    get showValueTemplate(): boolean {\n        return isPresent(this.value) && !this.focused;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly;\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.nativeValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    checkOption(option: T) {\n        if (!this.isStrictMatch(option)) {\n            return;\n        }\n\n        this.updateValue(option);\n        this.updateSearch(null);\n    }\n\n    handleOption(item: T) {\n        this.setNativeValue(this.stringify(item));\n        this.focusInput();\n        this.close();\n        this.updateSearch(null);\n        this.updateValue(item);\n    }\n\n    onFieldKeyDownEnter(event: KeyboardEvent) {\n        if (this.open) {\n            event.preventDefault();\n        }\n\n        const options = this.accessor ? this.accessor.getOptions() : [];\n\n        if (options.length !== 1) {\n            return;\n        }\n\n        this.updateValue(options[0]);\n        this.updateSearch(null);\n        this.close();\n    }\n\n    onInput(value: string) {\n        this.updateSearch(value);\n\n        const match =\n            this.accessor &&\n            this.accessor.getOptions().find(item => this.isStrictMatch(item));\n\n        if (match !== undefined) {\n            this.updateValue(match);\n            this.updateSearch(null);\n\n            return;\n        }\n\n        this.updateValue(this.strict || this.search === '' ? null : this.search);\n        this.hostedDropdown?.updateOpen(true);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    toggle() {\n        if (this.hostedDropdown) {\n            this.hostedDropdown.updateOpen(!this.open);\n        }\n    }\n\n    private isStrictMatch(item: T): boolean {\n        return this.strictMatcher(item, this.search || '', this.stringify);\n    }\n\n    private close() {\n        if (this.hostedDropdown) {\n            this.hostedDropdown.updateOpen(false);\n        }\n    }\n\n    private updateSearch(search: string | null) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\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';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [TuiComboBoxComponent],\n    exports: [TuiComboBoxComponent],\n})\nexport class TuiComboBoxModule {}\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-combo-box.js","sources":["ng://@taiga-ui/kit/components/combo-box/combo-box.providers.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.component.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.directive.ts","ng://@taiga-ui/kit/components/combo-box/combo-box-strict.directive.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.module.ts","ng://@taiga-ui/kit/components/combo-box/taiga-ui-kit-components-combo-box.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT} from '@taiga-ui/core';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n// TODO: remove in ivy compilation\nexport const COMBOBOX_OPTION: any = TUI_SELECT_OPTION;\n\nexport const TUI_COMBO_BOX_PROVIDERS = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_OPTION_CONTENT,\n        useValue: COMBOBOX_OPTION,\n    },\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_STRICT_MATCHER,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n    TuiStringMatcher,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW_MODE, TuiArrowMode} from '@taiga-ui/kit/components/arrow';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_COMBO_BOX_PROVIDERS} from './combo-box.providers';\n\n@Component({\n    selector: 'tui-combo-box',\n    templateUrl: './combo-box.template.html',\n    styleUrls: ['./combo-box.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_COMBO_BOX_PROVIDERS,\n})\nexport class TuiComboBoxComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n    private readonly accessor?: TuiDataListAccessor<T>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    stringify: TuiItemsHandlers<T>['stringify'] = this.itemsHandlers.stringify;\n\n    @Input()\n    @tuiDefaultProp()\n    strictMatcher: TuiStringMatcher<T> = TUI_STRICT_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiItemsHandlers<T>['identityMatcher'] =\n        this.itemsHandlers.identityMatcher;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    @Input()\n    @tuiDefaultProp()\n    search: string | null = '';\n\n    @Output()\n    readonly searchChange = new EventEmitter<string | null>();\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        @Inject(TUI_ARROW_MODE)\n        private readonly arrowMode: TuiArrowMode,\n        @Inject(TUI_ITEMS_HANDLERS)\n        private readonly itemsHandlers: TuiItemsHandlers<T>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent {\n        return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        return this.value === null ? this.search || '' : this.stringify(this.value);\n    }\n\n    get showValueTemplate(): boolean {\n        return isPresent(this.value) && !this.focused;\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.nativeValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    checkOption(option: T) {\n        if (!this.isStrictMatch(option)) {\n            return;\n        }\n\n        this.updateValue(option);\n        this.updateSearch(null);\n    }\n\n    handleOption(item: T) {\n        this.setNativeValue(this.stringify(item));\n        this.focusInput();\n        this.close();\n        this.updateSearch(null);\n        this.updateValue(item);\n    }\n\n    onFieldKeyDownEnter(event: KeyboardEvent) {\n        if (this.open) {\n            event.preventDefault();\n        }\n\n        const options = this.accessor?.getOptions() || [];\n\n        if (options.length !== 1) {\n            return;\n        }\n\n        this.updateValue(options[0]);\n        this.updateSearch(null);\n        this.close();\n    }\n\n    onValueChange(value: string) {\n        this.updateSearch(value);\n\n        const match = this.accessor?.getOptions().find(item => this.isStrictMatch(item));\n\n        if (match !== undefined) {\n            this.updateValue(match);\n            this.updateSearch(null);\n\n            return;\n        }\n\n        if (this.strict || this.search === '') {\n            this.updateValue(null);\n        }\n\n        this.hostedDropdown?.updateOpen(true);\n    }\n\n    updateValue(value: T | null) {\n        super.updateValue(value);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    toggle() {\n        this.hostedDropdown?.updateOpen(!this.open);\n    }\n\n    private isStrictMatch(item: T): boolean {\n        return this.strictMatcher(item, this.search || '', this.stringify);\n    }\n\n    private close() {\n        this.hostedDropdown?.updateOpen(false);\n    }\n\n    private updateSearch(search: string | null) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@Directive({\n    selector: 'tui-combo-box',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiComboBoxDirective),\n        },\n    ],\n})\nexport class TuiComboBoxDirective extends TuiAbstractTextfieldHost<\n    TuiComboBoxComponent<any>\n> {\n    get value(): string {\n        return this.host.nativeValue;\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {Directive, HostListener, Inject, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@Directive({\n    selector: 'tui-combo-box[strict]',\n})\nexport class TuiComboBoxStrictDirective<T> {\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    constructor(\n        @Inject(TuiComboBoxComponent)\n        private readonly comboBox: TuiComboBoxComponent<T | string>,\n    ) {}\n\n    @HostListener('input')\n    onInput() {\n        this.comboBox.updateValue(\n            this.strict || this.comboBox.search === '' ? null : this.comboBox.search,\n        );\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';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\nimport {TuiComboBoxDirective} from './combo-box.directive';\nimport {TuiComboBoxStrictDirective} from './combo-box-strict.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [\n        TuiComboBoxComponent,\n        TuiComboBoxStrictDirective,\n        TuiComboBoxDirective,\n    ],\n    exports: [\n        TuiComboBoxComponent,\n        TuiComboBoxStrictDirective,\n        TuiComboBoxDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiComboBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js

@@ -1,34 +1,39 @@
-import { __decorate } from 'tslib';
-import { ViewChildren, forwardRef, Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { EMPTY_QUERY, ALWAYS_FALSE_HANDLER, TUI_DEFAULT_STRINGIFY, isNativeFocused, isPresent, tuiDefaultProp, TuiElementModule } from '@taiga-ui/cdk';
+import { __decorate, __param } from 'tslib';
+import { Inject, ViewChildren, forwardRef, Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { EMPTY_QUERY, isNativeFocused, isPresent, tuiDefaultProp, TuiElementModule } from '@taiga-ui/cdk';
 import { TuiOptionComponent, TUI_DATA_LIST_ACCESSOR, TuiDataListModule, TuiLoaderModule, TuiDataListDirective } from '@taiga-ui/core';
+import { TUI_ITEMS_HANDLERS } from '@taiga-ui/kit/tokens';
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
 var TuiDataListWrapperComponent_1;
 let TuiDataListWrapperComponent = TuiDataListWrapperComponent_1 = class TuiDataListWrapperComponent {
-    constructor() {
-        this.options = EMPTY_QUERY;
+    constructor(itemsHandlers) {
+        this.itemsHandlers = itemsHandlers;
+        this.optionsQuery = EMPTY_QUERY;
         this.items = [];
-        this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
+        this.disabledItemHandler = this.itemsHandlers.disabledItemHandler;
         this.emptyContent = '';
         this.size = 'm';
-        this.itemContent = ({ $implicit }) => TUI_DEFAULT_STRINGIFY($implicit);
+        this.itemContent = ({ $implicit }) => this.itemsHandlers.stringify($implicit);
     }
     getContext($implicit, { nativeElement }) {
         return { $implicit, active: isNativeFocused(nativeElement) };
     }
     getOptions(includeDisabled = false) {
-        return this.options
+        return this.optionsQuery
             .toArray()
             .filter(({ disabled }) => includeDisabled || !disabled)
             .map(({ value }) => value)
             .filter(isPresent);
     }
 };
+TuiDataListWrapperComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] }
+];
 __decorate([
     ViewChildren(forwardRef(() => TuiOptionComponent))
-], TuiDataListWrapperComponent.prototype, "options", void 0);
+], TuiDataListWrapperComponent.prototype, "optionsQuery", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -61,7 +66,8 @@ TuiDataListWrapperComponent = TuiDataListWrapperComponent_1 = __decorate([
             },
         ],
         styles: [":host{display:block}.content{flex:1}"]
-    })
+    }),
+    __param(0, Inject(TUI_ITEMS_HANDLERS))
 ], TuiDataListWrapperComponent);
 
 var TuiDataListGroupWrapperComponent_1;

package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.js","sources":["ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.module.ts","ng://@taiga-ui/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    Input,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {\n    ALWAYS_FALSE_HANDLER,\n    EMPTY_QUERY,\n    isNativeFocused,\n    isPresent,\n    TUI_DEFAULT_STRINGIFY,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiOptionComponent,\n    TuiSizeL,\n    TuiSizeXS,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-data-list-wrapper:not([labels])',\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListWrapperComponent<T> implements TuiDataListAccessor<T> {\n    @ViewChildren(forwardRef(() => TuiOptionComponent))\n    private readonly options: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | ReadonlyArray<T> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    emptyContent: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T>> = ({$implicit}) =>\n        TUI_DEFAULT_STRINGIFY($implicit);\n\n    getContext(\n        $implicit: T,\n        {nativeElement}: ElementRef<HTMLElement>,\n    ): TuiValueContentContext<T> {\n        return {$implicit, active: isNativeFocused(nativeElement)};\n    }\n\n    getOptions(includeDisabled: boolean = false): ReadonlyArray<T> {\n        return this.options\n            .toArray()\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => value)\n            .filter(isPresent);\n    }\n}\n","import {ChangeDetectionStrategy, Component, forwardRef, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_ACCESSOR, TuiDataListAccessor} from '@taiga-ui/core';\n\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListGroupWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListGroupWrapperComponent<T>\n    extends TuiDataListWrapperComponent<T>\n    implements TuiDataListAccessor<T>\n{\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    labels: readonly string[] = [];\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiElementModule} from '@taiga-ui/cdk';\nimport {TuiDataListDirective, TuiDataListModule, TuiLoaderModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiElementModule,\n        TuiDataListModule,\n        TuiLoaderModule,\n    ],\n    declarations: [TuiDataListWrapperComponent, TuiDataListGroupWrapperComponent],\n    exports: [\n        TuiDataListWrapperComponent,\n        TuiDataListGroupWrapperComponent,\n        TuiDataListDirective,\n    ],\n})\nexport class TuiDataListWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAwCa,2BAA2B,mCAAxC,MAAa,2BAA2B;IAAxC;QAEqB,YAAO,GAAqC,WAAW,CAAC;QAIzE,UAAK,GAA8D,EAAE,CAAC;QAItE,wBAAmB,GAAyB,oBAAoB,CAAC;QAIjE,iBAAY,GAAwB,EAAE,CAAC;QAIvC,SAAI,GAAyB,GAAG,CAAC;QAIjC,gBAAW,GAAmD,CAAC,EAAC,SAAS,EAAC,KACtE,qBAAqB,CAAC,SAAS,CAAC,CAAC;KAgBxC;IAdG,UAAU,CACN,SAAY,EACZ,EAAC,aAAa,EAA0B;QAExC,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,eAAe,CAAC,aAAa,CAAC,EAAC,CAAC;KAC9D;IAED,UAAU,CAAC,kBAA2B,KAAK;QACvC,OAAO,IAAI,CAAC,OAAO;aACd,OAAO,EAAE;aACT,MAAM,CAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,eAAe,IAAI,CAAC,QAAQ,CAAC;aACpD,GAAG,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,KAAK,CAAC;aACvB,MAAM,CAAC,SAAS,CAAC,CAAC;KAC1B;EACJ;AArCG;IADC,YAAY,CAAC,UAAU,CAAC,MAAM,kBAAkB,CAAC,CAAC;4DACsB;AAIzE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wEACgD;AAIjE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iEACsB;AAIvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;yDACgB;AAIjC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEAEoB;AAvB5B,2BAA2B;IAZvC,SAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;QAC/C,6wBAAgD;QAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA2B,CAAC;aAC7D;SACJ;;KACJ,CAAC;GACW,2BAA2B,CAuCvC;;;IC7DY,gCAAgC,wCAA7C,MAAa,gCACT,SAAQ,2BAA8B;IAD1C;;QAMI,UAAK,GAA2C,EAAE,CAAC;QAInD,WAAM,GAAsB,EAAE,CAAC;KAClC;EAAA;AALG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+DACkC;AAInD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEACc;AAVtB,gCAAgC;IAZ5C,SAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;QACzC,u5BAAsD;QAEtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,kCAAgC,CAAC;aAClE;SACJ;;KACJ,CAAC;GACW,gCAAgC,CAW5C;;ICLY,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IAfpC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,kBAAkB;YAClB,gBAAgB;YAChB,iBAAiB;YACjB,eAAe;SAClB;QACD,YAAY,EAAE,CAAC,2BAA2B,EAAE,gCAAgC,CAAC;QAC7E,OAAO,EAAE;YACL,2BAA2B;YAC3B,gCAAgC;YAChC,oBAAoB;SACvB;KACJ,CAAC;GACW,wBAAwB,CAAG;;ACxBxC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.js","sources":["ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.module.ts","ng://@taiga-ui/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    Inject,\n    Input,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {EMPTY_QUERY, isNativeFocused, isPresent, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiOptionComponent,\n    TuiSizeL,\n    TuiSizeXS,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-data-list-wrapper:not([labels])',\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListWrapperComponent<T> implements TuiDataListAccessor<T> {\n    @ViewChildren(forwardRef(() => TuiOptionComponent))\n    private readonly optionsQuery: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | ReadonlyArray<T> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'] =\n        this.itemsHandlers.disabledItemHandler;\n\n    @Input()\n    @tuiDefaultProp()\n    emptyContent: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeL = 'm';\n\n    constructor(\n        @Inject(TUI_ITEMS_HANDLERS)\n        private readonly itemsHandlers: TuiItemsHandlers<T>,\n    ) {}\n\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T>> = ({$implicit}) =>\n        this.itemsHandlers.stringify($implicit);\n\n    getContext(\n        $implicit: T,\n        {nativeElement}: ElementRef<HTMLElement>,\n    ): TuiValueContentContext<T> {\n        return {$implicit, active: isNativeFocused(nativeElement)};\n    }\n\n    getOptions(includeDisabled: boolean = false): ReadonlyArray<T> {\n        return this.optionsQuery\n            .toArray()\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => value)\n            .filter(isPresent);\n    }\n}\n","import {ChangeDetectionStrategy, Component, forwardRef, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_ACCESSOR, TuiDataListAccessor} from '@taiga-ui/core';\n\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListGroupWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListGroupWrapperComponent<T>\n    extends TuiDataListWrapperComponent<T>\n    implements TuiDataListAccessor<T>\n{\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    labels: readonly string[] = [];\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiElementModule} from '@taiga-ui/cdk';\nimport {TuiDataListDirective, TuiDataListModule, TuiLoaderModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiElementModule,\n        TuiDataListModule,\n        TuiLoaderModule,\n    ],\n    declarations: [TuiDataListWrapperComponent, TuiDataListGroupWrapperComponent],\n    exports: [\n        TuiDataListWrapperComponent,\n        TuiDataListGroupWrapperComponent,\n        TuiDataListDirective,\n    ],\n})\nexport class TuiDataListWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IAkCa,2BAA2B,mCAAxC,MAAa,2BAA2B;IAqBpC,YAEqB,aAAkC;QAAlC,kBAAa,GAAb,aAAa,CAAqB;QArBtC,iBAAY,GAAqC,WAAW,CAAC;QAI9E,UAAK,GAA8D,EAAE,CAAC;QAItE,wBAAmB,GACf,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC;QAI3C,iBAAY,GAAwB,EAAE,CAAC;QAIvC,SAAI,GAAyB,GAAG,CAAC;QASjC,gBAAW,GAAmD,CAAC,EAAC,SAAS,EAAC,KACtE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;KALxC;IAOJ,UAAU,CACN,SAAY,EACZ,EAAC,aAAa,EAA0B;QAExC,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,eAAe,CAAC,aAAa,CAAC,EAAC,CAAC;KAC9D;IAED,UAAU,CAAC,kBAA2B,KAAK;QACvC,OAAO,IAAI,CAAC,YAAY;aACnB,OAAO,EAAE;aACT,MAAM,CAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,eAAe,IAAI,CAAC,QAAQ,CAAC;aACpD,GAAG,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,KAAK,CAAC;aACvB,MAAM,CAAC,SAAS,CAAC,CAAC;KAC1B;EACJ;;4CAvBQ,MAAM,SAAC,kBAAkB;;AApB9B;IADC,YAAY,CAAC,UAAU,CAAC,MAAM,kBAAkB,CAAC,CAAC;iEAC2B;AAI9E;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wEAE0B;AAI3C;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iEACsB;AAIvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;yDACgB;AASjC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEAE2B;AA7BnC,2BAA2B;IAZvC,SAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;QAC/C,6wBAAgD;QAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA2B,CAAC;aAC7D;SACJ;;KACJ,CAAC;IAuBO,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;GAtBtB,2BAA2B,CA6CvC;;;IC7DY,gCAAgC,wCAA7C,MAAa,gCACT,SAAQ,2BAA8B;IAD1C;;QAMI,UAAK,GAA2C,EAAE,CAAC;QAInD,WAAM,GAAsB,EAAE,CAAC;KAClC;EAAA;AALG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+DACkC;AAInD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEACc;AAVtB,gCAAgC;IAZ5C,SAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;QACzC,u5BAAsD;QAEtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,kCAAgC,CAAC;aAClE;SACJ;;KACJ,CAAC;GACW,gCAAgC,CAW5C;;ICLY,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IAfpC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,kBAAkB;YAClB,gBAAgB;YAChB,iBAAiB;YACjB,eAAe;SAClB;QACD,YAAY,EAAE,CAAC,2BAA2B,EAAE,gCAAgC,CAAC;QAC7E,OAAO,EAAE;YACL,2BAA2B;YAC3B,gCAAgC;YAChC,oBAAoB;SACvB;KACJ,CAAC;GACW,wBAAwB,CAAG;;ACxBxC;;;;;;"}

package/fesm2015/taiga-ui-kit-components-field-error.js

@@ -1,9 +1,9 @@
 import { __decorate, __param } from 'tslib';
 import { Optional, Self, Inject, Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { NgControl, FormArrayName, FormGroupName, FormGroupDirective } from '@angular/forms';
+import { NgControl, FormArrayName, FormGroupName, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';
 import { TuiValidationError, tuiDefaultProp, tuiPure } from '@taiga-ui/cdk';
 import { TUI_VALIDATION_ERRORS } from '@taiga-ui/kit/tokens';
-import { merge, EMPTY, isObservable } from 'rxjs';
+import { merge, EMPTY, of, isObservable } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { TuiErrorModule } from '@taiga-ui/core';
@@ -27,11 +27,7 @@ let TuiFieldErrorComponent = class TuiFieldErrorComponent {
         return merge(((_a = this.control) === null || _a === void 0 ? void 0 : _a.valueChanges) || EMPTY, ((_b = this.control) === null || _b === void 0 ? void 0 : _b.statusChanges) || EMPTY);
     }
     get computedError() {
-        return (this.invalid && this.touched && this.error) || null;
-    }
-    get isObservable() {
-        const { errorId } = this;
-        return isObservable(this.validationErrors[errorId]);
+        return (this.invalid && this.touched && this.error) || of(null);
     }
     registerOnChange() { }
     registerOnTouched() { }
@@ -40,7 +36,7 @@ let TuiFieldErrorComponent = class TuiFieldErrorComponent {
     get error() {
         const { errorId } = this;
         if (!errorId) {
-            return null;
+            return of(null);
         }
         const firstError = this.controlErrors[errorId];
         const errorContent = this.validationErrors[errorId];
@@ -80,15 +76,15 @@ let TuiFieldErrorComponent = class TuiFieldErrorComponent {
     }
     getError(firstError, errorContent) {
         if (firstError instanceof TuiValidationError) {
-            return firstError;
+            return of(firstError);
         }
         if (errorContent === undefined && typeof firstError === 'string') {
-            return new TuiValidationError(firstError);
+            return of(new TuiValidationError(firstError));
         }
         if (isObservable(errorContent)) {
             return errorContent.pipe(map(error => new TuiValidationError(error || '', firstError)));
         }
-        return new TuiValidationError(errorContent || '', firstError);
+        return of(new TuiValidationError(errorContent || '', firstError));
     }
 };
 TuiFieldErrorComponent.ctorParameters = () => [
@@ -117,7 +113,7 @@ TuiFieldErrorComponent = __decorate([
         // @bad TODO: find a way to get 'touched' state change
         // https://github.com/angular/angular/issues/10887
         changeDetection: ChangeDetectionStrategy.Default,
-        template: "<ng-container *ngIf=\"change$ | async\"></ng-container>\n<tui-error\n    *ngIf=\"isObservable; else string\"\n    [error]=\"$any(computedError) | async\"\n></tui-error>\n<ng-template #string>\n    <tui-error [error]=\"computedError\"></tui-error>\n</ng-template>\n",
+        template: "<ng-container *ngIf=\"change$ | async\"></ng-container>\n\n<tui-error [error]=\"computedError | async\"></tui-error>\n",
         styles: [":host{display:block}"]
     }),
     __param(0, Optional()),
@@ -135,11 +131,14 @@ TuiFieldErrorComponent = __decorate([
     __param(4, Inject(TUI_VALIDATION_ERRORS))
 ], TuiFieldErrorComponent);
 
+/**
+ * @deprecated use {@link TuiFieldErrorPipeModule} (from '@taiga-ui/kit') instead
+ */
 let TuiFieldErrorModule = class TuiFieldErrorModule {
 };
 TuiFieldErrorModule = __decorate([
     NgModule({
-        imports: [CommonModule, TuiErrorModule],
+        imports: [CommonModule, TuiErrorModule, ReactiveFormsModule],
         declarations: [TuiFieldErrorComponent],
         exports: [TuiFieldErrorComponent],
     })

package/fesm2015/taiga-ui-kit-components-field-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-field-error.js","sources":["ng://@taiga-ui/kit/components/field-error/field-error.component.ts","ng://@taiga-ui/kit/components/field-error/field-error.module.ts","ng://@taiga-ui/kit/components/field-error/taiga-ui-kit-components-field-error.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {\n    AbstractControl,\n    FormArrayName,\n    FormGroupDirective,\n    FormGroupName,\n    NgControl,\n} from '@angular/forms';\nimport {tuiDefaultProp, tuiPure, TuiValidationError} from '@taiga-ui/cdk';\nimport {TUI_VALIDATION_ERRORS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, isObservable, merge, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nconst EMPTY_RECORD = {};\n\n// @dynamic\n@Component({\n    selector: 'tui-field-error',\n    // @bad TODO: find a way to get 'touched' state change\n    // https://github.com/angular/angular/issues/10887\n    changeDetection: ChangeDetectionStrategy.Default,\n    templateUrl: './field-error.template.html',\n    styleUrls: ['./field-error.style.less'],\n})\nexport class TuiFieldErrorComponent {\n    @Input()\n    @tuiDefaultProp()\n    order: readonly string[] = [];\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        private readonly ngControl: NgControl | null,\n        @Optional()\n        @Self()\n        @Inject(FormArrayName)\n        private readonly formArrayName: FormArrayName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupName)\n        private readonly formGroupName: FormGroupName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupDirective)\n        private readonly formGroup: FormGroupDirective | null,\n        @Inject(TUI_VALIDATION_ERRORS)\n        private readonly validationErrors: Record<\n            string,\n            PolymorpheusContent | Observable<PolymorpheusContent>\n        >,\n    ) {\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    @tuiPure\n    get change$(): Observable<unknown> {\n        return merge(\n            this.control?.valueChanges || EMPTY,\n            this.control?.statusChanges || EMPTY,\n        );\n    }\n\n    get computedError(): TuiValidationError | Observable<TuiValidationError> | null {\n        return (this.invalid && this.touched && this.error) || null;\n    }\n\n    get isObservable() {\n        const {errorId} = this;\n\n        return isObservable(this.validationErrors[errorId]);\n    }\n\n    registerOnChange() {}\n\n    registerOnTouched() {}\n\n    setDisabledState() {}\n\n    writeValue() {}\n\n    private get error(): TuiValidationError | Observable<TuiValidationError> | null {\n        const {errorId} = this;\n\n        if (!errorId) {\n            return null;\n        }\n\n        const firstError = this.controlErrors[errorId];\n        const errorContent = this.validationErrors[errorId];\n\n        return this.getError(firstError, errorContent);\n    }\n\n    private get invalid(): boolean {\n        return !!this.control && this.control.invalid;\n    }\n\n    private get touched(): boolean {\n        return !!this.control && this.control.touched;\n    }\n\n    private get control(): AbstractControl | null {\n        if (this.ngControl) {\n            return this.ngControl.control;\n        }\n\n        if (this.formArrayName) {\n            return this.formArrayName.control;\n        }\n\n        if (this.formGroupName) {\n            return this.formGroupName.control;\n        }\n\n        if (this.formGroup) {\n            return this.formGroup.control;\n        }\n\n        return null;\n    }\n\n    private get errorId(): string {\n        return this.getErrorId(this.order, this.controlErrors);\n    }\n\n    private get controlErrors(): Record<string, any> {\n        return (this.control && this.control.errors) || EMPTY_RECORD;\n    }\n\n    @tuiPure\n    private getErrorId(\n        order: readonly string[],\n        controlErrors: Record<string, any>,\n    ): string {\n        const id = order && order.find(errorId => controlErrors[errorId]);\n        const fallback = Object.keys(controlErrors)[0];\n\n        return id || fallback || '';\n    }\n\n    @tuiPure\n    private getError(\n        firstError: any,\n        errorContent?: PolymorpheusContent | Observable<PolymorpheusContent>,\n    ): TuiValidationError | Observable<TuiValidationError> | null {\n        if (firstError instanceof TuiValidationError) {\n            return firstError;\n        }\n\n        if (errorContent === undefined && typeof firstError === 'string') {\n            return new TuiValidationError(firstError);\n        }\n\n        if (isObservable(errorContent)) {\n            return errorContent.pipe(\n                map(error => new TuiValidationError(error || '', firstError)),\n            );\n        }\n\n        return new TuiValidationError(errorContent || '', firstError);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiErrorModule} from '@taiga-ui/core';\n\nimport {TuiFieldErrorComponent} from './field-error.component';\n\n@NgModule({\n    imports: [CommonModule, TuiErrorModule],\n    declarations: [TuiFieldErrorComponent],\n    exports: [TuiFieldErrorComponent],\n})\nexport class TuiFieldErrorModule {}\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-field-error.js","sources":["ng://@taiga-ui/kit/components/field-error/field-error.component.ts","ng://@taiga-ui/kit/components/field-error/field-error.module.ts","ng://@taiga-ui/kit/components/field-error/taiga-ui-kit-components-field-error.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {\n    AbstractControl,\n    FormArrayName,\n    FormGroupDirective,\n    FormGroupName,\n    NgControl,\n} from '@angular/forms';\nimport {tuiDefaultProp, tuiPure, TuiValidationError} from '@taiga-ui/cdk';\nimport {TUI_VALIDATION_ERRORS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, isObservable, merge, Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nconst EMPTY_RECORD = {};\n// @dynamic\n@Component({\n    selector: 'tui-field-error',\n    // @bad TODO: find a way to get 'touched' state change\n    // https://github.com/angular/angular/issues/10887\n    changeDetection: ChangeDetectionStrategy.Default,\n    templateUrl: './field-error.template.html',\n    styleUrls: ['./field-error.style.less'],\n})\nexport class TuiFieldErrorComponent {\n    @Input()\n    @tuiDefaultProp()\n    order: readonly string[] = [];\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        private readonly ngControl: NgControl | null,\n        @Optional()\n        @Self()\n        @Inject(FormArrayName)\n        private readonly formArrayName: FormArrayName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupName)\n        private readonly formGroupName: FormGroupName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupDirective)\n        private readonly formGroup: FormGroupDirective | null,\n        @Inject(TUI_VALIDATION_ERRORS)\n        private readonly validationErrors: Record<\n            string,\n            PolymorpheusContent | Observable<PolymorpheusContent>\n        >,\n    ) {\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    @tuiPure\n    get change$(): Observable<unknown> {\n        return merge(\n            this.control?.valueChanges || EMPTY,\n            this.control?.statusChanges || EMPTY,\n        );\n    }\n\n    get computedError(): Observable<TuiValidationError | null> {\n        return (this.invalid && this.touched && this.error) || of(null);\n    }\n\n    registerOnChange() {}\n\n    registerOnTouched() {}\n\n    setDisabledState() {}\n\n    writeValue() {}\n\n    private get error(): Observable<TuiValidationError | null> {\n        const {errorId} = this;\n\n        if (!errorId) {\n            return of(null);\n        }\n\n        const firstError = this.controlErrors[errorId];\n        const errorContent = this.validationErrors[errorId];\n\n        return this.getError(firstError, errorContent);\n    }\n\n    private get invalid(): boolean {\n        return !!this.control && this.control.invalid;\n    }\n\n    private get touched(): boolean {\n        return !!this.control && this.control.touched;\n    }\n\n    private get control(): AbstractControl | null {\n        if (this.ngControl) {\n            return this.ngControl.control;\n        }\n\n        if (this.formArrayName) {\n            return this.formArrayName.control;\n        }\n\n        if (this.formGroupName) {\n            return this.formGroupName.control;\n        }\n\n        if (this.formGroup) {\n            return this.formGroup.control;\n        }\n\n        return null;\n    }\n\n    private get errorId(): string {\n        return this.getErrorId(this.order, this.controlErrors);\n    }\n\n    private get controlErrors(): Record<string, any> {\n        return (this.control && this.control.errors) || EMPTY_RECORD;\n    }\n\n    @tuiPure\n    private getErrorId(\n        order: readonly string[],\n        controlErrors: Record<string, any>,\n    ): string {\n        const id = order && order.find(errorId => controlErrors[errorId]);\n        const fallback = Object.keys(controlErrors)[0];\n\n        return id || fallback || '';\n    }\n\n    @tuiPure\n    private getError(\n        firstError: any,\n        errorContent?: PolymorpheusContent | Observable<PolymorpheusContent>,\n    ): Observable<TuiValidationError> {\n        if (firstError instanceof TuiValidationError) {\n            return of(firstError);\n        }\n\n        if (errorContent === undefined && typeof firstError === 'string') {\n            return of(new TuiValidationError(firstError));\n        }\n\n        if (isObservable(errorContent)) {\n            return errorContent.pipe(\n                map(error => new TuiValidationError(error || '', firstError)),\n            );\n        }\n\n        return of(new TuiValidationError(errorContent || '', firstError));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {ReactiveFormsModule} from '@angular/forms';\nimport {TuiErrorModule} from '@taiga-ui/core';\n\nimport {TuiFieldErrorComponent} from './field-error.component';\n\n/**\n * @deprecated use {@link TuiFieldErrorPipeModule} (from '@taiga-ui/kit') instead\n */\n@NgModule({\n    imports: [CommonModule, TuiErrorModule, ReactiveFormsModule],\n    declarations: [TuiFieldErrorComponent],\n    exports: [TuiFieldErrorComponent],\n})\nexport class TuiFieldErrorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-filter.js

@@ -54,7 +54,7 @@ __decorate([
 ], TuiFilterComponent.prototype, "items", void 0);
 __decorate([
     Input(),
-    HostBinding('attr.data-tui-host-size'),
+    HostBinding('attr.data-size'),
     tuiDefaultProp()
 ], TuiFilterComponent.prototype, "size", void 0);
 __decorate([
@@ -80,7 +80,7 @@ TuiFilterComponent = __decorate([
         selector: 'tui-filter',
         template: "<ng-container *ngFor=\"let item of items\">\n    <tui-checkbox-block\n        automation-id=\"tui-filter__checkbox\"\n        class=\"item\"\n        [disabled]=\"disabledItemHandler(item)\"\n        [hideCheckbox]=\"true\"\n        [ngModel]=\"isCheckboxEnabled(item)\"\n        [size]=\"size\"\n        (ngModelChange)=\"onCheckbox($event, item)\"\n    >\n        <div automation-id=\"tui-filter__content\" class=\"content\">\n            <div\n                polymorpheus-outlet\n                [content]=\"content\"\n                [context]=\"getItemContentContext(item)\"\n            ></div>\n            <tui-badge\n                *ngIf=\"badgeHandler(item) as badgeValue\"\n                automation-id=\"tui-filter__badge\"\n                tuiMode=\"onLight\"\n                class=\"badge\"\n                [class.badge_disabled]=\"disabledItemHandler(item)\"\n                [size]=\"size\"\n                [value]=\"badgeValue\"\n            ></tui-badge>\n        </div>\n    </tui-checkbox-block>\n</ng-container>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:block;margin-bottom:-.25rem}.content{display:flex;align-items:center}.item{margin-right:.25rem;margin-bottom:.25rem}.item:last-child,:host[data-tui-host-size='l'] .item:last-child{margin-right:0}:host[data-tui-host-size='l'] .item{margin-right:.5rem;margin-bottom:.5rem}.badge{margin-left:.25rem}.badge_disabled{opacity:var(--tui-disabled-opacity)}"]
+        styles: [":host{display:block;margin-bottom:-.25rem}.content{display:flex;align-items:center}.item{margin-right:.25rem;margin-bottom:.25rem}.item:last-child,:host[data-size='l'] .item:last-child{margin-right:0}:host[data-size='l'] .item{margin-right:.5rem;margin-bottom:.5rem}.badge{margin-left:.25rem}.badge_disabled{opacity:var(--tui-disabled-opacity)}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

package/fesm2015/taiga-ui-kit-components-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-filter.js","sources":["ng://@taiga-ui/kit/components/filter/filter.component.ts","ng://@taiga-ui/kit/components/filter/filter.module.ts","ng://@taiga-ui/kit/components/filter/taiga-ui-kit-components-filter.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_DEFAULT_STRINGIFY,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiHandler,\n    TuiIdentityMatcher,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @bad TODO: Add active zone to track focus\n@Component({\n    selector: 'tui-filter',\n    templateUrl: './filter.template.html',\n    styleUrls: ['./filter.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiFilterComponent<T> extends AbstractTuiMultipleControl<T> {\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<T> = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    @Output()\n    readonly toggledItem = new EventEmitter<T>();\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<any> = ({$implicit}: TuiContextWithImplicit<unknown>) =>\n        TUI_DEFAULT_STRINGIFY($implicit);\n\n    @Input()\n    @tuiDefaultProp()\n    badgeHandler: TuiHandler<T, number> = item => Number(item);\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    @tuiPure\n    getItemContentContext($implicit: T): TuiContextWithImplicit<T> {\n        return {\n            $implicit,\n        };\n    }\n\n    onCheckbox(value: boolean, item: T) {\n        this.toggledItem.emit(item);\n        this.updateValue(\n            value\n                ? [...this.value, item]\n                : this.value.filter(arrItem => !this.identityMatcher(arrItem, item)),\n        );\n    }\n\n    isCheckboxEnabled(item: T): boolean {\n        return this.value.some(arrItem => this.identityMatcher(arrItem, item));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiModeModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {TuiCheckboxBlockModule} from '@taiga-ui/kit/components/checkbox-block';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFilterComponent} from './filter.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiCheckboxBlockModule,\n        TuiBadgeModule,\n        TuiModeModule,\n    ],\n    declarations: [TuiFilterComponent],\n    exports: [TuiFilterComponent],\n})\nexport class TuiFilterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AA8BA;IAOa,kBAAkB,GAA/B,MAAa,kBAAsB,SAAQ,0BAA6B;IAqBpE,YAII,OAAyB,EACE,iBAAoC,EAC1B,UAAmC;QAExE,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAFG,eAAU,GAAV,UAAU,CAAyB;QAxB5E,oBAAe,GAA0B,4BAA4B,CAAC;QAItE,UAAK,GAAqB,EAAE,CAAC;QAK7B,SAAI,GAAwB,GAAG,CAAC;QAIhC,wBAAmB,GAAyB,oBAAoB,CAAC;QAGxD,gBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAe7C,YAAO,GAA6B,CAAC,EAAC,SAAS,EAAkC,KAC7E,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAIrC,iBAAY,GAA0B,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;KAT1D;IAWD,IAAI,OAAO;QACP,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KAC3D;IAGD,qBAAqB,CAAC,SAAY;QAC9B,OAAO;YACH,SAAS;SACZ,CAAC;KACL;IAED,UAAU,CAAC,KAAc,EAAE,IAAO;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CACZ,KAAK;cACC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;cACrB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAC3E,CAAC;KACL;IAED,iBAAiB,CAAC,IAAO;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;KAC1E;EACJ;;YAvCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;YACwB,UAAU,uBAA1D,MAAM,SAAC,UAAU;;AAxBtB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iDACY;AAK7B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;gDACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+DACgD;AAGjE;IADC,MAAM,EAAE;uDACoC;AAe7C;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDAEoB;AAIrC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wDAC0C;AAO3D;IADC,OAAO;+DAKP;AAlDQ,kBAAkB;IAN9B,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,4hCAAqC;QAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IAuBO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GA3Bd,kBAAkB,CAgE9B;;IC/EY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAZ3B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,kBAAkB;YAClB,sBAAsB;YACtB,cAAc;YACd,aAAa;SAChB;QACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACtB/B;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-filter.js","sources":["ng://@taiga-ui/kit/components/filter/filter.component.ts","ng://@taiga-ui/kit/components/filter/filter.module.ts","ng://@taiga-ui/kit/components/filter/taiga-ui-kit-components-filter.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_DEFAULT_STRINGIFY,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiHandler,\n    TuiIdentityMatcher,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @bad TODO: Add active zone to track focus\n@Component({\n    selector: 'tui-filter',\n    templateUrl: './filter.template.html',\n    styleUrls: ['./filter.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiFilterComponent<T> extends AbstractTuiMultipleControl<T> {\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<T> = [];\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    @Output()\n    readonly toggledItem = new EventEmitter<T>();\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<any> = ({$implicit}: TuiContextWithImplicit<unknown>) =>\n        TUI_DEFAULT_STRINGIFY($implicit);\n\n    @Input()\n    @tuiDefaultProp()\n    badgeHandler: TuiHandler<T, number> = item => Number(item);\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    @tuiPure\n    getItemContentContext($implicit: T): TuiContextWithImplicit<T> {\n        return {\n            $implicit,\n        };\n    }\n\n    onCheckbox(value: boolean, item: T) {\n        this.toggledItem.emit(item);\n        this.updateValue(\n            value\n                ? [...this.value, item]\n                : this.value.filter(arrItem => !this.identityMatcher(arrItem, item)),\n        );\n    }\n\n    isCheckboxEnabled(item: T): boolean {\n        return this.value.some(arrItem => this.identityMatcher(arrItem, item));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiModeModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {TuiCheckboxBlockModule} from '@taiga-ui/kit/components/checkbox-block';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFilterComponent} from './filter.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiCheckboxBlockModule,\n        TuiBadgeModule,\n        TuiModeModule,\n    ],\n    declarations: [TuiFilterComponent],\n    exports: [TuiFilterComponent],\n})\nexport class TuiFilterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AA8BA;IAOa,kBAAkB,GAA/B,MAAa,kBAAsB,SAAQ,0BAA6B;IAqBpE,YAII,OAAyB,EACE,iBAAoC,EAC1B,UAAmC;QAExE,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAFG,eAAU,GAAV,UAAU,CAAyB;QAxB5E,oBAAe,GAA0B,4BAA4B,CAAC;QAItE,UAAK,GAAqB,EAAE,CAAC;QAK7B,SAAI,GAAwB,GAAG,CAAC;QAIhC,wBAAmB,GAAyB,oBAAoB,CAAC;QAGxD,gBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAe7C,YAAO,GAA6B,CAAC,EAAC,SAAS,EAAkC,KAC7E,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAIrC,iBAAY,GAA0B,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;KAT1D;IAWD,IAAI,OAAO;QACP,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KAC3D;IAGD,qBAAqB,CAAC,SAAY;QAC9B,OAAO;YACH,SAAS;SACZ,CAAC;KACL;IAED,UAAU,CAAC,KAAc,EAAE,IAAO;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CACZ,KAAK;cACC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;cACrB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAC3E,CAAC;KACL;IAED,iBAAiB,CAAC,IAAO;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;KAC1E;EACJ;;YAvCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;YACwB,UAAU,uBAA1D,MAAM,SAAC,UAAU;;AAxBtB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iDACY;AAK7B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;gDACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+DACgD;AAGjE;IADC,MAAM,EAAE;uDACoC;AAe7C;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDAEoB;AAIrC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wDAC0C;AAO3D;IADC,OAAO;+DAKP;AAlDQ,kBAAkB;IAN9B,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,4hCAAqC;QAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IAuBO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GA3Bd,kBAAkB,CAgE9B;;IC/EY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAZ3B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,kBAAkB;YAClB,sBAAsB;YACtB,cAAc;YACd,aAAa;SAChB;QACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACtB/B;;;;;;"}