@taiga-ui/core 3.59.0 → 3.60.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 (56) hide show
  1. package/bundles/taiga-ui-core-abstract.umd.js +671 -525
  2. package/bundles/taiga-ui-core-abstract.umd.js.map +1 -1
  3. package/bundles/taiga-ui-core-components-alert.umd.js +152 -6
  4. package/bundles/taiga-ui-core-components-alert.umd.js.map +1 -1
  5. package/bundles/taiga-ui-core-components-button.umd.js +668 -522
  6. package/bundles/taiga-ui-core-components-button.umd.js.map +1 -1
  7. package/bundles/taiga-ui-core-components-data-list.umd.js +819 -673
  8. package/bundles/taiga-ui-core-components-data-list.umd.js.map +1 -1
  9. package/bundles/taiga-ui-core-components-dialog.umd.js +152 -6
  10. package/bundles/taiga-ui-core-components-dialog.umd.js.map +1 -1
  11. package/bundles/taiga-ui-core-components-hosted-dropdown.umd.js +933 -787
  12. package/bundles/taiga-ui-core-components-hosted-dropdown.umd.js.map +1 -1
  13. package/bundles/taiga-ui-core-components-primitive-calendar.umd.js +3 -4
  14. package/bundles/taiga-ui-core-components-primitive-calendar.umd.js.map +1 -1
  15. package/bundles/taiga-ui-core-components-primitive-spin-button.umd.js +605 -459
  16. package/bundles/taiga-ui-core-components-primitive-spin-button.umd.js.map +1 -1
  17. package/bundles/taiga-ui-core-components-primitive-textfield.umd.js +1175 -1029
  18. package/bundles/taiga-ui-core-components-primitive-textfield.umd.js.map +1 -1
  19. package/bundles/taiga-ui-core-components-root.umd.js +605 -459
  20. package/bundles/taiga-ui-core-components-root.umd.js.map +1 -1
  21. package/bundles/taiga-ui-core-components-scroll-controls.umd.js +152 -6
  22. package/bundles/taiga-ui-core-components-scroll-controls.umd.js.map +1 -1
  23. package/bundles/taiga-ui-core-components-svg.umd.js +152 -6
  24. package/bundles/taiga-ui-core-components-svg.umd.js.map +1 -1
  25. package/bundles/taiga-ui-core-components-theme-night.umd.js +520 -374
  26. package/bundles/taiga-ui-core-components-theme-night.umd.js.map +1 -1
  27. package/bundles/taiga-ui-core-components-tooltip.umd.js +595 -449
  28. package/bundles/taiga-ui-core-components-tooltip.umd.js.map +1 -1
  29. package/bundles/taiga-ui-core-directives-dropdown.umd.js +1506 -1360
  30. package/bundles/taiga-ui-core-directives-dropdown.umd.js.map +1 -1
  31. package/bundles/taiga-ui-core-directives-hint.umd.js +1287 -1141
  32. package/bundles/taiga-ui-core-directives-hint.umd.js.map +1 -1
  33. package/bundles/taiga-ui-core-directives-mode.umd.js +521 -375
  34. package/bundles/taiga-ui-core-directives-mode.umd.js.map +1 -1
  35. package/bundles/taiga-ui-core-directives-number-format.umd.js +543 -397
  36. package/bundles/taiga-ui-core-directives-number-format.umd.js.map +1 -1
  37. package/bundles/taiga-ui-core-directives-textfield-controller.umd.js +152 -6
  38. package/bundles/taiga-ui-core-directives-textfield-controller.umd.js.map +1 -1
  39. package/bundles/taiga-ui-core-pipes-order-week-days.umd.js +530 -384
  40. package/bundles/taiga-ui-core-pipes-order-week-days.umd.js.map +1 -1
  41. package/bundles/taiga-ui-core-services.umd.js +780 -634
  42. package/bundles/taiga-ui-core-services.umd.js.map +1 -1
  43. package/bundles/taiga-ui-core-tokens.umd.js +152 -6
  44. package/bundles/taiga-ui-core-tokens.umd.js.map +1 -1
  45. package/bundles/taiga-ui-core-utils-format.umd.js +152 -6
  46. package/bundles/taiga-ui-core-utils-format.umd.js.map +1 -1
  47. package/bundles/taiga-ui-core-utils-mask.umd.js +152 -6
  48. package/bundles/taiga-ui-core-utils-mask.umd.js.map +1 -1
  49. package/components/primitive-calendar/primitive-calendar.component.d.ts +1 -1
  50. package/constants/cache-basting-payload.d.ts +1 -1
  51. package/esm2015/components/primitive-calendar/primitive-calendar.component.js +4 -4
  52. package/esm2015/components/root/root.component.js +1 -1
  53. package/fesm2015/taiga-ui-core-components-primitive-calendar.js +3 -3
  54. package/fesm2015/taiga-ui-core-components-primitive-calendar.js.map +1 -1
  55. package/fesm2015/taiga-ui-core-components-root.js +1 -1
  56. package/package.json +5 -5
@@ -1,693 +1,839 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core/directives'), require('@taiga-ui/core/tokens'), require('rxjs/operators'), require('@taiga-ui/core/directives/dropdown'), require('@tinkoff/ng-event-plugins'), require('@taiga-ui/core/components/svg'), require('@tinkoff/ng-polymorpheus'), require('@angular/common'), require('rxjs')) :
3
- typeof define === 'function' && define.amd ? define('@taiga-ui/core/components/data-list', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core/directives', '@taiga-ui/core/tokens', 'rxjs/operators', '@taiga-ui/core/directives/dropdown', '@tinkoff/ng-event-plugins', '@taiga-ui/core/components/svg', '@tinkoff/ng-polymorpheus', '@angular/common', 'rxjs'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.components = global["taiga-ui"].core.components || {}, global["taiga-ui"].core.components["data-list"] = {}), global.ng.core, global.cdk, global["taiga-ui"].core.directives, global["taiga-ui"].core.tokens, global.rxjs.operators, global["taiga-ui"].core.directives.dropdown, global.ngEventPlugins, global["taiga-ui"].core.components.svg, global.i2, global.ng.common, global.rxjs));
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core/directives'), require('@taiga-ui/core/tokens'), require('rxjs/operators'), require('@taiga-ui/core/directives/dropdown'), require('@tinkoff/ng-event-plugins'), require('@taiga-ui/core/components/svg'), require('@tinkoff/ng-polymorpheus'), require('@angular/common'), require('rxjs')) :
3
+ typeof define === 'function' && define.amd ? define('@taiga-ui/core/components/data-list', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core/directives', '@taiga-ui/core/tokens', 'rxjs/operators', '@taiga-ui/core/directives/dropdown', '@tinkoff/ng-event-plugins', '@taiga-ui/core/components/svg', '@tinkoff/ng-polymorpheus', '@angular/common', 'rxjs'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.components = global["taiga-ui"].core.components || {}, global["taiga-ui"].core.components["data-list"] = {}), global.ng.core, global.cdk, global["taiga-ui"].core.directives, global["taiga-ui"].core.tokens, global.rxjs.operators, global["taiga-ui"].core.directives.dropdown, global.ngEventPlugins, global["taiga-ui"].core.components.svg, global.i2, global.ng.common, global.rxjs));
5
5
  })(this, (function (exports, i0, cdk, i3, tokens, operators, i5, ngEventPlugins, i1, i2, i1$1, i4) { 'use strict';
6
6
 
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
9
- var n = Object.create(null);
10
- if (e) {
11
- Object.keys(e).forEach(function (k) {
12
- if (k !== 'default') {
13
- var d = Object.getOwnPropertyDescriptor(e, k);
14
- Object.defineProperty(n, k, d.get ? d : {
15
- enumerable: true,
16
- get: function () { return e[k]; }
17
- });
18
- }
19
- });
7
+ function _interopNamespace(e) {
8
+ if (e && e.__esModule) return e;
9
+ var n = Object.create(null);
10
+ if (e) {
11
+ Object.keys(e).forEach(function (k) {
12
+ if (k !== 'default') {
13
+ var d = Object.getOwnPropertyDescriptor(e, k);
14
+ Object.defineProperty(n, k, d.get ? d : {
15
+ enumerable: true,
16
+ get: function () { return e[k]; }
17
+ });
20
18
  }
21
- n["default"] = e;
22
- return Object.freeze(n);
19
+ });
23
20
  }
21
+ n["default"] = e;
22
+ return Object.freeze(n);
23
+ }
24
24
 
25
- var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
26
- var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
27
- var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
28
- var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
29
- var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
30
- var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
31
- var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
25
+ var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
26
+ var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
27
+ var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
28
+ var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
29
+ var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
30
+ var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
31
+ var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
32
32
 
33
- /*! *****************************************************************************
34
- Copyright (c) Microsoft Corporation.
33
+ /******************************************************************************
34
+ Copyright (c) Microsoft Corporation.
35
35
 
36
- Permission to use, copy, modify, and/or distribute this software for any
37
- purpose with or without fee is hereby granted.
36
+ Permission to use, copy, modify, and/or distribute this software for any
37
+ purpose with or without fee is hereby granted.
38
38
 
39
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
40
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
41
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
42
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
43
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
44
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
45
- PERFORMANCE OF THIS SOFTWARE.
46
- ***************************************************************************** */
47
- /* global Reflect, Promise */
48
- var extendStatics = function (d, b) {
49
- extendStatics = Object.setPrototypeOf ||
50
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
51
- function (d, b) { for (var p in b)
52
- if (Object.prototype.hasOwnProperty.call(b, p))
53
- d[p] = b[p]; };
54
- return extendStatics(d, b);
55
- };
56
- function __extends(d, b) {
57
- if (typeof b !== "function" && b !== null)
58
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
59
- extendStatics(d, b);
60
- function __() { this.constructor = d; }
61
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
62
- }
63
- var __assign = function () {
64
- __assign = Object.assign || function __assign(t) {
65
- for (var s, i = 1, n = arguments.length; i < n; i++) {
66
- s = arguments[i];
67
- for (var p in s)
68
- if (Object.prototype.hasOwnProperty.call(s, p))
69
- t[p] = s[p];
70
- }
71
- return t;
72
- };
73
- return __assign.apply(this, arguments);
74
- };
75
- function __rest(s, e) {
76
- var t = {};
77
- for (var p in s)
78
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
79
- t[p] = s[p];
80
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
81
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
82
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
83
- t[p[i]] = s[p[i]];
84
- }
85
- return t;
86
- }
87
- function __decorate(decorators, target, key, desc) {
88
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
89
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
90
- r = Reflect.decorate(decorators, target, key, desc);
91
- else
92
- for (var i = decorators.length - 1; i >= 0; i--)
93
- if (d = decorators[i])
94
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
95
- return c > 3 && r && Object.defineProperty(target, key, r), r;
96
- }
97
- function __param(paramIndex, decorator) {
98
- return function (target, key) { decorator(target, key, paramIndex); };
99
- }
100
- function __metadata(metadataKey, metadataValue) {
101
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
102
- return Reflect.metadata(metadataKey, metadataValue);
103
- }
104
- function __awaiter(thisArg, _arguments, P, generator) {
105
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
106
- return new (P || (P = Promise))(function (resolve, reject) {
107
- function fulfilled(value) { try {
108
- step(generator.next(value));
109
- }
110
- catch (e) {
111
- reject(e);
112
- } }
113
- function rejected(value) { try {
114
- step(generator["throw"](value));
115
- }
116
- catch (e) {
117
- reject(e);
118
- } }
119
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
120
- step((generator = generator.apply(thisArg, _arguments || [])).next());
121
- });
122
- }
123
- function __generator(thisArg, body) {
124
- var _ = { label: 0, sent: function () { if (t[0] & 1)
125
- throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
126
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
127
- function verb(n) { return function (v) { return step([n, v]); }; }
128
- function step(op) {
129
- if (f)
130
- throw new TypeError("Generator is already executing.");
131
- while (_)
132
- try {
133
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
134
- return t;
135
- if (y = 0, t)
136
- op = [op[0] & 2, t.value];
137
- switch (op[0]) {
138
- case 0:
139
- case 1:
140
- t = op;
141
- break;
142
- case 4:
143
- _.label++;
144
- return { value: op[1], done: false };
145
- case 5:
146
- _.label++;
147
- y = op[1];
148
- op = [0];
149
- continue;
150
- case 7:
151
- op = _.ops.pop();
152
- _.trys.pop();
153
- continue;
154
- default:
155
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
156
- _ = 0;
157
- continue;
158
- }
159
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
160
- _.label = op[1];
161
- break;
162
- }
163
- if (op[0] === 6 && _.label < t[1]) {
164
- _.label = t[1];
165
- t = op;
166
- break;
167
- }
168
- if (t && _.label < t[2]) {
169
- _.label = t[2];
170
- _.ops.push(op);
171
- break;
172
- }
173
- if (t[2])
174
- _.ops.pop();
175
- _.trys.pop();
176
- continue;
177
- }
178
- op = body.call(thisArg, _);
179
- }
180
- catch (e) {
181
- op = [6, e];
182
- y = 0;
183
- }
184
- finally {
185
- f = t = 0;
186
- }
187
- if (op[0] & 5)
188
- throw op[1];
189
- return { value: op[0] ? op[1] : void 0, done: true };
190
- }
191
- }
192
- var __createBinding = Object.create ? (function (o, m, k, k2) {
193
- if (k2 === undefined)
194
- k2 = k;
195
- Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
196
- }) : (function (o, m, k, k2) {
197
- if (k2 === undefined)
198
- k2 = k;
199
- o[k2] = m[k];
200
- });
201
- function __exportStar(m, o) {
202
- for (var p in m)
203
- if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
204
- __createBinding(o, m, p);
205
- }
206
- function __values(o) {
207
- var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
208
- if (m)
209
- return m.call(o);
210
- if (o && typeof o.length === "number")
211
- return {
212
- next: function () {
213
- if (o && i >= o.length)
214
- o = void 0;
215
- return { value: o && o[i++], done: !o };
216
- }
217
- };
218
- throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
219
- }
220
- function __read(o, n) {
221
- var m = typeof Symbol === "function" && o[Symbol.iterator];
222
- if (!m)
223
- return o;
224
- var i = m.call(o), r, ar = [], e;
225
- try {
226
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
227
- ar.push(r.value);
228
- }
229
- catch (error) {
230
- e = { error: error };
231
- }
232
- finally {
233
- try {
234
- if (r && !r.done && (m = i["return"]))
235
- m.call(i);
236
- }
237
- finally {
238
- if (e)
239
- throw e.error;
240
- }
241
- }
242
- return ar;
243
- }
244
- /** @deprecated */
245
- function __spread() {
246
- for (var ar = [], i = 0; i < arguments.length; i++)
247
- ar = ar.concat(__read(arguments[i]));
248
- return ar;
249
- }
250
- /** @deprecated */
251
- function __spreadArrays() {
252
- for (var s = 0, i = 0, il = arguments.length; i < il; i++)
253
- s += arguments[i].length;
254
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
255
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
256
- r[k] = a[j];
257
- return r;
258
- }
259
- function __spreadArray(to, from, pack) {
260
- if (pack || arguments.length === 2)
261
- for (var i = 0, l = from.length, ar; i < l; i++) {
262
- if (ar || !(i in from)) {
263
- if (!ar)
264
- ar = Array.prototype.slice.call(from, 0, i);
265
- ar[i] = from[i];
266
- }
267
- }
268
- return to.concat(ar || from);
269
- }
270
- function __await(v) {
271
- return this instanceof __await ? (this.v = v, this) : new __await(v);
272
- }
273
- function __asyncGenerator(thisArg, _arguments, generator) {
274
- if (!Symbol.asyncIterator)
275
- throw new TypeError("Symbol.asyncIterator is not defined.");
276
- var g = generator.apply(thisArg, _arguments || []), i, q = [];
277
- return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
278
- function verb(n) { if (g[n])
279
- i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
280
- function resume(n, v) { try {
281
- step(g[n](v));
282
- }
283
- catch (e) {
284
- settle(q[0][3], e);
285
- } }
286
- function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
287
- function fulfill(value) { resume("next", value); }
288
- function reject(value) { resume("throw", value); }
289
- function settle(f, v) { if (f(v), q.shift(), q.length)
290
- resume(q[0][0], q[0][1]); }
291
- }
292
- function __asyncDelegator(o) {
293
- var i, p;
294
- return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
295
- function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
296
- }
297
- function __asyncValues(o) {
298
- if (!Symbol.asyncIterator)
299
- throw new TypeError("Symbol.asyncIterator is not defined.");
300
- var m = o[Symbol.asyncIterator], i;
301
- return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
302
- function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
303
- function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
304
- }
305
- function __makeTemplateObject(cooked, raw) {
306
- if (Object.defineProperty) {
307
- Object.defineProperty(cooked, "raw", { value: raw });
308
- }
309
- else {
310
- cooked.raw = raw;
311
- }
312
- return cooked;
313
- }
314
- ;
315
- var __setModuleDefault = Object.create ? (function (o, v) {
316
- Object.defineProperty(o, "default", { enumerable: true, value: v });
317
- }) : function (o, v) {
318
- o["default"] = v;
319
- };
320
- function __importStar(mod) {
321
- if (mod && mod.__esModule)
322
- return mod;
323
- var result = {};
324
- if (mod != null)
325
- for (var k in mod)
326
- if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
327
- __createBinding(result, mod, k);
328
- __setModuleDefault(result, mod);
329
- return result;
330
- }
331
- function __importDefault(mod) {
332
- return (mod && mod.__esModule) ? mod : { default: mod };
333
- }
334
- function __classPrivateFieldGet(receiver, state, kind, f) {
335
- if (kind === "a" && !f)
336
- throw new TypeError("Private accessor was defined without a getter");
337
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
338
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
339
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
340
- }
341
- function __classPrivateFieldSet(receiver, state, value, kind, f) {
342
- if (kind === "m")
343
- throw new TypeError("Private method is not writable");
344
- if (kind === "a" && !f)
345
- throw new TypeError("Private accessor was defined without a setter");
346
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
347
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
348
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
349
- }
39
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
40
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
41
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
42
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
43
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
44
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
45
+ PERFORMANCE OF THIS SOFTWARE.
46
+ ***************************************************************************** */
47
+ /* global Reflect, Promise, SuppressedError, Symbol */
48
+ var extendStatics = function (d, b) {
49
+ extendStatics = Object.setPrototypeOf ||
50
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
51
+ function (d, b) { for (var p in b)
52
+ if (Object.prototype.hasOwnProperty.call(b, p))
53
+ d[p] = b[p]; };
54
+ return extendStatics(d, b);
55
+ };
56
+ function __extends(d, b) {
57
+ if (typeof b !== "function" && b !== null)
58
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
59
+ extendStatics(d, b);
60
+ function __() { this.constructor = d; }
61
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
62
+ }
63
+ var __assign = function () {
64
+ __assign = Object.assign || function __assign(t) {
65
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
66
+ s = arguments[i];
67
+ for (var p in s)
68
+ if (Object.prototype.hasOwnProperty.call(s, p))
69
+ t[p] = s[p];
70
+ }
71
+ return t;
72
+ };
73
+ return __assign.apply(this, arguments);
74
+ };
75
+ function __rest(s, e) {
76
+ var t = {};
77
+ for (var p in s)
78
+ if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
79
+ t[p] = s[p];
80
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
81
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
82
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
83
+ t[p[i]] = s[p[i]];
84
+ }
85
+ return t;
86
+ }
87
+ function __decorate(decorators, target, key, desc) {
88
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
89
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
90
+ r = Reflect.decorate(decorators, target, key, desc);
91
+ else
92
+ for (var i = decorators.length - 1; i >= 0; i--)
93
+ if (d = decorators[i])
94
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
95
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
96
+ }
97
+ function __param(paramIndex, decorator) {
98
+ return function (target, key) { decorator(target, key, paramIndex); };
99
+ }
100
+ function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
101
+ function accept(f) { if (f !== void 0 && typeof f !== "function")
102
+ throw new TypeError("Function expected"); return f; }
103
+ var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
104
+ var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
105
+ var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
106
+ var _, done = false;
107
+ for (var i = decorators.length - 1; i >= 0; i--) {
108
+ var context = {};
109
+ for (var p in contextIn)
110
+ context[p] = p === "access" ? {} : contextIn[p];
111
+ for (var p in contextIn.access)
112
+ context.access[p] = contextIn.access[p];
113
+ context.addInitializer = function (f) { if (done)
114
+ throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
115
+ var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
116
+ if (kind === "accessor") {
117
+ if (result === void 0)
118
+ continue;
119
+ if (result === null || typeof result !== "object")
120
+ throw new TypeError("Object expected");
121
+ if (_ = accept(result.get))
122
+ descriptor.get = _;
123
+ if (_ = accept(result.set))
124
+ descriptor.set = _;
125
+ if (_ = accept(result.init))
126
+ initializers.unshift(_);
127
+ }
128
+ else if (_ = accept(result)) {
129
+ if (kind === "field")
130
+ initializers.unshift(_);
131
+ else
132
+ descriptor[key] = _;
133
+ }
134
+ }
135
+ if (target)
136
+ Object.defineProperty(target, contextIn.name, descriptor);
137
+ done = true;
138
+ }
139
+ ;
140
+ function __runInitializers(thisArg, initializers, value) {
141
+ var useValue = arguments.length > 2;
142
+ for (var i = 0; i < initializers.length; i++) {
143
+ value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
144
+ }
145
+ return useValue ? value : void 0;
146
+ }
147
+ ;
148
+ function __propKey(x) {
149
+ return typeof x === "symbol" ? x : "".concat(x);
150
+ }
151
+ ;
152
+ function __setFunctionName(f, name, prefix) {
153
+ if (typeof name === "symbol")
154
+ name = name.description ? "[".concat(name.description, "]") : "";
155
+ return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
156
+ }
157
+ ;
158
+ function __metadata(metadataKey, metadataValue) {
159
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
160
+ return Reflect.metadata(metadataKey, metadataValue);
161
+ }
162
+ function __awaiter(thisArg, _arguments, P, generator) {
163
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
164
+ return new (P || (P = Promise))(function (resolve, reject) {
165
+ function fulfilled(value) { try {
166
+ step(generator.next(value));
167
+ }
168
+ catch (e) {
169
+ reject(e);
170
+ } }
171
+ function rejected(value) { try {
172
+ step(generator["throw"](value));
173
+ }
174
+ catch (e) {
175
+ reject(e);
176
+ } }
177
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
178
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
179
+ });
180
+ }
181
+ function __generator(thisArg, body) {
182
+ var _ = { label: 0, sent: function () { if (t[0] & 1)
183
+ throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
184
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
185
+ function verb(n) { return function (v) { return step([n, v]); }; }
186
+ function step(op) {
187
+ if (f)
188
+ throw new TypeError("Generator is already executing.");
189
+ while (g && (g = 0, op[0] && (_ = 0)), _)
190
+ try {
191
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
192
+ return t;
193
+ if (y = 0, t)
194
+ op = [op[0] & 2, t.value];
195
+ switch (op[0]) {
196
+ case 0:
197
+ case 1:
198
+ t = op;
199
+ break;
200
+ case 4:
201
+ _.label++;
202
+ return { value: op[1], done: false };
203
+ case 5:
204
+ _.label++;
205
+ y = op[1];
206
+ op = [0];
207
+ continue;
208
+ case 7:
209
+ op = _.ops.pop();
210
+ _.trys.pop();
211
+ continue;
212
+ default:
213
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
214
+ _ = 0;
215
+ continue;
216
+ }
217
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
218
+ _.label = op[1];
219
+ break;
220
+ }
221
+ if (op[0] === 6 && _.label < t[1]) {
222
+ _.label = t[1];
223
+ t = op;
224
+ break;
225
+ }
226
+ if (t && _.label < t[2]) {
227
+ _.label = t[2];
228
+ _.ops.push(op);
229
+ break;
230
+ }
231
+ if (t[2])
232
+ _.ops.pop();
233
+ _.trys.pop();
234
+ continue;
235
+ }
236
+ op = body.call(thisArg, _);
237
+ }
238
+ catch (e) {
239
+ op = [6, e];
240
+ y = 0;
241
+ }
242
+ finally {
243
+ f = t = 0;
244
+ }
245
+ if (op[0] & 5)
246
+ throw op[1];
247
+ return { value: op[0] ? op[1] : void 0, done: true };
248
+ }
249
+ }
250
+ var __createBinding = Object.create ? (function (o, m, k, k2) {
251
+ if (k2 === undefined)
252
+ k2 = k;
253
+ var desc = Object.getOwnPropertyDescriptor(m, k);
254
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
255
+ desc = { enumerable: true, get: function () { return m[k]; } };
256
+ }
257
+ Object.defineProperty(o, k2, desc);
258
+ }) : (function (o, m, k, k2) {
259
+ if (k2 === undefined)
260
+ k2 = k;
261
+ o[k2] = m[k];
262
+ });
263
+ function __exportStar(m, o) {
264
+ for (var p in m)
265
+ if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
266
+ __createBinding(o, m, p);
267
+ }
268
+ function __values(o) {
269
+ var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
270
+ if (m)
271
+ return m.call(o);
272
+ if (o && typeof o.length === "number")
273
+ return {
274
+ next: function () {
275
+ if (o && i >= o.length)
276
+ o = void 0;
277
+ return { value: o && o[i++], done: !o };
278
+ }
279
+ };
280
+ throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
281
+ }
282
+ function __read(o, n) {
283
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
284
+ if (!m)
285
+ return o;
286
+ var i = m.call(o), r, ar = [], e;
287
+ try {
288
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
289
+ ar.push(r.value);
290
+ }
291
+ catch (error) {
292
+ e = { error: error };
293
+ }
294
+ finally {
295
+ try {
296
+ if (r && !r.done && (m = i["return"]))
297
+ m.call(i);
298
+ }
299
+ finally {
300
+ if (e)
301
+ throw e.error;
302
+ }
303
+ }
304
+ return ar;
305
+ }
306
+ /** @deprecated */
307
+ function __spread() {
308
+ for (var ar = [], i = 0; i < arguments.length; i++)
309
+ ar = ar.concat(__read(arguments[i]));
310
+ return ar;
311
+ }
312
+ /** @deprecated */
313
+ function __spreadArrays() {
314
+ for (var s = 0, i = 0, il = arguments.length; i < il; i++)
315
+ s += arguments[i].length;
316
+ for (var r = Array(s), k = 0, i = 0; i < il; i++)
317
+ for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
318
+ r[k] = a[j];
319
+ return r;
320
+ }
321
+ function __spreadArray(to, from, pack) {
322
+ if (pack || arguments.length === 2)
323
+ for (var i = 0, l = from.length, ar; i < l; i++) {
324
+ if (ar || !(i in from)) {
325
+ if (!ar)
326
+ ar = Array.prototype.slice.call(from, 0, i);
327
+ ar[i] = from[i];
328
+ }
329
+ }
330
+ return to.concat(ar || Array.prototype.slice.call(from));
331
+ }
332
+ function __await(v) {
333
+ return this instanceof __await ? (this.v = v, this) : new __await(v);
334
+ }
335
+ function __asyncGenerator(thisArg, _arguments, generator) {
336
+ if (!Symbol.asyncIterator)
337
+ throw new TypeError("Symbol.asyncIterator is not defined.");
338
+ var g = generator.apply(thisArg, _arguments || []), i, q = [];
339
+ return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
340
+ function verb(n) { if (g[n])
341
+ i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
342
+ function resume(n, v) { try {
343
+ step(g[n](v));
344
+ }
345
+ catch (e) {
346
+ settle(q[0][3], e);
347
+ } }
348
+ function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
349
+ function fulfill(value) { resume("next", value); }
350
+ function reject(value) { resume("throw", value); }
351
+ function settle(f, v) { if (f(v), q.shift(), q.length)
352
+ resume(q[0][0], q[0][1]); }
353
+ }
354
+ function __asyncDelegator(o) {
355
+ var i, p;
356
+ return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
357
+ function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
358
+ }
359
+ function __asyncValues(o) {
360
+ if (!Symbol.asyncIterator)
361
+ throw new TypeError("Symbol.asyncIterator is not defined.");
362
+ var m = o[Symbol.asyncIterator], i;
363
+ return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
364
+ function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
365
+ function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
366
+ }
367
+ function __makeTemplateObject(cooked, raw) {
368
+ if (Object.defineProperty) {
369
+ Object.defineProperty(cooked, "raw", { value: raw });
370
+ }
371
+ else {
372
+ cooked.raw = raw;
373
+ }
374
+ return cooked;
375
+ }
376
+ ;
377
+ var __setModuleDefault = Object.create ? (function (o, v) {
378
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
379
+ }) : function (o, v) {
380
+ o["default"] = v;
381
+ };
382
+ function __importStar(mod) {
383
+ if (mod && mod.__esModule)
384
+ return mod;
385
+ var result = {};
386
+ if (mod != null)
387
+ for (var k in mod)
388
+ if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
389
+ __createBinding(result, mod, k);
390
+ __setModuleDefault(result, mod);
391
+ return result;
392
+ }
393
+ function __importDefault(mod) {
394
+ return (mod && mod.__esModule) ? mod : { default: mod };
395
+ }
396
+ function __classPrivateFieldGet(receiver, state, kind, f) {
397
+ if (kind === "a" && !f)
398
+ throw new TypeError("Private accessor was defined without a getter");
399
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
400
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
401
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
402
+ }
403
+ function __classPrivateFieldSet(receiver, state, value, kind, f) {
404
+ if (kind === "m")
405
+ throw new TypeError("Private method is not writable");
406
+ if (kind === "a" && !f)
407
+ throw new TypeError("Private accessor was defined without a setter");
408
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
409
+ throw new TypeError("Cannot write private member to an object whose class did not declare it");
410
+ return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
411
+ }
412
+ function __classPrivateFieldIn(state, receiver) {
413
+ if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
414
+ throw new TypeError("Cannot use 'in' operator on non-object");
415
+ return typeof state === "function" ? receiver === state : state.has(receiver);
416
+ }
417
+ function __addDisposableResource(env, value, async) {
418
+ if (value !== null && value !== void 0) {
419
+ if (typeof value !== "object" && typeof value !== "function")
420
+ throw new TypeError("Object expected.");
421
+ var dispose;
422
+ if (async) {
423
+ if (!Symbol.asyncDispose)
424
+ throw new TypeError("Symbol.asyncDispose is not defined.");
425
+ dispose = value[Symbol.asyncDispose];
426
+ }
427
+ if (dispose === void 0) {
428
+ if (!Symbol.dispose)
429
+ throw new TypeError("Symbol.dispose is not defined.");
430
+ dispose = value[Symbol.dispose];
431
+ }
432
+ if (typeof dispose !== "function")
433
+ throw new TypeError("Object not disposable.");
434
+ env.stack.push({ value: value, dispose: dispose, async: async });
435
+ }
436
+ else if (async) {
437
+ env.stack.push({ async: true });
438
+ }
439
+ return value;
440
+ }
441
+ var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
442
+ var e = new Error(message);
443
+ return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
444
+ };
445
+ function __disposeResources(env) {
446
+ function fail(e) {
447
+ env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
448
+ env.hasError = true;
449
+ }
450
+ function next() {
451
+ while (env.stack.length) {
452
+ var rec = env.stack.pop();
453
+ try {
454
+ var result = rec.dispose && rec.dispose.call(rec.value);
455
+ if (rec.async)
456
+ return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
457
+ }
458
+ catch (e) {
459
+ fail(e);
460
+ }
461
+ }
462
+ if (env.hasError)
463
+ throw env.error;
464
+ }
465
+ return next();
466
+ }
467
+ var tslib_es6 = {
468
+ __extends: __extends,
469
+ __assign: __assign,
470
+ __rest: __rest,
471
+ __decorate: __decorate,
472
+ __param: __param,
473
+ __metadata: __metadata,
474
+ __awaiter: __awaiter,
475
+ __generator: __generator,
476
+ __createBinding: __createBinding,
477
+ __exportStar: __exportStar,
478
+ __values: __values,
479
+ __read: __read,
480
+ __spread: __spread,
481
+ __spreadArrays: __spreadArrays,
482
+ __spreadArray: __spreadArray,
483
+ __await: __await,
484
+ __asyncGenerator: __asyncGenerator,
485
+ __asyncDelegator: __asyncDelegator,
486
+ __asyncValues: __asyncValues,
487
+ __makeTemplateObject: __makeTemplateObject,
488
+ __importStar: __importStar,
489
+ __importDefault: __importDefault,
490
+ __classPrivateFieldGet: __classPrivateFieldGet,
491
+ __classPrivateFieldSet: __classPrivateFieldSet,
492
+ __classPrivateFieldIn: __classPrivateFieldIn,
493
+ __addDisposableResource: __addDisposableResource,
494
+ __disposeResources: __disposeResources,
495
+ };
350
496
 
351
- function shouldFocus(_b) {
352
- var currentTarget = _b.currentTarget;
353
- return !cdk.tuiIsNativeFocused(currentTarget);
354
- }
355
- // TODO: Consider all use cases for aria roles
356
- var TuiOptionComponent = /** @class */ (function () {
357
- function TuiOptionComponent(content, dataList, el, host, dropdown, icons) {
358
- this.content = content;
359
- this.dataList = dataList;
360
- this.el = el;
361
- this.host = host;
362
- this.dropdown = dropdown;
363
- this.icons = icons;
364
- /** @deprecated use size on {@link TuiDataListComponent} instead */
365
- this.size = null;
366
- this.role = 'option';
367
- this.disabled = false;
368
- }
369
- Object.defineProperty(TuiOptionComponent.prototype, "active", {
370
- get: function () {
371
- return !!this.dropdown && !!this.dropdown.dropdownBoxRef;
372
- },
373
- enumerable: false,
374
- configurable: true
375
- });
376
- TuiOptionComponent.prototype.onClick = function () {
377
- if (this.host && this.value !== undefined) {
378
- this.host.handleOption(this.value);
379
- }
380
- };
381
- // @bad TODO: Consider aria-activedescendant for proper accessibility implementation
382
- TuiOptionComponent.prototype.onMouseMove = function (_b) {
383
- var currentTarget = _b.currentTarget;
384
- currentTarget.focus({ preventScroll: true });
385
- };
386
- // Preventing focus loss upon focused option removal
387
- TuiOptionComponent.prototype.ngOnDestroy = function () {
388
- var _a;
389
- (_a = this.dataList) === null || _a === void 0 ? void 0 : _a.handleFocusLossIfNecessary(this.el.nativeElement);
390
- };
391
- return TuiOptionComponent;
392
- }());
393
- TuiOptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, deps: [{ token: tokens.TUI_OPTION_CONTENT, optional: true }, { token: i0.forwardRef(function () { return TuiDataListComponent; }), optional: true }, { token: i0.ElementRef }, { token: tokens.TUI_DATA_LIST_HOST, optional: true }, { token: i5.TuiDropdownDirective, optional: true, self: true }, { token: tokens.TUI_COMMON_ICONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
394
- TuiOptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: { size: "size", role: "role", disabled: "disabled", value: "value" }, host: { attributes: { "tabIndex": "-1", "type": "button" }, listeners: { "click": "onClick()", "mousemove.silent": "onMouseMove($event)" }, properties: { "attr.disabled": "disabled || null", "attr.data-size": "this.size", "attr.role": "this.role", "class._with-dropdown": "this.active" } }, ngImport: i0__namespace, template: "<ng-container *polymorpheusOutlet=\"content || base as text; context: {$implicit: base}\">\n {{ text }}\n</ng-container>\n<ng-template #base>\n <ng-content></ng-content>\n <tui-svg\n *ngIf=\"dropdown\"\n class=\"t-arrow\"\n [src]=\"icons.more\"\n ></tui-svg>\n</ng-template>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;justify-content:space-between;text-align:left;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host:focus,:host._with-dropdown{background-color:var(--tui-clear)}:host :host-context([data-list-size=\"s\"]),:host :host-context([data-list-size=\"xs\"]),:host[data-size=s][data-size=s],:host[data-size=xs][data-size=xs]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}:host :host-context([data-list-size=\"m\"]),:host[data-size=m][data-size=m]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}:host :host-context([data-list-size=\"l\"]),:host[data-size=l][data-size=l]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}.t-arrow{margin:0 -.5rem 0 .75rem}\n"], components: [{ type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
395
- __decorate([
396
- ngEventPlugins.shouldCall(shouldFocus)
397
- ], TuiOptionComponent.prototype, "onMouseMove", null);
398
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, decorators: [{
399
- type: i0.Component,
400
- args: [{
401
- selector: 'button[tuiOption], a[tuiOption]',
402
- templateUrl: './option.template.html',
403
- styleUrls: ['./option.style.less'],
404
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
405
- host: {
406
- tabIndex: '-1',
407
- type: 'button',
408
- '[attr.disabled]': 'disabled || null',
409
- },
410
- }]
411
- }], ctorParameters: function () {
412
- return [{ type: undefined, decorators: [{
413
- type: i0.Optional
414
- }, {
415
- type: i0.Inject,
416
- args: [tokens.TUI_OPTION_CONTENT]
417
- }] }, { type: TuiDataListComponent, decorators: [{
418
- type: i0.Optional
419
- }, {
420
- type: i0.Inject,
421
- args: [i0.forwardRef(function () { return TuiDataListComponent; })]
422
- }] }, { type: i0__namespace.ElementRef, decorators: [{
423
- type: i0.Inject,
424
- args: [i0.ElementRef]
425
- }] }, { type: undefined, decorators: [{
426
- type: i0.Optional
427
- }, {
428
- type: i0.Inject,
429
- args: [tokens.TUI_DATA_LIST_HOST]
430
- }] }, { type: i5__namespace.TuiDropdownDirective, decorators: [{
431
- type: i0.Optional
432
- }, {
433
- type: i0.Self
434
- }, {
435
- type: i0.Inject,
436
- args: [i5.TuiDropdownDirective]
437
- }] }, { type: undefined, decorators: [{
438
- type: i0.Inject,
439
- args: [tokens.TUI_COMMON_ICONS]
440
- }] }];
441
- }, propDecorators: { size: [{
442
- type: i0.Input
443
- }, {
444
- type: i0.HostBinding,
445
- args: ['attr.data-size']
446
- }], role: [{
447
- type: i0.Input
448
- }, {
449
- type: i0.HostBinding,
450
- args: ['attr.role']
451
- }], disabled: [{
452
- type: i0.Input
453
- }], value: [{
454
- type: i0.Input
455
- }], active: [{
456
- type: i0.HostBinding,
457
- args: ['class._with-dropdown']
458
- }], onClick: [{
459
- type: i0.HostListener,
460
- args: ['click']
461
- }], onMouseMove: [{
462
- type: i0.HostListener,
463
- args: ['mousemove.silent', ['$event']]
464
- }] } });
497
+ function shouldFocus(_b) {
498
+ var currentTarget = _b.currentTarget;
499
+ return !cdk.tuiIsNativeFocused(currentTarget);
500
+ }
501
+ // TODO: Consider all use cases for aria roles
502
+ var TuiOptionComponent = /** @class */ (function () {
503
+ function TuiOptionComponent(content, dataList, el, host, dropdown, icons) {
504
+ this.content = content;
505
+ this.dataList = dataList;
506
+ this.el = el;
507
+ this.host = host;
508
+ this.dropdown = dropdown;
509
+ this.icons = icons;
510
+ /** @deprecated use size on {@link TuiDataListComponent} instead */
511
+ this.size = null;
512
+ this.role = 'option';
513
+ this.disabled = false;
514
+ }
515
+ Object.defineProperty(TuiOptionComponent.prototype, "active", {
516
+ get: function () {
517
+ return !!this.dropdown && !!this.dropdown.dropdownBoxRef;
518
+ },
519
+ enumerable: false,
520
+ configurable: true
521
+ });
522
+ TuiOptionComponent.prototype.onClick = function () {
523
+ if (this.host && this.value !== undefined) {
524
+ this.host.handleOption(this.value);
525
+ }
526
+ };
527
+ // @bad TODO: Consider aria-activedescendant for proper accessibility implementation
528
+ TuiOptionComponent.prototype.onMouseMove = function (_b) {
529
+ var currentTarget = _b.currentTarget;
530
+ currentTarget.focus({ preventScroll: true });
531
+ };
532
+ // Preventing focus loss upon focused option removal
533
+ TuiOptionComponent.prototype.ngOnDestroy = function () {
534
+ var _a;
535
+ (_a = this.dataList) === null || _a === void 0 ? void 0 : _a.handleFocusLossIfNecessary(this.el.nativeElement);
536
+ };
537
+ return TuiOptionComponent;
538
+ }());
539
+ TuiOptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, deps: [{ token: tokens.TUI_OPTION_CONTENT, optional: true }, { token: i0.forwardRef(function () { return TuiDataListComponent; }), optional: true }, { token: i0.ElementRef }, { token: tokens.TUI_DATA_LIST_HOST, optional: true }, { token: i5.TuiDropdownDirective, optional: true, self: true }, { token: tokens.TUI_COMMON_ICONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
540
+ TuiOptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: { size: "size", role: "role", disabled: "disabled", value: "value" }, host: { attributes: { "tabIndex": "-1", "type": "button" }, listeners: { "click": "onClick()", "mousemove.silent": "onMouseMove($event)" }, properties: { "attr.disabled": "disabled || null", "attr.data-size": "this.size", "attr.role": "this.role", "class._with-dropdown": "this.active" } }, ngImport: i0__namespace, template: "<ng-container *polymorpheusOutlet=\"content || base as text; context: {$implicit: base}\">\n {{ text }}\n</ng-container>\n<ng-template #base>\n <ng-content></ng-content>\n <tui-svg\n *ngIf=\"dropdown\"\n class=\"t-arrow\"\n [src]=\"icons.more\"\n ></tui-svg>\n</ng-template>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;justify-content:space-between;text-align:left;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host:focus,:host._with-dropdown{background-color:var(--tui-clear)}:host :host-context([data-list-size=\"s\"]),:host :host-context([data-list-size=\"xs\"]),:host[data-size=s][data-size=s],:host[data-size=xs][data-size=xs]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}:host :host-context([data-list-size=\"m\"]),:host[data-size=m][data-size=m]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}:host :host-context([data-list-size=\"l\"]),:host[data-size=l][data-size=l]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}.t-arrow{margin:0 -.5rem 0 .75rem}\n"], components: [{ type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
541
+ __decorate([
542
+ ngEventPlugins.shouldCall(shouldFocus)
543
+ ], TuiOptionComponent.prototype, "onMouseMove", null);
544
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, decorators: [{
545
+ type: i0.Component,
546
+ args: [{
547
+ selector: 'button[tuiOption], a[tuiOption]',
548
+ templateUrl: './option.template.html',
549
+ styleUrls: ['./option.style.less'],
550
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
551
+ host: {
552
+ tabIndex: '-1',
553
+ type: 'button',
554
+ '[attr.disabled]': 'disabled || null',
555
+ },
556
+ }]
557
+ }], ctorParameters: function () {
558
+ return [{ type: undefined, decorators: [{
559
+ type: i0.Optional
560
+ }, {
561
+ type: i0.Inject,
562
+ args: [tokens.TUI_OPTION_CONTENT]
563
+ }] }, { type: TuiDataListComponent, decorators: [{
564
+ type: i0.Optional
565
+ }, {
566
+ type: i0.Inject,
567
+ args: [i0.forwardRef(function () { return TuiDataListComponent; })]
568
+ }] }, { type: i0__namespace.ElementRef, decorators: [{
569
+ type: i0.Inject,
570
+ args: [i0.ElementRef]
571
+ }] }, { type: undefined, decorators: [{
572
+ type: i0.Optional
573
+ }, {
574
+ type: i0.Inject,
575
+ args: [tokens.TUI_DATA_LIST_HOST]
576
+ }] }, { type: i5__namespace.TuiDropdownDirective, decorators: [{
577
+ type: i0.Optional
578
+ }, {
579
+ type: i0.Self
580
+ }, {
581
+ type: i0.Inject,
582
+ args: [i5.TuiDropdownDirective]
583
+ }] }, { type: undefined, decorators: [{
584
+ type: i0.Inject,
585
+ args: [tokens.TUI_COMMON_ICONS]
586
+ }] }];
587
+ }, propDecorators: { size: [{
588
+ type: i0.Input
589
+ }, {
590
+ type: i0.HostBinding,
591
+ args: ['attr.data-size']
592
+ }], role: [{
593
+ type: i0.Input
594
+ }, {
595
+ type: i0.HostBinding,
596
+ args: ['attr.role']
597
+ }], disabled: [{
598
+ type: i0.Input
599
+ }], value: [{
600
+ type: i0.Input
601
+ }], active: [{
602
+ type: i0.HostBinding,
603
+ args: ['class._with-dropdown']
604
+ }], onClick: [{
605
+ type: i0.HostListener,
606
+ args: ['click']
607
+ }], onMouseMove: [{
608
+ type: i0.HostListener,
609
+ args: ['mousemove.silent', ['$event']]
610
+ }] } });
465
611
 
466
- // TODO: Consider aria-activedescendant for proper accessibility implementation
467
- var TuiDataListComponent = /** @class */ (function () {
468
- function TuiDataListComponent(controller, el, defaultEmptyContent$) {
469
- var _a;
470
- this.controller = controller;
471
- this.el = el;
472
- this.defaultEmptyContent$ = defaultEmptyContent$;
473
- this.options = cdk.EMPTY_QUERY;
474
- this.role = 'listbox';
475
- this.size = ((_a = this.controller) === null || _a === void 0 ? void 0 : _a.size) || 'm';
476
- }
477
- Object.defineProperty(TuiDataListComponent.prototype, "empty$", {
478
- get: function () {
479
- return cdk.tuiQueryListChanges(this.options).pipe(operators.map(function (_b) {
480
- var length = _b.length;
481
- return !length;
482
- }));
483
- },
484
- enumerable: false,
485
- configurable: true
486
- });
487
- TuiDataListComponent.prototype.onFocusIn = function (relatedTarget, currentTarget) {
488
- if (!currentTarget.contains(relatedTarget) && !this.origin) {
489
- this.origin = relatedTarget;
490
- }
491
- };
492
- TuiDataListComponent.prototype.noop = function () { };
493
- TuiDataListComponent.prototype.onKeyDownArrow = function (current, step) {
494
- var elements = this.elements;
495
- cdk.tuiMoveFocus(elements.indexOf(current), elements, step);
496
- };
497
- // TODO: Consider aria-activedescendant for proper accessibility implementation
498
- TuiDataListComponent.prototype.handleFocusLossIfNecessary = function (element) {
499
- if (element === void 0) { element = this.el.nativeElement; }
500
- if (this.origin && cdk.tuiIsNativeFocusedIn(element)) {
501
- cdk.tuiSetNativeMouseFocused(this.origin, true, true);
502
- }
503
- };
504
- TuiDataListComponent.prototype.getOptions = function (includeDisabled) {
505
- if (includeDisabled === void 0) { includeDisabled = false; }
506
- return this.options
507
- .filter(function (_b) {
508
- var disabled = _b.disabled;
509
- return includeDisabled || !disabled;
510
- })
511
- .map(function (_b) {
512
- var value = _b.value;
513
- return value;
514
- })
515
- .filter(cdk.tuiIsPresent);
516
- };
517
- TuiDataListComponent.prototype.onFocus = function (_b, top) {
518
- var target = _b.target;
519
- if (!cdk.tuiIsElement(target)) {
520
- return;
521
- }
522
- var elements = this.elements;
523
- cdk.tuiMoveFocus(top ? -1 : elements.length, elements, top ? 1 : -1);
524
- this.handleFocusLossIfNecessary(target);
525
- };
526
- Object.defineProperty(TuiDataListComponent.prototype, "elements", {
527
- get: function () {
528
- return Array.from(this.el.nativeElement.querySelectorAll('[tuiOption]'));
529
- },
530
- enumerable: false,
531
- configurable: true
532
- });
533
- return TuiDataListComponent;
534
- }());
535
- TuiDataListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListComponent, deps: [{ token: i3.TUI_TEXTFIELD_WATCHED_CONTROLLER, optional: true }, { token: i0.ElementRef }, { token: tokens.TUI_NOTHING_FOUND_MESSAGE }], target: i0__namespace.ɵɵFactoryTarget.Component });
536
- TuiDataListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListComponent, selector: "tui-data-list", inputs: { role: "role", emptyContent: "emptyContent", size: "size" }, host: { listeners: { "focusin": "onFocusIn($event.relatedTarget,$event.currentTarget)", "mousedown.prevent": "noop()", "keydown.arrowDown.prevent": "onKeyDownArrow($event.target,1)", "keydown.arrowUp.prevent": "onKeyDownArrow($event.target,-1)", "wheel.silent.passive": "handleFocusLossIfNecessary()", "mouseleave": "handleFocusLossIfNecessary($event.target)" }, properties: { "attr.role": "this.role", "attr.data-list-size": "this.size" } }, providers: [
537
- tokens.tuiAsDataListAccessor(TuiDataListComponent),
538
- i3.TEXTFIELD_CONTROLLER_PROVIDER,
539
- ], queries: [{ propertyName: "options", predicate: i0__namespace.forwardRef(function () { return TuiOptionComponent; }), descendants: true }], ngImport: i0__namespace, template: "<div\n tabindex=\"0\"\n class=\"t-trap\"\n (focusin)=\"onFocus($event, true)\"\n></div>\n<ng-content></ng-content>\n<div\n *ngIf=\"empty$ | async\"\n class=\"t-empty\"\n>\n <ng-container *polymorpheusOutlet=\"emptyContent || (defaultEmptyContent$ | async) as text\">\n {{ text }}\n </ng-container>\n</div>\n<div\n tabindex=\"0\"\n class=\"t-trap\"\n (focusin)=\"onFocus($event, false)\"\n></div>\n", styles: ["tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-03)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-list-size=s]{--tui-data-list-margin: 0rem}tui-data-list[data-list-size=s]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}tui-data-list[data-list-size=m]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}tui-data-list[data-list-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-list-size=l]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-02);flex-direction:column;line-height:1rem}tui-data-list[data-list-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-list-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-list-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);height:1px;background:var(--tui-base-03)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=\"\"]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:\"\"}tui-opt-group[data-label=\"\"]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n"], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], pipes: { "async": i1__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
540
- __decorate([
541
- cdk.tuiPure
542
- ], TuiDataListComponent.prototype, "empty$", null);
543
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListComponent, decorators: [{
544
- type: i0.Component,
545
- args: [{
546
- selector: 'tui-data-list',
547
- templateUrl: './data-list.template.html',
548
- styleUrls: ['./data-list.style.less'],
549
- encapsulation: i0.ViewEncapsulation.None,
550
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
551
- providers: [
552
- tokens.tuiAsDataListAccessor(TuiDataListComponent),
553
- i3.TEXTFIELD_CONTROLLER_PROVIDER,
554
- ],
555
- }]
556
- }], ctorParameters: function () {
557
- return [{ type: i3__namespace.TuiTextfieldController, decorators: [{
558
- type: i0.Optional
559
- }, {
560
- type: i0.Inject,
561
- args: [i3.TUI_TEXTFIELD_WATCHED_CONTROLLER]
562
- }] }, { type: i0__namespace.ElementRef, decorators: [{
563
- type: i0.Inject,
564
- args: [i0.ElementRef]
565
- }] }, { type: i4__namespace.Observable, decorators: [{
566
- type: i0.Inject,
567
- args: [tokens.TUI_NOTHING_FOUND_MESSAGE]
568
- }] }];
569
- }, propDecorators: { options: [{
570
- type: i0.ContentChildren,
571
- args: [i0.forwardRef(function () { return TuiOptionComponent; }), { descendants: true }]
572
- }], role: [{
573
- type: i0.Input
574
- }, {
575
- type: i0.HostBinding,
576
- args: ['attr.role']
577
- }], emptyContent: [{
578
- type: i0.Input
579
- }], size: [{
580
- type: i0.Input
581
- }, {
582
- type: i0.HostBinding,
583
- args: ['attr.data-list-size']
584
- }], empty$: [], onFocusIn: [{
585
- type: i0.HostListener,
586
- args: ['focusin', ['$event.relatedTarget', '$event.currentTarget']]
587
- }], noop: [{
588
- type: i0.HostListener,
589
- args: ['mousedown.prevent']
590
- }], onKeyDownArrow: [{
591
- type: i0.HostListener,
592
- args: ['keydown.arrowDown.prevent', ['$event.target', '1']]
593
- }, {
594
- type: i0.HostListener,
595
- args: ['keydown.arrowUp.prevent', ['$event.target', '-1']]
596
- }], handleFocusLossIfNecessary: [{
597
- type: i0.HostListener,
598
- args: ['wheel.silent.passive']
599
- }, {
600
- type: i0.HostListener,
601
- args: ['mouseleave', ['$event.target']]
602
- }] } });
612
+ // TODO: Consider aria-activedescendant for proper accessibility implementation
613
+ var TuiDataListComponent = /** @class */ (function () {
614
+ function TuiDataListComponent(controller, el, defaultEmptyContent$) {
615
+ var _a;
616
+ this.controller = controller;
617
+ this.el = el;
618
+ this.defaultEmptyContent$ = defaultEmptyContent$;
619
+ this.options = cdk.EMPTY_QUERY;
620
+ this.role = 'listbox';
621
+ this.size = ((_a = this.controller) === null || _a === void 0 ? void 0 : _a.size) || 'm';
622
+ }
623
+ Object.defineProperty(TuiDataListComponent.prototype, "empty$", {
624
+ get: function () {
625
+ return cdk.tuiQueryListChanges(this.options).pipe(operators.map(function (_b) {
626
+ var length = _b.length;
627
+ return !length;
628
+ }));
629
+ },
630
+ enumerable: false,
631
+ configurable: true
632
+ });
633
+ TuiDataListComponent.prototype.onFocusIn = function (relatedTarget, currentTarget) {
634
+ if (!currentTarget.contains(relatedTarget) && !this.origin) {
635
+ this.origin = relatedTarget;
636
+ }
637
+ };
638
+ TuiDataListComponent.prototype.noop = function () { };
639
+ TuiDataListComponent.prototype.onKeyDownArrow = function (current, step) {
640
+ var elements = this.elements;
641
+ cdk.tuiMoveFocus(elements.indexOf(current), elements, step);
642
+ };
643
+ // TODO: Consider aria-activedescendant for proper accessibility implementation
644
+ TuiDataListComponent.prototype.handleFocusLossIfNecessary = function (element) {
645
+ if (element === void 0) { element = this.el.nativeElement; }
646
+ if (this.origin && cdk.tuiIsNativeFocusedIn(element)) {
647
+ cdk.tuiSetNativeMouseFocused(this.origin, true, true);
648
+ }
649
+ };
650
+ TuiDataListComponent.prototype.getOptions = function (includeDisabled) {
651
+ if (includeDisabled === void 0) { includeDisabled = false; }
652
+ return this.options
653
+ .filter(function (_b) {
654
+ var disabled = _b.disabled;
655
+ return includeDisabled || !disabled;
656
+ })
657
+ .map(function (_b) {
658
+ var value = _b.value;
659
+ return value;
660
+ })
661
+ .filter(cdk.tuiIsPresent);
662
+ };
663
+ TuiDataListComponent.prototype.onFocus = function (_b, top) {
664
+ var target = _b.target;
665
+ if (!cdk.tuiIsElement(target)) {
666
+ return;
667
+ }
668
+ var elements = this.elements;
669
+ cdk.tuiMoveFocus(top ? -1 : elements.length, elements, top ? 1 : -1);
670
+ this.handleFocusLossIfNecessary(target);
671
+ };
672
+ Object.defineProperty(TuiDataListComponent.prototype, "elements", {
673
+ get: function () {
674
+ return Array.from(this.el.nativeElement.querySelectorAll('[tuiOption]'));
675
+ },
676
+ enumerable: false,
677
+ configurable: true
678
+ });
679
+ return TuiDataListComponent;
680
+ }());
681
+ TuiDataListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListComponent, deps: [{ token: i3.TUI_TEXTFIELD_WATCHED_CONTROLLER, optional: true }, { token: i0.ElementRef }, { token: tokens.TUI_NOTHING_FOUND_MESSAGE }], target: i0__namespace.ɵɵFactoryTarget.Component });
682
+ TuiDataListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListComponent, selector: "tui-data-list", inputs: { role: "role", emptyContent: "emptyContent", size: "size" }, host: { listeners: { "focusin": "onFocusIn($event.relatedTarget,$event.currentTarget)", "mousedown.prevent": "noop()", "keydown.arrowDown.prevent": "onKeyDownArrow($event.target,1)", "keydown.arrowUp.prevent": "onKeyDownArrow($event.target,-1)", "wheel.silent.passive": "handleFocusLossIfNecessary()", "mouseleave": "handleFocusLossIfNecessary($event.target)" }, properties: { "attr.role": "this.role", "attr.data-list-size": "this.size" } }, providers: [
683
+ tokens.tuiAsDataListAccessor(TuiDataListComponent),
684
+ i3.TEXTFIELD_CONTROLLER_PROVIDER,
685
+ ], queries: [{ propertyName: "options", predicate: i0__namespace.forwardRef(function () { return TuiOptionComponent; }), descendants: true }], ngImport: i0__namespace, template: "<div\n tabindex=\"0\"\n class=\"t-trap\"\n (focusin)=\"onFocus($event, true)\"\n></div>\n<ng-content></ng-content>\n<div\n *ngIf=\"empty$ | async\"\n class=\"t-empty\"\n>\n <ng-container *polymorpheusOutlet=\"emptyContent || (defaultEmptyContent$ | async) as text\">\n {{ text }}\n </ng-container>\n</div>\n<div\n tabindex=\"0\"\n class=\"t-trap\"\n (focusin)=\"onFocus($event, false)\"\n></div>\n", styles: ["tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-03)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-list-size=s]{--tui-data-list-margin: 0rem}tui-data-list[data-list-size=s]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}tui-data-list[data-list-size=m]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}tui-data-list[data-list-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-list-size=l]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-02);flex-direction:column;line-height:1rem}tui-data-list[data-list-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-list-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-list-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);height:1px;background:var(--tui-base-03)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=\"\"]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:\"\"}tui-opt-group[data-label=\"\"]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n"], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], pipes: { "async": i1__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
686
+ __decorate([
687
+ cdk.tuiPure
688
+ ], TuiDataListComponent.prototype, "empty$", null);
689
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListComponent, decorators: [{
690
+ type: i0.Component,
691
+ args: [{
692
+ selector: 'tui-data-list',
693
+ templateUrl: './data-list.template.html',
694
+ styleUrls: ['./data-list.style.less'],
695
+ encapsulation: i0.ViewEncapsulation.None,
696
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
697
+ providers: [
698
+ tokens.tuiAsDataListAccessor(TuiDataListComponent),
699
+ i3.TEXTFIELD_CONTROLLER_PROVIDER,
700
+ ],
701
+ }]
702
+ }], ctorParameters: function () {
703
+ return [{ type: i3__namespace.TuiTextfieldController, decorators: [{
704
+ type: i0.Optional
705
+ }, {
706
+ type: i0.Inject,
707
+ args: [i3.TUI_TEXTFIELD_WATCHED_CONTROLLER]
708
+ }] }, { type: i0__namespace.ElementRef, decorators: [{
709
+ type: i0.Inject,
710
+ args: [i0.ElementRef]
711
+ }] }, { type: i4__namespace.Observable, decorators: [{
712
+ type: i0.Inject,
713
+ args: [tokens.TUI_NOTHING_FOUND_MESSAGE]
714
+ }] }];
715
+ }, propDecorators: { options: [{
716
+ type: i0.ContentChildren,
717
+ args: [i0.forwardRef(function () { return TuiOptionComponent; }), { descendants: true }]
718
+ }], role: [{
719
+ type: i0.Input
720
+ }, {
721
+ type: i0.HostBinding,
722
+ args: ['attr.role']
723
+ }], emptyContent: [{
724
+ type: i0.Input
725
+ }], size: [{
726
+ type: i0.Input
727
+ }, {
728
+ type: i0.HostBinding,
729
+ args: ['attr.data-list-size']
730
+ }], empty$: [], onFocusIn: [{
731
+ type: i0.HostListener,
732
+ args: ['focusin', ['$event.relatedTarget', '$event.currentTarget']]
733
+ }], noop: [{
734
+ type: i0.HostListener,
735
+ args: ['mousedown.prevent']
736
+ }], onKeyDownArrow: [{
737
+ type: i0.HostListener,
738
+ args: ['keydown.arrowDown.prevent', ['$event.target', '1']]
739
+ }, {
740
+ type: i0.HostListener,
741
+ args: ['keydown.arrowUp.prevent', ['$event.target', '-1']]
742
+ }], handleFocusLossIfNecessary: [{
743
+ type: i0.HostListener,
744
+ args: ['wheel.silent.passive']
745
+ }, {
746
+ type: i0.HostListener,
747
+ args: ['mouseleave', ['$event.target']]
748
+ }] } });
603
749
 
604
- var TuiDataListDirective = /** @class */ (function () {
605
- function TuiDataListDirective() {
606
- }
607
- return TuiDataListDirective;
608
- }());
609
- TuiDataListDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
610
- TuiDataListDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListDirective, selector: "ng-template[tuiDataList]", ngImport: i0__namespace });
611
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, decorators: [{
612
- type: i0.Directive,
613
- args: [{
614
- selector: 'ng-template[tuiDataList]',
615
- }]
616
- }] });
617
- function tuiAsDataList(useExisting) {
618
- return {
619
- provide: TuiDataListDirective,
620
- useExisting: useExisting,
621
- };
622
- }
750
+ var TuiDataListDirective = /** @class */ (function () {
751
+ function TuiDataListDirective() {
752
+ }
753
+ return TuiDataListDirective;
754
+ }());
755
+ TuiDataListDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
756
+ TuiDataListDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListDirective, selector: "ng-template[tuiDataList]", ngImport: i0__namespace });
757
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, decorators: [{
758
+ type: i0.Directive,
759
+ args: [{
760
+ selector: 'ng-template[tuiDataList]',
761
+ }]
762
+ }] });
763
+ function tuiAsDataList(useExisting) {
764
+ return {
765
+ provide: TuiDataListDirective,
766
+ useExisting: useExisting,
767
+ };
768
+ }
623
769
 
624
- var TuiOptGroupDirective = /** @class */ (function () {
625
- function TuiOptGroupDirective() {
626
- }
627
- return TuiOptGroupDirective;
628
- }());
629
- TuiOptGroupDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
630
- TuiOptGroupDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiOptGroupDirective, selector: "tui-opt-group", inputs: { label: "label" }, host: { attributes: { "role": "group" }, properties: { "attr.data-label": "this.label" } }, ngImport: i0__namespace });
631
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, decorators: [{
632
- type: i0.Directive,
633
- args: [{
634
- selector: 'tui-opt-group',
635
- host: {
636
- role: 'group',
637
- },
638
- }]
639
- }], propDecorators: { label: [{
640
- type: i0.Input
641
- }, {
642
- type: i0.HostBinding,
643
- args: ['attr.data-label']
644
- }] } });
770
+ var TuiOptGroupDirective = /** @class */ (function () {
771
+ function TuiOptGroupDirective() {
772
+ }
773
+ return TuiOptGroupDirective;
774
+ }());
775
+ TuiOptGroupDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
776
+ TuiOptGroupDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiOptGroupDirective, selector: "tui-opt-group", inputs: { label: "label" }, host: { attributes: { "role": "group" }, properties: { "attr.data-label": "this.label" } }, ngImport: i0__namespace });
777
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, decorators: [{
778
+ type: i0.Directive,
779
+ args: [{
780
+ selector: 'tui-opt-group',
781
+ host: {
782
+ role: 'group',
783
+ },
784
+ }]
785
+ }], propDecorators: { label: [{
786
+ type: i0.Input
787
+ }, {
788
+ type: i0.HostBinding,
789
+ args: ['attr.data-label']
790
+ }] } });
645
791
 
646
- var TuiDataListModule = /** @class */ (function () {
647
- function TuiDataListModule() {
648
- }
649
- return TuiDataListModule;
650
- }());
651
- TuiDataListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
652
- TuiDataListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, declarations: [TuiDataListComponent,
653
- TuiOptionComponent,
654
- TuiOptGroupDirective,
655
- TuiDataListDirective], imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule], exports: [TuiDataListComponent,
656
- TuiOptionComponent,
657
- TuiOptGroupDirective,
658
- TuiDataListDirective] });
659
- TuiDataListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, imports: [[i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule]] });
660
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, decorators: [{
661
- type: i0.NgModule,
662
- args: [{
663
- imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule],
664
- declarations: [
665
- TuiDataListComponent,
666
- TuiOptionComponent,
667
- TuiOptGroupDirective,
668
- TuiDataListDirective,
669
- ],
670
- exports: [
671
- TuiDataListComponent,
672
- TuiOptionComponent,
673
- TuiOptGroupDirective,
674
- TuiDataListDirective,
675
- ],
676
- }]
677
- }] });
792
+ var TuiDataListModule = /** @class */ (function () {
793
+ function TuiDataListModule() {
794
+ }
795
+ return TuiDataListModule;
796
+ }());
797
+ TuiDataListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
798
+ TuiDataListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, declarations: [TuiDataListComponent,
799
+ TuiOptionComponent,
800
+ TuiOptGroupDirective,
801
+ TuiDataListDirective], imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule], exports: [TuiDataListComponent,
802
+ TuiOptionComponent,
803
+ TuiOptGroupDirective,
804
+ TuiDataListDirective] });
805
+ TuiDataListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, imports: [[i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule]] });
806
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, decorators: [{
807
+ type: i0.NgModule,
808
+ args: [{
809
+ imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule],
810
+ declarations: [
811
+ TuiDataListComponent,
812
+ TuiOptionComponent,
813
+ TuiOptGroupDirective,
814
+ TuiDataListDirective,
815
+ ],
816
+ exports: [
817
+ TuiDataListComponent,
818
+ TuiOptionComponent,
819
+ TuiOptGroupDirective,
820
+ TuiDataListDirective,
821
+ ],
822
+ }]
823
+ }] });
678
824
 
679
- /**
680
- * Generated bundle index. Do not edit.
681
- */
825
+ /**
826
+ * Generated bundle index. Do not edit.
827
+ */
682
828
 
683
- exports.TuiDataListComponent = TuiDataListComponent;
684
- exports.TuiDataListDirective = TuiDataListDirective;
685
- exports.TuiDataListModule = TuiDataListModule;
686
- exports.TuiOptGroupDirective = TuiOptGroupDirective;
687
- exports.TuiOptionComponent = TuiOptionComponent;
688
- exports.tuiAsDataList = tuiAsDataList;
829
+ exports.TuiDataListComponent = TuiDataListComponent;
830
+ exports.TuiDataListDirective = TuiDataListDirective;
831
+ exports.TuiDataListModule = TuiDataListModule;
832
+ exports.TuiOptGroupDirective = TuiOptGroupDirective;
833
+ exports.TuiOptionComponent = TuiOptionComponent;
834
+ exports.tuiAsDataList = tuiAsDataList;
689
835
 
690
- Object.defineProperty(exports, '__esModule', { value: true });
836
+ Object.defineProperty(exports, '__esModule', { value: true });
691
837
 
692
838
  }));
693
839
  //# sourceMappingURL=taiga-ui-core-components-data-list.umd.js.map