orbiq-neural-ui-kit 1.0.36 → 1.0.37
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.
|
@@ -12236,6 +12236,7 @@ class NeuralDataTableComponent {
|
|
|
12236
12236
|
onViewChange = new EventEmitter();
|
|
12237
12237
|
onFilterClick = new EventEmitter();
|
|
12238
12238
|
onSortChangeClick = new EventEmitter();
|
|
12239
|
+
onSearchClick = new EventEmitter();
|
|
12239
12240
|
onMoreClick = new EventEmitter();
|
|
12240
12241
|
onImportClick = new EventEmitter();
|
|
12241
12242
|
onExportClick = new EventEmitter();
|
|
@@ -12271,7 +12272,7 @@ class NeuralDataTableComponent {
|
|
|
12271
12272
|
this.sortChange.emit(key);
|
|
12272
12273
|
}
|
|
12273
12274
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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: `
|
|
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: `
|
|
12275
12276
|
<div class="flex flex-col w-full h-full bg-white rounded-md border border-outline-gray-2 shadow-sm overflow-hidden">
|
|
12276
12277
|
|
|
12277
12278
|
<!-- Top Header Area -->
|
|
@@ -12294,61 +12295,56 @@ class NeuralDataTableComponent {
|
|
|
12294
12295
|
|
|
12295
12296
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12296
12297
|
<div class="flex items-center gap-0.5">
|
|
12297
|
-
<button class="flex items-center justify-center size-
|
|
12298
|
-
<i class="lucide-list size-
|
|
12298
|
+
<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="Vista" (click)="onViewChange.emit('report')">
|
|
12299
|
+
<i class="lucide-list size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12299
12300
|
</button>
|
|
12300
|
-
<button class="flex items-center justify-center size-
|
|
12301
|
-
<i class="lucide-filter size-
|
|
12301
|
+
<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="Filtrar" (click)="onFilterClick.emit()">
|
|
12302
|
+
<i class="lucide-filter size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12302
12303
|
</button>
|
|
12303
|
-
<button class="flex items-center justify-center size-
|
|
12304
|
-
<i class="lucide-arrow-up-down size-
|
|
12304
|
+
<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="Orden" (click)="onSortChangeClick.emit()">
|
|
12305
|
+
<i class="lucide-arrow-up-down size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12305
12306
|
</button>
|
|
12306
12307
|
</div>
|
|
12307
12308
|
|
|
12308
|
-
<div class="w-px h-
|
|
12309
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12309
12310
|
|
|
12310
12311
|
<div class="flex items-center gap-0.5">
|
|
12311
|
-
|
|
12312
|
-
|
|
12312
|
+
<!-- Search Icon -->
|
|
12313
|
+
<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="Buscar" (click)="onSearchClick.emit()">
|
|
12314
|
+
<i class="lucide-search size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12313
12315
|
</button>
|
|
12314
|
-
<button class="flex items-center justify-center size-
|
|
12315
|
-
<i class="lucide-
|
|
12316
|
+
<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
|
+
<i class="lucide-refresh-cw size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12316
12318
|
</button>
|
|
12317
|
-
<button class="flex items-center justify-center size-
|
|
12318
|
-
<i class="lucide-
|
|
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>
|
|
12319
12321
|
</button>
|
|
12320
|
-
<button class="flex items-center justify-center size-
|
|
12321
|
-
<i class="lucide-
|
|
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>
|
|
12322
12327
|
</button>
|
|
12323
12328
|
</div>
|
|
12324
12329
|
|
|
12325
|
-
<div class="w-px h-
|
|
12330
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12326
12331
|
|
|
12327
|
-
<!-- External Actions -->
|
|
12328
|
-
<
|
|
12332
|
+
<!-- Settings and External Actions -->
|
|
12333
|
+
<div class="flex items-center gap-0.5">
|
|
12334
|
+
<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>
|
|
12336
|
+
</button>
|
|
12337
|
+
|
|
12338
|
+
<ng-content select="[header-actions]"></ng-content>
|
|
12339
|
+
</div>
|
|
12329
12340
|
|
|
12330
|
-
|
|
12331
|
-
|
|
12332
|
-
|
|
12333
|
-
|
|
12334
|
-
|
|
12335
|
-
|
|
12336
|
-
|
|
12337
|
-
<!-- Search Area -->
|
|
12338
|
-
<div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
|
|
12339
|
-
<div class="w-full max-w-sm">
|
|
12340
|
-
<neural-text-input
|
|
12341
|
-
[placeholder]="searchPlaceholder()"
|
|
12342
|
-
icon="lucide-search"
|
|
12343
|
-
size="xs"
|
|
12344
|
-
(valueModelChange)="onSearch.emit($event)"
|
|
12345
|
-
></neural-text-input>
|
|
12341
|
+
<div class="ms-1.5">
|
|
12342
|
+
<!-- + Nuevo Button -->
|
|
12343
|
+
<neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-8 !text-[12px]" (click)="onNewClick.emit()">
|
|
12344
|
+
{{ newLabel() }}
|
|
12345
|
+
</neural-button>
|
|
12346
|
+
</div>
|
|
12346
12347
|
</div>
|
|
12347
|
-
|
|
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">
|
|
12350
|
-
<i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12351
|
-
</button>
|
|
12352
12348
|
</div>
|
|
12353
12349
|
|
|
12354
12350
|
<!-- Table Content -->
|
|
@@ -12475,7 +12471,7 @@ class NeuralDataTableComponent {
|
|
|
12475
12471
|
</div>
|
|
12476
12472
|
</neural-dialog>
|
|
12477
12473
|
</div>
|
|
12478
|
-
`, 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:
|
|
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"] }] });
|
|
12479
12475
|
}
|
|
12480
12476
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, decorators: [{
|
|
12481
12477
|
type: Component,
|
|
@@ -12513,61 +12509,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12513
12509
|
|
|
12514
12510
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12515
12511
|
<div class="flex items-center gap-0.5">
|
|
12516
|
-
<button class="flex items-center justify-center size-
|
|
12517
|
-
<i class="lucide-list size-
|
|
12512
|
+
<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="Vista" (click)="onViewChange.emit('report')">
|
|
12513
|
+
<i class="lucide-list size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12518
12514
|
</button>
|
|
12519
|
-
<button class="flex items-center justify-center size-
|
|
12520
|
-
<i class="lucide-filter size-
|
|
12515
|
+
<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="Filtrar" (click)="onFilterClick.emit()">
|
|
12516
|
+
<i class="lucide-filter size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12521
12517
|
</button>
|
|
12522
|
-
<button class="flex items-center justify-center size-
|
|
12523
|
-
<i class="lucide-arrow-up-down size-
|
|
12518
|
+
<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="Orden" (click)="onSortChangeClick.emit()">
|
|
12519
|
+
<i class="lucide-arrow-up-down size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12524
12520
|
</button>
|
|
12525
12521
|
</div>
|
|
12526
12522
|
|
|
12527
|
-
<div class="w-px h-
|
|
12523
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12528
12524
|
|
|
12529
12525
|
<div class="flex items-center gap-0.5">
|
|
12530
|
-
|
|
12531
|
-
|
|
12526
|
+
<!-- Search Icon -->
|
|
12527
|
+
<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="Buscar" (click)="onSearchClick.emit()">
|
|
12528
|
+
<i class="lucide-search size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12529
|
+
</button>
|
|
12530
|
+
<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()">
|
|
12531
|
+
<i class="lucide-refresh-cw size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12532
12532
|
</button>
|
|
12533
|
-
<button class="flex items-center justify-center size-
|
|
12534
|
-
<i class="lucide-upload size-
|
|
12533
|
+
<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()">
|
|
12534
|
+
<i class="lucide-upload size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12535
12535
|
</button>
|
|
12536
|
-
<button class="flex items-center justify-center size-
|
|
12537
|
-
<i class="lucide-download size-
|
|
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="Exportar" (click)="onExportClick.emit()">
|
|
12537
|
+
<i class="lucide-download size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12538
12538
|
</button>
|
|
12539
|
-
<button class="flex items-center justify-center size-
|
|
12540
|
-
<i class="lucide-more-horizontal size-
|
|
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="Más acciones" (click)="onMoreClick.emit()">
|
|
12540
|
+
<i class="lucide-more-horizontal size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12541
12541
|
</button>
|
|
12542
12542
|
</div>
|
|
12543
12543
|
|
|
12544
|
-
<div class="w-px h-
|
|
12544
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12545
12545
|
|
|
12546
|
-
<!-- External Actions -->
|
|
12547
|
-
<
|
|
12546
|
+
<!-- Settings and External Actions -->
|
|
12547
|
+
<div class="flex items-center gap-0.5">
|
|
12548
|
+
<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
|
+
<i class="lucide-settings size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
12550
|
+
</button>
|
|
12551
|
+
|
|
12552
|
+
<ng-content select="[header-actions]"></ng-content>
|
|
12553
|
+
</div>
|
|
12548
12554
|
|
|
12549
|
-
|
|
12550
|
-
|
|
12551
|
-
|
|
12552
|
-
|
|
12553
|
-
|
|
12554
|
-
|
|
12555
|
-
|
|
12556
|
-
<!-- Search Area -->
|
|
12557
|
-
<div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
|
|
12558
|
-
<div class="w-full max-w-sm">
|
|
12559
|
-
<neural-text-input
|
|
12560
|
-
[placeholder]="searchPlaceholder()"
|
|
12561
|
-
icon="lucide-search"
|
|
12562
|
-
size="xs"
|
|
12563
|
-
(valueModelChange)="onSearch.emit($event)"
|
|
12564
|
-
></neural-text-input>
|
|
12555
|
+
<div class="ms-1.5">
|
|
12556
|
+
<!-- + Nuevo Button -->
|
|
12557
|
+
<neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-8 !text-[12px]" (click)="onNewClick.emit()">
|
|
12558
|
+
{{ newLabel() }}
|
|
12559
|
+
</neural-button>
|
|
12560
|
+
</div>
|
|
12565
12561
|
</div>
|
|
12566
|
-
|
|
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">
|
|
12569
|
-
<i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12570
|
-
</button>
|
|
12571
12562
|
</div>
|
|
12572
12563
|
|
|
12573
12564
|
<!-- Table Content -->
|
|
@@ -12712,6 +12703,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12712
12703
|
type: Output
|
|
12713
12704
|
}], onSortChangeClick: [{
|
|
12714
12705
|
type: Output
|
|
12706
|
+
}], onSearchClick: [{
|
|
12707
|
+
type: Output
|
|
12715
12708
|
}], onMoreClick: [{
|
|
12716
12709
|
type: Output
|
|
12717
12710
|
}], onImportClick: [{
|