osl-base-extended 0.1.11 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osl-base-extended",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "peerDependencies": {
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0"

package/types/osl-base-extended.d.ts

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, EventEmitter, OnInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
-import * as i21 from '@angular/material/dialog';
+import { TemplateRef, EventEmitter, OnInit, OnChanges, ChangeDetectorRef, SimpleChanges, ElementRef } from '@angular/core';
+import * as i22 from '@angular/material/dialog';
 import { MatDialogRef } from '@angular/material/dialog';
-import { HttpClient } from '@angular/common/http';
-import * as i17 from '@angular/forms';
+import { HttpHeaders, HttpClient } from '@angular/common/http';
+import * as i18 from '@angular/forms';
 import { FormControl } from '@angular/forms';
-import * as i16 from '@angular/common';
-import * as i18 from '@angular/material/form-field';
-import * as i19 from '@angular/material/input';
-import * as i20 from '@angular/material/icon';
-import * as i22 from '@angular/material/button';
+import * as i17 from '@angular/common';
+import * as i19 from '@angular/material/form-field';
+import * as i20 from '@angular/material/input';
+import * as i21 from '@angular/material/icon';
+import * as i23 from '@angular/material/button';
 
 declare class OslBaseExtended {
     static ɵfac: i0.ɵɵFactoryDeclaration<OslBaseExtended, never>;
@@ -39,7 +39,7 @@ declare class baseComponent {
     protected showError(error: string | string[]): void;
     protected navigate(url: string): void;
     private showSnack;
-    protected openDialog(header: string | TemplateRef<any>, formBody: TemplateRef<any>, formFooter: TemplateRef<any>, width?: string, data?: any): MatDialogRef<any>;
+    protected openDialog(header?: string | TemplateRef<any>, formBody?: TemplateRef<any>, formFooter?: TemplateRef<any>, width?: string, data?: any, component?: any): MatDialogRef<any>;
     protected openDeleteDialog(message?: string, title?: string, confirmText?: string, cancelText?: string, data?: any): MatDialogRef<DeleteConfirmation>;
     static ɵfac: i0.ɵɵFactoryDeclaration<baseComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<baseComponent>;
@@ -50,6 +50,7 @@ interface HttpResponse<T = any> {
     statusCode: number;
     error: string;
     result: T;
+    headers?: HttpHeaders;
 }
 interface myParams {
     property: string;
@@ -60,6 +61,8 @@ declare abstract class Httpbase {
     private controllerName;
     constructor(controller: string);
     private getEndPoint;
+    getConfig(): Promise<HttpResponse<unknown>>;
+    search(body: any): Promise<HttpResponse<unknown>>;
     private getHeaders;
     private handleSuccess;
     private handleError;
@@ -80,10 +83,12 @@ declare class DialogWrapper {
     static ɵcmp: i0.ɵɵComponentDeclaration<DialogWrapper, "dialog-wrapper", never, {}, {}, never, never, true, never>;
 }
 declare class Dialog {
-    header: string | TemplateRef<any>;
-    formBody: TemplateRef<any> | undefined;
-    formFooter: TemplateRef<any> | undefined;
+    header?: string | TemplateRef<any>;
+    formBody?: TemplateRef<any> | undefined;
+    formFooter?: TemplateRef<any> | undefined;
     data?: any;
+    component?: any;
+    dialogRef?: any;
 }
 
 type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
@@ -155,10 +160,12 @@ declare class Osltextarea {
 }
 
 declare class DynamicForm implements OnInit, OnChanges {
+    cdr: ChangeDetectorRef;
     elements: elements[];
     model: any;
     modelChange: EventEmitter<any>;
     private datasourceCache;
+    constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private loadApiDatasources;
@@ -188,6 +195,7 @@ interface elements {
     /** API-based datasource loading */
     apiService?: any;
     apiMethod?: string;
+    apiConfigMethod?: string;
     apiBody?: any;
     inputType?: InputType;
     placeholder?: string;
@@ -217,6 +225,8 @@ interface elements {
     indeterminate?: boolean;
     autocompletePlaceholder?: string;
     templateRef?: TemplateRef<any>;
+    searchType?: 'Api' | 'Local';
+    objectName?: string;
 }
 
 declare class OslSelect {
@@ -278,8 +288,9 @@ declare class OslSlideToggle {
     static ɵcmp: i0.ɵɵComponentDeclaration<OslSlideToggle, "osl-slide-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "trueLabel": { "alias": "trueLabel"; "required": false; }; "falseLabel": { "alias": "falseLabel"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
 }
 
-declare class OslAutocomplete implements OnInit, OnChanges {
+declare class OslAutocomplete extends baseComponent implements OnInit, OnChanges {
     private elRef;
+    cdr: ChangeDetectorRef;
     label: string;
     required: boolean;
     disabled: boolean;
@@ -289,13 +300,21 @@ declare class OslAutocomplete implements OnInit, OnChanges {
     valueField: string;
     placeholder: string;
     loading: boolean;
+    searchType: 'Local' | 'Api';
+    methodName: string;
+    configMethodName: string;
+    service: any;
+    object: any;
     modelChange: EventEmitter<any>;
     changeEv: EventEmitter<any>;
+    private listerComponent;
+    inputControl: FormControl<string | null>;
     inputValue: string;
     showDropdown: boolean;
     filteredItems: any[];
     touched: boolean;
-    constructor(elRef: ElementRef);
+    constructor(elRef: ElementRef, cdr: ChangeDetectorRef);
+    openLister(): void;
     ngOnInit(): void;
     ngOnChanges(): void;
     private syncInputFromModel;
@@ -304,12 +323,13 @@ declare class OslAutocomplete implements OnInit, OnChanges {
     get isInvalid(): boolean;
     onInput(val: string): void;
     onFocus(): void;
+    onFocusOut(): void;
     onBlur(): void;
-    clearValue(event: Event): void;
+    clearValue(event?: Event): void;
     selectItem(item: any): void;
     onDocumentClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OslAutocomplete, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OslAutocomplete, "osl-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslAutocomplete, "osl-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "methodName": { "alias": "methodName"; "required": false; }; "configMethodName": { "alias": "configMethodName"; "required": false; }; "service": { "alias": "service"; "required": false; }; "object": { "alias": "object"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
 }
 
 declare class OslFileUpload {
@@ -394,6 +414,7 @@ interface OslSortEvent {
 interface OslPageEvent {
     page: number;
     pageSize: number;
+    searchValue?: any;
 }
 declare class OslGrid implements OnChanges {
     columns: OslGridColumn[];
@@ -410,16 +431,19 @@ declare class OslGrid implements OnChanges {
     tableHeight: string;
     /** When true, shows skeleton loading rows instead of data. */
     loading: boolean;
+    isSelectable: boolean;
     pageChange: EventEmitter<OslPageEvent>;
     pageSizeChange: EventEmitter<OslPageEvent>;
     sortChange: EventEmitter<OslSortEvent>;
     editClick: EventEmitter<any>;
     deleteClick: EventEmitter<any>;
+    onRowClick: EventEmitter<any>;
     currentPage: number;
     sortKey: string;
     sortAsc: boolean;
     pageSizeOptions: number[];
     get skeletonRows(): number[];
+    get skeletonColumns(): number[];
     get _total(): number;
     get totalPages(): number;
     get sortedData(): any[];
@@ -433,7 +457,17 @@ declare class OslGrid implements OnChanges {
     onPageSizeChange(size: number): void;
     getCellValue(row: any, col: OslGridColumn): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<OslGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OslGrid, "osl-grid", never, { "columns": { "alias": "columns"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "isPaginated": { "alias": "isPaginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "autoMode": { "alias": "autoMode"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "datasourceChange": "datasourceChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "editClick": "editClick"; "deleteClick": "deleteClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslGrid, "osl-grid", never, { "columns": { "alias": "columns"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "isPaginated": { "alias": "isPaginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "autoMode": { "alias": "autoMode"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isSelectable": { "alias": "isSelectable"; "required": false; }; }, { "datasourceChange": "datasourceChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "editClick": "editClick"; "deleteClick": "deleteClick"; "onRowClick": "onRowClick"; }, never, never, false, never>;
+}
+
+declare class OslSearchbar {
+    label: string;
+    onSearch: EventEmitter<any>;
+    searchQuery: string;
+    searchControl: FormControl<string | null>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OslSearchbar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslSearchbar, "osl-searchbar", never, { "label": { "alias": "label"; "required": false; }; }, { "onSearch": "onSearch"; }, never, never, false, never>;
 }
 
 interface OslSetupSaveEvent {
@@ -444,7 +478,8 @@ declare class OslSetup {
     private _injector;
     formBodyTpl: TemplateRef<any>;
     formFooterTpl: TemplateRef<any>;
-    title: string;
+    searchbar?: OslSearchbar;
+    title: string | undefined;
     columns: OslGridColumn[];
     datasource: any[];
     isPaginated: boolean;
@@ -456,7 +491,9 @@ declare class OslSetup {
     dialogWidth: string;
     /** Dynamic form elements — when provided, enables Add/Edit dialog and action column. */
     formElements: elements[];
+    beforeDisplay: ((model: any) => any | undefined) | undefined;
     onAddEditFn: ((row?: any) => void | undefined) | undefined;
+    isLister: boolean;
     onSearch: EventEmitter<string>;
     onAdd: EventEmitter<void>;
     onSave: EventEmitter<OslSetupSaveEvent>;
@@ -465,12 +502,14 @@ declare class OslSetup {
     pageChange: EventEmitter<OslPageEvent>;
     pageSizeChange: EventEmitter<OslPageEvent>;
     sortChange: EventEmitter<OslSortEvent>;
+    onRowClick: EventEmitter<any>;
     dialogModel: any;
     dialogMode: 'add' | 'edit';
     private _dialogRef;
     get hasForm(): boolean;
     /** Prepends the actions column when formElements are provided. */
     get columnsWithActions(): OslGridColumn[];
+    onPageChange(eventEmitter: EventEmitter<OslPageEvent>, event: OslPageEvent): void;
     openAddDialog(): void;
     openEditDialog(row: any): void;
     onDeleteClick(row: any): void;
@@ -478,17 +517,7 @@ declare class OslSetup {
     saveDialog(): void;
     private _openDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<OslSetup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OslSetup, "osl-setup", never, { "title": { "alias": "title"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "isPaginated": { "alias": "isPaginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "autoMode": { "alias": "autoMode"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "dialogWidth": { "alias": "dialogWidth"; "required": false; }; "formElements": { "alias": "formElements"; "required": false; }; "onAddEditFn": { "alias": "onAddEditFn"; "required": false; }; }, { "onSearch": "onSearch"; "onAdd": "onAdd"; "onSave": "onSave"; "onEdit": "onEdit"; "onDelete": "onDelete"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; }, never, never, false, never>;
-}
-
-declare class OslSearchbar {
-    label: string;
-    onSearch: EventEmitter<any>;
-    searchQuery: string;
-    searchControl: FormControl<string | null>;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OslSearchbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OslSearchbar, "osl-searchbar", never, { "label": { "alias": "label"; "required": false; }; }, { "onSearch": "onSearch"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslSetup, "osl-setup", never, { "title": { "alias": "title"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "isPaginated": { "alias": "isPaginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "autoMode": { "alias": "autoMode"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "dialogWidth": { "alias": "dialogWidth"; "required": false; }; "formElements": { "alias": "formElements"; "required": false; }; "beforeDisplay": { "alias": "beforeDisplay"; "required": false; }; "onAddEditFn": { "alias": "onAddEditFn"; "required": false; }; "isLister": { "alias": "isLister"; "required": false; }; }, { "onSearch": "onSearch"; "onAdd": "onAdd"; "onSave": "onSave"; "onEdit": "onEdit"; "onDelete": "onDelete"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "onRowClick": "onRowClick"; }, never, never, false, never>;
 }
 
 interface OslFormGridColumn {
@@ -538,11 +567,38 @@ declare class OslFormGrid {
     static ɵcmp: i0.ɵɵComponentDeclaration<OslFormGrid, "osl-form-grid", never, { "columns": { "alias": "columns"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "isPaginated": { "alias": "isPaginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "canAdd": { "alias": "canAdd"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; }, { "datasourceChange": "datasourceChange"; "rowAdd": "rowAdd"; "rowDelete": "rowDelete"; }, never, never, false, never>;
 }
 
+interface oslListerData {
+    title: string;
+    methodName: string;
+    service: any;
+    configMethodName: string;
+}
+
+declare class OslAutocompleteLister {
+    dialogRef: MatDialogRef<OslAutocompleteLister>;
+    cd: ChangeDetectorRef;
+    data: any;
+    column: OslGridColumn[];
+    datasource: never[];
+    autocompleteData: any;
+    recordCount: number;
+    loader: boolean;
+    constructor(dialogRef: MatDialogRef<OslAutocompleteLister>, cd: ChangeDetectorRef);
+    ngAfterViewInit(): Promise<void>;
+    getConfig(): Promise<void>;
+    search(searchValue?: any, page?: number, pageSize?: number): Promise<void>;
+    onPageChange(event: OslPageEvent): void;
+    onSearch(value: string): void;
+    onRowClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OslAutocompleteLister, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslAutocompleteLister, "osl-autocomplete-lister", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 declare class FormStructureModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormStructureModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid], [typeof i16.NgTemplateOutlet, typeof i17.FormsModule, typeof i17.ReactiveFormsModule, typeof i18.MatFormFieldModule, typeof i19.MatInputModule, typeof i18.MatHint, typeof i20.MatIconModule, typeof i21.MatDialogModule, typeof i22.MatButtonModule], [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid, typeof OslAutocompleteLister], [typeof i17.NgTemplateOutlet, typeof i18.FormsModule, typeof i18.ReactiveFormsModule, typeof i19.MatFormFieldModule, typeof i20.MatInputModule, typeof i19.MatHint, typeof i21.MatIconModule, typeof i22.MatDialogModule, typeof i23.MatButtonModule], [typeof DynamicForm, typeof OslSetup, typeof OslGrid, typeof OslFormGrid, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslAutocompleteLister]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormStructureModule>;
 }
 
-export { DeleteConfirmation, DeleteConfirmationData, Dialog, DialogWrapper, DynamicForm, FormStructureModule, Httpbase, OslAutocomplete, OslBaseExtended, OslButton, OslCheckbox, OslDatepicker, OslFileUpload, OslFormGrid, OslGrid, OslRadio, OslSearchbar, OslSelect, OslSetup, OslSlideToggle, Oslinput, Osltextarea, baseComponent };
-export type { ButtonSize, ButtonVariant, DateInputType, HttpResponse, InputType, OslFormGridColumn, OslFormGridRowEvent, OslGridColumn, OslPageEvent, OslSetupSaveEvent, OslSortEvent, TextareaResize, elements, myParams };
+export { DeleteConfirmation, DeleteConfirmationData, Dialog, DialogWrapper, DynamicForm, FormStructureModule, Httpbase, OslAutocomplete, OslAutocompleteLister, OslBaseExtended, OslButton, OslCheckbox, OslDatepicker, OslFileUpload, OslFormGrid, OslGrid, OslRadio, OslSearchbar, OslSelect, OslSetup, OslSlideToggle, Oslinput, Osltextarea, baseComponent };
+export type { ButtonSize, ButtonVariant, DateInputType, HttpResponse, InputType, OslFormGridColumn, OslFormGridRowEvent, OslGridColumn, OslPageEvent, OslSetupSaveEvent, OslSortEvent, TextareaResize, elements, myParams, oslListerData };