@devjuliovilla/jv-ui 1.10.0 → 1.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devjuliovilla/jv-ui",
-  "version": "1.10.0",
+  "version": "1.11.1",
   "description": "Accessibility-first Angular component library — components, forms, data grids, dialogs, layout, services, and i18n infrastructure built with signals and standalone APIs.",
   "author": "@devjuliovilla",
   "license": "MIT",

package/types/devjuliovilla-jv-ui.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, InjectionToken, AfterViewInit, OnDestroy } from '@angular/core';
+import { TemplateRef, ElementRef, InjectionToken, AfterViewInit, OnDestroy } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _devjuliovilla_jv_ui from '@devjuliovilla/jv-ui';
@@ -225,6 +225,7 @@ interface JvUiFormats {
     percent: Intl.NumberFormatOptions;
 }
 type JvToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type JvTabTransition = 'none' | 'fade' | 'slide';
 interface JvUiConfig {
     theme: JvTheme;
     density: JvDensity;
@@ -234,6 +235,7 @@ interface JvUiConfig {
     formatLocale: string;
     formats: JvUiFormats;
     toastPosition: JvToastPosition;
+    tabsTransition: JvTabTransition;
 }
 type JvUiConfigInput = Omit<Partial<JvUiConfig>, 'formats'> & {
     formats?: Partial<JvUiFormats>;
@@ -448,7 +450,7 @@ declare class JvDatePickerComponent implements ControlValueAccessor {
     protected readonly visibleMonth: _angular_core.WritableSignal<Date>;
     protected readonly focusedDate: _angular_core.WritableSignal<Date>;
     protected readonly dialogId: string;
-    protected value: Date | null;
+    protected readonly value: _angular_core.WritableSignal<Date | null>;
     protected disabled: boolean;
     protected readonly resolvedDialogTitle: _angular_core.Signal<string>;
     protected readonly currentValue: _angular_core.Signal<Date | null | undefined>;
@@ -675,6 +677,86 @@ declare class JvTextareaComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvTextareaComponent, "jv-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+interface JvGalleryImage {
+    src: string;
+    alt: string;
+    thumbnail?: string;
+}
+interface JvGalleryAction {
+    id: string;
+    label: string;
+    icon?: string;
+    tone?: JvIntent;
+}
+
+declare class JvImageGalleryComponent {
+    private readonly translation;
+    readonly images: _angular_core.InputSignal<JvGalleryImage[]>;
+    readonly stripHeightVh: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly actions: _angular_core.InputSignal<JvGalleryAction[]>;
+    readonly imageClick: _angular_core.OutputEmitterRef<JvGalleryImage>;
+    readonly actionClick: _angular_core.OutputEmitterRef<{
+        actionId: string;
+        image: JvGalleryImage;
+    }>;
+    protected readonly strip: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly dialogOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly currentIndex: _angular_core.WritableSignal<number>;
+    protected readonly slideDirection: _angular_core.WritableSignal<"left" | "right" | null>;
+    protected readonly hasMultiple: _angular_core.Signal<boolean>;
+    protected readonly stripHeightStyle: _angular_core.Signal<string>;
+    protected readonly currentImage: _angular_core.Signal<JvGalleryImage>;
+    protected readonly dialogTitle: _angular_core.Signal<string>;
+    protected readonly translatedLabels: _angular_core.Signal<{
+        close: string;
+        prev: string;
+        next: string;
+    }>;
+    protected handleKeydown(event: KeyboardEvent): void;
+    protected onWheel(event: WheelEvent): void;
+    protected openDialog(index: number): void;
+    protected closeDialog(): void;
+    protected previous(): void;
+    protected next(): void;
+    protected onAction(action: JvGalleryAction): void;
+    private clampStripHeight;
+    private showImage;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<JvImageGalleryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvImageGalleryComponent, "jv-image-gallery", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "stripHeightVh": { "alias": "stripHeightVh"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "imageClick": "imageClick"; "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+interface JvSliderImage {
+    src: string;
+    alt: string;
+    description?: string;
+    thumbnail?: string;
+}
+
+declare class JvImageSliderComponent {
+    private readonly thumbnailStripRef;
+    private readonly translation;
+    readonly images: _angular_core.InputSignal<JvSliderImage[]>;
+    readonly showThumbnails: _angular_core.InputSignal<boolean>;
+    readonly showDescription: _angular_core.InputSignal<boolean>;
+    readonly imageChange: _angular_core.OutputEmitterRef<number>;
+    protected readonly currentIndex: _angular_core.WritableSignal<number>;
+    protected readonly hasMultiple: _angular_core.Signal<boolean>;
+    protected readonly currentImage: _angular_core.Signal<JvSliderImage>;
+    protected readonly translatedAriaLabels: _angular_core.Signal<{
+        prev: string;
+        next: string;
+        thumbnailList: string;
+    }>;
+    constructor();
+    protected handleKeydown(event: KeyboardEvent): void;
+    protected previous(): void;
+    protected next(): void;
+    protected goTo(index: number): void;
+    private scrollThumbnailIntoView;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<JvImageSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvImageSliderComponent, "jv-image-slider", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; }, { "imageChange": "imageChange"; }, never, never, true, never>;
+}
+
 declare class JvIconComponent {
     private readonly warnedNames;
     readonly name: _angular_core.InputSignal<string>;
@@ -963,12 +1045,18 @@ declare class JvTabsComponent implements AfterViewInit {
     private readonly instanceId;
     private readonly panelTemplates;
     private readonly tabListRef;
+    private readonly config;
     readonly tabs: _angular_core.InputSignal<JvTabItem[]>;
     readonly activeTabId: _angular_core.InputSignal<string | null>;
     readonly keepMounted: _angular_core.InputSignal<boolean>;
+    readonly transition: _angular_core.InputSignal<JvTabTransition | null>;
     readonly activeTabChange: _angular_core.OutputEmitterRef<string>;
     protected readonly showScrollLeft: _angular_core.WritableSignal<boolean>;
     protected readonly showScrollRight: _angular_core.WritableSignal<boolean>;
+    protected readonly slideDirection: _angular_core.WritableSignal<"left" | "right">;
+    protected readonly outgoingPanelId: _angular_core.WritableSignal<string | null>;
+    private readonly previousActiveTabId;
+    protected readonly effectiveTransition: _angular_core.Signal<JvTabTransition>;
     protected readonly resolvedActiveTabId: _angular_core.Signal<string>;
     constructor();
     ngAfterViewInit(): void;
@@ -976,6 +1064,7 @@ declare class JvTabsComponent implements AfterViewInit {
     protected isActive(tabId: string): boolean;
     protected getTabIndex(tabId: string, disabled: boolean): 0 | -1;
     protected activateTab(tabId: string): void;
+    protected handleTransitionEnd(event: TransitionEvent): void;
     protected handleKeydown(event: KeyboardEvent, currentTabId: string): void;
     protected scrollTabs(direction: -1 | 1): void;
     protected updateScrollControls(): void;
@@ -987,7 +1076,7 @@ declare class JvTabsComponent implements AfterViewInit {
     private focusTabButton;
     private getTabButton;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<JvTabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvTabsComponent, "jv-tabs", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTabId": { "alias": "activeTabId"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; }, { "activeTabChange": "activeTabChange"; }, ["panelTemplates"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvTabsComponent, "jv-tabs", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTabId": { "alias": "activeTabId"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; }, { "activeTabChange": "activeTabChange"; }, ["panelTemplates"], never, true, never>;
 }
 
 type JvTooltipPosition = 'top' | 'right' | 'bottom' | 'left';
@@ -1257,6 +1346,7 @@ declare class JvGridComponent<T = any> {
     protected onVirtualScroll(target: HTMLElement): void;
     protected exportCsv(): void;
     protected exportExcel(): void;
+    private buildExportMatrix;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<JvGridComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvGridComponent<any>, "jv-grid", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; }, { "rowClick": "rowClick"; "rowDoubleClick": "rowDoubleClick"; "actionClick": "actionClick"; "selectionChange": "selectionChange"; "pageChange": "pageChange"; "searchChange": "searchChange"; "sortChange": "sortChange"; "columnFilter": "columnFilter"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "rowEdit": "rowEdit"; }, never, never, true, never>;
 }
@@ -1286,5 +1376,5 @@ declare class JvPaginationComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<JvPaginationComponent, "jv-pagination", never, { "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
 }
 
-export { EN, ES, JV_DEFAULT_LOCALE, JV_FALLBACK_ICON_NAME, JV_GRID_DEFAULT_OPTIONS, JV_LOCALE_DICTIONARIES, JV_LUCIDE_ICON_REGISTRY, JV_UI_CONFIG, JV_UI_CONFIG_DEFAULTS, JV_UI_DEFAULT_CONFIG, JvAccordionComponent, JvAccordionPanelDirective, JvAlertComponent, JvAnnouncementService, JvBadgeComponent, JvBreadcrumbComponent, JvButtonComponent, JvButtonGroupComponent, JvCardComponent, JvChangePasswordPageComponent, JvCheckboxComponent, JvCodeComponent, JvCollapsiblePanelComponent, JvConfirmDialogComponent, JvDashboardShellComponent, JvDatePickerComponent, JvDialogComponent, JvDialogService, JvDividerComponent, JvFileInputComponent, JvForgotPasswordPageComponent, JvFormContainerComponent, JvFormatService, JvGridComponent, JvIconButtonComponent, JvIconComponent, JvInputComponent, JvListComponent, JvListItemComponent, JvLoaderComponent, JvLoaderService, JvLoginPageComponent, JvModalSelectorComponent, JvPageComponent, JvPaginationComponent, JvRadioComponent, JvSectionComponent, JvSelectComponent, JvSidebarComponent, JvSwitchComponent, JvTabPanelDirective, JvTabsComponent, JvTextareaComponent, JvThemeService, JvToastComponent, JvToastService, JvTooltipDirective, JvTopbarComponent, JvTranslationService, provideJvUi };
-export type { JvAccordionItem, JvActiveConfirmDialog, JvBreadcrumbItem, JvChangePasswordSubmitEvent, JvCodeFont, JvCollapsiblePanelVariant, JvConfirmOptions, JvDensity, JvFileInputRejection, JvForgotPasswordSubmitEvent, JvFormatKind, JvFormatOverrides, JvGridAction, JvGridColumn, JvGridColumnFilter, JvGridColumnFormatOptions, JvGridColumnReorderEvent, JvGridColumnResizeEvent, JvGridColumnType, JvGridColumnWidth, JvGridFilterOperator, JvGridOptions, JvGridPageEvent, JvGridRowEditEvent, JvGridRowId, JvGridSortDirection, JvGridSortState, JvGridTrackBy, JvIconDefinition, JvIconElement, JvIntent, JvListItemModel, JvLoaderState, JvLocale, JvLoginSubmitEvent, JvMessagesLocale, JvModalSelectorOption, JvNavItem, JvPaginationEvent, JvSelectOption, JvTabItem, JvTheme, JvThemeOption, JvToastItem, JvToastPosition, JvToastViewport, JvTone, JvTooltipPosition, JvTopbarAction, JvUiConfig, JvUiConfigInput, JvUiFormats };
+export { EN, ES, JV_DEFAULT_LOCALE, JV_FALLBACK_ICON_NAME, JV_GRID_DEFAULT_OPTIONS, JV_LOCALE_DICTIONARIES, JV_LUCIDE_ICON_REGISTRY, JV_UI_CONFIG, JV_UI_CONFIG_DEFAULTS, JV_UI_DEFAULT_CONFIG, JvAccordionComponent, JvAccordionPanelDirective, JvAlertComponent, JvAnnouncementService, JvBadgeComponent, JvBreadcrumbComponent, JvButtonComponent, JvButtonGroupComponent, JvCardComponent, JvChangePasswordPageComponent, JvCheckboxComponent, JvCodeComponent, JvCollapsiblePanelComponent, JvConfirmDialogComponent, JvDashboardShellComponent, JvDatePickerComponent, JvDialogComponent, JvDialogService, JvDividerComponent, JvFileInputComponent, JvForgotPasswordPageComponent, JvFormContainerComponent, JvFormatService, JvGridComponent, JvIconButtonComponent, JvIconComponent, JvImageGalleryComponent, JvImageSliderComponent, JvInputComponent, JvListComponent, JvListItemComponent, JvLoaderComponent, JvLoaderService, JvLoginPageComponent, JvModalSelectorComponent, JvPageComponent, JvPaginationComponent, JvRadioComponent, JvSectionComponent, JvSelectComponent, JvSidebarComponent, JvSwitchComponent, JvTabPanelDirective, JvTabsComponent, JvTextareaComponent, JvThemeService, JvToastComponent, JvToastService, JvTooltipDirective, JvTopbarComponent, JvTranslationService, provideJvUi };
+export type { JvAccordionItem, JvActiveConfirmDialog, JvBreadcrumbItem, JvChangePasswordSubmitEvent, JvCodeFont, JvCollapsiblePanelVariant, JvConfirmOptions, JvDensity, JvFileInputRejection, JvForgotPasswordSubmitEvent, JvFormatKind, JvFormatOverrides, JvGalleryAction, JvGalleryImage, JvGridAction, JvGridColumn, JvGridColumnFilter, JvGridColumnFormatOptions, JvGridColumnReorderEvent, JvGridColumnResizeEvent, JvGridColumnType, JvGridColumnWidth, JvGridFilterOperator, JvGridOptions, JvGridPageEvent, JvGridRowEditEvent, JvGridRowId, JvGridSortDirection, JvGridSortState, JvGridTrackBy, JvIconDefinition, JvIconElement, JvIntent, JvListItemModel, JvLoaderState, JvLocale, JvLoginSubmitEvent, JvMessagesLocale, JvModalSelectorOption, JvNavItem, JvPaginationEvent, JvSelectOption, JvSliderImage, JvTabItem, JvTabTransition, JvTheme, JvThemeOption, JvToastItem, JvToastPosition, JvToastViewport, JvTone, JvTooltipPosition, JvTopbarAction, JvUiConfig, JvUiConfigInput, JvUiFormats };