orbiq-neural-ui-kit 1.0.34 → 1.0.36

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 (4) hide show
  1. package/fesm2022/orbiq-neural-ui-kit.mjs +91 -40
  2. package/fesm2022/orbiq-neural-ui-kit.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/orbiq-neural-ui-kit.d.ts +7 -1
package/fesm2022/orbiq-neural-ui-kit.mjs CHANGED
@@ -12209,6 +12209,8 @@ class NeuralDataTableComponent {
12209
12209
  ...(ngDevMode ? [undefined, { debugName: "count" }] : /* istanbul ignore next */ []));
12210
12210
  hasInfo = input(false, /* @ts-ignore */
12211
12211
  ...(ngDevMode ? [{ debugName: "hasInfo" }] : /* istanbul ignore next */ []));
12212
+ newLabel = input('Nuevo', /* @ts-ignore */
12213
+ ...(ngDevMode ? [{ debugName: "newLabel" }] : /* istanbul ignore next */ []));
12212
12214
  searchPlaceholder = input('Search', /* @ts-ignore */
12213
12215
  ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
12214
12216
  allColumns = input([], /* @ts-ignore */
@@ -12233,6 +12235,11 @@ class NeuralDataTableComponent {
12233
12235
  onRefreshClick = new EventEmitter();
12234
12236
  onViewChange = new EventEmitter();
12235
12237
  onFilterClick = new EventEmitter();
12238
+ onSortChangeClick = new EventEmitter();
12239
+ onMoreClick = new EventEmitter();
12240
+ onImportClick = new EventEmitter();
12241
+ onExportClick = new EventEmitter();
12242
+ onNewClick = new EventEmitter();
12236
12243
  cellTemplate;
12237
12244
  isPreferencesOpen = signal(false, /* @ts-ignore */
12238
12245
  ...(ngDevMode ? [{ debugName: "isPreferencesOpen" }] : /* istanbul ignore next */ []));
@@ -12264,65 +12271,82 @@ class NeuralDataTableComponent {
12264
12271
  this.sortChange.emit(key);
12265
12272
  }
12266
12273
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12267
- 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 }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, hasInfo: { classPropertyName: "hasInfo", publicName: "hasInfo", 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", onRefreshClick: "onRefreshClick", onViewChange: "onViewChange", onFilterClick: "onFilterClick" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ["cellTemplate"], descendants: true }], ngImport: i0, template: `
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 }, count: { classPropertyName: "count", publicName: "count", 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", onRefreshClick: "onRefreshClick", onViewChange: "onViewChange", onFilterClick: "onFilterClick", onSortChangeClick: "onSortChangeClick", onMoreClick: "onMoreClick", onImportClick: "onImportClick", onExportClick: "onExportClick", onNewClick: "onNewClick" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ["cellTemplate"], descendants: true }], ngImport: i0, template: `
12268
12275
  <div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
12269
12276
 
12270
12277
  <!-- Top Header Area -->
12271
- <div class="flex items-center justify-between px-4 py-2.5 border-b border-outline-gray-2 bg-white">
12278
+ <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
12272
12279
  <!-- Left: Title & Info -->
12273
12280
  <div class="flex items-center gap-3">
12274
- <h2 class="text-[14px] font-semibold text-ink-gray-9">{{ title() }}</h2>
12281
+ <h2 class="text-[13px] font-semibold text-ink-gray-9">{{ title() }}</h2>
12275
12282
  @if (count() !== undefined) {
12276
- <span class="text-[12px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
12283
+ <span class="text-[11px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
12277
12284
  }
12278
12285
  @if (hasInfo()) {
12279
- <button class="text-[12px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
12286
+ <button class="text-[11px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
12280
12287
  Información
12281
12288
  </button>
12282
12289
  }
12283
12290
  </div>
12284
12291
 
12285
12292
  <!-- Right: Actions Toolbar -->
12286
- <div class="flex items-center gap-1.5">
12293
+ <div class="flex items-center gap-1">
12287
12294
 
12288
12295
  <!-- Built-in Actions Group (Clean, no background) -->
12289
12296
  <div class="flex items-center gap-0.5">
12290
- <neural-button variant="ghost" size="sm" icon="lucide-list" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onViewChange.emit('report')">Vista</neural-button>
12291
- <neural-button variant="ghost" size="sm" icon="lucide-filter" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onFilterClick.emit()">Filtrar</neural-button>
12292
- <neural-button variant="ghost" size="sm" icon="lucide-arrow-up-down" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" title="Orden">Orden</neural-button>
12297
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Vista" (click)="onViewChange.emit('report')">
12298
+ <i class="lucide-list size-3.5" style="stroke-width: 1.5px;"></i>
12299
+ </button>
12300
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Filtrar" (click)="onFilterClick.emit()">
12301
+ <i class="lucide-filter size-3.5" style="stroke-width: 1.5px;"></i>
12302
+ </button>
12303
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Orden" (click)="onSortChangeClick.emit()">
12304
+ <i class="lucide-arrow-up-down size-3.5" style="stroke-width: 1.5px;"></i>
12305
+ </button>
12293
12306
  </div>
12294
12307
 
12295
- <div class="w-px h-4 bg-outline-gray-2 mx-1"></div>
12308
+ <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
12296
12309
 
12297
12310
  <div class="flex items-center gap-0.5">
12298
- <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()">
12311
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Actualizar" (click)="onRefreshClick.emit()">
12299
12312
  <i class="lucide-refresh-cw size-3.5" style="stroke-width: 1.5px;"></i>
12300
12313
  </button>
12301
- <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="Más acciones">
12314
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Importar" (click)="onImportClick.emit()">
12315
+ <i class="lucide-upload size-3.5" style="stroke-width: 1.5px;"></i>
12316
+ </button>
12317
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Exportar" (click)="onExportClick.emit()">
12318
+ <i class="lucide-download size-3.5" style="stroke-width: 1.5px;"></i>
12319
+ </button>
12320
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Más acciones" (click)="onMoreClick.emit()">
12302
12321
  <i class="lucide-more-horizontal size-3.5" style="stroke-width: 1.5px;"></i>
12303
12322
  </button>
12304
12323
  </div>
12305
12324
 
12306
- <div class="w-px h-5 bg-outline-gray-2 mx-1"></div>
12325
+ <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
12307
12326
 
12308
- <!-- External Actions (Refresh, Create, etc) -->
12327
+ <!-- External Actions -->
12309
12328
  <ng-content select="[header-actions]"></ng-content>
12329
+
12330
+ <!-- + Nuevo Button -->
12331
+ <neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-2.5 !text-[12px]" (click)="onNewClick.emit()">
12332
+ {{ newLabel() }}
12333
+ </neural-button>
12310
12334
  </div>
12311
12335
  </div>
12312
12336
 
12313
12337
  <!-- Search Area -->
12314
- <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
12338
+ <div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
12315
12339
  <div class="w-full max-w-sm">
12316
12340
  <neural-text-input
12317
12341
  [placeholder]="searchPlaceholder()"
12318
12342
  icon="lucide-search"
12319
- size="sm"
12343
+ size="xs"
12320
12344
  (valueModelChange)="onSearch.emit($event)"
12321
12345
  ></neural-text-input>
12322
12346
  </div>
12323
12347
 
12324
- <!-- Preferences / Columns Dialog Trigger (Moved to search row) -->
12325
- <button class="flex items-center justify-center size-7 rounded-md border border-outline-gray-2 bg-white hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors shadow-sm" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
12348
+ <!-- Preferences / Columns Dialog Trigger -->
12349
+ <button class="flex items-center justify-center size-6 rounded-md bg-transparent hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
12326
12350
  <i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
12327
12351
  </button>
12328
12352
  </div>
@@ -12334,13 +12358,13 @@ class NeuralDataTableComponent {
12334
12358
  <tr class="border-b border-outline-gray-2 bg-white">
12335
12359
  @for (col of visibleColumns(); track col.key) {
12336
12360
  <th
12337
- class="px-4 py-2.5 text-[12px] font-semibold text-ink-gray-6 uppercase tracking-wider truncate border-r border-outline-gray-2 last:border-r-0"
12361
+ class="px-4 py-2 text-[11px] font-medium text-ink-gray-6 truncate border-r border-outline-gray-2 last:border-r-0"
12338
12362
  [style.width]="col.width || 'auto'"
12339
12363
  >
12340
12364
  <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
12341
12365
  <span class="truncate">{{ col.label }}</span>
12342
12366
  @if (col.sortable) {
12343
- <i class="lucide-caret-down size-3.5 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
12367
+ <i class="lucide-caret-down size-3 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
12344
12368
  }
12345
12369
  </div>
12346
12370
  </th>
@@ -12470,61 +12494,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12470
12494
  <div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
12471
12495
 
12472
12496
  <!-- Top Header Area -->
12473
- <div class="flex items-center justify-between px-4 py-2.5 border-b border-outline-gray-2 bg-white">
12497
+ <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
12474
12498
  <!-- Left: Title & Info -->
12475
12499
  <div class="flex items-center gap-3">
12476
- <h2 class="text-[14px] font-semibold text-ink-gray-9">{{ title() }}</h2>
12500
+ <h2 class="text-[13px] font-semibold text-ink-gray-9">{{ title() }}</h2>
12477
12501
  @if (count() !== undefined) {
12478
- <span class="text-[12px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
12502
+ <span class="text-[11px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
12479
12503
  }
12480
12504
  @if (hasInfo()) {
12481
- <button class="text-[12px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
12505
+ <button class="text-[11px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
12482
12506
  Información
12483
12507
  </button>
12484
12508
  }
12485
12509
  </div>
12486
12510
 
12487
12511
  <!-- Right: Actions Toolbar -->
12488
- <div class="flex items-center gap-1.5">
12512
+ <div class="flex items-center gap-1">
12489
12513
 
12490
12514
  <!-- Built-in Actions Group (Clean, no background) -->
12491
12515
  <div class="flex items-center gap-0.5">
12492
- <neural-button variant="ghost" size="sm" icon="lucide-list" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onViewChange.emit('report')">Vista</neural-button>
12493
- <neural-button variant="ghost" size="sm" icon="lucide-filter" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" (click)="onFilterClick.emit()">Filtrar</neural-button>
12494
- <neural-button variant="ghost" size="sm" icon="lucide-arrow-up-down" [iconLeft]="true" class="!px-1.5 !text-[12px] !font-medium !text-ink-gray-6 hover:!text-ink-gray-9" title="Orden">Orden</neural-button>
12516
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Vista" (click)="onViewChange.emit('report')">
12517
+ <i class="lucide-list size-3.5" style="stroke-width: 1.5px;"></i>
12518
+ </button>
12519
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Filtrar" (click)="onFilterClick.emit()">
12520
+ <i class="lucide-filter size-3.5" style="stroke-width: 1.5px;"></i>
12521
+ </button>
12522
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Orden" (click)="onSortChangeClick.emit()">
12523
+ <i class="lucide-arrow-up-down size-3.5" style="stroke-width: 1.5px;"></i>
12524
+ </button>
12495
12525
  </div>
12496
12526
 
12497
- <div class="w-px h-4 bg-outline-gray-2 mx-1"></div>
12527
+ <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
12498
12528
 
12499
12529
  <div class="flex items-center gap-0.5">
12500
- <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()">
12530
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Actualizar" (click)="onRefreshClick.emit()">
12501
12531
  <i class="lucide-refresh-cw size-3.5" style="stroke-width: 1.5px;"></i>
12502
12532
  </button>
12503
- <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="Más acciones">
12533
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Importar" (click)="onImportClick.emit()">
12534
+ <i class="lucide-upload size-3.5" style="stroke-width: 1.5px;"></i>
12535
+ </button>
12536
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Exportar" (click)="onExportClick.emit()">
12537
+ <i class="lucide-download size-3.5" style="stroke-width: 1.5px;"></i>
12538
+ </button>
12539
+ <button class="flex items-center justify-center size-6 rounded-md hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" title="Más acciones" (click)="onMoreClick.emit()">
12504
12540
  <i class="lucide-more-horizontal size-3.5" style="stroke-width: 1.5px;"></i>
12505
12541
  </button>
12506
12542
  </div>
12507
12543
 
12508
- <div class="w-px h-5 bg-outline-gray-2 mx-1"></div>
12544
+ <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
12509
12545
 
12510
- <!-- External Actions (Refresh, Create, etc) -->
12546
+ <!-- External Actions -->
12511
12547
  <ng-content select="[header-actions]"></ng-content>
12548
+
12549
+ <!-- + Nuevo Button -->
12550
+ <neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-2.5 !text-[12px]" (click)="onNewClick.emit()">
12551
+ {{ newLabel() }}
12552
+ </neural-button>
12512
12553
  </div>
12513
12554
  </div>
12514
12555
 
12515
12556
  <!-- Search Area -->
12516
- <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
12557
+ <div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
12517
12558
  <div class="w-full max-w-sm">
12518
12559
  <neural-text-input
12519
12560
  [placeholder]="searchPlaceholder()"
12520
12561
  icon="lucide-search"
12521
- size="sm"
12562
+ size="xs"
12522
12563
  (valueModelChange)="onSearch.emit($event)"
12523
12564
  ></neural-text-input>
12524
12565
  </div>
12525
12566
 
12526
- <!-- Preferences / Columns Dialog Trigger (Moved to search row) -->
12527
- <button class="flex items-center justify-center size-7 rounded-md border border-outline-gray-2 bg-white hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors shadow-sm" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
12567
+ <!-- Preferences / Columns Dialog Trigger -->
12568
+ <button class="flex items-center justify-center size-6 rounded-md bg-transparent hover:bg-surface-gray-1 text-ink-gray-6 hover:text-ink-gray-9 transition-colors" (click)="isPreferencesOpen.set(true)" title="Configurar columnas">
12528
12569
  <i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
12529
12570
  </button>
12530
12571
  </div>
@@ -12536,13 +12577,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12536
12577
  <tr class="border-b border-outline-gray-2 bg-white">
12537
12578
  @for (col of visibleColumns(); track col.key) {
12538
12579
  <th
12539
- class="px-4 py-2.5 text-[12px] font-semibold text-ink-gray-6 uppercase tracking-wider truncate border-r border-outline-gray-2 last:border-r-0"
12580
+ class="px-4 py-2 text-[11px] font-medium text-ink-gray-6 truncate border-r border-outline-gray-2 last:border-r-0"
12540
12581
  [style.width]="col.width || 'auto'"
12541
12582
  >
12542
12583
  <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
12543
12584
  <span class="truncate">{{ col.label }}</span>
12544
12585
  @if (col.sortable) {
12545
- <i class="lucide-caret-down size-3.5 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
12586
+ <i class="lucide-caret-down size-3 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
12546
12587
  }
12547
12588
  </div>
12548
12589
  </th>
@@ -12655,7 +12696,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12655
12696
  </div>
12656
12697
  `
12657
12698
  }]
12658
- }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], hasInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasInfo", 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: [{
12699
+ }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", 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: [{
12659
12700
  type: Output
12660
12701
  }], onPageChange: [{
12661
12702
  type: Output
@@ -12669,6 +12710,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12669
12710
  type: Output
12670
12711
  }], onFilterClick: [{
12671
12712
  type: Output
12713
+ }], onSortChangeClick: [{
12714
+ type: Output
12715
+ }], onMoreClick: [{
12716
+ type: Output
12717
+ }], onImportClick: [{
12718
+ type: Output
12719
+ }], onExportClick: [{
12720
+ type: Output
12721
+ }], onNewClick: [{
12722
+ type: Output
12672
12723
  }], cellTemplate: [{
12673
12724
  type: ContentChild,
12674
12725
  args: ['cellTemplate']