orbiq-neural-ui-kit 1.0.37 → 1.0.39
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.
|
@@ -12205,8 +12205,6 @@ class NeuralDataTableComponent {
|
|
|
12205
12205
|
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
12206
12206
|
subtitle = input('', /* @ts-ignore */
|
|
12207
12207
|
...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
|
|
12208
|
-
count = input(/* @ts-ignore */
|
|
12209
|
-
...(ngDevMode ? [undefined, { debugName: "count" }] : /* istanbul ignore next */ []));
|
|
12210
12208
|
hasInfo = input(false, /* @ts-ignore */
|
|
12211
12209
|
...(ngDevMode ? [{ debugName: "hasInfo" }] : /* istanbul ignore next */ []));
|
|
12212
12210
|
newLabel = input('Nuevo', /* @ts-ignore */
|
|
@@ -12223,15 +12221,16 @@ class NeuralDataTableComponent {
|
|
|
12223
12221
|
...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
|
|
12224
12222
|
totalPages = input(1, /* @ts-ignore */
|
|
12225
12223
|
...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
|
|
12226
|
-
emptyStateTitle = input('No
|
|
12224
|
+
emptyStateTitle = input('No hay datos para mostrar', /* @ts-ignore */
|
|
12227
12225
|
...(ngDevMode ? [{ debugName: "emptyStateTitle" }] : /* istanbul ignore next */ []));
|
|
12228
|
-
emptyStateDesc = input('
|
|
12226
|
+
emptyStateDesc = input('Ajusta los filtros o realiza una búsqueda para encontrar resultados.', /* @ts-ignore */
|
|
12229
12227
|
...(ngDevMode ? [{ debugName: "emptyStateDesc" }] : /* istanbul ignore next */ []));
|
|
12230
12228
|
onSearch = new EventEmitter();
|
|
12231
12229
|
onPageChange = new EventEmitter();
|
|
12232
12230
|
sortChange = new EventEmitter();
|
|
12233
12231
|
// New Emitters for Advanced Actions
|
|
12234
|
-
onInfoClick = new EventEmitter();
|
|
12232
|
+
onInfoClick = new EventEmitter(); // Deprecated, use onHelpClick instead
|
|
12233
|
+
onHelpClick = new EventEmitter();
|
|
12235
12234
|
onRefreshClick = new EventEmitter();
|
|
12236
12235
|
onViewChange = new EventEmitter();
|
|
12237
12236
|
onFilterClick = new EventEmitter();
|
|
@@ -12272,22 +12271,14 @@ class NeuralDataTableComponent {
|
|
|
12272
12271
|
this.sortChange.emit(key);
|
|
12273
12272
|
}
|
|
12274
12273
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12275
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDataTableComponent, isStandalone: true, selector: "neural-data-table", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null },
|
|
12274
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDataTableComponent, isStandalone: true, selector: "neural-data-table", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, hasInfo: { classPropertyName: "hasInfo", publicName: "hasInfo", isSignal: true, isRequired: false, transformFunction: null }, newLabel: { classPropertyName: "newLabel", publicName: "newLabel", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, allColumns: { classPropertyName: "allColumns", publicName: "allColumns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: true, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTitle: { classPropertyName: "emptyStateTitle", publicName: "emptyStateTitle", isSignal: true, isRequired: false, transformFunction: null }, emptyStateDesc: { classPropertyName: "emptyStateDesc", publicName: "emptyStateDesc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSearch: "onSearch", onPageChange: "onPageChange", sortChange: "sortChange", onInfoClick: "onInfoClick", onHelpClick: "onHelpClick", onRefreshClick: "onRefreshClick", onViewChange: "onViewChange", onFilterClick: "onFilterClick", onSortChangeClick: "onSortChangeClick", onSearchClick: "onSearchClick", onMoreClick: "onMoreClick", onImportClick: "onImportClick", onExportClick: "onExportClick", onNewClick: "onNewClick" }, host: { properties: { "attr.title": "null" } }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ["cellTemplate"], descendants: true }], ngImport: i0, template: `
|
|
12276
12275
|
<div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
|
|
12277
12276
|
|
|
12278
12277
|
<!-- Top Header Area -->
|
|
12279
12278
|
<div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
|
|
12280
12279
|
<!-- Left: Title & Info -->
|
|
12281
12280
|
<div class="flex items-center gap-3">
|
|
12282
|
-
<h2 class="text-
|
|
12283
|
-
@if (count() !== undefined) {
|
|
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
|
-
}
|
|
12286
|
-
@if (hasInfo()) {
|
|
12287
|
-
<button class="text-[11px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
|
|
12288
|
-
Información
|
|
12289
|
-
</button>
|
|
12290
|
-
}
|
|
12281
|
+
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12291
12282
|
</div>
|
|
12292
12283
|
|
|
12293
12284
|
<!-- Right: Actions Toolbar -->
|
|
@@ -12329,11 +12320,14 @@ class NeuralDataTableComponent {
|
|
|
12329
12320
|
|
|
12330
12321
|
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12331
12322
|
|
|
12332
|
-
<!-- Settings and External Actions -->
|
|
12323
|
+
<!-- Settings, Help and External Actions -->
|
|
12333
12324
|
<div class="flex items-center gap-0.5">
|
|
12334
12325
|
<button class="flex items-center justify-center size-8 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)">
|
|
12335
12326
|
<i class="lucide-settings size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12336
12327
|
</button>
|
|
12328
|
+
<button class="flex items-center justify-center size-8 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()">
|
|
12329
|
+
<i class="lucide-help-circle size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12330
|
+
</button>
|
|
12337
12331
|
|
|
12338
12332
|
<ng-content select="[header-actions]"></ng-content>
|
|
12339
12333
|
</div>
|
|
@@ -12354,13 +12348,13 @@ class NeuralDataTableComponent {
|
|
|
12354
12348
|
<tr class="border-b border-outline-gray-2 bg-white">
|
|
12355
12349
|
@for (col of visibleColumns(); track col.key) {
|
|
12356
12350
|
<th
|
|
12357
|
-
class="px-4 py-2 text-
|
|
12351
|
+
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
12352
|
[style.width]="col.width || 'auto'"
|
|
12359
12353
|
>
|
|
12360
12354
|
<div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
|
|
12361
12355
|
<span class="truncate">{{ col.label }}</span>
|
|
12362
12356
|
@if (col.sortable) {
|
|
12363
|
-
<i class="lucide-caret-down size-3 text-ink-gray-
|
|
12357
|
+
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|
|
12364
12358
|
}
|
|
12365
12359
|
</div>
|
|
12366
12360
|
</th>
|
|
@@ -12373,7 +12367,7 @@ class NeuralDataTableComponent {
|
|
|
12373
12367
|
<tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
|
|
12374
12368
|
@for (col of visibleColumns(); track col.key) {
|
|
12375
12369
|
<td
|
|
12376
|
-
class="px-4 py-2.5 text-
|
|
12370
|
+
class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
|
|
12377
12371
|
[class.truncate]="!wrapLines()"
|
|
12378
12372
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12379
12373
|
>
|
|
@@ -12402,13 +12396,13 @@ class NeuralDataTableComponent {
|
|
|
12402
12396
|
<!-- Footer / Pagination Area -->
|
|
12403
12397
|
<div class="flex items-center justify-between px-4 py-2 border-t border-outline-gray-2 bg-white">
|
|
12404
12398
|
<!-- Left Footer -->
|
|
12405
|
-
<div class="text-[
|
|
12399
|
+
<div class="text-[13px] text-ink-gray-5">
|
|
12406
12400
|
<!-- Espacio para contadores de selección -->
|
|
12407
12401
|
</div>
|
|
12408
12402
|
|
|
12409
12403
|
<!-- Right Footer: Pagination & Settings -->
|
|
12410
12404
|
<div class="flex items-center gap-4">
|
|
12411
|
-
<div class="flex items-center gap-0.5 text-
|
|
12405
|
+
<div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium">
|
|
12412
12406
|
<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
12407
|
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12414
12408
|
</button>
|
|
@@ -12481,11 +12475,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12481
12475
|
imports: [
|
|
12482
12476
|
CommonModule,
|
|
12483
12477
|
NeuralButtonComponent,
|
|
12484
|
-
NeuralTextInputComponent,
|
|
12485
12478
|
NeuralDialogComponent,
|
|
12486
12479
|
NeuralSwitchComponent,
|
|
12487
12480
|
NeuralCheckboxComponent
|
|
12488
12481
|
],
|
|
12482
|
+
host: {
|
|
12483
|
+
'[attr.title]': 'null'
|
|
12484
|
+
},
|
|
12489
12485
|
template: `
|
|
12490
12486
|
<div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
|
|
12491
12487
|
|
|
@@ -12493,15 +12489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12493
12489
|
<div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
|
|
12494
12490
|
<!-- Left: Title & Info -->
|
|
12495
12491
|
<div class="flex items-center gap-3">
|
|
12496
|
-
<h2 class="text-
|
|
12497
|
-
@if (count() !== undefined) {
|
|
12498
|
-
<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
|
-
}
|
|
12500
|
-
@if (hasInfo()) {
|
|
12501
|
-
<button class="text-[11px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
|
|
12502
|
-
Información
|
|
12503
|
-
</button>
|
|
12504
|
-
}
|
|
12492
|
+
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
12505
12493
|
</div>
|
|
12506
12494
|
|
|
12507
12495
|
<!-- Right: Actions Toolbar -->
|
|
@@ -12543,11 +12531,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12543
12531
|
|
|
12544
12532
|
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12545
12533
|
|
|
12546
|
-
<!-- Settings and External Actions -->
|
|
12534
|
+
<!-- Settings, Help and External Actions -->
|
|
12547
12535
|
<div class="flex items-center gap-0.5">
|
|
12548
12536
|
<button class="flex items-center justify-center size-8 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)">
|
|
12549
12537
|
<i class="lucide-settings size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12550
12538
|
</button>
|
|
12539
|
+
<button class="flex items-center justify-center size-8 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()">
|
|
12540
|
+
<i class="lucide-help-circle size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12541
|
+
</button>
|
|
12551
12542
|
|
|
12552
12543
|
<ng-content select="[header-actions]"></ng-content>
|
|
12553
12544
|
</div>
|
|
@@ -12568,13 +12559,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12568
12559
|
<tr class="border-b border-outline-gray-2 bg-white">
|
|
12569
12560
|
@for (col of visibleColumns(); track col.key) {
|
|
12570
12561
|
<th
|
|
12571
|
-
class="px-4 py-2 text-
|
|
12562
|
+
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
12563
|
[style.width]="col.width || 'auto'"
|
|
12573
12564
|
>
|
|
12574
12565
|
<div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
|
|
12575
12566
|
<span class="truncate">{{ col.label }}</span>
|
|
12576
12567
|
@if (col.sortable) {
|
|
12577
|
-
<i class="lucide-caret-down size-3 text-ink-gray-
|
|
12568
|
+
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|
|
12578
12569
|
}
|
|
12579
12570
|
</div>
|
|
12580
12571
|
</th>
|
|
@@ -12587,7 +12578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12587
12578
|
<tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
|
|
12588
12579
|
@for (col of visibleColumns(); track col.key) {
|
|
12589
12580
|
<td
|
|
12590
|
-
class="px-4 py-2.5 text-
|
|
12581
|
+
class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
|
|
12591
12582
|
[class.truncate]="!wrapLines()"
|
|
12592
12583
|
[class.whitespace-nowrap]="!wrapLines()"
|
|
12593
12584
|
>
|
|
@@ -12616,13 +12607,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12616
12607
|
<!-- Footer / Pagination Area -->
|
|
12617
12608
|
<div class="flex items-center justify-between px-4 py-2 border-t border-outline-gray-2 bg-white">
|
|
12618
12609
|
<!-- Left Footer -->
|
|
12619
|
-
<div class="text-[
|
|
12610
|
+
<div class="text-[13px] text-ink-gray-5">
|
|
12620
12611
|
<!-- Espacio para contadores de selección -->
|
|
12621
12612
|
</div>
|
|
12622
12613
|
|
|
12623
12614
|
<!-- Right Footer: Pagination & Settings -->
|
|
12624
12615
|
<div class="flex items-center gap-4">
|
|
12625
|
-
<div class="flex items-center gap-0.5 text-
|
|
12616
|
+
<div class="flex items-center gap-0.5 text-sm text-ink-gray-7 font-medium">
|
|
12626
12617
|
<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
12618
|
<i class="lucide-chevrons-left size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12628
12619
|
</button>
|
|
@@ -12687,7 +12678,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12687
12678
|
</div>
|
|
12688
12679
|
`
|
|
12689
12680
|
}]
|
|
12690
|
-
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }],
|
|
12681
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], hasInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasInfo", required: false }] }], newLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "newLabel", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], allColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "allColumns", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: true }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], totalPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPages", required: false }] }], emptyStateTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTitle", required: false }] }], emptyStateDesc: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateDesc", required: false }] }], onSearch: [{
|
|
12691
12682
|
type: Output
|
|
12692
12683
|
}], onPageChange: [{
|
|
12693
12684
|
type: Output
|
|
@@ -12695,6 +12686,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12695
12686
|
type: Output
|
|
12696
12687
|
}], onInfoClick: [{
|
|
12697
12688
|
type: Output
|
|
12689
|
+
}], onHelpClick: [{
|
|
12690
|
+
type: Output
|
|
12698
12691
|
}], onRefreshClick: [{
|
|
12699
12692
|
type: Output
|
|
12700
12693
|
}], onViewChange: [{
|