@telcomdev/ui 0.1.34 → 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.
@@ -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
 
@@ -5928,7 +6168,7 @@ class TdLayout {
5928
6168
  }
5929
6169
  </div>
5930
6170
  </div>
5931
- `, isInline: true, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:var(--td-layout-content-padding)}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
6171
+ `, isInline: true, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:0}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain;padding:var(--td-layout-content-padding)}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
5932
6172
  }
5933
6173
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdLayout, decorators: [{
5934
6174
  type: Component,
@@ -5981,7 +6221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
5981
6221
  }
5982
6222
  </div>
5983
6223
  </div>
5984
- `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:var(--td-layout-content-padding)}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"] }]
6224
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:0}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain;padding:var(--td-layout-content-padding)}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"] }]
5985
6225
  }], propDecorators: { headerSlot: [{
5986
6226
  type: ContentChild,
5987
6227
  args: [TdLayoutHeaderSlot]
@@ -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
- #tabList
7971
- class="td-tabs__list"
7972
- role="tablist"
7973
- [attr.aria-label]="ariaLabel"
7974
- (keydown)="handleKeydown($event)"
7975
- >
7976
- @for (tab of tabs; track tab.resolvedId; let index = $index) {
7977
- <button
7978
- #tabButton
7979
- type="button"
7980
- class="td-tabs__tab"
7981
- role="tab"
7982
- [id]="tabId(tab)"
7983
- [class.td-tabs__tab--active]="index === activeIndex"
7984
- [disabled]="tab.disabled"
7985
- [attr.tabindex]="index === activeIndex ? 0 : -1"
7986
- [attr.aria-selected]="index === activeIndex"
7987
- [attr.aria-controls]="panelId(tab)"
7988
- (click)="select(index)"
7989
- >
7990
- @if (tab.icon) {
7991
- <td-icon [nombre]="tab.icon" />
7992
- }
7993
- <span>{{ tab.label }}</span>
7994
- @if (tab.badge !== null) {
7995
- <small>{{ tab.badge }}</small>
7996
- }
7997
- </button>
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-tabs__list{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{border-bottom:1px solid var(--td-tabs-border);padding:0 .45rem;background:var(--td-tabs-soft)}.td-tabs--contenida .td-tabs__tab--active{color:var(--td-tabs-accent);background:var(--td-tabs-bg)}.td-tabs--contenida .td-tabs__panel{padding:1.25rem}.td-tabs__panel{min-width:0;padding-top:1.15rem;animation:td-tabs-panel-in .14s ease-out}@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__list{justify-content:flex-start!important}.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 });
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
- #tabList
8027
- class="td-tabs__list"
8028
- role="tablist"
8029
- [attr.aria-label]="ariaLabel"
8030
- (keydown)="handleKeydown($event)"
8031
- >
8032
- @for (tab of tabs; track tab.resolvedId; let index = $index) {
8033
- <button
8034
- #tabButton
8035
- type="button"
8036
- class="td-tabs__tab"
8037
- role="tab"
8038
- [id]="tabId(tab)"
8039
- [class.td-tabs__tab--active]="index === activeIndex"
8040
- [disabled]="tab.disabled"
8041
- [attr.tabindex]="index === activeIndex ? 0 : -1"
8042
- [attr.aria-selected]="index === activeIndex"
8043
- [attr.aria-controls]="panelId(tab)"
8044
- (click)="select(index)"
8045
- >
8046
- @if (tab.icon) {
8047
- <td-icon [nombre]="tab.icon" />
8048
- }
8049
- <span>{{ tab.label }}</span>
8050
- @if (tab.badge !== null) {
8051
- <small>{{ tab.badge }}</small>
8052
- }
8053
- </button>
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-tabs__list{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{border-bottom:1px solid var(--td-tabs-border);padding:0 .45rem;background:var(--td-tabs-soft)}.td-tabs--contenida .td-tabs__tab--active{color:var(--td-tabs-accent);background:var(--td-tabs-bg)}.td-tabs--contenida .td-tabs__panel{padding:1.25rem}.td-tabs__panel{min-width:0;padding-top:1.15rem;animation:td-tabs-panel-in .14s ease-out}@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__list{justify-content:flex-start!important}.td-tabs--stretch .td-tabs__tab{min-width:max-content;flex:0 0 auto}.td-tabs--contenida .td-tabs__list{padding-inline:.25rem}}\n"] }]
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