orbiq-neural-ui-kit 1.0.35 → 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,55 +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
|
-
<
|
|
12298
|
-
|
|
12299
|
-
|
|
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>
|
|
12300
|
+
</button>
|
|
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>
|
|
12303
|
+
</button>
|
|
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>
|
|
12306
|
+
</button>
|
|
12300
12307
|
</div>
|
|
12301
12308
|
|
|
12302
|
-
<div class="w-px h-
|
|
12309
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12303
12310
|
|
|
12304
12311
|
<div class="flex items-center gap-0.5">
|
|
12305
|
-
|
|
12306
|
-
|
|
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>
|
|
12307
12315
|
</button>
|
|
12308
|
-
<button class="flex items-center justify-center size-
|
|
12309
|
-
<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>
|
|
12310
12318
|
</button>
|
|
12311
|
-
<button class="flex items-center justify-center size-
|
|
12312
|
-
<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>
|
|
12313
12321
|
</button>
|
|
12314
|
-
<button class="flex items-center justify-center size-
|
|
12315
|
-
<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>
|
|
12316
12327
|
</button>
|
|
12317
12328
|
</div>
|
|
12318
12329
|
|
|
12319
|
-
<div class="w-px h-
|
|
12330
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12320
12331
|
|
|
12321
|
-
<!-- External Actions -->
|
|
12322
|
-
<
|
|
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>
|
|
12323
12340
|
|
|
12324
|
-
|
|
12325
|
-
|
|
12326
|
-
|
|
12327
|
-
|
|
12328
|
-
|
|
12329
|
-
|
|
12330
|
-
|
|
12331
|
-
<!-- Search Area -->
|
|
12332
|
-
<div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
|
|
12333
|
-
<div class="w-full max-w-sm">
|
|
12334
|
-
<neural-text-input
|
|
12335
|
-
[placeholder]="searchPlaceholder()"
|
|
12336
|
-
icon="lucide-search"
|
|
12337
|
-
size="xs"
|
|
12338
|
-
(valueModelChange)="onSearch.emit($event)"
|
|
12339
|
-
></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>
|
|
12340
12347
|
</div>
|
|
12341
|
-
|
|
12342
|
-
<!-- Preferences / Columns Dialog Trigger -->
|
|
12343
|
-
<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">
|
|
12344
|
-
<i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12345
|
-
</button>
|
|
12346
12348
|
</div>
|
|
12347
12349
|
|
|
12348
12350
|
<!-- Table Content -->
|
|
@@ -12469,7 +12471,7 @@ class NeuralDataTableComponent {
|
|
|
12469
12471
|
</div>
|
|
12470
12472
|
</neural-dialog>
|
|
12471
12473
|
</div>
|
|
12472
|
-
`, 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"] }] });
|
|
12473
12475
|
}
|
|
12474
12476
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, decorators: [{
|
|
12475
12477
|
type: Component,
|
|
@@ -12507,55 +12509,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12507
12509
|
|
|
12508
12510
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12509
12511
|
<div class="flex items-center gap-0.5">
|
|
12510
|
-
<
|
|
12511
|
-
|
|
12512
|
-
|
|
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>
|
|
12514
|
+
</button>
|
|
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>
|
|
12517
|
+
</button>
|
|
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>
|
|
12520
|
+
</button>
|
|
12513
12521
|
</div>
|
|
12514
12522
|
|
|
12515
|
-
<div class="w-px h-
|
|
12523
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12516
12524
|
|
|
12517
12525
|
<div class="flex items-center gap-0.5">
|
|
12518
|
-
|
|
12519
|
-
|
|
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>
|
|
12520
12532
|
</button>
|
|
12521
|
-
<button class="flex items-center justify-center size-
|
|
12522
|
-
<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>
|
|
12523
12535
|
</button>
|
|
12524
|
-
<button class="flex items-center justify-center size-
|
|
12525
|
-
<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>
|
|
12526
12538
|
</button>
|
|
12527
|
-
<button class="flex items-center justify-center size-
|
|
12528
|
-
<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>
|
|
12529
12541
|
</button>
|
|
12530
12542
|
</div>
|
|
12531
12543
|
|
|
12532
|
-
<div class="w-px h-
|
|
12544
|
+
<div class="w-px h-4 bg-outline-gray-2 mx-1.5"></div>
|
|
12533
12545
|
|
|
12534
|
-
<!-- External Actions -->
|
|
12535
|
-
<
|
|
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>
|
|
12536
12554
|
|
|
12537
|
-
|
|
12538
|
-
|
|
12539
|
-
|
|
12540
|
-
|
|
12541
|
-
|
|
12542
|
-
|
|
12543
|
-
|
|
12544
|
-
<!-- Search Area -->
|
|
12545
|
-
<div class="flex items-center justify-between px-4 py-1.5 border-b border-outline-gray-1 bg-surface-base">
|
|
12546
|
-
<div class="w-full max-w-sm">
|
|
12547
|
-
<neural-text-input
|
|
12548
|
-
[placeholder]="searchPlaceholder()"
|
|
12549
|
-
icon="lucide-search"
|
|
12550
|
-
size="xs"
|
|
12551
|
-
(valueModelChange)="onSearch.emit($event)"
|
|
12552
|
-
></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>
|
|
12553
12561
|
</div>
|
|
12554
|
-
|
|
12555
|
-
<!-- Preferences / Columns Dialog Trigger -->
|
|
12556
|
-
<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">
|
|
12557
|
-
<i class="lucide-settings size-3.5" style="stroke-width: 1.5px;"></i>
|
|
12558
|
-
</button>
|
|
12559
12562
|
</div>
|
|
12560
12563
|
|
|
12561
12564
|
<!-- Table Content -->
|
|
@@ -12700,6 +12703,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12700
12703
|
type: Output
|
|
12701
12704
|
}], onSortChangeClick: [{
|
|
12702
12705
|
type: Output
|
|
12706
|
+
}], onSearchClick: [{
|
|
12707
|
+
type: Output
|
|
12703
12708
|
}], onMoreClick: [{
|
|
12704
12709
|
type: Output
|
|
12705
12710
|
}], onImportClick: [{
|