npm - @taiga-ui/kit - Versions diffs - 2.33.0 → 2.34.0 - Mend

@taiga-ui/kit 2.33.0 → 2.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (469) hide show

package/fesm5/taiga-ui-kit-components-combo-box.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { forwardRef, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, Output, TemplateRef, Component, ChangeDetectionStrategy, Directive, 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 { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TUI_DEFAULT_STRINGIFY, TUI_STRICT_MATCHER, TUI_DEFAULT_IDENTITY_MATCHER, isNativeFocused, isPresent, setNativeFocused, tuiDefaultProp, tuiPure, AbstractTuiNullableControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TUI_STRICT_MATCHER, isNativeFocused, isPresent, setNativeFocused, tuiDefaultProp, tuiPure, AbstractTuiNullableControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
 import { TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, 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';
@@ -33,12 +34,13 @@ var TUI_COMBO_BOX_PROVIDERS = [
 var TuiComboBoxComponent = /** @class */ (function (_super) {
     __extends(TuiComboBoxComponent, _super);
-    function TuiComboBoxComponent(control, changeDetectorRef, arrowMode) {
+    function TuiComboBoxComponent(control, changeDetectorRef, arrowMode, itemsHandlers) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
         _this.arrowMode = arrowMode;
-        _this.stringify = TUI_DEFAULT_STRINGIFY;
+        _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 = '';
@@ -71,10 +73,7 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiComboBoxComponent.prototype, "nativeValue", {
         get: function () {
-            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);
         },
         enumerable: true,
         configurable: true
@@ -117,10 +116,11 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
         this.updateValue(item);
     };
     TuiComboBoxComponent.prototype.onFieldKeyDownEnter = function (event) {
+        var _a;
         if (this.open) {
             event.preventDefault();
         }
-        var options = this.accessor ? this.accessor.getOptions() : [];
+        var options = ((_a = this.accessor) === null || _a === void 0 ? void 0 : _a.getOptions()) || [];
         if (options.length !== 1) {
             return;
         }
@@ -130,17 +130,21 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
     };
     TuiComboBoxComponent.prototype.onValueChange = function (value) {
         var _this = this;
-        var _a;
+        var _a, _b;
         this.updateSearch(value);
-        var match = this.accessor &&
-            this.accessor.getOptions().find(function (item) { return _this.isStrictMatch(item); });
+        var match = (_a = this.accessor) === null || _a === void 0 ? void 0 : _a.getOptions().find(function (item) { return _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);
+    };
+    TuiComboBoxComponent.prototype.updateValue = function (value) {
+        _super.prototype.updateValue.call(this, value);
     };
     TuiComboBoxComponent.prototype.onHovered = function (hovered) {
         this.updateHovered(hovered);
@@ -177,7 +181,8 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
     TuiComboBoxComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] }
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] }
     ]; };
     __decorate([
         ContentChild(TUI_DATA_LIST_ACCESSOR)
@@ -233,7 +238,8 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
         __param(0, Self()),
         __param(0, Inject(NgControl)),
         __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(TUI_ARROW_MODE))
+        __param(2, Inject(TUI_ARROW_MODE)),
+        __param(3, Inject(TUI_ITEMS_HANDLERS))
     ], TuiComboBoxComponent);
     return TuiComboBoxComponent;
 }(AbstractTuiNullableControl));
@@ -269,6 +275,33 @@ var TuiComboBoxDirective = /** @class */ (function (_super) {
     return TuiComboBoxDirective;
 }(TuiAbstractTextfieldHost));
+var TuiComboBoxStrictDirective = /** @class */ (function () {
+    function TuiComboBoxStrictDirective(comboBox) {
+        this.comboBox = comboBox;
+        this.strict = true;
+    }
+    TuiComboBoxStrictDirective.prototype.onInput = function () {
+        this.comboBox.updateValue(this.strict || this.comboBox.search === '' ? null : this.comboBox.search);
+    };
+    TuiComboBoxStrictDirective.ctorParameters = function () { return [
+        { 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);
+    return TuiComboBoxStrictDirective;
+}());
 var TuiComboBoxModule = /** @class */ (function () {
     function TuiComboBoxModule() {
     }
@@ -283,8 +316,17 @@ var TuiComboBoxModule = /** @class */ (function () {
                 TuiSelectOptionModule,
                 TuiArrowModule,
             ],
-            declarations: [TuiComboBoxComponent, TuiComboBoxDirective],
-            exports: [TuiComboBoxComponent, TuiComboBoxDirective, TuiTextfieldComponent],
+            declarations: [
+                TuiComboBoxComponent,
+                TuiComboBoxStrictDirective,
+                TuiComboBoxDirective,
+            ],
+            exports: [
+                TuiComboBoxComponent,
+                TuiComboBoxStrictDirective,
+                TuiComboBoxDirective,
+                TuiTextfieldComponent,
+            ],
         })
     ], TuiComboBoxModule);
     return TuiComboBoxModule;
@@ -294,5 +336,5 @@ var TuiComboBoxModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
-export { COMBOBOX_OPTION, TUI_COMBO_BOX_PROVIDERS, TuiComboBoxComponent, TuiComboBoxDirective, TuiComboBoxModule };
+export { COMBOBOX_OPTION, TUI_COMBO_BOX_PROVIDERS, TuiComboBoxComponent, TuiComboBoxDirective, TuiComboBoxModule, TuiComboBoxStrictDirective };
 //# sourceMappingURL=taiga-ui-kit-components-combo-box.js.map

package/fesm5/taiga-ui-kit-components-combo-box.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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.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_DEFAULT_IDENTITY_MATCHER,\n TUI_DEFAULT_STRINGIFY,\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 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 {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 \| 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 @Inject(TUI_ARROW_MODE)\n private readonly arrowMode: TuiArrowMode,\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 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 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 onValueChange(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 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 {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';\n\n@NgModule({\n imports: [\n CommonModule,\n PolymorpheusModule,\n TuiActiveZoneModule,\n TuiPrimitiveTextfieldModule,\n TuiHostedDropdownModule,\n TuiSelectOptionModule,\n TuiArrowModule,\n ],\n declarations: [TuiComboBoxComponent, TuiComboBoxDirective],\n exports: [TuiComboBoxComponent, TuiComboBoxDirective, TuiTextfieldComponent],\n})\nexport class TuiComboBoxModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAQA;IACa,eAAe,GAAQ,kBAAkB;IAEzC,uBAAuB,GAAG;IACnC;QACI,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAoB,GAAA,CAAC;KACtD;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAoB,GAAA,CAAC;KACtD;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAoB,GAAA,CAAC;KACtD;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,eAAe;KAC5B;IACD,kCAAkC;;;;ICwB1B,wCAAsC;IA4C9C,8BAII,OAAyB,EACE,iBAAoC,EAE9C,SAAuB;QAP5C,YASI,kBAAM,OAAO,EAAE,iBAAiB,CAAC,SACpC;QAHoB,eAAS,GAAT,SAAS,CAAc;QArC5C,eAAS,GAAwB,qBAAqB,CAAC;QAIvD,mBAAa,GAAwB,kBAAkB,CAAC;QAIxD,qBAAe,GAA0B,4BAA4B,CAAC;QAItE,kBAAY,GAAmD,EAAE,CAAC;QAIlE,YAAM,GAAG,IAAI,CAAC;QAId,YAAM,GAAkB,EAAE,CAAC;QAGlB,kBAAY,GAAG,IAAI,YAAY,EAAiB,CAAC;QAGjD,cAAQ,GAAwB,EAAE,CAAC;QAE5C,UAAI,GAAG,KAAK,CAAC;;KAYZ;IAED,sBAAI,uCAAK;aAAT;YACI,OAAO,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;SACnF;;;OAAA;IAED,sBAAI,wDAAsB;aAA1B;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC;SACxE;;;OAAA;IAED,sBAAI,yCAAO;aAAX;YACI,QACI,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC;iBAC3C,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EACxD;SACL;;;OAAA;IAED,sBAAI,6CAAW;aAAf;YACI,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;gBACrB,OAAO,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;aAC5B;YAED,OAAO,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACnF;;;OAAA;IAED,sBAAI,mDAAiB;aAArB;YACI,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;SACjD;;;OAAA;IAED,sBAAI,iDAAe;aAAnB;YACI,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC;SAChD;;;OAAA;IAGD,6CAAc,GAAd,UACI,SAAmB,EACnB,MAAe;QAEf,OAAO;YACH,SAAS,WAAA;YACT,MAAM,QAAA;SACT,CAAC;KACL;IAED,2CAAY,GAAZ,UAAa,MAAe;QACxB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC9B;IAED,0CAAW,GAAX,UAAY,MAAS;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE;YAC7B,OAAO;SACV;QAED,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,2CAAY,GAAZ,UAAa,IAAO;QAChB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KAC1B;IAED,kDAAmB,GAAnB,UAAoB,KAAoB;QACpC,IAAI,IAAI,CAAC,IAAI,EAAE;YACX,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;QAED,IAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC;QAEhE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,OAAO;SACV;QAED,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,EAAE,CAAC;KAChB;IAED,4CAAa,GAAb,UAAc,KAAa;QAA3B,iBAgBC;;QAfG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAEzB,IAAM,KAAK,GACP,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC;QAEtE,IAAI,KAAK,KAAK,SAAS,EAAE;YACrB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAExB,OAAO;SACV;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACzE,MAAA,IAAI,CAAC,cAAc,0CAAE,UAAU,CAAC,IAAI,EAAE;KACzC;IAED,wCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,qCAAM,GAAN;;QACI,MAAA,IAAI,CAAC,cAAc,0CAAE,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;KAC/C;IAEO,4CAAa,GAArB,UAAsB,IAAO;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;KACtE;IAEO,oCAAK,GAAb;;QACI,MAAA,IAAI,CAAC,cAAc,0CAAE,UAAU,CAAC,KAAK,EAAE;KAC1C;IAEO,2CAAY,GAApB,UAAqB,MAAqB;QACtC,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;YACxB,OAAO;SACV;QAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAClC;IAEO,6CAAc,GAAtB,UAAuB,KAAa;QAChC,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAC;SAC7C;KACJ;IAEO,yCAAU,GAAlB,UAAmB,aAA8B;QAA9B,8BAAA,EAAA,qBAA8B;QAC7C,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;SACtE;KACJ;;gBA5IY,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;gBAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;gDACxB,MAAM,SAAC,cAAc;;IA9C1B;QADC,YAAY,CAAC,sBAA6B,CAAC;0DACO;IAGnD;QADC,SAAS,CAAC,0BAA0B,CAAC;gEACuB;IAG7D;QADC,SAAS,CAAC,8BAA8B,CAAC;2DACkB;IAI5D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;2DACsC;IAIvD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DACuC;IAIxD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;iEACqD;IAItE;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;8DACiD;IAIlE;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACH;IAId;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACU;IAG3B;QADC,MAAM,EAAE;8DACiD;IAG1D;QADC,YAAY,CAAC,oBAAoB,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;0DACZ;IAgD5C;QADC,OAAO;8DASP;IAjGQ,oBAAoB;QAPhC,SAAS,CAAC;YACP,QAAQ,EAAE,eAAe;YACzB,w5CAAwC;YAExC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE,uBAAuB;;SACrC,CAAC;QA+CO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;QAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;OAnDlB,oBAAoB,CA8LhC;IAAD,2BAAC;CAAA,CA7LW,0BAA0B;;;ICtCI,wCAEzC;IAFD;;KAUC;6BAVY,oBAAoB;IAG7B,sBAAI,uCAAK;aAAT;YACI,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;SAChC;;;OAAA;IAED,4CAAa,GAAb,UAAc,KAAa;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAClC;;IATQ,oBAAoB;QAThC,SAAS,CAAC;YACP,QAAQ,EAAE,eAAe;YACzB,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,sBAAoB,GAAA,CAAC;iBACtD;aACJ;SACJ,CAAC;OACW,oBAAoB,CAUhC;IAAD,2BAAC;CAAA,CAVyC,wBAAwB;;;ICclE;KAAiC;IAApB,iBAAiB;QAb7B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,kBAAkB;gBAClB,mBAAmB;gBACnB,2BAA2B;gBAC3B,uBAAuB;gBACvB,qBAAqB;gBACrB,cAAc;aACjB;YACD,YAAY,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;YAC1D,OAAO,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,qBAAqB,CAAC;SAC/E,CAAC;OACW,iBAAiB,CAAG;IAAD,wBAAC;CAAjC;;AC5BA;;;;;;"}
1	+ {"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/fesm5/taiga-ui-kit-components-data-list-wrapper.js CHANGED Viewed

@@ -1,20 +1,23 @@
-import { __decorate, __extends } 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, __extends } 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 = /** @class */ (function () {
-    function TuiDataListWrapperComponent() {
-        this.options = EMPTY_QUERY;
+    function TuiDataListWrapperComponent(itemsHandlers) {
+        var _this = this;
+        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 = function (_a) {
             var $implicit = _a.$implicit;
-            return TUI_DEFAULT_STRINGIFY($implicit);
+            return _this.itemsHandlers.stringify($implicit);
         };
     }
     TuiDataListWrapperComponent_1 = TuiDataListWrapperComponent;
@@ -24,7 +27,7 @@ var TuiDataListWrapperComponent = /** @class */ (function () {
     };
     TuiDataListWrapperComponent.prototype.getOptions = function (includeDisabled) {
         if (includeDisabled === void 0) { includeDisabled = false; }
-        return this.options
+        return this.optionsQuery
             .toArray()
             .filter(function (_a) {
             var disabled = _a.disabled;
@@ -37,9 +40,12 @@ var TuiDataListWrapperComponent = /** @class */ (function () {
             .filter(isPresent);
     };
     var TuiDataListWrapperComponent_1;
+    TuiDataListWrapperComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] }
+    ]; };
     __decorate([
         ViewChildren(forwardRef(function () { return TuiOptionComponent; }))
-    ], TuiDataListWrapperComponent.prototype, "options", void 0);
+    ], TuiDataListWrapperComponent.prototype, "optionsQuery", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
@@ -72,7 +78,8 @@ var TuiDataListWrapperComponent = /** @class */ (function () {
                 },
             ],
             styles: [":host{display:block}.content{flex:1}"]
-        })
+        }),
+        __param(0, Inject(TUI_ITEMS_HANDLERS))
     ], TuiDataListWrapperComponent);
     return TuiDataListWrapperComponent;
 }());

package/fesm5/taiga-ui-kit-components-data-list-wrapper.js.map CHANGED Viewed

	@@ -1 +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~~;~~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,UAAC,EAAW;gBAAV,wBAAS;YACrE,OAAA,~~qBAAqB~~,CAAC,SAAS,CAAC;SAAA,CAAC;~~KAgBxC~~;~~oCAvCY~~,2BAA2B;~~IAyBpC~~,gDAAU,GAAV,UACI,SAAY,EACZ,EAAwC;YAAvC,gCAAa;QAEd,OAAO,EAAC,SAAS,WAAA,EAAE,MAAM,EAAE,eAAe,CAAC,aAAa,CAAC,EAAC,CAAC;KAC9D;IAED,gDAAU,GAAV,UAAW,eAAgC;QAAhC,gCAAA,EAAA,uBAAgC;QACvC,OAAO,IAAI,CAAC,~~OAAO~~;~~aACd~~,OAAO,EAAE;aACT,MAAM,CAAC,UAAC,EAAU;gBAAT,sBAAQ;YAAM,OAAA,eAAe,IAAI,CAAC,QAAQ;SAAA,CAAC;aACpD,GAAG,CAAC,UAAC,EAAO;gBAAN,gBAAK;YAAM,OAAA,KAAK;SAAA,CAAC;aACvB,MAAM,CAAC,SAAS,CAAC,CAAC;KAC1B;;~~IApCD~~;QADC,YAAY,CAAC,UAAU,CAAC,cAAM,OAAA,kBAAkB,GAAA,CAAC,CAAC;~~gEACsB~~;~~IAIzE~~;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;8DACqD;IAItE;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;~~4EACgD~~;~~IAIjE~~;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;qEACsB;IAIvC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;6DACgB;~~IAIjC~~;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;~~oEAEoB~~;~~IAvB5B~~,2BAA2B;QAZvC,SAAS,CAAC;YACP,QAAQ,EAAE,qCAAqC;YAC/C,6wBAAgD;YAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,sBAAsB;oBAC/B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,6BAA2B,GAAA,CAAC;iBAC7D;aACJ;;SACJ,CAAC;~~OACW~~,2BAA2B,~~CAuCvC~~;IAAD,kCAAC;~~CAvCD~~;;;~~ICrBY~~,oDAA8B;IAD1C;QAAA,qEAWC;QALG,WAAK,GAA2C,EAAE,CAAC;QAInD,YAAM,GAAsB,EAAE,CAAC;;KAClC;yCAXY,gCAAgC;;IAMzC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;mEACkC;IAInD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oEACc;IAVtB,gCAAgC;QAZ5C,SAAS,CAAC;YACP,QAAQ,EAAE,+BAA+B;YACzC,u5BAAsD;YAEtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,sBAAsB;oBAC/B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,kCAAgC,GAAA,CAAC;iBAClE;aACJ;;SACJ,CAAC;OACW,gCAAgC,CAW5C;IAAD,uCAAC;CAAA,CAVW,2BAA2B;;;ICKvC;KAAwC;IAA3B,wBAAwB;QAfpC,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,kBAAkB;gBAClB,gBAAgB;gBAChB,iBAAiB;gBACjB,eAAe;aAClB;YACD,YAAY,EAAE,CAAC,2BAA2B,EAAE,gCAAgC,CAAC;YAC7E,OAAO,EAAE;gBACL,2BAA2B;gBAC3B,gCAAgC;gBAChC,oBAAoB;aACvB;SACJ,CAAC;OACW,wBAAwB,CAAG;IAAD,+BAAC;CAAxC;;ACxBA;;;;;;"}
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 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":"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"}

package/fesm5/taiga-ui-kit-components-field-error.js CHANGED Viewed

@@ -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';
@@ -32,15 +32,7 @@ var TuiFieldErrorComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiFieldErrorComponent.prototype, "computedError", {
         get: function () {
-            return (this.invalid && this.touched && this.error) || null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFieldErrorComponent.prototype, "isObservable", {
-        get: function () {
-            var errorId = this.errorId;
-            return isObservable(this.validationErrors[errorId]);
+            return (this.invalid && this.touched && this.error) || of(null);
         },
         enumerable: true,
         configurable: true
@@ -53,7 +45,7 @@ var TuiFieldErrorComponent = /** @class */ (function () {
         get: function () {
             var errorId = this.errorId;
             if (!errorId) {
-                return null;
+                return of(null);
             }
             var firstError = this.controlErrors[errorId];
             var errorContent = this.validationErrors[errorId];
@@ -116,15 +108,15 @@ var TuiFieldErrorComponent = /** @class */ (function () {
     };
     TuiFieldErrorComponent.prototype.getError = function (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(function (error) { return new TuiValidationError(error || '', firstError); }));
         }
-        return new TuiValidationError(errorContent || '', firstError);
+        return of(new TuiValidationError(errorContent || '', firstError));
     };
     TuiFieldErrorComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
@@ -152,7 +144,7 @@ var TuiFieldErrorComponent = /** @class */ (function () {
             // @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()),
@@ -172,12 +164,15 @@ var TuiFieldErrorComponent = /** @class */ (function () {
     return TuiFieldErrorComponent;
 }());
+/**
+ * @deprecated use {@link TuiFieldErrorPipeModule} (from '@taiga-ui/kit') instead
+ */
 var TuiFieldErrorModule = /** @class */ (function () {
     function TuiFieldErrorModule() {
     }
     TuiFieldErrorModule = __decorate([
         NgModule({
-            imports: [CommonModule, TuiErrorModule],
+            imports: [CommonModule, TuiErrorModule, ReactiveFormsModule],
             declarations: [TuiFieldErrorComponent],
             exports: [TuiFieldErrorComponent],
         })

package/fesm5/taiga-ui-kit-components-field-error.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;AAqBA,IAAM,YAAY,GAAG,EAAE,CAAC;~~AAExB~~;;IAcI,gCAIqB,SAA2B,EAI3B,aAAmC,EAInC,aAAmC,EAInC,SAAoC,EAEpC,gBAGhB;QAjBgB,cAAS,GAAT,SAAS,CAAkB;QAI3B,kBAAa,GAAb,aAAa,CAAsB;QAInC,kBAAa,GAAb,aAAa,CAAsB;QAInC,cAAS,GAAT,SAAS,CAA2B;QAEpC,qBAAgB,GAAhB,gBAAgB,CAGhC;QAvBL,UAAK,GAAsB,EAAE,CAAC;QAyB1B,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC;SACvC;KACJ;IAGD,sBAAI,2CAAO;aAAX;;YACI,OAAO,KAAK,CACR,OAAA,IAAI,CAAC,OAAO,0CAAE,YAAY,KAAI,KAAK,EACnC,OAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,KAAI,KAAK,CACvC,CAAC;SACL;;;OAAA;IAED,sBAAI,iDAAa;aAAjB;YACI,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,~~IAAI~~,CAAC~~;SAC/D;;;OAAA;IAED~~,~~sBAAI,gDAAY;aAAhB;YACW,IAAA,sBAAO,CAAS;YAEvB,OAAO,YAAY,CAAC,~~IAAI,CAAC,~~gBAAgB,~~CAAC~~,OAAO,CAAC,CAAC,CAAC~~;~~SACvD~~;;;OAAA;IAED,iDAAgB,GAAhB,eAAqB;IAErB,kDAAiB,GAAjB,eAAsB;IAEtB,iDAAgB,GAAhB,eAAqB;IAErB,2CAAU,GAAV,eAAe;IAEf,sBAAY,yCAAK;aAAjB;YACW,IAAA,sBAAO,CAAS;YAEvB,IAAI,CAAC,OAAO,EAAE;gBACV,OAAO,IAAI,CAAC;~~aACf~~;YAED,IAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YAEpD,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;SAClD;;;OAAA;IAED,sBAAY,2CAAO;aAAnB;YACI,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;SACjD;;;OAAA;IAED,sBAAY,2CAAO;aAAnB;YACI,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;SACjD;;;OAAA;IAED,sBAAY,2CAAO;aAAnB;YACI,IAAI,IAAI,CAAC,SAAS,EAAE;gBAChB,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;aACjC;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;gBACpB,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;aACrC;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;gBACpB,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;aACrC;YAED,IAAI,IAAI,CAAC,SAAS,EAAE;gBAChB,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;aACjC;YAED,OAAO,IAAI,CAAC;SACf;;;OAAA;IAED,sBAAY,2CAAO;aAAnB;YACI,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;SAC1D;;;OAAA;IAED,sBAAY,iDAAa;aAAzB;YACI,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,YAAY,CAAC;SAChE;;;OAAA;IAGO,2CAAU,GAAlB,UACI,KAAwB,EACxB,aAAkC;QAElC,IAAM,EAAE,GAAG,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,aAAa,CAAC,OAAO,CAAC,GAAA,CAAC,CAAC;QAClE,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAE/C,OAAO,EAAE,IAAI,QAAQ,IAAI,EAAE,CAAC;KAC/B;IAGO,yCAAQ,GAAhB,UACI,UAAe,EACf,YAAoE;QAEpE,IAAI,UAAU,YAAY,kBAAkB,EAAE;YAC1C,OAAO,UAAU,CAAC;~~SACrB~~;QAED,IAAI,YAAY,KAAK,SAAS,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAC9D,OAAO,IAAI,kBAAkB,CAAC,UAAU,CAAC,CAAC;~~SAC7C~~;QAED,IAAI,YAAY,CAAC,YAAY,CAAC,EAAE;YAC5B,OAAO,YAAY,CAAC,IAAI,CACpB,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,IAAI,kBAAkB,CAAC,KAAK,IAAI,EAAE,EAAE,UAAU,CAAC,GAAA,CAAC,CAChE,CAAC;SACL;QAED,OAAO,IAAI,kBAAkB,CAAC,YAAY,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;~~KACjE~~;;~~gBAlI~~+B,SAAS,uBAHpC,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;gBAKe,aAAa,uBAH5C,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,aAAa;gBAKW,aAAa,uBAH5C,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,aAAa;gBAKO,kBAAkB,uBAH7C,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,kBAAkB;gDAEzB,MAAM,SAAC,qBAAqB;;IAnBjC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACa;IA+B9B;QADC,OAAO;yDAMP;~~IAsED~~;QADC,OAAO;4DASP;IAGD;QADC,OAAO;0DAoBP;~~IA3IQ~~,sBAAsB;QARlC,SAAS,CAAC;YACP,QAAQ,EAAE,iBAAiB;;;YAG3B,eAAe,EAAE,uBAAuB,CAAC,OAAO;YAChD,~~oRAA0C~~;;SAE7C,CAAC;QAOO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;QAEjB,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;QAErB,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;QAErB,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;QAE1B,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;OAtBzB,sBAAsB,~~CA4IlC~~;IAAD,6BAAC;~~CA5ID;;;ICrBA~~;KAAmC;IAAtB,mBAAmB;QAL/B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;~~YACvC~~,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;~~ACXA~~;;;;;;"}
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, 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/fesm5/taiga-ui-kit-components-filter.js CHANGED Viewed

@@ -63,7 +63,7 @@ var TuiFilterComponent = /** @class */ (function (_super) {
     ], TuiFilterComponent.prototype, "items", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-tui-host-size'),
+        HostBinding('attr.data-size'),
         tuiDefaultProp()
     ], TuiFilterComponent.prototype, "size", void 0);
     __decorate([
@@ -89,7 +89,7 @@ var TuiFilterComponent = /** @class */ (function (_super) {
             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/fesm5/taiga-ui-kit-components-filter.js.map CHANGED Viewed

	@@ -1 +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;;IAO2C,sCAA6B;IAqBpE,4BAII,OAAyB,EACE,iBAAoC,EAC1B,UAAmC;QAN5E,YAQI,kBAAM,OAAO,EAAE,iBAAiB,CAAC,SACpC;QAHwC,gBAAU,GAAV,UAAU,CAAyB;QAxB5E,qBAAe,GAA0B,4BAA4B,CAAC;QAItE,WAAK,GAAqB,EAAE,CAAC;QAK7B,UAAI,GAAwB,GAAG,CAAC;QAIhC,yBAAmB,GAAyB,oBAAoB,CAAC;QAGxD,iBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAe7C,aAAO,GAA6B,UAAC,EAA4C;gBAA3C,wBAAS;YAC3C,OAAA,qBAAqB,CAAC,SAAS,CAAC;SAAA,CAAC;QAIrC,kBAAY,GAA0B,UAAA,IAAI,IAAI,OAAA,MAAM,CAAC,IAAI,CAAC,GAAA,CAAC;;KAT1D;IAWD,sBAAI,uCAAO;aAAX;YACI,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;SAC3D;;;OAAA;IAGD,kDAAqB,GAArB,UAAsB,SAAY;QAC9B,OAAO;YACH,SAAS,WAAA;SACZ,CAAC;KACL;IAED,uCAAU,GAAV,UAAW,KAAc,EAAE,IAAO;QAAlC,iBAOC;QANG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CACZ,KAAK;uBACK,IAAI,CAAC,KAAK,GAAE,IAAI,KACpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC,KAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,GAAA,CAAC,CAC3E,CAAC;KACL;IAED,8CAAiB,GAAjB,UAAkB,IAAO;QAAzB,iBAEC;QADG,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,KAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,GAAA,CAAC,CAAC;KAC1E;;gBAtCY,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;gBAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;gBACwB,UAAU,uBAA1D,MAAM,SAAC,UAAU;;IAxBtB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DACqD;IAItE;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;qDACY;IAK7B;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,~~yBAAyB~~,CAAC;~~QACtC~~,cAAc,EAAE;oDACe;IAIhC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;mEACgD;IAGjE;QADC,MAAM,EAAE;2DACoC;IAe7C;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;uDAEoB;IAIrC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;4DAC0C;IAO3D;QADC,OAAO;mEAKP;IAlDQ,kBAAkB;QAN9B,SAAS,CAAC;YACP,QAAQ,EAAE,YAAY;YACtB,4hCAAqC;YAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;QAuBO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;QAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;OA3Bd,kBAAkB,CAgE9B;IAAD,yBAAC;CAAA,CAhE0C,0BAA0B;;;ICfrE;KAA+B;IAAlB,eAAe;QAZ3B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,WAAW;gBACX,kBAAkB;gBAClB,sBAAsB;gBACtB,cAAc;gBACd,aAAa;aAChB;YACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACtBA;;;;;;"}
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-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":"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"}

package/fesm5/taiga-ui-kit-components-input-count.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __extends, __decorate, __param } from 'tslib';
+import { __assign, __extends, __decorate, __param } from 'tslib';
 import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { isNativeFocused, isPresent, setNativeFocused, clamp, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl } from '@taiga-ui/cdk';
@@ -29,6 +29,10 @@ var TUI_INPUT_COUNT_DEFAULT_OPTIONS = {
 var TUI_INPUT_COUNT_OPTIONS = new InjectionToken('Default parameters for input count component', {
     factory: function () { return TUI_INPUT_COUNT_DEFAULT_OPTIONS; },
 });
+var tuiInputCountOptionsProvider = function (options) { return ({
+    provide: TUI_INPUT_COUNT_OPTIONS,
+    useValue: __assign(__assign({}, TUI_INPUT_COUNT_DEFAULT_OPTIONS), options),
+}); };
 // @dynamic
 var TuiInputCountComponent = /** @class */ (function (_super) {
@@ -283,7 +287,7 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
         HostBinding('class._hide-buttons')
     ], TuiInputCountComponent.prototype, "buttonsHidden", null);
     __decorate([
-        HostBinding('attr.data-tui-host-size')
+        HostBinding('attr.data-size')
     ], TuiInputCountComponent.prototype, "size", null);
     TuiInputCountComponent = TuiInputCountComponent_1 = __decorate([
         Component({
@@ -300,7 +304,7 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
                     useExisting: forwardRef(function () { return TuiInputCountComponent_1; }),
                 },
             ],
-            styles: [":host{display:flex;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);height:var(--tui-height-m);color:var(--tui-text-01);text-align:left}:host._disabled{pointer-events:none}:host[data-tui-host-size='l']{font:var(--tui-font-text-m);height:var(--tui-height-l)}.textfield{position:relative;border-radius:inherit;text-align:inherit;flex-grow:1;min-width:0}:host:not(._hide-buttons) .textfield{border-top-right-radius:0;border-bottom-right-radius:0}.buttons{display:flex;flex-direction:column;margin-left:.125rem;height:100%}.buttons .button{display:flex;width:calc(var(--tui-height-m) * .75);height:calc(50% - .0625rem)}.buttons .button_plus{margin-bottom:.125rem;border-radius:0 var(--tui-radius-m) 0 0}.buttons .button_minus{border-radius:0 0 var(--tui-radius-m)}:host[data-tui-host-size='l'] .buttons .button{width:calc(var(--tui-height-l) * .75)}"]
+            styles: [":host{display:flex;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);height:var(--tui-height-m);color:var(--tui-text-01);text-align:left}:host._disabled{pointer-events:none}:host[data-size='l']{font:var(--tui-font-text-m);height:var(--tui-height-l)}.textfield{position:relative;border-radius:inherit;text-align:inherit;flex-grow:1;min-width:0}:host:not(._hide-buttons) .textfield{border-top-right-radius:0;border-bottom-right-radius:0}.buttons{display:flex;flex-direction:column;margin-left:.125rem;height:100%}.buttons .button{display:flex;width:calc(var(--tui-height-m) * .75);height:calc(50% - .0625rem)}.buttons .button_plus{margin-bottom:.125rem;border-radius:0 var(--tui-radius-m) 0 0}.buttons .button_minus{border-radius:0 0 var(--tui-radius-m)}:host[data-size='l'] .buttons .button{width:calc(var(--tui-height-l) * .75)}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),
@@ -369,5 +373,5 @@ var TuiInputCountModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
-export { PASSWORD_ICON_DOWN, PASSWORD_ICON_UP, TUI_INPUT_COUNT_DEFAULT_OPTIONS, TUI_INPUT_COUNT_OPTIONS, TuiInputCountComponent, TuiInputCountDirective, TuiInputCountModule };
+export { PASSWORD_ICON_DOWN, PASSWORD_ICON_UP, TUI_INPUT_COUNT_DEFAULT_OPTIONS, TUI_INPUT_COUNT_OPTIONS, TuiInputCountComponent, TuiInputCountDirective, TuiInputCountModule, tuiInputCountOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-input-count.js.map