orbiq-neural-ui-kit 1.1.10 → 1.1.12
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.
|
@@ -12499,7 +12499,7 @@ class NeuralDataTableComponent {
|
|
|
12499
12499
|
<div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
|
|
12500
12500
|
|
|
12501
12501
|
<!-- Top Header Area -->
|
|
12502
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12502
|
+
<div class="flex items-center justify-between px-4 py-3 bg-white">
|
|
12503
12503
|
<!-- Left: Title & Info -->
|
|
12504
12504
|
<div class="flex items-center gap-3">
|
|
12505
12505
|
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
@@ -12575,16 +12575,18 @@ class NeuralDataTableComponent {
|
|
|
12575
12575
|
</div>
|
|
12576
12576
|
|
|
12577
12577
|
<!-- Table Content -->
|
|
12578
|
-
<div class="flex-1 overflow-x-auto min-h-[300px] relative px-4">
|
|
12578
|
+
<div class="flex-1 overflow-x-auto min-h-[300px] relative px-4 pb-4">
|
|
12579
12579
|
<table class="w-full text-left border-separate" style="border-spacing: 0;">
|
|
12580
12580
|
<thead>
|
|
12581
12581
|
<tr>
|
|
12582
|
-
@for (col of visibleColumns(); track col.key) {
|
|
12583
|
-
<th
|
|
12584
|
-
|
|
12585
|
-
|
|
12586
|
-
|
|
12587
|
-
|
|
12582
|
+
@for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
|
|
12583
|
+
<th class="p-0 border-0 align-middle" [style.width]="col.width || 'auto'">
|
|
12584
|
+
<div
|
|
12585
|
+
class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9 px-4 py-2.5 text-[13px] font-medium text-ink-gray-6 bg-surface-gray-1 h-full w-full"
|
|
12586
|
+
[class.rounded-l-lg]="first"
|
|
12587
|
+
[class.rounded-r-lg]="last"
|
|
12588
|
+
(click)="col.sortable ? onSort(col.key) : null"
|
|
12589
|
+
>
|
|
12588
12590
|
<span class="truncate">{{ col.label }}</span>
|
|
12589
12591
|
@if (col.sortable) {
|
|
12590
12592
|
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|
|
@@ -12600,7 +12602,7 @@ class NeuralDataTableComponent {
|
|
|
12600
12602
|
<tr class="hover:bg-surface-gray-1 transition-colors group">
|
|
12601
12603
|
@for (col of visibleColumns(); track col.key; let last = $last) {
|
|
12602
12604
|
<td
|
|
12603
|
-
class="px-4 py-3 text-
|
|
12605
|
+
class="px-4 py-3 text-[13px] font-normal text-ink-gray-8 border-b border-outline-gray-1 group-last:border-b-0"
|
|
12604
12606
|
[class.truncate]="!wrapLines()"
|
|
12605
12607
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12606
12608
|
>
|
|
@@ -12627,7 +12629,7 @@ class NeuralDataTableComponent {
|
|
|
12627
12629
|
</div>
|
|
12628
12630
|
|
|
12629
12631
|
<!-- Footer / Pagination Area -->
|
|
12630
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12632
|
+
<div class="flex items-center justify-between px-4 py-3 border-t border-outline-gray-2 bg-white">
|
|
12631
12633
|
<!-- Left Footer -->
|
|
12632
12634
|
<div class="text-[13px] text-ink-gray-5">
|
|
12633
12635
|
<!-- Espacio para contadores de selección -->
|
|
@@ -12720,7 +12722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12720
12722
|
<div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
|
|
12721
12723
|
|
|
12722
12724
|
<!-- Top Header Area -->
|
|
12723
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12725
|
+
<div class="flex items-center justify-between px-4 py-3 bg-white">
|
|
12724
12726
|
<!-- Left: Title & Info -->
|
|
12725
12727
|
<div class="flex items-center gap-3">
|
|
12726
12728
|
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
@@ -12796,16 +12798,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12796
12798
|
</div>
|
|
12797
12799
|
|
|
12798
12800
|
<!-- Table Content -->
|
|
12799
|
-
<div class="flex-1 overflow-x-auto min-h-[300px] relative px-4">
|
|
12801
|
+
<div class="flex-1 overflow-x-auto min-h-[300px] relative px-4 pb-4">
|
|
12800
12802
|
<table class="w-full text-left border-separate" style="border-spacing: 0;">
|
|
12801
12803
|
<thead>
|
|
12802
12804
|
<tr>
|
|
12803
|
-
@for (col of visibleColumns(); track col.key) {
|
|
12804
|
-
<th
|
|
12805
|
-
|
|
12806
|
-
|
|
12807
|
-
|
|
12808
|
-
|
|
12805
|
+
@for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
|
|
12806
|
+
<th class="p-0 border-0 align-middle" [style.width]="col.width || 'auto'">
|
|
12807
|
+
<div
|
|
12808
|
+
class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9 px-4 py-2.5 text-[13px] font-medium text-ink-gray-6 bg-surface-gray-1 h-full w-full"
|
|
12809
|
+
[class.rounded-l-lg]="first"
|
|
12810
|
+
[class.rounded-r-lg]="last"
|
|
12811
|
+
(click)="col.sortable ? onSort(col.key) : null"
|
|
12812
|
+
>
|
|
12809
12813
|
<span class="truncate">{{ col.label }}</span>
|
|
12810
12814
|
@if (col.sortable) {
|
|
12811
12815
|
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|
|
@@ -12821,7 +12825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12821
12825
|
<tr class="hover:bg-surface-gray-1 transition-colors group">
|
|
12822
12826
|
@for (col of visibleColumns(); track col.key; let last = $last) {
|
|
12823
12827
|
<td
|
|
12824
|
-
class="px-4 py-3 text-
|
|
12828
|
+
class="px-4 py-3 text-[13px] font-normal text-ink-gray-8 border-b border-outline-gray-1 group-last:border-b-0"
|
|
12825
12829
|
[class.truncate]="!wrapLines()"
|
|
12826
12830
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12827
12831
|
>
|
|
@@ -12848,7 +12852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12848
12852
|
</div>
|
|
12849
12853
|
|
|
12850
12854
|
<!-- Footer / Pagination Area -->
|
|
12851
|
-
<div class="flex items-center justify-between px-4 py-
|
|
12855
|
+
<div class="flex items-center justify-between px-4 py-3 border-t border-outline-gray-2 bg-white">
|
|
12852
12856
|
<!-- Left Footer -->
|
|
12853
12857
|
<div class="text-[13px] text-ink-gray-5">
|
|
12854
12858
|
<!-- Espacio para contadores de selección -->
|