@litigiovirtual/ius-design-components 2.1.16 → 2.1.17
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 +777 -359
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/litigiovirtual-ius-design-components.d.ts +250 -5
package/package.json
CHANGED
|
@@ -874,7 +874,7 @@ declare class AlertComponent {
|
|
|
874
874
|
/** Alineación (auto: `center` si hay `trailing` sin `actions`). */
|
|
875
875
|
readonly align: _angular_core.InputSignal<"start" | "center" | undefined>;
|
|
876
876
|
/** `status` (default, no interrumpe) o `alert` (asertivo). */
|
|
877
|
-
readonly role: _angular_core.InputSignal<"
|
|
877
|
+
readonly role: _angular_core.InputSignal<"status" | "alert">;
|
|
878
878
|
/** Al pulsar × (original: `onClose`). */
|
|
879
879
|
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
880
880
|
private readonly actionsRef;
|
|
@@ -6952,9 +6952,9 @@ declare class TableComponent<Row = any> {
|
|
|
6952
6952
|
private readonly measured;
|
|
6953
6953
|
protected readonly cols: _angular_core.Signal<IusTableColumn<Row>[]>;
|
|
6954
6954
|
protected readonly colCount: _angular_core.Signal<number>;
|
|
6955
|
-
protected readonly selWidth: _angular_core.Signal<52 |
|
|
6955
|
+
protected readonly selWidth: _angular_core.Signal<52 | 40 | 44>;
|
|
6956
6956
|
protected readonly isEmpty: _angular_core.Signal<boolean>;
|
|
6957
|
-
protected readonly tableLayout: _angular_core.Signal<"
|
|
6957
|
+
protected readonly tableLayout: _angular_core.Signal<"fixed" | "auto">;
|
|
6958
6958
|
protected readonly skeletonIdx: _angular_core.Signal<number[]>;
|
|
6959
6959
|
protected readonly showSummary: _angular_core.Signal<boolean>;
|
|
6960
6960
|
/** Firma de estructura: al cambiar, se descartan los anchos medidos. */
|
|
@@ -7008,5 +7008,250 @@ declare class TableComponent<Row = any> {
|
|
|
7008
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
7009
|
}
|
|
7010
7010
|
|
|
7011
|
-
|
|
7012
|
-
|
|
7011
|
+
/** Familia de color de la cifra: default + 6 semánticos + 6 frutas. */
|
|
7012
|
+
type IusStatTone = 'default' | 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
|
|
7013
|
+
/** Tamaño de la cifra (h3 / h2 / h1). */
|
|
7014
|
+
type IusStatSize = 'sm' | 'md' | 'lg';
|
|
7015
|
+
/** Alineación del bloque. */
|
|
7016
|
+
type IusStatAlign = 'start' | 'center';
|
|
7017
|
+
/** Delta libre proyectado (anula el `delta` numérico): `<span iusStatDelta>…</span>`. */
|
|
7018
|
+
declare class IusStatDeltaDirective {
|
|
7019
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusStatDeltaDirective, never>;
|
|
7020
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusStatDeltaDirective, "[iusStatDelta]", never, {}, {}, never, never, true, never>;
|
|
7021
|
+
}
|
|
7022
|
+
/** Sparkline / micrográfico proyectado bajo el valor: `<ius-sparkline iusStatSparkline />`. */
|
|
7023
|
+
declare class IusStatSparklineDirective {
|
|
7024
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusStatSparklineDirective, never>;
|
|
7025
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusStatSparklineDirective, "[iusStatSparkline]", never, {}, {}, never, never, true, never>;
|
|
7026
|
+
}
|
|
7027
|
+
/**
|
|
7028
|
+
* Stat — Ius Design v2 (familia data-display).
|
|
7029
|
+
*
|
|
7030
|
+
* KPI / cifra destacada: eyebrow(+icon) · valor (tonal, numeración tabular) ·
|
|
7031
|
+
* delta (±flecha, `invertDelta`) · caption · sparkline. Es **solo contenido**
|
|
7032
|
+
* (sin caja): para tarjeta se envuelve en Card; para barra de varios →
|
|
7033
|
+
* `ius-stat-group`. Fuente de verdad: `Stat.jsx` + `Stat.d.ts` + `Stat.ng-spec.md`.
|
|
7034
|
+
*
|
|
7035
|
+
* No es para badge inline (Insignia), consumo de plan (PlanUsageItem) ni
|
|
7036
|
+
* estado (Tag).
|
|
7037
|
+
*
|
|
7038
|
+
* Interactivo: `interactive` (o `href`) vuelve el bloque navegable con el
|
|
7039
|
+
* patrón ARIA sobre el host (focusable, Enter/Espacio) y emite `clicked`;
|
|
7040
|
+
* con `href` la activación navega además a esa URL (el golden cambia la raíz
|
|
7041
|
+
* a `<a>`; aquí el host es único para no duplicar las proyecciones — mismo
|
|
7042
|
+
* criterio que Tag).
|
|
7043
|
+
*/
|
|
7044
|
+
declare class StatComponent {
|
|
7045
|
+
/** Eyebrow en mayúsculas sobre la cifra. */
|
|
7046
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
7047
|
+
/** Ícono Material Symbols junto al rótulo. */
|
|
7048
|
+
readonly labelIcon: _angular_core.InputSignal<string | undefined>;
|
|
7049
|
+
/** Tono del ícono; si se omite hereda `valueTone` (o neutral). */
|
|
7050
|
+
readonly iconTone: _angular_core.InputSignal<IusStatTone | undefined>;
|
|
7051
|
+
/** La cifra (alternativa a proyectar contenido). */
|
|
7052
|
+
readonly value: _angular_core.InputSignal<string | number | undefined>;
|
|
7053
|
+
/** Tono de la cifra: `default` = texto primario; otros tiñen (shade 700). */
|
|
7054
|
+
readonly valueTone: _angular_core.InputSignal<IusStatTone>;
|
|
7055
|
+
/** Variación numérica: >0 flecha arriba, <0 abajo, 0 plano (`±N%`). */
|
|
7056
|
+
readonly delta: _angular_core.InputSignal<number | undefined>;
|
|
7057
|
+
/** Apoyo del delta («vs. mes anterior»). */
|
|
7058
|
+
readonly deltaLabel: _angular_core.InputSignal<string | undefined>;
|
|
7059
|
+
/** Bajar es bueno: invierte el color (subir→danger, bajar→success). */
|
|
7060
|
+
readonly invertDelta: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7061
|
+
/** Texto de apoyo bajo la cifra (multilínea). */
|
|
7062
|
+
readonly caption: _angular_core.InputSignal<string | undefined>;
|
|
7063
|
+
/** Alineación del bloque. */
|
|
7064
|
+
readonly align: _angular_core.InputSignal<IusStatAlign>;
|
|
7065
|
+
/** Tamaño; sin fijar lo puede propagar `ius-stat-group`. */
|
|
7066
|
+
readonly size: _angular_core.InputSignal<IusStatSize | undefined>;
|
|
7067
|
+
/** Navegable (cursor + foco + `clicked`). */
|
|
7068
|
+
readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7069
|
+
/** URL destino; implica navegable (rol `link`). */
|
|
7070
|
+
readonly href: _angular_core.InputSignal<string | undefined>;
|
|
7071
|
+
/** Etiqueta accesible del bloque navegable. */
|
|
7072
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
7073
|
+
/** Pulsación del bloque navegable (original `onClick`). */
|
|
7074
|
+
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
7075
|
+
private readonly deltaSlot;
|
|
7076
|
+
private readonly sparkSlot;
|
|
7077
|
+
protected readonly hasDeltaSlot: _angular_core.Signal<boolean>;
|
|
7078
|
+
protected readonly hasSparkline: _angular_core.Signal<boolean>;
|
|
7079
|
+
/** Tamaño propagado por el StatGroup contenedor (no pisa el explícito). */
|
|
7080
|
+
readonly groupSize: _angular_core.WritableSignal<IusStatSize | undefined>;
|
|
7081
|
+
protected readonly effSize: _angular_core.Signal<IusStatSize>;
|
|
7082
|
+
protected readonly navigable: _angular_core.Signal<boolean>;
|
|
7083
|
+
/** Dirección del delta numérico. */
|
|
7084
|
+
protected readonly deltaDir: _angular_core.Signal<"up" | "down" | "flat" | null>;
|
|
7085
|
+
protected readonly deltaArrow: _angular_core.Signal<"arrow_upward" | "arrow_downward" | "remove">;
|
|
7086
|
+
protected readonly deltaText: _angular_core.Signal<string>;
|
|
7087
|
+
/** Color de la cifra según el tono (mismo mapa que el golden). */
|
|
7088
|
+
protected readonly valueColor: _angular_core.Signal<string>;
|
|
7089
|
+
/** Color del ícono del rótulo (hereda valueTone si no hay iconTone). */
|
|
7090
|
+
protected readonly iconColor: _angular_core.Signal<string>;
|
|
7091
|
+
protected onClickHost(event: MouseEvent): void;
|
|
7092
|
+
/** Enter en keydown y Espacio en keyup (patrón WAI-ARIA button/link). */
|
|
7093
|
+
protected onKeyActivate(event: Event): void;
|
|
7094
|
+
/** Evita el scroll de la página al mantener Espacio. */
|
|
7095
|
+
protected onSpaceDown(event: Event): void;
|
|
7096
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatComponent, never>;
|
|
7097
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatComponent, "ius-stat", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "required": false; "isSignal": true; }; "iconTone": { "alias": "iconTone"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueTone": { "alias": "valueTone"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaLabel": { "alias": "deltaLabel"; "required": false; "isSignal": true; }; "invertDelta": { "alias": "invertDelta"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, ["deltaSlot", "sparkSlot"], ["*", "[iusStatDelta]", "[iusStatSparkline]"], true, never>;
|
|
7098
|
+
}
|
|
7099
|
+
|
|
7100
|
+
/**
|
|
7101
|
+
* StatGroup — Ius Design v2 (familia data-display).
|
|
7102
|
+
*
|
|
7103
|
+
* Barra de varios `ius-stat` en columnas iguales con divisores verticales y
|
|
7104
|
+
* superficie opcional (borde + radio). En ≤ bp sm (600) apila en columna y los
|
|
7105
|
+
* divisores pasan a horizontales. Propaga `size` a los Stat hijos que no lo
|
|
7106
|
+
* fijen. Fuente de verdad: `StatGroup.jsx` + `StatGroup.d.ts` +
|
|
7107
|
+
* `StatGroup.ng-spec.md`.
|
|
7108
|
+
*
|
|
7109
|
+
* Una sola métrica → `ius-stat` suelto; varias como tarjetas → varias Card con
|
|
7110
|
+
* Stat (no esto). Distinto de SegmentGroup (agrupa controles).
|
|
7111
|
+
*
|
|
7112
|
+
* El golden envuelve cada hijo en una celda; aquí los `ius-stat` proyectados
|
|
7113
|
+
* son las celdas del grid directamente (padding + divisor vía ng-deep acotado
|
|
7114
|
+
* al host — mismo criterio que SegmentGroup).
|
|
7115
|
+
*/
|
|
7116
|
+
declare class StatGroupComponent {
|
|
7117
|
+
/** Columnas; sin fijar = nº de `ius-stat` proyectados. */
|
|
7118
|
+
readonly columns: _angular_core.InputSignal<number | undefined>;
|
|
7119
|
+
/** Superficie + borde + radio (`false` = al ras). */
|
|
7120
|
+
readonly bordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7121
|
+
/** Divisores entre columnas. */
|
|
7122
|
+
readonly dividers: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7123
|
+
/** Tamaño propagado a los Stat hijos sin `size` propio. */
|
|
7124
|
+
readonly size: _angular_core.InputSignal<IusStatSize>;
|
|
7125
|
+
private readonly stats;
|
|
7126
|
+
protected readonly colsTemplate: _angular_core.Signal<string>;
|
|
7127
|
+
constructor();
|
|
7128
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatGroupComponent, never>;
|
|
7129
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatGroupComponent, "ius-stat-group", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "dividers": { "alias": "dividers"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["stats"], ["*"], true, never>;
|
|
7130
|
+
}
|
|
7131
|
+
|
|
7132
|
+
/** Silueta del placeholder. */
|
|
7133
|
+
type IusSkeletonVariant = 'text' | 'rect' | 'circle' | 'pill' | 'button' | 'chart';
|
|
7134
|
+
/** Animación del placeholder (respeta prefers-reduced-motion). */
|
|
7135
|
+
type IusSkeletonAnimation = 'shimmer' | 'pulse' | 'none';
|
|
7136
|
+
/**
|
|
7137
|
+
* Skeleton — Ius Design v2 (familia feedback).
|
|
7138
|
+
*
|
|
7139
|
+
* Marcador de posición para la **primera carga** de un recurso (lista /
|
|
7140
|
+
* tarjeta / panel): reduce el salto de layout. 6 siluetas (`text` multilínea
|
|
7141
|
+
* con la última línea corta · `rect` · `circle` · `pill` · `button` · `chart`
|
|
7142
|
+
* de barras), animación shimmer/pulse/none con respeto a
|
|
7143
|
+
* `prefers-reduced-motion`, y modo envoltorio: `loading=false` renderiza el
|
|
7144
|
+
* contenido proyectado. Fuente de verdad: `Skeleton.jsx` + `Skeleton.d.ts` +
|
|
7145
|
+
* `Skeleton.ng-spec.md`.
|
|
7146
|
+
*
|
|
7147
|
+
* Patrón propio-vs-externo (Skeleton.prompt §Notas): loading PROPIO solo en
|
|
7148
|
+
* Table (`loading`+`skeletonRows`) y Charts; para todo lo demás se ENVUELVE
|
|
7149
|
+
* `<ius-skeleton [loading]>…</ius-skeleton>` — no dupliques skeletons dentro
|
|
7150
|
+
* de otros componentes.
|
|
7151
|
+
*
|
|
7152
|
+
* Espera puntual sin estructura → CircularProgress; progreso medible →
|
|
7153
|
+
* LinearProgressBar.
|
|
7154
|
+
*/
|
|
7155
|
+
declare class SkeletonComponent {
|
|
7156
|
+
/** Silueta. */
|
|
7157
|
+
readonly variant: _angular_core.InputSignal<IusSkeletonVariant>;
|
|
7158
|
+
/** Ancho (px o CSS); circle/button/pill traen ancho propio. */
|
|
7159
|
+
readonly width: _angular_core.InputSignal<string | number | undefined>;
|
|
7160
|
+
/** Alto (px o CSS); por variante: text 14 · rect 120 · circle 40 · button 40. */
|
|
7161
|
+
readonly height: _angular_core.InputSignal<string | number | undefined>;
|
|
7162
|
+
/** Radio (px o CSS); por variante: text sm · rect md · button lg · circle/pill pill. */
|
|
7163
|
+
readonly radius: _angular_core.InputSignal<string | number | undefined>;
|
|
7164
|
+
/** Solo `text`: nº de líneas; con >1 la última es más corta. */
|
|
7165
|
+
readonly lines: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
7166
|
+
/** Ancho de la última línea del `text` multilínea. */
|
|
7167
|
+
readonly lastLineWidth: _angular_core.InputSignal<string | number>;
|
|
7168
|
+
/** Solo `chart`: nº de barras. */
|
|
7169
|
+
readonly bars: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
7170
|
+
/** Separación entre líneas/barras (px o CSS). */
|
|
7171
|
+
readonly gap: _angular_core.InputSignal<string | number>;
|
|
7172
|
+
/** Animación. */
|
|
7173
|
+
readonly animation: _angular_core.InputSignal<IusSkeletonAnimation>;
|
|
7174
|
+
/** `true` = esqueleto; `false` = renderiza el contenido proyectado. */
|
|
7175
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7176
|
+
/** Etiqueta accesible del estado de carga. */
|
|
7177
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
7178
|
+
protected readonly anim: _angular_core.Signal<IusSkeletonAnimation | null>;
|
|
7179
|
+
protected readonly gapCss: _angular_core.Signal<string | undefined>;
|
|
7180
|
+
protected readonly radiusCss: _angular_core.Signal<string | undefined>;
|
|
7181
|
+
protected readonly widthCss: _angular_core.Signal<string | undefined>;
|
|
7182
|
+
protected readonly heightCss: _angular_core.Signal<string | undefined>;
|
|
7183
|
+
/** Líneas del `text` multilínea: ancho por línea (la última corta). */
|
|
7184
|
+
protected readonly textLines: _angular_core.Signal<(string | undefined)[]>;
|
|
7185
|
+
/** Barras del `chart`: altura relativa por barra (patrón estable). */
|
|
7186
|
+
protected readonly chartBars: _angular_core.Signal<string[]>;
|
|
7187
|
+
protected readonly chartHeightCss: _angular_core.Signal<string | undefined>;
|
|
7188
|
+
protected readonly chartWidthCss: _angular_core.Signal<string | undefined>;
|
|
7189
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
|
|
7190
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "ius-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "lastLineWidth": { "alias": "lastLineWidth"; "required": false; "isSignal": true; }; "bars": { "alias": "bars"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
7191
|
+
}
|
|
7192
|
+
|
|
7193
|
+
/** Nivel tipográfico del título (h2 para portadas; h3 default). */
|
|
7194
|
+
type IusPageHeaderTitleLevel = 'h1' | 'h2' | 'h3';
|
|
7195
|
+
/** Breadcrumb proyectado (solo detalle): `<ius-breadcrumb iusPageHeaderBreadcrumb />`. */
|
|
7196
|
+
declare class IusPageHeaderBreadcrumbDirective {
|
|
7197
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPageHeaderBreadcrumbDirective, never>;
|
|
7198
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPageHeaderBreadcrumbDirective, "[iusPageHeaderBreadcrumb]", never, {}, {}, never, never, true, never>;
|
|
7199
|
+
}
|
|
7200
|
+
/** Acciones a la derecha (Button/Dropdown): `<div iusPageHeaderActions>…</div>`. */
|
|
7201
|
+
declare class IusPageHeaderActionsDirective {
|
|
7202
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPageHeaderActionsDirective, never>;
|
|
7203
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPageHeaderActionsDirective, "[iusPageHeaderActions]", never, {}, {}, never, never, true, never>;
|
|
7204
|
+
}
|
|
7205
|
+
/** Fila de herramientas (SearchBar + QueryBuilder + SegmentedControl): `<div iusPageHeaderToolbar>…</div>`. */
|
|
7206
|
+
declare class IusPageHeaderToolbarDirective {
|
|
7207
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPageHeaderToolbarDirective, never>;
|
|
7208
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPageHeaderToolbarDirective, "[iusPageHeaderToolbar]", never, {}, {}, never, never, true, never>;
|
|
7209
|
+
}
|
|
7210
|
+
/**
|
|
7211
|
+
* PageHeader — Ius Design v2 (familia navigation).
|
|
7212
|
+
*
|
|
7213
|
+
* Encabezado **de la vista** dentro del `main`: [breadcrumb/volver] ·
|
|
7214
|
+
* overline · título (h1/h2/h3) + subtítulo · acciones · [toolbar] ·
|
|
7215
|
+
* [divider/surface]. Cáscara por slots: no conoce datos. Fuente de verdad:
|
|
7216
|
+
* `PageHeader.jsx` + `PageHeader.d.ts` + `PageHeader.ng-spec.md`.
|
|
7217
|
+
*
|
|
7218
|
+
* No reemplaza al HeaderBar global (identidad de módulo) ni a la cabecera de
|
|
7219
|
+
* lista (ListView). El módulo va en HeaderBar; aquí solo el título de la vista.
|
|
7220
|
+
*
|
|
7221
|
+
* Volver: el golden lo activa con `onBack`; aquí es `showBack` + output
|
|
7222
|
+
* `back` (un output de Angular no delata suscripción). Es leading: con
|
|
7223
|
+
* breadcrumb encabeza esa fila; sin breadcrumb, encabeza el título.
|
|
7224
|
+
*/
|
|
7225
|
+
declare class PageHeaderComponent {
|
|
7226
|
+
/** Título de la vista. */
|
|
7227
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
7228
|
+
/** Contador / descripción bajo el título. */
|
|
7229
|
+
readonly subtitle: _angular_core.InputSignal<string | undefined>;
|
|
7230
|
+
/** Categoría / sección sobre el título (mayúsculas). */
|
|
7231
|
+
readonly overline: _angular_core.InputSignal<string | undefined>;
|
|
7232
|
+
/** Nivel tipográfico del título. */
|
|
7233
|
+
readonly titleLevel: _angular_core.InputSignal<IusPageHeaderTitleLevel>;
|
|
7234
|
+
/** Muestra la flecha de volver (leading). */
|
|
7235
|
+
readonly showBack: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7236
|
+
/** Texto accesible de la flecha de volver. */
|
|
7237
|
+
readonly backLabel: _angular_core.InputSignal<string>;
|
|
7238
|
+
/** Separador inferior. */
|
|
7239
|
+
readonly divider: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7240
|
+
/** Fondo blanco + borde + radio. */
|
|
7241
|
+
readonly surface: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
7242
|
+
/** Flecha de volver pulsada (original `onBack`). */
|
|
7243
|
+
readonly back: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
7244
|
+
private readonly breadcrumbRef;
|
|
7245
|
+
private readonly actionsRef;
|
|
7246
|
+
private readonly toolbarRef;
|
|
7247
|
+
protected readonly hasBreadcrumb: _angular_core.Signal<boolean>;
|
|
7248
|
+
protected readonly hasActions: _angular_core.Signal<boolean>;
|
|
7249
|
+
protected readonly hasToolbar: _angular_core.Signal<boolean>;
|
|
7250
|
+
/** Volver es leading: si hay breadcrumb, encabeza esa fila. */
|
|
7251
|
+
protected readonly backInBreadcrumb: _angular_core.Signal<boolean>;
|
|
7252
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
|
|
7253
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "ius-page-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "overline": { "alias": "overline"; "required": false; "isSignal": true; }; "titleLevel": { "alias": "titleLevel"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; }, { "back": "back"; }, ["breadcrumbRef", "actionsRef", "toolbarRef"], ["[iusPageHeaderBreadcrumb]", "[iusPageHeaderActions]", "[iusPageHeaderToolbar]"], true, never>;
|
|
7254
|
+
}
|
|
7255
|
+
|
|
7256
|
+
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, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStatDeltaDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SplitterComponent, StatComponent, StatGroupComponent, 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 };
|
|
7257
|
+
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, IusPageHeaderTitleLevel, 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, IusSkeletonAnimation, IusSkeletonVariant, IusSplitterAccent, IusSplitterOrientation, IusStatAlign, IusStatSize, IusStatTone, 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 };
|