@stemy/ngx-utils 19.3.5 → 19.4.0

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, LoadChildrenCallback, Route, Routes, UrlTree } from "@angular/router";
 import { Request } from "express";
@@ -189,6 +189,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/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-toggle.directive.d.ts

@@ -7,9 +7,10 @@ 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; }; }, {}, never, never, false, 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

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
-import { AutoPlacementOptions, Placement } from "@floating-ui/dom";
+import { AutoPlacementOptions, Boundary, 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,13 @@ 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;
+    /**
+     * Determines the boundary element of the floating element when shifting
+     */
+    boundary: Boundary;
     /**
      * Where to place the floating element relative to the reference element.
      */
@@ -52,5 +57,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; }; "boundary": { "alias": "boundary"; "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

@@ -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 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 | typeof DeviceDetectorService | {
+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 | {
     provide: import("@angular/core").InjectionToken<import("@angular/platform-browser").EventManagerPlugin[]>;
     useClass: typeof DragDropEventPlugin;
     multi: boolean;

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

@@ -59,6 +59,7 @@ 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 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": "19.3.5",
+  "version": "19.4.0",
   "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, IDialogButtonConfig, IDialogConfig, IConfirmDialogConfig, IDialogService, DIALOG_SERVICE, IPromiseService, PROMISE_SERVICE, IWasi, IWasmExports, IWasm, IWasmAsync, WASI_IMPLEMENTATION, IRouteStateInfo, NavigationUrlParam, StorageMode, ToastType, IToasterService, TOASTER_SERVICE, IAsyncMessage, AsyncMethod, UnorderedListTemplate, UnorderedListTemplates, UnorderedListStyle, IFileUploadProcess, IFileUploadResult, 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, TableFilterType, ITableOrders, ITableColumn, ITableColumns, TableColumns, ITableTemplate, ITableTemplates, ITableDataQuery, TableDataLoader, DragDropEvent, DragEventHandler, ITableDragEvent, DynamicTableDragHandler, ResourceIfContext, CssSelector, CssSelectorList, DynamicComponentLocation, DynamicModuleInfo, DynamicEntryComponents, 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, IDialogButtonConfig, IDialogConfig, IConfirmDialogConfig, IDialogService, DIALOG_SERVICE, IPromiseService, PROMISE_SERVICE, IWasi, IWasmExports, IWasm, IWasmAsync, WASI_IMPLEMENTATION, IRouteStateInfo, NavigationUrlParam, StorageMode, ToastType, IToasterService, TOASTER_SERVICE, IAsyncMessage, AsyncMethod, DropdownAttachTo, UnorderedListTemplate, UnorderedListTemplates, UnorderedListStyle, IFileUploadProcess, IFileUploadResult, 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, TableFilterType, ITableOrders, ITableColumn, ITableColumns, TableColumns, ITableTemplate, ITableTemplates, ITableDataQuery, TableDataLoader, DragDropEvent, DragEventHandler, ITableDragEvent, DynamicTableDragHandler, ResourceIfContext, CssSelector, CssSelectorList, DynamicComponentLocation, DynamicModuleInfo, DynamicEntryComponents, 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";