@acorex/components 7.17.15 → 7.17.17

package/number-box/lib/number-box.component.d.ts

@@ -75,6 +75,6 @@ export declare class AXNumberBoxComponent extends AXNumberBoxComponent_base impl
     decimalStepDown(u?: boolean): void;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "7.17.15",
+  "version": "7.17.17",
   "sideEffects": false,
   "peerDependencies": {
     "@angular/common": ">=17.0.3",

package/page/lib/base-page.class.d.ts

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
 export declare class AXBasePageComponent extends MXBaseComponent implements OnDestroy {
     private _loadingId;
     private _loadingService;
+    setTitle: (title: string) => void;
     footer: AXDecoratorGenericComponent;
     isLoadingChange: EventEmitter<boolean>;
     private _isLoading;

package/password-box/lib/password-box.component.d.ts

@@ -24,6 +24,6 @@ export declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base
     toggleType(): void;
     get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
 }
 export {};

package/select-box/lib/select-box.component.d.ts

@@ -1,8 +1,9 @@
-import { AXDataSource, AXValueChangedEvent, MXLookComponent, MXSelectionValueComponent, MXSelectionBridgeService } from '@acorex/components/common';
+import { AXDataSource, AXValueChangedEvent, MXLookComponent, MXSelectionBridgeService, MXSelectionValueComponent } from '@acorex/components/common';
 import { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';
 import { AXListComponent } from '@acorex/components/list';
 import { AXSearchBoxComponent } from '@acorex/components/search-box';
-import { AfterViewInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 declare const AXSelectBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, typeof MXSelectionValueComponent, typeof MXLookComponent]>;
 /**
@@ -10,7 +11,8 @@ declare const AXSelectBoxComponent_base: import("polytype").Polytype.ClusteredCo
  *
  * @category Components
  */
-export declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements AfterViewInit {
+export declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements AfterViewInit, OnDestroy {
+    private hotKeyService;
     isLoading: boolean;
     protected renderList: boolean;
     protected dropdownSizes: {
@@ -25,16 +27,21 @@ export declare class AXSelectBoxComponent extends AXSelectBoxComponent_base impl
     itemTemplate: TemplateRef<unknown>;
     emptyTemplate: TemplateRef<unknown>;
     loadingTemplate: TemplateRef<unknown>;
+    panel: ElementRef<HTMLDivElement>;
     list: AXListComponent;
     searchBox: AXSearchBoxComponent;
     protected dropdown: AXDropdownBoxComponent;
     protected autoHeight: boolean;
     protected defaultActionSheetTitle: string;
     selectionService: MXSelectionBridgeService;
+    searchEvent: Observable<unknown>;
+    private _unsubscriber;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     getItemByKey(key: unknown): Promise<unknown> | unknown;
     protected _handleOnOpenedEvent(): void;
     protected _handleOnClosedEvent(): void;
+    protected _handleFocus(): void;
     protected _handleBadgeRemove(e: MouseEvent, item: any): void;
     protected _handleValueChanged(e: AXValueChangedEvent): void;
     internalValueChanged(): void;

package/side-menu/lib/side-menu.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXSideMenuComponent extends MXBaseComponent implements OnInit {
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuComponent, "ax-side-menu", never, {}, {}, never, ["ax-side-menu-item,ng-container,ng-content"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuComponent, "ax-side-menu", never, {}, {}, never, ["ax-side-menu-item,ax-title,ng-container,ng-content"], false, never>;
 }

package/text-area/lib/text-area.component.d.ts

@@ -9,11 +9,12 @@ declare const AXTextAreaComponent_base: import("polytype").Polytype.ClusteredCon
 export declare class AXTextAreaComponent extends AXTextAreaComponent_base {
     input: ElementRef<HTMLInputElement>;
     rows: number;
+    allowResize: boolean;
     showCounter: boolean;
     maxLength: number;
     protected _handleModelChange(value: string | null): void;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], false, never>;
 }
 export {};

package/text-box/lib/text-box.component.d.ts

@@ -28,6 +28,6 @@ export declare class AXTextBoxComponent extends AXTextBoxComponent_base implemen
     protected _handleModelChange(value: string | null): void;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "maskOptions": { "alias": "mask-options"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "maskOptions": { "alias": "mask-options"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
 }
 export {};

package/uploader/index.d.ts

@@ -1,3 +1,5 @@
+export * from './lib/uploader-browse-handle.directive';
+export * from './lib/uploader-dialog-container.component';
 export * from './lib/uploader-drop-zone.component';
 export * from './lib/uploader-list.component';
 export * from './lib/uploader-zone.directive';

package/uploader/lib/uploader-browse-handle.directive.d.ts

@@ -0,0 +1,11 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXUploaderBrowseDirective implements OnInit, OnDestroy {
+    private uploaderZone;
+    private elemenrRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private handleClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderBrowseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXUploaderBrowseDirective, "[axUploaderBrowseHandle]", never, {}, {}, never, never, false, never>;
+}

package/uploader/lib/uploader-dialog-container.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class AXUploaderDialogContainerComponent {
+    private parent;
+    isCollapsed: boolean;
+    close(): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderDialogContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXUploaderDialogContainerComponent, "ax-uploader-dialog-container", never, {}, {}, never, never, false, never>;
+}

package/uploader/lib/uploader-list.component.d.ts

@@ -1,14 +1,8 @@
-import { MXBaseComponent } from '@acorex/components/common';
 import { AXUploaderService } from './uploader.service';
+import { AXBasePageComponent } from '@acorex/components/page';
 import * as i0 from "@angular/core";
-export declare class AXUploaderListComponent extends MXBaseComponent {
-    leftTime: number;
-    isCollapsed: boolean;
+export declare class AXUploaderListComponent extends AXBasePageComponent {
     protected uploadService: AXUploaderService;
-    constructor();
-    upload(file: File): void;
-    toggle(): void;
-    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXUploaderListComponent, "ax-uploader-list", never, {}, {}, never, never, false, never>;
 }

package/uploader/lib/uploader-zone.directive.d.ts

@@ -16,6 +16,7 @@ export declare class AXUploaderZoneDirective implements OnDestroy {
     private handleDragOver;
     private createZone;
     private removeZone;
+    browser(): void;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderZoneDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXUploaderZoneDirective, "[axUploaderZone]", never, { "multiple": { "alias": "multiple"; "required": false; }; }, {}, never, never, false, never>;

package/uploader/lib/uploader.models.d.ts

@@ -1,11 +1,19 @@
-export type AXUploadStatus = 'new' | 'inprogress' | 'completed' | 'faild' | 'canceled';
+export type AXUploadStatus = 'new' | 'inprogress' | 'completed' | 'failed' | 'canceled';
 export declare class AXUploadRequest {
     private file;
     get name(): string;
+    get ext(): string;
     get size(): number;
     readonly progress: import("@angular/core").WritableSignal<number>;
+    readonly estimateTime: import("@angular/core").WritableSignal<number>;
     readonly status: import("@angular/core").WritableSignal<AXUploadStatus>;
+    private startTime;
+    private bytesTransferred;
+    private uploadSpeed;
+    private interval;
+    private intervalId;
     constructor(file: File);
+    private estimateTimeRemaining;
     upload(): Promise<void>;
     cancel(): Promise<void>;
 }

package/uploader/lib/uploader.module.d.ts

@@ -2,18 +2,21 @@ import * as i0 from "@angular/core";
 import * as i1 from "./uploader-drop-zone.component";
 import * as i2 from "./uploader-list.component";
 import * as i3 from "./uploader-zone.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/common/http";
-import * as i6 from "@acorex/components/decorators";
-import * as i7 from "@acorex/components/button";
-import * as i8 from "@acorex/core/translation";
-import * as i9 from "@acorex/components/progress-bar";
-import * as i10 from "@acorex/core/format";
-import * as i11 from "@acorex/core/file";
-import * as i12 from "@acorex/core/dateTime";
-import * as i13 from "@acorex/components/circular-progress";
+import * as i4 from "./uploader-browse-handle.directive";
+import * as i5 from "./uploader-dialog-container.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/common/http";
+import * as i8 from "@acorex/components/decorators";
+import * as i9 from "@acorex/components/button";
+import * as i10 from "@acorex/core/translation";
+import * as i11 from "@acorex/components/progress-bar";
+import * as i12 from "@acorex/core/format";
+import * as i13 from "@acorex/core/file";
+import * as i14 from "@acorex/core/dateTime";
+import * as i15 from "@acorex/components/circular-progress";
+import * as i16 from "@acorex/components/popup";
 export declare class AXUploaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXUploaderModule, [typeof i1.AXUploaderDropZoneComponent, typeof i2.AXUploaderListComponent, typeof i3.AXUploaderZoneDirective], [typeof i4.CommonModule, typeof i5.HttpClientModule, typeof i6.AXDecoratorModule, typeof i7.AXButtonModule, typeof i8.AXTranslationModule, typeof i9.AXProgressBarModule, typeof i10.AXFormatModule, typeof i11.AXFileModule, typeof i12.AXDateTimeModule, typeof i13.AXCircularProgressModule], [typeof i1.AXUploaderDropZoneComponent, typeof i2.AXUploaderListComponent, typeof i3.AXUploaderZoneDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXUploaderModule, [typeof i1.AXUploaderDropZoneComponent, typeof i2.AXUploaderListComponent, typeof i3.AXUploaderZoneDirective, typeof i4.AXUploaderBrowseDirective, typeof i5.AXUploaderDialogContainerComponent], [typeof i6.CommonModule, typeof i7.HttpClientModule, typeof i8.AXDecoratorModule, typeof i9.AXButtonModule, typeof i10.AXTranslationModule, typeof i11.AXProgressBarModule, typeof i12.AXFormatModule, typeof i13.AXFileModule, typeof i14.AXDateTimeModule, typeof i15.AXCircularProgressModule, typeof i16.AXPopupModule], [typeof i1.AXUploaderDropZoneComponent, typeof i3.AXUploaderZoneDirective, typeof i4.AXUploaderBrowseDirective, typeof i5.AXUploaderDialogContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXUploaderModule>;
 }

package/uploader/lib/uploader.service.d.ts

@@ -2,19 +2,19 @@ import { BehaviorSubject } from 'rxjs';
 import { AXUploadRequest } from './uploader.models';
 import * as i0 from "@angular/core";
 export declare class AXUploaderService {
-    private dialog;
+    private popupService;
     private fileService;
     private files$;
     get files(): BehaviorSubject<AXUploadRequest[]>;
-    private dialogRef;
+    readonly totalEstimateTime: import("rxjs").Observable<number>;
     private showDialog;
-    closeDialog(): void;
     private convertFileToRequest;
     private startUpload;
     browse(): Promise<AXUploadRequest[]>;
     add(files: FileList | File[]): Promise<AXUploadRequest[]>;
     upload(): void;
-    cancelAll(): void;
+    cancelAll(): Promise<void>;
+    clearAll(): void;
     remove(item: AXUploadRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXUploaderService>;