orbiq-neural-ui-kit 1.0.33 → 1.0.34
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.
|
@@ -12268,42 +12268,42 @@ class NeuralDataTableComponent {
|
|
|
12268
12268
|
<div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
|
|
12269
12269
|
|
|
12270
12270
|
<!-- Top Header Area -->
|
|
12271
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12271
|
+
<div class="flex items-center justify-between px-4 py-2.5 border-b border-outline-gray-2 bg-white">
|
|
12272
12272
|
<!-- Left: Title & Info -->
|
|
12273
12273
|
<div class="flex items-center gap-3">
|
|
12274
|
-
<h2 class="text-[
|
|
12274
|
+
<h2 class="text-[14px] font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12275
12275
|
@if (count() !== undefined) {
|
|
12276
|
-
<span class="text-[
|
|
12276
|
+
<span class="text-[12px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
|
|
12277
12277
|
}
|
|
12278
12278
|
@if (hasInfo()) {
|
|
12279
|
-
<button class="text-[
|
|
12279
|
+
<button class="text-[12px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
|
|
12280
12280
|
Información
|
|
12281
12281
|
</button>
|
|
12282
12282
|
}
|
|
12283
12283
|
</div>
|
|
12284
12284
|
|
|
12285
12285
|
<!-- Right: Actions Toolbar -->
|
|
12286
|
-
<div class="flex items-center gap-
|
|
12286
|
+
<div class="flex items-center gap-1.5">
|
|
12287
12287
|
|
|
12288
|
-
<!-- Built-in Actions Group -->
|
|
12289
|
-
<div class="flex items-center
|
|
12290
|
-
<neural-button variant="ghost" size="sm" icon="lucide-list" [iconLeft]="true" class="!px-
|
|
12291
|
-
<
|
|
12292
|
-
<neural-button variant="ghost" size="sm" icon="lucide-
|
|
12293
|
-
<div class="w-px h-4 bg-outline-gray-3 mx-0.5"></div>
|
|
12294
|
-
<neural-button variant="ghost" size="sm" icon="lucide-arrow-up-down" [iconLeft]="true" class="!px-2 !text-[13px] !text-ink-gray-7 hover:!text-ink-gray-9" title="Orden">Orden</neural-button>
|
|
12288
|
+
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12289
|
+
<div class="flex items-center gap-0.5">
|
|
12290
|
+
<neural-button variant="ghost" size="sm" icon="lucide-list" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onViewChange.emit('report')">Vista</neural-button>
|
|
12291
|
+
<neural-button variant="ghost" size="sm" icon="lucide-filter" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onFilterClick.emit()">Filtrar</neural-button>
|
|
12292
|
+
<neural-button variant="ghost" size="sm" icon="lucide-arrow-up-down" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" title="Orden">Orden</neural-button>
|
|
12295
12293
|
</div>
|
|
12296
12294
|
|
|
12297
|
-
<div class="
|
|
12298
|
-
|
|
12299
|
-
|
|
12295
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1"></div>
|
|
12296
|
+
|
|
12297
|
+
<div class="flex items-center gap-0.5">
|
|
12298
|
+
<button class="flex items-center justify-center size-7 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Actualizar" (click)="onRefreshClick.emit()">
|
|
12299
|
+
<i class="lucide-refresh-cw size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12300
12300
|
</button>
|
|
12301
|
-
<button class="flex items-center justify-center size-
|
|
12302
|
-
<i class="lucide-more-horizontal size-
|
|
12301
|
+
<button class="flex items-center justify-center size-7 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Más acciones">
|
|
12302
|
+
<i class="lucide-more-horizontal size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12303
12303
|
</button>
|
|
12304
12304
|
</div>
|
|
12305
12305
|
|
|
12306
|
-
<div class="w-px h-
|
|
12306
|
+
<div class="w-px h-5 bg-outline-gray-2 mx-1"></div>
|
|
12307
12307
|
|
|
12308
12308
|
<!-- External Actions (Refresh, Create, etc) -->
|
|
12309
12309
|
<ng-content select="[header-actions]"></ng-content>
|
|
@@ -12311,7 +12311,7 @@ class NeuralDataTableComponent {
|
|
|
12311
12311
|
</div>
|
|
12312
12312
|
|
|
12313
12313
|
<!-- Search Area -->
|
|
12314
|
-
<div class="px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
|
|
12314
|
+
<div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
|
|
12315
12315
|
<div class="w-full max-w-sm">
|
|
12316
12316
|
<neural-text-input
|
|
12317
12317
|
[placeholder]="searchPlaceholder()"
|
|
@@ -12320,6 +12320,11 @@ class NeuralDataTableComponent {
|
|
|
12320
12320
|
(valueModelChange)="onSearch.emit($event)"
|
|
12321
12321
|
></neural-text-input>
|
|
12322
12322
|
</div>
|
|
12323
|
+
|
|
12324
|
+
<!-- Preferences / Columns Dialog Trigger (Moved to search row) -->
|
|
12325
|
+
<button class="flex items-center justify-center size-7 rounded-md border border-outline-gray-2 bg-white hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors shadow-sm" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
|
|
12326
|
+
<i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12327
|
+
</button>
|
|
12323
12328
|
</div>
|
|
12324
12329
|
|
|
12325
12330
|
<!-- Table Content -->
|
|
@@ -12329,7 +12334,7 @@ class NeuralDataTableComponent {
|
|
|
12329
12334
|
<tr class="border-b border-outline-gray-2 bg-white">
|
|
12330
12335
|
@for (col of visibleColumns(); track col.key) {
|
|
12331
12336
|
<th
|
|
12332
|
-
class="px-4 py-
|
|
12337
|
+
class="px-4 py-2.5 text-[12px] font-semibold text-ink-gray-6 uppercase tracking-wider truncate border-r border-outline-gray-2 last:border-r-0"
|
|
12333
12338
|
[style.width]="col.width || 'auto'"
|
|
12334
12339
|
>
|
|
12335
12340
|
<div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
|
|
@@ -12348,7 +12353,7 @@ class NeuralDataTableComponent {
|
|
|
12348
12353
|
<tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
|
|
12349
12354
|
@for (col of visibleColumns(); track col.key) {
|
|
12350
12355
|
<td
|
|
12351
|
-
class="px-4 py-
|
|
12356
|
+
class="px-4 py-2.5 text-[12px] font-medium text-ink-gray-9"
|
|
12352
12357
|
[class.truncate]="!wrapLines()"
|
|
12353
12358
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12354
12359
|
>
|
|
@@ -12375,38 +12380,31 @@ class NeuralDataTableComponent {
|
|
|
12375
12380
|
</div>
|
|
12376
12381
|
|
|
12377
12382
|
<!-- Footer / Pagination Area -->
|
|
12378
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12383
|
+
<div class="flex items-center justify-between px-4 py-2 border-t border-outline-gray-2 bg-white">
|
|
12379
12384
|
<!-- Left Footer -->
|
|
12380
|
-
<div class="text-[
|
|
12385
|
+
<div class="text-[12px] text-ink-gray-5">
|
|
12381
12386
|
<!-- Espacio para contadores de selección -->
|
|
12382
12387
|
</div>
|
|
12383
12388
|
|
|
12384
12389
|
<!-- Right Footer: Pagination & Settings -->
|
|
12385
12390
|
<div class="flex items-center gap-4">
|
|
12386
|
-
<div class="flex items-center gap-
|
|
12391
|
+
<div class="flex items-center gap-0.5 text-[12px] text-ink-gray-7 font-medium">
|
|
12387
12392
|
<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">
|
|
12388
|
-
<i class="lucide-chevrons-left size-
|
|
12393
|
+
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12389
12394
|
</button>
|
|
12390
12395
|
<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">
|
|
12391
|
-
<i class="lucide-chevron-left size-
|
|
12396
|
+
<i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12392
12397
|
</button>
|
|
12393
12398
|
|
|
12394
|
-
<span class="px-2
|
|
12399
|
+
<span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
|
|
12395
12400
|
|
|
12396
12401
|
<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">
|
|
12397
|
-
<i class="lucide-chevron-right size-
|
|
12402
|
+
<i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12398
12403
|
</button>
|
|
12399
12404
|
<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">
|
|
12400
|
-
<i class="lucide-chevrons-right size-
|
|
12405
|
+
<i class="lucide-chevrons-right size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12401
12406
|
</button>
|
|
12402
12407
|
</div>
|
|
12403
|
-
|
|
12404
|
-
<div class="w-px h-5 bg-outline-gray-2"></div>
|
|
12405
|
-
|
|
12406
|
-
<!-- Preferences / Columns Dialog Trigger -->
|
|
12407
|
-
<button class="p-1.5 rounded-md border border-outline-gray-2 bg-white hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
|
|
12408
|
-
<i class="lucide-settings size-4"></i>
|
|
12409
|
-
</button>
|
|
12410
12408
|
</div>
|
|
12411
12409
|
</div>
|
|
12412
12410
|
|
|
@@ -12472,42 +12470,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12472
12470
|
<div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
|
|
12473
12471
|
|
|
12474
12472
|
<!-- Top Header Area -->
|
|
12475
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12473
|
+
<div class="flex items-center justify-between px-4 py-2.5 border-b border-outline-gray-2 bg-white">
|
|
12476
12474
|
<!-- Left: Title & Info -->
|
|
12477
12475
|
<div class="flex items-center gap-3">
|
|
12478
|
-
<h2 class="text-[
|
|
12476
|
+
<h2 class="text-[14px] font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12479
12477
|
@if (count() !== undefined) {
|
|
12480
|
-
<span class="text-[
|
|
12478
|
+
<span class="text-[12px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
|
|
12481
12479
|
}
|
|
12482
12480
|
@if (hasInfo()) {
|
|
12483
|
-
<button class="text-[
|
|
12481
|
+
<button class="text-[12px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
|
|
12484
12482
|
Información
|
|
12485
12483
|
</button>
|
|
12486
12484
|
}
|
|
12487
12485
|
</div>
|
|
12488
12486
|
|
|
12489
12487
|
<!-- Right: Actions Toolbar -->
|
|
12490
|
-
<div class="flex items-center gap-
|
|
12488
|
+
<div class="flex items-center gap-1.5">
|
|
12491
12489
|
|
|
12492
|
-
<!-- Built-in Actions Group -->
|
|
12493
|
-
<div class="flex items-center
|
|
12494
|
-
<neural-button variant="ghost" size="sm" icon="lucide-list" [iconLeft]="true" class="!px-
|
|
12495
|
-
<
|
|
12496
|
-
<neural-button variant="ghost" size="sm" icon="lucide-
|
|
12497
|
-
<div class="w-px h-4 bg-outline-gray-3 mx-0.5"></div>
|
|
12498
|
-
<neural-button variant="ghost" size="sm" icon="lucide-arrow-up-down" [iconLeft]="true" class="!px-2 !text-[13px] !text-ink-gray-7 hover:!text-ink-gray-9" title="Orden">Orden</neural-button>
|
|
12490
|
+
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12491
|
+
<div class="flex items-center gap-0.5">
|
|
12492
|
+
<neural-button variant="ghost" size="sm" icon="lucide-list" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onViewChange.emit('report')">Vista</neural-button>
|
|
12493
|
+
<neural-button variant="ghost" size="sm" icon="lucide-filter" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onFilterClick.emit()">Filtrar</neural-button>
|
|
12494
|
+
<neural-button variant="ghost" size="sm" icon="lucide-arrow-up-down" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" title="Orden">Orden</neural-button>
|
|
12499
12495
|
</div>
|
|
12500
12496
|
|
|
12501
|
-
<div class="
|
|
12502
|
-
|
|
12503
|
-
|
|
12497
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1"></div>
|
|
12498
|
+
|
|
12499
|
+
<div class="flex items-center gap-0.5">
|
|
12500
|
+
<button class="flex items-center justify-center size-7 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Actualizar" (click)="onRefreshClick.emit()">
|
|
12501
|
+
<i class="lucide-refresh-cw size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12504
12502
|
</button>
|
|
12505
|
-
<button class="flex items-center justify-center size-
|
|
12506
|
-
<i class="lucide-more-horizontal size-
|
|
12503
|
+
<button class="flex items-center justify-center size-7 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Más acciones">
|
|
12504
|
+
<i class="lucide-more-horizontal size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12507
12505
|
</button>
|
|
12508
12506
|
</div>
|
|
12509
12507
|
|
|
12510
|
-
<div class="w-px h-
|
|
12508
|
+
<div class="w-px h-5 bg-outline-gray-2 mx-1"></div>
|
|
12511
12509
|
|
|
12512
12510
|
<!-- External Actions (Refresh, Create, etc) -->
|
|
12513
12511
|
<ng-content select="[header-actions]"></ng-content>
|
|
@@ -12515,7 +12513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12515
12513
|
</div>
|
|
12516
12514
|
|
|
12517
12515
|
<!-- Search Area -->
|
|
12518
|
-
<div class="px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
|
|
12516
|
+
<div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
|
|
12519
12517
|
<div class="w-full max-w-sm">
|
|
12520
12518
|
<neural-text-input
|
|
12521
12519
|
[placeholder]="searchPlaceholder()"
|
|
@@ -12524,6 +12522,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12524
12522
|
(valueModelChange)="onSearch.emit($event)"
|
|
12525
12523
|
></neural-text-input>
|
|
12526
12524
|
</div>
|
|
12525
|
+
|
|
12526
|
+
<!-- Preferences / Columns Dialog Trigger (Moved to search row) -->
|
|
12527
|
+
<button class="flex items-center justify-center size-7 rounded-md border border-outline-gray-2 bg-white hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors shadow-sm" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
|
|
12528
|
+
<i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12529
|
+
</button>
|
|
12527
12530
|
</div>
|
|
12528
12531
|
|
|
12529
12532
|
<!-- Table Content -->
|
|
@@ -12533,7 +12536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12533
12536
|
<tr class="border-b border-outline-gray-2 bg-white">
|
|
12534
12537
|
@for (col of visibleColumns(); track col.key) {
|
|
12535
12538
|
<th
|
|
12536
|
-
class="px-4 py-
|
|
12539
|
+
class="px-4 py-2.5 text-[12px] font-semibold text-ink-gray-6 uppercase tracking-wider truncate border-r border-outline-gray-2 last:border-r-0"
|
|
12537
12540
|
[style.width]="col.width || 'auto'"
|
|
12538
12541
|
>
|
|
12539
12542
|
<div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
|
|
@@ -12552,7 +12555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12552
12555
|
<tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
|
|
12553
12556
|
@for (col of visibleColumns(); track col.key) {
|
|
12554
12557
|
<td
|
|
12555
|
-
class="px-4 py-
|
|
12558
|
+
class="px-4 py-2.5 text-[12px] font-medium text-ink-gray-9"
|
|
12556
12559
|
[class.truncate]="!wrapLines()"
|
|
12557
12560
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12558
12561
|
>
|
|
@@ -12579,38 +12582,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12579
12582
|
</div>
|
|
12580
12583
|
|
|
12581
12584
|
<!-- Footer / Pagination Area -->
|
|
12582
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12585
|
+
<div class="flex items-center justify-between px-4 py-2 border-t border-outline-gray-2 bg-white">
|
|
12583
12586
|
<!-- Left Footer -->
|
|
12584
|
-
<div class="text-[
|
|
12587
|
+
<div class="text-[12px] text-ink-gray-5">
|
|
12585
12588
|
<!-- Espacio para contadores de selección -->
|
|
12586
12589
|
</div>
|
|
12587
12590
|
|
|
12588
12591
|
<!-- Right Footer: Pagination & Settings -->
|
|
12589
12592
|
<div class="flex items-center gap-4">
|
|
12590
|
-
<div class="flex items-center gap-
|
|
12593
|
+
<div class="flex items-center gap-0.5 text-[12px] text-ink-gray-7 font-medium">
|
|
12591
12594
|
<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">
|
|
12592
|
-
<i class="lucide-chevrons-left size-
|
|
12595
|
+
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12593
12596
|
</button>
|
|
12594
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() === 1" (click)="onPageChange.emit(page() - 1)" title="Anterior">
|
|
12595
|
-
<i class="lucide-chevron-left size-
|
|
12598
|
+
<i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12596
12599
|
</button>
|
|
12597
12600
|
|
|
12598
|
-
<span class="px-2
|
|
12601
|
+
<span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
|
|
12599
12602
|
|
|
12600
12603
|
<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">
|
|
12601
|
-
<i class="lucide-chevron-right size-
|
|
12604
|
+
<i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12602
12605
|
</button>
|
|
12603
12606
|
<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">
|
|
12604
|
-
<i class="lucide-chevrons-right size-
|
|
12607
|
+
<i class="lucide-chevrons-right size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12605
12608
|
</button>
|
|
12606
12609
|
</div>
|
|
12607
|
-
|
|
12608
|
-
<div class="w-px h-5 bg-outline-gray-2"></div>
|
|
12609
|
-
|
|
12610
|
-
<!-- Preferences / Columns Dialog Trigger -->
|
|
12611
|
-
<button class="p-1.5 rounded-md border border-outline-gray-2 bg-white hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
|
|
12612
|
-
<i class="lucide-settings size-4"></i>
|
|
12613
|
-
</button>
|
|
12614
12610
|
</div>
|
|
12615
12611
|
</div>
|
|
12616
12612
|
|