@litigiovirtual/ius-design-components 2.1.13 → 2.1.15
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/README.md +14 -14
- package/fesm2022/litigiovirtual-ius-design-components-utils.mjs +6 -6
- package/fesm2022/litigiovirtual-ius-design-components-utils.mjs.map +1 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +1144 -350
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/litigiovirtual-ius-design-components.d.ts +472 -3
package/package.json
CHANGED
|
@@ -987,6 +987,8 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
987
987
|
name?: string;
|
|
988
988
|
/** `value` del input. */
|
|
989
989
|
value?: string;
|
|
990
|
+
/** Etiqueta accesible del input cuando no hay `label` visible (casillas de tabla, listas). */
|
|
991
|
+
ariaLabel?: string;
|
|
990
992
|
private readonly sizeState;
|
|
991
993
|
set size(value: IusCheckboxSize);
|
|
992
994
|
get size(): IusCheckboxSize;
|
|
@@ -1015,7 +1017,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
1015
1017
|
protected onToggle(): void;
|
|
1016
1018
|
protected onBlur(): void;
|
|
1017
1019
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
1018
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ius-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
|
|
1020
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ius-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
|
|
1019
1021
|
static ngAcceptInputType_showIconHelp: unknown;
|
|
1020
1022
|
static ngAcceptInputType_checked: unknown;
|
|
1021
1023
|
static ngAcceptInputType_defaultChecked: unknown;
|
|
@@ -6539,5 +6541,472 @@ declare class AccordionComponent {
|
|
|
6539
6541
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ius-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "chevronIcon": { "alias": "chevronIcon"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;
|
|
6540
6542
|
}
|
|
6541
6543
|
|
|
6542
|
-
|
|
6543
|
-
|
|
6544
|
+
/** Catálogo: kind → ícono Material Symbols Rounded. */
|
|
6545
|
+
declare const EVENT_KIND_ICON: Readonly<Record<string, string>>;
|
|
6546
|
+
/**
|
|
6547
|
+
* Kinds del catálogo central. Los módulos pueden extenderlo en runtime con
|
|
6548
|
+
* `kindIcons`, así que donde se acepte un kind se admite también `string`.
|
|
6549
|
+
*/
|
|
6550
|
+
type EventKind = 'presentacion' | 'auto' | 'admision' | 'notificacion' | 'aviso' | 'emplazamiento' | 'audiencia' | 'pruebas' | 'alegatos' | 'sentencia' | 'recurso' | 'impugnacion' | 'archivado' | 'pago' | 'documento' | 'firma' | 'correo' | 'llamada' | 'comentario' | 'nota' | 'cambio' | 'sistema';
|
|
6551
|
+
/** Lista de kinds reconocidos por el sistema (orden del catálogo). */
|
|
6552
|
+
declare const EVENT_KINDS: readonly EventKind[];
|
|
6553
|
+
/** Objeto con forma `{ kind?, icon? }` cuyo ícono se resuelve contra el catálogo. */
|
|
6554
|
+
interface EventIconSource {
|
|
6555
|
+
kind?: string;
|
|
6556
|
+
icon?: string;
|
|
6557
|
+
}
|
|
6558
|
+
/** Opción lista para un dropdown de "tipo de evento". */
|
|
6559
|
+
interface EventKindOption {
|
|
6560
|
+
value: string;
|
|
6561
|
+
label: string;
|
|
6562
|
+
icon: string;
|
|
6563
|
+
}
|
|
6564
|
+
/**
|
|
6565
|
+
* Resuelve el ícono de un objeto con forma `{ kind?, icon? }`:
|
|
6566
|
+
* 1) `icon` (escape hatch directo) si está presente
|
|
6567
|
+
* 2) `customMap[kind]` si el módulo extendió el catálogo
|
|
6568
|
+
* 3) Catálogo central
|
|
6569
|
+
* 4) `null` (kind desconocido o ausente → el consumidor decide qué mostrar)
|
|
6570
|
+
*/
|
|
6571
|
+
declare function resolveEventIcon(o: EventIconSource | null | undefined, customMap?: Readonly<Record<string, string>>): string | null;
|
|
6572
|
+
/**
|
|
6573
|
+
* Opciones listas para un dropdown de "tipo de evento" (label legible + value +
|
|
6574
|
+
* ícono). Útil en formularios de creación/edición de subetapas y actuaciones.
|
|
6575
|
+
*/
|
|
6576
|
+
declare function eventKindOptions(): EventKindOption[];
|
|
6577
|
+
|
|
6578
|
+
/**
|
|
6579
|
+
* Acento que tiñe punto/línea de done/current y los tags `tone="accent"`.
|
|
6580
|
+
* risk y pending son semánticos (danger / neutro) y no dependen del acento.
|
|
6581
|
+
*/
|
|
6582
|
+
type IusTimelineAccent = 'primary' | 'info' | 'success' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
|
|
6583
|
+
type IusTimelineSize = 'small' | 'medium';
|
|
6584
|
+
type IusTimelineItemState = 'done' | 'current' | 'pending' | 'risk';
|
|
6585
|
+
type IusTimelineTagTone = 'success' | 'warning' | 'danger' | 'info' | 'accent';
|
|
6586
|
+
interface IusTimelineTag {
|
|
6587
|
+
label: string;
|
|
6588
|
+
icon?: string;
|
|
6589
|
+
tone?: IusTimelineTagTone;
|
|
6590
|
+
}
|
|
6591
|
+
/**
|
|
6592
|
+
* Adjunto del evento. Con `href` se abre en pestaña nueva (`<a target="_blank">`).
|
|
6593
|
+
* El `onClick` por adjunto del golden viaja como output `attachmentClick` del
|
|
6594
|
+
* Timeline (regla 5 del port: un handler dentro de un objeto de datos no viaja).
|
|
6595
|
+
*/
|
|
6596
|
+
interface IusTimelineAttachment {
|
|
6597
|
+
name: string;
|
|
6598
|
+
/** Default `attach_file`. Usa p. ej. `description`, `picture_as_pdf`. */
|
|
6599
|
+
icon?: string;
|
|
6600
|
+
/** URL del recurso. Si se pasa, la fila se renderiza como `<a target="_blank">`. */
|
|
6601
|
+
href?: string;
|
|
6602
|
+
}
|
|
6603
|
+
interface IusTimelineAssignee {
|
|
6604
|
+
name: string;
|
|
6605
|
+
src?: string;
|
|
6606
|
+
}
|
|
6607
|
+
/** Payload de `attachmentClick`: qué adjunto de qué evento. */
|
|
6608
|
+
interface IusTimelineAttachmentClick {
|
|
6609
|
+
item: IusTimelineItem;
|
|
6610
|
+
attachment: IusTimelineAttachment;
|
|
6611
|
+
}
|
|
6612
|
+
interface IusTimelineItem {
|
|
6613
|
+
id?: string;
|
|
6614
|
+
/** Título del evento (regla 5: el markup rico del golden se degrada a string). */
|
|
6615
|
+
title: string;
|
|
6616
|
+
/** Estado del punto. Default `done` (historial). */
|
|
6617
|
+
state?: IusTimelineItemState;
|
|
6618
|
+
/** Date se formatea (es-CO dd/mm/aaaa); string pasa ya formateada. */
|
|
6619
|
+
date?: Date | string;
|
|
6620
|
+
/**
|
|
6621
|
+
* Tipo de evento del catálogo controlado (EventCatalog → ícono). Preferido
|
|
6622
|
+
* frente a `icon`. Admite kinds de módulo cuando se pasa `kindIcons`.
|
|
6623
|
+
*/
|
|
6624
|
+
kind?: EventKind | string;
|
|
6625
|
+
/** Escape hatch: ícono Material Symbols directo. Excepción, no regla. */
|
|
6626
|
+
icon?: string;
|
|
6627
|
+
description?: string;
|
|
6628
|
+
/** Responsable (Avatar xsmall + nombre). */
|
|
6629
|
+
assignee?: IusTimelineAssignee;
|
|
6630
|
+
tags?: readonly (IusTimelineTag | string)[];
|
|
6631
|
+
/** Documentos adjuntos — se condensan en una insignia con Popover. */
|
|
6632
|
+
attachments?: readonly IusTimelineAttachment[];
|
|
6633
|
+
/** Marca "sugerido por ElenIA". */
|
|
6634
|
+
ai?: boolean;
|
|
6635
|
+
/**
|
|
6636
|
+
* Texto extra al final de la franja meta. Para contenido rico (acciones u
|
|
6637
|
+
* otro) usar el input `footerTemplate` del Timeline (regla 6: render → TemplateRef).
|
|
6638
|
+
*/
|
|
6639
|
+
footer?: string;
|
|
6640
|
+
/**
|
|
6641
|
+
* Subeventos del item — MISMA shape que `IusTimelineItem` para que el dato sea
|
|
6642
|
+
* portable entre niveles de zoom (lo que aquí es subItem, en una vista detalle
|
|
6643
|
+
* es hito principal de su propio Timeline). Se renderizan como lista compacta
|
|
6644
|
+
* DENTRO del card del padre (máx. 2 líneas: kind+título y caption); a este
|
|
6645
|
+
* nivel se ignoran tags/attachments/sub-subItems. Informativos, no navegables.
|
|
6646
|
+
*/
|
|
6647
|
+
subItems?: readonly IusTimelineItem[];
|
|
6648
|
+
}
|
|
6649
|
+
/**
|
|
6650
|
+
* Timeline — Ius Design v2 (familia data-display).
|
|
6651
|
+
*
|
|
6652
|
+
* Lista cronológica vertical **plana** sobre riel continuo, con un card por
|
|
6653
|
+
* evento: estado (done/current/pending/risk), ícono por `kind` (EventCatalog +
|
|
6654
|
+
* extensión `kindIcons` del módulo), descripción, tags, responsable (Avatar),
|
|
6655
|
+
* adjuntos (insignia con Popover) y marca ElenIA. `subItems` es una lista
|
|
6656
|
+
* compacta DENTRO del card del padre (resumen) — no un Timeline anidado: para
|
|
6657
|
+
* verlos como hitos principales, el consumidor navega a una vista propia con
|
|
6658
|
+
* otro Timeline plano. Fuente de verdad: `Timeline.jsx` + `Timeline.d.ts` +
|
|
6659
|
+
* `Timeline.ng-spec.md`.
|
|
6660
|
+
*
|
|
6661
|
+
* Para avance en barra → Stepper; para listas no temporales → ListCard.
|
|
6662
|
+
*/
|
|
6663
|
+
declare class TimelineComponent {
|
|
6664
|
+
/** Eventos en orden cronológico. */
|
|
6665
|
+
readonly items: _angular_core.InputSignal<readonly IusTimelineItem[]>;
|
|
6666
|
+
/** Tiñe punto/línea de done/current + tags `tone="accent"`. */
|
|
6667
|
+
readonly accent: _angular_core.InputSignal<IusTimelineAccent>;
|
|
6668
|
+
/** Densidad del riel y el card. */
|
|
6669
|
+
readonly size: _angular_core.InputSignal<IusTimelineSize>;
|
|
6670
|
+
/** Extensión del EventCatalog por módulo (gana en colisión). */
|
|
6671
|
+
readonly kindIcons: _angular_core.InputSignal<Readonly<Record<string, string>> | undefined>;
|
|
6672
|
+
/** Encabezado del bloque de subItems. */
|
|
6673
|
+
readonly subItemsHeading: _angular_core.InputSignal<string>;
|
|
6674
|
+
/** Sub-eventos visibles antes de colapsar con "Ver N más". */
|
|
6675
|
+
readonly subItemsCollapseAfter: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
6676
|
+
/**
|
|
6677
|
+
* Muestra el botón "Ver en documentos" en el Popover de adjuntos. En el golden
|
|
6678
|
+
* el pie aparece solo si el consumidor pasa `onAttachmentsOpenAll`; en Angular
|
|
6679
|
+
* un output existe siempre, así que la presencia del pie se declara aquí
|
|
6680
|
+
* (decisión de port: no hay forma limpia de saber si un output tiene listener).
|
|
6681
|
+
*/
|
|
6682
|
+
readonly showAttachmentsOpenAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6683
|
+
/**
|
|
6684
|
+
* Contenido rico al final de la franja meta de cada evento (el `footer`
|
|
6685
|
+
* ReactNode del golden). Contexto: `$implicit` = el `IusTimelineItem`.
|
|
6686
|
+
* Convive con `item.footer` (texto) — el template va después.
|
|
6687
|
+
*/
|
|
6688
|
+
readonly footerTemplate: _angular_core.InputSignal<TemplateRef<{
|
|
6689
|
+
$implicit: IusTimelineItem;
|
|
6690
|
+
}> | undefined>;
|
|
6691
|
+
/** Botón "Ver en documentos" del Popover de adjuntos (original `onAttachmentsOpenAll`). */
|
|
6692
|
+
readonly attachmentsOpenAll: _angular_core.OutputEmitterRef<IusTimelineItem>;
|
|
6693
|
+
/** Clic en un adjunto del Popover (original `attachment.onClick`). Con `href` además navega. */
|
|
6694
|
+
readonly attachmentClick: _angular_core.OutputEmitterRef<IusTimelineAttachmentClick>;
|
|
6695
|
+
/** Ítems con el bloque de subItems expandido, por clave. */
|
|
6696
|
+
private readonly expandido;
|
|
6697
|
+
/** El acento aplica a done/current; pending y risk conservan su semántica. */
|
|
6698
|
+
protected readonly itemsNorm: _angular_core.Signal<{
|
|
6699
|
+
original: IusTimelineItem;
|
|
6700
|
+
key: string;
|
|
6701
|
+
state: IusTimelineItemState;
|
|
6702
|
+
dotIcon: string;
|
|
6703
|
+
stateLabel: string;
|
|
6704
|
+
fill: string | null;
|
|
6705
|
+
titleIcon: string | null;
|
|
6706
|
+
date: string;
|
|
6707
|
+
tags: IusTimelineTag[];
|
|
6708
|
+
attachments: IusTimelineAttachment[];
|
|
6709
|
+
ai: boolean;
|
|
6710
|
+
hasFooter: boolean;
|
|
6711
|
+
subItems: {
|
|
6712
|
+
key: string;
|
|
6713
|
+
state: IusTimelineItemState;
|
|
6714
|
+
icon: string | null;
|
|
6715
|
+
title: string;
|
|
6716
|
+
description: string | undefined;
|
|
6717
|
+
date: string;
|
|
6718
|
+
}[];
|
|
6719
|
+
}[]>;
|
|
6720
|
+
protected alternar(key: string): void;
|
|
6721
|
+
protected estaAbierto(key: string): boolean;
|
|
6722
|
+
protected onAbrirTodos(item: IusTimelineItem): void;
|
|
6723
|
+
protected onAdjunto(item: IusTimelineItem, attachment: IusTimelineAttachment): void;
|
|
6724
|
+
/** Deriva por ítem todo lo que el template consume, una sola vez por CD. */
|
|
6725
|
+
private normalizar;
|
|
6726
|
+
/** Fechas como el golden: Date → dd/mm/aaaa es-CO; string pasa tal cual. */
|
|
6727
|
+
private fmt;
|
|
6728
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent, never>;
|
|
6729
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "ius-timeline", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "kindIcons": { "alias": "kindIcons"; "required": false; "isSignal": true; }; "subItemsHeading": { "alias": "subItemsHeading"; "required": false; "isSignal": true; }; "subItemsCollapseAfter": { "alias": "subItemsCollapseAfter"; "required": false; "isSignal": true; }; "showAttachmentsOpenAll": { "alias": "showAttachmentsOpenAll"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; }, { "attachmentsOpenAll": "attachmentsOpenAll"; "attachmentClick": "attachmentClick"; }, never, never, true, never>;
|
|
6730
|
+
}
|
|
6731
|
+
|
|
6732
|
+
/** Encabezado de grupo (mayúsculas) o divisor de letra A–Z (sutil). */
|
|
6733
|
+
type IusSectionHeaderVariant = 'group' | 'letter';
|
|
6734
|
+
/** 6 semánticos + 6 frutas — tiñe la letra y el contador. */
|
|
6735
|
+
type IusSectionHeaderAccent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
|
|
6736
|
+
/**
|
|
6737
|
+
* SectionHeader — Ius Design v2 (familia navigation).
|
|
6738
|
+
*
|
|
6739
|
+
* Encabezado de grupo o de letra dentro de una lista: label (proyectado) +
|
|
6740
|
+
* ícono opcional + contador (compone `Insignia` count-soft) + slot de acción a
|
|
6741
|
+
* la derecha (`[iusSectionHeaderAction]`). Promueve el patrón inline del
|
|
6742
|
+
* EntityNavigator (grupos "Anclados", divisores A–Z). Con `collapsible`, el
|
|
6743
|
+
* cuerpo es un `<button>` interno con chevron y `aria-expanded`, de modo que
|
|
6744
|
+
* una acción interactiva al lado (p. ej. un IconButton de fijar) no anide
|
|
6745
|
+
* botones. Fuente de verdad: `SectionHeader.jsx` + `SectionHeader.d.ts` +
|
|
6746
|
+
* `SectionHeader.ng-spec.md`.
|
|
6747
|
+
*/
|
|
6748
|
+
declare class SectionHeaderComponent {
|
|
6749
|
+
/** Ícono Material Symbols a la izquierda del label. */
|
|
6750
|
+
readonly icon: _angular_core.InputSignal<string | undefined>;
|
|
6751
|
+
/** Contador — Insignia count-soft a la derecha del label. */
|
|
6752
|
+
readonly count: _angular_core.InputSignal<number | undefined>;
|
|
6753
|
+
/** group = mayúsculas · letter = divisor A–Z sutil. */
|
|
6754
|
+
readonly variant: _angular_core.InputSignal<IusSectionHeaderVariant>;
|
|
6755
|
+
/** Tiñe letra y contador. */
|
|
6756
|
+
readonly accent: _angular_core.InputSignal<IusSectionHeaderAccent>;
|
|
6757
|
+
/** Chevron (botón interno); pliega la sección. */
|
|
6758
|
+
readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6759
|
+
/** Chevron girado + `aria-expanded="false"`. */
|
|
6760
|
+
readonly collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6761
|
+
/** Fijo al hacer scroll dentro de su sección. */
|
|
6762
|
+
readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6763
|
+
/** Etiqueta accesible del encabezado (o del botón, si es plegable). */
|
|
6764
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
6765
|
+
/** Al plegar/desplegar (original `onToggle`). */
|
|
6766
|
+
readonly toggle: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
6767
|
+
protected readonly accentColor: _angular_core.Signal<string>;
|
|
6768
|
+
/** El golden neutraliza el contador cuando el acento es el `info` por defecto. */
|
|
6769
|
+
protected readonly insigniaTone: _angular_core.Signal<IusInsigniaTone>;
|
|
6770
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionHeaderComponent, never>;
|
|
6771
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionHeaderComponent, "ius-section-header", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["[iusSectionHeaderAction]", "*"], true, never>;
|
|
6772
|
+
}
|
|
6773
|
+
|
|
6774
|
+
/** Alineación del contenido de una columna. */
|
|
6775
|
+
type IusTableAlign = 'start' | 'center' | 'end';
|
|
6776
|
+
/** Dirección de orden activa. */
|
|
6777
|
+
type IusTableSortDirection = 'asc' | 'desc';
|
|
6778
|
+
/** Densidad: escala alto de fila, padding y tipografía. */
|
|
6779
|
+
type IusTableSize = 'small' | 'medium' | 'large';
|
|
6780
|
+
/** Tono (semántico o categórico) para la barra de acento por fila. */
|
|
6781
|
+
type IusTableTone = 'info' | 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
|
|
6782
|
+
/** Clave estable de fila: nombre de campo o función. */
|
|
6783
|
+
type IusTableRowKey<Row> = string | ((row: Row, index: number) => string | number);
|
|
6784
|
+
/** Contexto que recibe el `TemplateRef` de celda (`render` del golden). */
|
|
6785
|
+
interface IusTableCellContext<Row = any> {
|
|
6786
|
+
$implicit: Row;
|
|
6787
|
+
row: Row;
|
|
6788
|
+
index: number;
|
|
6789
|
+
column: IusTableColumn<Row>;
|
|
6790
|
+
/** `row[column.key]` ya leído, por comodidad. */
|
|
6791
|
+
value: unknown;
|
|
6792
|
+
}
|
|
6793
|
+
/** Contexto del `TemplateRef` de encabezado (`header` como nodo en el golden). */
|
|
6794
|
+
interface IusTableHeaderContext<Row = any> {
|
|
6795
|
+
$implicit: IusTableColumn<Row>;
|
|
6796
|
+
column: IusTableColumn<Row>;
|
|
6797
|
+
}
|
|
6798
|
+
interface IusTableColumn<Row = any> {
|
|
6799
|
+
/** Identificador único de la columna. Lee `row[key]` si no hay `render`. */
|
|
6800
|
+
key: string;
|
|
6801
|
+
/** Encabezado (texto). Para un encabezado a medida usar `headerTemplate`. */
|
|
6802
|
+
header: string;
|
|
6803
|
+
/** Encabezado a medida (equivalente al `header` como nodo del golden). */
|
|
6804
|
+
headerTemplate?: TemplateRef<IusTableHeaderContext<Row>>;
|
|
6805
|
+
/** Ícono Material Symbols antes del encabezado. */
|
|
6806
|
+
headerIcon?: string;
|
|
6807
|
+
/** `title` nativo del encabezado (tooltip). */
|
|
6808
|
+
headerTitle?: string;
|
|
6809
|
+
/** Render de celda a medida (`render(row, i)` del golden → TemplateRef con `{ row, index }`). */
|
|
6810
|
+
render?: TemplateRef<IusTableCellContext<Row>>;
|
|
6811
|
+
/** Alineación del contenido. Default `start` (o `end` si `numeric`). */
|
|
6812
|
+
align?: IusTableAlign;
|
|
6813
|
+
/** Columna numérica: `tabular-nums` y alineación `end` por defecto. */
|
|
6814
|
+
numeric?: boolean;
|
|
6815
|
+
/** Habilita el orden por esta columna (cabecera clicable, tri-estado). */
|
|
6816
|
+
sortable?: boolean;
|
|
6817
|
+
/** Trunca el contenido con elipsis (requiere ancho/`maxWidth`). */
|
|
6818
|
+
ellipsis?: boolean;
|
|
6819
|
+
/** Fija la columna al hacer scroll horizontal. `start`/`true` o `end`. Dale `width`. */
|
|
6820
|
+
pinned?: 'start' | 'end' | boolean;
|
|
6821
|
+
/** Ancho inicial (px o CSS). Obligatorio si la columna es `pinned`. Semilla del redimensionado. */
|
|
6822
|
+
width?: number | string;
|
|
6823
|
+
/** Ancho mínimo al redimensionar (px). Default 64. */
|
|
6824
|
+
minWidth?: number | string;
|
|
6825
|
+
maxWidth?: number | string;
|
|
6826
|
+
/** Permite ajustar el ancho arrastrando el borde. Default hereda de `resizable`; `false` lo bloquea por columna. */
|
|
6827
|
+
resizable?: boolean;
|
|
6828
|
+
}
|
|
6829
|
+
interface IusTableSummaryCell {
|
|
6830
|
+
/** `key` de la columna donde va el valor del pie. */
|
|
6831
|
+
key: string;
|
|
6832
|
+
/** Contenido de la celda de resumen (total, suma…). */
|
|
6833
|
+
value?: string | number | null;
|
|
6834
|
+
/** Contenido a medida del pie (equivalente al `value` como nodo del golden). */
|
|
6835
|
+
template?: TemplateRef<{
|
|
6836
|
+
$implicit: IusTableSummaryCell;
|
|
6837
|
+
}>;
|
|
6838
|
+
}
|
|
6839
|
+
/** Payload de `sortChange` — `onSortChange(column | null, direction | null)`. */
|
|
6840
|
+
interface IusTableSortChange {
|
|
6841
|
+
column: string | null;
|
|
6842
|
+
direction: IusTableSortDirection | null;
|
|
6843
|
+
}
|
|
6844
|
+
/** Payload de `rowClick` — `onRowClick(row, index, event)`. */
|
|
6845
|
+
interface IusTableRowClick<Row = any> {
|
|
6846
|
+
row: Row;
|
|
6847
|
+
index: number;
|
|
6848
|
+
event: MouseEvent | KeyboardEvent;
|
|
6849
|
+
}
|
|
6850
|
+
/** Estilo inline por fila (objeto CSS que acepta el binding `[style]`). */
|
|
6851
|
+
type IusTableRowStyle = Record<string, string | number | null | undefined>;
|
|
6852
|
+
/**
|
|
6853
|
+
* Table — Ius Design v2.
|
|
6854
|
+
*
|
|
6855
|
+
* **Rejilla de datos tabulares**: filas y columnas tipadas, con cabecera fija al
|
|
6856
|
+
* hacer scroll, orden por columna, selección de filas, columnas fijables
|
|
6857
|
+
* (pinned), densidades, estado de carga (skeleton) y vacío. Para listados con
|
|
6858
|
+
* muchas columnas comparables —procesos/radicados, movimientos, facturas,
|
|
6859
|
+
* pagos, consumos— donde el valor está en alinear y comparar columnas.
|
|
6860
|
+
*
|
|
6861
|
+
* Es una **tabla controlada**: el consumidor mantiene los datos ya ordenados,
|
|
6862
|
+
* filtrados y paginados, y el estado de orden/selección; `ius-table` solo
|
|
6863
|
+
* pinta la rejilla y emite los cambios (`sortChange`, `selectionChange`,
|
|
6864
|
+
* `rowClick`). No ordena ni pagina por dentro.
|
|
6865
|
+
*
|
|
6866
|
+
* **Composición**: para la barra de herramientas y la paginación numerada del
|
|
6867
|
+
* pie, envolverla en `ius-list-view` (`bordered=false` en ambos). Compone
|
|
6868
|
+
* `ius-checkbox` (selección) y `ius-empty-state` (vacío).
|
|
6869
|
+
*
|
|
6870
|
+
* Decisiones del port (golden `Table.jsx` / `Table.d.ts`):
|
|
6871
|
+
* - `render(row, i)` → `column.render: TemplateRef<IusTableCellContext>`;
|
|
6872
|
+
* `header` como nodo → `column.headerTemplate`; `empty` → `emptyTemplate`;
|
|
6873
|
+
* `summary[].value` como nodo → `summary[].template`.
|
|
6874
|
+
* - En React la sola presencia de `onRowClick` hace la fila clicable/enfocable.
|
|
6875
|
+
* Un output Angular no expone si tiene suscriptores → input explícito
|
|
6876
|
+
* `rowClickable` + output `rowClick`.
|
|
6877
|
+
* - `rowStyle` es un objeto CSS (o función que lo devuelve) consumido por el
|
|
6878
|
+
* binding `[style]`; se combina con la atenuación de `isRowDisabled`.
|
|
6879
|
+
*/
|
|
6880
|
+
declare class TableComponent<Row = any> {
|
|
6881
|
+
private readonly document;
|
|
6882
|
+
private readonly scrollRef;
|
|
6883
|
+
private readonly tableRef;
|
|
6884
|
+
/** Definición de columnas, en orden de aparición. */
|
|
6885
|
+
readonly columns: _angular_core.InputSignal<readonly IusTableColumn<Row>[]>;
|
|
6886
|
+
/** Filas a renderizar (ya ordenadas/filtradas/paginadas por el consumidor). */
|
|
6887
|
+
readonly data: _angular_core.InputSignal<readonly Row[]>;
|
|
6888
|
+
/** Clave estable de fila: nombre de campo o función. Default `id`. */
|
|
6889
|
+
readonly rowKey: _angular_core.InputSignal<IusTableRowKey<Row>>;
|
|
6890
|
+
/** `key` de la columna activa de orden. */
|
|
6891
|
+
readonly sortColumn: _angular_core.InputSignal<string | null | undefined>;
|
|
6892
|
+
/** Dirección activa. */
|
|
6893
|
+
readonly sortDirection: _angular_core.InputSignal<IusTableSortDirection | null | undefined>;
|
|
6894
|
+
/** Muestra la columna de checkboxes + "Seleccionar todo" en la cabecera. */
|
|
6895
|
+
readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6896
|
+
/** Claves seleccionadas (controlado). */
|
|
6897
|
+
readonly selectedKeys: _angular_core.InputSignal<readonly (string | number)[] | null | undefined>;
|
|
6898
|
+
/** Etiqueta accesible del checkbox de fila. Default `Seleccionar fila`. */
|
|
6899
|
+
readonly selectAriaLabel: _angular_core.InputSignal<string>;
|
|
6900
|
+
/** Hace la fila enfocable y clicable (emite `rowClick`). Equivale a pasar `onRowClick` en el golden. */
|
|
6901
|
+
readonly rowClickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6902
|
+
/** Marca filas no seleccionables/atenuadas. */
|
|
6903
|
+
readonly isRowDisabled: _angular_core.InputSignal<((row: Row, index: number) => boolean) | undefined>;
|
|
6904
|
+
/** Tono por fila → barra de 3px a la izquierda de la primera celda. `null`/`undefined` = sin barra. */
|
|
6905
|
+
readonly getRowAccent: _angular_core.InputSignal<((row: Row, index: number) => IusTableTone | null | undefined) | undefined>;
|
|
6906
|
+
/** Clase CSS por fila (o función `(row, i) => string`). */
|
|
6907
|
+
readonly rowClassName: _angular_core.InputSignal<string | ((row: Row, index: number) => string | undefined) | undefined>;
|
|
6908
|
+
/** Estilo inline por fila (o función `(row, i) => estilo`). Se combina con la atenuación de `isRowDisabled`. */
|
|
6909
|
+
readonly rowStyle: _angular_core.InputSignal<IusTableRowStyle | ((row: Row, index: number) => IusTableRowStyle | undefined) | undefined>;
|
|
6910
|
+
/** Redimensionado de columnas por arrastre del borde de la cabecera. Default `true`. */
|
|
6911
|
+
readonly resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6912
|
+
/** Divisores verticales hairline entre columnas. Default `true`. */
|
|
6913
|
+
readonly columnDividers: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6914
|
+
/** Primera carga: filas skeleton en vez de datos. */
|
|
6915
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6916
|
+
/** Nº de filas skeleton mientras `loading`. Default 8. */
|
|
6917
|
+
readonly skeletonRows: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
6918
|
+
/** Plantilla propia cuando `data` está vacío (reemplaza el EmptyState por defecto). */
|
|
6919
|
+
readonly emptyTemplate: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
|
|
6920
|
+
/** Título del EmptyState por defecto. Default `Sin resultados`. */
|
|
6921
|
+
readonly emptyTitle: _angular_core.InputSignal<string>;
|
|
6922
|
+
/** Descripción del EmptyState por defecto. */
|
|
6923
|
+
readonly emptyDescription: _angular_core.InputSignal<string | undefined>;
|
|
6924
|
+
/** Densidad. Default `medium` (= sin `data-size`: hereda `--ius-density` del ancestro). */
|
|
6925
|
+
readonly size: _angular_core.InputSignal<IusTableSize>;
|
|
6926
|
+
/** Contenedor con superficie + borde + radio. Default `true`. `false` al ras (dentro de ListView/tarjeta). */
|
|
6927
|
+
readonly bordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6928
|
+
/** Filas cebra (fondo alterno). Default `false`. */
|
|
6929
|
+
readonly striped: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6930
|
+
/** Resaltado de fila al pasar el cursor. Default `true`. */
|
|
6931
|
+
readonly hover: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6932
|
+
/** Cabecera fija al hacer scroll vertical. Default `true`. */
|
|
6933
|
+
readonly stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6934
|
+
/** Fila de pie fija (totales/sumas) por columna. */
|
|
6935
|
+
readonly summary: _angular_core.InputSignal<readonly IusTableSummaryCell[] | null | undefined>;
|
|
6936
|
+
/** Alto fijo del área scrollable (px o CSS). Activa el scroll vertical. */
|
|
6937
|
+
readonly height: _angular_core.InputSignal<string | number | undefined>;
|
|
6938
|
+
/** Alto máximo (px o CSS). */
|
|
6939
|
+
readonly maxHeight: _angular_core.InputSignal<string | number | undefined>;
|
|
6940
|
+
/** Etiqueta accesible de la tabla. */
|
|
6941
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
6942
|
+
/** Cambio de orden al clicar una cabecera `sortable` (tri-estado asc → desc → ninguno). */
|
|
6943
|
+
readonly sortChange: _angular_core.OutputEmitterRef<IusTableSortChange>;
|
|
6944
|
+
/** Nuevo conjunto de claves seleccionadas. */
|
|
6945
|
+
readonly selectionChange: _angular_core.OutputEmitterRef<(string | number)[]>;
|
|
6946
|
+
/** Click/Enter/Espacio sobre una fila (requiere `rowClickable`). */
|
|
6947
|
+
readonly rowClick: _angular_core.OutputEmitterRef<IusTableRowClick<Row>>;
|
|
6948
|
+
protected readonly scrolledX: _angular_core.WritableSignal<boolean>;
|
|
6949
|
+
protected readonly resizing: _angular_core.WritableSignal<boolean>;
|
|
6950
|
+
/** Anchos medidos / redimensionados por `key` (px). */
|
|
6951
|
+
private readonly colW;
|
|
6952
|
+
private readonly measured;
|
|
6953
|
+
protected readonly cols: _angular_core.Signal<IusTableColumn<Row>[]>;
|
|
6954
|
+
protected readonly colCount: _angular_core.Signal<number>;
|
|
6955
|
+
protected readonly selWidth: _angular_core.Signal<52 | 44 | 40>;
|
|
6956
|
+
protected readonly isEmpty: _angular_core.Signal<boolean>;
|
|
6957
|
+
protected readonly tableLayout: _angular_core.Signal<"auto" | "fixed">;
|
|
6958
|
+
protected readonly skeletonIdx: _angular_core.Signal<number[]>;
|
|
6959
|
+
protected readonly showSummary: _angular_core.Signal<boolean>;
|
|
6960
|
+
/** Firma de estructura: al cambiar, se descartan los anchos medidos. */
|
|
6961
|
+
private readonly colsSig;
|
|
6962
|
+
private readonly selSet;
|
|
6963
|
+
private readonly allKeys;
|
|
6964
|
+
protected readonly allSelected: _angular_core.Signal<boolean>;
|
|
6965
|
+
protected readonly someSelected: _angular_core.Signal<boolean>;
|
|
6966
|
+
private readonly pinInfo;
|
|
6967
|
+
constructor();
|
|
6968
|
+
protected keyOf(row: Row, rowKey: IusTableRowKey<Row>, i: number): string | number;
|
|
6969
|
+
protected rowKeyOf(row: Row, i: number): string | number;
|
|
6970
|
+
protected alignOf(c: IusTableColumn<Row>): IusTableAlign;
|
|
6971
|
+
protected dirOf(key: string): IusTableSortDirection | null;
|
|
6972
|
+
protected sortIcon(key: string): string;
|
|
6973
|
+
protected ariaSort(key: string): 'ascending' | 'descending' | null;
|
|
6974
|
+
/** La última columna no es redimensionable (no hay columna a su derecha). */
|
|
6975
|
+
protected canResize(c: IusTableColumn<Row>, ci: number): boolean;
|
|
6976
|
+
protected colWidth(key: string, fallback?: number | string): string | null;
|
|
6977
|
+
protected selColWidth(): string | null;
|
|
6978
|
+
protected pinSide(key: string): 'start' | 'end' | null;
|
|
6979
|
+
protected pinEdge(key: string): 'true' | null;
|
|
6980
|
+
protected pinLeft(key: string): string | null;
|
|
6981
|
+
protected pinRight(key: string): string | null;
|
|
6982
|
+
protected readonly selKey = "__sel";
|
|
6983
|
+
protected px(v: number | string | undefined | null): string | null;
|
|
6984
|
+
protected cellValue(row: Row, c: IusTableColumn<Row>): unknown;
|
|
6985
|
+
protected isBlank(v: unknown): boolean;
|
|
6986
|
+
protected cellTitle(row: Row, c: IusTableColumn<Row>): string | null;
|
|
6987
|
+
protected cellContext(row: Row, i: number, c: IusTableColumn<Row>): IusTableCellContext<Row>;
|
|
6988
|
+
protected headerContext(c: IusTableColumn<Row>): IusTableHeaderContext<Row>;
|
|
6989
|
+
protected isDisabled(row: Row, i: number): boolean;
|
|
6990
|
+
protected isSelected(row: Row, i: number): boolean;
|
|
6991
|
+
protected isClickable(row: Row, i: number): boolean;
|
|
6992
|
+
protected rowClass(row: Row, i: number): string | null;
|
|
6993
|
+
/** `{ ...(disabled ? { opacity: .55 } : null), ...rowStyle }` del golden. */
|
|
6994
|
+
protected rowStyles(row: Row, i: number): IusTableRowStyle | null;
|
|
6995
|
+
/** Barra de acento (3px) sobre la primera celda de la fila; `null` = sin barra. */
|
|
6996
|
+
protected accentShadow(row: Row, i: number): string | null;
|
|
6997
|
+
protected skelWidth(c: IusTableColumn<Row>, ci: number): string;
|
|
6998
|
+
protected summaryCell(key: string): IusTableSummaryCell | undefined;
|
|
6999
|
+
protected onScroll(): void;
|
|
7000
|
+
protected onHeaderSort(col: IusTableColumn<Row>): void;
|
|
7001
|
+
protected toggleAll(checked: boolean): void;
|
|
7002
|
+
protected toggleRow(key: string | number, checked: boolean): void;
|
|
7003
|
+
protected onRowClick(row: Row, i: number, event: MouseEvent): void;
|
|
7004
|
+
protected onRowKeydown(row: Row, i: number, event: KeyboardEvent): void;
|
|
7005
|
+
private measureAll;
|
|
7006
|
+
protected startResize(e: MouseEvent, col: IusTableColumn<Row>): void;
|
|
7007
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
7008
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "ius-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "selectAriaLabel": { "alias": "selectAriaLabel"; "required": false; "isSignal": true; }; "rowClickable": { "alias": "rowClickable"; "required": false; "isSignal": true; }; "isRowDisabled": { "alias": "isRowDisabled"; "required": false; "isSignal": true; }; "getRowAccent": { "alias": "getRowAccent"; "required": false; "isSignal": true; }; "rowClassName": { "alias": "rowClassName"; "required": false; "isSignal": true; }; "rowStyle": { "alias": "rowStyle"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnDividers": { "alias": "columnDividers"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowClick": "rowClick"; }, never, never, true, never>;
|
|
7009
|
+
}
|
|
7010
|
+
|
|
7011
|
+
export { AccordionComponent, AccountItemComponent, AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, eventKindOptions, iusSegColor, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveEventIcon, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
|
|
7012
|
+
export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, EventIconSource, EventKind, EventKindOption, GestionStatus, IllustrationEntry, IllustrationName, IllustrationSize, IusAccordionItem, IusAccordionVariant, IusAccountItemAction, IusAccountItemState, IusAppLayoutAccent, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCardAs, IusCardPadding, IusCardRadius, IusCardVariant, IusCarouselImage, IusCarouselImageInput, IusCarouselObjectFit, IusCarouselOrder, IusCarouselOverlay, IusCarouselTransition, IusCheckboxLabelPosition, IusCheckboxSize, IusChipSize, IusChipState, IusCircularProgressSize, IusCircularProgressTone, IusCodeFieldSize, IusDividerOrientation, IusDividerTextAlign, IusDividerVariant, IusDrawerSide, IusDrawerSize, IusDropdownItem, IusDropdownTone, IusDropdownVariant, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusFilterField, IusFilterFieldOption, IusFilterFieldType, IusFilterRule, IusFilterValue, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, IusLinearProgressSegment, IusLinearProgressSize, IusLinearProgressTone, IusListCardAction, IusListCardField, IusListCardMarker, IusListCardMenuItem, IusListCardSize, IusListCardStatus, IusListCardTag, IusListCardTone, IusListViewAction, IusListViewSize, IusListViewSortOption, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPlanUsageAction, IusPlanUsageLegend, IusPlanUsageStatus, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSectionHeaderAccent, IusSectionHeaderVariant, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTabItem, IusTabTag, IusTableAlign, IusTableCellContext, IusTableColumn, IusTableHeaderContext, IusTableRowClick, IusTableRowKey, IusTableRowStyle, IusTableSize, IusTableSortChange, IusTableSortDirection, IusTableSummaryCell, IusTableTone, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTimelineAccent, IusTimelineAssignee, IusTimelineAttachment, IusTimelineAttachmentClick, IusTimelineItem, IusTimelineItemState, IusTimelineSize, IusTimelineTag, IusTimelineTagTone, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, IusUserMenuAccount, IusUserMenuAccountOption, IusUserMenuItem, IusUserMenuOrigin, IusUserMenuService, IusUserMenuUser, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };
|