@stemy/ngx-utils 17.3.0 → 17.3.2

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

@@ -1,4 +1,4 @@
-import { EventEmitter, InjectionToken, Injector, NgZone, Provider, TemplateRef, Type } from "@angular/core";
+import { ElementRef, EventEmitter, InjectionToken, Injector, NgZone, Provider, TemplateRef, Type } from "@angular/core";
 import { HttpClient, HttpErrorResponse, HttpHeaders } from "@angular/common/http";
 import { ActivatedRouteSnapshot, Data, Route, UrlTree } from "@angular/router";
 import { Request } from "express";
@@ -145,6 +145,7 @@ export interface IAsyncMessage {
     context?: any;
 }
 export type AsyncMethod = (context?: any) => Promise<IAsyncMessage>;
+export type DropdownAttachTo = "root" | HTMLElement | ElementRef<HTMLElement> | null;
 export interface UnorderedListTemplate {
     readonly type: string;
     readonly selector: string;

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

@@ -2,6 +2,7 @@ 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 { DropdownAttachTo } from "../../common-types";
 import * as i0 from "@angular/core";
 export declare class DropdownBoxComponent implements AfterViewInit, OnChanges {
     /**
@@ -9,9 +10,9 @@ export declare class DropdownBoxComponent implements AfterViewInit, OnChanges {
      */
     closeInside: boolean;
     /**
-     * Determines if the floating element needs to be placed in the root node or keep where it was before
+     * Determines where the floating element needs to be placed
      */
-    attachToRoot: boolean;
+    attachTo: DropdownAttachTo;
     /**
      * Where to place the floating element relative to the reference element.
      */
@@ -51,5 +52,5 @@ export declare class DropdownBoxComponent implements AfterViewInit, OnChanges {
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownBoxComponent, "dropdown-box", never, { "closeInside": { "alias": "closeInside"; "required": false; }; "attachTo": { "alias": "attachTo"; "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/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

@@ -8,6 +8,8 @@ export declare class DropdownContentDirective implements OnInit, OnDestroy {
     protected dropdown: DropdownDirective;
     readonly templateRef: TemplateRef<any>;
     protected subscription: Subscription;
+    protected attachTo: HTMLElement;
+    protected attachOutside: boolean;
     protected lastPlacement: string;
     protected cleanUp: () => void;
     constructor(vcr: ViewContainerRef, rootElem: HTMLElement, dropdown: DropdownDirective, templateRef: TemplateRef<any>);
@@ -15,7 +17,8 @@ export declare class DropdownContentDirective implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     protected createView(init?: boolean): void;
     protected destroyView(): void;
-    protected createWrapper(): HTMLDivElement;
+    protected whereToAttach(): HTMLElement;
+    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.directive.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
 import { AutoPlacementOptions, Placement } from "@floating-ui/dom";
+import { DropdownAttachTo } from "../common-types";
 import * as i0 from "@angular/core";
 export declare class DropdownDirective implements OnDestroy {
     protected element: ElementRef<HTMLElement>;
@@ -11,9 +12,9 @@ export declare class DropdownDirective implements OnDestroy {
      */
     closeInside: boolean;
     /**
-     * Determines if the floating element needs to be placed in the root node or keep where it was before
+     * Determines where the floating element needs to be placed
      */
-    attachToRoot: boolean;
+    attachTo: DropdownAttachTo;
     /**
      * Where to place the floating element relative to the reference element.
      */
@@ -52,5 +53,5 @@ export declare class DropdownDirective implements OnDestroy {
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[dd],[drop-down]", ["dropdown"], { "closeInside": { "alias": "closeInside"; "required": false; }; "attachTo": { "alias": "attachTo"; "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

@@ -53,7 +53,7 @@ import { DynamicTableComponent } from "./components/dynamic-table/dynamic-table.
 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 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 directives: (typeof DropdownContentDirective | typeof AsyncMethodBase | typeof BackgroundDirective | typeof DropdownDirective | 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[]>;

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

@@ -55,6 +55,7 @@ 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 function getRootElement(): HTMLElement;
 export declare class NgxUtilsModule {
     private static getProviders;
     static forRoot(config?: IModuleConfig): ModuleWithProviders<NgxUtilsModule>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stemy/ngx-utils",
-  "version": "17.3.0",
+  "version": "17.3.2",
   "license": "MIT",
   "public": true,
   "repository": "https://github.com/stemyke/ngx-utils.git",

package/public_api.d.ts

@@ -1,4 +1,4 @@
-export { TypedFactoryProvider, TypedValueProvider, CachedProvider, CachedFactory, OPTIONS_TOKEN, IResolveFactory, CanvasColor, IIconService, ICON_SERVICE, ITranslation, ITranslations, ILanguageSetting, ILanguageSettings, ILanguageService, LANGUAGE_SERVICE, IAuthService, RouteValidator, IRouteData, IRoute, AUTH_SERVICE, IAclComponent, IPromiseService, PROMISE_SERVICE, IWasi, IWasmExports, IWasm, IWasmAsync, WASI_IMPLEMENTATION, IRouteStateInfo, NavigationUrlParam, StorageMode, IToasterService, TOASTER_SERVICE, IAsyncMessage, AsyncMethod, UnorderedListTemplate, UnorderedListTemplates, UnorderedListStyle, IAjaxRequestDetails, AjaxRequestCallback, ScriptType, IScriptPromises, IStylePromises, ISearchObservable, FactoryDependencies, ObjectType, ITimer, IExtraProperties, IGroupMap, TranslationQuery, IPageInfo, IPaginationData, PaginationDataLoader, PaginationItemContext, IHttpHeaders, IHttpParams, IRequestOptions, IIssueContext, IProgress, ProgressListener, PromiseExecutor, HttpPromise, IHttpService, EXPRESS_REQUEST, IApiService, API_SERVICE, IOpenApiSchemaProperty, IOpenApiSchema, IOpenApiSchemas, ITableOrders, ITableColumn, ITableColumns, TableColumns, ITableTemplate, ITableTemplates, ITableDataQuery, TableDataLoader, ResourceIfContext, APP_BASE_URL, IConfiguration, IConfigService, CONFIG_SERVICE, BASE_CONFIG, SCRIPT_PARAMS, ROOT_ELEMENT, RESIZE_DELAY, ResizeEventStrategy, RESIZE_STRATEGY, ErrorHandlerCallback, ERROR_HANDLER, GlobalComponentModifier, AppInitializerFunc, IModuleConfig, ValuedPromise } from "./ngx-utils/common-types";
+export { TypedFactoryProvider, TypedValueProvider, CachedProvider, CachedFactory, OPTIONS_TOKEN, IResolveFactory, CanvasColor, IIconService, ICON_SERVICE, ITranslation, ITranslations, ILanguageSetting, ILanguageSettings, ILanguageService, LANGUAGE_SERVICE, IAuthService, RouteValidator, IRouteData, IRoute, AUTH_SERVICE, IAclComponent, IPromiseService, PROMISE_SERVICE, IWasi, IWasmExports, IWasm, IWasmAsync, WASI_IMPLEMENTATION, IRouteStateInfo, NavigationUrlParam, StorageMode, IToasterService, TOASTER_SERVICE, IAsyncMessage, AsyncMethod, DropdownAttachTo, UnorderedListTemplate, UnorderedListTemplates, UnorderedListStyle, IAjaxRequestDetails, AjaxRequestCallback, ScriptType, IScriptPromises, IStylePromises, ISearchObservable, FactoryDependencies, ObjectType, ITimer, IExtraProperties, IGroupMap, TranslationQuery, IPageInfo, IPaginationData, PaginationDataLoader, PaginationItemContext, IHttpHeaders, IHttpParams, IRequestOptions, IIssueContext, IProgress, ProgressListener, PromiseExecutor, HttpPromise, IHttpService, EXPRESS_REQUEST, IApiService, API_SERVICE, IOpenApiSchemaProperty, IOpenApiSchema, IOpenApiSchemas, ITableOrders, ITableColumn, ITableColumns, TableColumns, ITableTemplate, ITableTemplates, ITableDataQuery, TableDataLoader, ResourceIfContext, APP_BASE_URL, IConfiguration, IConfigService, CONFIG_SERVICE, BASE_CONFIG, SCRIPT_PARAMS, ROOT_ELEMENT, RESIZE_DELAY, ResizeEventStrategy, RESIZE_STRATEGY, ErrorHandlerCallback, ERROR_HANDLER, GlobalComponentModifier, AppInitializerFunc, IModuleConfig, ValuedPromise } from "./ngx-utils/common-types";
 export { AjaxRequestHandler } from "./ngx-utils/utils/ajax-request-handler";
 export { ArrayUtils } from "./ngx-utils/utils/array.utils";
 export { AuthGuard } from "./ngx-utils/utils/auth.guard";