osl-base-extended 7.6.0 → 8.0.0

package/package.json

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

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

@@ -7,7 +7,7 @@ import * as i24 from '@angular/forms';
 import { FormControl } from '@angular/forms';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import * as i34 from '@angular/cdk/drag-drop';
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { CdkDragDrop, CdkDragStart, CdkDragEnd, CdkDragEnter, CdkDragExit } from '@angular/cdk/drag-drop';
 import * as i36 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i23 from '@angular/common';
@@ -837,6 +837,36 @@ interface OslFormGridRowEvent {
     row: any;
     index: number;
 }
+interface DragItem {
+    id: string;
+    label: string;
+    icon?: string;
+    description?: string;
+    data?: any;
+}
+interface DragColumn {
+    field: string;
+    header: string;
+}
+interface DragDropPayload {
+    item: DragItem | any;
+    previousIndex: number;
+    currentIndex: number;
+    previousContainer: string;
+    currentContainer: string;
+    row?: any;
+    column?: any;
+}
+interface PanelSearchEvent {
+    searchValue: string;
+    page: number;
+    pageSize: number;
+}
+interface PanelPageEvent {
+    page: number;
+    pageSize: number;
+    searchValue: string;
+}
 declare class OslFormGrid {
     columns: OslFormGridColumn[];
     datasource: any[];
@@ -850,6 +880,42 @@ declare class OslFormGrid {
     footerColumns: OslFormGridFooterColumn[];
     rowAdd: EventEmitter<any>;
     rowDelete: EventEmitter<OslFormGridRowEvent>;
+    enableDragDrop: boolean;
+    draggingList: DragItem[];
+    draggingColumns: DragColumn[];
+    leftPanelWidth: number;
+    dragTitle: string;
+    showSearch: boolean;
+    allowReorder: boolean;
+    allowRemove: boolean;
+    /** 'Local' filters draggingList in the component. 'Api' emits (panelSearch) for the parent to handle. */
+    panelSearchType: 'Local' | 'Api';
+    /** Show a loading skeleton in the panel (useful in Api mode while the parent fetches data). */
+    panelLoading: boolean;
+    /** Total records available from the API (used to decide whether to show "Load More"). */
+    panelTotalRecords: number;
+    /** Number of items per page when calling the API. */
+    panelPageSize: number;
+    dragStarted: EventEmitter<DragDropPayload>;
+    dragEnded: EventEmitter<DragDropPayload>;
+    dragEntered: EventEmitter<DragDropPayload>;
+    dragExited: EventEmitter<DragDropPayload>;
+    itemDropped: EventEmitter<DragDropPayload>;
+    itemMoved: EventEmitter<DragDropPayload>;
+    itemRemoved: EventEmitter<DragDropPayload>;
+    itemSelected: EventEmitter<DragDropPayload>;
+    gridChanged: EventEmitter<any[]>;
+    /** Emitted (debounced 350 ms) when the user types in the panel search box and panelSearchType='Api'. */
+    panelSearch: EventEmitter<PanelSearchEvent>;
+    /** Emitted when the user clicks "Load More" in the panel. Parent should append items to draggingList. */
+    panelPageChange: EventEmitter<PanelPageEvent>;
+    isDragging: boolean;
+    isDraggingFromPanel: boolean;
+    dragSearchQuery: string;
+    panelCurrentPage: number;
+    private _panelSearchDebounce;
+    get filteredDraggingList(): DragItem[];
+    get panelHasMore(): boolean;
     get hasActions(): boolean;
     currentPage: number;
     pageSizeOptions: number[];
@@ -869,8 +935,21 @@ declare class OslFormGrid {
     isLoading(row: any, elem: elements): boolean;
     colRequired(col: OslFormGridColumn): boolean;
     onSelectChange(col: OslFormGridColumn, row: any, i: number, value: any): void;
+    onPanelSearchChange(value: string): void;
+    clearPanelSearch(): void;
+    loadMorePanelItems(): void;
+    /** Called when a panel item is dropped onto the grid overlay — always appends to end. */
+    onPanelDrop(event: CdkDragDrop<never[]>): void;
+    /** Called when a grid row is dropped within the grid — reorders only. */
+    onGridReorder(event: CdkDragDrop<any[]>): void;
+    removeGridRow(pagedIndex: number): void;
+    selectGridItem(row: any, pagedIndex: number): void;
+    onDragStartedEvent(_event: CdkDragStart, item: DragItem | any, source: string): void;
+    onDragEndedEvent(_event: CdkDragEnd, item: DragItem | any, source: string): void;
+    onDragEnteredEvent(event: CdkDragEnter, target: string): void;
+    onDragExitedEvent(event: CdkDragExit, target: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OslFormGrid, never>;
-    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; }; "footerColumns": { "alias": "footerColumns"; "required": false; }; }, { "datasourceChange": "datasourceChange"; "rowAdd": "rowAdd"; "rowDelete": "rowDelete"; }, never, never, false, never>;
+    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; }; "footerColumns": { "alias": "footerColumns"; "required": false; }; "enableDragDrop": { "alias": "enableDragDrop"; "required": false; }; "draggingList": { "alias": "draggingList"; "required": false; }; "draggingColumns": { "alias": "draggingColumns"; "required": false; }; "leftPanelWidth": { "alias": "leftPanelWidth"; "required": false; }; "dragTitle": { "alias": "dragTitle"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "allowReorder": { "alias": "allowReorder"; "required": false; }; "allowRemove": { "alias": "allowRemove"; "required": false; }; "panelSearchType": { "alias": "panelSearchType"; "required": false; }; "panelLoading": { "alias": "panelLoading"; "required": false; }; "panelTotalRecords": { "alias": "panelTotalRecords"; "required": false; }; "panelPageSize": { "alias": "panelPageSize"; "required": false; }; }, { "datasourceChange": "datasourceChange"; "rowAdd": "rowAdd"; "rowDelete": "rowDelete"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "dragEntered": "dragEntered"; "dragExited": "dragExited"; "itemDropped": "itemDropped"; "itemMoved": "itemMoved"; "itemRemoved": "itemRemoved"; "itemSelected": "itemSelected"; "gridChanged": "gridChanged"; "panelSearch": "panelSearch"; "panelPageChange": "panelPageChange"; }, never, never, false, never>;
 }
 
 interface oslListerData {
@@ -2326,4 +2405,4 @@ declare class ErrorDialog {
 }
 
 export { array_util_d as ArrayUtil, date_util_d as DateUtil, DeleteConfirmation, DeleteConfirmationData, Dialog, DialogWrapper, DirtyStateService, DynamicForm, ErrorDialog, FormStructureModule, Httpbase, number_util_d as NumberUtil, object_util_d as ObjectUtil, OslAutocomplete, OslAutocompleteLister, OslBaseExtended, OslButton, OslCheckbox, OslDatepicker, OslDatetimepicker, OslDocumentUploader, OslFileUpload, OslFormGrid, OslGrid, OslMenu, OslMenuTriggerFor, OslRadio, OslReportForm, OslReportGrid, OslSearchbar, OslSelect, OslSetup, OslSkeletonDirective, OslSkeletonModule, OslSkeletonThemeService, OslSlideToggle, OslTooltipDirective, OslUserLog, Oslinput, Osltextarea, storage_util_d as StorageUtil, string_util_d as StringUtil, UnsavedChangesDialog, validation_util_d as ValidationUtil, baseComponent, unsavedChangesGuard };
-export type { ButtonSize, ButtonVariant, DateInputType, ErrorDialogData, FlatRow, HttpResponse, InputType, InternalColumn, OslDisplayType, OslFileValue, OslFormGridColumn, OslFormGridFooterColumn, OslFormGridRowEvent, OslGridColumn, OslMenuAction, OslMenuPosition, OslPageEvent, OslPdfConfig, OslReportColumn, OslReportPageEvent, OslReportSortEvent, OslSavedDocument, OslSetupSaveEvent, OslSortEvent, PasswordOptions, ReportGenerateType, SkeletonAnimation, SkeletonTheme, SkeletonType, TextareaResize, UnsavedChangesDialogData, UserLogMeta, elements, myParams, oslListerData };
+export type { ButtonSize, ButtonVariant, DateInputType, DragColumn, DragDropPayload, DragItem, ErrorDialogData, FlatRow, HttpResponse, InputType, InternalColumn, OslDisplayType, OslFileValue, OslFormGridColumn, OslFormGridFooterColumn, OslFormGridRowEvent, OslGridColumn, OslMenuAction, OslMenuPosition, OslPageEvent, OslPdfConfig, OslReportColumn, OslReportPageEvent, OslReportSortEvent, OslSavedDocument, OslSetupSaveEvent, OslSortEvent, PanelPageEvent, PanelSearchEvent, PasswordOptions, ReportGenerateType, SkeletonAnimation, SkeletonTheme, SkeletonType, TextareaResize, UnsavedChangesDialogData, UserLogMeta, elements, myParams, oslListerData };