@stemy/ngx-utils 17.2.1 → 17.3.0

package/ngx-utils/common-types.d.ts

@@ -314,7 +314,7 @@ export interface ITableTemplates {
     [column: string]: ITableTemplate;
 }
 export interface ITableDataQuery {
-    [column: string]: string;
+    [column: string]: string | string[] | boolean;
 }
 export type TableDataLoader = (page: number, rowsPerPage: number, orderBy: string, orderDescending: boolean, filter: string, query: ITableDataQuery) => Promise<IPaginationData>;
 export declare class ResourceIfContext {

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

@@ -1,18 +1,37 @@
-import { AfterContentInit, AfterViewInit, OnChanges, QueryList, SimpleChanges, TemplateRef } from "@angular/core";
-import { IPaginationData, ITableColumns, ITableDataQuery, ITableTemplates, TableColumns, TableDataLoader } from "../../common-types";
+import { AfterContentInit, AfterViewInit, ElementRef, OnChanges, QueryList, SimpleChanges, TemplateRef } from "@angular/core";
+import { IPaginationData, ITableColumns, ITableDataQuery, ITableTemplates, PaginationItemContext, TableColumns, TableDataLoader } from "../../common-types";
 import { DynamicTableTemplateDirective } from "../../directives/dynamic-table-template.directive";
 import { PaginationDirective } from "../../directives/pagination.directive";
+import { DropdownDirective } from "../../directives/dropdown.directive";
 import * as i0 from "@angular/core";
 export declare class DynamicTableComponent implements AfterContentInit, AfterViewInit, OnChanges {
-    label: string;
-    placeholder: string;
+    protected element: ElementRef<HTMLElement>;
     dataLoader: TableDataLoader;
     data: any[];
+    selected: any;
     page: number;
     urlParam: string;
     parallelData: any[];
     columns: TableColumns;
+    /**
+     * Parameter for displaying a simple filter search box
+     */
     showFilter: boolean;
+    /**
+     * Parameter for specifying a label for filter
+     */
+    filterLabel: string;
+    /**
+     * Parameter for specifying a placeholder for filter
+     */
+    placeholder: string;
+    /**
+     * Parameter for displaying an item per page selector dropdown with the specified numbers
+     */
+    showItems: number[];
+    /**
+     * Parameter for setting how many items should be displayed by default
+     */
     itemsPerPage: number;
     updateTime: number;
     filterTime: number;
@@ -33,24 +52,24 @@ export declare class DynamicTableComponent implements AfterContentInit, AfterVie
     get items(): any[];
     rowTemplate: TemplateRef<any>;
     wrapperTemplate: TemplateRef<any>;
-    filterTemplate: TemplateRef<any>;
     columnsTemplate: TemplateRef<any>;
     defaultRowTemplate: TemplateRef<any>;
     defaultWrapperTemplate: TemplateRef<any>;
-    defaultFilterTemplate: TemplateRef<any>;
     protected pagination: PaginationDirective;
     protected templateDirectives: QueryList<DynamicTableTemplateDirective>;
-    private static compare;
-    constructor();
+    protected static compare(orderBy: string, a: PaginationItemContext, b: PaginationItemContext): number;
+    constructor(element: ElementRef<HTMLElement>);
+    setProperty(name: string, value: any): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     refresh(time?: number): void;
     setFilter(filter: string): void;
-    setOrder(column: string): void;
-    updateQuery(col: string, value: string): 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>;
-    private loadLocalData;
+    protected loadLocalData(page: number, rowsPerPage: number, orderBy: string, orderDescending: boolean, filter: string): Promise<IPaginationData>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicTableComponent, "dynamic-table", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dataLoader": { "alias": "dataLoader"; "required": false; }; "data": { "alias": "data"; "required": false; }; "page": { "alias": "page"; "required": false; }; "urlParam": { "alias": "urlParam"; "required": false; }; "parallelData": { "alias": "parallelData"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "updateTime": { "alias": "updateTime"; "required": false; }; "filterTime": { "alias": "filterTime"; "required": false; }; "maxPages": { "alias": "maxPages"; "required": false; }; "directionLinks": { "alias": "directionLinks"; "required": false; }; "boundaryLinks": { "alias": "boundaryLinks"; "required": false; }; "orderBy": { "alias": "orderBy"; "required": false; }; "orderDescending": { "alias": "orderDescending"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "titlePrefix": { "alias": "titlePrefix"; "required": false; }; }, {}, ["rowTemplate", "wrapperTemplate", "filterTemplate", "templateDirectives"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicTableComponent, "dynamic-table", never, { "dataLoader": { "alias": "dataLoader"; "required": false; }; "data": { "alias": "data"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "page": { "alias": "page"; "required": false; }; "urlParam": { "alias": "urlParam"; "required": false; }; "parallelData": { "alias": "parallelData"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showItems": { "alias": "showItems"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "updateTime": { "alias": "updateTime"; "required": false; }; "filterTime": { "alias": "filterTime"; "required": false; }; "maxPages": { "alias": "maxPages"; "required": false; }; "directionLinks": { "alias": "directionLinks"; "required": false; }; "boundaryLinks": { "alias": "boundaryLinks"; "required": false; }; "orderBy": { "alias": "orderBy"; "required": false; }; "orderDescending": { "alias": "orderDescending"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "titlePrefix": { "alias": "titlePrefix"; "required": false; }; }, {}, ["rowTemplate", "wrapperTemplate", "templateDirectives"], ["[table-features-before]", "[table-features-after]", "[table-top]", "[table-bottom]"], false, never>;
 }

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/dropdown-content.directive.d.ts

@@ -0,0 +1,22 @@
+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 {
+    protected vcr: ViewContainerRef;
+    protected rootElem: HTMLElement;
+    protected dropdown: DropdownDirective;
+    readonly templateRef: TemplateRef<any>;
+    protected subscription: Subscription;
+    protected lastPlacement: string;
+    protected cleanUp: () => void;
+    constructor(vcr: ViewContainerRef, rootElem: HTMLElement, dropdown: DropdownDirective, templateRef: TemplateRef<any>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected createView(init?: boolean): void;
+    protected destroyView(): void;
+    protected createWrapper(): HTMLDivElement;
+    initialize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownContentDirective, [null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownContentDirective, "[dropdownContent]", ["dropdown-content"], {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, ElementRef } from "@angular/core";
+import { DropdownDirective } from "./dropdown.directive";
+import { AsyncMethodBase } from "./async-method.base";
+import { AsyncMethod, IToasterService } from "../common-types";
+import * as i0 from "@angular/core";
+export declare class DropdownToggleDirective extends AsyncMethodBase {
+    readonly element: ElementRef;
+    readonly dropdown: DropdownDirective;
+    beforeOpen: AsyncMethod;
+    switch: boolean;
+    constructor(element: ElementRef, dropdown: DropdownDirective, toaster: IToasterService, cdr: ChangeDetectorRef);
+    protected getMethod(): AsyncMethod;
+    callMethod(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[dropdownToggle]", ["dropdown-toggle"], { "beforeOpen": { "alias": "beforeOpen"; "required": false; }; "switch": { "alias": "switch"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,56 @@
+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 content should be displayed in a fixed full screen view under this window width
+     * @default 0
+     */
+    mobileViewUnder: number;
+    /**
+     * Determines if the dropdown should react to keys to close like 'Esc'
+     * @default true
+     */
+    keyboardHandler: boolean;
+    onShown: EventEmitter<DropdownDirective>;
+    onHidden: EventEmitter<DropdownDirective>;
+    onKeyboard: EventEmitter<KeyboardEvent>;
+    contentElement: HTMLElement;
+    private readonly onClick;
+    private readonly onKeyDown;
+    get nativeElement(): HTMLElement;
+    get isOpened(): boolean;
+    get getDisabled(): boolean;
+    set isDisabled(value: boolean);
+    constructor(element: ElementRef<HTMLElement>);
+    ngOnDestroy(): void;
+    showEvent(): void;
+    hideEvent(): 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; }; "attachToRoot": { "alias": "attachToRoot"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; "mobileViewUnder": { "alias": "mobileViewUnder"; "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

@@ -26,6 +26,9 @@ import { ResizeEventPlugin } from "./plugins/resize-event.plugin";
 import { ScrollEventPlugin } from "./plugins/scroll-event.plugin";
 import { AsyncMethodBase } from "./directives/async-method.base";
 import { BackgroundDirective } from "./directives/background.directive";
+import { DropdownDirective } from "./directives/dropdown.directive";
+import { DropdownContentDirective } from "./directives/dropdown-content.directive";
+import { DropdownToggleDirective } from "./directives/dropdown-toggle.directive";
 import { DynamicTableTemplateDirective } from "./directives/dynamic-table-template.directive";
 import { GlobalTemplateDirective } from "./directives/global-template.directive";
 import { IconDirective } from "./directives/icon.directive";
@@ -40,17 +43,19 @@ import { UnorderedListTemplateDirective } from "./directives/unordered-list-temp
 import { FilterPipe } from "./pipes/filter.pipe";
 import { FormatNumberPipe } from "./pipes/format-number.pipe";
 import { GlobalTemplatePipe } from "./pipes/global-template.pipe";
+import { IncludesPipe } from "./pipes/includes.pipe";
 import { ReducePipe } from "./pipes/reduce.pipe";
 import { RoundPipe } from "./pipes/round.pipe";
 import { SafeHtmlPipe } from "./pipes/safe-html.pipe";
 import { TranslatePipe } from "./pipes/translate.pipe";
+import { DropdownBoxComponent } from "./components/dropdown-box/dropdown-box.component";
 import { DynamicTableComponent } from "./components/dynamic-table/dynamic-table.component";
 import { PaginationMenuComponent } from "./components/pagination-menu/pagination-menu.component";
 import { UnorderedListComponent } from "./components/unordered-list/unordered-list.component";
-export declare const pipes: (typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe)[];
-export declare const directives: (typeof AsyncMethodBase | typeof BackgroundDirective | typeof DynamicTableTemplateDirective | typeof GlobalTemplateDirective | typeof IconDirective | typeof NgxTemplateOutletDirective | typeof PaginationDirective | typeof PaginationItemDirective | typeof ResourceIfDirective | typeof StickyDirective | typeof StickyClassDirective | typeof UnorderedListItemDirective | typeof UnorderedListTemplateDirective)[];
-export declare const components: (typeof UnorderedListComponent | typeof DynamicTableComponent | typeof PaginationMenuComponent)[];
-export declare const providers: (typeof UniversalService | typeof StateService | typeof AuthGuard | typeof BaseHttpClient | typeof StorageService | typeof BaseHttpService | typeof WasmService | typeof AclService | typeof StaticAuthService | typeof ConfigService | typeof ErrorHandlerService | typeof EventsService | typeof FormatterService | typeof GlobalTemplateService | typeof IconService | typeof StaticLanguageService | typeof OpenApiService | typeof ConsoleToasterService | typeof TranslatedUrlSerializer | typeof PromiseService | typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe | typeof DeviceDetectorService | {
+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 DropdownDirective | typeof DropdownContentDirective | typeof DropdownToggleDirective | typeof DynamicTableTemplateDirective | typeof GlobalTemplateDirective | typeof IconDirective | typeof NgxTemplateOutletDirective | typeof PaginationDirective | typeof PaginationItemDirective | typeof ResourceIfDirective | typeof StickyDirective | typeof StickyClassDirective | typeof UnorderedListItemDirective | typeof UnorderedListTemplateDirective)[];
+export declare const components: (typeof DropdownBoxComponent | typeof DynamicTableComponent | typeof PaginationMenuComponent | typeof UnorderedListComponent)[];
+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 ErrorHandlerService | typeof EventsService | typeof FormatterService | typeof GlobalTemplateService | typeof IconService | typeof StaticLanguageService | typeof OpenApiService | typeof PromiseService | typeof StateService | typeof StorageService | typeof ConsoleToasterService | typeof TranslatedUrlSerializer | typeof UniversalService | typeof WasmService | typeof DeviceDetectorService | {
     provide: import("@angular/core").InjectionToken<import("@angular/platform-browser").EventManagerPlugin[]>;
     useClass: typeof ResizeEventPlugin;
     multi: boolean;

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

@@ -12,42 +12,47 @@ import * as i8 from "./pipes/get-type.pipe";
 import * as i9 from "./pipes/get-value.pipe";
 import * as i10 from "./pipes/global-template.pipe";
 import * as i11 from "./pipes/group-by.pipe";
-import * as i12 from "./pipes/is-type.pipe";
-import * as i13 from "./pipes/join.pipe";
-import * as i14 from "./pipes/keys.pipe";
-import * as i15 from "./pipes/map.pipe";
-import * as i16 from "./pipes/max.pipe";
-import * as i17 from "./pipes/min.pipe";
-import * as i18 from "./pipes/pop.pipe";
-import * as i19 from "./pipes/reduce.pipe";
-import * as i20 from "./pipes/remap.pipe";
-import * as i21 from "./pipes/replace.pipe";
-import * as i22 from "./pipes/reverse.pipe";
-import * as i23 from "./pipes/round.pipe";
-import * as i24 from "./pipes/safe-html.pipe";
-import * as i25 from "./pipes/shift.pipe";
-import * as i26 from "./pipes/split.pipe";
-import * as i27 from "./pipes/translate.pipe";
-import * as i28 from "./pipes/values.pipe";
-import * as i29 from "./directives/async-method.base";
-import * as i30 from "./directives/async-method.directive";
-import * as i31 from "./directives/background.directive";
-import * as i32 from "./directives/dynamic-table-template.directive";
-import * as i33 from "./directives/global-template.directive";
-import * as i34 from "./directives/icon.directive";
-import * as i35 from "./directives/ngx-template-outlet.directive";
-import * as i36 from "./directives/pagination.directive";
-import * as i37 from "./directives/pagination-item.directive";
-import * as i38 from "./directives/resource-if.directive";
-import * as i39 from "./directives/sticky.directive";
-import * as i40 from "./directives/sticky-class.directive";
-import * as i41 from "./directives/unordered-list-item.directive";
-import * as i42 from "./directives/unordered-list-template.directive";
-import * as i43 from "./components/dynamic-table/dynamic-table.component";
-import * as i44 from "./components/pagination-menu/pagination-menu.component";
-import * as i45 from "./components/unordered-list/unordered-list.component";
-import * as i46 from "@angular/common";
-import * as i47 from "@angular/forms";
+import * as i12 from "./pipes/includes.pipe";
+import * as i13 from "./pipes/is-type.pipe";
+import * as i14 from "./pipes/join.pipe";
+import * as i15 from "./pipes/keys.pipe";
+import * as i16 from "./pipes/map.pipe";
+import * as i17 from "./pipes/max.pipe";
+import * as i18 from "./pipes/min.pipe";
+import * as i19 from "./pipes/pop.pipe";
+import * as i20 from "./pipes/reduce.pipe";
+import * as i21 from "./pipes/remap.pipe";
+import * as i22 from "./pipes/replace.pipe";
+import * as i23 from "./pipes/reverse.pipe";
+import * as i24 from "./pipes/round.pipe";
+import * as i25 from "./pipes/safe-html.pipe";
+import * as i26 from "./pipes/shift.pipe";
+import * as i27 from "./pipes/split.pipe";
+import * as i28 from "./pipes/translate.pipe";
+import * as i29 from "./pipes/values.pipe";
+import * as i30 from "./directives/async-method.base";
+import * as i31 from "./directives/async-method.directive";
+import * as i32 from "./directives/background.directive";
+import * as i33 from "./directives/dropdown.directive";
+import * as i34 from "./directives/dropdown-content.directive";
+import * as i35 from "./directives/dropdown-toggle.directive";
+import * as i36 from "./directives/dynamic-table-template.directive";
+import * as i37 from "./directives/global-template.directive";
+import * as i38 from "./directives/icon.directive";
+import * as i39 from "./directives/ngx-template-outlet.directive";
+import * as i40 from "./directives/pagination.directive";
+import * as i41 from "./directives/pagination-item.directive";
+import * as i42 from "./directives/resource-if.directive";
+import * as i43 from "./directives/sticky.directive";
+import * as i44 from "./directives/sticky-class.directive";
+import * as i45 from "./directives/unordered-list-item.directive";
+import * as i46 from "./directives/unordered-list-template.directive";
+import * as i47 from "./components/dropdown-box/dropdown-box.component";
+import * as i48 from "./components/dynamic-table/dynamic-table.component";
+import * as i49 from "./components/pagination-menu/pagination-menu.component";
+import * as i50 from "./components/unordered-list/unordered-list.component";
+import * as i51 from "@angular/common";
+import * as i52 from "@angular/forms";
 export declare function loadBaseUrl(): string;
 export declare function loadBaseHref(baseUrl: string): string;
 export declare class NgxUtilsModule {
@@ -56,6 +61,6 @@ export declare class NgxUtilsModule {
     static provideUtils(config?: IModuleConfig): EnvironmentProviders;
     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.IsTypePipe, typeof i13.JoinPipe, typeof i14.KeysPipe, typeof i15.MapPipe, typeof i16.MaxPipe, typeof i17.MinPipe, typeof i18.PopPipe, typeof i19.ReducePipe, typeof i20.RemapPipe, typeof i21.ReplacePipe, typeof i22.ReversePipe, typeof i23.RoundPipe, typeof i24.SafeHtmlPipe, typeof i25.ShiftPipe, typeof i26.SplitPipe, typeof i27.TranslatePipe, typeof i28.ValuesPipe, typeof i29.AsyncMethodBase, typeof i30.AsyncMethodDirective, typeof i31.BackgroundDirective, typeof i32.DynamicTableTemplateDirective, typeof i33.GlobalTemplateDirective, typeof i34.IconDirective, typeof i35.NgxTemplateOutletDirective, typeof i36.PaginationDirective, typeof i37.PaginationItemDirective, typeof i38.ResourceIfDirective, typeof i39.StickyDirective, typeof i40.StickyClassDirective, typeof i41.UnorderedListItemDirective, typeof i42.UnorderedListTemplateDirective, typeof i43.DynamicTableComponent, typeof i44.PaginationMenuComponent, typeof i45.UnorderedListComponent], [typeof i46.CommonModule, typeof i47.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.IsTypePipe, typeof i13.JoinPipe, typeof i14.KeysPipe, typeof i15.MapPipe, typeof i16.MaxPipe, typeof i17.MinPipe, typeof i18.PopPipe, typeof i19.ReducePipe, typeof i20.RemapPipe, typeof i21.ReplacePipe, typeof i22.ReversePipe, typeof i23.RoundPipe, typeof i24.SafeHtmlPipe, typeof i25.ShiftPipe, typeof i26.SplitPipe, typeof i27.TranslatePipe, typeof i28.ValuesPipe, typeof i29.AsyncMethodBase, typeof i30.AsyncMethodDirective, typeof i31.BackgroundDirective, typeof i32.DynamicTableTemplateDirective, typeof i33.GlobalTemplateDirective, typeof i34.IconDirective, typeof i35.NgxTemplateOutletDirective, typeof i36.PaginationDirective, typeof i37.PaginationItemDirective, typeof i38.ResourceIfDirective, typeof i39.StickyDirective, typeof i40.StickyClassDirective, typeof i41.UnorderedListItemDirective, typeof i42.UnorderedListTemplateDirective, typeof i43.DynamicTableComponent, typeof i44.PaginationMenuComponent, typeof i45.UnorderedListComponent, typeof i47.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.DropdownDirective, typeof i34.DropdownContentDirective, typeof i35.DropdownToggleDirective, typeof i36.DynamicTableTemplateDirective, typeof i37.GlobalTemplateDirective, typeof i38.IconDirective, typeof i39.NgxTemplateOutletDirective, typeof i40.PaginationDirective, typeof i41.PaginationItemDirective, typeof i42.ResourceIfDirective, typeof i43.StickyDirective, typeof i44.StickyClassDirective, typeof i45.UnorderedListItemDirective, typeof i46.UnorderedListTemplateDirective, typeof i47.DropdownBoxComponent, typeof i48.DynamicTableComponent, typeof i49.PaginationMenuComponent, typeof i50.UnorderedListComponent], [typeof i51.CommonModule, typeof i52.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.DropdownDirective, typeof i34.DropdownContentDirective, typeof i35.DropdownToggleDirective, typeof i36.DynamicTableTemplateDirective, typeof i37.GlobalTemplateDirective, typeof i38.IconDirective, typeof i39.NgxTemplateOutletDirective, typeof i40.PaginationDirective, typeof i41.PaginationItemDirective, typeof i42.ResourceIfDirective, typeof i43.StickyDirective, typeof i44.StickyClassDirective, typeof i45.UnorderedListItemDirective, typeof i46.UnorderedListTemplateDirective, typeof i47.DropdownBoxComponent, typeof i48.DynamicTableComponent, typeof i49.PaginationMenuComponent, typeof i50.UnorderedListComponent, typeof i52.FormsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxUtilsModule>;
 }

package/ngx-utils/pipes/includes.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare function defaultFilter(): boolean;
+export declare class IncludesPipe implements PipeTransform {
+    transform(array: any, ...values: any[]): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IncludesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IncludesPipe, "includes", false>;
+}

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

@@ -0,0 +1 @@
+export declare function getCssVariables(elem: HTMLElement): Record<string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stemy/ngx-utils",
-  "version": "17.2.1",
+  "version": "17.3.0",
   "license": "MIT",
   "public": true,
   "repository": "https://github.com/stemyke/ngx-utils.git",
@@ -22,6 +22,7 @@
     "moment": "^2.27.0",
     "invokable": "^1.0.3",
     "ngx-device-detector": "^5.0.1",
+    "@floating-ui/dom": "^1.6.13",
     "json5": "^2.2.3"
   },
   "main": "dist/bundles/stemy-ngx-utils.umd.js",

package/public_api.d.ts

@@ -14,6 +14,7 @@ export { JSONfn } from "./ngx-utils/utils/jsonfn";
 export { ReflectUtils } from "./ngx-utils/utils/reflect.utils";
 export { LoaderUtils } from "./ngx-utils/utils/loader.utils";
 export { MathUtils } from "./ngx-utils/utils/math.utils";
+export { getCssVariables } from "./ngx-utils/utils/misc";
 export { ObjectUtils } from "./ngx-utils/utils/object.utils";
 export { ObservableUtils, ISubscriberInfo } from "./ngx-utils/utils/observable.utils";
 export { CancelablePromise, cancelablePromise, impatientPromise } from "./ngx-utils/utils/promise.utils";
@@ -58,6 +59,7 @@ export { GetTypePipe } from "./ngx-utils/pipes/get-type.pipe";
 export { GetValuePipe } from "./ngx-utils/pipes/get-value.pipe";
 export { GlobalTemplatePipe } from "./ngx-utils/pipes/global-template.pipe";
 export { GroupByPipe } from "./ngx-utils/pipes/group-by.pipe";
+export { IncludesPipe } from "./ngx-utils/pipes/includes.pipe";
 export { IsTypePipe } from "./ngx-utils/pipes/is-type.pipe";
 export { JoinPipe } from "./ngx-utils/pipes/join.pipe";
 export { KeysPipe } from "./ngx-utils/pipes/keys.pipe";
@@ -78,6 +80,9 @@ export { ValuesPipe } from "./ngx-utils/pipes/values.pipe";
 export { AsyncMethodBase } from "./ngx-utils/directives/async-method.base";
 export { AsyncMethodDirective } from "./ngx-utils/directives/async-method.directive";
 export { BackgroundDirective } from "./ngx-utils/directives/background.directive";
+export { DropdownDirective } from "./ngx-utils/directives/dropdown.directive";
+export { DropdownContentDirective } from "./ngx-utils/directives/dropdown-content.directive";
+export { DropdownToggleDirective } from "./ngx-utils/directives/dropdown-toggle.directive";
 export { DynamicTableTemplateDirective } from "./ngx-utils/directives/dynamic-table-template.directive";
 export { GlobalTemplateDirective } from "./ngx-utils/directives/global-template.directive";
 export { IconDirective } from "./ngx-utils/directives/icon.directive";
@@ -90,6 +95,7 @@ export { StickyClassDirective } from "./ngx-utils/directives/sticky-class.direct
 export { UnorderedListItemDirective } from "./ngx-utils/directives/unordered-list-item.directive";
 export { UnorderedListTemplateDirective } from "./ngx-utils/directives/unordered-list-template.directive";
 export { UnorderedListComponent } from "./ngx-utils/components/unordered-list/unordered-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 { PaginationMenuComponent } from "./ngx-utils/components/pagination-menu/pagination-menu.component";
 export { NgxUtilsModule } from "./ngx-utils/ngx-utils.module";