@elite.framework/ng.ui.core 1.0.56 → 1.0.59

package/generic-crud-table/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
 import * as i1 from '@angular/common';
 import * as i2 from '@elite.framework/ng.ui.core/generic-button';
 import { PaginatorState } from 'primeng/paginator';
@@ -23,7 +23,7 @@ interface PageChangePayload extends PaginatorState {
     filters?: Record<string, any>;
 }
 type ActionsMode = 'buttons' | 'menu';
-declare class GenericCrudTableComponent<T> {
+declare class GenericCrudTableComponent<T> implements OnInit, OnChanges {
     genericTable: GenericTable<T>;
     translate: TranslateService;
     private swalService;
@@ -34,7 +34,7 @@ declare class GenericCrudTableComponent<T> {
     columns: FormlyFieldConfig[];
     dialogMaxWidth: string;
     isViewMode: boolean;
-    displayMode: 'drawer' | 'dialog' | 'route' | Partial<Record<'add' | 'edit' | 'view', 'drawer' | 'dialog' | 'route'>>;
+    displayMode: 'drawer' | 'dialog' | 'route' | 'inline' | Partial<Record<'add' | 'edit' | 'view', 'drawer' | 'dialog' | 'route' | 'inline'>>;
     useConfirmOnSave: boolean;
     isEditMode: boolean;
     drawerVisible: boolean;
@@ -101,6 +101,24 @@ declare class GenericCrudTableComponent<T> {
     breadcrumb: MenuItem[] | undefined;
     get breadcrumb_(): MenuItem[] | undefined;
     get rtl(): boolean;
+    /**
+      * Modes to control what parts of the component are visible
+      * - 'full': Table + CRUD operations (default)
+      * - 'form-only': Only show form (for create/edit/view)
+      * - 'table-only': Only show table (read-only mode)
+      */
+    mode: 'full' | 'form-only' | 'table-only';
+    /** Force the component to show specific state */
+    forceState: 'create' | 'edit' | 'view' | null;
+    /** Hide table completely when in form-only mode */
+    get hideTable(): boolean;
+    /** Auto-show form when in form-only mode with forceState */
+    get autoShowForm(): boolean;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private initializeFormState;
+    /** New cancel method for form-only mode */
+    onCancel(): void;
     /**
       * Handles button click in a unified way.
       * - If btn.action is defined, execute it.
@@ -123,7 +141,7 @@ declare class GenericCrudTableComponent<T> {
     onSingleItemAction(btn: ButtonConfig): void;
     onInternalBulkAction(btn: ButtonConfig): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericCrudTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericCrudTableComponent<any>, "app-generic-crud-table", never, { "data": { "alias": "data"; "required": false; }; "formFields": { "alias": "formFields"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "dialogMaxWidth": { "alias": "dialogMaxWidth"; "required": false; }; "isViewMode": { "alias": "isViewMode"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "useConfirmOnSave": { "alias": "useConfirmOnSave"; "required": false; }; "isEditMode": { "alias": "isEditMode"; "required": false; }; "drawerVisible": { "alias": "drawerVisible"; "required": false; }; "dialogVisible": { "alias": "dialogVisible"; "required": false; }; "model": { "alias": "model"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "errorMsg": { "alias": "errorMsg"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsMode": { "alias": "actionsMode"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "filterModel": { "alias": "filterModel"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "service": { "alias": "service"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "showRowSelectionCheckbox": { "alias": "showRowSelectionCheckbox"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "addPermissionName": { "alias": "addPermissionName"; "required": false; }; "addButtonConfigs": { "alias": "addButtonConfigs"; "required": false; }; "bulkActionButtons": { "alias": "bulkActionButtons"; "required": false; }; "singleActionButtons": { "alias": "singleActionButtons"; "required": false; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; }; "beforeSave": { "alias": "beforeSave"; "required": false; }; }, { "action": "action"; "bulkAction": "bulkAction"; "singleAction": "singleAction"; "search": "search"; "pageChange": "pageChange"; "onSearch": "onSearch"; "visibleChange": "visibleChange"; "rowSelect": "rowSelect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericCrudTableComponent<any>, "app-generic-crud-table", never, { "data": { "alias": "data"; "required": false; }; "formFields": { "alias": "formFields"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "dialogMaxWidth": { "alias": "dialogMaxWidth"; "required": false; }; "isViewMode": { "alias": "isViewMode"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "useConfirmOnSave": { "alias": "useConfirmOnSave"; "required": false; }; "isEditMode": { "alias": "isEditMode"; "required": false; }; "drawerVisible": { "alias": "drawerVisible"; "required": false; }; "dialogVisible": { "alias": "dialogVisible"; "required": false; }; "model": { "alias": "model"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "errorMsg": { "alias": "errorMsg"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsMode": { "alias": "actionsMode"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "filterModel": { "alias": "filterModel"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "service": { "alias": "service"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "showRowSelectionCheckbox": { "alias": "showRowSelectionCheckbox"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "addPermissionName": { "alias": "addPermissionName"; "required": false; }; "addButtonConfigs": { "alias": "addButtonConfigs"; "required": false; }; "bulkActionButtons": { "alias": "bulkActionButtons"; "required": false; }; "singleActionButtons": { "alias": "singleActionButtons"; "required": false; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "forceState": { "alias": "forceState"; "required": false; }; "hideTable": { "alias": "hideTable"; "required": false; }; "autoShowForm": { "alias": "autoShowForm"; "required": false; }; "beforeSave": { "alias": "beforeSave"; "required": false; }; }, { "action": "action"; "bulkAction": "bulkAction"; "singleAction": "singleAction"; "search": "search"; "pageChange": "pageChange"; "onSearch": "onSearch"; "visibleChange": "visibleChange"; "rowSelect": "rowSelect"; }, never, never, true, never>;
 }
 
 export { GenericCrudTableComponent, GenericCrudTableModule };

package/generic-search-advanced/README.md

@@ -0,0 +1,3 @@
+# @elite.framework/ng.ui.core/generic-search-advanced
+
+Secondary entry point of `@elite.framework/ng.ui.core`. It can be used by importing from `@elite.framework/ng.ui.core/generic-search-advanced`.

package/generic-search-advanced/index.d.ts

@@ -0,0 +1,114 @@
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
+import * as i1 from '@angular/common';
+import { FormGroup } from '@angular/forms';
+import { FormlyFormOptions, FormlyFieldConfig, FieldType, FieldTypeConfig } from '@ngx-formly/core';
+import { TranslateService } from '@ngx-translate/core';
+import { Popover } from 'primeng/popover';
+
+declare class GenericSearchAdvancedModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericSearchAdvancedModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericSearchAdvancedModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GenericSearchAdvancedModule>;
+}
+
+interface ODataQueryParameters {
+    filters: FilterCondition[];
+    orderBy: OrderByClause[];
+    groupBy: string[];
+    top?: number;
+    skip?: number;
+    expand?: string[];
+}
+interface FilterCondition {
+    field: string;
+    operator: string;
+    value: any;
+    logicalOperator?: string;
+}
+interface OrderByClause {
+    field: string;
+    direction: string;
+}
+interface QueryBuilderField {
+    key: string | any;
+    label: string | any;
+    type: string | any;
+    operators: string[];
+}
+interface SortBuilderField {
+    key: string;
+    label: string;
+}
+
+declare class GenericSearchAdvanced implements OnInit {
+    overlay: Popover;
+    translate: TranslateService;
+    private queryBuilder;
+    drawerVisible: boolean;
+    search: EventEmitter<any>;
+    odataSearch: EventEmitter<ODataQueryParameters>;
+    form: FormGroup<{}>;
+    model: any;
+    options: FormlyFormOptions;
+    fields: FormlyFieldConfig[];
+    fields_: FormlyFieldConfig[];
+    enableQueryBuilder: boolean;
+    odataConfig: any;
+    ngOnInit(): void;
+    private buildQueryUIFields;
+    onSubmit(): void;
+    onReset(): void;
+    private buildODataQueryParameters;
+    private processComplexField;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericSearchAdvanced, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericSearchAdvanced, "lib-generic-search-advanced", never, { "model": { "alias": "model"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "enableQueryBuilder": { "alias": "enableQueryBuilder"; "required": false; }; "odataConfig": { "alias": "odataConfig"; "required": false; }; }, { "search": "search"; "odataSearch": "odataSearch"; }, never, never, true, never>;
+}
+
+declare class QueryBuilderService {
+    buildQueryUIFields(fields: FormlyFieldConfig[]): FormlyFieldConfig[];
+    private extractFilterableFields;
+    private extractSortableFields;
+    private extractExpandableFields;
+    private traverseFields;
+    private mapFieldType;
+    private getOperatorsForType;
+    buildODataFromQueryModel(model: any, originalFields: FormlyFieldConfig[]): ODataQueryParameters;
+    toODataQueryString(params: ODataQueryParameters): string;
+    private formatODataValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QueryBuilderService>;
+}
+
+declare class SortBuilderComponent extends FieldType<FieldTypeConfig> {
+    sorts: any[];
+    directionOptions: {
+        label: string;
+        value: string;
+    }[];
+    ngOnInit(): void;
+    addSort(): void;
+    removeSort(index: number): void;
+    updateValue(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortBuilderComponent, "formly-sort-builder", never, {}, {}, never, never, true, never>;
+}
+
+declare class QueryBuilderComponent extends FieldType<FieldTypeConfig> {
+    conditions: any[];
+    ngOnInit(): void;
+    addCondition(): void;
+    removeCondition(index: number): void;
+    onFieldChange(condition: any): void;
+    updateValue(): void;
+    getOperatorsForField(fieldKey: string): any[];
+    getOperatorLabel(operator: string): string;
+    getFieldType(fieldKey: string): string;
+    getInputType(fieldKey: string): string;
+    getValuePlaceholder(fieldKey: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QueryBuilderComponent, "formly-query-builder", never, {}, {}, never, never, true, never>;
+}
+
+export { GenericSearchAdvanced, GenericSearchAdvancedModule, QueryBuilderComponent, QueryBuilderService, SortBuilderComponent };
+export type { FilterCondition, ODataQueryParameters, OrderByClause, QueryBuilderField, SortBuilderField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elite.framework/ng.ui.core",
-  "version": "1.0.56",
+  "version": "1.0.59",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"
@@ -48,26 +48,26 @@
       "types": "./condition-editor/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-condition-editor.mjs"
     },
-    "./custom-switch": {
-      "types": "./custom-switch/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-custom-switch.mjs"
-    },
     "./datepicker": {
       "types": "./datepicker/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-datepicker.mjs"
     },
+    "./custom-switch": {
+      "types": "./custom-switch/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-custom-switch.mjs"
+    },
     "./deactivation-reason": {
       "types": "./deactivation-reason/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-deactivation-reason.mjs"
     },
-    "./form-button": {
-      "types": "./form-button/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-form-button.mjs"
-    },
     "./excel-import": {
       "types": "./excel-import/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-excel-import.mjs"
     },
+    "./form-button": {
+      "types": "./form-button/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-form-button.mjs"
+    },
     "./form-field": {
       "types": "./form-field/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-form-field.mjs"
@@ -80,14 +80,14 @@
       "types": "./formly-avatar-image/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-formly-avatar-image.mjs"
     },
-    "./formly-button": {
-      "types": "./formly-button/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-formly-button.mjs"
-    },
     "./formly-avatar-label": {
       "types": "./formly-avatar-label/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-formly-avatar-label.mjs"
     },
+    "./formly-button": {
+      "types": "./formly-button/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-formly-button.mjs"
+    },
     "./formly-button-selector": {
       "types": "./formly-button-selector/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-formly-button-selector.mjs"
@@ -108,14 +108,14 @@
       "types": "./formly-ui-all/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-formly-ui-all.mjs"
     },
-    "./formly-username-with-domain": {
-      "types": "./formly-username-with-domain/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-formly-username-with-domain.mjs"
-    },
     "./generic-autocomplete": {
       "types": "./generic-autocomplete/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-autocomplete.mjs"
     },
+    "./formly-username-with-domain": {
+      "types": "./formly-username-with-domain/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-formly-username-with-domain.mjs"
+    },
     "./generic-button": {
       "types": "./generic-button/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-button.mjs"
@@ -144,6 +144,10 @@
       "types": "./generic-search/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-search.mjs"
     },
+    "./generic-search-advanced": {
+      "types": "./generic-search-advanced/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-generic-search-advanced.mjs"
+    },
     "./generic-selector": {
       "types": "./generic-selector/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-selector.mjs"
@@ -180,22 +184,22 @@
       "types": "./odata-query-builder/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-odata-query-builder.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-radio.mjs"
-    },
     "./repeat": {
       "types": "./repeat/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-repeat.mjs"
     },
-    "./select": {
-      "types": "./select/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-select.mjs"
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-radio.mjs"
     },
     "./sidebar-cards": {
       "types": "./sidebar-cards/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-sidebar-cards.mjs"
     },
+    "./select": {
+      "types": "./select/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-select.mjs"
+    },
     "./sidebar-toggles": {
       "types": "./sidebar-toggles/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-sidebar-toggles.mjs"