orbiq-neural-ui-kit 1.1.17 → 1.1.18

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.
Files changed (3) hide show
  1. package/fesm2022/orbiq-neural-ui-kit.mjs +42 -58
  2. package/fesm2022/orbiq-neural-ui-kit.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/orbiq-neural-ui-kit.mjs CHANGED
@@ -12583,6 +12583,27 @@ class NeuralDataTableComponent {
12583
12583
 
12584
12584
  <div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
12585
12585
 
12586
+ <!-- Pagination Controls (List Mode) -->
12587
+ <div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium mr-2">
12588
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(1)" title="Primera página">
12589
+ <i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
12590
+ </button>
12591
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(page() - 1)" title="Anterior">
12592
+ <i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
12593
+ </button>
12594
+
12595
+ <span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
12596
+
12597
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(page() + 1)" title="Siguiente">
12598
+ <i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
12599
+ </button>
12600
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(totalPages())" title="Última página">
12601
+ <i class="lucide-chevrons-right size-3.5" style="stroke-width: 1.5px;"></i>
12602
+ </button>
12603
+ </div>
12604
+
12605
+ <div class="w-px h-4 bg-outline-gray-2 mr-1.5"></div>
12606
+
12586
12607
  <!-- Settings, Help and External Actions -->
12587
12608
  <div class="flex items-center gap-0.5">
12588
12609
  <button class="flex items-center justify-center size-8 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Configurar columnas" (click)="isPreferencesOpen.set(true)">
@@ -12682,35 +12703,6 @@ class NeuralDataTableComponent {
12682
12703
  </tbody>
12683
12704
  </table>
12684
12705
  </div>
12685
-
12686
- <!-- Footer / Pagination Area -->
12687
- <div class="flex items-center justify-between px-4 py-3 border-t border-outline-gray-2 bg-white">
12688
- <!-- Left Footer -->
12689
- <div class="text-[13px] text-ink-gray-5">
12690
- <!-- Espacio para contadores de selección -->
12691
- </div>
12692
-
12693
- <!-- Right Footer: Pagination & Settings -->
12694
- <div class="flex items-center gap-4">
12695
- <div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium">
12696
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(1)" title="Primera página">
12697
- <i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
12698
- </button>
12699
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(page() - 1)" title="Anterior">
12700
- <i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
12701
- </button>
12702
-
12703
- <span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
12704
-
12705
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(page() + 1)" title="Siguiente">
12706
- <i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
12707
- </button>
12708
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(totalPages())" title="Última página">
12709
- <i class="lucide-chevrons-right size-3.5" style="stroke-width: 1.5px;"></i>
12710
- </button>
12711
- </div>
12712
- </div>
12713
- </div>
12714
12706
  }
12715
12707
 
12716
12708
  @if (viewMode() === 'form') {
@@ -12839,6 +12831,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12839
12831
 
12840
12832
  <div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
12841
12833
 
12834
+ <!-- Pagination Controls (List Mode) -->
12835
+ <div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium mr-2">
12836
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(1)" title="Primera página">
12837
+ <i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
12838
+ </button>
12839
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(page() - 1)" title="Anterior">
12840
+ <i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
12841
+ </button>
12842
+
12843
+ <span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
12844
+
12845
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(page() + 1)" title="Siguiente">
12846
+ <i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
12847
+ </button>
12848
+ <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(totalPages())" title="Última página">
12849
+ <i class="lucide-chevrons-right size-3.5" style="stroke-width: 1.5px;"></i>
12850
+ </button>
12851
+ </div>
12852
+
12853
+ <div class="w-px h-4 bg-outline-gray-2 mr-1.5"></div>
12854
+
12842
12855
  <!-- Settings, Help and External Actions -->
12843
12856
  <div class="flex items-center gap-0.5">
12844
12857
  <button class="flex items-center justify-center size-8 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Configurar columnas" (click)="isPreferencesOpen.set(true)">
@@ -12938,35 +12951,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12938
12951
  </tbody>
12939
12952
  </table>
12940
12953
  </div>
12941
-
12942
- <!-- Footer / Pagination Area -->
12943
- <div class="flex items-center justify-between px-4 py-3 border-t border-outline-gray-2 bg-white">
12944
- <!-- Left Footer -->
12945
- <div class="text-[13px] text-ink-gray-5">
12946
- <!-- Espacio para contadores de selección -->
12947
- </div>
12948
-
12949
- <!-- Right Footer: Pagination & Settings -->
12950
- <div class="flex items-center gap-4">
12951
- <div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium">
12952
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(1)" title="Primera página">
12953
- <i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
12954
- </button>
12955
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() === 1" (click)="onPageChange.emit(page() - 1)" title="Anterior">
12956
- <i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
12957
- </button>
12958
-
12959
- <span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
12960
-
12961
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(page() + 1)" title="Siguiente">
12962
- <i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
12963
- </button>
12964
- <button class="p-1 hover:bg-surface-gray-2 rounded text-ink-gray-5 hover:text-ink-gray-8 disabled:opacity-30 disabled:hover:bg-transparent" [disabled]="page() >= totalPages()" (click)="onPageChange.emit(totalPages())" title="Última página">
12965
- <i class="lucide-chevrons-right size-3.5" style="stroke-width: 1.5px;"></i>
12966
- </button>
12967
- </div>
12968
- </div>
12969
- </div>
12970
12954
  }
12971
12955
 
12972
12956
  @if (viewMode() === 'form') {