@taiga-ui/core 3.77.0 → 3.78.0-canary.0955f99

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 (57) hide show
  1. package/bundles/taiga-ui-core-abstract.umd.js +677 -531
  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 +823 -677
  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-group.umd.js +1 -1
  12. package/bundles/taiga-ui-core-components-group.umd.js.map +1 -1
  13. package/bundles/taiga-ui-core-components-hosted-dropdown.umd.js +928 -782
  14. package/bundles/taiga-ui-core-components-hosted-dropdown.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 +1176 -1030
  18. package/bundles/taiga-ui-core-components-primitive-textfield.umd.js.map +1 -1
  19. package/bundles/taiga-ui-core-components-root.umd.js +607 -461
  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 +1576 -1430
  30. package/bundles/taiga-ui-core-directives-dropdown.umd.js.map +1 -1
  31. package/bundles/taiga-ui-core-directives-hint.umd.js +1298 -1152
  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 +783 -637
  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/constants/cache-basting-payload.d.ts +1 -1
  50. package/esm2015/components/group/group-styles.component.js +1 -1
  51. package/esm2015/components/root/root.component.js +1 -1
  52. package/fesm2015/taiga-ui-core-components-group.js +1 -1
  53. package/fesm2015/taiga-ui-core-components-group.js.map +1 -1
  54. package/fesm2015/taiga-ui-core-components-root.js +1 -1
  55. package/package.json +42 -42
  56. package/styles/mixins/mixins.less +1 -1
  57. package/styles/mixins/mixins.scss +1 -1
@@ -1,697 +1,843 @@
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 !this.isMobile && !cdk.tuiIsNativeFocused(currentTarget);
354
- }
355
- // TODO: Consider all use cases for aria roles
356
- var TuiOptionComponent = /** @class */ (function () {
357
- function TuiOptionComponent(isMobile, content, dataList, el, host, dropdown, icons) {
358
- this.isMobile = isMobile;
359
- this.content = content;
360
- this.dataList = dataList;
361
- this.el = el;
362
- this.host = host;
363
- this.dropdown = dropdown;
364
- this.icons = icons;
365
- /** @deprecated use size on {@link TuiDataListComponent} instead */
366
- this.size = null;
367
- this.role = 'option';
368
- this.disabled = false;
369
- }
370
- Object.defineProperty(TuiOptionComponent.prototype, "active", {
371
- get: function () {
372
- return !!this.dropdown && !!this.dropdown.dropdownBoxRef;
373
- },
374
- enumerable: false,
375
- configurable: true
376
- });
377
- TuiOptionComponent.prototype.onClick = function () {
378
- if (this.host && this.value !== undefined) {
379
- this.host.handleOption(this.value);
380
- }
381
- };
382
- // @bad TODO: Consider aria-activedescendant for proper accessibility implementation
383
- TuiOptionComponent.prototype.onMouseMove = function (_b) {
384
- var currentTarget = _b.currentTarget;
385
- currentTarget.focus({ preventScroll: true });
386
- };
387
- // Preventing focus loss upon focused option removal
388
- TuiOptionComponent.prototype.ngOnDestroy = function () {
389
- var _a;
390
- (_a = this.dataList) === null || _a === void 0 ? void 0 : _a.handleFocusLossIfNecessary(this.el.nativeElement);
391
- };
392
- return TuiOptionComponent;
393
- }());
394
- TuiOptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, deps: [{ token: cdk.TUI_IS_MOBILE }, { 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 });
395
- 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 });
396
- __decorate([
397
- ngEventPlugins.shouldCall(shouldFocus)
398
- ], TuiOptionComponent.prototype, "onMouseMove", null);
399
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, decorators: [{
400
- type: i0.Component,
401
- args: [{
402
- selector: 'button[tuiOption], a[tuiOption]',
403
- templateUrl: './option.template.html',
404
- styleUrls: ['./option.style.less'],
405
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
406
- host: {
407
- tabIndex: '-1',
408
- type: 'button',
409
- '[attr.disabled]': 'disabled || null',
410
- },
411
- }]
412
- }], ctorParameters: function () {
413
- return [{ type: undefined, decorators: [{
414
- type: i0.Inject,
415
- args: [cdk.TUI_IS_MOBILE]
416
- }] }, { type: undefined, decorators: [{
417
- type: i0.Optional
418
- }, {
419
- type: i0.Inject,
420
- args: [tokens.TUI_OPTION_CONTENT]
421
- }] }, { type: TuiDataListComponent, decorators: [{
422
- type: i0.Optional
423
- }, {
424
- type: i0.Inject,
425
- args: [i0.forwardRef(function () { return TuiDataListComponent; })]
426
- }] }, { type: i0__namespace.ElementRef, decorators: [{
427
- type: i0.Inject,
428
- args: [i0.ElementRef]
429
- }] }, { type: undefined, decorators: [{
430
- type: i0.Optional
431
- }, {
432
- type: i0.Inject,
433
- args: [tokens.TUI_DATA_LIST_HOST]
434
- }] }, { type: i5__namespace.TuiDropdownDirective, decorators: [{
435
- type: i0.Optional
436
- }, {
437
- type: i0.Self
438
- }, {
439
- type: i0.Inject,
440
- args: [i5.TuiDropdownDirective]
441
- }] }, { type: undefined, decorators: [{
442
- type: i0.Inject,
443
- args: [tokens.TUI_COMMON_ICONS]
444
- }] }];
445
- }, propDecorators: { size: [{
446
- type: i0.Input
447
- }, {
448
- type: i0.HostBinding,
449
- args: ['attr.data-size']
450
- }], role: [{
451
- type: i0.Input
452
- }, {
453
- type: i0.HostBinding,
454
- args: ['attr.role']
455
- }], disabled: [{
456
- type: i0.Input
457
- }], value: [{
458
- type: i0.Input
459
- }], active: [{
460
- type: i0.HostBinding,
461
- args: ['class._with-dropdown']
462
- }], onClick: [{
463
- type: i0.HostListener,
464
- args: ['click']
465
- }], onMouseMove: [{
466
- type: i0.HostListener,
467
- args: ['mousemove.silent', ['$event']]
468
- }] } });
497
+ function shouldFocus(_b) {
498
+ var currentTarget = _b.currentTarget;
499
+ return !this.isMobile && !cdk.tuiIsNativeFocused(currentTarget);
500
+ }
501
+ // TODO: Consider all use cases for aria roles
502
+ var TuiOptionComponent = /** @class */ (function () {
503
+ function TuiOptionComponent(isMobile, content, dataList, el, host, dropdown, icons) {
504
+ this.isMobile = isMobile;
505
+ this.content = content;
506
+ this.dataList = dataList;
507
+ this.el = el;
508
+ this.host = host;
509
+ this.dropdown = dropdown;
510
+ this.icons = icons;
511
+ /** @deprecated use size on {@link TuiDataListComponent} instead */
512
+ this.size = null;
513
+ this.role = 'option';
514
+ this.disabled = false;
515
+ }
516
+ Object.defineProperty(TuiOptionComponent.prototype, "active", {
517
+ get: function () {
518
+ return !!this.dropdown && !!this.dropdown.dropdownBoxRef;
519
+ },
520
+ enumerable: false,
521
+ configurable: true
522
+ });
523
+ TuiOptionComponent.prototype.onClick = function () {
524
+ if (this.host && this.value !== undefined) {
525
+ this.host.handleOption(this.value);
526
+ }
527
+ };
528
+ // @bad TODO: Consider aria-activedescendant for proper accessibility implementation
529
+ TuiOptionComponent.prototype.onMouseMove = function (_b) {
530
+ var currentTarget = _b.currentTarget;
531
+ currentTarget.focus({ preventScroll: true });
532
+ };
533
+ // Preventing focus loss upon focused option removal
534
+ TuiOptionComponent.prototype.ngOnDestroy = function () {
535
+ var _a;
536
+ (_a = this.dataList) === null || _a === void 0 ? void 0 : _a.handleFocusLossIfNecessary(this.el.nativeElement);
537
+ };
538
+ return TuiOptionComponent;
539
+ }());
540
+ TuiOptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, deps: [{ token: cdk.TUI_IS_MOBILE }, { 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 });
541
+ 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 });
542
+ __decorate([
543
+ ngEventPlugins.shouldCall(shouldFocus)
544
+ ], TuiOptionComponent.prototype, "onMouseMove", null);
545
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptionComponent, decorators: [{
546
+ type: i0.Component,
547
+ args: [{
548
+ selector: 'button[tuiOption], a[tuiOption]',
549
+ templateUrl: './option.template.html',
550
+ styleUrls: ['./option.style.less'],
551
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
552
+ host: {
553
+ tabIndex: '-1',
554
+ type: 'button',
555
+ '[attr.disabled]': 'disabled || null',
556
+ },
557
+ }]
558
+ }], ctorParameters: function () {
559
+ return [{ type: undefined, decorators: [{
560
+ type: i0.Inject,
561
+ args: [cdk.TUI_IS_MOBILE]
562
+ }] }, { type: undefined, decorators: [{
563
+ type: i0.Optional
564
+ }, {
565
+ type: i0.Inject,
566
+ args: [tokens.TUI_OPTION_CONTENT]
567
+ }] }, { type: TuiDataListComponent, decorators: [{
568
+ type: i0.Optional
569
+ }, {
570
+ type: i0.Inject,
571
+ args: [i0.forwardRef(function () { return TuiDataListComponent; })]
572
+ }] }, { type: i0__namespace.ElementRef, decorators: [{
573
+ type: i0.Inject,
574
+ args: [i0.ElementRef]
575
+ }] }, { type: undefined, decorators: [{
576
+ type: i0.Optional
577
+ }, {
578
+ type: i0.Inject,
579
+ args: [tokens.TUI_DATA_LIST_HOST]
580
+ }] }, { type: i5__namespace.TuiDropdownDirective, decorators: [{
581
+ type: i0.Optional
582
+ }, {
583
+ type: i0.Self
584
+ }, {
585
+ type: i0.Inject,
586
+ args: [i5.TuiDropdownDirective]
587
+ }] }, { type: undefined, decorators: [{
588
+ type: i0.Inject,
589
+ args: [tokens.TUI_COMMON_ICONS]
590
+ }] }];
591
+ }, propDecorators: { size: [{
592
+ type: i0.Input
593
+ }, {
594
+ type: i0.HostBinding,
595
+ args: ['attr.data-size']
596
+ }], role: [{
597
+ type: i0.Input
598
+ }, {
599
+ type: i0.HostBinding,
600
+ args: ['attr.role']
601
+ }], disabled: [{
602
+ type: i0.Input
603
+ }], value: [{
604
+ type: i0.Input
605
+ }], active: [{
606
+ type: i0.HostBinding,
607
+ args: ['class._with-dropdown']
608
+ }], onClick: [{
609
+ type: i0.HostListener,
610
+ args: ['click']
611
+ }], onMouseMove: [{
612
+ type: i0.HostListener,
613
+ args: ['mousemove.silent', ['$event']]
614
+ }] } });
469
615
 
470
- // TODO: Consider aria-activedescendant for proper accessibility implementation
471
- var TuiDataListComponent = /** @class */ (function () {
472
- function TuiDataListComponent(controller, el, defaultEmptyContent$) {
473
- var _a;
474
- this.controller = controller;
475
- this.el = el;
476
- this.defaultEmptyContent$ = defaultEmptyContent$;
477
- this.options = cdk.EMPTY_QUERY;
478
- this.role = 'listbox';
479
- this.size = ((_a = this.controller) === null || _a === void 0 ? void 0 : _a.size) || 'm';
480
- }
481
- Object.defineProperty(TuiDataListComponent.prototype, "empty$", {
482
- get: function () {
483
- return cdk.tuiQueryListChanges(this.options).pipe(operators.map(function (_b) {
484
- var length = _b.length;
485
- return !length;
486
- }));
487
- },
488
- enumerable: false,
489
- configurable: true
490
- });
491
- TuiDataListComponent.prototype.onFocusIn = function (relatedTarget, currentTarget) {
492
- if (!currentTarget.contains(relatedTarget) && !this.origin) {
493
- this.origin = relatedTarget;
494
- }
495
- };
496
- TuiDataListComponent.prototype.noop = function () { };
497
- TuiDataListComponent.prototype.onKeyDownArrow = function (current, step) {
498
- var elements = this.elements;
499
- cdk.tuiMoveFocus(elements.indexOf(current), elements, step);
500
- };
501
- // TODO: Consider aria-activedescendant for proper accessibility implementation
502
- TuiDataListComponent.prototype.handleFocusLossIfNecessary = function (element) {
503
- if (element === void 0) { element = this.el.nativeElement; }
504
- if (this.origin && cdk.tuiIsNativeFocusedIn(element)) {
505
- cdk.tuiSetNativeMouseFocused(this.origin, true, true);
506
- }
507
- };
508
- TuiDataListComponent.prototype.getOptions = function (includeDisabled) {
509
- if (includeDisabled === void 0) { includeDisabled = false; }
510
- return this.options
511
- .filter(function (_b) {
512
- var disabled = _b.disabled;
513
- return includeDisabled || !disabled;
514
- })
515
- .map(function (_b) {
516
- var value = _b.value;
517
- return value;
518
- })
519
- .filter(cdk.tuiIsPresent);
520
- };
521
- TuiDataListComponent.prototype.onFocus = function (_b, top) {
522
- var target = _b.target;
523
- if (!cdk.tuiIsElement(target)) {
524
- return;
525
- }
526
- var elements = this.elements;
527
- cdk.tuiMoveFocus(top ? -1 : elements.length, elements, top ? 1 : -1);
528
- this.handleFocusLossIfNecessary(target);
529
- };
530
- Object.defineProperty(TuiDataListComponent.prototype, "elements", {
531
- get: function () {
532
- return Array.from(this.el.nativeElement.querySelectorAll('[tuiOption]'));
533
- },
534
- enumerable: false,
535
- configurable: true
536
- });
537
- return TuiDataListComponent;
538
- }());
539
- 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 });
540
- 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: [
541
- tokens.tuiAsDataListAccessor(TuiDataListComponent),
542
- i3.TEXTFIELD_CONTROLLER_PROVIDER,
543
- ], 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 });
544
- __decorate([
545
- cdk.tuiPure
546
- ], TuiDataListComponent.prototype, "empty$", null);
547
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListComponent, decorators: [{
548
- type: i0.Component,
549
- args: [{
550
- selector: 'tui-data-list',
551
- templateUrl: './data-list.template.html',
552
- styleUrls: ['./data-list.style.less'],
553
- encapsulation: i0.ViewEncapsulation.None,
554
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
555
- providers: [
556
- tokens.tuiAsDataListAccessor(TuiDataListComponent),
557
- i3.TEXTFIELD_CONTROLLER_PROVIDER,
558
- ],
559
- }]
560
- }], ctorParameters: function () {
561
- return [{ type: i3__namespace.TuiTextfieldController, decorators: [{
562
- type: i0.Optional
563
- }, {
564
- type: i0.Inject,
565
- args: [i3.TUI_TEXTFIELD_WATCHED_CONTROLLER]
566
- }] }, { type: i0__namespace.ElementRef, decorators: [{
567
- type: i0.Inject,
568
- args: [i0.ElementRef]
569
- }] }, { type: i4__namespace.Observable, decorators: [{
570
- type: i0.Inject,
571
- args: [tokens.TUI_NOTHING_FOUND_MESSAGE]
572
- }] }];
573
- }, propDecorators: { options: [{
574
- type: i0.ContentChildren,
575
- args: [i0.forwardRef(function () { return TuiOptionComponent; }), { descendants: true }]
576
- }], role: [{
577
- type: i0.Input
578
- }, {
579
- type: i0.HostBinding,
580
- args: ['attr.role']
581
- }], emptyContent: [{
582
- type: i0.Input
583
- }], size: [{
584
- type: i0.Input
585
- }, {
586
- type: i0.HostBinding,
587
- args: ['attr.data-list-size']
588
- }], empty$: [], onFocusIn: [{
589
- type: i0.HostListener,
590
- args: ['focusin', ['$event.relatedTarget', '$event.currentTarget']]
591
- }], noop: [{
592
- type: i0.HostListener,
593
- args: ['mousedown.prevent']
594
- }], onKeyDownArrow: [{
595
- type: i0.HostListener,
596
- args: ['keydown.arrowDown.prevent', ['$event.target', '1']]
597
- }, {
598
- type: i0.HostListener,
599
- args: ['keydown.arrowUp.prevent', ['$event.target', '-1']]
600
- }], handleFocusLossIfNecessary: [{
601
- type: i0.HostListener,
602
- args: ['wheel.silent.passive']
603
- }, {
604
- type: i0.HostListener,
605
- args: ['mouseleave', ['$event.target']]
606
- }] } });
616
+ // TODO: Consider aria-activedescendant for proper accessibility implementation
617
+ var TuiDataListComponent = /** @class */ (function () {
618
+ function TuiDataListComponent(controller, el, defaultEmptyContent$) {
619
+ var _a;
620
+ this.controller = controller;
621
+ this.el = el;
622
+ this.defaultEmptyContent$ = defaultEmptyContent$;
623
+ this.options = cdk.EMPTY_QUERY;
624
+ this.role = 'listbox';
625
+ this.size = ((_a = this.controller) === null || _a === void 0 ? void 0 : _a.size) || 'm';
626
+ }
627
+ Object.defineProperty(TuiDataListComponent.prototype, "empty$", {
628
+ get: function () {
629
+ return cdk.tuiQueryListChanges(this.options).pipe(operators.map(function (_b) {
630
+ var length = _b.length;
631
+ return !length;
632
+ }));
633
+ },
634
+ enumerable: false,
635
+ configurable: true
636
+ });
637
+ TuiDataListComponent.prototype.onFocusIn = function (relatedTarget, currentTarget) {
638
+ if (!currentTarget.contains(relatedTarget) && !this.origin) {
639
+ this.origin = relatedTarget;
640
+ }
641
+ };
642
+ TuiDataListComponent.prototype.noop = function () { };
643
+ TuiDataListComponent.prototype.onKeyDownArrow = function (current, step) {
644
+ var elements = this.elements;
645
+ cdk.tuiMoveFocus(elements.indexOf(current), elements, step);
646
+ };
647
+ // TODO: Consider aria-activedescendant for proper accessibility implementation
648
+ TuiDataListComponent.prototype.handleFocusLossIfNecessary = function (element) {
649
+ if (element === void 0) { element = this.el.nativeElement; }
650
+ if (this.origin && cdk.tuiIsNativeFocusedIn(element)) {
651
+ cdk.tuiSetNativeMouseFocused(this.origin, true, true);
652
+ }
653
+ };
654
+ TuiDataListComponent.prototype.getOptions = function (includeDisabled) {
655
+ if (includeDisabled === void 0) { includeDisabled = false; }
656
+ return this.options
657
+ .filter(function (_b) {
658
+ var disabled = _b.disabled;
659
+ return includeDisabled || !disabled;
660
+ })
661
+ .map(function (_b) {
662
+ var value = _b.value;
663
+ return value;
664
+ })
665
+ .filter(cdk.tuiIsPresent);
666
+ };
667
+ TuiDataListComponent.prototype.onFocus = function (_b, top) {
668
+ var target = _b.target;
669
+ if (!cdk.tuiIsElement(target)) {
670
+ return;
671
+ }
672
+ var elements = this.elements;
673
+ cdk.tuiMoveFocus(top ? -1 : elements.length, elements, top ? 1 : -1);
674
+ this.handleFocusLossIfNecessary(target);
675
+ };
676
+ Object.defineProperty(TuiDataListComponent.prototype, "elements", {
677
+ get: function () {
678
+ return Array.from(this.el.nativeElement.querySelectorAll('[tuiOption]'));
679
+ },
680
+ enumerable: false,
681
+ configurable: true
682
+ });
683
+ return TuiDataListComponent;
684
+ }());
685
+ 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 });
686
+ 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: [
687
+ tokens.tuiAsDataListAccessor(TuiDataListComponent),
688
+ i3.TEXTFIELD_CONTROLLER_PROVIDER,
689
+ ], 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 });
690
+ __decorate([
691
+ cdk.tuiPure
692
+ ], TuiDataListComponent.prototype, "empty$", null);
693
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListComponent, decorators: [{
694
+ type: i0.Component,
695
+ args: [{
696
+ selector: 'tui-data-list',
697
+ templateUrl: './data-list.template.html',
698
+ styleUrls: ['./data-list.style.less'],
699
+ encapsulation: i0.ViewEncapsulation.None,
700
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
701
+ providers: [
702
+ tokens.tuiAsDataListAccessor(TuiDataListComponent),
703
+ i3.TEXTFIELD_CONTROLLER_PROVIDER,
704
+ ],
705
+ }]
706
+ }], ctorParameters: function () {
707
+ return [{ type: i3__namespace.TuiTextfieldController, decorators: [{
708
+ type: i0.Optional
709
+ }, {
710
+ type: i0.Inject,
711
+ args: [i3.TUI_TEXTFIELD_WATCHED_CONTROLLER]
712
+ }] }, { type: i0__namespace.ElementRef, decorators: [{
713
+ type: i0.Inject,
714
+ args: [i0.ElementRef]
715
+ }] }, { type: i4__namespace.Observable, decorators: [{
716
+ type: i0.Inject,
717
+ args: [tokens.TUI_NOTHING_FOUND_MESSAGE]
718
+ }] }];
719
+ }, propDecorators: { options: [{
720
+ type: i0.ContentChildren,
721
+ args: [i0.forwardRef(function () { return TuiOptionComponent; }), { descendants: true }]
722
+ }], role: [{
723
+ type: i0.Input
724
+ }, {
725
+ type: i0.HostBinding,
726
+ args: ['attr.role']
727
+ }], emptyContent: [{
728
+ type: i0.Input
729
+ }], size: [{
730
+ type: i0.Input
731
+ }, {
732
+ type: i0.HostBinding,
733
+ args: ['attr.data-list-size']
734
+ }], empty$: [], onFocusIn: [{
735
+ type: i0.HostListener,
736
+ args: ['focusin', ['$event.relatedTarget', '$event.currentTarget']]
737
+ }], noop: [{
738
+ type: i0.HostListener,
739
+ args: ['mousedown.prevent']
740
+ }], onKeyDownArrow: [{
741
+ type: i0.HostListener,
742
+ args: ['keydown.arrowDown.prevent', ['$event.target', '1']]
743
+ }, {
744
+ type: i0.HostListener,
745
+ args: ['keydown.arrowUp.prevent', ['$event.target', '-1']]
746
+ }], handleFocusLossIfNecessary: [{
747
+ type: i0.HostListener,
748
+ args: ['wheel.silent.passive']
749
+ }, {
750
+ type: i0.HostListener,
751
+ args: ['mouseleave', ['$event.target']]
752
+ }] } });
607
753
 
608
- var TuiDataListDirective = /** @class */ (function () {
609
- function TuiDataListDirective() {
610
- }
611
- return TuiDataListDirective;
612
- }());
613
- TuiDataListDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
614
- TuiDataListDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListDirective, selector: "ng-template[tuiDataList]", ngImport: i0__namespace });
615
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, decorators: [{
616
- type: i0.Directive,
617
- args: [{
618
- selector: 'ng-template[tuiDataList]',
619
- }]
620
- }] });
621
- function tuiAsDataList(useExisting) {
622
- return {
623
- provide: TuiDataListDirective,
624
- useExisting: useExisting,
625
- };
626
- }
754
+ var TuiDataListDirective = /** @class */ (function () {
755
+ function TuiDataListDirective() {
756
+ }
757
+ return TuiDataListDirective;
758
+ }());
759
+ TuiDataListDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
760
+ TuiDataListDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDataListDirective, selector: "ng-template[tuiDataList]", ngImport: i0__namespace });
761
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListDirective, decorators: [{
762
+ type: i0.Directive,
763
+ args: [{
764
+ selector: 'ng-template[tuiDataList]',
765
+ }]
766
+ }] });
767
+ function tuiAsDataList(useExisting) {
768
+ return {
769
+ provide: TuiDataListDirective,
770
+ useExisting: useExisting,
771
+ };
772
+ }
627
773
 
628
- var TuiOptGroupDirective = /** @class */ (function () {
629
- function TuiOptGroupDirective() {
630
- }
631
- return TuiOptGroupDirective;
632
- }());
633
- TuiOptGroupDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
634
- 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 });
635
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, decorators: [{
636
- type: i0.Directive,
637
- args: [{
638
- selector: 'tui-opt-group',
639
- host: {
640
- role: 'group',
641
- },
642
- }]
643
- }], propDecorators: { label: [{
644
- type: i0.Input
645
- }, {
646
- type: i0.HostBinding,
647
- args: ['attr.data-label']
648
- }] } });
774
+ var TuiOptGroupDirective = /** @class */ (function () {
775
+ function TuiOptGroupDirective() {
776
+ }
777
+ return TuiOptGroupDirective;
778
+ }());
779
+ TuiOptGroupDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
780
+ 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 });
781
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiOptGroupDirective, decorators: [{
782
+ type: i0.Directive,
783
+ args: [{
784
+ selector: 'tui-opt-group',
785
+ host: {
786
+ role: 'group',
787
+ },
788
+ }]
789
+ }], propDecorators: { label: [{
790
+ type: i0.Input
791
+ }, {
792
+ type: i0.HostBinding,
793
+ args: ['attr.data-label']
794
+ }] } });
649
795
 
650
- var TuiDataListModule = /** @class */ (function () {
651
- function TuiDataListModule() {
652
- }
653
- return TuiDataListModule;
654
- }());
655
- TuiDataListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
656
- TuiDataListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, declarations: [TuiDataListComponent,
657
- TuiOptionComponent,
658
- TuiOptGroupDirective,
659
- TuiDataListDirective], imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule], exports: [TuiDataListComponent,
660
- TuiOptionComponent,
661
- TuiOptGroupDirective,
662
- TuiDataListDirective] });
663
- 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]] });
664
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, decorators: [{
665
- type: i0.NgModule,
666
- args: [{
667
- imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule],
668
- declarations: [
669
- TuiDataListComponent,
670
- TuiOptionComponent,
671
- TuiOptGroupDirective,
672
- TuiDataListDirective,
673
- ],
674
- exports: [
675
- TuiDataListComponent,
676
- TuiOptionComponent,
677
- TuiOptGroupDirective,
678
- TuiDataListDirective,
679
- ],
680
- }]
681
- }] });
796
+ var TuiDataListModule = /** @class */ (function () {
797
+ function TuiDataListModule() {
798
+ }
799
+ return TuiDataListModule;
800
+ }());
801
+ TuiDataListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
802
+ TuiDataListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, declarations: [TuiDataListComponent,
803
+ TuiOptionComponent,
804
+ TuiOptGroupDirective,
805
+ TuiDataListDirective], imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule], exports: [TuiDataListComponent,
806
+ TuiOptionComponent,
807
+ TuiOptGroupDirective,
808
+ TuiDataListDirective] });
809
+ 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]] });
810
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDataListModule, decorators: [{
811
+ type: i0.NgModule,
812
+ args: [{
813
+ imports: [i1$1.CommonModule, i1.TuiSvgModule, i2.PolymorpheusModule],
814
+ declarations: [
815
+ TuiDataListComponent,
816
+ TuiOptionComponent,
817
+ TuiOptGroupDirective,
818
+ TuiDataListDirective,
819
+ ],
820
+ exports: [
821
+ TuiDataListComponent,
822
+ TuiOptionComponent,
823
+ TuiOptGroupDirective,
824
+ TuiDataListDirective,
825
+ ],
826
+ }]
827
+ }] });
682
828
 
683
- /**
684
- * Generated bundle index. Do not edit.
685
- */
829
+ /**
830
+ * Generated bundle index. Do not edit.
831
+ */
686
832
 
687
- exports.TuiDataListComponent = TuiDataListComponent;
688
- exports.TuiDataListDirective = TuiDataListDirective;
689
- exports.TuiDataListModule = TuiDataListModule;
690
- exports.TuiOptGroupDirective = TuiOptGroupDirective;
691
- exports.TuiOptionComponent = TuiOptionComponent;
692
- exports.tuiAsDataList = tuiAsDataList;
833
+ exports.TuiDataListComponent = TuiDataListComponent;
834
+ exports.TuiDataListDirective = TuiDataListDirective;
835
+ exports.TuiDataListModule = TuiDataListModule;
836
+ exports.TuiOptGroupDirective = TuiOptGroupDirective;
837
+ exports.TuiOptionComponent = TuiOptionComponent;
838
+ exports.tuiAsDataList = tuiAsDataList;
693
839
 
694
- Object.defineProperty(exports, '__esModule', { value: true });
840
+ Object.defineProperty(exports, '__esModule', { value: true });
695
841
 
696
842
  }));
697
843
  //# sourceMappingURL=taiga-ui-core-components-data-list.umd.js.map