@colijnit/corecomponents_v12 12.2.4 → 12.2.6

package/lib/components/base/base-input.component.d.ts

@@ -57,7 +57,7 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     redErrorBackground: boolean;
     set myFormInputInstance(value: BaseInputComponent<T>);
     get myFormInputInstance(): BaseInputComponent<T>;
-    private _myFormInputInstance;
+    commitOnBlur: boolean;
     readonly nativeBlur: EventEmitter<any>;
     readonly blur: EventEmitter<any>;
     readonly enter: EventEmitter<any>;
@@ -105,8 +105,10 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     protected _destroyed: boolean;
     protected _hasOnPushCdStrategy: boolean;
     protected _model: T;
+    protected _modelDirtyForCommit: boolean;
     protected _initialModel: T;
     protected _initialModelSet: boolean;
+    private _myFormInputInstance;
     private _errorValidationComponent;
     private _decimals;
     private _hidden;
@@ -130,7 +132,6 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     commit: (model: any) => Promise<boolean>;
-    commitClick(event?: MouseEvent): Promise<boolean>;
     cancelClick(event?: MouseEvent): void;
     showValidationError(error: string): void;
     /**
@@ -140,7 +141,7 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     setModel(value: any): void;
     requestFocus(): void;
     doFocus(event?: any): any;
-    doBlur(event?: any): any;
+    doBlur(event?: any, handleCommit?: boolean): Promise<any>;
     detectChanges(): void;
     markForCheck(): void;
     detectChangesAfterAngular(): void;
@@ -158,6 +159,7 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     protected _markAsOnPush(): void;
     protected _checkState(): boolean;
     protected _updateControlValidatorsAndOwnFlags(): void;
+    private _handleCommit;
     private _commitFinished;
     private _clearErrorComponent;
     private _controlExists;

package/lib/components/button/button.component.d.ts

@@ -1,6 +1,7 @@
-import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
-import { SafeHtml } from "@angular/platform-browser";
-export declare class ButtonComponent implements OnDestroy {
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { ScreenConfigAdapterComponent } from '../../interfaces/screen-config-adapter.component.interface';
+export declare class ButtonComponent implements ScreenConfigAdapterComponent, OnDestroy {
     private _elementRef;
     label: string;
     iconData: SafeHtml | undefined;
@@ -15,6 +16,13 @@ export declare class ButtonComponent implements OnDestroy {
     readonly isToggledChange: EventEmitter<boolean>;
     get hasIcon(): boolean;
     onHostClick(event: MouseEvent): void;
+    objectConfigName: string;
+    required: boolean;
+    forceReadonly: boolean;
+    readonly: boolean;
+    maxLength: number;
+    decimals: number;
+    redErrorBackground: boolean;
     constructor(_elementRef: ElementRef);
     ngOnDestroy(): void;
     focus(): void;

package/lib/directives/screen-configuration/screen-configuration.directive.d.ts

@@ -1,16 +1,32 @@
-import { ComponentFactoryResolver, OnDestroy, ViewContainerRef } from "@angular/core";
-import { ScreenConfigAdapterComponent } from "../../interfaces/screen-config-adapter.component.interface";
+import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { ScreenConfigAdapterComponent } from '../../interfaces/screen-config-adapter.component.interface';
+import { BaseModuleScreenConfigService } from '../../service/base-module-screen-config.service';
+import { BaseModuleService } from '../../service/base-module.service';
 export declare class ScreenConfigurationDirective implements OnDestroy {
     hostComponent: ScreenConfigAdapterComponent;
-    private _viewContainerRef;
-    private _componentFactoryResolver;
-    set screenConfigurationObject(screenConfigurationObject: any);
-    get screenConfigurationObject(): any;
+    private _element;
+    private _configService;
+    private _renderer;
+    private _moduleService?;
+    set screenConfigurationObject(value: string);
+    get screenConfigurationObject(): string;
+    dataName: string;
+    screenConfigNativeElement: boolean;
     noModuleService: boolean;
+    private _isHeader;
     private _screenConfigurationObject;
-    private _wrapperComponentInstance;
-    constructor(hostComponent: ScreenConfigAdapterComponent, _viewContainerRef: ViewContainerRef, _componentFactoryResolver: ComponentFactoryResolver);
+    private _isTurnedOff;
+    private _subs;
+    constructor(hostComponent: ScreenConfigAdapterComponent, _element: ElementRef, _configService: BaseModuleScreenConfigService, _renderer: Renderer2, _moduleService?: BaseModuleService);
+    ngOnInit(): void;
     ngOnDestroy(): void;
-    private _initWrapperComponent;
     private _updateHost;
+    /**
+     * Spawn error message tooltip onto our host comp, if any error was meant for the host (found by screenConfigurationObject);
+     * @param errorValidation A top-level full validation result, either from the backend or from some client-side validation error.
+     */
+    private _setErrorRedBackgroundAfterScrCfgValidate;
+    private _moduleInReadonlyMode;
+    private _mayUpdateHost;
+    private _setHostVisible;
 }

package/lib/service/base-module-screen-config.service.d.ts

@@ -0,0 +1,47 @@
+import { BehaviorSubject } from 'rxjs';
+import { BusinessObject } from '@colijnit/ioneconnector/build/model/business-object';
+import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation-result';
+import { ObjectConfigurationDefaultValueType } from '@colijnit/ioneconnector/build/type/object-configuration-default-value-type';
+import { ObjectConfigKind } from '@colijnit/ioneconnector/build/enum/object-config-kind';
+import { ObjectConfiguration } from '@colijnit/ioneconnector/build/model/object-configuration';
+export declare abstract class BaseModuleScreenConfigService {
+    abstract screenModuleName: string;
+    readonly configSet: BehaviorSubject<string[]>;
+    get configObjects(): ObjectConfiguration[];
+    controlValidityByBoMap: {
+        bo: BusinessObject;
+        controlKey: string;
+        valid: boolean;
+    }[];
+    private _configObjects;
+    private _objectConfigsMap;
+    loadConfig(params?: string[], insertRights?: boolean): Promise<ObjectConfiguration[]>;
+    lazyLoadConfig(): Promise<void>;
+    isActiveFieldValidationObject(configObject: ObjectConfiguration): boolean;
+    isBoValid(bo: BusinessObject): boolean;
+    getObjectConfigurationFor(configName: string): ObjectConfiguration;
+    setObjectConfigurationFor(configName: string, configObject: ObjectConfiguration): void;
+    mayRead(configName: string): boolean;
+    isReadonly(configName: string): boolean;
+    mayWrite(configName: string): boolean;
+    immediatelyVisible(configName: string): boolean;
+    immediatelyHidden(configName: string): boolean;
+    noRights(configName: string): boolean;
+    isHidden(configName: string): boolean;
+    isRequired(configName: string): boolean;
+    getDefaultValue(configName: string): ObjectConfigurationDefaultValueType;
+    getDefaultStringValue(configName: string): string;
+    getDefaultNumberValue(configName: string): number;
+    getMaxLength(configName: string): number;
+    getDecimals(configName: string): number;
+    hasConfigObjects(): boolean;
+    isKind(configName: string, kind: ObjectConfigKind): boolean;
+    isDataNameHiddenByItselfOrAnyOfItsParentRubrics(dataName: string): boolean;
+    protected abstract loadConfigForModule(params: string[], insertRights?: boolean): Promise<ObjectConfiguration[]>;
+    private isDataNameHiddenByAnyOfItsParentRubrics;
+    private _getConfigNameByDataName;
+    private _getConfigObjectByDataName;
+    private _buildScreenConfigMap;
+    setScreenConfigurationObjectsReadOnly(value: boolean): void;
+    setScreenConfigurationObjectsRedErrorBackground(errorValidation: ValidationResult, setAllFalse?: boolean): void;
+}

package/lib/service/base-module.service.d.ts

@@ -0,0 +1,22 @@
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation-result';
+import { BaseModuleScreenConfigService } from './base-module-screen-config.service';
+/**
+ * Base class for top-level services of CRUD-style iOne modules (the Relation, Article and Transaction modules).
+ * What sets these modules apart, is the concept of a relatively bulky, 'single businessobject' being manipulated throughout all the tabs.
+ *
+ * Many other (smaller?) iOne modules work with multiple LISTS of different business object types instead.
+ */
+export declare abstract class BaseModuleService implements OnDestroy {
+    protected screenConfigService: BaseModuleScreenConfigService;
+    readonly readonlyChange: Subject<boolean>;
+    readonly errorValidationReceived: Subject<ValidationResult>;
+    readonly successfulUpdate: Subject<void>;
+    get readonly(): boolean;
+    set readonly(readonly: boolean);
+    protected _readonly: boolean;
+    private _subscriptions;
+    constructor(screenConfigService: BaseModuleScreenConfigService);
+    ngOnDestroy(): void;
+}

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "12.2.4",
+  "version": "12.2.6",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
+    "@angular/common": ">=12.2.0",
+    "@angular/core": ">=12.2.0",
+    "@colijnit/ioneconnector": ">=3.1.8",
     "@types/hammerjs": "2.0.35",
     "@types/three": ">=0.125.0",
     "@tweenjs/tween.js": ">=17.2.0",
-    "hammerjs": "^2.0.8",
+    "hammerjs": ">=2.0.8",
     "three": ">=0.125.0"
   },
   "dependencies": {

package/public-api.d.ts

@@ -100,11 +100,14 @@ export * from './lib/components/pagination-bar/pagination-bar.component';
 export * from './lib/components/pagination-bar/pagination-bar.module';
 export * from './lib/components/checkmark-overlay/checkmark-overlay.module';
 export * from './lib/directives/screen-configuration/screen-configuration.module';
+export * from './lib/directives/screen-configuration/screen-configuration.directive';
 export * from './lib/interfaces/screen-config-adapter-component-interface-name';
 export * from './lib/interfaces/screen-config-adapter.component.interface';
 export * from './lib/components/filter-item/filter-item-viewmodel';
 export * from './lib/components/filter-item/filter-viewmodel';
 export * from './lib/service/color-sequence.service';
 export * from './lib/service/overlay.service';
+export * from './lib/service/base-module-screen-config.service';
+export * from './lib/service/base-module.service';
 export * from './lib/translation/core-components-translation.module';
 export * from './lib/translation/core-components-translation.service';

package/esm2015/lib/directives/screen-configuration/screen-config-component-wrapper.component.js

@@ -1,30 +0,0 @@
-import { Component, ElementRef, ViewChild } from "@angular/core";
-export class ScreenConfigComponentWrapper {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-        this._visibleOnViewInit = true;
-    }
-    setWrapperContent(element, visibleOnViewInit) {
-        this._contentNativeElement = element;
-        this._visibleOnViewInit = visibleOnViewInit;
-    }
-    ngAfterViewInit() {
-        if (this.screenConfigComponentWrapper) {
-            this.screenConfigComponentWrapper.nativeElement.appendChild(this._contentNativeElement);
-            this.hidden = !this._visibleOnViewInit;
-        }
-    }
-}
-ScreenConfigComponentWrapper.decorators = [
-    { type: Component, args: [{
-                selector: "screen-config-component-wrapper",
-                template: `<div *ngIf="!hidden" #screenConfigComponentWrapper></div>`
-            },] }
-];
-ScreenConfigComponentWrapper.ctorParameters = () => [
-    { type: ElementRef }
-];
-ScreenConfigComponentWrapper.propDecorators = {
-    screenConfigComponentWrapper: [{ type: ViewChild, args: ['screenConfigComponentWrapper',] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NyZWVuLWNvbmZpZy1jb21wb25lbnQtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2RpcmVjdGl2ZXMvc2NyZWVuLWNvbmZpZ3VyYXRpb24vc2NyZWVuLWNvbmZpZy1jb21wb25lbnQtd3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU05RSxNQUFNLE9BQU8sNEJBQTRCO0lBU3ZDLFlBQ1UsV0FBdUI7UUFBdkIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFIekIsdUJBQWtCLEdBQVksSUFBSSxDQUFDO0lBSXhDLENBQUM7SUFFRyxpQkFBaUIsQ0FBQyxPQUFtQixFQUFFLGlCQUEwQjtRQUN0RSxJQUFJLENBQUMscUJBQXFCLEdBQUcsT0FBTyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxpQkFBaUIsQ0FBQztJQUM5QyxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLElBQUksQ0FBQyw0QkFBNEIsRUFBRTtZQUNyQyxJQUFJLENBQUMsNEJBQTRCLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQztZQUN4RixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDO1NBQ3hDO0lBQ0gsQ0FBQzs7O1lBM0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUNBQWlDO2dCQUMzQyxRQUFRLEVBQUUsMkRBQTJEO2FBQ3RFOzs7WUFMaUMsVUFBVTs7OzJDQU96QyxTQUFTLFNBQUMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDaGlsZH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInNjcmVlbi1jb25maWctY29tcG9uZW50LXdyYXBwZXJcIixcclxuICB0ZW1wbGF0ZTogYDxkaXYgKm5nSWY9XCIhaGlkZGVuXCIgI3NjcmVlbkNvbmZpZ0NvbXBvbmVudFdyYXBwZXI+PC9kaXY+YCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNjcmVlbkNvbmZpZ0NvbXBvbmVudFdyYXBwZXIgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICBAVmlld0NoaWxkKCdzY3JlZW5Db25maWdDb21wb25lbnRXcmFwcGVyJylcclxuICBwdWJsaWMgc2NyZWVuQ29uZmlnQ29tcG9uZW50V3JhcHBlcjogYW55O1xyXG5cclxuICBwdWJsaWMgaGlkZGVuOiBib29sZWFuO1xyXG5cclxuICBwcml2YXRlIF9jb250ZW50TmF0aXZlRWxlbWVudDogRWxlbWVudFJlZjtcclxuICBwcml2YXRlIF92aXNpYmxlT25WaWV3SW5pdDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZlxyXG4gICkge31cclxuXHJcbiAgcHVibGljIHNldFdyYXBwZXJDb250ZW50KGVsZW1lbnQ6IEVsZW1lbnRSZWYsIHZpc2libGVPblZpZXdJbml0OiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLl9jb250ZW50TmF0aXZlRWxlbWVudCA9IGVsZW1lbnQ7XHJcbiAgICB0aGlzLl92aXNpYmxlT25WaWV3SW5pdCA9IHZpc2libGVPblZpZXdJbml0O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnNjcmVlbkNvbmZpZ0NvbXBvbmVudFdyYXBwZXIpIHtcclxuICAgICAgdGhpcy5zY3JlZW5Db25maWdDb21wb25lbnRXcmFwcGVyLm5hdGl2ZUVsZW1lbnQuYXBwZW5kQ2hpbGQodGhpcy5fY29udGVudE5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgICB0aGlzLmhpZGRlbiA9ICF0aGlzLl92aXNpYmxlT25WaWV3SW5pdDtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/lib/directives/screen-configuration/screen-config-component-wrapper.component.d.ts

@@ -1,11 +0,0 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
-export declare class ScreenConfigComponentWrapper implements AfterViewInit {
-    private _elementRef;
-    screenConfigComponentWrapper: any;
-    hidden: boolean;
-    private _contentNativeElement;
-    private _visibleOnViewInit;
-    constructor(_elementRef: ElementRef);
-    setWrapperContent(element: ElementRef, visibleOnViewInit: boolean): void;
-    ngAfterViewInit(): void;
-}