@colijnit/corecomponents_v12 12.2.21 → 12.2.23

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

@@ -1,170 +0,0 @@
-import {Directive, ElementRef, Inject, Input, OnDestroy, Renderer2} from '@angular/core';
-import {InputBoolean} from '../../core/decorator/input-boolean.decorator';
-import {ScreenConfigAdapterComponent} from '../../interfaces/screen-config-adapter.component.interface';
-import {SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME} from '../../interfaces/screen-config-adapter-component-interface-name';
-import {Subscription} from 'rxjs';
-import {BaseModuleScreenConfigService} from '../../service/base-module-screen-config.service';
-import {BaseModuleService} from '../../service/base-module.service';
-import {ValidationResult} from '@colijnit/ioneconnector/build/model/validation-result';
-import {ValidationMessage} from '@colijnit/ioneconnector/build/model/validation-message';
-import {ObjectConfiguration} from '@colijnit/ioneconnector/build/model/object-configuration';
-
-// Directive to represents the marker of "screen config name ID's" of components within a module.
-// Manipulates visibility, readonly and other dynamic states of an input element according to its db-fetched screen configuration object.
-@Directive({
-    selector: '[screenConfigurationObject]'
-})
-export class ScreenConfigurationDirective implements OnDestroy {
-    @Input('screenConfigurationObject')
-    public set screenConfigurationObject(value: string) {
-        if (value) {
-            this._screenConfigurationObject = value;
-            this._updateHost();
-        }
-    }
-
-    public get screenConfigurationObject(): string {
-        return this._screenConfigurationObject;
-    }
-
-    @Input()
-    public dataName: string;
-
-    @Input()
-    @InputBoolean()
-    public screenConfigNativeElement: boolean = false;
-
-    @Input()
-    @InputBoolean()
-    public noModuleService: boolean = false;
-
-    private _isHeader: boolean;
-
-    private _screenConfigurationObject: string;
-
-    // feature toggle for devs so you can see the whole screen with all inputs etc by temporarily turning off the hiding effects of this directive on its host
-    private _isTurnedOff: boolean = false;
-
-    private _subs: Subscription[] = [];
-
-    constructor(
-        @Inject(SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME)
-        public hostComponent: ScreenConfigAdapterComponent,
-        private _element: ElementRef,
-        // we must always have a config service to fetch config objects with
-        private _configService: BaseModuleScreenConfigService,
-        private _renderer: Renderer2,
-        // to make host readonly when MODULE switches to readonly:
-        private _moduleService?: BaseModuleService
-    ) {
-        this._subs.push(this._configService.configSet.subscribe((configObjects: string[]) => {
-            if (configObjects && configObjects.length > 0) {
-                this._updateHost();
-            }
-        }));
-
-        if (this._moduleService && !this.noModuleService) {
-            this._subs.push(
-                this._moduleService.readonlyChange.subscribe((moduleInReadonlyState: boolean) => {
-                    if (this.hostComponent) {
-                        this.hostComponent.readonly = this.hostComponent.forceReadonly || moduleInReadonlyState;
-                    }
-                }),
-                this._moduleService.errorValidationReceived.subscribe((validationResult: any) => {
-                    this._setErrorRedBackgroundAfterScrCfgValidate(validationResult);
-                }),
-                this._moduleService.successfulUpdate.subscribe(() => {
-                    if (this.hostComponent) {
-                        this.hostComponent.redErrorBackground = false;
-                    }
-                })
-            );
-        }
-    }
-
-    ngOnInit(): void {
-        this._updateHost();
-
-        // this._updateHeaderStateOnHostComponent(true);
-
-        // show initial error message if any
-        if (!this.noModuleService) {
-            // this._setErrorRedBackgroundAfterScrCfgValidate(this._moduleService.lastError);
-        }
-    }
-
-    ngOnDestroy(): void {
-        this._subs.forEach(sub => sub.unsubscribe());
-        if (this._isHeader) {
-            // this._doubleClickHeaders.handleCollapseableDestroy(this.screenConfigurationObject);
-        }
-        this._element = undefined;
-        this.hostComponent = undefined;
-    }
-
-    // Sets host component visibility, required, readonly etc. if specified in backend screen config OR module readonly status.
-    private _updateHost(): void {
-        if (this._mayUpdateHost() || this.screenConfigNativeElement) {
-            if (!this.screenConfigNativeElement) {
-                this.hostComponent.objectConfigName = this.screenConfigurationObject;
-            }
-            const myCfgObj: ObjectConfiguration = this._configService.getObjectConfigurationFor(this.screenConfigurationObject);
-            if (myCfgObj) {
-                this._setHostVisible(myCfgObj.immediatelyVisible());
-                // if (this.hostComponent instanceof GridColumnComponent) {
-                //   this.hostComponent.rights = myCfgObj.rights;
-                // }
-                if (!this.screenConfigNativeElement) {
-                    this.hostComponent.required = myCfgObj.isRequired();
-                    this.hostComponent.readonly = this.hostComponent.forceReadonly || this._moduleInReadonlyMode() || myCfgObj.isReadonly();
-                    this.hostComponent.decimals = myCfgObj.scale;
-                    this.hostComponent.maxLength = myCfgObj.maxLength;
-                }
-            } else {
-                this._setHostVisible(false);
-                if (!this.screenConfigNativeElement) {
-                    this.hostComponent.readonly = this._moduleInReadonlyMode();
-                }
-            }
-        }
-    }
-
-    /**
-     * 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(errorValidation: ValidationResult): void {
-        if (this.hostComponent && errorValidation) {
-            const errorMessages: ValidationMessage[] = errorValidation.getAllErrorMessagesOfMyValidationFields();
-            for (let i: number = 0, len: number = errorMessages.length; i < len; i++) {
-                const errorMsg: ValidationMessage = errorMessages[i];
-                const configName: string = this.dataName ? this.dataName : this.screenConfigurationObject;
-                if (errorMsg.fieldId === configName && this._element /*&& this._properHost(errorMsg.boId)*/) {
-                    this.hostComponent.redErrorBackground = true;
-                }
-            }
-        }
-    }
-
-    private _moduleInReadonlyMode(): boolean {
-        return !this.noModuleService ? (this._moduleService ? this._moduleService.readonly : false) : false;
-    }
-
-    private _mayUpdateHost(): boolean {
-        return !!this.hostComponent && !this._isTurnedOff && !!this.screenConfigurationObject;
-    }
-
-    private _setHostVisible(visible: boolean): void {
-        if (!this.screenConfigNativeElement) {
-            this.hostComponent.hidden = !visible;
-        } else {
-            if (this._element && this._element.nativeElement) {
-                if (!visible) {
-                    this._renderer.addClass(this._element.nativeElement, 'hidden');
-                } else {
-                    this._renderer.removeClass(this._element.nativeElement, 'hidden');
-                }
-            }
-        }
-    }
-}

package/src/lib/directives/screen-configuration/screen-configuration.module.ts

@@ -1,16 +0,0 @@
-import {NgModule} from '@angular/core';
-import {ScreenConfigurationDirective} from './screen-configuration.directive';
-import {CommonModule} from '@angular/common';
-
-@NgModule({
-  imports: [
-    CommonModule
-  ],
-  declarations: [
-    ScreenConfigurationDirective
-  ],
-  exports: [
-    ScreenConfigurationDirective,
-  ]
-})
-export class ScreenConfigurationModule { }

package/src/lib/directives/stopclick/stop-click.directive.ts

@@ -1,35 +0,0 @@
-import {Directive, ElementRef, Input, NgZone, OnDestroy, OnInit} from "@angular/core";
-
-import {EventUtils} from "../../core/utils/event-utils";
-
-@Directive({
-    selector: '[stopClick]'
-})
-export class StopClickDirective implements OnInit, OnDestroy {
-
-    @Input()
-    public stopClick: boolean;
-
-    constructor(private _elementRef: ElementRef, private _ngZone: NgZone) {
-    }
-
-    ngOnInit(): void {
-        this._ngZone.runOutsideAngular(() => {
-            this._elementRef.nativeElement.addEventListener('click', this._killEventHandler);
-            this._elementRef.nativeElement.addEventListener('dblclick', this._killEventHandler);
-            this._elementRef.nativeElement.addEventListener('mousedown', this._killEventHandler);
-        });
-    }
-
-    ngOnDestroy(): void {
-        this._elementRef.nativeElement.removeEventListener('click', this._killEventHandler);
-        this._elementRef.nativeElement.removeEventListener('dblclick', this._killEventHandler);
-        this._elementRef.nativeElement.removeEventListener('mousedown', this._killEventHandler);
-    }
-
-    private _killEventHandler: EventListener = (event: MouseEvent): void => {
-        if (this.stopClick) {
-            EventUtils.KillEvent(event);
-        }
-    };
-}

package/src/lib/directives/stopclick/stop-click.module.ts

@@ -1,14 +0,0 @@
-import {NgModule} from "@angular/core";
-
-import {StopClickDirective} from "./stop-click.directive";
-
-@NgModule({
-    declarations: [
-        StopClickDirective
-    ],
-    exports: [
-        StopClickDirective
-    ]
-})
-export class StopClickModule {
-}

package/src/lib/directives/template-wrapper/template-wrapper.directive.ts

@@ -1,71 +0,0 @@
-import {Directive, Input, OnChanges, OnDestroy, SimpleChange, SimpleChanges, TemplateRef, ViewContainerRef, ViewRef} from '@angular/core';
-
-@Directive({
-    selector: '[templateWrapper]'
-})
-export class TemplateWrapperDirective implements OnDestroy, OnChanges {
-    @Input()
-    public templateWrapper: TemplateRef<any> | null = null;
-
-    @Input()
-    public templateWrapperContext: Object | null = null;
-
-    private _viewRef: ViewRef;
-
-    constructor(protected viewContainer: ViewContainerRef) {
-    }
-
-    ngOnChanges(changes: SimpleChanges): void {
-        const recreateView: boolean = this._shouldRecreateView(changes);
-
-        if (recreateView) {
-            if (this._viewRef) {
-                this.viewContainer.remove(this.viewContainer.indexOf(this._viewRef));
-            }
-
-            if (this.templateWrapper) {
-                this._viewRef = this.viewContainer.createEmbeddedView(
-                    this.templateWrapper, this.templateWrapperContext);
-            }
-        } else {
-            if (this._viewRef && this.templateWrapperContext) {
-                this._updateExistingContext(this.templateWrapperContext);
-            }
-        }
-    }
-
-    ngOnDestroy(): void {
-        if (this._viewRef) {
-            this.viewContainer.remove(this.viewContainer.indexOf(this._viewRef));
-            this._viewRef = undefined;
-        }
-        this.templateWrapper = undefined;
-    }
-
-    private _shouldRecreateView(changes: SimpleChanges): boolean {
-        const ctxChange: any = changes['templateWrapperContext'];
-        return !!changes['templateWrapper'] || (ctxChange && this._hasContextShapeChanged(ctxChange));
-    }
-
-    private _hasContextShapeChanged(ctxChange: SimpleChange): boolean {
-        const prevCtxKeys: any = Object.keys(ctxChange.previousValue || {});
-        const currCtxKeys: any = Object.keys(ctxChange.currentValue || {});
-
-        if (prevCtxKeys.length === currCtxKeys.length) {
-            for (const propName of currCtxKeys) {
-                if (prevCtxKeys.indexOf(propName) === -1) {
-                    return true;
-                }
-            }
-            return false;
-        } else {
-            return true;
-        }
-    }
-
-    private _updateExistingContext(ctx: Object): void {
-        for (const propName of Object.keys(ctx)) {
-            (<any>this._viewRef).context[propName] = (<any>this.templateWrapperContext)[propName];
-        }
-    }
-}

package/src/lib/directives/template-wrapper/template-wrapper.module.ts

@@ -1,13 +0,0 @@
-import {NgModule} from "@angular/core";
-import {TemplateWrapperDirective} from "./template-wrapper.directive";
-
-@NgModule({
-    declarations: [
-        TemplateWrapperDirective
-    ],
-    exports: [
-        TemplateWrapperDirective
-    ]
-})
-export class TemplateWrapperModule {
-}

package/src/lib/directives/tooltip/tooltip-directive.module.ts

@@ -1,17 +0,0 @@
-import {NgModule} from '@angular/core';
-import {TooltipDirective} from './tooltip.directive';
-import {TooltipModule} from '../../components/tooltip/tooltip.module';
-
-@NgModule({
-  imports: [
-    TooltipModule
-  ],
-  declarations: [
-    TooltipDirective
-  ],
-  exports: [
-    TooltipDirective
-  ]
-})
-export class TooltipDirectiveModule {
-}

package/src/lib/directives/tooltip/tooltip.directive.ts

@@ -1,94 +0,0 @@
-import {
-  ApplicationRef,
-  ComponentFactoryResolver,
-  Directive,
-  ElementRef,
-  EmbeddedViewRef,
-  Injector,
-  Input,
-  OnDestroy,
-  OnInit
-} from '@angular/core';
-import {TooltipComponent} from '../../components/tooltip/tooltip.component';
-import {DomSanitizer} from '@angular/platform-browser';
-
-@Directive({
-  selector: "[tooltip]"
-})
-export class TooltipDirective implements OnDestroy, OnInit {
-
-  @Input("tooltip")
-  public set tooltip(str: string) {
-    this._tooltipMessage = str;
-  }
-
-  private _elementRef: ElementRef;
-  private _tooltipMessage: string;
-  private _componentRef;
-
-  constructor(
-    elementRef: ElementRef,
-    private _compFactoryResolver: ComponentFactoryResolver,
-    private _appRef: ApplicationRef,
-    private _injector: Injector,
-    private _sanitizer: DomSanitizer
-  ) {
-    this._elementRef = elementRef;
-  }
-
-  public ngOnDestroy(): void {
-    if (this._elementRef && this._elementRef.nativeElement) {
-      this._elementRef.nativeElement.removeEventListener('mouseenter', (event: MouseEvent) => this._handleMouseMove(event))
-      this._elementRef.nativeElement.removeEventListener('mouseleave', () => this._removeTooltip())
-    }
-    window.removeEventListener("scroll", (event) => this._handleScroll);
-    this._elementRef = undefined;
-  }
-
-  ngOnInit(): void {
-    window.addEventListener("scroll", (event) => this._handleScroll);
-    if (this._elementRef && this._elementRef.nativeElement) {
-      this._elementRef.nativeElement.addEventListener('mouseenter', (event: MouseEvent) => this._handleMouseMove(event))
-      this._elementRef.nativeElement.addEventListener('mouseleave', () => this._removeTooltip())
-    }
-  }
-
-  private _handleScroll(): void {
-    this._removeTooltip();
-  }
-
-  private _handleMouseMove(event: MouseEvent): void {
-    this._showTooltip(event.clientY, event.clientX);
-  }
-
-  private _showTooltip(top: number, left: number): void {
-    this._createTooltipComponent(top, left);
-  }
-
-  private _removeTooltip(): void {
-    if (this._componentRef) {
-      this._appRef.detachView(this._componentRef.hostView);
-      this._componentRef.destroy();
-      this._componentRef = undefined;
-    }
-  }
-
-  private _createTooltipComponent(top: number, left: number): void {
-    if (!this._tooltipMessage) {
-      return;
-    }
-    if (this._componentRef) {
-      return;
-    }
-    this._componentRef = this._compFactoryResolver
-      .resolveComponentFactory(TooltipComponent)
-      .create(this._injector);
-
-    this._componentRef.instance.hostElement = this._elementRef.nativeElement;
-    this._componentRef.instance.toolTip = this._sanitizer.bypassSecurityTrustHtml(this._tooltipMessage);
-
-    this._appRef.attachView(this._componentRef.hostView);
-    const domElem = (this._componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
-    document.body.appendChild(domElem);
-  }
-}

package/src/lib/interfaces/dialog-response.interface.ts

@@ -1,7 +0,0 @@
-import {AppPopupButtonType} from '../model/enum/app-button-type.enum';
-
-export interface DialogResponseInterface {
-  button: AppPopupButtonType;
-  output?: any;
-  rememberChoice?: boolean;
-}

package/src/lib/interfaces/lov-options.component.interface.ts

@@ -1,4 +0,0 @@
-export interface LovOptions {
-  value: string;
-  label: string;
-}

package/src/lib/interfaces/scanner-input.interface.ts

@@ -1,3 +0,0 @@
-export interface ScannerInput {
-    triggerCodeScanned(code?: string): void;
-}

package/src/lib/interfaces/screen-config-adapter-component-interface-name.ts

@@ -1,6 +0,0 @@
-import {InjectionToken} from "@angular/core";
-import {ScreenConfigAdapterComponent} from "./screen-config-adapter.component.interface";
-
-// Enables "DI for interfaces" (see ConfigNameDirective injected .hostComponent).
-export const SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME: InjectionToken<ScreenConfigAdapterComponent> =
-  new InjectionToken<ScreenConfigAdapterComponent>("ScreenConfigAdapterComponent");

package/src/lib/interfaces/screen-config-adapter.component.interface.ts

@@ -1,10 +0,0 @@
-export interface ScreenConfigAdapterComponent {
-  objectConfigName: string;
-  hidden: boolean;
-  required: boolean;
-  forceReadonly: boolean;
-  readonly: boolean;
-  maxLength: number;
-  decimals: number;
-  redErrorBackground: boolean;
-}

package/src/lib/model/data-item.ts

@@ -1,9 +0,0 @@
-// for use in showcase component arrays
-export interface DataItem {
-    id?: number;
-    title?: string,
-    description?: string;
-    price?: number;
-    imageData?: string;
-    isActive?: boolean
-}

package/src/lib/model/enum/app-button-type.enum.ts

@@ -1,9 +0,0 @@
-export enum AppPopupButtonType {
-  Ok,
-  Open,
-  Save,
-  Cancel,
-  Yes,
-  No,
-  NoButton
-}

package/src/lib/model/enum/app-popup-type.enum.ts

@@ -1,6 +0,0 @@
-export enum AppPopupType {
-  Error,
-  Warning,
-  Information,
-  Confirmation
-}

package/src/lib/model/enum/currency-code.enum.ts

@@ -1,7 +0,0 @@
-// Currency codes in accordance to ISO 4217
-export enum CurrencyCode {
-  Euro = "EUR",
-  Dollar = "USD",
-  Ruble = "RUB",
-  BritishPoundSterling = "GBP"
-}

package/src/lib/model/enum/language-code.enum.ts

@@ -1,8 +0,0 @@
-// Follows notation for LCID locale https://docs.microsoft.com/en-us/openspecs/office_standards/ms-oe376/6c085406-a698-4e12-9d4d-c3b0ee3dbc4a
-export enum LanguageCode {
-  Dutch= "nl-NL",
-  German = "de-DE",
-  French = "fr-FR",
-  English = "en-GB",
-  Russian = "ru-RU"
-}

package/src/lib/model/map/currencies.map.ts

@@ -1,6 +0,0 @@
-export enum CurrencyCodeToCharacter {
-  EUR = "€",
-  USD = "$",
-  RUB = "R",
-  GBP = "£"
-}

package/src/lib/modules/drag-drop/drag-drop-container.component.ts

@@ -1,115 +0,0 @@
-import {AfterViewInit, Directive, ElementRef, EventEmitter, Input, OnDestroy, Output, Renderer2} from "@angular/core";
-import {Subscription} from "rxjs";
-import {DragDropManagerService} from "./drag-drop-manager.service";
-import {DragDropContainer} from "./model/drag-drop-container";
-import {CoOrientation} from "../../core/enum/co-orientation";
-import {CoDropEvent} from "./model/co-drop-event";
-import {ArrayUtils} from "../../core/utils/array-utils";
-
-@Directive({
-    selector: "co-drag-drop-container"
-})
-export class DragDropContainerComponent implements AfterViewInit, OnDestroy {
-
-    /**
-     * Model of list containing draggable items
-     */
-    @Input()
-    public sortableList: any[];
-
-    @Input()
-    public handleSort: boolean = false;
-
-    @Input()
-    public set enabled(value: boolean) {
-        this._enabled = value;
-        this.handleEnabledChange();
-    }
-
-    /**
-     * Class of the handle to drag operations
-     */
-    @Input()
-    public dragHandle: string = "";
-
-    // Emits when the order of sortableList items changed after a drag-drop action.
-    @Output()
-    public sortingChange: EventEmitter<any[]> = new EventEmitter<any[]>();
-
-    private _container: DragDropContainer;
-    private _enabled: boolean = true;
-    private _handleOrderSub: Subscription;
-    private _initialized: boolean = false;
-
-    constructor(private _elementRef: ElementRef, private _renderer: Renderer2, private _dragDropService: DragDropManagerService) {
-        this._dragDropService.renderer = this._renderer;
-        this._container = new DragDropContainer(_elementRef.nativeElement, CoOrientation.Vertical);
-    }
-
-    ngAfterViewInit(): void {
-        this._initialized = true;
-        this._createDragDrop();
-        if (this._initialized) {
-            this._updateEnableDisableContainer();
-        }
-    }
-
-    /**
-     * Cleanup...
-     */
-    ngOnDestroy(): void {
-        this._removeDragDrop();
-    }
-
-    public handleEnabledChange(): void {
-        if (!this._initialized) {
-            return;
-        }
-        if (this._enabled) {
-            this._dragDropService.enableContainer(this._container);
-            this._createDragDrop();
-        } else {
-            this._dragDropService.disableContainer(this._container);
-            this._removeDragDrop();
-            this._initialized = false;
-        }
-    }
-
-    private _createDragDrop(): void {
-        this._dragDropService.addContainer(this._container);
-        this._dragDropService.addDragHandle(this.dragHandle);
-        if (this.handleSort) { // subscribe drop event to be able to adapt the order of dropped items
-            this._handleOrderSub = this._dragDropService.drop.subscribe((event: CoDropEvent) => {
-                this._handleOrder(event.container, event.elementIndex, event.targetIndex);
-            });
-        }
-        this._initialized = true;
-    }
-
-    private _removeDragDrop(): void {
-        this._dragDropService.removeContainer(this._container);
-        this._dragDropService.removeDragHandle(this.dragHandle);
-        if (this._handleOrderSub) {
-            this._handleOrderSub.unsubscribe();
-        }
-    }
-
-    private _handleOrder(container: DragDropContainer, oldIndex: number, newIndex: number): void {
-        if (container !== this._container) {
-            return;
-        }
-        if (newIndex === -1) {
-            newIndex = this.sortableList.length;
-        }
-        ArrayUtils.MoveElement(this.sortableList[oldIndex], newIndex, this.sortableList);
-        this.sortingChange.emit(this.sortableList);
-    }
-
-    private _updateEnableDisableContainer(): void {
-        if (this._enabled) {
-            this._dragDropService.enableContainer(this._container);
-        } else {
-            this._dragDropService.disableContainer(this._container);
-        }
-    }
-}

package/src/lib/modules/drag-drop/drag-drop-container.css

@@ -1,34 +0,0 @@
-/* Included by main.scss in src/style root */
-
-co-drag-drop-container {
-    position: relative;
-}
-
-co-drag-drop-container.is-dragged {
-    cursor: grabbing;
-    cursor: -moz-grabbing;
-    cursor: -webkit-grabbing;
-    opacity: 0.2;
-}
-
-co-drag-drop-container.is-dragged > div {
-    opacity: 0.2;
-}
-
-.ghost-image {
-    position: fixed;
-    opacity: 0.8;
-    z-index: 51;
-    display: none !important;
-}
-
-.ghost-image.ghost-image.hide {
-    display: none !important;
-}
-
-.no-select {
-    -webkit-user-select: none !important;
-    -moz-user-select: none !important;
-    -ms-user-select: none !important;
-    user-select: none !important;
-}