osl-base-extended 2.0.28 → 2.0.30

package/package.json

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

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

@@ -1,23 +1,26 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, OnChanges, EventEmitter, SimpleChanges, ChangeDetectorRef, OnDestroy, ElementRef, AfterViewInit, Renderer2, NgZone } from '@angular/core';
-import * as i26 from '@angular/material/dialog';
+import { TemplateRef, OnInit, OnChanges, EventEmitter, SimpleChanges, ChangeDetectorRef, OnDestroy, ElementRef, AfterViewInit, ViewContainerRef, Renderer2, NgZone } from '@angular/core';
+import * as i27 from '@angular/material/dialog';
 import { MatDialogRef } from '@angular/material/dialog';
 import { HttpHeaders, HttpClient } from '@angular/common/http';
-import * as i22 from '@angular/forms';
+import * as i23 from '@angular/forms';
 import { FormControl } from '@angular/forms';
-import * as i32 from '@angular/cdk/drag-drop';
+import * as i33 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i21 from '@angular/common';
-import * as i23 from '@angular/material/form-field';
-import * as i24 from '@angular/material/input';
-import * as i25 from '@angular/material/icon';
-import * as i27 from '@angular/material/button';
+import * as i35 from '@angular/cdk/overlay';
+import { Overlay } from '@angular/cdk/overlay';
+import * as i22 from '@angular/common';
+import * as i24 from '@angular/material/form-field';
+import * as i25 from '@angular/material/input';
+import * as i26 from '@angular/material/icon';
+import * as i28 from '@angular/material/button';
 import * as rxjs from 'rxjs';
-import * as i29 from '@angular/material/datepicker';
-import * as i30 from '@angular/material/menu';
-import * as i31 from '@angular/cdk/scrolling';
-import * as i33 from '@angular/material/tooltip';
-import * as i34 from '@ngxmc/datetime-picker';
+import * as i30 from '@angular/material/datepicker';
+import * as i31 from '@angular/material/menu';
+import * as i32 from '@angular/cdk/scrolling';
+import * as i34 from '@angular/material/tooltip';
+import * as i36 from '@angular/cdk/portal';
+import * as i37 from '@ngxmc/datetime-picker';
 
 declare class OslBaseExtended {
     static ɵfac: i0.ɵɵFactoryDeclaration<OslBaseExtended, never>;
@@ -238,6 +241,9 @@ declare class DynamicForm implements OnInit, OnChanges {
     private _loadForList;
     onModelChange(event: any, key: any): void;
     onSelectChange(elem: elements, value: any): void;
+    onFieldChange(elem: elements, value: any): void;
+    private _refreshDependents;
+    private _flatElements;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicForm, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicForm, "osl-dynamic-form", never, { "elements": { "alias": "elements"; "required": false; }; "model": { "alias": "model"; "required": false; }; "skeletonLoading": { "alias": "skeletonLoading"; "required": false; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, false, never>;
 }
@@ -266,6 +272,8 @@ interface elements {
     apiMethod?: string;
     apiConfigMethod?: string;
     apiBody?: (model: any) => any;
+    /** Model keys this field depends on. When any change, datasource is refreshed automatically. */
+    dependsOn?: string[];
     inputType?: InputType;
     placeholder?: string;
     /** Mask pattern: 0=digit, A=letter, *=alphanumeric. E.g. '(000) 000-0000' */
@@ -406,6 +414,7 @@ declare class OslAutocomplete extends baseComponent implements OnInit, OnChanges
     skeletonLoading: boolean;
     skeletonTheme: 'light' | 'dark';
     isLister: boolean;
+    apiBody: any;
     modelChange: EventEmitter<any>;
     changeEv: EventEmitter<any>;
     private listerComponent;
@@ -438,7 +447,7 @@ declare class OslAutocomplete extends baseComponent implements OnInit, OnChanges
     onHintClick(event: MouseEvent): 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; }; "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; }; "skeletonLoading": { "alias": "skeletonLoading"; "required": false; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; }; "isLister": { "alias": "isLister"; "required": false; }; }, { "datasourceChange": "datasourceChange"; "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; }; "skeletonLoading": { "alias": "skeletonLoading"; "required": false; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; }; "isLister": { "alias": "isLister"; "required": false; }; "apiBody": { "alias": "apiBody"; "required": false; }; }, { "datasourceChange": "datasourceChange"; "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
 }
 
 declare class OslFileUpload {
@@ -1155,6 +1164,30 @@ declare class OslUserLog {
     static ɵcmp: i0.ɵɵComponentDeclaration<OslUserLog, "osl-user-log", never, { "meta": { "alias": "meta"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+type OslMenuPosition = 'auto' | 'above' | 'below' | 'before' | 'after';
+declare class OslMenu {
+    position: OslMenuPosition;
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OslMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslMenu, "osl-menu", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare class OslMenuTriggerFor implements OnDestroy {
+    private _el;
+    private _overlay;
+    private _vcr;
+    menu: OslMenu;
+    private _ref;
+    private _subs;
+    constructor(_el: ElementRef<HTMLElement>, _overlay: Overlay, _vcr: ViewContainerRef);
+    _onClick(event: MouseEvent): void;
+    private _open;
+    private _close;
+    ngOnDestroy(): void;
+    private _positions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OslMenuTriggerFor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OslMenuTriggerFor, "[oslMenuTriggerFor]", never, { "menu": { "alias": "oslMenuTriggerFor"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 declare class OslSkeletonThemeService {
     private readonly _theme$;
     /** Subscribe to react to global theme changes */
@@ -1261,7 +1294,7 @@ declare class OslSkeletonModule {
 
 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 OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm, typeof OslUserLog], [typeof i21.NgTemplateOutlet, typeof i21.NgStyle, typeof i21.NgClass, typeof i21.DatePipe, typeof i21.DecimalPipe, typeof i21.UpperCasePipe, typeof i22.FormsModule, typeof i22.ReactiveFormsModule, typeof i23.MatFormFieldModule, typeof i24.MatInputModule, typeof i23.MatHint, typeof i25.MatIconModule, typeof i26.MatDialogModule, typeof i27.MatButtonModule, typeof OslSkeletonModule, typeof i29.MatDatepickerModule, typeof i30.MatMenuModule, typeof i31.ScrollingModule, typeof i32.DragDropModule, typeof i33.MatTooltipModule, typeof i34.NgxMatDatetimepicker, typeof i34.NgxMatDatepickerInput], [typeof DynamicForm, typeof OslSetup, typeof OslGrid, typeof OslFormGrid, typeof Oslinput, typeof OslUserLog, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm, typeof OslUserLog, typeof OslMenu, typeof OslMenuTriggerFor], [typeof i22.NgTemplateOutlet, typeof i22.NgStyle, typeof i22.NgClass, typeof i22.DatePipe, typeof i22.DecimalPipe, typeof i22.UpperCasePipe, typeof i23.FormsModule, typeof i23.ReactiveFormsModule, typeof i24.MatFormFieldModule, typeof i25.MatInputModule, typeof i24.MatHint, typeof i26.MatIconModule, typeof i27.MatDialogModule, typeof i28.MatButtonModule, typeof OslSkeletonModule, typeof i30.MatDatepickerModule, typeof i31.MatMenuModule, typeof i32.ScrollingModule, typeof i33.DragDropModule, typeof i34.MatTooltipModule, typeof i35.OverlayModule, typeof i36.PortalModule, typeof i37.NgxMatDatetimepicker, typeof i37.NgxMatDatepickerInput], [typeof DynamicForm, typeof OslSetup, typeof OslGrid, typeof OslFormGrid, typeof Oslinput, typeof OslUserLog, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm, typeof OslMenu, typeof OslMenuTriggerFor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormStructureModule>;
 }
 
@@ -2130,5 +2163,5 @@ declare namespace validation_util_d {
   export type { validation_util_d_PasswordOptions as PasswordOptions };
 }
 
-export { array_util_d as ArrayUtil, date_util_d as DateUtil, DeleteConfirmation, DeleteConfirmationData, Dialog, DialogWrapper, DynamicForm, FormStructureModule, Httpbase, number_util_d as NumberUtil, object_util_d as ObjectUtil, OslAutocomplete, OslAutocompleteLister, OslBaseExtended, OslButton, OslCheckbox, OslDatepicker, OslDatetimepicker, OslFileUpload, OslFormGrid, OslGrid, OslRadio, OslReportForm, OslReportGrid, OslSearchbar, OslSelect, OslSetup, OslSkeletonDirective, OslSkeletonModule, OslSkeletonThemeService, OslSlideToggle, OslUserLog, Oslinput, Osltextarea, storage_util_d as StorageUtil, string_util_d as StringUtil, validation_util_d as ValidationUtil, baseComponent };
-export type { ButtonSize, ButtonVariant, DateInputType, FlatRow, HttpResponse, InputType, InternalColumn, OslDisplayType, OslFormGridColumn, OslFormGridFooterColumn, OslFormGridRowEvent, OslGridColumn, OslMenuAction, OslPageEvent, OslPdfConfig, OslReportColumn, OslReportPageEvent, OslReportSortEvent, OslSetupSaveEvent, OslSortEvent, PasswordOptions, ReportGenerateType, SkeletonAnimation, SkeletonTheme, SkeletonType, TextareaResize, UserLogMeta, elements, myParams, oslListerData };
+export { array_util_d as ArrayUtil, date_util_d as DateUtil, DeleteConfirmation, DeleteConfirmationData, Dialog, DialogWrapper, DynamicForm, FormStructureModule, Httpbase, number_util_d as NumberUtil, object_util_d as ObjectUtil, OslAutocomplete, OslAutocompleteLister, OslBaseExtended, OslButton, OslCheckbox, OslDatepicker, OslDatetimepicker, OslFileUpload, OslFormGrid, OslGrid, OslMenu, OslMenuTriggerFor, OslRadio, OslReportForm, OslReportGrid, OslSearchbar, OslSelect, OslSetup, OslSkeletonDirective, OslSkeletonModule, OslSkeletonThemeService, OslSlideToggle, OslUserLog, Oslinput, Osltextarea, storage_util_d as StorageUtil, string_util_d as StringUtil, validation_util_d as ValidationUtil, baseComponent };
+export type { ButtonSize, ButtonVariant, DateInputType, FlatRow, HttpResponse, InputType, InternalColumn, OslDisplayType, OslFormGridColumn, OslFormGridFooterColumn, OslFormGridRowEvent, OslGridColumn, OslMenuAction, OslMenuPosition, OslPageEvent, OslPdfConfig, OslReportColumn, OslReportPageEvent, OslReportSortEvent, OslSetupSaveEvent, OslSortEvent, PasswordOptions, ReportGenerateType, SkeletonAnimation, SkeletonTheme, SkeletonType, TextareaResize, UserLogMeta, elements, myParams, oslListerData };