@stemy/ngx-utils 19.2.24 → 19.3.0

package/ng.mjs

@@ -1,5 +1,5 @@
-import { register } from "node:module";
-import { pathToFileURL } from "node:url";
-
-register("ts-node/esm", pathToFileURL("./"));
-import "@angular/cli/bin/ng.js";
+import { register } from "node:module";
+import { pathToFileURL } from "node:url";
+
+register("ts-node/esm", pathToFileURL("./"));
+import "@angular/cli/bin/ng.js";

package/ngx-utils/components/dropdown-box/dropdown-box.component.d.ts

@@ -0,0 +1,55 @@
+import { AfterViewInit, OnChanges } from "@angular/core";
+import { Placement } from "@floating-ui/utils";
+import { Alignment, AutoPlacementOptions } from "@floating-ui/dom";
+import { DropdownContentDirective } from "../../directives/dropdown-content.directive";
+import * as i0 from "@angular/core";
+export declare class DropdownBoxComponent implements AfterViewInit, OnChanges {
+    /**
+     * Determines if the dropdown should be closed even if we click inside it
+     */
+    closeInside: boolean;
+    /**
+     * Determines if the floating element needs to be placed in the root node or keep where it was before
+     */
+    attachToRoot: boolean;
+    /**
+     * Where to place the floating element relative to the reference element.
+     */
+    placement: Placement;
+    /**
+     * The axis that runs along the alignment of the floating element. Determines
+     * whether to check for most space along this axis.
+     * @default false
+     */
+    crossAxis?: boolean;
+    /**
+     * Choose placements with a particular alignment.
+     * @default undefined
+     */
+    alignment?: Alignment | null;
+    /**
+     * Whether to choose placements with the opposite alignment if the preferred
+     * alignment does not fit.
+     * @default true
+     */
+    autoAlignment?: boolean;
+    /**
+     * Which placements are allowed to be chosen. Placements must be within the
+     * `alignment` option if explicitly set.
+     * @default allPlacements (variable)
+     */
+    allowedPlacements?: Array<Placement>;
+    /**
+     * Adds a class to the main div element and also to the content
+     * ('drop' by default which translates to 'drop-content-wrapper' in case of content)
+     */
+    componentClass: string;
+    autoPlacement: AutoPlacementOptions;
+    content: DropdownContentDirective;
+    constructor();
+    protected makeAutoPlacementOpts(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownBoxComponent, "dropdown-box", never, { "closeInside": { "alias": "closeInside"; "required": false; }; "attachToRoot": { "alias": "attachToRoot"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "crossAxis": { "alias": "crossAxis"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "autoAlignment": { "alias": "autoAlignment"; "required": false; }; "allowedPlacements": { "alias": "allowedPlacements"; "required": false; }; "componentClass": { "alias": "componentClass"; "required": false; }; }, {}, never, ["[toggle-content]", "*"], false, never>;
+}

package/ngx-utils/components/dynamic-table/dynamic-table.component.d.ts

@@ -72,7 +72,7 @@ export declare class DynamicTableComponent implements AfterContentInit, AfterVie
     onDrop(ev: DragEvent, elem: HTMLElement, item: any): void;
     refresh(time?: number): void;
     setFilter(filter: string): void;
-    setSorting(column: string, toggle: DropdownDirective): void;
+    setSorting(column: string, toggle?: DropdownDirective): void;
     setQueryValue(c: string, value: string | boolean): void;
     setItemsPerPage(count: number): void;
     loadData: (page: number, itemsPerPage: number) => Promise<IPaginationData>;

package/ngx-utils/components/pagination-menu/pagination-menu.component.d.ts

@@ -1,30 +1,23 @@
 import { OnChanges, OnDestroy, OnInit, SimpleChanges } from "@angular/core";
 import { StateService } from "../../services/state.service";
 import { PaginationDirective } from "../../directives/pagination.directive";
-import { IIconService } from "../../common-types";
 import * as i0 from "@angular/core";
 export declare class PaginationMenuComponent implements OnInit, OnDestroy, OnChanges {
     state: StateService;
     pagination: PaginationDirective;
-    icons: IIconService;
     maxSize: number;
     urlParam: string;
     directionLinks: boolean;
     boundaryLinks: boolean;
     pages: number[];
-    firstLabel: string;
-    prevLabel: string;
-    nextLabel: string;
-    lastLabel: string;
     get hasPrev(): boolean;
     get hasNext(): boolean;
     private onRefresh;
-    constructor(state: StateService, pagination: PaginationDirective, icons: IIconService);
+    constructor(state: StateService, pagination: PaginationDirective);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     paginate(page: number): void;
-    protected setIcon(labelName: string, icon: string): void;
     protected setPages(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PaginationMenuComponent, "pagination-menu", never, { "maxSize": { "alias": "maxSize"; "required": false; }; "urlParam": { "alias": "urlParam"; "required": false; }; "directionLinks": { "alias": "directionLinks"; "required": false; }; "boundaryLinks": { "alias": "boundaryLinks"; "required": false; }; }, {}, never, never, false, never>;

package/ngx-utils/directives/async-method.base.d.ts

@@ -14,7 +14,7 @@ export declare class AsyncMethodBase implements OnChanges {
     constructor(toaster: IToasterService, cdr: ChangeDetectorRef);
     protected getMethod(): AsyncMethod;
     ngOnChanges(): void;
-    click(ev: Event): void;
+    click(ev: Event): boolean;
     callMethod(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AsyncMethodBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AsyncMethodBase, "[__asmb__]", never, { "disabled": { "alias": "disabled"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "onSuccess": "onSuccess"; "onError": "onError"; }, never, never, false, never>;

package/ngx-utils/directives/dropdown-content.directive.d.ts

@@ -1,13 +1,22 @@
-import { ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { OnDestroy, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
+import { Subscription } from "rxjs";
 import { DropdownDirective } from "./dropdown.directive";
 import * as i0 from "@angular/core";
 export declare class DropdownContentDirective implements OnInit, OnDestroy {
-    readonly element: ElementRef<HTMLElement>;
-    readonly dropdown: DropdownDirective;
-    protected observer: ResizeObserver;
-    constructor(element: ElementRef<HTMLElement>, dropdown: DropdownDirective);
+    protected vcr: ViewContainerRef;
+    protected dropdown: DropdownDirective;
+    readonly templateRef: TemplateRef<any>;
+    protected root: HTMLElement;
+    protected subscription: Subscription;
+    protected lastPlacement: string;
+    protected cleanUp: () => void;
+    constructor(vcr: ViewContainerRef, dropdown: DropdownDirective, templateRef: TemplateRef<any>);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownContentDirective, never>;
+    protected createView(init?: boolean): void;
+    protected destroyView(): void;
+    protected createWrapper(): HTMLDivElement;
+    initialize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownContentDirective, [null, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownContentDirective, "[dropdownContent]", ["dropdown-content"], {}, {}, never, never, false, never>;
 }

package/ngx-utils/directives/dropdown.directive.d.ts

@@ -1,15 +1,38 @@
 import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
+import { AutoPlacementOptions, Placement } from "@floating-ui/dom";
 import * as i0 from "@angular/core";
 export declare class DropdownDirective implements OnDestroy {
     protected element: ElementRef<HTMLElement>;
     protected static active: DropdownDirective;
     protected opened: boolean;
     protected disabled: boolean;
+    /**
+     * Determines if the dropdown should be closed even if we click inside it
+     */
     closeInside: boolean;
+    /**
+     * Determines if the floating element needs to be placed in the root node or keep where it was before
+     */
+    attachToRoot: boolean;
+    /**
+     * Where to place the floating element relative to the reference element.
+     */
+    placement: Placement;
+    /**
+     * Optimizes the visibility of the floating element by choosing the placement
+     * that has the most space available automatically, without needing to specify a
+     * preferred placement. Alternative to `flip`.
+     * @see https://floating-ui.com/docs/autoPlacement
+     */
+    autoPlacement: AutoPlacementOptions;
+    /**
+     * Determines if the dropdown should react to keys to close like 'Esc'
+     */
     keyboardHandler: boolean;
     onShown: EventEmitter<DropdownDirective>;
     onHidden: EventEmitter<DropdownDirective>;
     onKeyboard: EventEmitter<KeyboardEvent>;
+    contentElement: HTMLElement;
     private readonly onTap;
     private readonly onKeyDown;
     get nativeElement(): HTMLElement;
@@ -20,9 +43,8 @@ export declare class DropdownDirective implements OnDestroy {
     ngOnDestroy(): void;
     showEvent(): void;
     hideEvent(): void;
-    setProperty(name: string, value: any): void;
-    show($event?: Event): void;
-    hide(): void;
+    show($event?: Event): boolean;
+    hide(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[dd],[drop-down]", ["dropdown"], { "closeInside": { "alias": "closeInside"; "required": false; }; "keyboardHandler": { "alias": "keyboardHandler"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "onShown": "onShown"; "onHidden": "onHidden"; "onKeyboard": "onKeyboard"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[dd],[drop-down]", ["dropdown"], { "closeInside": { "alias": "closeInside"; "required": false; }; "attachToRoot": { "alias": "attachToRoot"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; "keyboardHandler": { "alias": "keyboardHandler"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "onShown": "onShown"; "onHidden": "onHidden"; "onKeyboard": "onKeyboard"; }, never, never, false, never>;
 }

package/ngx-utils/ngx-utils.imports.d.ts

@@ -62,7 +62,7 @@ import { UploadComponent } from "./components/upload/upload.component";
 export declare const pipes: (typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof IncludesPipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe)[];
 export declare const directives: (typeof AsyncMethodBase | typeof BackgroundDirective | typeof ComponentLoaderDirective | typeof DynamicTableTemplateDirective | typeof GlobalTemplateDirective | typeof IconDirective | typeof NgxTemplateOutletDirective | typeof PaginationDirective | typeof PaginationItemDirective | typeof ResourceIfDirective | typeof StickyDirective | typeof StickyClassDirective | typeof DropdownDirective | typeof DropdownContentDirective | typeof DropdownToggleDirective | typeof UnorderedListItemDirective | typeof UnorderedListTemplateDirective)[];
 export declare const components: (typeof DropListComponent | typeof DynamicTableComponent | typeof FakeModuleComponent | typeof PaginationMenuComponent | typeof UnorderedListComponent | typeof UploadComponent)[];
-export declare const providers: (typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof IncludesPipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe | typeof BaseHttpClient | typeof BaseHttpService | typeof AuthGuard | typeof AclService | typeof StaticAuthService | typeof ConfigService | typeof BaseDialogService | typeof ErrorHandlerService | typeof EventsService | typeof FormatterService | typeof GlobalTemplateService | typeof IconService | typeof StaticLanguageService | typeof OpenApiService | typeof PromiseService | typeof SocketService | typeof StateService | typeof StorageService | typeof BaseToasterService | typeof ComponentLoaderService | typeof TranslatedUrlSerializer | typeof UniversalService | typeof WasmService | typeof DeviceDetectorService | {
+export declare const providers: (typeof DeviceDetectorService | typeof UniversalService | typeof StateService | typeof AuthGuard | typeof BaseHttpClient | typeof StorageService | typeof BaseHttpService | typeof WasmService | typeof AclService | typeof StaticAuthService | typeof ConfigService | typeof BaseDialogService | typeof ErrorHandlerService | typeof EventsService | typeof FormatterService | typeof GlobalTemplateService | typeof IconService | typeof StaticLanguageService | typeof OpenApiService | typeof BaseToasterService | typeof ComponentLoaderService | typeof TranslatedUrlSerializer | typeof PromiseService | typeof SocketService | typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof IncludesPipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe | {
     provide: import("@angular/core").InjectionToken<import("@angular/platform-browser").EventManagerPlugin[]>;
     useClass: typeof DragDropEventPlugin;
     multi: boolean;

package/ngx-utils/ngx-utils.module.d.ts

@@ -49,13 +49,14 @@ import * as i45 from "./directives/dropdown-toggle.directive";
 import * as i46 from "./directives/unordered-list-item.directive";
 import * as i47 from "./directives/unordered-list-template.directive";
 import * as i48 from "./components/drop-list/drop-list.component";
-import * as i49 from "./components/dynamic-table/dynamic-table.component";
-import * as i50 from "./components/fake-module/fake-module.component";
-import * as i51 from "./components/pagination-menu/pagination-menu.component";
-import * as i52 from "./components/unordered-list/unordered-list.component";
-import * as i53 from "./components/upload/upload.component";
-import * as i54 from "@angular/common";
-import * as i55 from "@angular/forms";
+import * as i49 from "./components/dropdown-box/dropdown-box.component";
+import * as i50 from "./components/dynamic-table/dynamic-table.component";
+import * as i51 from "./components/fake-module/fake-module.component";
+import * as i52 from "./components/pagination-menu/pagination-menu.component";
+import * as i53 from "./components/unordered-list/unordered-list.component";
+import * as i54 from "./components/upload/upload.component";
+import * as i55 from "@angular/common";
+import * as i56 from "@angular/forms";
 export declare function loadBaseUrl(): string;
 export declare function loadBaseHref(baseUrl: string): string;
 export declare class NgxUtilsModule {
@@ -65,6 +66,6 @@ export declare class NgxUtilsModule {
     static useDynamic(moduleInfo: DynamicModuleInfo): ModuleWithProviders<NgxUtilsModule>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxUtilsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxUtilsModule, [typeof i1.ChunkPipe, typeof i2.EntriesPipe, typeof i3.ExtraItemPropertiesPipe, typeof i4.FilterPipe, typeof i5.FindPipe, typeof i6.FormatNumberPipe, typeof i7.GetOffsetPipe, typeof i8.GetTypePipe, typeof i9.GetValuePipe, typeof i10.GlobalTemplatePipe, typeof i11.GroupByPipe, typeof i12.IncludesPipe, typeof i13.IsTypePipe, typeof i14.JoinPipe, typeof i15.KeysPipe, typeof i16.MapPipe, typeof i17.MaxPipe, typeof i18.MinPipe, typeof i19.PopPipe, typeof i20.ReducePipe, typeof i21.RemapPipe, typeof i22.ReplacePipe, typeof i23.ReversePipe, typeof i24.RoundPipe, typeof i25.SafeHtmlPipe, typeof i26.ShiftPipe, typeof i27.SplitPipe, typeof i28.TranslatePipe, typeof i29.ValuesPipe, typeof i30.AsyncMethodBase, typeof i31.AsyncMethodDirective, typeof i32.BackgroundDirective, typeof i33.ComponentLoaderDirective, typeof i34.DynamicTableTemplateDirective, typeof i35.GlobalTemplateDirective, typeof i36.IconDirective, typeof i37.NgxTemplateOutletDirective, typeof i38.PaginationDirective, typeof i39.PaginationItemDirective, typeof i40.ResourceIfDirective, typeof i41.StickyDirective, typeof i42.StickyClassDirective, typeof i43.DropdownDirective, typeof i44.DropdownContentDirective, typeof i45.DropdownToggleDirective, typeof i46.UnorderedListItemDirective, typeof i47.UnorderedListTemplateDirective, typeof i48.DropListComponent, typeof i49.DynamicTableComponent, typeof i50.FakeModuleComponent, typeof i51.PaginationMenuComponent, typeof i52.UnorderedListComponent, typeof i53.UploadComponent], [typeof i54.CommonModule, typeof i55.FormsModule], [typeof i1.ChunkPipe, typeof i2.EntriesPipe, typeof i3.ExtraItemPropertiesPipe, typeof i4.FilterPipe, typeof i5.FindPipe, typeof i6.FormatNumberPipe, typeof i7.GetOffsetPipe, typeof i8.GetTypePipe, typeof i9.GetValuePipe, typeof i10.GlobalTemplatePipe, typeof i11.GroupByPipe, typeof i12.IncludesPipe, typeof i13.IsTypePipe, typeof i14.JoinPipe, typeof i15.KeysPipe, typeof i16.MapPipe, typeof i17.MaxPipe, typeof i18.MinPipe, typeof i19.PopPipe, typeof i20.ReducePipe, typeof i21.RemapPipe, typeof i22.ReplacePipe, typeof i23.ReversePipe, typeof i24.RoundPipe, typeof i25.SafeHtmlPipe, typeof i26.ShiftPipe, typeof i27.SplitPipe, typeof i28.TranslatePipe, typeof i29.ValuesPipe, typeof i30.AsyncMethodBase, typeof i31.AsyncMethodDirective, typeof i32.BackgroundDirective, typeof i33.ComponentLoaderDirective, typeof i34.DynamicTableTemplateDirective, typeof i35.GlobalTemplateDirective, typeof i36.IconDirective, typeof i37.NgxTemplateOutletDirective, typeof i38.PaginationDirective, typeof i39.PaginationItemDirective, typeof i40.ResourceIfDirective, typeof i41.StickyDirective, typeof i42.StickyClassDirective, typeof i43.DropdownDirective, typeof i44.DropdownContentDirective, typeof i45.DropdownToggleDirective, typeof i46.UnorderedListItemDirective, typeof i47.UnorderedListTemplateDirective, typeof i48.DropListComponent, typeof i49.DynamicTableComponent, typeof i50.FakeModuleComponent, typeof i51.PaginationMenuComponent, typeof i52.UnorderedListComponent, typeof i53.UploadComponent, typeof i55.FormsModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxUtilsModule, [typeof i1.ChunkPipe, typeof i2.EntriesPipe, typeof i3.ExtraItemPropertiesPipe, typeof i4.FilterPipe, typeof i5.FindPipe, typeof i6.FormatNumberPipe, typeof i7.GetOffsetPipe, typeof i8.GetTypePipe, typeof i9.GetValuePipe, typeof i10.GlobalTemplatePipe, typeof i11.GroupByPipe, typeof i12.IncludesPipe, typeof i13.IsTypePipe, typeof i14.JoinPipe, typeof i15.KeysPipe, typeof i16.MapPipe, typeof i17.MaxPipe, typeof i18.MinPipe, typeof i19.PopPipe, typeof i20.ReducePipe, typeof i21.RemapPipe, typeof i22.ReplacePipe, typeof i23.ReversePipe, typeof i24.RoundPipe, typeof i25.SafeHtmlPipe, typeof i26.ShiftPipe, typeof i27.SplitPipe, typeof i28.TranslatePipe, typeof i29.ValuesPipe, typeof i30.AsyncMethodBase, typeof i31.AsyncMethodDirective, typeof i32.BackgroundDirective, typeof i33.ComponentLoaderDirective, typeof i34.DynamicTableTemplateDirective, typeof i35.GlobalTemplateDirective, typeof i36.IconDirective, typeof i37.NgxTemplateOutletDirective, typeof i38.PaginationDirective, typeof i39.PaginationItemDirective, typeof i40.ResourceIfDirective, typeof i41.StickyDirective, typeof i42.StickyClassDirective, typeof i43.DropdownDirective, typeof i44.DropdownContentDirective, typeof i45.DropdownToggleDirective, typeof i46.UnorderedListItemDirective, typeof i47.UnorderedListTemplateDirective, typeof i48.DropListComponent, typeof i49.DropdownBoxComponent, typeof i50.DynamicTableComponent, typeof i51.FakeModuleComponent, typeof i52.PaginationMenuComponent, typeof i53.UnorderedListComponent, typeof i54.UploadComponent], [typeof i55.CommonModule, typeof i56.FormsModule], [typeof i1.ChunkPipe, typeof i2.EntriesPipe, typeof i3.ExtraItemPropertiesPipe, typeof i4.FilterPipe, typeof i5.FindPipe, typeof i6.FormatNumberPipe, typeof i7.GetOffsetPipe, typeof i8.GetTypePipe, typeof i9.GetValuePipe, typeof i10.GlobalTemplatePipe, typeof i11.GroupByPipe, typeof i12.IncludesPipe, typeof i13.IsTypePipe, typeof i14.JoinPipe, typeof i15.KeysPipe, typeof i16.MapPipe, typeof i17.MaxPipe, typeof i18.MinPipe, typeof i19.PopPipe, typeof i20.ReducePipe, typeof i21.RemapPipe, typeof i22.ReplacePipe, typeof i23.ReversePipe, typeof i24.RoundPipe, typeof i25.SafeHtmlPipe, typeof i26.ShiftPipe, typeof i27.SplitPipe, typeof i28.TranslatePipe, typeof i29.ValuesPipe, typeof i30.AsyncMethodBase, typeof i31.AsyncMethodDirective, typeof i32.BackgroundDirective, typeof i33.ComponentLoaderDirective, typeof i34.DynamicTableTemplateDirective, typeof i35.GlobalTemplateDirective, typeof i36.IconDirective, typeof i37.NgxTemplateOutletDirective, typeof i38.PaginationDirective, typeof i39.PaginationItemDirective, typeof i40.ResourceIfDirective, typeof i41.StickyDirective, typeof i42.StickyClassDirective, typeof i43.DropdownDirective, typeof i44.DropdownContentDirective, typeof i45.DropdownToggleDirective, typeof i46.UnorderedListItemDirective, typeof i47.UnorderedListTemplateDirective, typeof i48.DropListComponent, typeof i49.DropdownBoxComponent, typeof i50.DynamicTableComponent, typeof i51.FakeModuleComponent, typeof i52.PaginationMenuComponent, typeof i53.UnorderedListComponent, typeof i54.UploadComponent, typeof i56.FormsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxUtilsModule>;
 }

package/ngx-utils/utils/file-system.d.ts

@@ -1,16 +1,16 @@
-export type FileSystemEntryOpenResult = ReadonlyArray<FileSystemEntry> | null;
+export type FileSystemEntryOpenResult<T = any> = ReadonlyArray<FileSystemEntry<T>> | null;
 export type FileSystemEntryOpenCb = (data: any, parent: FileSystemEntry) => Promise<FileSystemEntryOpenResult>;
-export declare class FileSystemEntry {
+export declare class FileSystemEntry<T = any, R = any> {
     readonly label: string;
     readonly meta: string;
     readonly image: string;
-    readonly data: any;
+    readonly data: T;
     readonly parent: FileSystemEntry;
     protected openCb: FileSystemEntryOpenCb;
     protected result: Promise<FileSystemEntryOpenResult>;
     readonly path: ReadonlyArray<FileSystemEntry>;
     readonly level: number;
     readonly classes: ReadonlyArray<string>;
-    constructor(label: string, meta: string, image: string, data: any, parent: FileSystemEntry, openCb: FileSystemEntryOpenCb);
-    open(): Promise<FileSystemEntryOpenResult>;
+    constructor(label: string, meta: string, image: string, data: T, parent: FileSystemEntry, openCb: FileSystemEntryOpenCb);
+    open<O = R>(): Promise<FileSystemEntryOpenResult<O>>;
 }

package/ngx-utils/utils/misc.d.ts

@@ -1,5 +1,6 @@
 import { Type, ValueProvider, ɵComponentDef as ComponentDef } from "@angular/core";
 import { CssSelector, CssSelectorList } from "../common-types";
+export declare function getCssVariables(elem: HTMLElement): Record<string, string>;
 export declare function checkTransitions(el: HTMLElement, cb: () => any): void;
 export declare function getComponentDef<T>(type: Type<T>): ComponentDef<T>;
 export declare function parseSelector(selector: string | CssSelector): CssSelector;

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "@stemy/ngx-utils",
-  "version": "19.2.24",
+  "version": "19.3.0",
   "license": "MIT",
   "public": true,
   "repository": "https://github.com/stemyke/ngx-utils.git",
   "author": "stemy <balazs.stemler@metrix.co.hu>",
   "peerDependencies": {
-    "@angular/animations": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@angular/compiler": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@angular/forms": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@angular/router": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@angular/platform-browser": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@angular/platform-server": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "@angular/animations": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/router": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-server": "^19.0.0",
     "express": "^4.21.2",
     "element-resize-detector": "^1.2.4",
     "rxjs": "^6.6.2 || ~7.8.0",
     "moment": "^2.30.1",
     "invokable": "^1.0.3",
     "ngx-device-detector": "^5.0.1 || ^8.0.0",
+    "@floating-ui/dom": "^1.6.13",
     "json5": "^2.2.3"
   },
   "main": "dist/bundles/stemy-ngx-utils.umd.js",

package/public_api.d.ts

@@ -102,6 +102,7 @@ export { DropdownToggleDirective } from "./ngx-utils/directives/dropdown-toggle.
 export { UnorderedListItemDirective } from "./ngx-utils/directives/unordered-list-item.directive";
 export { UnorderedListTemplateDirective } from "./ngx-utils/directives/unordered-list-template.directive";
 export { DropListComponent } from "./ngx-utils/components/drop-list/drop-list.component";
+export { DropdownBoxComponent } from "./ngx-utils/components/dropdown-box/dropdown-box.component";
 export { DynamicTableComponent } from "./ngx-utils/components/dynamic-table/dynamic-table.component";
 export { FakeModuleComponent } from "./ngx-utils/components/fake-module/fake-module.component";
 export { PaginationMenuComponent } from "./ngx-utils/components/pagination-menu/pagination-menu.component";