@telcomdev/ui 0.1.35 → 0.1.36
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.
- package/fesm2022/telcomdev-ui.mjs +358 -66
- package/fesm2022/telcomdev-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/telcomdev-ui.d.ts +253 -4
|
@@ -260,6 +260,246 @@ const TD_ICONOS = {
|
|
|
260
260
|
external_link: {
|
|
261
261
|
path: 'M14 3h7v7h-2V6.41l-8.29 8.3-1.42-1.42L17.59 5H14V3ZM5 5h6v2H5v12h12v-6h2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z',
|
|
262
262
|
},
|
|
263
|
+
hotel: {
|
|
264
|
+
path: 'M4 21V3h11a3 3 0 0 1 3 3v15h-2v-5H6v5H4Zm2-7h10V6a1 1 0 0 0-1-1H6v9Zm2-7h3v3H8V7Zm5 0h2v3h-2V7Z',
|
|
265
|
+
},
|
|
266
|
+
bed: {
|
|
267
|
+
path: 'M3 21V9h2v7h16v5h-2v-2H5v2H3Zm4-7V5h5a3 3 0 0 1 3 3v6H7Zm10 0V8h2a2 2 0 0 1 2 2v4h-4ZM9 7v5h4V8a1 1 0 0 0-1-1H9Z',
|
|
268
|
+
},
|
|
269
|
+
room: {
|
|
270
|
+
path: 'M4 3h12l4 3v15H4V3Zm2 2v14h8V5H6Zm10 1.05V19h2V7.05l-2-1ZM11 11h2v2h-2v-2Z',
|
|
271
|
+
},
|
|
272
|
+
door: {
|
|
273
|
+
path: 'M5 21V3h12a2 2 0 0 1 2 2v16h-2V5H7v16H5Zm8-9h2v2h-2v-2Z',
|
|
274
|
+
},
|
|
275
|
+
key: {
|
|
276
|
+
path: 'M8 14a5 5 0 1 1 4.58-7H22v4h-3v3h-3v3h-4.42A5 5 0 0 1 8 14Zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm6.7-3a6.7 6.7 0 0 1 0 2H16V8h3V7h-5.3Z',
|
|
277
|
+
},
|
|
278
|
+
booking: {
|
|
279
|
+
path: 'M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v15H3V6a2 2 0 0 1 2-2h2V2Zm12 8H5v9h14v-9ZM5 6v2h14V6H5Zm4 6h6v2H9v-2Zm0 3h4v2H9v-2Z',
|
|
280
|
+
},
|
|
281
|
+
check_in: {
|
|
282
|
+
path: 'M4 3h10v2H6v14h8v2H4V3Zm11.3 4.3 4.7 4.7-4.7 4.7-1.4-1.4 2.3-2.3H9v-2h7.2l-2.3-2.3 1.4-1.4Z',
|
|
283
|
+
},
|
|
284
|
+
check_out: {
|
|
285
|
+
path: 'M4 3h10v2H6v14h8v2H4V3Zm5.7 4.3 1.4 1.4L8.8 11H21v2H8.8l2.3 2.3-1.4 1.4L5 12l4.7-4.7Z',
|
|
286
|
+
},
|
|
287
|
+
concierge: {
|
|
288
|
+
path: 'M12 4a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm-7 17v-2c0-3.3 3.13-6 7-6s7 2.7 7 6v2H5Zm15-10h2v10h-2V11ZM2 11h2v10H2V11Z',
|
|
289
|
+
},
|
|
290
|
+
bell_service: {
|
|
291
|
+
path: 'M11 4h2v2.05A8 8 0 0 1 20 14v2H4v-2a8 8 0 0 1 7-7.95V4Zm1 4a6 6 0 0 0-6 6h12a6 6 0 0 0-6-6ZM3 18h18v2H3v-2Z',
|
|
292
|
+
},
|
|
293
|
+
luggage: {
|
|
294
|
+
path: 'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2v1h-2v-1H8v1H6v-1a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2Zm2 0h4V4h-4v2Zm-4 2v11h12V8H6Zm3 2h2v7H9v-7Zm4 0h2v7h-2v-7Z',
|
|
295
|
+
},
|
|
296
|
+
housekeeping: {
|
|
297
|
+
path: 'M7 2h10v2h-1v6l4 9v3H4v-3l4-9V4H7V2Zm3 2v6.42L6.25 19h11.5L14 10.42V4h-4Zm-1 12h6v2H9v-2Z',
|
|
298
|
+
},
|
|
299
|
+
restaurant: {
|
|
300
|
+
path: 'M6 2h2v8H6V2Zm4 0h2v8a4 4 0 0 1-3 3.87V22H7v-8.13A4 4 0 0 1 4 10V2h2v8h4V2Zm8 0c2 2 3 4.4 3 7 0 2.5-1.1 4.5-3 5.5V22h-2V2h2Z',
|
|
301
|
+
},
|
|
302
|
+
minibar: {
|
|
303
|
+
path: 'M7 2h10a2 2 0 0 1 2 2v18H5V4a2 2 0 0 1 2-2Zm0 2v7h10V4H7Zm0 9v7h10v-7H7Zm2-7h6v2H9V6Zm0 9h6v2H9v-2Z',
|
|
304
|
+
},
|
|
305
|
+
parking: {
|
|
306
|
+
path: 'M6 3h8a5 5 0 0 1 0 10h-4v8H6V3Zm4 4v2h4a1 1 0 0 0 0-2h-4Z',
|
|
307
|
+
},
|
|
308
|
+
wifi: {
|
|
309
|
+
path: 'M12 18.5 9.5 16a3.54 3.54 0 0 1 5 0L12 18.5Zm-5-5A7.07 7.07 0 0 1 17 13.5L15.5 15a4.95 4.95 0 0 0-7 0L7 13.5Zm-4-4a12.73 12.73 0 0 1 18 0L19.5 11a10.6 10.6 0 0 0-15 0L3 9.5ZM12 22a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z',
|
|
310
|
+
},
|
|
311
|
+
elevator: {
|
|
312
|
+
path: 'M5 3h14v18H5V3Zm2 2v14h10V5H7Zm4-2 2-2 2 2h-4Zm2 20-2-2h4l-2 2Zm-3-14h2v6h-2V9Zm4 0h2v6h-2V9Z',
|
|
313
|
+
},
|
|
314
|
+
pool: {
|
|
315
|
+
path: 'M3 18c1.2 0 1.8-.4 2.5-.9.8-.55 1.7-1.1 3.5-1.1s2.7.55 3.5 1.1c.7.5 1.3.9 2.5.9s1.8-.4 2.5-.9c.8-.55 1.7-1.1 3.5-1.1v2c-1.2 0-1.8.4-2.5.9-.8.55-1.7 1.1-3.5 1.1s-2.7-.55-3.5-1.1c-.7-.5-1.3-.9-2.5-.9s-1.8.4-2.5.9C6.7 19.45 5.8 20 4 20H3v-2Zm5-12a3 3 0 1 1 6 0v2h3V6a3 3 0 1 1 6 0v8h-2V6a1 1 0 0 0-2 0v8h-2v-4h-3v4h-2V6a1 1 0 0 0-2 0v8H8V6Z',
|
|
316
|
+
},
|
|
317
|
+
invoice: {
|
|
318
|
+
path: 'M5 2v20l3-2 4 2 4-2 3 2V2H5Zm3 5h8v2H8V7Zm0 4h8v2H8v-2Zm0 4h5v2H8v-2Z',
|
|
319
|
+
},
|
|
320
|
+
invoice_paid: {
|
|
321
|
+
path: 'M5 2v20l3-2 4 2 4-2 3 2V2H5Zm11.7 7.7-5.2 5.2-2.7-2.7 1.4-1.4 1.3 1.3 3.8-3.8 1.4 1.4Z',
|
|
322
|
+
},
|
|
323
|
+
invoice_pending: {
|
|
324
|
+
path: 'M5 2v20l3-2 4 2 4-2 3 2V2H5Zm7 5a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm-1 2v4h4v-2h-2V9h-2Z',
|
|
325
|
+
},
|
|
326
|
+
credit_card: {
|
|
327
|
+
path: 'M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 2v2h18V7H3Zm0 5v5h18v-5H3Zm2 2h5v2H5v-2Z',
|
|
328
|
+
},
|
|
329
|
+
payment: {
|
|
330
|
+
path: 'M3 6h18v12H3V6Zm2 2v8h14V8H5Zm7 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM6 9h2v2H6V9Zm10 4h2v2h-2v-2Z',
|
|
331
|
+
},
|
|
332
|
+
cash: {
|
|
333
|
+
path: 'M3 6h18v12H3V6Zm2 3a3 3 0 0 0 3-1H5v1Zm0 6v1h3a3 3 0 0 0-3-1Zm14 1v-1a3 3 0 0 0-3 1h3Zm0-8h-3a3 3 0 0 0 3 1V8Zm-7 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z',
|
|
334
|
+
},
|
|
335
|
+
wallet: {
|
|
336
|
+
path: 'M4 5h14a2 2 0 0 1 2 2v2h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 2v10h14V7H4Zm14 4v3h2v-3h-2Zm-1 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z',
|
|
337
|
+
},
|
|
338
|
+
bank: {
|
|
339
|
+
path: 'M12 2 2 7v2h20V7L12 2ZM4 11v8H2v2h20v-2h-2v-8h-3v8h-2v-8h-3v8h-2v-8H7v8H5v-8H4Z',
|
|
340
|
+
},
|
|
341
|
+
tax: {
|
|
342
|
+
path: 'M6 2h12a2 2 0 0 1 2 2v18H4V4a2 2 0 0 1 2-2Zm0 2v16h12V4H6Zm2 3h8v2H8V7Zm0 4h2v2H8v-2Zm4 0h2v2h-2v-2Zm4 0h1v2h-1v-2Zm-8 4h2v2H8v-2Zm4 0h2v2h-2v-2Zm4 0h1v2h-1v-2Z',
|
|
343
|
+
},
|
|
344
|
+
pos: {
|
|
345
|
+
path: 'M6 2h12a2 2 0 0 1 2 2v18H4V4a2 2 0 0 1 2-2Zm0 2v5h12V4H6Zm0 7v9h12v-9H6Zm2 2h2v2H8v-2Zm3 0h2v2h-2v-2Zm3 0h2v2h-2v-2Zm-6 3h8v2H8v-2Z',
|
|
346
|
+
},
|
|
347
|
+
barcode: {
|
|
348
|
+
path: 'M3 5h2v14H3V5Zm4 0h1v14H7V5Zm3 0h3v14h-3V5Zm5 0h1v14h-1V5Zm3 0h3v14h-3V5Z',
|
|
349
|
+
},
|
|
350
|
+
qr_code: {
|
|
351
|
+
path: 'M3 3h8v8H3V3Zm2 2v4h4V5H5Zm8-2h8v8h-8V3Zm2 2v4h4V5h-4ZM3 13h8v8H3v-8Zm2 2v4h4v-4H5Zm10-2h2v2h-2v-2Zm4 0h2v4h-4v-2h2v-2Zm-6 4h2v4h-2v-4Zm4 2h4v2h-4v-2Z',
|
|
352
|
+
},
|
|
353
|
+
calculator: {
|
|
354
|
+
path: 'M6 2h12a2 2 0 0 1 2 2v18H4V4a2 2 0 0 1 2-2Zm0 2v5h12V4H6Zm2 8h2v2H8v-2Zm4 0h2v2h-2v-2Zm4 0h2v2h-2v-2Zm-8 4h2v2H8v-2Zm4 0h2v2h-2v-2Zm4 0h2v4h-2v-4Z',
|
|
355
|
+
},
|
|
356
|
+
warehouse: {
|
|
357
|
+
path: 'M3 9 12 3l9 6v12H3V9Zm2 1.07V19h14v-8.93l-7-4.67-7 4.67ZM7 12h10v7H7v-7Zm2 2v1h6v-1H9Zm0 3v2h6v-2H9Z',
|
|
358
|
+
},
|
|
359
|
+
supplier: {
|
|
360
|
+
path: 'M4 5h10v10H4V5Zm2 2v6h6V7H6Zm10 2h3l3 4v2h-2.05a3 3 0 0 1-5.9 0H10a3 3 0 0 1-5.9 0H2v-2h2V7H2V5h14v4Zm0 2v2h3.2L17.7 11H16ZM7 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm10 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
|
|
361
|
+
},
|
|
362
|
+
customer: {
|
|
363
|
+
path: 'M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-8 9v-1c0-3.86 3.58-7 8-7s8 3.14 8 7v1H4Zm14-7 3 2.5-3 2.5v-2h-4v-1h4v-2Z',
|
|
364
|
+
},
|
|
365
|
+
employee: {
|
|
366
|
+
path: 'M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-8 10v-2c0-3.31 3.58-6 8-6s8 2.69 8 6v2H4Zm5-5 3 3 3-3h-2l-1 1-1-1H9Z',
|
|
367
|
+
},
|
|
368
|
+
organization: {
|
|
369
|
+
path: 'M4 3h16v18h-6v-4h-4v4H4V3Zm2 2v14h2v-4h8v4h2V5H6Zm2 2h3v3H8V7Zm5 0h3v3h-3V7Zm-5 5h3v2H8v-2Zm5 0h3v2h-3v-2Z',
|
|
370
|
+
},
|
|
371
|
+
branch: {
|
|
372
|
+
path: 'M7 3a3 3 0 0 1 2 5.24V11h6V8.24A3 3 0 1 1 17 9v2a2 2 0 0 1-2 2h-2v2.76a3 3 0 1 1-2 0V13H9a2 2 0 0 1-2-2V8.24A3 3 0 0 1 7 3Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm10 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-5 12a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
|
|
373
|
+
},
|
|
374
|
+
contract: {
|
|
375
|
+
path: 'M6 2h9l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm8 2H6v16h12V8h-4V4Zm-6 8h8v2H8v-2Zm0 4h5v2H8v-2Zm6.5.5 1.5-1.5 1.5 1.5-1.5 1.5-1.5-1.5Z',
|
|
376
|
+
},
|
|
377
|
+
approval: {
|
|
378
|
+
path: 'M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1 14-3.5-3.5 1.4-1.4 2.1 2.08 4.6-4.58L17 10l-6 6Z',
|
|
379
|
+
},
|
|
380
|
+
workflow: {
|
|
381
|
+
path: 'M6 3a3 3 0 0 1 2.83 2H15a3 3 0 0 1 3 3v2.17a3 3 0 1 1-2 0V8a1 1 0 0 0-1-1H8.83a3 3 0 1 1 0-2ZM6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm11 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 13a3 3 0 0 1 3 3h6.17a3 3 0 1 1 0 2H9a3 3 0 1 1-3-5Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
|
|
382
|
+
},
|
|
383
|
+
tasks: {
|
|
384
|
+
path: 'M4 5h3v3H4V5Zm5 0h11v2H9V5ZM4 11h3v3H4v-3Zm5 0h11v2H9v-2ZM4 17h3v3H4v-3Zm5 0h11v2H9v-2Z',
|
|
385
|
+
},
|
|
386
|
+
ticket: {
|
|
387
|
+
path: 'M3 6h18v4a2 2 0 1 0 0 4v4H3v-4a2 2 0 1 0 0-4V6Zm5 2v8h8V8H8Zm2 2h4v4h-4v-4Z',
|
|
388
|
+
},
|
|
389
|
+
support_agent: {
|
|
390
|
+
path: 'M12 3a8 8 0 0 1 8 8v4a3 3 0 0 1-3 3h-2v-7h3a6 6 0 0 0-12 0h3v7H7a3 3 0 0 1-3-3v-4a8 8 0 0 1 8-8Zm-1 15h3v2h-3a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3Z',
|
|
391
|
+
},
|
|
392
|
+
role: {
|
|
393
|
+
path: 'M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 9v-2c0-3.31 3.13-6 7-6s7 2.69 7 6v2H5Zm14-15h3v2h-3V6Zm0 4h3v2h-3v-2Zm0 4h3v2h-3v-2Z',
|
|
394
|
+
},
|
|
395
|
+
permissions: {
|
|
396
|
+
path: 'M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1 7h2v2h2v2h-2v2h-2v-2H9v-2h2V9Z',
|
|
397
|
+
},
|
|
398
|
+
audit: {
|
|
399
|
+
path: 'M6 2h12v20H6V2Zm2 2v16h8V4H8Zm1 3h6v2H9V7Zm0 4h6v2H9v-2Zm0 4h4v2H9v-2Zm9 1 3 3-1.4 1.4-3-3L18 16Z',
|
|
400
|
+
},
|
|
401
|
+
server: {
|
|
402
|
+
path: 'M4 3h16v8H4V3Zm2 2v4h12V5H6Zm-2 8h16v8H4v-8Zm2 2v4h12v-4H6Zm9-9h2v2h-2V6Zm0 10h2v2h-2v-2Z',
|
|
403
|
+
},
|
|
404
|
+
api: {
|
|
405
|
+
path: 'M8 7 3 12l5 5 1.4-1.4L5.8 12l3.6-3.6L8 7Zm8 0-1.4 1.4 3.6 3.6-3.6 3.6L16 17l5-5-5-5Zm-3.2-2-3.6 14h2l3.6-14h-2Z',
|
|
406
|
+
},
|
|
407
|
+
terminal: {
|
|
408
|
+
path: 'M3 4h18v16H3V4Zm2 2v12h14V6H5Zm2 3 3 3-3 3-1.4-1.4L7.2 12 5.6 10.4 7 9Zm4 5h5v2h-5v-2Z',
|
|
409
|
+
},
|
|
410
|
+
integration: {
|
|
411
|
+
path: 'M7 4h4v4H9v3h6V8h-2V4h4v4h-2v3a2 2 0 0 1-2 2h-2v3h2v4H7v-4h2v-3H7a2 2 0 0 1-2-2V8H3V4h4v4H5v3h4V8H7V4Zm2 14v0h2v0H9Z',
|
|
412
|
+
},
|
|
413
|
+
backup: {
|
|
414
|
+
path: 'M12 4a8 8 0 1 1-7.45 5H2l3.5-4L9 9H6.67A6 6 0 1 0 12 6V4Zm-1 4h2v5h4v2h-6V8Z',
|
|
415
|
+
},
|
|
416
|
+
analytics: {
|
|
417
|
+
path: 'M4 19h16v2H4V3h2v16Zm4-2H6v-6h2v6Zm4 0h-2V7h2v10Zm4 0h-2v-4h2v4Zm4 0h-2V5h2v12Z',
|
|
418
|
+
},
|
|
419
|
+
kpi: {
|
|
420
|
+
path: 'M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 9 3-4 2 2 3-5 1.7 1-4.5 7.5-2.1-2.1-1.8 2.4L8 15Z',
|
|
421
|
+
},
|
|
422
|
+
procurement: {
|
|
423
|
+
path: 'M6 2h12v4h3v16H3V6h3V2Zm2 4h8V4H8v2Zm-3 2v12h14V8H5Zm3 3h8v2H8v-2Zm0 4h5v2H8v-2Z',
|
|
424
|
+
},
|
|
425
|
+
purchase_order: {
|
|
426
|
+
path: 'M5 2h14v20H5V2Zm2 2v16h10V4H7Zm2 3h6v2H9V7Zm0 4h6v2H9v-2Zm0 4h3v2H9v-2Zm7 0 2 2-4 4-2-2 1.4-1.4.6.6 2.6-2.6L16 15Z',
|
|
427
|
+
},
|
|
428
|
+
delivery: {
|
|
429
|
+
path: 'M3 5h12v10h1.05a3 3 0 0 1 5.9 0H23v2h-1.05a3 3 0 0 1-5.9 0H9.95a3 3 0 0 1-5.9 0H3V5Zm2 2v8h10V7H5Zm12 2h2l2 3v3h-4V9ZM7 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
|
|
430
|
+
},
|
|
431
|
+
truck: {
|
|
432
|
+
path: 'M3 5h12v10h1a3 3 0 0 1 6 0h1v2h-1a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H2v-2h1V5Zm2 2v8h10V7H5Zm12 2h2.5l2.5 3.5V15h-5V9ZM6 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm13 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
|
|
433
|
+
},
|
|
434
|
+
route: {
|
|
435
|
+
path: 'M6 4a3 3 0 0 1 2 5.24V15a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V8.24a3 3 0 1 1 2 0V15a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9.24A3 3 0 0 1 6 4Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12-2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z',
|
|
436
|
+
},
|
|
437
|
+
map: {
|
|
438
|
+
path: 'M9 3 15 5l6-2v18l-6 2-6-2-6 2V5l6-2Zm1 2.3v13.9l4 1.34V6.66L10 5.3Zm-2 0L5 6.3v13.9l3-1V5.3Zm8 1.36v13.88l3-1V5.66l-3 1Z',
|
|
439
|
+
},
|
|
440
|
+
product: {
|
|
441
|
+
path: 'm12 2 9 5v10l-9 5-9-5V7l9-5Zm0 2.3L6.5 7.35 12 10.4l5.5-3.05L12 4.3ZM5 9.05v6.78l6 3.33v-6.78L5 9.05Zm8 10.11 6-3.33V9.05l-6 3.33v6.78Z',
|
|
442
|
+
},
|
|
443
|
+
service: {
|
|
444
|
+
path: 'M12 2a6 6 0 0 1 6 6c0 2.04-1.02 3.84-2.58 4.92L17 22H7l1.58-9.08A6 6 0 0 1 12 2Zm0 2a4 4 0 0 0-1.65 7.64l.7.32L9.38 20h5.24l-1.67-8.04.7-.32A4 4 0 0 0 12 4Z',
|
|
445
|
+
},
|
|
446
|
+
maintenance: {
|
|
447
|
+
path: 'M22 19.6 19.6 22l-6.4-6.4a7 7 0 0 1-8.8-8.8l4.3 4.3 2.4-2.4-4.3-4.3a7 7 0 0 1 8.8 8.8L22 19.6Z',
|
|
448
|
+
},
|
|
449
|
+
module: {
|
|
450
|
+
path: 'M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z',
|
|
451
|
+
},
|
|
452
|
+
menu_book: {
|
|
453
|
+
path: 'M4 4.5C5.5 3.6 7.2 3 9 3c1.7 0 3.3.5 5 1.5V20c-1.7-1-3.3-1.5-5-1.5-1.8 0-3.5.6-5 1.5V4.5Zm16 0V20c-1.5-.9-3.2-1.5-5-1.5V3c1.8 0 3.5.6 5 1.5Z',
|
|
454
|
+
},
|
|
455
|
+
identity: {
|
|
456
|
+
path: 'M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 2h4v4H8V8Zm6 0h3v2h-3V8Zm0 4h3v2h-3v-2Zm-6 3h6v1.5H8V15Z',
|
|
457
|
+
},
|
|
458
|
+
room_service: {
|
|
459
|
+
path: 'M11 4h2v2.05A8 8 0 0 1 20 14v2H4v-2a8 8 0 0 1 7-7.95V4Zm1 4a6 6 0 0 0-6 6h12a6 6 0 0 0-6-6Zm-9 10h18v2H3v-2Z',
|
|
460
|
+
},
|
|
461
|
+
housekeeping_cart: {
|
|
462
|
+
path: 'M5 4h7l2 6h4a3 3 0 0 1 3 3v7h-2v-7a1 1 0 0 0-1-1h-3v8H7a3 3 0 0 1-3-3V5a1 1 0 0 1 1-1Zm1 2v11a1 1 0 0 0 1 1h6V6H6Zm12 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z',
|
|
463
|
+
},
|
|
464
|
+
occupancy: {
|
|
465
|
+
path: 'M4 21V5h7v16H4Zm9 0V3h7v18h-7ZM6 7v12h3V7H6Zm9-2v14h3V5h-3Zm-8 4h1v2H7V9Zm9 0h1v2h-1V9Z',
|
|
466
|
+
},
|
|
467
|
+
swap_horiz: {
|
|
468
|
+
path: 'M7 7h11.2l-2.6-2.6L17 3l5 5-5 5-1.4-1.4L18.2 9H7V7Zm10 8H5.8l2.6-2.6L7 11l-5 5 5 5 1.4-1.4L5.8 17H17v-2Z',
|
|
469
|
+
},
|
|
470
|
+
confirmation_number: {
|
|
471
|
+
path: 'M4 4h16a2 2 0 0 1 2 2v4a2 2 0 0 0 0 4v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4a2 2 0 0 0 0-4V6a2 2 0 0 1 2-2Zm2 2v12h12V6H6Zm3 3h6v2H9V9Zm0 4h6v2H9v-2Z',
|
|
472
|
+
},
|
|
473
|
+
checkin: {
|
|
474
|
+
path: 'M4 4h9v2H6v12h7v2H4V4Zm11.6 4.4 1.4-1.4 5 5-5 5-1.4-1.4 2.6-2.6H10v-2h8.2l-2.6-2.6Z',
|
|
475
|
+
},
|
|
476
|
+
chekin: {
|
|
477
|
+
path: 'M4 4h9v2H6v12h7v2H4V4Zm11.6 4.4 1.4-1.4 5 5-5 5-1.4-1.4 2.6-2.6H10v-2h8.2l-2.6-2.6Z',
|
|
478
|
+
},
|
|
479
|
+
checkout: {
|
|
480
|
+
path: 'M20 4v16h-9v-2h7V6h-7V4h9ZM8.4 8.4 5.8 11H14v2H5.8l2.6 2.6L7 17l-5-5 5-5 1.4 1.4Z',
|
|
481
|
+
},
|
|
482
|
+
chekout: {
|
|
483
|
+
path: 'M20 4v16h-9v-2h7V6h-7V4h9ZM8.4 8.4 5.8 11H14v2H5.8l2.6 2.6L7 17l-5-5 5-5 1.4 1.4Z',
|
|
484
|
+
},
|
|
485
|
+
add_person: {
|
|
486
|
+
path: 'M10 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4.4 0-8 2.2-8 5v2h10.5a6.5 6.5 0 0 1-.5-2.5c0-1.55.54-2.98 1.45-4.1A11 11 0 0 0 10 14Zm8 1v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2Z',
|
|
487
|
+
},
|
|
488
|
+
remove: {
|
|
489
|
+
path: 'M5 11h14v2H5v-2Z',
|
|
490
|
+
},
|
|
491
|
+
door_front: {
|
|
492
|
+
path: 'M6 3h11a1 1 0 0 1 1 1v17h-2V5H8v16H6V3Zm5 9h2v2h-2v-2Zm-7 9h16v2H4v-2Z',
|
|
493
|
+
},
|
|
494
|
+
event_busy: {
|
|
495
|
+
path: 'M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 8H4v10h16V10ZM4 8h16V6H4v2Zm5.4 4 2.6 2.6 2.6-2.6L16 13.4 13.4 16l2.6 2.6-1.4 1.4-2.6-2.6L9.4 20 8 18.6l2.6-2.6L8 13.4 9.4 12Z',
|
|
496
|
+
},
|
|
497
|
+
cleaning_services: {
|
|
498
|
+
path: 'M14 2v4l5 14H5l5-14V2h4Zm-2 4h0Zm-.6 2-3.6 10h8.4L12.6 8h-1.2ZM7 21h10v2H7v-2ZM9 2h6v2H9V2Z',
|
|
499
|
+
},
|
|
500
|
+
build: {
|
|
501
|
+
path: 'M22 19.6 19.6 22l-6.4-6.4a7 7 0 0 1-8.8-8.8l4.3 4.3 2.4-2.4-4.3-4.3a7 7 0 0 1 8.8 8.8L22 19.6Z',
|
|
502
|
+
},
|
|
263
503
|
};
|
|
264
504
|
const TD_ICONOS_NOMBRES = Object.freeze(Object.keys(TD_ICONOS));
|
|
265
505
|
|
|
@@ -7820,6 +8060,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
7820
8060
|
args: [TemplateRef, { static: true }]
|
|
7821
8061
|
}] } });
|
|
7822
8062
|
|
|
8063
|
+
class TdTabsActions {
|
|
8064
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdTabsActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
8065
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: TdTabsActions, isStandalone: true, selector: "[tdTabsActions]", ngImport: i0 });
|
|
8066
|
+
}
|
|
8067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdTabsActions, decorators: [{
|
|
8068
|
+
type: Directive,
|
|
8069
|
+
args: [{
|
|
8070
|
+
selector: '[tdTabsActions]',
|
|
8071
|
+
}]
|
|
8072
|
+
}] });
|
|
8073
|
+
|
|
7823
8074
|
class TdTabs {
|
|
7824
8075
|
cdr = inject(ChangeDetectorRef);
|
|
7825
8076
|
tabsChange;
|
|
@@ -7841,6 +8092,9 @@ class TdTabs {
|
|
|
7841
8092
|
dark = false;
|
|
7842
8093
|
ariaLabel = 'Pestañas';
|
|
7843
8094
|
panelFocusable = false;
|
|
8095
|
+
contentHeight = null;
|
|
8096
|
+
scrollableContent = false;
|
|
8097
|
+
actionsPlacement = 'header';
|
|
7844
8098
|
selectedIndexChange = new EventEmitter();
|
|
7845
8099
|
tabChange = new EventEmitter();
|
|
7846
8100
|
tabs = [];
|
|
@@ -7958,44 +8212,52 @@ class TdTabs {
|
|
|
7958
8212
|
}
|
|
7959
8213
|
}
|
|
7960
8214
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7961
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: TdTabs, isStandalone: true, selector: "td-tabs", inputs: { selectedIndex: "selectedIndex", variant: "variant", alignment: "alignment", stretch: "stretch", dark: "dark", ariaLabel: "ariaLabel", panelFocusable: "panelFocusable" }, outputs: { selectedIndexChange: "selectedIndexChange", tabChange: "tabChange" }, queries: [{ propertyName: "tabQuery", predicate: TdTab }], viewQueries: [{ propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true }, { propertyName: "tabButtons", predicate: ["tabButton"], descendants: true }], ngImport: i0, template: `
|
|
8215
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: TdTabs, isStandalone: true, selector: "td-tabs", inputs: { selectedIndex: "selectedIndex", variant: "variant", alignment: "alignment", stretch: "stretch", dark: "dark", ariaLabel: "ariaLabel", panelFocusable: "panelFocusable", contentHeight: "contentHeight", scrollableContent: "scrollableContent", actionsPlacement: "actionsPlacement" }, outputs: { selectedIndexChange: "selectedIndexChange", tabChange: "tabChange" }, queries: [{ propertyName: "tabQuery", predicate: TdTab }], viewQueries: [{ propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true }, { propertyName: "tabButtons", predicate: ["tabButton"], descendants: true }], ngImport: i0, template: `
|
|
7962
8216
|
<section
|
|
7963
8217
|
class="td-tabs"
|
|
7964
8218
|
[class.td-tabs--dark]="dark"
|
|
7965
8219
|
[class.td-tabs--stretch]="stretch"
|
|
8220
|
+
[class.td-tabs--panel-scrollable]="scrollableContent"
|
|
8221
|
+
[class.td-tabs--actions-footer]="actionsPlacement === 'footer'"
|
|
7966
8222
|
[class]="'td-tabs td-tabs--' + variant + ' td-tabs--align-' + alignment +
|
|
7967
|
-
(dark ? ' td-tabs--dark' : '') + (stretch ? ' td-tabs--stretch' : '')
|
|
8223
|
+
(dark ? ' td-tabs--dark' : '') + (stretch ? ' td-tabs--stretch' : '') +
|
|
8224
|
+
(scrollableContent ? ' td-tabs--panel-scrollable' : '') +
|
|
8225
|
+
(actionsPlacement === 'footer' ? ' td-tabs--actions-footer' : '')"
|
|
8226
|
+
[style.--td-tabs-panel-height]="contentHeight"
|
|
7968
8227
|
>
|
|
7969
|
-
<div
|
|
7970
|
-
|
|
7971
|
-
|
|
7972
|
-
|
|
7973
|
-
|
|
7974
|
-
|
|
7975
|
-
|
|
7976
|
-
|
|
7977
|
-
|
|
7978
|
-
|
|
7979
|
-
|
|
7980
|
-
|
|
7981
|
-
|
|
7982
|
-
|
|
7983
|
-
|
|
7984
|
-
|
|
7985
|
-
|
|
7986
|
-
|
|
7987
|
-
|
|
7988
|
-
|
|
7989
|
-
|
|
7990
|
-
|
|
7991
|
-
|
|
7992
|
-
|
|
7993
|
-
|
|
7994
|
-
|
|
7995
|
-
|
|
7996
|
-
|
|
7997
|
-
|
|
7998
|
-
|
|
8228
|
+
<div class="td-tabs__header">
|
|
8229
|
+
<div
|
|
8230
|
+
#tabList
|
|
8231
|
+
class="td-tabs__list"
|
|
8232
|
+
role="tablist"
|
|
8233
|
+
[attr.aria-label]="ariaLabel"
|
|
8234
|
+
(keydown)="handleKeydown($event)"
|
|
8235
|
+
>
|
|
8236
|
+
@for (tab of tabs; track tab.resolvedId; let index = $index) {
|
|
8237
|
+
<button
|
|
8238
|
+
#tabButton
|
|
8239
|
+
type="button"
|
|
8240
|
+
class="td-tabs__tab"
|
|
8241
|
+
role="tab"
|
|
8242
|
+
[id]="tabId(tab)"
|
|
8243
|
+
[class.td-tabs__tab--active]="index === activeIndex"
|
|
8244
|
+
[disabled]="tab.disabled"
|
|
8245
|
+
[attr.tabindex]="index === activeIndex ? 0 : -1"
|
|
8246
|
+
[attr.aria-selected]="index === activeIndex"
|
|
8247
|
+
[attr.aria-controls]="panelId(tab)"
|
|
8248
|
+
(click)="select(index)"
|
|
8249
|
+
>
|
|
8250
|
+
@if (tab.icon) {
|
|
8251
|
+
<td-icon [nombre]="tab.icon" />
|
|
8252
|
+
}
|
|
8253
|
+
<span>{{ tab.label }}</span>
|
|
8254
|
+
@if (tab.badge !== null) {
|
|
8255
|
+
<small>{{ tab.badge }}</small>
|
|
8256
|
+
}
|
|
8257
|
+
</button>
|
|
8258
|
+
}
|
|
8259
|
+
</div>
|
|
8260
|
+
|
|
7999
8261
|
</div>
|
|
8000
8262
|
|
|
8001
8263
|
@if (activeTab; as tab) {
|
|
@@ -8009,8 +8271,16 @@ class TdTabs {
|
|
|
8009
8271
|
<ng-container [ngTemplateOutlet]="tab.content" />
|
|
8010
8272
|
</div>
|
|
8011
8273
|
}
|
|
8274
|
+
|
|
8275
|
+
<div
|
|
8276
|
+
class="td-tabs__actions"
|
|
8277
|
+
[class.td-tabs__actions--header]="actionsPlacement === 'header'"
|
|
8278
|
+
[class.td-tabs__actions--footer]="actionsPlacement === 'footer'"
|
|
8279
|
+
>
|
|
8280
|
+
<ng-content select="[tdTabsActions]" />
|
|
8281
|
+
</div>
|
|
8012
8282
|
</section>
|
|
8013
|
-
`, isInline: true, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-tabs{--td-tabs-bg: var(--td-color-surface, #fff);--td-tabs-soft: var(--td-color-surface-soft, #f7f8fb);--td-tabs-border: var(--td-color-border, #e3e7ef);--td-tabs-text: var(--td-color-text, #263147);--td-tabs-muted: var(--td-color-text-muted, #748096);--td-tabs-accent: var(--td-color-primary, #5746d8);min-width:0;color:var(--td-tabs-text)}.td-tabs--dark{--td-tabs-bg: var(--td-color-surface, #19191f);--td-tabs-soft: var(--td-color-surface-soft, #202028);--td-tabs-border: var(--td-color-border, #303039);--td-tabs-text: var(--td-color-text, #ededf0);--td-tabs-muted: var(--td-color-text-muted, #a1a1aa);--td-tabs-accent: var(--td-color-primary, #b9b0fa)}.td-tabs__list{display:flex;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:inline proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.td-tabs__list::-webkit-scrollbar{display:none}.td-tabs--align-centro .td-tabs__list{justify-content:safe center}.td-tabs--align-fin .td-tabs__list{justify-content:safe flex-end}.td-tabs__tab{position:relative;display:inline-flex;min-height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.45rem;border:0;padding:.7rem .95rem;color:var(--td-tabs-muted);background:transparent;font:750 .72rem/1 system-ui,sans-serif;white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:color .13s ease,background .13s ease}.td-tabs--stretch .td-tabs__tab{min-width:0;flex:1 1 0}.td-tabs__tab:hover:not(:disabled){color:var(--td-tabs-accent)}.td-tabs__tab:focus-visible{outline:2px solid var(--td-tabs-accent);outline-offset:-2px}.td-tabs__tab:disabled{opacity:.42;cursor:not-allowed}.td-tabs__tab small{min-width:1.25rem;border-radius:var(--td-radius-pill, 999px);padding:.22rem .38rem;color:var(--td-tabs-muted);background:var(--td-tabs-soft);font-size:.58rem}.td-tabs--linea .td-
|
|
8283
|
+
`, isInline: true, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-tabs{--td-tabs-bg: var(--td-color-surface, #fff);--td-tabs-soft: var(--td-color-surface-soft, #f7f8fb);--td-tabs-border: var(--td-color-border, #e3e7ef);--td-tabs-text: var(--td-color-text, #263147);--td-tabs-muted: var(--td-color-text-muted, #748096);--td-tabs-accent: var(--td-color-primary, #5746d8);display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;color:var(--td-tabs-text)}.td-tabs--dark{--td-tabs-bg: var(--td-color-surface, #19191f);--td-tabs-soft: var(--td-color-surface-soft, #202028);--td-tabs-border: var(--td-color-border, #303039);--td-tabs-text: var(--td-color-text, #ededf0);--td-tabs-muted: var(--td-color-text-muted, #a1a1aa);--td-tabs-accent: var(--td-color-primary, #b9b0fa)}.td-tabs__header{grid-column:1;grid-row:1;display:flex;min-width:0;align-items:center;gap:.75rem}.td-tabs__list{display:flex;width:100%;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:inline proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.td-tabs__list::-webkit-scrollbar{display:none}.td-tabs--align-centro .td-tabs__list{justify-content:safe center}.td-tabs--align-fin .td-tabs__list{justify-content:safe flex-end}.td-tabs__actions{grid-row:1;display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem;min-width:0;padding-inline:.25rem}.td-tabs__actions:empty{display:none}.td-tabs__actions--header{grid-column:2;align-self:center;justify-content:flex-end}.td-tabs__actions--footer{grid-column:1/-1;grid-row:3;justify-content:flex-end;padding:.5rem 0 0}.td-tabs--actions-footer .td-tabs__header{grid-column:1/-1}.td-tabs__tab{position:relative;display:inline-flex;min-height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.45rem;border:0;padding:.7rem .95rem;color:var(--td-tabs-muted);background:transparent;font:750 .72rem/1 var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif);white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:color .13s ease,background .13s ease}.td-tabs--stretch .td-tabs__tab{min-width:0;flex:1 1 0}.td-tabs__tab:hover:not(:disabled){color:var(--td-tabs-accent)}.td-tabs__tab:focus-visible{outline:2px solid var(--td-tabs-accent);outline-offset:-2px}.td-tabs__tab:disabled{opacity:.42;cursor:not-allowed}.td-tabs__tab small{min-width:1.25rem;border-radius:var(--td-radius-pill, 999px);padding:.22rem .38rem;color:var(--td-tabs-muted);background:var(--td-tabs-soft);font-size:.58rem}.td-tabs--linea .td-tabs__header,.td-tabs--linea .td-tabs__actions--header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--linea .td-tabs__tab:after{position:absolute;right:.65rem;bottom:-1px;left:.65rem;height:2px;border-radius:var(--td-radius-pill, 999px) var(--td-radius-pill, 999px) 0 0;background:transparent;content:\"\"}.td-tabs--linea .td-tabs__tab--active{color:var(--td-tabs-accent)}.td-tabs--linea .td-tabs__tab--active:after{background:var(--td-tabs-accent)}.td-tabs--pastilla .td-tabs__list{gap:.3rem;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .8rem);padding:.28rem;background:var(--td-tabs-soft)}.td-tabs--pastilla .td-tabs__tab{min-height:2.35rem;border-radius:.58rem}.td-tabs--pastilla .td-tabs__tab--active{color:var(--td-tabs-accent);background:var(--td-tabs-bg);box-shadow:var(--td-shadow-sm, 0 3px 10px rgba(15, 23, 42, .08))}.td-tabs--contenida{overflow:hidden;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-tabs-bg)}.td-tabs--contenida .td-tabs__list{padding:0 .45rem;background:transparent}.td-tabs--contenida .td-tabs__header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--contenida .td-tabs__tab--active{color:var(--td-tabs-accent);background:transparent}.td-tabs--contenida .td-tabs__panel{padding:1rem 1.25rem}.td-tabs--contenida .td-tabs__actions--footer{border-top:1px solid var(--td-tabs-border);padding:.6rem 1.25rem .85rem}.td-tabs__panel{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;height:var(--td-tabs-panel-height, auto);padding-top:1.15rem;animation:td-tabs-panel-in .14s ease-out}.td-tabs--panel-scrollable .td-tabs__panel{overflow:auto;overscroll-behavior:contain}.td-tabs--actions-footer .td-tabs__panel{height:auto;max-height:var(--td-tabs-panel-height, none)}@keyframes td-tabs-panel-in{0%{opacity:0;transform:translateY(.18rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.td-tabs__panel{animation:none}}@media(max-width:600px){.td-tabs{grid-template-columns:minmax(0,1fr)}.td-tabs__header{grid-column:1/-1;flex-wrap:wrap;gap:.5rem}.td-tabs__list{flex-basis:100%;justify-content:flex-start!important}.td-tabs__actions--header{grid-column:1/-1;grid-row:1;width:100%;justify-content:flex-start;overflow-x:auto;padding-inline:0;scrollbar-width:none}.td-tabs:not(.td-tabs--actions-footer) .td-tabs__header{grid-row:2}.td-tabs__actions::-webkit-scrollbar{display:none}.td-tabs__actions--footer{flex-wrap:wrap;justify-content:stretch;padding-top:.75rem}.td-tabs__actions--footer ::ng-deep td-button{flex:1 1 auto}.td-tabs--stretch .td-tabs__tab{min-width:max-content;flex:0 0 auto}.td-tabs--contenida .td-tabs__list{padding-inline:.25rem}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TdIcon, selector: "td-icon", inputs: ["nombre", "titulo", "tamano"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8014
8284
|
}
|
|
8015
8285
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdTabs, decorators: [{
|
|
8016
8286
|
type: Component,
|
|
@@ -8019,39 +8289,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8019
8289
|
class="td-tabs"
|
|
8020
8290
|
[class.td-tabs--dark]="dark"
|
|
8021
8291
|
[class.td-tabs--stretch]="stretch"
|
|
8292
|
+
[class.td-tabs--panel-scrollable]="scrollableContent"
|
|
8293
|
+
[class.td-tabs--actions-footer]="actionsPlacement === 'footer'"
|
|
8022
8294
|
[class]="'td-tabs td-tabs--' + variant + ' td-tabs--align-' + alignment +
|
|
8023
|
-
(dark ? ' td-tabs--dark' : '') + (stretch ? ' td-tabs--stretch' : '')
|
|
8295
|
+
(dark ? ' td-tabs--dark' : '') + (stretch ? ' td-tabs--stretch' : '') +
|
|
8296
|
+
(scrollableContent ? ' td-tabs--panel-scrollable' : '') +
|
|
8297
|
+
(actionsPlacement === 'footer' ? ' td-tabs--actions-footer' : '')"
|
|
8298
|
+
[style.--td-tabs-panel-height]="contentHeight"
|
|
8024
8299
|
>
|
|
8025
|
-
<div
|
|
8026
|
-
|
|
8027
|
-
|
|
8028
|
-
|
|
8029
|
-
|
|
8030
|
-
|
|
8031
|
-
|
|
8032
|
-
|
|
8033
|
-
|
|
8034
|
-
|
|
8035
|
-
|
|
8036
|
-
|
|
8037
|
-
|
|
8038
|
-
|
|
8039
|
-
|
|
8040
|
-
|
|
8041
|
-
|
|
8042
|
-
|
|
8043
|
-
|
|
8044
|
-
|
|
8045
|
-
|
|
8046
|
-
|
|
8047
|
-
|
|
8048
|
-
|
|
8049
|
-
|
|
8050
|
-
|
|
8051
|
-
|
|
8052
|
-
|
|
8053
|
-
|
|
8054
|
-
|
|
8300
|
+
<div class="td-tabs__header">
|
|
8301
|
+
<div
|
|
8302
|
+
#tabList
|
|
8303
|
+
class="td-tabs__list"
|
|
8304
|
+
role="tablist"
|
|
8305
|
+
[attr.aria-label]="ariaLabel"
|
|
8306
|
+
(keydown)="handleKeydown($event)"
|
|
8307
|
+
>
|
|
8308
|
+
@for (tab of tabs; track tab.resolvedId; let index = $index) {
|
|
8309
|
+
<button
|
|
8310
|
+
#tabButton
|
|
8311
|
+
type="button"
|
|
8312
|
+
class="td-tabs__tab"
|
|
8313
|
+
role="tab"
|
|
8314
|
+
[id]="tabId(tab)"
|
|
8315
|
+
[class.td-tabs__tab--active]="index === activeIndex"
|
|
8316
|
+
[disabled]="tab.disabled"
|
|
8317
|
+
[attr.tabindex]="index === activeIndex ? 0 : -1"
|
|
8318
|
+
[attr.aria-selected]="index === activeIndex"
|
|
8319
|
+
[attr.aria-controls]="panelId(tab)"
|
|
8320
|
+
(click)="select(index)"
|
|
8321
|
+
>
|
|
8322
|
+
@if (tab.icon) {
|
|
8323
|
+
<td-icon [nombre]="tab.icon" />
|
|
8324
|
+
}
|
|
8325
|
+
<span>{{ tab.label }}</span>
|
|
8326
|
+
@if (tab.badge !== null) {
|
|
8327
|
+
<small>{{ tab.badge }}</small>
|
|
8328
|
+
}
|
|
8329
|
+
</button>
|
|
8330
|
+
}
|
|
8331
|
+
</div>
|
|
8332
|
+
|
|
8055
8333
|
</div>
|
|
8056
8334
|
|
|
8057
8335
|
@if (activeTab; as tab) {
|
|
@@ -8065,8 +8343,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8065
8343
|
<ng-container [ngTemplateOutlet]="tab.content" />
|
|
8066
8344
|
</div>
|
|
8067
8345
|
}
|
|
8346
|
+
|
|
8347
|
+
<div
|
|
8348
|
+
class="td-tabs__actions"
|
|
8349
|
+
[class.td-tabs__actions--header]="actionsPlacement === 'header'"
|
|
8350
|
+
[class.td-tabs__actions--footer]="actionsPlacement === 'footer'"
|
|
8351
|
+
>
|
|
8352
|
+
<ng-content select="[tdTabsActions]" />
|
|
8353
|
+
</div>
|
|
8068
8354
|
</section>
|
|
8069
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-tabs{--td-tabs-bg: var(--td-color-surface, #fff);--td-tabs-soft: var(--td-color-surface-soft, #f7f8fb);--td-tabs-border: var(--td-color-border, #e3e7ef);--td-tabs-text: var(--td-color-text, #263147);--td-tabs-muted: var(--td-color-text-muted, #748096);--td-tabs-accent: var(--td-color-primary, #5746d8);min-width:0;color:var(--td-tabs-text)}.td-tabs--dark{--td-tabs-bg: var(--td-color-surface, #19191f);--td-tabs-soft: var(--td-color-surface-soft, #202028);--td-tabs-border: var(--td-color-border, #303039);--td-tabs-text: var(--td-color-text, #ededf0);--td-tabs-muted: var(--td-color-text-muted, #a1a1aa);--td-tabs-accent: var(--td-color-primary, #b9b0fa)}.td-tabs__list{display:flex;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:inline proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.td-tabs__list::-webkit-scrollbar{display:none}.td-tabs--align-centro .td-tabs__list{justify-content:safe center}.td-tabs--align-fin .td-tabs__list{justify-content:safe flex-end}.td-tabs__tab{position:relative;display:inline-flex;min-height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.45rem;border:0;padding:.7rem .95rem;color:var(--td-tabs-muted);background:transparent;font:750 .72rem/1 system-ui,sans-serif;white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:color .13s ease,background .13s ease}.td-tabs--stretch .td-tabs__tab{min-width:0;flex:1 1 0}.td-tabs__tab:hover:not(:disabled){color:var(--td-tabs-accent)}.td-tabs__tab:focus-visible{outline:2px solid var(--td-tabs-accent);outline-offset:-2px}.td-tabs__tab:disabled{opacity:.42;cursor:not-allowed}.td-tabs__tab small{min-width:1.25rem;border-radius:var(--td-radius-pill, 999px);padding:.22rem .38rem;color:var(--td-tabs-muted);background:var(--td-tabs-soft);font-size:.58rem}.td-tabs--linea .td-
|
|
8355
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-tabs{--td-tabs-bg: var(--td-color-surface, #fff);--td-tabs-soft: var(--td-color-surface-soft, #f7f8fb);--td-tabs-border: var(--td-color-border, #e3e7ef);--td-tabs-text: var(--td-color-text, #263147);--td-tabs-muted: var(--td-color-text-muted, #748096);--td-tabs-accent: var(--td-color-primary, #5746d8);display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;color:var(--td-tabs-text)}.td-tabs--dark{--td-tabs-bg: var(--td-color-surface, #19191f);--td-tabs-soft: var(--td-color-surface-soft, #202028);--td-tabs-border: var(--td-color-border, #303039);--td-tabs-text: var(--td-color-text, #ededf0);--td-tabs-muted: var(--td-color-text-muted, #a1a1aa);--td-tabs-accent: var(--td-color-primary, #b9b0fa)}.td-tabs__header{grid-column:1;grid-row:1;display:flex;min-width:0;align-items:center;gap:.75rem}.td-tabs__list{display:flex;width:100%;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:inline proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.td-tabs__list::-webkit-scrollbar{display:none}.td-tabs--align-centro .td-tabs__list{justify-content:safe center}.td-tabs--align-fin .td-tabs__list{justify-content:safe flex-end}.td-tabs__actions{grid-row:1;display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem;min-width:0;padding-inline:.25rem}.td-tabs__actions:empty{display:none}.td-tabs__actions--header{grid-column:2;align-self:center;justify-content:flex-end}.td-tabs__actions--footer{grid-column:1/-1;grid-row:3;justify-content:flex-end;padding:.5rem 0 0}.td-tabs--actions-footer .td-tabs__header{grid-column:1/-1}.td-tabs__tab{position:relative;display:inline-flex;min-height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.45rem;border:0;padding:.7rem .95rem;color:var(--td-tabs-muted);background:transparent;font:750 .72rem/1 var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif);white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:color .13s ease,background .13s ease}.td-tabs--stretch .td-tabs__tab{min-width:0;flex:1 1 0}.td-tabs__tab:hover:not(:disabled){color:var(--td-tabs-accent)}.td-tabs__tab:focus-visible{outline:2px solid var(--td-tabs-accent);outline-offset:-2px}.td-tabs__tab:disabled{opacity:.42;cursor:not-allowed}.td-tabs__tab small{min-width:1.25rem;border-radius:var(--td-radius-pill, 999px);padding:.22rem .38rem;color:var(--td-tabs-muted);background:var(--td-tabs-soft);font-size:.58rem}.td-tabs--linea .td-tabs__header,.td-tabs--linea .td-tabs__actions--header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--linea .td-tabs__tab:after{position:absolute;right:.65rem;bottom:-1px;left:.65rem;height:2px;border-radius:var(--td-radius-pill, 999px) var(--td-radius-pill, 999px) 0 0;background:transparent;content:\"\"}.td-tabs--linea .td-tabs__tab--active{color:var(--td-tabs-accent)}.td-tabs--linea .td-tabs__tab--active:after{background:var(--td-tabs-accent)}.td-tabs--pastilla .td-tabs__list{gap:.3rem;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .8rem);padding:.28rem;background:var(--td-tabs-soft)}.td-tabs--pastilla .td-tabs__tab{min-height:2.35rem;border-radius:.58rem}.td-tabs--pastilla .td-tabs__tab--active{color:var(--td-tabs-accent);background:var(--td-tabs-bg);box-shadow:var(--td-shadow-sm, 0 3px 10px rgba(15, 23, 42, .08))}.td-tabs--contenida{overflow:hidden;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-tabs-bg)}.td-tabs--contenida .td-tabs__list{padding:0 .45rem;background:transparent}.td-tabs--contenida .td-tabs__header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--contenida .td-tabs__tab--active{color:var(--td-tabs-accent);background:transparent}.td-tabs--contenida .td-tabs__panel{padding:1rem 1.25rem}.td-tabs--contenida .td-tabs__actions--footer{border-top:1px solid var(--td-tabs-border);padding:.6rem 1.25rem .85rem}.td-tabs__panel{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;height:var(--td-tabs-panel-height, auto);padding-top:1.15rem;animation:td-tabs-panel-in .14s ease-out}.td-tabs--panel-scrollable .td-tabs__panel{overflow:auto;overscroll-behavior:contain}.td-tabs--actions-footer .td-tabs__panel{height:auto;max-height:var(--td-tabs-panel-height, none)}@keyframes td-tabs-panel-in{0%{opacity:0;transform:translateY(.18rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.td-tabs__panel{animation:none}}@media(max-width:600px){.td-tabs{grid-template-columns:minmax(0,1fr)}.td-tabs__header{grid-column:1/-1;flex-wrap:wrap;gap:.5rem}.td-tabs__list{flex-basis:100%;justify-content:flex-start!important}.td-tabs__actions--header{grid-column:1/-1;grid-row:1;width:100%;justify-content:flex-start;overflow-x:auto;padding-inline:0;scrollbar-width:none}.td-tabs:not(.td-tabs--actions-footer) .td-tabs__header{grid-row:2}.td-tabs__actions::-webkit-scrollbar{display:none}.td-tabs__actions--footer{flex-wrap:wrap;justify-content:stretch;padding-top:.75rem}.td-tabs__actions--footer ::ng-deep td-button{flex:1 1 auto}.td-tabs--stretch .td-tabs__tab{min-width:max-content;flex:0 0 auto}.td-tabs--contenida .td-tabs__list{padding-inline:.25rem}}\n"] }]
|
|
8070
8356
|
}], propDecorators: { tabQuery: [{
|
|
8071
8357
|
type: ContentChildren,
|
|
8072
8358
|
args: [TdTab]
|
|
@@ -8090,6 +8376,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8090
8376
|
type: Input
|
|
8091
8377
|
}], panelFocusable: [{
|
|
8092
8378
|
type: Input
|
|
8379
|
+
}], contentHeight: [{
|
|
8380
|
+
type: Input
|
|
8381
|
+
}], scrollableContent: [{
|
|
8382
|
+
type: Input
|
|
8383
|
+
}], actionsPlacement: [{
|
|
8384
|
+
type: Input
|
|
8093
8385
|
}], selectedIndexChange: [{
|
|
8094
8386
|
type: Output
|
|
8095
8387
|
}], tabChange: [{
|
|
@@ -8447,5 +8739,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8447
8739
|
* Generated bundle index. Do not edit.
|
|
8448
8740
|
*/
|
|
8449
8741
|
|
|
8450
|
-
export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlert, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdLayout, TdLayoutContentSlot, TdLayoutFooterSlot, TdLayoutHeaderSlot, TdLayoutSidebarSlot, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
|
|
8742
|
+
export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlert, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdLayout, TdLayoutContentSlot, TdLayoutFooterSlot, TdLayoutHeaderSlot, TdLayoutSidebarSlot, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTabsActions, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
|
|
8451
8743
|
//# sourceMappingURL=telcomdev-ui.mjs.map
|