@litigiovirtual/ius-design-components 2.2.11 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "2.2.11",
+  "version": "2.4.0",
   "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

@@ -36,6 +36,11 @@ interface SizePreset$2 {
  * idle. Una excepción de `action` cae a `error`; resolver sin valor es
  * `success`. `dynamic` ignora los inputs manuales `loading`/`status`.
  *
+ * En loading/success/error el contenido (prefixIcon + label + sufixIcon) sigue
+ * en el flujo con `visibility:hidden` para conservar el ancho natural, y el
+ * spinner o el ícono `check_circle`/`error` se superpone centrado en
+ * `.ius-btn__overlay` (§4/§7).
+ *
  * Nota: el `state` de la spec ("solo demos") se omite de la API pública —
  * mismo criterio que TextField. El playground congela hover/pressed con el
  * atributo `data-force` en el host (solo CSS); loading/success/error/disabled
@@ -4939,6 +4944,14 @@ interface WizardApi {
     back(): void;
     /** Salta a un paso (1-based), o función `(prev) => next`. */
     goTo(next: number | ((prev: number) => number)): void;
+    /**
+     * `true` mientras el botón final dinámico de `ius-wizard-nav`
+     * (`finishDynamic`) no está en reposo (loading · success · error). Sirve para
+     * bloquear otras salidas (p. ej. `backDisabled` del PageHeader). Lo expone
+     * `createWizard`; una api armada a mano puede omitirlo y escuchar el output
+     * `finishingChange` del nav. `back()` llamado directo no se bloquea.
+     */
+    readonly finishing?: boolean;
 }
 interface UseWizardOptions {
     /**
@@ -4977,6 +4990,8 @@ declare class WizardController implements WizardApi {
     private readonly internal?;
     /** Señal de solo lectura del paso (1-based, acotado al total). */
     readonly step$: Signal<number>;
+    /** Espera del botón final; la escribe `ius-wizard-nav` (golden `_setFinishing`). */
+    private readonly finishingSource;
     private readonly onStepChange?;
     private readonly onFinish?;
     constructor(options: UseWizardOptions);
@@ -4987,6 +5002,12 @@ declare class WizardController implements WizardApi {
     get current(): WizardStep | null;
     get isFirst(): boolean;
     get isLast(): boolean;
+    get finishing(): boolean;
+    /**
+     * Lo llama `ius-wizard-nav` al entrar en la espera del botón final y al
+     * volver a reposo. No es para el consumidor: este lee `finishing`.
+     */
+    setFinishing(finishing: boolean): void;
     goTo: (next: number | ((prev: number) => number)) => void;
     next: () => void;
     back: () => void;
@@ -5043,8 +5064,19 @@ declare class WizardComponent {
  * El handler final se pasa como `finishAction` (con `finishDynamic` debe
  * devolver una `Promise` para integrarse con el modo dynamic del Button);
  * además se emite el output `finish` (ng-spec §4).
+ *
+ * Espera del botón final (`finishDynamic`): mientras está en loading · success ·
+ * error, «Atrás» queda deshabilitado, `api.finishing` es `true` (api de
+ * `createWizard`) y `finishingChange` avisa `true` al entrar y `false` al volver
+ * a reposo. El nav espeja la fase del Button con sus mismos tiempos, como el
+ * golden. Si el nav se destruye en plena espera limpia sus timers sin avisar
+ * (igual que el golden) y libera `api.finishing`, para que una api que
+ * sobrevive no quede bloqueada.
+ *
+ * `finishDisabled` deshabilita el botón final (p. ej. el último paso no es
+ * válido); no afecta a «Siguiente» ni a la espera que ya esté en curso.
  */
-declare class WizardNavComponent {
+declare class WizardNavComponent implements OnDestroy {
     /** API de `createWizard(...)`. */
     api: WizardApi;
     /** Etiqueta del botón atrás. */
@@ -5055,12 +5087,24 @@ declare class WizardNavComponent {
     finishLabel: string;
     /** Ícono al final del botón siguiente. */
     nextIcon: string;
-    /** El botón final usa el modo `dynamic` del Button (loading → success). */
+    /**
+     * El botón final usa el modo `dynamic` del Button (loading → success/error).
+     * Mientras no está en reposo, «Atrás» se deshabilita solo.
+     */
     finishDynamic: boolean;
     /** Deshabilita "siguiente" (p. ej. validación del paso pendiente). */
     nextDisabled: boolean;
     /** Oculta el botón atrás en el primer paso (en vez de deshabilitarlo). */
     hideBackOnFirst: boolean;
+    /** Deshabilita «Atrás» a mano (con `finishDynamic` ya lo hace solo durante la espera). */
+    backDisabled: boolean;
+    /**
+     * Deshabilita el botón final del último paso (disabled nativo del Button): no
+     * emite `finish` ni llama a `finishAction`. `nextDisabled` sigue aplicando solo
+     * a «Siguiente». Si se activa mientras `finishDynamic` espera, la espera
+     * termina igual.
+     */
+    finishDisabled: boolean;
     /**
      * Handler del botón final. Con `finishDynamic` debe devolver una `Promise`
      * (su resolución decide success/error del Button).
@@ -5068,15 +5112,31 @@ declare class WizardNavComponent {
     finishAction?: () => void | IusButtonActionResult | Promise<IusButtonActionResult | void>;
     /** Se dispara al pulsar el botón final (original `onFinish`). */
     readonly finish: EventEmitter<void>;
+    /**
+     * Espera del botón final (`finishDynamic`, original `onFinishingChange`):
+     * `true` al entrar en loading y `false` al volver a reposo tras success/error.
+     * Mismo dato que `api.finishing`, para quien arma la api a mano.
+     */
+    readonly finishingChange: EventEmitter<boolean>;
+    /** Espejo de la fase del Button dinámico: `true` desde loading hasta volver a idle. */
+    protected readonly busy: _angular_core.WritableSignal<boolean>;
+    private timers;
+    private destroyed;
     /** `action` para el modo dynamic del Button: emite `finish` y espera el handler. */
     protected readonly runFinish: () => Promise<IusButtonActionResult | void>;
+    ngOnDestroy(): void;
     /** Click del botón final en modo NO dynamic. */
     protected onFinishClick(): void;
+    /** Solo en los cambios reposo ↔ espera: nunca en cada fase intermedia. */
+    private setBusy;
+    private later;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardNavComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardNavComponent, "ius-wizard-nav", never, { "api": { "alias": "api"; "required": true; }; "backLabel": { "alias": "backLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "nextIcon": { "alias": "nextIcon"; "required": false; }; "finishDynamic": { "alias": "finishDynamic"; "required": false; }; "nextDisabled": { "alias": "nextDisabled"; "required": false; }; "hideBackOnFirst": { "alias": "hideBackOnFirst"; "required": false; }; "finishAction": { "alias": "finishAction"; "required": false; }; }, { "finish": "finish"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardNavComponent, "ius-wizard-nav", never, { "api": { "alias": "api"; "required": true; }; "backLabel": { "alias": "backLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "nextIcon": { "alias": "nextIcon"; "required": false; }; "finishDynamic": { "alias": "finishDynamic"; "required": false; }; "nextDisabled": { "alias": "nextDisabled"; "required": false; }; "hideBackOnFirst": { "alias": "hideBackOnFirst"; "required": false; }; "backDisabled": { "alias": "backDisabled"; "required": false; }; "finishDisabled": { "alias": "finishDisabled"; "required": false; }; "finishAction": { "alias": "finishAction"; "required": false; }; }, { "finish": "finish"; "finishingChange": "finishingChange"; }, never, never, true, never>;
     static ngAcceptInputType_finishDynamic: unknown;
     static ngAcceptInputType_nextDisabled: unknown;
     static ngAcceptInputType_hideBackOnFirst: unknown;
+    static ngAcceptInputType_backDisabled: unknown;
+    static ngAcceptInputType_finishDisabled: unknown;
 }
 
 /** Eje con scroll. */
@@ -8171,6 +8231,12 @@ declare class PageHeaderComponent {
     readonly showBack: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Texto accesible de la flecha de volver. */
     readonly backLabel: _angular_core.InputSignal<string>;
+    /**
+     * Flecha de volver desactivada en su sitio (`ius-icon-button` disabled): no se
+     * mueve ni desaparece y no emite `back`. Caso: asistente cuyo botón final
+     * espera (`api.finishing` / `finishingChange` de `ius-wizard-nav`).
+     */
+    readonly backDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Separador inferior. */
     readonly divider: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Fondo blanco + borde + radio. */
@@ -8194,7 +8260,7 @@ declare class PageHeaderComponent {
     /** Volver es leading: si hay breadcrumb, encabeza esa fila. */
     protected readonly backInBreadcrumb: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
-    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; }; "density": { "alias": "density"; "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", "overlineRef", "titleRef", "subtitleRef"], ["[iusPageHeaderBreadcrumb]", "[iusPageHeaderOverline]", "[iusPageHeaderTitle]", "[iusPageHeaderSubtitle]", "[iusPageHeaderActions]", "[iusPageHeaderToolbar]"], true, never>;
+    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; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "backDisabled": { "alias": "backDisabled"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; }, { "back": "back"; }, ["breadcrumbRef", "actionsRef", "toolbarRef", "overlineRef", "titleRef", "subtitleRef"], ["[iusPageHeaderBreadcrumb]", "[iusPageHeaderOverline]", "[iusPageHeaderTitle]", "[iusPageHeaderSubtitle]", "[iusPageHeaderActions]", "[iusPageHeaderToolbar]"], true, never>;
 }
 
 /**
@@ -8512,6 +8578,12 @@ interface IusBreadcrumbItem {
     href?: string;
     /** Ícono Material Symbols a la izquierda del label (p. ej. `person`, `folder_open`, `gavel`). */
     icon?: string;
+    /**
+     * Desactiva el crumb: texto sin enlace (`aria-disabled`, `text-disabled`) que no
+     * emite `navigate`; en el menú "…" la opción queda deshabilitada. Caso: bloquear
+     * la salida de un asistente mientras su botón final espera.
+     */
+    disabled?: boolean;
 }
 type IusBreadcrumbSeparator = 'chevron' | 'slash';
 type IusBreadcrumbSize = 'small' | 'medium';
@@ -13209,6 +13281,12 @@ declare class KanbanBoardComponent {
     /** Inyecta «Mover todas a …» en el ⋮ de cada columna con tarjetas. */
     readonly bulkMove: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly addColumnLabel: _angular_core.InputSignal<string>;
+    /**
+     * Nombre accesible del tablero o de la lista (equivalente del `...rest` que el
+     * golden esparce en su raíz). Con nombre, la raíz lleva `role="group"`, porque
+     * `aria-label` no aplica a un div sin rol.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Tarjeta movida. */
     readonly itemMove: EventEmitter<IusKanbanItemMoveEvent>;
     /** Pila movida (multi-selección o «Mover todas a…»). Si no se enlaza, el bulk emite `itemMove` por id. */
@@ -13283,7 +13361,7 @@ declare class KanbanBoardComponent {
     protected onColumnDrop(event: CdkDragDrop<unknown, unknown, string>): void;
     protected toggleCollapse(col: IusKanbanBoardColumn, collapsed: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanBoardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanBoardComponent, "ius-kanban-board", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "reorderColumns": { "alias": "reorderColumns"; "required": false; "isSignal": true; }; "cardLayout": { "alias": "cardLayout"; "required": false; "isSignal": true; }; "cardHandle": { "alias": "cardHandle"; "required": false; "isSignal": true; }; "renderCard": { "alias": "renderCard"; "required": false; "isSignal": true; }; "columnWidth": { "alias": "columnWidth"; "required": false; "isSignal": true; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "bulkMove": { "alias": "bulkMove"; "required": false; "isSignal": true; }; "addColumnLabel": { "alias": "addColumnLabel"; "required": false; "isSignal": true; }; }, { "itemMove": "itemMove"; "itemsMove": "itemsMove"; "itemClick": "itemClick"; "selectionChange": "selectionChange"; "columnCollapse": "columnCollapse"; "columnMove": "columnMove"; "addItem": "addItem"; "addColumn": "addColumn"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanBoardComponent, "ius-kanban-board", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "reorderColumns": { "alias": "reorderColumns"; "required": false; "isSignal": true; }; "cardLayout": { "alias": "cardLayout"; "required": false; "isSignal": true; }; "cardHandle": { "alias": "cardHandle"; "required": false; "isSignal": true; }; "renderCard": { "alias": "renderCard"; "required": false; "isSignal": true; }; "columnWidth": { "alias": "columnWidth"; "required": false; "isSignal": true; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "bulkMove": { "alias": "bulkMove"; "required": false; "isSignal": true; }; "addColumnLabel": { "alias": "addColumnLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemMove": "itemMove"; "itemsMove": "itemsMove"; "itemClick": "itemClick"; "selectionChange": "selectionChange"; "columnCollapse": "columnCollapse"; "columnMove": "columnMove"; "addItem": "addItem"; "addColumn": "addColumn"; }, never, never, true, never>;
 }
 
 export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FooterStatusComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_DOCUMENT_VIEWER_ZOOM_STEPS, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDocViewerActionsDirective, IusDocViewerAsideDirective, IusDocViewerBodyDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFooterStatusActionDirective, IusFormFooterDirective, IusInsightActionsDirective, IusKanbanCardBodyDirective, IusKanbanCardLeadingDirective, IusKanbanCardTrailingDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusNavRailBrandDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, KanbanBoardComponent, KanbanCardComponent, KanbanColumnComponent, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavRailComponent, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PaginationComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RadioComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SelectNumberComponent, SelectionFieldComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, resolveViewKind, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };