orbiq-neural-ui-kit 1.1.9 → 1.1.11

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 +24 -20
  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
@@ -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-2 border-b border-outline-gray-2 bg-white">
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,13 +12575,15 @@ class NeuralDataTableComponent {
12575
12575
  </div>
12576
12576
 
12577
12577
  <!-- Table Content -->
12578
- <div class="flex-1 overflow-x-auto min-h-[300px] relative">
12579
- <table class="w-full text-left border-collapse">
12578
+ <div class="flex-1 overflow-x-auto min-h-[300px] relative px-4 pb-4">
12579
+ <table class="w-full text-left border-separate" style="border-spacing: 0;">
12580
12580
  <thead>
12581
- <tr class="border-b border-outline-gray-2 bg-white">
12582
- @for (col of visibleColumns(); track col.key) {
12581
+ <tr>
12582
+ @for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
12583
12583
  <th
12584
- class="px-4 py-2 text-sm font-medium text-ink-gray-8 truncate border-r border-outline-gray-2 last:border-r-0"
12584
+ class="px-4 py-2.5 text-[13px] font-medium text-ink-gray-6 bg-surface-gray-1"
12585
+ [class.rounded-l-md]="first"
12586
+ [class.rounded-r-md]="last"
12585
12587
  [style.width]="col.width || 'auto'"
12586
12588
  >
12587
12589
  <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
@@ -12597,10 +12599,10 @@ class NeuralDataTableComponent {
12597
12599
  <tbody>
12598
12600
  @if (rows().length > 0) {
12599
12601
  @for (row of rows(); track row[rowKey()]) {
12600
- <tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
12601
- @for (col of visibleColumns(); track col.key) {
12602
+ <tr class="hover:bg-surface-gray-1 transition-colors group">
12603
+ @for (col of visibleColumns(); track col.key; let last = $last) {
12602
12604
  <td
12603
- class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
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-2 border-t border-outline-gray-2 bg-white">
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-2 border-b border-outline-gray-2 bg-white">
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,13 +12798,15 @@ 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">
12800
- <table class="w-full text-left border-collapse">
12801
+ <div class="flex-1 overflow-x-auto min-h-[300px] relative px-4 pb-4">
12802
+ <table class="w-full text-left border-separate" style="border-spacing: 0;">
12801
12803
  <thead>
12802
- <tr class="border-b border-outline-gray-2 bg-white">
12803
- @for (col of visibleColumns(); track col.key) {
12804
+ <tr>
12805
+ @for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
12804
12806
  <th
12805
- class="px-4 py-2 text-sm font-medium text-ink-gray-8 truncate border-r border-outline-gray-2 last:border-r-0"
12807
+ class="px-4 py-2.5 text-[13px] font-medium text-ink-gray-6 bg-surface-gray-1"
12808
+ [class.rounded-l-md]="first"
12809
+ [class.rounded-r-md]="last"
12806
12810
  [style.width]="col.width || 'auto'"
12807
12811
  >
12808
12812
  <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
@@ -12818,10 +12822,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12818
12822
  <tbody>
12819
12823
  @if (rows().length > 0) {
12820
12824
  @for (row of rows(); track row[rowKey()]) {
12821
- <tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
12822
- @for (col of visibleColumns(); track col.key) {
12825
+ <tr class="hover:bg-surface-gray-1 transition-colors group">
12826
+ @for (col of visibleColumns(); track col.key; let last = $last) {
12823
12827
  <td
12824
- class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
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-2 border-t border-outline-gray-2 bg-white">
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 -->