@taiga-ui/kit 3.33.0 → 3.33.1-dev.main-793ee40

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.
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/kit/utils'), require('@angular/forms'), require('@taiga-ui/core'), require('@taiga-ui/kit/classes'), require('@taiga-ui/kit/components/arrow'), require('@taiga-ui/kit/components/input-tag'), require('@taiga-ui/kit/providers'), require('@taiga-ui/kit/tokens'), require('@taiga-ui/kit/abstract'), require('@angular/common'), require('@tinkoff/ng-polymorpheus'), require('@taiga-ui/kit/components/data-list-wrapper'), require('@taiga-ui/kit/components/multi-select-option'), require('rxjs'), require('rxjs/operators')) :
3
- typeof define === 'function' && define.amd ? define('@taiga-ui/kit/components/multi-select', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/kit/utils', '@angular/forms', '@taiga-ui/core', '@taiga-ui/kit/classes', '@taiga-ui/kit/components/arrow', '@taiga-ui/kit/components/input-tag', '@taiga-ui/kit/providers', '@taiga-ui/kit/tokens', '@taiga-ui/kit/abstract', '@angular/common', '@tinkoff/ng-polymorpheus', '@taiga-ui/kit/components/data-list-wrapper', '@taiga-ui/kit/components/multi-select-option', 'rxjs', 'rxjs/operators'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components["multi-select"] = {}), global.ng.core, global.i3, global["taiga-ui"].kit.utils, global.ng.forms, global.i1, global["taiga-ui"].kit.classes, global["taiga-ui"].kit.components.arrow, global["taiga-ui"].kit.components["input-tag"], global["taiga-ui"].kit.providers, global["taiga-ui"].kit.tokens, global["taiga-ui"].kit.abstract, global.ng.common, global.i6, global["taiga-ui"].kit.components["data-list-wrapper"], global["taiga-ui"].kit.components["multi-select-option"], global.rxjs, global.rxjs.operators));
5
- })(this, (function (exports, i0, i3, utils, i4, i1, classes, arrow, i2, providers, tokens, abstract, i2$1, i6, i1$1, multiSelectOption, rxjs, operators) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/kit/utils'), require('@angular/forms'), require('@taiga-ui/core'), require('@taiga-ui/kit/classes'), require('@taiga-ui/kit/components/arrow'), require('@taiga-ui/kit/components/input-tag'), require('@taiga-ui/kit/providers'), require('@taiga-ui/kit/tokens'), require('@taiga-ui/kit/abstract'), require('@angular/common'), require('@tinkoff/ng-polymorpheus'), require('@taiga-ui/kit/components/data-list-wrapper'), require('@taiga-ui/kit/components/multi-select-option'), require('@taiga-ui/kit/pipes'), require('rxjs'), require('rxjs/operators')) :
3
+ typeof define === 'function' && define.amd ? define('@taiga-ui/kit/components/multi-select', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/kit/utils', '@angular/forms', '@taiga-ui/core', '@taiga-ui/kit/classes', '@taiga-ui/kit/components/arrow', '@taiga-ui/kit/components/input-tag', '@taiga-ui/kit/providers', '@taiga-ui/kit/tokens', '@taiga-ui/kit/abstract', '@angular/common', '@tinkoff/ng-polymorpheus', '@taiga-ui/kit/components/data-list-wrapper', '@taiga-ui/kit/components/multi-select-option', '@taiga-ui/kit/pipes', 'rxjs', 'rxjs/operators'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components["multi-select"] = {}), global.ng.core, global.i3, global["taiga-ui"].kit.utils, global.ng.forms, global.i1, global["taiga-ui"].kit.classes, global["taiga-ui"].kit.components.arrow, global["taiga-ui"].kit.components["input-tag"], global["taiga-ui"].kit.providers, global["taiga-ui"].kit.tokens, global["taiga-ui"].kit.abstract, global.ng.common, global.i6, global["taiga-ui"].kit.components["data-list-wrapper"], global["taiga-ui"].kit.components["multi-select-option"], global["taiga-ui"].kit.pipes, global.rxjs, global.rxjs.operators));
5
+ })(this, (function (exports, i0, i3, utils, i4, i1, classes, arrow, i2, providers, tokens, abstract, i2$1, i6, i1$1, multiSelectOption, i6$1, rxjs, operators) { 'use strict';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -30,6 +30,7 @@
30
30
  var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
31
31
  var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
32
32
  var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
33
+ var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
33
34
 
34
35
  /*! *****************************************************************************
35
36
  Copyright (c) Microsoft Corporation.
@@ -371,9 +372,13 @@
371
372
  _this.selectedMapper = function (option, value) { return value.includes(option); };
372
373
  return _this;
373
374
  }
374
- AbstractTuiNativeMultiSelect.prototype.onValueChange = function () {
375
- this.host.onSelectionChange(Array.from(this.el.nativeElement.selectedOptions).map(function (option) { return option.value; }));
376
- };
375
+ Object.defineProperty(AbstractTuiNativeMultiSelect.prototype, "stringify", {
376
+ get: function () {
377
+ return this.host.stringify;
378
+ },
379
+ enumerable: false,
380
+ configurable: true
381
+ });
377
382
  return AbstractTuiNativeMultiSelect;
378
383
  }(abstract.AbstractTuiNativeSelect));
379
384
  AbstractTuiNativeMultiSelect.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AbstractTuiNativeMultiSelect, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
@@ -731,6 +736,13 @@
731
736
  configurable: true
732
737
  });
733
738
  TuiMultiSelectDirective.prototype.onValueChange = function () { };
739
+ Object.defineProperty(TuiMultiSelectDirective.prototype, "stringify", {
740
+ get: function () {
741
+ return this.host.stringify;
742
+ },
743
+ enumerable: false,
744
+ configurable: true
745
+ });
734
746
  TuiMultiSelectDirective.prototype.onSelectionChange = function (value) {
735
747
  this.host.onValueChange(value);
736
748
  };
@@ -978,16 +990,22 @@
978
990
  _this.items = [];
979
991
  return _this;
980
992
  }
993
+ TuiNativeMultiSelectComponent.prototype.onValueChange = function (selectedOptions) {
994
+ var _a;
995
+ var selected = Array.from(selectedOptions).map(function (option) { return option.index; });
996
+ var value = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.filter(function (_, index) { return selected.includes(index); })) || [];
997
+ this.host.onSelectionChange(value);
998
+ };
981
999
  return TuiNativeMultiSelectComponent;
982
1000
  }(AbstractTuiNativeMultiSelect));
983
1001
  TuiNativeMultiSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeMultiSelectComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
984
- TuiNativeMultiSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeMultiSelectComponent, selector: "select[multiple][tuiSelect]:not([labels])", inputs: { items: "items" }, host: { listeners: { "change": "onValueChange()", "click.stop.silent": "0", "mousedown.stop.silent": "0" }, properties: { "attr.aria-invalid": "host.invalid", "disabled": "host.disabled || control.readOnly", "tabIndex": "host.focusable ? 0 : -1" } }, providers: [
1002
+ TuiNativeMultiSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeMultiSelectComponent, selector: "select[multiple][tuiSelect]:not([labels])", inputs: { items: "items" }, host: { listeners: { "change": "onValueChange($event.target.selectedOptions)", "click.stop.silent": "0", "mousedown.stop.silent": "0" }, properties: { "attr.aria-invalid": "host.invalid", "disabled": "host.disabled || control.readOnly", "tabIndex": "host.focusable ? 0 : -1" } }, providers: [
985
1003
  i1.tuiAsDataList(TuiNativeMultiSelectComponent),
986
1004
  {
987
1005
  provide: i0.TemplateRef,
988
1006
  deps: [TuiNativeMultiSelectComponent],
989
- useFactory: function (_a) {
990
- var datalist = _a.datalist;
1007
+ useFactory: function (_b) {
1008
+ var datalist = _b.datalist;
991
1009
  return datalist;
992
1010
  },
993
1011
  },
@@ -995,7 +1013,7 @@
995
1013
  provide: AbstractTuiNativeMultiSelect,
996
1014
  useExisting: TuiNativeMultiSelectComponent,
997
1015
  },
998
- ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"control.control?.valueChanges | async\"></ng-container>\n\n<tui-data-list-wrapper\n *tuiDataList\n tuiMultiSelectGroup\n [items]=\"items\"\n [disabledItemHandler]=\"disabledItemHandler || host.disableItemHandler\"\n></tui-data-list-wrapper>\n<option\n *ngFor=\"let option of items\"\n [selected]=\"option | tuiMapper : selectedMapper : host.value\"\n [value]=\"option\"\n [disabled]=\"disabledItemHandler ? disabledItemHandler(option) : host.disableItemHandler(option)\"\n>\n {{ option }}\n</option>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: TuiMultiSelectGroupDirective, selector: "[tuiMultiSelectGroup]" }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4__namespace.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "async": i2__namespace$1.AsyncPipe, "tuiMapper": i3__namespace.TuiMapperPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
1016
+ ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"control.control?.valueChanges | async\"></ng-container>\n\n<tui-data-list-wrapper\n *tuiDataList\n tuiMultiSelectGroup\n [items]=\"items\"\n [itemContent]=\"stringify | tuiStringifyContent\"\n [disabledItemHandler]=\"disabledItemHandler || host.disableItemHandler\"\n></tui-data-list-wrapper>\n<option\n *ngFor=\"let option of items\"\n [selected]=\"option | tuiMapper : selectedMapper : control.value\"\n [value]=\"stringify(option)\"\n [disabled]=\"disabledItemHandler ? disabledItemHandler(option) : host.disableItemHandler(option)\"\n>\n {{ stringify(option) }}\n</option>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: TuiMultiSelectGroupDirective, selector: "[tuiMultiSelectGroup]" }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4__namespace.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "async": i2__namespace$1.AsyncPipe, "tuiStringifyContent": i6__namespace$1.TuiStringifyContentPipe, "tuiMapper": i3__namespace.TuiMapperPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
999
1017
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeMultiSelectComponent, decorators: [{
1000
1018
  type: i0.Component,
1001
1019
  args: [{
@@ -1006,8 +1024,8 @@
1006
1024
  {
1007
1025
  provide: i0.TemplateRef,
1008
1026
  deps: [TuiNativeMultiSelectComponent],
1009
- useFactory: function (_a) {
1010
- var datalist = _a.datalist;
1027
+ useFactory: function (_b) {
1028
+ var datalist = _b.datalist;
1011
1029
  return datalist;
1012
1030
  },
1013
1031
  },
@@ -1020,7 +1038,7 @@
1020
1038
  '[attr.aria-invalid]': 'host.invalid',
1021
1039
  '[disabled]': 'host.disabled || control.readOnly',
1022
1040
  '[tabIndex]': 'host.focusable ? 0 : -1',
1023
- '(change)': 'onValueChange()',
1041
+ '(change)': 'onValueChange($event.target.selectedOptions)',
1024
1042
  '(click.stop.silent)': '0',
1025
1043
  '(mousedown.stop.silent)': '0',
1026
1044
  },
@@ -1039,16 +1057,23 @@
1039
1057
  _this.labels = [];
1040
1058
  return _this;
1041
1059
  }
1060
+ TuiNativeMultiSelectGroupComponent.prototype.onValueChange = function (selectedOptions) {
1061
+ var _a;
1062
+ var selected = Array.from(selectedOptions).map(function (option) { return option.index; });
1063
+ var flatItems = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.reduce(function (acc, val) { return acc.concat(val); })) || [];
1064
+ var value = flatItems.filter(function (_, index) { return selected.includes(index); });
1065
+ this.host.onSelectionChange(value);
1066
+ };
1042
1067
  return TuiNativeMultiSelectGroupComponent;
1043
1068
  }(AbstractTuiNativeMultiSelect));
1044
1069
  TuiNativeMultiSelectGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeMultiSelectGroupComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
1045
- TuiNativeMultiSelectGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeMultiSelectGroupComponent, selector: "select[multiple][tuiSelect][labels]", inputs: { items: "items", labels: "labels" }, host: { listeners: { "change": "onValueChange()", "click.stop.silent": "0", "mousedown.stop.silent": "0" }, properties: { "attr.aria-invalid": "host.invalid", "disabled": "host.disabled || control.readOnly", "tabIndex": "host.focusable ? 0 : -1" } }, providers: [
1070
+ TuiNativeMultiSelectGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeMultiSelectGroupComponent, selector: "select[multiple][tuiSelect][labels]", inputs: { items: "items", labels: "labels" }, host: { listeners: { "change": "onValueChange($event.target.selectedOptions)", "click.stop.silent": "0", "mousedown.stop.silent": "0" }, properties: { "attr.aria-invalid": "host.invalid", "disabled": "host.disabled || control.readOnly", "tabIndex": "host.focusable ? 0 : -1" } }, providers: [
1046
1071
  i1.tuiAsDataList(TuiNativeMultiSelectGroupComponent),
1047
1072
  {
1048
1073
  provide: i0.TemplateRef,
1049
1074
  deps: [TuiNativeMultiSelectGroupComponent],
1050
- useFactory: function (_a) {
1051
- var datalist = _a.datalist;
1075
+ useFactory: function (_b) {
1076
+ var datalist = _b.datalist;
1052
1077
  return datalist;
1053
1078
  },
1054
1079
  },
@@ -1056,7 +1081,7 @@
1056
1081
  provide: AbstractTuiNativeMultiSelect,
1057
1082
  useExisting: TuiNativeMultiSelectGroupComponent,
1058
1083
  },
1059
- ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"control.control?.valueChanges | async\"></ng-container>\n\n<tui-data-list-wrapper\n *tuiDataList\n tuiMultiSelectGroup\n [items]=\"items\"\n [labels]=\"labels\"\n [disabledItemHandler]=\"disabledItemHandler || host.disableItemHandler\"\n></tui-data-list-wrapper>\n<optgroup\n *ngFor=\"let group of items; let index = index\"\n [label]=\"labels[index]\"\n>\n <option\n *ngFor=\"let option of group\"\n [selected]=\"option | tuiMapper : selectedMapper : host.value\"\n [value]=\"option\"\n [disabled]=\"disabledItemHandler ? disabledItemHandler(option) : host.disableItemHandler(option)\"\n >\n {{ option }}\n </option>\n</optgroup>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace$1.TuiDataListGroupWrapperComponent, selector: "tui-data-list-wrapper[labels]", inputs: ["items", "labels"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: TuiMultiSelectGroupDirective, selector: "[tuiMultiSelectGroup]" }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4__namespace.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "async": i2__namespace$1.AsyncPipe, "tuiMapper": i3__namespace.TuiMapperPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
1084
+ ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"control.control?.valueChanges | async\"></ng-container>\n\n<tui-data-list-wrapper\n *tuiDataList\n tuiMultiSelectGroup\n [items]=\"items\"\n [itemContent]=\"stringify | tuiStringifyContent\"\n [labels]=\"labels\"\n [disabledItemHandler]=\"disabledItemHandler || host.disableItemHandler\"\n></tui-data-list-wrapper>\n<optgroup\n *ngFor=\"let group of items; let index = index\"\n [label]=\"labels[index]\"\n>\n <option\n *ngFor=\"let option of group\"\n [selected]=\"option | tuiMapper : selectedMapper : control.value\"\n [value]=\"stringify(option)\"\n [disabled]=\"disabledItemHandler ? disabledItemHandler(option) : host.disableItemHandler(option)\"\n >\n {{ stringify(option) }}\n </option>\n</optgroup>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace$1.TuiDataListGroupWrapperComponent, selector: "tui-data-list-wrapper[labels]", inputs: ["items", "labels"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: TuiMultiSelectGroupDirective, selector: "[tuiMultiSelectGroup]" }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4__namespace.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "async": i2__namespace$1.AsyncPipe, "tuiStringifyContent": i6__namespace$1.TuiStringifyContentPipe, "tuiMapper": i3__namespace.TuiMapperPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
1060
1085
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeMultiSelectGroupComponent, decorators: [{
1061
1086
  type: i0.Component,
1062
1087
  args: [{
@@ -1067,8 +1092,8 @@
1067
1092
  {
1068
1093
  provide: i0.TemplateRef,
1069
1094
  deps: [TuiNativeMultiSelectGroupComponent],
1070
- useFactory: function (_a) {
1071
- var datalist = _a.datalist;
1095
+ useFactory: function (_b) {
1096
+ var datalist = _b.datalist;
1072
1097
  return datalist;
1073
1098
  },
1074
1099
  },
@@ -1081,7 +1106,7 @@
1081
1106
  '[attr.aria-invalid]': 'host.invalid',
1082
1107
  '[disabled]': 'host.disabled || control.readOnly',
1083
1108
  '[tabIndex]': 'host.focusable ? 0 : -1',
1084
- '(change)': 'onValueChange()',
1109
+ '(change)': 'onValueChange($event.target.selectedOptions)',
1085
1110
  '(click.stop.silent)': '0',
1086
1111
  '(mousedown.stop.silent)': '0',
1087
1112
  },
@@ -1123,7 +1148,8 @@
1123
1148
  i3.TuiMapperPipeModule,
1124
1149
  i1.TuiLinkModule,
1125
1150
  i1.TuiDataListModule,
1126
- i1.TuiTextfieldControllerModule], exports: [TuiMultiSelectComponent,
1151
+ i1.TuiTextfieldControllerModule,
1152
+ i6$1.TuiStringifyContentPipeModule], exports: [TuiMultiSelectComponent,
1127
1153
  TuiMultiSelectGroupComponent,
1128
1154
  TuiMultiSelectGroupDirective,
1129
1155
  TuiHideSelectedPipe,
@@ -1149,6 +1175,7 @@
1149
1175
  i1.TuiLinkModule,
1150
1176
  i1.TuiDataListModule,
1151
1177
  i1.TuiTextfieldControllerModule,
1178
+ i6$1.TuiStringifyContentPipeModule,
1152
1179
  ]] });
1153
1180
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiMultiSelectModule, decorators: [{
1154
1181
  type: i0.NgModule,
@@ -1172,6 +1199,7 @@
1172
1199
  i1.TuiLinkModule,
1173
1200
  i1.TuiDataListModule,
1174
1201
  i1.TuiTextfieldControllerModule,
1202
+ i6$1.TuiStringifyContentPipeModule,
1175
1203
  ],
1176
1204
  declarations: [
1177
1205
  TuiMultiSelectComponent,