@litigiovirtual/ius-design-components 2.5.0 → 2.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "peerDependencies": {
     "@angular/cdk": ">=22.0.0 <23.0.0",
     "@angular/common": ">=22.0.0 <23.0.0",

package/types/litigiovirtual-ius-design-components.d.ts

@@ -880,7 +880,7 @@ declare class AlertComponent {
     /** Tamaño. */
     readonly size: _angular_core.InputSignal<AlertSize>;
     /** Estilo del borde. */
-    readonly border: _angular_core.InputSignal<"none" | "solid" | "dashed">;
+    readonly border: _angular_core.InputSignal<"solid" | "none" | "dashed">;
     /** Título tonal en negrita. */
     readonly title: _angular_core.InputSignal<string | undefined>;
     /** Línea superior breve (uppercase). */
@@ -1559,7 +1559,12 @@ declare class IusDropdownTriggerDirective {
  * El disparador por defecto es un botón ghost texto+chevron (el chevron gira al
  * abrir); `variant="outline"` replica el contenedor del botón de QueryBuilder
  * (mismo borde/radio/padding/altura) para encajar en barras y SegmentGroup. Con
- * `[iusDropdownTrigger]` se proyecta un disparador propio.
+ * `[iusDropdownTrigger]` se proyecta un disparador propio. Si ese disparador no
+ * contiene nada enfocable (StatusChip, Tag), se envuelve en un
+ * `<button class="ius-dropdown__wrap">` con `aria-haspopup="menu"`, `aria-expanded`
+ * y el foco del sistema: Enter/Espacio abren, Flecha abajo abre y enfoca la primera
+ * opción, y Esc desde el menú lo cierra y devuelve el foco al disparador. Uno ya
+ * interactivo (Button, IconButton) se monta tal cual, sin doble botón.
  *
  * No es campo de formulario — eso es **Select**; para una sola acción →
  * Button/IconButton. Fuente de verdad: `Dropdown.jsx` + `Dropdown.d.ts` +
@@ -1588,7 +1593,7 @@ declare class DropdownComponent {
     readonly open: _angular_core.InputSignal<boolean | undefined>;
     /** Estado inicial del modo no controlado. */
     readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Etiqueta accesible del disparador por defecto. */
+    /** Etiqueta accesible del disparador por defecto o del botón que envuelve a uno propio no interactivo. */
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Modo `selectable` — espejo de `onChange`. */
     readonly valueChange: _angular_core.OutputEmitterRef<{
@@ -1598,6 +1603,15 @@ declare class DropdownComponent {
     /** Apertura/cierre del panel. */
     readonly openChange: _angular_core.OutputEmitterRef<boolean>;
     protected readonly customTrigger: _angular_core.Signal<IusDropdownTriggerDirective | undefined>;
+    private readonly customTriggerEl;
+    /**
+     * El disparador propio no contiene nada enfocable → va dentro de `.ius-dropdown__wrap`.
+     * Se decide tras el primer render (el golden lo hace en `useLayoutEffect`): antes, el
+     * componente proyectado aún no ha pintado su DOM interno.
+     */
+    protected readonly wrapTrigger: _angular_core.WritableSignal<boolean>;
+    private readonly wrapButton;
+    private readonly panel;
     /** `null` = el usuario todavía no ha abierto/cerrado → manda `defaultOpen`. */
     private readonly internalOpen;
     /** Controlado por `open` si viene definido; si no, estado interno. */
@@ -1608,6 +1622,7 @@ declare class DropdownComponent {
     protected readonly triggerText: _angular_core.Signal<string | undefined>;
     /** El encabezado del menú solo aplica en modo selección (como el golden). */
     protected readonly menuLabel: _angular_core.Signal<string | undefined>;
+    constructor();
     protected onOpenChange(open: boolean): void;
     protected onValueChange(payload: {
         value: string | number | undefined;
@@ -1615,8 +1630,15 @@ declare class DropdownComponent {
     }): void;
     /** Activar un ítem cierra el panel (acciones y selección). */
     protected onItemClick(): void;
+    /** Flecha abajo sobre el disparador envuelto: abre (si hace falta) y enfoca la primera opción. */
+    protected onWrapKeydown(event: KeyboardEvent): void;
+    /**
+     * Esc desde el menú: el Popover lo cierra; aquí el foco vuelve al disparador envuelto.
+     * EXTENSIÓN del port: el golden no lo hace; lo pide F8 · HU-3 (verificado en su DC).
+     */
+    protected onPanelEscape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ius-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, ["customTrigger"], ["[iusDropdownTrigger]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ius-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, ["customTrigger", "customTriggerEl"], ["[iusDropdownTrigger]"], true, never>;
 }
 
 /** Tratamiento del indicador: punto de color · píldora tonal · píldora neutra. */
@@ -3211,6 +3233,8 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     get value(): IusSelectValue | IusSelectValue[] | null;
     /** Texto del label (sobre el campo, con `:` final). */
     label?: string;
+    /** Nombre accesible del combobox cuando no hay `label` visible; con `label` se ignora. */
+    ariaLabel?: string;
     /** Indicador de obligatorio (•). */
     required: boolean;
     /** Placeholder cuando no hay selección. */
@@ -3453,7 +3477,7 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     private updateMenuWidth;
     private readonly onWindowResize;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ius-select", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "state": { "alias": "state"; "required": false; }; "open": { "alias": "open"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "creatable": { "alias": "creatable"; "required": false; }; "createPlaceholder": { "alias": "createPlaceholder"; "required": false; }; "createLabel": { "alias": "createLabel"; "required": false; }; "createFactory": { "alias": "createFactory"; "required": false; }; "maxVisible": { "alias": "maxVisible"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; "openChange": "openChange"; "created": "created"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ius-select", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "state": { "alias": "state"; "required": false; }; "open": { "alias": "open"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "creatable": { "alias": "creatable"; "required": false; }; "createPlaceholder": { "alias": "createPlaceholder"; "required": false; }; "createLabel": { "alias": "createLabel"; "required": false; }; "createFactory": { "alias": "createFactory"; "required": false; }; "maxVisible": { "alias": "maxVisible"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; "openChange": "openChange"; "created": "created"; }, never, never, true, never>;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_error: unknown;
@@ -3478,9 +3502,13 @@ type IusListViewSize = 'small' | 'medium' | 'large';
 interface IusListViewAction {
     /** Ícono Material Symbols Rounded. */
     icon: string;
-    /** Etiqueta accesible / tooltip. */
+    /** Etiqueta accesible y, si no hay `tooltip`, texto del tooltip. */
     label?: string;
     ariaLabel?: string;
+    /** Texto del tooltip (el IconButton no tiene texto visible). Cae a `label` y luego a `ariaLabel`. */
+    tooltip?: string;
+    /** Colocación del tooltip (`top` por defecto). */
+    tooltipPlacement?: IusPopoverPlacement;
     onClick?: (event: MouseEvent) => void;
     disabled?: boolean;
     key?: string | number;
@@ -3563,6 +3591,8 @@ declare class ListViewComponent {
     someSelected: boolean;
     /** Texto junto al checkbox de selección. */
     selectLabel: string;
+    /** Nombre accesible del checkbox en modo selección, donde no lleva texto visible. */
+    selectAriaLabel: string;
     /** Opciones de orden → dropdown de selección única en el header. */
     sortOptions: IusListViewSortOption[];
     sortValue?: string | number;
@@ -3633,7 +3663,7 @@ declare class ListViewComponent {
         item: IusDropdownItem;
     }): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListViewComponent, "ius-list-view", never, { "hideHeader": { "alias": "hideHeader"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "allSelected": { "alias": "allSelected"; "required": false; }; "someSelected": { "alias": "someSelected"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; "sortOptions": { "alias": "sortOptions"; "required": false; }; "sortValue": { "alias": "sortValue"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "selectedCount": { "alias": "selectedCount"; "required": false; }; "selectionActions": { "alias": "selectionActions"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "bodyPadding": { "alias": "bodyPadding"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "scrollTrackMargin": { "alias": "scrollTrackMargin"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "fieldWidths": { "alias": "fieldWidths"; "required": false; }; "hideFooter": { "alias": "hideFooter"; "required": false; }; "total": { "alias": "total"; "required": false; }; "countNoun": { "alias": "countNoun"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "selectAll": "selectAll"; "sortChange": "sortChange"; "clearSelection": "clearSelection"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["filtersRef", "headerStartRef", "headerEndRef", "toolbarRef", "footerStartRef", "footerEndRef"], ["[iusListViewToolbar]", "[iusListViewHeaderStart]", "[iusListViewFilters]", "[iusListViewHeaderEnd]", "*", "[iusListViewFooterStart]", "[iusListViewFooterEnd]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListViewComponent, "ius-list-view", never, { "hideHeader": { "alias": "hideHeader"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "allSelected": { "alias": "allSelected"; "required": false; }; "someSelected": { "alias": "someSelected"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; "selectAriaLabel": { "alias": "selectAriaLabel"; "required": false; }; "sortOptions": { "alias": "sortOptions"; "required": false; }; "sortValue": { "alias": "sortValue"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "selectedCount": { "alias": "selectedCount"; "required": false; }; "selectionActions": { "alias": "selectionActions"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "bodyPadding": { "alias": "bodyPadding"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "scrollTrackMargin": { "alias": "scrollTrackMargin"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "fieldWidths": { "alias": "fieldWidths"; "required": false; }; "hideFooter": { "alias": "hideFooter"; "required": false; }; "total": { "alias": "total"; "required": false; }; "countNoun": { "alias": "countNoun"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "selectAll": "selectAll"; "sortChange": "sortChange"; "clearSelection": "clearSelection"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["filtersRef", "headerStartRef", "headerEndRef", "toolbarRef", "footerStartRef", "footerEndRef"], ["[iusListViewToolbar]", "[iusListViewHeaderStart]", "[iusListViewFilters]", "[iusListViewHeaderEnd]", "*", "[iusListViewFooterStart]", "[iusListViewFooterEnd]"], true, never>;
     static ngAcceptInputType_hideHeader: unknown;
     static ngAcceptInputType_selectable: unknown;
     static ngAcceptInputType_allSelected: unknown;