@litigiovirtual/ius-design-components 2.1.8 → 2.1.9

package/package.json

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

@@ -6036,5 +6036,136 @@ declare class AccordionComponent {
     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>;
 }
 
-export { AccordionComponent, AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsigniaComponent, 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, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PersonItemComponent, PersonPickerComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
-export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, GestionStatus, IllustrationEntry, IllustrationName, IllustrationSize, IusAccordionItem, IusAccordionVariant, 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, 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, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTabItem, IusTabTag, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };
+/** Estado forzado — solo demos. */
+type IusAccountItemState = 'hover' | 'pressed';
+/** Acción del menú ⋮ de la fila (espejo de `IusDropdownItem`/`IusMenuOption`). */
+interface IusAccountItemAction {
+    key?: string | number;
+    icon?: string;
+    label?: string;
+    /** Agrupa: al cambiar de `group` inserta un divisor. */
+    group?: string | number;
+    /** Inserta un divisor en su lugar. */
+    separator?: boolean;
+    danger?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent) => void;
+}
+/** Nombre rico proyectado (alternativa al input `name`). */
+declare class IusAccountItemNameDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemNameDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemNameDirective, "[iusAccountItemName]", never, {}, {}, never, never, true, never>;
+}
+/** Subtítulo rico proyectado (alternativa al input `subtitle`). */
+declare class IusAccountItemSubtitleDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemSubtitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemSubtitleDirective, "[iusAccountItemSubtitle]", never, {}, {}, never, never, true, never>;
+}
+/** Nodo libre al borde derecho (Tag, contador, chip de estado). */
+declare class IusAccountItemTrailingDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemTrailingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemTrailingDirective, "[iusAccountItemTrailing]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * AccountItem — Ius Design v2 (familia data-display).
+ *
+ * Fila-tarjeta de una **cuenta a la que el usuario puede cambiar**: la unidad de
+ * la vista «Cambiar de cuenta» del UserMenu. Avatar de la cuenta + nombre (+
+ * subtítulo opcional: tipo, rol o dominio), seleccionable, con la cuenta activa
+ * marcada con un check. Fuente de verdad: `AccountItem.jsx` +
+ * `AccountItem.d.ts` + `AccountItem.ng-spec.md`.
+ *
+ * La superficie la pone **`ius-card`** (`outlined · radius lg · padding none`),
+ * como manda la ng-spec: no se reescribe a mano. AccountItem solo aporta el
+ * layout de la fila y sus **estados tintados info** (hover / pressed /
+ * selected), que pisan la elevación por defecto de Card.
+ *
+ * `actions` compone `ius-dropdown` (trigger IconButton `more_vert` proyectado)
+ * en un slot de **ancho fijo** (`--_ai-actions-w`), para que todas las listas de
+ * cuentas del ecosistema queden alineadas. `[iusAccountItemTrailing]` acepta un
+ * nodo libre en el mismo borde y convive con `actions`. Con `disabled` las
+ * acciones quedan **visibles pero inertes** (la fila pierde `pointer-events`),
+ * regla única del sistema.
+ *
+ * **Nota de port — el `split` del golden.** El golden alterna su DOM según el
+ * contenido: sin `actions`/`trailing` la raíz **es** el `<button>` de `onClick`;
+ * con ellos la raíz pasa a `div` y el área primaria se vuelve un botón interno
+ * (anidar un IconButton dentro de un `<button>` es HTML inválido y rompe el
+ * teclado). Aquí se adopta **siempre** la segunda forma — la raíz es
+ * `<ius-card>` (div) y el área primaria es un `<button>` interno:
+ *
+ *  - En Angular alternar la etiqueta raíz exige un `@if`/`@else`, y el contenido
+ *    proyectado (`[iusAccountItemName]`, `[iusAccountItemSubtitle]`) solo se
+ *    instancia en UNA rama: al cambiar `actions`/`trailing` en caliente —lo que
+ *    hace el playground— la proyección se perdería.
+ *  - El resultado accesible es el mismo que el del golden: un único botón real
+ *    que cubre la fila, con su `aria-label` y su `aria-pressed`, y el ⋮ como
+ *    control hermano alcanzable por teclado aparte. Nunca hay control anidado
+ *    en control, ni en el caso simple.
+ *  - Visualmente es idéntico: los estados se pintan sobre TODA la fila desde la
+ *    raíz (`data-actionable` + `:has(.ius-acctitem__main:active/:focus-visible)`),
+ *    que es exactamente lo que hace la rama `split` del golden.
+ *
+ * Para fila de acción/navegación → MenuItem; control de cuenta del HeaderBar →
+ * NavUser. Primera carga → envolver en Skeleton (AccountItem no lleva
+ * `loading` propio).
+ */
+declare class AccountItemComponent {
+    /** Nombre de la cuenta. Para markup rico proyectar `[iusAccountItemName]`. */
+    name?: string;
+    /**
+     * Subtítulo opcional (tipo, rol, dominio…). Ej. `Personal`. Para markup rico
+     * proyectar `[iusAccountItemSubtitle]`.
+     */
+    subtitle?: string;
+    /** URL de la fotografía de la cuenta (pasa a `ius-avatar` como `src`). */
+    avatar?: string;
+    /** Ícono Material Symbols del medallón (sin foto/monograma/nombre cae a `account_circle`). */
+    icon?: string;
+    /** Monograma explícito. */
+    monogram?: string;
+    /** Familia de color del medallón; `auto` es estable por nombre. */
+    color: IusAvatarColor;
+    /** Forma del medallón. */
+    shape: IusAvatarShape;
+    /** Cuenta activa: fondo resaltado + check. */
+    selected: boolean;
+    /** Deshabilitada: la fila entera queda inerte (las acciones, visibles). */
+    disabled: boolean;
+    /** Acciones secundarias en el menú ⋮ del borde derecho. */
+    actions: IusAccountItemAction[];
+    /** aria del menú de acciones. */
+    actionsLabel: string;
+    /** Estado forzado — solo demos. */
+    state?: IusAccountItemState;
+    /** Nombre accesible del área primaria (anula el derivado del nombre). */
+    ariaLabel?: string;
+    /** Fila pulsada (original `onClick`). */
+    readonly clicked: EventEmitter<MouseEvent>;
+    private readonly nameRef;
+    private readonly subtitleRef;
+    private readonly trailingRef;
+    /** Fila viva: hay quien escuche el clic y no está deshabilitada. */
+    protected get actionable(): boolean;
+    protected get hasSubtitle(): boolean;
+    protected get hasTrailing(): boolean;
+    protected get showMenu(): boolean;
+    /** El monograma explícito gana: entonces el nombre no alimenta las iniciales. */
+    protected get avatarName(): string | undefined;
+    /** Sin foto/monograma/nombre, el medallón cae al ícono genérico de cuenta. */
+    protected get effIcon(): string | undefined;
+    /** `Cuenta <nombre>` como nombre accesible por defecto (verbatim del golden). */
+    protected get label(): string;
+    /** El golden solo declara `aria-pressed` cuando la cuenta está activa. */
+    protected get ariaPressed(): string | null;
+    /** aria del IconButton ⋮ — nombra la cuenta cuando la hay. */
+    protected get menuLabel(): string;
+    protected onMainClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccountItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccountItemComponent, "ius-account-item", never, { "name": { "alias": "name"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "monogram": { "alias": "monogram"; "required": false; }; "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; }; "state": { "alias": "state"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "clicked": "clicked"; }, ["nameRef", "subtitleRef", "trailingRef"], ["[iusAccountItemName]", "[iusAccountItemSubtitle]", "[iusAccountItemTrailing]"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+export { AccordionComponent, AccountItemComponent, AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, 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, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PersonItemComponent, PersonPickerComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
+export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, 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, 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, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTabItem, IusTabTag, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };