orbiq-neural-ui-kit 1.1.19 → 1.1.20
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.
|
@@ -12541,13 +12541,13 @@ class NeuralDataTableComponent {
|
|
|
12541
12541
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12542
12542
|
<div class="flex items-center gap-0.5">
|
|
12543
12543
|
<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="Vista" (click)="onViewChange.emit('report')">
|
|
12544
|
-
<i class="lucide-list size-4" style="stroke-width:
|
|
12544
|
+
<i class="lucide-list size-4" style="stroke-width: 2px;"></i>
|
|
12545
12545
|
</button>
|
|
12546
12546
|
<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="Filtrar" (click)="onFilterClick.emit()">
|
|
12547
|
-
<i class="lucide-filter size-4" style="stroke-width:
|
|
12547
|
+
<i class="lucide-filter size-4" style="stroke-width: 2px;"></i>
|
|
12548
12548
|
</button>
|
|
12549
12549
|
<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="Orden" (click)="onSortChangeClick.emit()">
|
|
12550
|
-
<i class="lucide-arrow-up-down size-4" style="stroke-width:
|
|
12550
|
+
<i class="lucide-arrow-up-down size-4" style="stroke-width: 2px;"></i>
|
|
12551
12551
|
</button>
|
|
12552
12552
|
</div>
|
|
12553
12553
|
|
|
@@ -12556,10 +12556,10 @@ class NeuralDataTableComponent {
|
|
|
12556
12556
|
<div class="flex items-center gap-0.5">
|
|
12557
12557
|
<!-- Search Icon -->
|
|
12558
12558
|
<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="Buscar" (click)="onSearchClick.emit()">
|
|
12559
|
-
<i class="lucide-search size-4" style="stroke-width:
|
|
12559
|
+
<i class="lucide-search size-4" style="stroke-width: 2px;"></i>
|
|
12560
12560
|
</button>
|
|
12561
12561
|
<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()">
|
|
12562
|
-
<i class="lucide-refresh-cw size-4" style="stroke-width:
|
|
12562
|
+
<i class="lucide-refresh-cw size-4" style="stroke-width: 2px;"></i>
|
|
12563
12563
|
</button>
|
|
12564
12564
|
|
|
12565
12565
|
<!-- Dynamic Custom Actions -->
|
|
@@ -12568,14 +12568,14 @@ class NeuralDataTableComponent {
|
|
|
12568
12568
|
[title]="action.label"
|
|
12569
12569
|
[disabled]="action.disabled"
|
|
12570
12570
|
(click)="onCustomActionClick.emit(action.id)">
|
|
12571
|
-
<i [class]="action.icon + ' size-4'" style="stroke-width:
|
|
12571
|
+
<i [class]="action.icon + ' size-4'" style="stroke-width: 2px;"></i>
|
|
12572
12572
|
</button>
|
|
12573
12573
|
}
|
|
12574
12574
|
|
|
12575
12575
|
@if (overflowCustomActions().length > 0) {
|
|
12576
12576
|
<neural-dropdown [options]="overflowDropdownOptions()" (onSelect)="onCustomActionDropdownSelect($event)" [hasTriggerSlot]="true" placement="bottom-end">
|
|
12577
12577
|
<button trigger 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">
|
|
12578
|
-
<i class="lucide-more-horizontal size-4" style="stroke-width:
|
|
12578
|
+
<i class="lucide-more-horizontal size-4" style="stroke-width: 2px;"></i>
|
|
12579
12579
|
</button>
|
|
12580
12580
|
</neural-dropdown>
|
|
12581
12581
|
}
|
|
@@ -12586,19 +12586,19 @@ class NeuralDataTableComponent {
|
|
|
12586
12586
|
<!-- Pagination Controls (List Mode) -->
|
|
12587
12587
|
<div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium mr-2">
|
|
12588
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:
|
|
12589
|
+
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 2px;"></i>
|
|
12590
12590
|
</button>
|
|
12591
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:
|
|
12592
|
+
<i class="lucide-chevron-left size-3.5" style="stroke-width: 2px;"></i>
|
|
12593
12593
|
</button>
|
|
12594
12594
|
|
|
12595
12595
|
<span class="px-2 min-w-[70px] text-center text-xs opacity-80">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
|
|
12596
12596
|
|
|
12597
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:
|
|
12598
|
+
<i class="lucide-chevron-right size-3.5" style="stroke-width: 2px;"></i>
|
|
12599
12599
|
</button>
|
|
12600
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:
|
|
12601
|
+
<i class="lucide-chevrons-right size-3.5" style="stroke-width: 2px;"></i>
|
|
12602
12602
|
</button>
|
|
12603
12603
|
</div>
|
|
12604
12604
|
|
|
@@ -12607,10 +12607,10 @@ class NeuralDataTableComponent {
|
|
|
12607
12607
|
<!-- Settings, Help and External Actions -->
|
|
12608
12608
|
<div class="flex items-center gap-0.5">
|
|
12609
12609
|
<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="Configurar columnas" (click)="isPreferencesOpen.set(true)">
|
|
12610
|
-
<i class="lucide-columns size-4" style="stroke-width:
|
|
12610
|
+
<i class="lucide-columns size-4" style="stroke-width: 2px;"></i>
|
|
12611
12611
|
</button>
|
|
12612
12612
|
<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="Ayuda / Información" (click)="onHelpClick.emit()">
|
|
12613
|
-
<i class="lucide-help-circle size-4" style="stroke-width:
|
|
12613
|
+
<i class="lucide-help-circle size-4" style="stroke-width: 2px;"></i>
|
|
12614
12614
|
</button>
|
|
12615
12615
|
|
|
12616
12616
|
<ng-content select="[header-actions]"></ng-content>
|
|
@@ -12789,13 +12789,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12789
12789
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12790
12790
|
<div class="flex items-center gap-0.5">
|
|
12791
12791
|
<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="Vista" (click)="onViewChange.emit('report')">
|
|
12792
|
-
<i class="lucide-list size-4" style="stroke-width:
|
|
12792
|
+
<i class="lucide-list size-4" style="stroke-width: 2px;"></i>
|
|
12793
12793
|
</button>
|
|
12794
12794
|
<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="Filtrar" (click)="onFilterClick.emit()">
|
|
12795
|
-
<i class="lucide-filter size-4" style="stroke-width:
|
|
12795
|
+
<i class="lucide-filter size-4" style="stroke-width: 2px;"></i>
|
|
12796
12796
|
</button>
|
|
12797
12797
|
<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="Orden" (click)="onSortChangeClick.emit()">
|
|
12798
|
-
<i class="lucide-arrow-up-down size-4" style="stroke-width:
|
|
12798
|
+
<i class="lucide-arrow-up-down size-4" style="stroke-width: 2px;"></i>
|
|
12799
12799
|
</button>
|
|
12800
12800
|
</div>
|
|
12801
12801
|
|
|
@@ -12804,10 +12804,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12804
12804
|
<div class="flex items-center gap-0.5">
|
|
12805
12805
|
<!-- Search Icon -->
|
|
12806
12806
|
<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="Buscar" (click)="onSearchClick.emit()">
|
|
12807
|
-
<i class="lucide-search size-4" style="stroke-width:
|
|
12807
|
+
<i class="lucide-search size-4" style="stroke-width: 2px;"></i>
|
|
12808
12808
|
</button>
|
|
12809
12809
|
<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()">
|
|
12810
|
-
<i class="lucide-refresh-cw size-4" style="stroke-width:
|
|
12810
|
+
<i class="lucide-refresh-cw size-4" style="stroke-width: 2px;"></i>
|
|
12811
12811
|
</button>
|
|
12812
12812
|
|
|
12813
12813
|
<!-- Dynamic Custom Actions -->
|
|
@@ -12816,14 +12816,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12816
12816
|
[title]="action.label"
|
|
12817
12817
|
[disabled]="action.disabled"
|
|
12818
12818
|
(click)="onCustomActionClick.emit(action.id)">
|
|
12819
|
-
<i [class]="action.icon + ' size-4'" style="stroke-width:
|
|
12819
|
+
<i [class]="action.icon + ' size-4'" style="stroke-width: 2px;"></i>
|
|
12820
12820
|
</button>
|
|
12821
12821
|
}
|
|
12822
12822
|
|
|
12823
12823
|
@if (overflowCustomActions().length > 0) {
|
|
12824
12824
|
<neural-dropdown [options]="overflowDropdownOptions()" (onSelect)="onCustomActionDropdownSelect($event)" [hasTriggerSlot]="true" placement="bottom-end">
|
|
12825
12825
|
<button trigger 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">
|
|
12826
|
-
<i class="lucide-more-horizontal size-4" style="stroke-width:
|
|
12826
|
+
<i class="lucide-more-horizontal size-4" style="stroke-width: 2px;"></i>
|
|
12827
12827
|
</button>
|
|
12828
12828
|
</neural-dropdown>
|
|
12829
12829
|
}
|
|
@@ -12834,19 +12834,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12834
12834
|
<!-- Pagination Controls (List Mode) -->
|
|
12835
12835
|
<div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium mr-2">
|
|
12836
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:
|
|
12837
|
+
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 2px;"></i>
|
|
12838
12838
|
</button>
|
|
12839
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:
|
|
12840
|
+
<i class="lucide-chevron-left size-3.5" style="stroke-width: 2px;"></i>
|
|
12841
12841
|
</button>
|
|
12842
12842
|
|
|
12843
12843
|
<span class="px-2 min-w-[70px] text-center text-xs opacity-80">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
|
|
12844
12844
|
|
|
12845
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:
|
|
12846
|
+
<i class="lucide-chevron-right size-3.5" style="stroke-width: 2px;"></i>
|
|
12847
12847
|
</button>
|
|
12848
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:
|
|
12849
|
+
<i class="lucide-chevrons-right size-3.5" style="stroke-width: 2px;"></i>
|
|
12850
12850
|
</button>
|
|
12851
12851
|
</div>
|
|
12852
12852
|
|
|
@@ -12855,10 +12855,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12855
12855
|
<!-- Settings, Help and External Actions -->
|
|
12856
12856
|
<div class="flex items-center gap-0.5">
|
|
12857
12857
|
<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="Configurar columnas" (click)="isPreferencesOpen.set(true)">
|
|
12858
|
-
<i class="lucide-columns size-4" style="stroke-width:
|
|
12858
|
+
<i class="lucide-columns size-4" style="stroke-width: 2px;"></i>
|
|
12859
12859
|
</button>
|
|
12860
12860
|
<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="Ayuda / Información" (click)="onHelpClick.emit()">
|
|
12861
|
-
<i class="lucide-help-circle size-4" style="stroke-width:
|
|
12861
|
+
<i class="lucide-help-circle size-4" style="stroke-width: 2px;"></i>
|
|
12862
12862
|
</button>
|
|
12863
12863
|
|
|
12864
12864
|
<ng-content select="[header-actions]"></ng-content>
|