@stemy/ngx-utils 19.3.5 → 19.4.1

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";
@@ -188,7 +188,8 @@ export interface IAsyncMessage {
     message: string;
     context?: any;
 }
-export type AsyncMethod = (context?: any) => Promise<IAsyncMessage>;
+export type AsyncMethod = (context?: any, ev?: MouseEvent) => Promise<IAsyncMessage>;
+export type DropdownAttachTo = "root" | HTMLElement | ElementRef<HTMLElement> | null;
 export interface UnorderedListTemplate {
     readonly type: string;
     readonly selector: string;
@@ -198,12 +199,14 @@ export interface UnorderedListTemplates {
     [type: string]: TemplateRef<any>;
 }
 export type UnorderedListStyle = "table" | "list";
+export type UploadType = string | Blob;
 export interface IFileUploadResult {
     _id?: string;
     id?: string;
     contentType?: string;
     createdAt?: Date;
     filename?: string;
+    file?: Blob;
 }
 export interface IFileUploadProcess {
     file: File;

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/components/upload/upload.component.d.ts

@@ -1,14 +1,15 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, TemplateRef } from "@angular/core";
 import { ControlValueAccessor } from "@angular/forms";
-import { IApiService, IFileUploadProcess, IFileUploadResult, IToasterService } from "../../common-types";
+import { IApiService, IFileUploadProcess, IFileUploadResult, IToasterService, UploadType } from "../../common-types";
 import { BaseHttpClient } from "../../services/base-http.client";
 import * as i0 from "@angular/core";
 export declare class UploadComponent implements ControlValueAccessor, OnChanges {
     private cdr;
     private api;
     private toaster;
-    value: string | string[];
+    value: UploadType | UploadType[];
     disabled: boolean;
+    inline: boolean;
     accept: string | string[];
     baseUrl: string;
     message: string;
@@ -17,7 +18,7 @@ export declare class UploadComponent implements ControlValueAccessor, OnChanges
     makeUpload: (f: File) => any;
     preProcess: (f: File) => boolean;
     onUploaded: EventEmitter<IFileUploadResult[]>;
-    onRemove: EventEmitter<string[]>;
+    onRemove: EventEmitter<UploadType[]>;
     acceptAttr: string;
     isImage: boolean;
     dropAllowed: boolean;
@@ -26,7 +27,7 @@ export declare class UploadComponent implements ControlValueAccessor, OnChanges
     onTouched: Function;
     remove: (index?: number) => void;
     uploadButton: TemplateRef<any>;
-    protected fileImageCache: any[];
+    protected fileImageCache: Map<Blob, string>;
     protected acceptTypes: string[];
     get http(): BaseHttpClient;
     constructor(cdr: ChangeDetectorRef, api: IApiService, toaster: IToasterService);
@@ -35,7 +36,7 @@ export declare class UploadComponent implements ControlValueAccessor, OnChanges
     ngOnChanges(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    writeValue(value: string | string[]): void;
+    writeValue(value: UploadType | UploadType[]): void;
     setDisabledState(val: boolean): void;
     onInputClick(ev: MouseEvent): void;
     onInputChange(ev: Event): void;
@@ -43,5 +44,5 @@ export declare class UploadComponent implements ControlValueAccessor, OnChanges
     getBgUrl(image: any): string;
     processFiles(files: File[]): Promise<IFileUploadResult[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "upload", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "baseUrl": { "alias": "baseUrl"; "required": false; }; "message": { "alias": "message"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "makeUpload": { "alias": "makeUpload"; "required": false; }; "preProcess": { "alias": "preProcess"; "required": false; }; }, { "onUploaded": "onUploaded"; "onRemove": "onRemove"; }, ["uploadButton"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "upload", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "baseUrl": { "alias": "baseUrl"; "required": false; }; "message": { "alias": "message"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "makeUpload": { "alias": "makeUpload"; "required": false; }; "preProcess": { "alias": "preProcess"; "required": false; }; }, { "onUploaded": "onUploaded"; "onRemove": "onRemove"; }, ["uploadButton"], never, false, never>;
 }

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

@@ -14,8 +14,8 @@ export declare class AsyncMethodBase implements OnChanges {
     constructor(toaster: IToasterService, cdr: ChangeDetectorRef);
     protected getMethod(): AsyncMethod;
     ngOnChanges(): void;
-    click(ev: Event): boolean;
-    callMethod(): boolean;
+    click(ev: MouseEvent): boolean;
+    callMethod(ev: MouseEvent): 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-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;
+    callMethod(ev: MouseEvent): 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/directives/pagination.directive.d.ts

@@ -1,8 +1,10 @@
-import { EventEmitter, NgZone, OnChanges, SimpleChanges } from "@angular/core";
+import { ElementRef, EventEmitter, NgZone, OnChanges, Renderer2, SimpleChanges } from "@angular/core";
 import { PaginationDataLoader } from "../common-types";
 import * as i0 from "@angular/core";
 export declare class PaginationDirective implements OnChanges {
-    private zone;
+    readonly zone: NgZone;
+    readonly renderer: Renderer2;
+    readonly element: ElementRef;
     get total(): number;
     get items(): any[];
     loader: PaginationDataLoader;
@@ -15,7 +17,7 @@ export declare class PaginationDirective implements OnChanges {
     maxPage: number;
     private data;
     private updateTimer;
-    constructor(zone: NgZone);
+    constructor(zone: NgZone, renderer: Renderer2, element: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
     refresh(time?: number): void;
     paginate(page: number): void;

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

@@ -61,7 +61,7 @@ import { UnorderedListComponent } from "./components/unordered-list/unordered-li
 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 components: (typeof UploadComponent | typeof DropListComponent | typeof DynamicTableComponent | typeof FakeModuleComponent | typeof PaginationMenuComponent | typeof UnorderedListComponent)[];
 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 | {
     provide: import("@angular/core").InjectionToken<import("@angular/platform-browser").EventManagerPlugin[]>;
     useClass: typeof DragDropEventPlugin;

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.1",
   "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, UploadType, IFileUploadResult, IFileUploadProcess, 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";