orbiq-neural-ui-kit 1.1.18 → 1.1.19
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.
|
@@ -12531,7 +12531,7 @@ class NeuralDataTableComponent {
|
|
|
12531
12531
|
<div class="flex items-center justify-between px-4 py-3 bg-white">
|
|
12532
12532
|
<!-- Left: Title & Info -->
|
|
12533
12533
|
<div class="flex items-center gap-3">
|
|
12534
|
-
<h2 class="text-
|
|
12534
|
+
<h2 class="text-[15px] font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12535
12535
|
</div>
|
|
12536
12536
|
|
|
12537
12537
|
<!-- Right: Actions Toolbar -->
|
|
@@ -12540,14 +12540,14 @@ class NeuralDataTableComponent {
|
|
|
12540
12540
|
|
|
12541
12541
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12542
12542
|
<div class="flex items-center gap-0.5">
|
|
12543
|
-
<button class="flex items-center justify-center size-
|
|
12544
|
-
<i class="lucide-list size-
|
|
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: 1.5px;"></i>
|
|
12545
12545
|
</button>
|
|
12546
|
-
<button class="flex items-center justify-center size-
|
|
12547
|
-
<i class="lucide-filter size-
|
|
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: 1.5px;"></i>
|
|
12548
12548
|
</button>
|
|
12549
|
-
<button class="flex items-center justify-center size-
|
|
12550
|
-
<i class="lucide-arrow-up-down size-
|
|
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: 1.5px;"></i>
|
|
12551
12551
|
</button>
|
|
12552
12552
|
</div>
|
|
12553
12553
|
|
|
@@ -12555,27 +12555,27 @@ class NeuralDataTableComponent {
|
|
|
12555
12555
|
|
|
12556
12556
|
<div class="flex items-center gap-0.5">
|
|
12557
12557
|
<!-- Search Icon -->
|
|
12558
|
-
<button class="flex items-center justify-center size-
|
|
12559
|
-
<i class="lucide-search size-
|
|
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: 1.5px;"></i>
|
|
12560
12560
|
</button>
|
|
12561
|
-
<button class="flex items-center justify-center size-
|
|
12562
|
-
<i class="lucide-refresh-cw size-
|
|
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: 1.5px;"></i>
|
|
12563
12563
|
</button>
|
|
12564
12564
|
|
|
12565
12565
|
<!-- Dynamic Custom Actions -->
|
|
12566
12566
|
@for (action of visibleCustomActions(); track action.id) {
|
|
12567
|
-
<button class="flex items-center justify-center size-
|
|
12567
|
+
<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 disabled:opacity-50"
|
|
12568
12568
|
[title]="action.label"
|
|
12569
12569
|
[disabled]="action.disabled"
|
|
12570
12570
|
(click)="onCustomActionClick.emit(action.id)">
|
|
12571
|
-
<i [class]="action.icon + ' size-
|
|
12571
|
+
<i [class]="action.icon + ' size-4'" style="stroke-width: 1.5px;"></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
|
-
<button trigger class="flex items-center justify-center size-
|
|
12578
|
-
<i class="lucide-more-horizontal size-
|
|
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: 1.5px;"></i>
|
|
12579
12579
|
</button>
|
|
12580
12580
|
</neural-dropdown>
|
|
12581
12581
|
}
|
|
@@ -12592,7 +12592,7 @@ class NeuralDataTableComponent {
|
|
|
12592
12592
|
<i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12593
12593
|
</button>
|
|
12594
12594
|
|
|
12595
|
-
<span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
|
|
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
12598
|
<i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
|
|
@@ -12606,11 +12606,11 @@ class NeuralDataTableComponent {
|
|
|
12606
12606
|
|
|
12607
12607
|
<!-- Settings, Help and External Actions -->
|
|
12608
12608
|
<div class="flex items-center gap-0.5">
|
|
12609
|
-
<button class="flex items-center justify-center size-
|
|
12610
|
-
<i class="lucide-columns size-
|
|
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: 1.5px;"></i>
|
|
12611
12611
|
</button>
|
|
12612
|
-
<button class="flex items-center justify-center size-
|
|
12613
|
-
<i class="lucide-help-circle size-
|
|
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: 1.5px;"></i>
|
|
12614
12614
|
</button>
|
|
12615
12615
|
|
|
12616
12616
|
<ng-content select="[header-actions]"></ng-content>
|
|
@@ -12618,7 +12618,7 @@ class NeuralDataTableComponent {
|
|
|
12618
12618
|
|
|
12619
12619
|
<div class="ms-1.5">
|
|
12620
12620
|
<!-- + Nuevo Button -->
|
|
12621
|
-
<neural-button variant="solid" theme="gray" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-
|
|
12621
|
+
<neural-button variant="solid" theme="gray" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-7 !text-[11px]" (click)="onNewClick.emit()">
|
|
12622
12622
|
{{ newLabel() }}
|
|
12623
12623
|
</neural-button>
|
|
12624
12624
|
</div>
|
|
@@ -12649,7 +12649,7 @@ class NeuralDataTableComponent {
|
|
|
12649
12649
|
}
|
|
12650
12650
|
@for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
|
|
12651
12651
|
<th
|
|
12652
|
-
class="px-4 py-1.5 text-
|
|
12652
|
+
class="px-4 py-1.5 text-xs font-medium text-ink-gray-6 bg-surface-gray-1 border-0 align-middle hover:text-ink-gray-9 cursor-pointer transition-colors"
|
|
12653
12653
|
[style.width]="col.width || 'auto'"
|
|
12654
12654
|
[style.border-top-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
12655
12655
|
[style.border-bottom-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
@@ -12678,7 +12678,7 @@ class NeuralDataTableComponent {
|
|
|
12678
12678
|
}
|
|
12679
12679
|
@for (col of visibleColumns(); track col.key; let last = $last) {
|
|
12680
12680
|
<td
|
|
12681
|
-
class="px-4 py-
|
|
12681
|
+
class="px-4 py-2 text-xs font-normal text-ink-gray-8 border-b border-outline-gray-1 group-last:border-b-0"
|
|
12682
12682
|
[class.truncate]="!wrapLines()"
|
|
12683
12683
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12684
12684
|
>
|
|
@@ -12693,8 +12693,8 @@ class NeuralDataTableComponent {
|
|
|
12693
12693
|
<tr>
|
|
12694
12694
|
<td [attr.colspan]="visibleColumns().length" class="h-64 border-0 p-0">
|
|
12695
12695
|
<div class="absolute inset-0 flex flex-col items-center justify-center p-6 text-center">
|
|
12696
|
-
<h3 class="text-
|
|
12697
|
-
<p class="text-
|
|
12696
|
+
<h3 class="text-sm font-bold text-ink-gray-8 mb-1">{{ emptyStateTitle() }}</h3>
|
|
12697
|
+
<p class="text-xs text-ink-gray-5 mb-4 max-w-md">{{ emptyStateDesc() }}</p>
|
|
12698
12698
|
<ng-content select="[empty-actions]"></ng-content>
|
|
12699
12699
|
</div>
|
|
12700
12700
|
</td>
|
|
@@ -12779,7 +12779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12779
12779
|
<div class="flex items-center justify-between px-4 py-3 bg-white">
|
|
12780
12780
|
<!-- Left: Title & Info -->
|
|
12781
12781
|
<div class="flex items-center gap-3">
|
|
12782
|
-
<h2 class="text-
|
|
12782
|
+
<h2 class="text-[15px] font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12783
12783
|
</div>
|
|
12784
12784
|
|
|
12785
12785
|
<!-- Right: Actions Toolbar -->
|
|
@@ -12788,14 +12788,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12788
12788
|
|
|
12789
12789
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12790
12790
|
<div class="flex items-center gap-0.5">
|
|
12791
|
-
<button class="flex items-center justify-center size-
|
|
12792
|
-
<i class="lucide-list size-
|
|
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: 1.5px;"></i>
|
|
12793
12793
|
</button>
|
|
12794
|
-
<button class="flex items-center justify-center size-
|
|
12795
|
-
<i class="lucide-filter size-
|
|
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: 1.5px;"></i>
|
|
12796
12796
|
</button>
|
|
12797
|
-
<button class="flex items-center justify-center size-
|
|
12798
|
-
<i class="lucide-arrow-up-down size-
|
|
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: 1.5px;"></i>
|
|
12799
12799
|
</button>
|
|
12800
12800
|
</div>
|
|
12801
12801
|
|
|
@@ -12803,27 +12803,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12803
12803
|
|
|
12804
12804
|
<div class="flex items-center gap-0.5">
|
|
12805
12805
|
<!-- Search Icon -->
|
|
12806
|
-
<button class="flex items-center justify-center size-
|
|
12807
|
-
<i class="lucide-search size-
|
|
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: 1.5px;"></i>
|
|
12808
12808
|
</button>
|
|
12809
|
-
<button class="flex items-center justify-center size-
|
|
12810
|
-
<i class="lucide-refresh-cw size-
|
|
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: 1.5px;"></i>
|
|
12811
12811
|
</button>
|
|
12812
12812
|
|
|
12813
12813
|
<!-- Dynamic Custom Actions -->
|
|
12814
12814
|
@for (action of visibleCustomActions(); track action.id) {
|
|
12815
|
-
<button class="flex items-center justify-center size-
|
|
12815
|
+
<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 disabled:opacity-50"
|
|
12816
12816
|
[title]="action.label"
|
|
12817
12817
|
[disabled]="action.disabled"
|
|
12818
12818
|
(click)="onCustomActionClick.emit(action.id)">
|
|
12819
|
-
<i [class]="action.icon + ' size-
|
|
12819
|
+
<i [class]="action.icon + ' size-4'" style="stroke-width: 1.5px;"></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
|
-
<button trigger class="flex items-center justify-center size-
|
|
12826
|
-
<i class="lucide-more-horizontal size-
|
|
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: 1.5px;"></i>
|
|
12827
12827
|
</button>
|
|
12828
12828
|
</neural-dropdown>
|
|
12829
12829
|
}
|
|
@@ -12840,7 +12840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12840
12840
|
<i class="lucide-chevron-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12841
12841
|
</button>
|
|
12842
12842
|
|
|
12843
|
-
<span class="px-2 min-w-[70px] text-center">{{ page() }} <span class="text-ink-gray-4 mx-1">/</span> {{ totalPages() }}</span>
|
|
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
12846
|
<i class="lucide-chevron-right size-3.5" style="stroke-width: 1.5px;"></i>
|
|
@@ -12854,11 +12854,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12854
12854
|
|
|
12855
12855
|
<!-- Settings, Help and External Actions -->
|
|
12856
12856
|
<div class="flex items-center gap-0.5">
|
|
12857
|
-
<button class="flex items-center justify-center size-
|
|
12858
|
-
<i class="lucide-columns size-
|
|
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: 1.5px;"></i>
|
|
12859
12859
|
</button>
|
|
12860
|
-
<button class="flex items-center justify-center size-
|
|
12861
|
-
<i class="lucide-help-circle size-
|
|
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: 1.5px;"></i>
|
|
12862
12862
|
</button>
|
|
12863
12863
|
|
|
12864
12864
|
<ng-content select="[header-actions]"></ng-content>
|
|
@@ -12866,7 +12866,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12866
12866
|
|
|
12867
12867
|
<div class="ms-1.5">
|
|
12868
12868
|
<!-- + Nuevo Button -->
|
|
12869
|
-
<neural-button variant="solid" theme="gray" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-
|
|
12869
|
+
<neural-button variant="solid" theme="gray" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-7 !text-[11px]" (click)="onNewClick.emit()">
|
|
12870
12870
|
{{ newLabel() }}
|
|
12871
12871
|
</neural-button>
|
|
12872
12872
|
</div>
|
|
@@ -12897,7 +12897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12897
12897
|
}
|
|
12898
12898
|
@for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
|
|
12899
12899
|
<th
|
|
12900
|
-
class="px-4 py-1.5 text-
|
|
12900
|
+
class="px-4 py-1.5 text-xs font-medium text-ink-gray-6 bg-surface-gray-1 border-0 align-middle hover:text-ink-gray-9 cursor-pointer transition-colors"
|
|
12901
12901
|
[style.width]="col.width || 'auto'"
|
|
12902
12902
|
[style.border-top-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
12903
12903
|
[style.border-bottom-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
@@ -12926,7 +12926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12926
12926
|
}
|
|
12927
12927
|
@for (col of visibleColumns(); track col.key; let last = $last) {
|
|
12928
12928
|
<td
|
|
12929
|
-
class="px-4 py-
|
|
12929
|
+
class="px-4 py-2 text-xs font-normal text-ink-gray-8 border-b border-outline-gray-1 group-last:border-b-0"
|
|
12930
12930
|
[class.truncate]="!wrapLines()"
|
|
12931
12931
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12932
12932
|
>
|
|
@@ -12941,8 +12941,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12941
12941
|
<tr>
|
|
12942
12942
|
<td [attr.colspan]="visibleColumns().length" class="h-64 border-0 p-0">
|
|
12943
12943
|
<div class="absolute inset-0 flex flex-col items-center justify-center p-6 text-center">
|
|
12944
|
-
<h3 class="text-
|
|
12945
|
-
<p class="text-
|
|
12944
|
+
<h3 class="text-sm font-bold text-ink-gray-8 mb-1">{{ emptyStateTitle() }}</h3>
|
|
12945
|
+
<p class="text-xs text-ink-gray-5 mb-4 max-w-md">{{ emptyStateDesc() }}</p>
|
|
12946
12946
|
<ng-content select="[empty-actions]"></ng-content>
|
|
12947
12947
|
</div>
|
|
12948
12948
|
</td>
|