orbiq-neural-ui-kit 1.0.37 → 1.0.38
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.
|
@@ -12279,12 +12279,12 @@ class NeuralDataTableComponent {
|
|
|
12279
12279
|
<div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
|
|
12280
12280
|
<!-- Left: Title & Info -->
|
|
12281
12281
|
<div class="flex items-center gap-3">
|
|
12282
|
-
<h2 class="text-
|
|
12282
|
+
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12283
12283
|
@if (count() !== undefined) {
|
|
12284
12284
|
<span class="text-[11px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
|
|
12285
12285
|
}
|
|
12286
12286
|
@if (hasInfo()) {
|
|
12287
|
-
<button class="text-
|
|
12287
|
+
<button class="text-sm font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
|
|
12288
12288
|
Información
|
|
12289
12289
|
</button>
|
|
12290
12290
|
}
|
|
@@ -12354,13 +12354,13 @@ class NeuralDataTableComponent {
|
|
|
12354
12354
|
<tr class="border-b border-outline-gray-2 bg-white">
|
|
12355
12355
|
@for (col of visibleColumns(); track col.key) {
|
|
12356
12356
|
<th
|
|
12357
|
-
class="px-4 py-2 text-
|
|
12357
|
+
class="px-4 py-2 text-sm font-medium text-ink-gray-8 truncate border-r border-outline-gray-2 last:border-r-0"
|
|
12358
12358
|
[style.width]="col.width || 'auto'"
|
|
12359
12359
|
>
|
|
12360
12360
|
<div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
|
|
12361
12361
|
<span class="truncate">{{ col.label }}</span>
|
|
12362
12362
|
@if (col.sortable) {
|
|
12363
|
-
<i class="lucide-caret-down size-3 text-ink-gray-
|
|
12363
|
+
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|
|
12364
12364
|
}
|
|
12365
12365
|
</div>
|
|
12366
12366
|
</th>
|
|
@@ -12373,7 +12373,7 @@ class NeuralDataTableComponent {
|
|
|
12373
12373
|
<tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
|
|
12374
12374
|
@for (col of visibleColumns(); track col.key) {
|
|
12375
12375
|
<td
|
|
12376
|
-
class="px-4 py-2.5 text-
|
|
12376
|
+
class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
|
|
12377
12377
|
[class.truncate]="!wrapLines()"
|
|
12378
12378
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12379
12379
|
>
|
|
@@ -12402,13 +12402,13 @@ class NeuralDataTableComponent {
|
|
|
12402
12402
|
<!-- Footer / Pagination Area -->
|
|
12403
12403
|
<div class="flex items-center justify-between px-4 py-2 border-t border-outline-gray-2 bg-white">
|
|
12404
12404
|
<!-- Left Footer -->
|
|
12405
|
-
<div class="text-[
|
|
12405
|
+
<div class="text-[13px] text-ink-gray-5">
|
|
12406
12406
|
<!-- Espacio para contadores de selección -->
|
|
12407
12407
|
</div>
|
|
12408
12408
|
|
|
12409
12409
|
<!-- Right Footer: Pagination & Settings -->
|
|
12410
12410
|
<div class="flex items-center gap-4">
|
|
12411
|
-
<div class="flex items-center gap-0.5 text-
|
|
12411
|
+
<div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium">
|
|
12412
12412
|
<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">
|
|
12413
12413
|
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12414
12414
|
</button>
|
|
@@ -12481,7 +12481,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12481
12481
|
imports: [
|
|
12482
12482
|
CommonModule,
|
|
12483
12483
|
NeuralButtonComponent,
|
|
12484
|
-
NeuralTextInputComponent,
|
|
12485
12484
|
NeuralDialogComponent,
|
|
12486
12485
|
NeuralSwitchComponent,
|
|
12487
12486
|
NeuralCheckboxComponent
|
|
@@ -12493,12 +12492,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12493
12492
|
<div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
|
|
12494
12493
|
<!-- Left: Title & Info -->
|
|
12495
12494
|
<div class="flex items-center gap-3">
|
|
12496
|
-
<h2 class="text-
|
|
12495
|
+
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12497
12496
|
@if (count() !== undefined) {
|
|
12498
12497
|
<span class="text-[11px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
|
|
12499
12498
|
}
|
|
12500
12499
|
@if (hasInfo()) {
|
|
12501
|
-
<button class="text-
|
|
12500
|
+
<button class="text-sm font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
|
|
12502
12501
|
Información
|
|
12503
12502
|
</button>
|
|
12504
12503
|
}
|
|
@@ -12568,13 +12567,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12568
12567
|
<tr class="border-b border-outline-gray-2 bg-white">
|
|
12569
12568
|
@for (col of visibleColumns(); track col.key) {
|
|
12570
12569
|
<th
|
|
12571
|
-
class="px-4 py-2 text-
|
|
12570
|
+
class="px-4 py-2 text-sm font-medium text-ink-gray-8 truncate border-r border-outline-gray-2 last:border-r-0"
|
|
12572
12571
|
[style.width]="col.width || 'auto'"
|
|
12573
12572
|
>
|
|
12574
12573
|
<div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
|
|
12575
12574
|
<span class="truncate">{{ col.label }}</span>
|
|
12576
12575
|
@if (col.sortable) {
|
|
12577
|
-
<i class="lucide-caret-down size-3 text-ink-gray-
|
|
12576
|
+
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|
|
12578
12577
|
}
|
|
12579
12578
|
</div>
|
|
12580
12579
|
</th>
|
|
@@ -12587,7 +12586,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12587
12586
|
<tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
|
|
12588
12587
|
@for (col of visibleColumns(); track col.key) {
|
|
12589
12588
|
<td
|
|
12590
|
-
class="px-4 py-2.5 text-
|
|
12589
|
+
class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
|
|
12591
12590
|
[class.truncate]="!wrapLines()"
|
|
12592
12591
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12593
12592
|
>
|
|
@@ -12616,13 +12615,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12616
12615
|
<!-- Footer / Pagination Area -->
|
|
12617
12616
|
<div class="flex items-center justify-between px-4 py-2 border-t border-outline-gray-2 bg-white">
|
|
12618
12617
|
<!-- Left Footer -->
|
|
12619
|
-
<div class="text-[
|
|
12618
|
+
<div class="text-[13px] text-ink-gray-5">
|
|
12620
12619
|
<!-- Espacio para contadores de selección -->
|
|
12621
12620
|
</div>
|
|
12622
12621
|
|
|
12623
12622
|
<!-- Right Footer: Pagination & Settings -->
|
|
12624
12623
|
<div class="flex items-center gap-4">
|
|
12625
|
-
<div class="flex items-center gap-0.5 text-
|
|
12624
|
+
<div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium">
|
|
12626
12625
|
<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">
|
|
12627
12626
|
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12628
12627
|
</button>
|