@smartbit4all/ng-client 4.2.126 → 4.2.128

package/lib/smart-client/smart-component-api-client.d.ts

@@ -1,14 +1,14 @@
 import { ChangeDetectorRef, ElementRef, Injector, QueryList, Renderer2 } from '@angular/core';
 import { Subject, Subscription } from 'rxjs';
 import { SmartComponentLayoutComponent } from '../smart-component-layout/projects';
-import { SmartForm, SmartFormInvalidFields, SmartformComponent, SophisticatedValueChange } from '../smart-form/projects';
+import { SmartDiagramComponent } from '../smart-diagram/projects';
+import { SmartFilterEditorContentComponent } from '../smart-filter-editor/smart-filter-editor-content/smart-filter-editor-content.component';
+import { SmartForm, SmartFormInvalidFields, SmartformComponent, SophisticatedValueChange, ValueChangeMode } from '../smart-form/projects';
 import { GridOptions, SmartGrid, SmartGridComponent } from '../smart-grid/projects';
 import { SmartMapComponent } from '../smart-map/smart-map.component';
 import { SmarttreeGenericService } from '../smart-tree/projects';
 import { ComponentModel, ComponentModelChange, ExecuteUiActionOptions, SmartTranslateService, SmartViewContextService, UiAction, UiActionAdditionalParams, UiActionDescriptorService, UiActionModel, UiActionRequest, UiActionService, UiActionSpecificDemandResponse, UiActionToolbarComponent, UseUiAction2 } from '../view-context/projects';
 import { SmartAuthenticationServiceInterface } from './smart-authentication.service';
-import { SmartFilterEditorContentComponent } from '../smart-filter-editor/smart-filter-editor-content/smart-filter-editor-content.component';
-import { SmartDiagramComponent } from '../smart-diagram/projects';
 export declare abstract class SmartComponentApiClient<T> implements UseUiAction2 {
     protected inject: Injector;
     protected auth: SmartAuthenticationServiceInterface;
@@ -43,8 +43,9 @@ export declare abstract class SmartComponentApiClient<T> implements UseUiAction2
     formWidgets: Map<string, SmartformComponent | undefined>;
     useQueryLists: boolean;
     sendModelOnWidgetAction: boolean;
-    dataChangeKeys: string[];
-    protected dataChangeActionHandlers: Map<SmartformComponent, Subscription>;
+    inmediateDataChangeKeys: string[];
+    blurDataChangeKeys: string[];
+    protected dataChangeActionHandlers: Map<SmartformComponent, Subscription[]>;
     protected filterModelChangeSubjects: Map<string, Subject<void>>;
     protected changeDetector?: ChangeDetectorRef;
     constructor(inject: Injector, auth: SmartAuthenticationServiceInterface, pageName?: string | undefined, _componentName?: string | undefined, element?: ElementRef<any> | undefined, renderer?: Renderer2 | undefined);
@@ -79,9 +80,10 @@ export declare abstract class SmartComponentApiClient<T> implements UseUiAction2
     run(): void;
     load(): Promise<void>;
     executeUiAction(uiAction: UiAction, options?: ExecuteUiActionOptions): Promise<void>;
-    addDataChangeActionHandler(key: string): void;
+    addDataChangeActionHandler(key: string, valueChangeMode: ValueChangeMode): void;
+    protected getChangeKeys(valueChangeMode: ValueChangeMode): string[];
     removeDataChangeActionHandler(key: string): void;
-    protected dataChangeActionHandler(event: SophisticatedValueChange): void;
+    protected dataChangeActionHandler(event: SophisticatedValueChange, valueChangeMode: ValueChangeMode): void;
     protected handleLayoutUploadCallback(comp: SmartComponentLayoutComponent): void;
     protected handleUploadCallback(form: SmartformComponent): void;
     protected handleDataChangeSubscriptions(): void;

package/lib/smart-form/api/model/valueChangeMode.d.ts

@@ -14,5 +14,6 @@
  */
 export declare enum ValueChangeMode {
     NONE = "NONE",
-    IMMEDIATE_ACTION = "IMMEDIATE_ACTION"
+    IMMEDIATE_ACTION = "IMMEDIATE_ACTION",
+    BLUR = "BLUR"
 }

package/lib/smart-form/smartform.component.d.ts

@@ -4,10 +4,10 @@ import { Subject } from 'rxjs';
 import { SmartFormWidgetDirection } from './api';
 import { SmartFormService } from './services/smartform.service';
 import { SmartForm, SmartFormInvalidFields, SophisticatedValueChange } from './smartform.model';
-import { SmartFormWidget } from './smartform.form-model';
-import { SmartformwidgetComponent } from './widgets/smartformwidget/smartformwidget.component';
 import { UiActionToolbarComponent } from '../view-context/smart-ui-action/ui-action-toolbar.component';
 import { ComponentLibrary } from '../view-context/utility/componentLibrary';
+import { SmartFormWidget } from './smartform.form-model';
+import { SmartformwidgetComponent } from './widgets/smartformwidget/smartformwidget.component';
 import * as i0 from "@angular/core";
 export declare class SmartformComponent implements OnInit, OnDestroy, OnChanges {
     private service;
@@ -18,6 +18,7 @@ export declare class SmartformComponent implements OnInit, OnDestroy, OnChanges
     onValueChangeSubject?: Subject<any>;
     originalWidgets: SmartFormWidget<any>[];
     sophisticatedValueChange: Subject<SophisticatedValueChange>;
+    blurSophisticatedValueChange: Subject<SophisticatedValueChange>;
     form: UntypedFormGroup;
     direction: typeof SmartFormWidgetDirection;
     smartWidgetsQL?: QueryList<SmartformwidgetComponent>;

package/lib/smart-form/widgets/components/smart-file-editor/smart-file-editor.component.d.ts

@@ -1,26 +1,30 @@
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { SmartFileUploader } from '../../../smartform.form-model';
 import { UiAction, UiActionDescriptor, UiActionUploadDescriptor } from '../../../../view-context/api/model/models';
 import { ComponentLibrary } from '../../../../view-context/utility/componentLibrary';
-import { UiActionModel } from '../../../../view-context/smart-ui-action/ui-action.model';
 import { UiActionToolbarComponent } from '../../../../view-context/smart-ui-action/ui-action-toolbar.component';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class SmartFileEditorComponent {
+export declare class SmartFileEditorComponent implements ControlValueAccessor {
+    private cdr;
     compLib?: ComponentLibrary | undefined;
     toolbar: UiActionToolbarComponent;
-    widgetInstance: SmartFileUploader;
+    private _widgetInstance;
+    get widgetInstance(): SmartFileUploader;
+    set widgetInstance(value: SmartFileUploader);
     uploadFilesEvent: EventEmitter<{
         files: any[];
         uiAction: UiAction;
         uploadDescriptor?: UiActionUploadDescriptor | undefined;
     }>;
-    uiActionModels: UiActionModel[];
     fileToChange?: any;
-    constructor(compLib?: ComponentLibrary | undefined);
-    ngOnInit(): void;
+    constructor(cdr: ChangeDetectorRef, compLib?: ComponentLibrary | undefined);
+    private clone;
     upload(event: any): void;
     change(file: any): void;
     cancelChange(): void;
+    isTypeSupported(value: any): boolean;
+    formatSize(bytes: number): string;
     getLabelNgClass(): {
         [className: string]: boolean;
     };
@@ -33,13 +37,18 @@ export declare class SmartFileEditorComponent {
     getStyle(): {
         [key: string]: string | number;
     };
-    isTypeSupported(value: any): boolean;
-    formatSize(bytes: number): string;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    isDisabled: boolean;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
     get fileIcon(): string;
     get changeButton(): UiActionDescriptor;
     get removeButton(): UiActionDescriptor;
     get errorIcon(): string;
     get toolbarComponent(): UiActionToolbarComponent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SmartFileEditorComponent, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartFileEditorComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SmartFileEditorComponent, "smart-file-editor", never, { "widgetInstance": { "alias": "widgetInstance"; "required": false; }; }, { "uploadFilesEvent": "uploadFilesEvent"; }, never, never, false, never>;
 }

package/lib/smart-form/widgets/smartformwidget/smartformwidget.component.d.ts

@@ -1,30 +1,24 @@
-import { AfterViewInit, ChangeDetectorRef, ComponentRef, ElementRef, OnDestroy, EventEmitter, OnInit, QueryList, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ComponentRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, ViewContainerRef } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ContentChange, QuillEditorComponent, QuillModules } from 'ngx-quill';
+import { EditorTextChangeEvent } from 'primeng/editor';
 import { Observable, Subject } from 'rxjs';
 import { ComponentFactoryService } from '../../../component-factory-service/projects';
+import { UiActionDescriptor } from '../../../view-context/api';
 import { UiActionToolbarComponent } from '../../../view-context/smart-ui-action/ui-action-toolbar.component';
+import { ComponentLibrary } from '../../../view-context/utility/componentLibrary';
 import { SmartFormWidgetType, SmartWidgetHintPositionEnum } from '../../api/model/models';
 import { SmartFormService } from '../../services/smartform.service';
 import { SmartButton, SmartFormWidget, SmartItem, SmartItems } from '../../smartform.form-model';
 import { SmartFormTextFieldButtonIconPosition, SmartValidator, SophisticatedValueChange, Value } from '../../smartform.model';
-import { ComponentLibrary } from '../../../view-context/utility/componentLibrary';
-import { EditorTextChangeEvent } from 'primeng/editor';
-import { UiAction, UiActionDescriptor, UiActionUploadDescriptor } from '../../../view-context/api';
 import { SmartFileEditorComponent } from '../components/smart-file-editor/smart-file-editor.component';
 import * as i0 from "@angular/core";
 export declare class SmartWidgetSettings {
     static useUtc: boolean;
 }
-export interface UploadCallbackProps {
-    files: File[];
-    uiAction: UiAction;
-    uploadDescriptor: UiActionUploadDescriptor;
-}
-export type UploadCallback = (props: UploadCallbackProps) => Promise<void>;
 export declare class SmartformwidgetComponent implements OnInit, OnDestroy, AfterViewInit {
     private service;
     private cfService;
@@ -33,13 +27,14 @@ export declare class SmartformwidgetComponent implements OnInit, OnDestroy, Afte
     changeDetector: ChangeDetectorRef;
     private _destroy$;
     hidePassword: boolean;
-    uploadCallback?: UploadCallback;
+    smartComponent: any;
     form: UntypedFormGroup;
     widgetInstance: SmartFormWidget<any>;
     onBlur?: Subject<any>;
     onValueChange?: Subject<any>;
     labelColor?: string;
     sophisticatedValueChange: Subject<SophisticatedValueChange>;
+    blurSophisticatedValueChange: Subject<SophisticatedValueChange>;
     valueCleared: EventEmitter<{
         event?: any;
         key: any;
@@ -68,6 +63,7 @@ export declare class SmartformwidgetComponent implements OnInit, OnDestroy, Afte
     fileUploader: SmartFileEditorComponent;
     constructor(service: SmartFormService, cfService: ComponentFactoryService, sanitizer: DomSanitizer, compLib: ComponentLibrary, changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
+    private getSophisticatedEventKind;
     parseYoutubeUrl(url: string): string | false;
     _hasJustChanged: boolean;
     get hasJustChanged(): boolean;
@@ -154,6 +150,7 @@ export declare class SmartformwidgetComponent implements OnInit, OnDestroy, Afte
     get clearButtonDescriptor(): UiActionDescriptor;
     clearField(key: string): void;
     onTextareaChange(value: string): void;
+    handleBlurEvent(eventData: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartformwidgetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartformwidgetComponent, "smartformwidget", never, { "form": { "alias": "form"; "required": false; }; "widgetInstance": { "alias": "widgetInstance"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "onValueChange": { "alias": "onValueChange"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "sophisticatedValueChange": { "alias": "sophisticatedValueChange"; "required": false; }; }, { "valueCleared": "valueCleared"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartformwidgetComponent, "smartformwidget", never, { "form": { "alias": "form"; "required": false; }; "widgetInstance": { "alias": "widgetInstance"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "onValueChange": { "alias": "onValueChange"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "sophisticatedValueChange": { "alias": "sophisticatedValueChange"; "required": false; }; "blurSophisticatedValueChange": { "alias": "blurSophisticatedValueChange"; "required": false; }; }, { "valueCleared": "valueCleared"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smartbit4all/ng-client",
-  "version": "4.2.126",
+  "version": "4.2.128",
   "peerDependencies": {
     "@angular/animations": "^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
     "@angular/common": "^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",