orbiq-neural-ui-kit 1.0.34 → 1.0.35

package/fesm2022/orbiq-neural-ui-kit.mjs

@@ -12209,6 +12209,8 @@ class NeuralDataTableComponent {
     ...(ngDevMode ? [undefined, { debugName: "count" }] : /* istanbul ignore next */ []));
     hasInfo = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hasInfo" }] : /* istanbul ignore next */ []));
+    newLabel = input('Nuevo', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "newLabel" }] : /* istanbul ignore next */ []));
     searchPlaceholder = input('Search', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
     allColumns = input([], /* @ts-ignore */
@@ -12233,6 +12235,11 @@ class NeuralDataTableComponent {
     onRefreshClick = new EventEmitter();
     onViewChange = new EventEmitter();
     onFilterClick = new EventEmitter();
+    onSortChangeClick = new EventEmitter();
+    onMoreClick = new EventEmitter();
+    onImportClick = new EventEmitter();
+    onExportClick = new EventEmitter();
+    onNewClick = new EventEmitter();
     cellTemplate;
     isPreferencesOpen = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isPreferencesOpen" }] : /* istanbul ignore next */ []));
@@ -12264,65 +12271,76 @@ class NeuralDataTableComponent {
         this.sortChange.emit(key);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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: `
+    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: `
     <div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
       
       <!-- Top Header Area -->
-      <div class="flex items-center justify-between px-4 py-2.5 border-b border-outline-gray-2 bg-white">
+      <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
         <!-- Left: Title & Info -->
         <div class="flex items-center gap-3">
-          <h2 class="text-[14px] font-semibold text-ink-gray-9">{{ title() }}</h2>
+          <h2 class="text-[13px] font-semibold text-ink-gray-9">{{ title() }}</h2>
           @if (count() !== undefined) {
-            <span class="text-[12px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
+            <span class="text-[11px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
           }
           @if (hasInfo()) {
-            <button class="text-[12px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
+            <button class="text-[11px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
               Información
             </button>
           }
         </div>
 
         <!-- Right: Actions Toolbar -->
-        <div class="flex items-center gap-1.5">
+        <div class="flex items-center gap-1">
           
           <!-- Built-in Actions Group (Clean, no background) -->
           <div class="flex items-center gap-0.5">
             <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>
             <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>
-            <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>
+            <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" (click)="onSortChangeClick.emit()">Orden</neural-button>
           </div>
           
-          <div class="w-px h-4 bg-outline-gray-2 mx-1"></div>
+          <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
           
           <div class="flex items-center gap-0.5">
-            <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()">
+            <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()">
               <i class="lucide-refresh-cw size-3.5" style="stroke-width: 1.5px;"></i>
             </button>
-            <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">
+            <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()">
+              <i class="lucide-upload size-3.5" style="stroke-width: 1.5px;"></i>
+            </button>
+            <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()">
+              <i class="lucide-download size-3.5" style="stroke-width: 1.5px;"></i>
+            </button>
+            <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()">
               <i class="lucide-more-horizontal size-3.5" style="stroke-width: 1.5px;"></i>
             </button>
           </div>
 
-          <div class="w-px h-5 bg-outline-gray-2 mx-1"></div>
+          <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
 
-          <!-- External Actions (Refresh, Create, etc) -->
+          <!-- External Actions -->
           <ng-content select="[header-actions]"></ng-content>
+          
+          <!-- + Nuevo Button -->
+          <neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-2.5 !text-[12px]" (click)="onNewClick.emit()">
+            {{ newLabel() }}
+          </neural-button>
         </div>
       </div>
 
       <!-- Search Area -->
-      <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
+      <div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
         <div class="w-full max-w-sm">
           <neural-text-input 
             [placeholder]="searchPlaceholder()"
             icon="lucide-search"
-            size="sm"
+            size="xs"
             (valueModelChange)="onSearch.emit($event)"
           ></neural-text-input>
         </div>
         
-        <!-- Preferences / Columns Dialog Trigger (Moved to search row) -->
-        <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">
+        <!-- Preferences / Columns Dialog Trigger -->
+        <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">
           <i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
         </button>
       </div>
@@ -12334,13 +12352,13 @@ class NeuralDataTableComponent {
             <tr class="border-b border-outline-gray-2 bg-white">
               @for (col of visibleColumns(); track col.key) {
                 <th 
-                  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"
+                  class="px-4 py-2 text-[11px] font-medium text-ink-gray-6 truncate border-r border-outline-gray-2 last:border-r-0"
                   [style.width]="col.width || 'auto'"
                 >
                   <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
                     <span class="truncate">{{ col.label }}</span>
                     @if (col.sortable) {
-                      <i class="lucide-caret-down size-3.5 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
+                      <i class="lucide-caret-down size-3 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
                     }
                   </div>
                 </th>
@@ -12470,61 +12488,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     <div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
       
       <!-- Top Header Area -->
-      <div class="flex items-center justify-between px-4 py-2.5 border-b border-outline-gray-2 bg-white">
+      <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-2 bg-white">
         <!-- Left: Title & Info -->
         <div class="flex items-center gap-3">
-          <h2 class="text-[14px] font-semibold text-ink-gray-9">{{ title() }}</h2>
+          <h2 class="text-[13px] font-semibold text-ink-gray-9">{{ title() }}</h2>
           @if (count() !== undefined) {
-            <span class="text-[12px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
+            <span class="text-[11px] font-medium text-ink-gray-5 px-1.5 py-0.5 rounded-full bg-surface-gray-2">{{ count() }}</span>
           }
           @if (hasInfo()) {
-            <button class="text-[12px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
+            <button class="text-[11px] font-medium text-blue-600 hover:underline cursor-pointer flex items-center gap-1" (click)="onInfoClick.emit()">
               Información
             </button>
           }
         </div>
 
         <!-- Right: Actions Toolbar -->
-        <div class="flex items-center gap-1.5">
+        <div class="flex items-center gap-1">
           
           <!-- Built-in Actions Group (Clean, no background) -->
           <div class="flex items-center gap-0.5">
             <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>
             <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>
-            <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>
+            <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" (click)="onSortChangeClick.emit()">Orden</neural-button>
           </div>
           
-          <div class="w-px h-4 bg-outline-gray-2 mx-1"></div>
+          <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
           
           <div class="flex items-center gap-0.5">
-            <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()">
+            <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()">
               <i class="lucide-refresh-cw size-3.5" style="stroke-width: 1.5px;"></i>
             </button>
-            <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">
+            <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()">
+              <i class="lucide-upload size-3.5" style="stroke-width: 1.5px;"></i>
+            </button>
+            <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()">
+              <i class="lucide-download size-3.5" style="stroke-width: 1.5px;"></i>
+            </button>
+            <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()">
               <i class="lucide-more-horizontal size-3.5" style="stroke-width: 1.5px;"></i>
             </button>
           </div>
 
-          <div class="w-px h-5 bg-outline-gray-2 mx-1"></div>
+          <div class="w-px h-3.5 bg-outline-gray-2 mx-1.5"></div>
 
-          <!-- External Actions (Refresh, Create, etc) -->
+          <!-- External Actions -->
           <ng-content select="[header-actions]"></ng-content>
+          
+          <!-- + Nuevo Button -->
+          <neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-2.5 !text-[12px]" (click)="onNewClick.emit()">
+            {{ newLabel() }}
+          </neural-button>
         </div>
       </div>
 
       <!-- Search Area -->
-      <div class="flex items-center justify-between px-4 py-2 border-b border-outline-gray-1 bg-surface-base">
+      <div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
         <div class="w-full max-w-sm">
           <neural-text-input 
             [placeholder]="searchPlaceholder()"
             icon="lucide-search"
-            size="sm"
+            size="xs"
             (valueModelChange)="onSearch.emit($event)"
           ></neural-text-input>
         </div>
         
-        <!-- Preferences / Columns Dialog Trigger (Moved to search row) -->
-        <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">
+        <!-- Preferences / Columns Dialog Trigger -->
+        <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">
           <i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
         </button>
       </div>
@@ -12536,13 +12565,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
             <tr class="border-b border-outline-gray-2 bg-white">
               @for (col of visibleColumns(); track col.key) {
                 <th 
-                  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"
+                  class="px-4 py-2 text-[11px] font-medium text-ink-gray-6 truncate border-r border-outline-gray-2 last:border-r-0"
                   [style.width]="col.width || 'auto'"
                 >
                   <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
                     <span class="truncate">{{ col.label }}</span>
                     @if (col.sortable) {
-                      <i class="lucide-caret-down size-3.5 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
+                      <i class="lucide-caret-down size-3 text-ink-gray-4 opacity-0 group-hover:opacity-100 transition-opacity"></i>
                     }
                   </div>
                 </th>
@@ -12655,7 +12684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     </div>
   `
                 }]
-        }], 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: [{
+        }], 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: [{
                 type: Output
             }], onPageChange: [{
                 type: Output
@@ -12669,6 +12698,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 type: Output
             }], onFilterClick: [{
                 type: Output
+            }], onSortChangeClick: [{
+                type: Output
+            }], onMoreClick: [{
+                type: Output
+            }], onImportClick: [{
+                type: Output
+            }], onExportClick: [{
+                type: Output
+            }], onNewClick: [{
+                type: Output
             }], cellTemplate: [{
                 type: ContentChild,
                 args: ['cellTemplate']