@devjuliovilla/jv-ui 1.11.0 → 1.11.2
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 +16 -15
- package/fesm2022/devjuliovilla-jv-ui.mjs +799 -533
- package/fesm2022/devjuliovilla-jv-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/devjuliovilla-jv-ui.d.ts +5 -1
package/README.md
CHANGED
|
@@ -47,8 +47,8 @@ export class App {}
|
|
|
47
47
|
| Containers | `JvCard`, `JvSection`, `JvDivider` |
|
|
48
48
|
| List | `JvList`, `JvListItem` — list with title, description, icons, badges, and interactive items |
|
|
49
49
|
| Tabs | `JvTabs`, `JvTabPanelDirective` — horizontal tabs with keyboard navigation and animated transitions |
|
|
50
|
-
| Slider | `JvImageSlider` — responsive image slider with thumbnails and keyboard navigation |
|
|
51
|
-
| Gallery | `JvImageGallery` — horizontal image gallery with wheel scrolling and full-screen viewer |
|
|
50
|
+
| Slider | `JvImageSlider` — responsive image slider with thumbnails and keyboard navigation |
|
|
51
|
+
| Gallery | `JvImageGallery` — horizontal image gallery with wheel scrolling and full-screen viewer |
|
|
52
52
|
| Feedback | `JvAlert`, `JvBadge`, `JvLoader`, `JvToast` |
|
|
53
53
|
| Dialogs | `JvDialog`, `JvConfirmDialog` |
|
|
54
54
|
| Layout | `JvDashboardShell`, `JvSidebar`, `JvTopbar`, `JvBreadcrumb`, `JvPage` |
|
|
@@ -147,9 +147,10 @@ import { JvGridComponent } from '@devjuliovilla/jv-ui';
|
|
|
147
147
|
| `pageSizeOptions` | `number[]` | `[10, 20, 50, 100]` | Page size selector options |
|
|
148
148
|
| `density` | `'compact' \| 'normal' \| 'comfortable'` | `'normal'` | Row density |
|
|
149
149
|
| `loading` | `boolean` | `false` | Show loading spinner |
|
|
150
|
-
| `emptyMessage` | `string` | — | Empty state message |
|
|
151
|
-
| `exportable` | `boolean` | `false` | Show CSV/Excel export buttons |
|
|
152
|
-
| `
|
|
150
|
+
| `emptyMessage` | `string` | — | Empty state message |
|
|
151
|
+
| `exportable` | `boolean` | `false` | Show CSV/Excel export buttons |
|
|
152
|
+
| `exportFileName` | `string` | `''` | Base filename used for CSV/Excel exports; the component applies the correct extension |
|
|
153
|
+
| `serverSide` | `boolean` | `false` | Disable client-side processing |
|
|
153
154
|
| `totalItems` | `number` | `0` | Total items for server-side mode |
|
|
154
155
|
| `stickyColumns` | `boolean` | `false` | Enable sticky column support |
|
|
155
156
|
| `resizableColumns` | `boolean` | `false` | Enable column resizing |
|
|
@@ -182,7 +183,7 @@ interface Product {
|
|
|
182
183
|
<jv-grid
|
|
183
184
|
[data]="products"
|
|
184
185
|
[columns]="columns"
|
|
185
|
-
[options]="{ selectable: true, exportable: true, pageSize: 10 }"
|
|
186
|
+
[options]="{ selectable: true, exportable: true, exportFileName: 'products', pageSize: 10 }"
|
|
186
187
|
[trackBy]="'id'"
|
|
187
188
|
[selectedIds]="selectedIds"
|
|
188
189
|
(selectionChange)="selectedIds = $event"
|
|
@@ -493,8 +494,8 @@ import { JvImageGalleryComponent, JvGalleryImage, JvGalleryAction } from '@devju
|
|
|
493
494
|
| Input | Type | Default | Description |
|
|
494
495
|
|---|---|---|---|
|
|
495
496
|
| `images` | `JvGalleryImage[]` | `[]` | Array of images to display |
|
|
496
|
-
| `stripHeightVh` | `number` | `25` | Height of the thumbnail strip in viewport-height units, clamped between `0` and `100` |
|
|
497
|
-
| `actions` | `JvGalleryAction[]` | `[]` | Action buttons shown in dialog footer |
|
|
497
|
+
| `stripHeightVh` | `number` | `25` | Height of the thumbnail strip in viewport-height units, clamped between `0` and `100` |
|
|
498
|
+
| `actions` | `JvGalleryAction[]` | `[]` | Action buttons shown in dialog footer |
|
|
498
499
|
|
|
499
500
|
**Outputs:**
|
|
500
501
|
|
|
@@ -505,7 +506,7 @@ import { JvImageGalleryComponent, JvGalleryImage, JvGalleryAction } from '@devju
|
|
|
505
506
|
|
|
506
507
|
### Features
|
|
507
508
|
|
|
508
|
-
- **Horizontal strip:** Scrollable thumbnail strip with configurable height in `vh`
|
|
509
|
+
- **Horizontal strip:** Scrollable thumbnail strip with configurable height in `vh`
|
|
509
510
|
- **Full-screen viewer:** Click any image to open in a dialog with dark background
|
|
510
511
|
- **Navigation:** Prev/next buttons and keyboard arrows (← →) in the viewer
|
|
511
512
|
- **Configurable actions:** Action buttons in dialog footer (favorite, edit, delete, etc.)
|
|
@@ -523,12 +524,12 @@ import { JvImageGalleryComponent, JvGalleryImage, JvGalleryAction } from '@devju
|
|
|
523
524
|
standalone: true,
|
|
524
525
|
imports: [JvImageGalleryComponent],
|
|
525
526
|
template: `
|
|
526
|
-
<jv-image-gallery
|
|
527
|
-
[images]="images"
|
|
528
|
-
[stripHeightVh]="30"
|
|
529
|
-
[actions]="actions"
|
|
530
|
-
(imageClick)="onImageClick($event)"
|
|
531
|
-
(actionClick)="onActionClick($event)"
|
|
527
|
+
<jv-image-gallery
|
|
528
|
+
[images]="images"
|
|
529
|
+
[stripHeightVh]="30"
|
|
530
|
+
[actions]="actions"
|
|
531
|
+
(imageClick)="onImageClick($event)"
|
|
532
|
+
(actionClick)="onActionClick($event)"
|
|
532
533
|
/>
|
|
533
534
|
`,
|
|
534
535
|
})
|