@sumaris-net/ngx-components 1.20.16 → 1.20.19

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "1.20.16",
+  "version": "1.20.19",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -50,6 +50,9 @@ export * from './src/app/shared/directives/autofocus.directive';
 export * from './src/app/shared/directives/ng-var.directive';
 export * from './src/app/shared/directives/drag-and-drop.directive';
 export * from './src/app/shared/directives/autotitle.directive';
+export * from './src/app/shared/directives/resizable/resizable.directive';
+export * from './src/app/shared/directives/resizable/resizable.component';
+export * from './src/app/shared/directives/resizable/resizable.module';
 export * from './src/app/shared/pipes/pipes.module';
 export * from './src/app/shared/pipes/date-format.pipe';
 export * from './src/app/shared/pipes/date-from-now.pipe';
@@ -132,6 +135,7 @@ export * from './src/app/core/services/storage/entity-store.class';
 export * from './src/app/core/services/validator/base.validator.class';
 export * from './src/app/core/form/editor.class';
 export * from './src/app/core/form/entity-editor.class';
+export * from './src/app/core/form/entity-editor-modal.class';
 export * from './src/app/core/form/entity-metadata.component';
 export * from './src/app/core/form/form.class';
 export * from './src/app/core/form/form.utils';
@@ -192,4 +196,3 @@ export * from './src/app/core/table/testing/table.testing.module';
 export * from './src/app/core/table/testing/table.testing';
 export * from './src/app/core/text-popover/testing/text-popover.testing.module';
 export * from './src/app/core/text-popover/testing/text-popover.testing';
-export { UriUtils } from './src/app/shared/file/uri.utils';

package/src/app/core/form/editor.class.d.ts

@@ -168,7 +168,8 @@ export declare abstract class AppTabEditor<T = any, ID = number, O = any> extend
     get selectedTabIndex(): number;
     readonly selectedTabIndexChange: EventEmitter<number>;
     tabGroup: MatTabGroup;
-    protected constructor(route: ActivatedRoute, router: Router, alertCtrl: AlertController, translate: TranslateService, options?: AppTabEditorOptions);
+    protected constructor(route: ActivatedRoute, // Modal editor give 'null'
+    router: Router, alertCtrl: AlertController, translate: TranslateService, options?: AppTabEditorOptions);
     ngOnInit(): void;
     ngOnDestroy(): void;
     setSelectedTabIndex(value: number, opts?: {

package/src/app/core/form/entity-editor-modal.class.d.ts

@@ -0,0 +1,118 @@
+import { AfterViewInit, ChangeDetectorRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+import { Subject } from 'rxjs';
+import { LocalSettingsService } from '../services/local-settings.service';
+import { Entity } from '../services/model/entity.model';
+import { UsageMode } from '../services/model/settings.model';
+import { FormGroup } from '@angular/forms';
+import { AppTabEditor, AppTabEditorOptions } from './editor.class';
+import { DateFormatPipe } from '../../shared/pipes/date-format.pipe';
+import { Environment } from '../../../environments/environment.class';
+import { WaitForOptions } from '../../shared/observables';
+import { FormErrorTranslator } from '../../shared/validator/form-error-adapter.class';
+import { AppErrorWithDetails } from './entity-editor.class';
+export interface IEntityEditorModalOptions<T extends Entity<T, ID> = Entity<any, any>, ID = number> {
+    usageMode: UsageMode;
+    data: T;
+    disabled: boolean;
+    onAfterModalInit?: <M extends AppEntityEditorModal<T, ID>>(modal: M) => void | Promise<void>;
+    onDelete?: (event: UIEvent, data: T) => Promise<boolean>;
+    mobile: boolean;
+    i18nSuffix?: string;
+}
+export declare class AppEntityEditorModalOptions extends AppTabEditorOptions {
+    i18nPrefix?: string;
+}
+export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID = number, O extends AppEntityEditorModalOptions = AppEntityEditorModalOptions> extends AppTabEditor<T, ID> implements OnInit, OnDestroy, AfterViewInit, IEntityEditorModalOptions<T, ID> {
+    protected dataType: new () => T;
+    private _usageMode;
+    protected _logPrefix: any;
+    protected _isNewData: boolean;
+    protected readonly dateFormat: DateFormatPipe;
+    protected readonly cd: ChangeDetectorRef;
+    protected readonly settings: LocalSettingsService;
+    protected readonly modalCtrl: ModalController;
+    protected errorTranslator: FormErrorTranslator;
+    protected readonly environement: Environment;
+    saving: boolean;
+    $title: Subject<string>;
+    data: T;
+    mobile: boolean;
+    usageMode: UsageMode;
+    onAfterModalInit: <M extends AppEntityEditorModal<T, ID>>(modal: M) => void | Promise<void>;
+    onDelete: (event: UIEvent, data: T) => Promise<boolean>;
+    i18nSuffix: string;
+    set isNewData(value: boolean);
+    get isNewData(): boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    get isOnFieldMode(): boolean;
+    markAsSaving(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    markAsSaved(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    protected constructor(injector: Injector, dataType: new () => T, options?: O);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    waitIdle(opts?: WaitForOptions): Promise<void>;
+    load(): Promise<void>;
+    reload(): Promise<void>;
+    unload(opts?: {
+        emitEvent?: boolean;
+    }): Promise<void>;
+    updateView(data: T | null, opts?: {
+        emitEvent?: boolean;
+        openTabIndex?: number;
+    }): Promise<void>;
+    /**
+     * Enable or disable state
+     */
+    updateViewState(data: T, opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    saveAndClose(event?: Event): Promise<boolean>;
+    close(event: UIEvent): Promise<void>;
+    /**
+     * Save the editor, by calling the dataService.save().
+     * Ensure that editor if valid. If not, display an error
+     * @param event
+     * @param opts
+     */
+    save(event?: Event, opts?: any): Promise<boolean>;
+    /**
+     * Save data (if dirty and valid), and return it. Otherwise, return nil value.
+     */
+    saveAndGetDataIfValid(): Promise<T | undefined>;
+    delete(event?: UIEvent): Promise<boolean>;
+    resetError(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    setError(err: string | AppErrorWithDetails, opts?: {
+        emitEvent?: boolean;
+        detailsCssClass?: string;
+    }): void;
+    protected abstract registerForms(): any;
+    protected abstract computeTitle(data: T): Promise<string>;
+    protected abstract setValue(data: T): Promise<void> | void;
+    protected abstract get form(): FormGroup;
+    protected abstract getFirstInvalidTabIndex(): number;
+    protected waitWhilePending(opts?: WaitForOptions): Promise<void>;
+    protected getValue(): Promise<T>;
+    protected getJsonValueToSave(): Promise<any>;
+    /**
+     * Compute the title
+     *
+     * @param data
+     */
+    protected updateTitle(data?: T): Promise<void>;
+    protected scrollToTop(duration?: number): Promise<void>;
+    protected markForCheck(): void;
+    /**
+     * Open the first tab that is invalid
+     */
+    private openFirstInvalidTab;
+}

package/src/app/shared/directives/resizable/resizable.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import { MatColumnDef } from '@angular/material/table';
+export declare class ResizableComponent {
+    readonly columnDef: MatColumnDef;
+    resizable: boolean;
+    sizeChanged: EventEmitter<number>;
+    width: string | null;
+    minWidth: string | null;
+    maxWidth: string | null;
+    private debug;
+    constructor(columnDef: MatColumnDef);
+    onResize(width: number, opts?: {
+        emitEvent: boolean;
+    }): void;
+    onFit(opts?: {
+        emitEvent: boolean;
+    }): void;
+}

package/src/app/shared/directives/resizable/resizable.directive.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import { Observable } from 'rxjs';
+export declare class ResizableDirective {
+    private readonly document;
+    private readonly elementRef;
+    readonly resizable: Observable<number>;
+    readonly fit: Observable<MouseEvent[]>;
+    constructor(document: any, elementRef: ElementRef<HTMLElement>);
+}

package/src/app/shared/directives/resizable/resizable.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ResizableModule {
+}

package/src/app/shared/material/chips/testing/chips.test.d.ts

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatAutocompleteConfigHolder } from '../../autocomplete/material.autocomplete';
 import { LoadResult } from '../../../services/entity-service.class';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 declare class EntityTestClass {
     id: number;
     label: string;
@@ -13,7 +14,7 @@ export declare class ChipsTestPage implements OnInit {
     private _$items;
     form: FormGroup;
     autocompleteFields: MatAutocompleteConfigHolder;
-    appearance: string;
+    appearance: MatFormFieldAppearance;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
     loadData(): Promise<void>;