orbiq-neural-ui-kit 1.0.38 → 1.1.0

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,23 +12221,40 @@ 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 data found', /* @ts-ignore */
12224
+ emptyStateTitle = input('No hay datos para mostrar', /* @ts-ignore */
12227
12225
  ...(ngDevMode ? [{ debugName: "emptyStateTitle" }] : /* istanbul ignore next */ []));
12228
- emptyStateDesc = input('There are no records to display.', /* @ts-ignore */
12226
+ emptyStateDesc = input('Ajusta los filtros o realiza una búsqueda para encontrar resultados.', /* @ts-ignore */
12229
12227
  ...(ngDevMode ? [{ debugName: "emptyStateDesc" }] : /* istanbul ignore next */ []));
12228
+ // Custom Dynamic Actions
12229
+ customActions = input([], /* @ts-ignore */
12230
+ ...(ngDevMode ? [{ debugName: "customActions" }] : /* istanbul ignore next */ []));
12231
+ maxVisibleActions = input(2, /* @ts-ignore */
12232
+ ...(ngDevMode ? [{ debugName: "maxVisibleActions" }] : /* istanbul ignore next */ []));
12233
+ visibleCustomActions = computed(() => this.customActions().slice(0, this.maxVisibleActions()), /* @ts-ignore */
12234
+ ...(ngDevMode ? [{ debugName: "visibleCustomActions" }] : /* istanbul ignore next */ []));
12235
+ overflowCustomActions = computed(() => this.customActions().slice(this.maxVisibleActions()), /* @ts-ignore */
12236
+ ...(ngDevMode ? [{ debugName: "overflowCustomActions" }] : /* istanbul ignore next */ []));
12237
+ overflowDropdownOptions = computed(() => {
12238
+ return this.overflowCustomActions().map(a => ({
12239
+ value: a.id,
12240
+ label: a.label,
12241
+ icon: a.icon,
12242
+ disabled: a.disabled
12243
+ }));
12244
+ }, /* @ts-ignore */
12245
+ ...(ngDevMode ? [{ debugName: "overflowDropdownOptions" }] : /* istanbul ignore next */ []));
12230
12246
  onSearch = new EventEmitter();
12231
12247
  onPageChange = new EventEmitter();
12232
12248
  sortChange = new EventEmitter();
12233
12249
  // New Emitters for Advanced Actions
12234
- onInfoClick = new EventEmitter();
12250
+ onInfoClick = new EventEmitter(); // Deprecated, use onHelpClick instead
12251
+ onHelpClick = new EventEmitter();
12235
12252
  onRefreshClick = new EventEmitter();
12236
12253
  onViewChange = new EventEmitter();
12237
12254
  onFilterClick = new EventEmitter();
12238
12255
  onSortChangeClick = new EventEmitter();
12239
12256
  onSearchClick = new EventEmitter();
12240
- onMoreClick = new EventEmitter();
12241
- onImportClick = new EventEmitter();
12242
- onExportClick = new EventEmitter();
12257
+ onCustomActionClick = new EventEmitter();
12243
12258
  onNewClick = new EventEmitter();
12244
12259
  cellTemplate;
12245
12260
  isPreferencesOpen = signal(false, /* @ts-ignore */
@@ -12252,6 +12267,9 @@ class NeuralDataTableComponent {
12252
12267
  return this.allColumns().filter(col => !this.hiddenColumns().has(col.key));
12253
12268
  }, /* @ts-ignore */
12254
12269
  ...(ngDevMode ? [{ debugName: "visibleColumns" }] : /* istanbul ignore next */ []));
12270
+ onCustomActionDropdownSelect(option) {
12271
+ this.onCustomActionClick.emit(option.value);
12272
+ }
12255
12273
  isColumnVisible(key) {
12256
12274
  return !this.hiddenColumns().has(key);
12257
12275
  }
@@ -12272,7 +12290,7 @@ class NeuralDataTableComponent {
12272
12290
  this.sortChange.emit(key);
12273
12291
  }
12274
12292
  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 }, 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", onSearchClick: "onSearchClick", onMoreClick: "onMoreClick", onImportClick: "onImportClick", onExportClick: "onExportClick", onNewClick: "onNewClick" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ["cellTemplate"], descendants: true }], ngImport: i0, template: `
12293
+ 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 }, customActions: { classPropertyName: "customActions", publicName: "customActions", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleActions: { classPropertyName: "maxVisibleActions", publicName: "maxVisibleActions", 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", onCustomActionClick: "onCustomActionClick", onNewClick: "onNewClick" }, host: { properties: { "attr.title": "null" } }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ["cellTemplate"], descendants: true }], ngImport: i0, template: `
12276
12294
  <div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
12277
12295
 
12278
12296
  <!-- Top Header Area -->
@@ -12280,14 +12298,6 @@ class NeuralDataTableComponent {
12280
12298
  <!-- Left: Title & Info -->
12281
12299
  <div class="flex items-center gap-3">
12282
12300
  <h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
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-sm font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
12288
- Información
12289
- </button>
12290
- }
12291
12301
  </div>
12292
12302
 
12293
12303
  <!-- Right: Actions Toolbar -->
@@ -12316,23 +12326,35 @@ class NeuralDataTableComponent {
12316
12326
  <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="Actualizar" (click)="onRefreshClick.emit()">
12317
12327
  <i class="lucide-refresh-cw size-[18px]" style="stroke-width: 1.5px;"></i>
12318
12328
  </button>
12319
- <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="Importar" (click)="onImportClick.emit()">
12320
- <i class="lucide-upload size-[18px]" style="stroke-width: 1.5px;"></i>
12321
- </button>
12322
- <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="Exportar" (click)="onExportClick.emit()">
12323
- <i class="lucide-download size-[18px]" style="stroke-width: 1.5px;"></i>
12324
- </button>
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="Más acciones" (click)="onMoreClick.emit()">
12326
- <i class="lucide-more-horizontal size-[18px]" style="stroke-width: 1.5px;"></i>
12327
- </button>
12329
+
12330
+ <!-- Dynamic Custom Actions -->
12331
+ @for (action of visibleCustomActions(); track action.id) {
12332
+ <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 disabled:opacity-50"
12333
+ [title]="action.label"
12334
+ [disabled]="action.disabled"
12335
+ (click)="onCustomActionClick.emit(action.id)">
12336
+ <i [class]="action.icon + ' size-[18px]'" style="stroke-width: 1.5px;"></i>
12337
+ </button>
12338
+ }
12339
+
12340
+ @if (overflowCustomActions().length > 0) {
12341
+ <neural-dropdown [options]="overflowDropdownOptions()" (onSelect)="onCustomActionDropdownSelect($event)" [hasTriggerSlot]="true" placement="bottom-end">
12342
+ <button trigger 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="Más acciones">
12343
+ <i class="lucide-more-horizontal size-[18px]" style="stroke-width: 1.5px;"></i>
12344
+ </button>
12345
+ </neural-dropdown>
12346
+ }
12328
12347
  </div>
12329
12348
 
12330
12349
  <div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
12331
12350
 
12332
- <!-- Settings and External Actions -->
12351
+ <!-- Settings, Help and External Actions -->
12333
12352
  <div class="flex items-center gap-0.5">
12334
12353
  <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
- <i class="lucide-settings size-[18px]" style="stroke-width: 1.5px;"></i>
12354
+ <i class="lucide-columns size-[18px]" style="stroke-width: 1.5px;"></i>
12355
+ </button>
12356
+ <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()">
12357
+ <i class="lucide-help-circle size-[18px]" style="stroke-width: 1.5px;"></i>
12336
12358
  </button>
12337
12359
 
12338
12360
  <ng-content select="[header-actions]"></ng-content>
@@ -12471,7 +12493,7 @@ class NeuralDataTableComponent {
12471
12493
  </div>
12472
12494
  </neural-dialog>
12473
12495
  </div>
12474
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralSwitchComponent, selector: "neural-switch", inputs: ["valueModel", "size", "padded", "disabled", "required", "controlPosition", "icon", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["valueModelChange"] }, { kind: "component", type: NeuralCheckboxComponent, selector: "neural-checkbox", inputs: ["checkedModel", "size", "padded", "indeterminate", "disabled", "required", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["checkedModelChange"] }] });
12496
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralSwitchComponent, selector: "neural-switch", inputs: ["valueModel", "size", "padded", "disabled", "required", "controlPosition", "icon", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["valueModelChange"] }, { kind: "component", type: NeuralCheckboxComponent, selector: "neural-checkbox", inputs: ["checkedModel", "size", "padded", "indeterminate", "disabled", "required", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["checkedModelChange"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "hasTriggerSlot"] }] });
12475
12497
  }
12476
12498
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, decorators: [{
12477
12499
  type: Component,
@@ -12483,8 +12505,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12483
12505
  NeuralButtonComponent,
12484
12506
  NeuralDialogComponent,
12485
12507
  NeuralSwitchComponent,
12486
- NeuralCheckboxComponent
12508
+ NeuralCheckboxComponent,
12509
+ NeuralDropdownComponent
12487
12510
  ],
12511
+ host: {
12512
+ '[attr.title]': 'null'
12513
+ },
12488
12514
  template: `
12489
12515
  <div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
12490
12516
 
@@ -12493,14 +12519,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12493
12519
  <!-- Left: Title & Info -->
12494
12520
  <div class="flex items-center gap-3">
12495
12521
  <h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
12496
- @if (count() !== undefined) {
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>
12498
- }
12499
- @if (hasInfo()) {
12500
- <button class="text-sm font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
12501
- Información
12502
- </button>
12503
- }
12504
12522
  </div>
12505
12523
 
12506
12524
  <!-- Right: Actions Toolbar -->
@@ -12529,23 +12547,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12529
12547
  <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="Actualizar" (click)="onRefreshClick.emit()">
12530
12548
  <i class="lucide-refresh-cw size-[18px]" style="stroke-width: 1.5px;"></i>
12531
12549
  </button>
12532
- <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="Importar" (click)="onImportClick.emit()">
12533
- <i class="lucide-upload size-[18px]" style="stroke-width: 1.5px;"></i>
12534
- </button>
12535
- <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="Exportar" (click)="onExportClick.emit()">
12536
- <i class="lucide-download size-[18px]" style="stroke-width: 1.5px;"></i>
12537
- </button>
12538
- <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="Más acciones" (click)="onMoreClick.emit()">
12539
- <i class="lucide-more-horizontal size-[18px]" style="stroke-width: 1.5px;"></i>
12540
- </button>
12550
+
12551
+ <!-- Dynamic Custom Actions -->
12552
+ @for (action of visibleCustomActions(); track action.id) {
12553
+ <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 disabled:opacity-50"
12554
+ [title]="action.label"
12555
+ [disabled]="action.disabled"
12556
+ (click)="onCustomActionClick.emit(action.id)">
12557
+ <i [class]="action.icon + ' size-[18px]'" style="stroke-width: 1.5px;"></i>
12558
+ </button>
12559
+ }
12560
+
12561
+ @if (overflowCustomActions().length > 0) {
12562
+ <neural-dropdown [options]="overflowDropdownOptions()" (onSelect)="onCustomActionDropdownSelect($event)" [hasTriggerSlot]="true" placement="bottom-end">
12563
+ <button trigger 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="Más acciones">
12564
+ <i class="lucide-more-horizontal size-[18px]" style="stroke-width: 1.5px;"></i>
12565
+ </button>
12566
+ </neural-dropdown>
12567
+ }
12541
12568
  </div>
12542
12569
 
12543
12570
  <div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
12544
12571
 
12545
- <!-- Settings and External Actions -->
12572
+ <!-- Settings, Help and External Actions -->
12546
12573
  <div class="flex items-center gap-0.5">
12547
12574
  <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)">
12548
- <i class="lucide-settings size-[18px]" style="stroke-width: 1.5px;"></i>
12575
+ <i class="lucide-columns size-[18px]" style="stroke-width: 1.5px;"></i>
12576
+ </button>
12577
+ <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()">
12578
+ <i class="lucide-help-circle size-[18px]" style="stroke-width: 1.5px;"></i>
12549
12579
  </button>
12550
12580
 
12551
12581
  <ng-content select="[header-actions]"></ng-content>
@@ -12686,7 +12716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12686
12716
  </div>
12687
12717
  `
12688
12718
  }]
12689
- }], 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: [{
12719
+ }], 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 }] }], customActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "customActions", required: false }] }], maxVisibleActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisibleActions", required: false }] }], onSearch: [{
12690
12720
  type: Output
12691
12721
  }], onPageChange: [{
12692
12722
  type: Output
@@ -12694,6 +12724,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12694
12724
  type: Output
12695
12725
  }], onInfoClick: [{
12696
12726
  type: Output
12727
+ }], onHelpClick: [{
12728
+ type: Output
12697
12729
  }], onRefreshClick: [{
12698
12730
  type: Output
12699
12731
  }], onViewChange: [{
@@ -12704,11 +12736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12704
12736
  type: Output
12705
12737
  }], onSearchClick: [{
12706
12738
  type: Output
12707
- }], onMoreClick: [{
12708
- type: Output
12709
- }], onImportClick: [{
12710
- type: Output
12711
- }], onExportClick: [{
12739
+ }], onCustomActionClick: [{
12712
12740
  type: Output
12713
12741
  }], onNewClick: [{
12714
12742
  type: Output