@colijnit/corecomponents_v12 255.1.1 → 255.1.3

package/projects/corecomponents/src/lib/components/filter-item/filter-item.module.ts

@@ -1,42 +0,0 @@
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { CommonModule } from "@angular/common";
-import { NgModule } from "@angular/core";
-import { AppendPipeModule } from '../../pipes/append.pipe.module';
-import { PrependPipeModule } from '../../pipes/prepend.pipe.module';
-import { CollapsibleModule } from "../collapsible/collapsible.module";
-import { IconModule } from "../icon/icon.module";
-import { InputCheckboxModule } from "../input-checkbox/input-checkbox.module";
-import { InputTextModule } from "../input-text/input-text.module";
-import { FilterItemComponent } from "./filter-item.component";
-import {InputRadioButtonModule} from '../input-radio-button/input-radio-button.module';
-import {CoreComponentsTranslationModule} from "../../translation/core-components-translation.module";
-import {InputDatePickerModule} from "../input-date-picker/input-date-picker.module";
-import {InputDateRangePickerModule} from "../input-date-range-picker/input-date-range-picker.module";
-
-@NgModule({
-    imports: [
-        CommonModule,
-        CollapsibleModule,
-        InputTextModule,
-        InputCheckboxModule,
-        IconModule,
-        ScrollingModule,
-        AppendPipeModule,
-        PrependPipeModule,
-        InputTextModule,
-        InputRadioButtonModule,
-        InputTextModule,
-        CoreComponentsTranslationModule,
-        InputDatePickerModule,
-        InputDateRangePickerModule
-    ],
-  declarations: [
-    FilterItemComponent
-  ],
-  exports: [
-    FilterItemComponent
-  ]
-})
-export class FilterItemModule {
-
-}

package/projects/corecomponents/src/lib/components/filter-item/filter-viewmodel.ts

@@ -1,11 +0,0 @@
-import {FilterItemViewmodel} from "./filter-item-viewmodel";
-
-export class FilterViewmodel {
-    public filterItems: FilterItemViewmodel[] = [];
-
-    constructor(collection: any[], fields: {text, value} ) {
-        collection.forEach((item: any) => {
-            this.filterItems.push(new FilterItemViewmodel(item[fields.value], item[fields.text], item.checked ?? false, item.count ?? null, item.valueName ?? null ));
-        });
-    }
-}

package/projects/corecomponents/src/lib/components/form/form.component.ts

@@ -1,211 +0,0 @@
-import {AfterViewInit, Component, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, ViewEncapsulation} from "@angular/core";
-import {FormControl, FormGroup} from "@angular/forms";
-import {Subject, Subscription} from "rxjs";
-import {BaseInputComponent} from "../base/base-input.component";
-import {FormMasterService} from "../../core/service/form-master.service";
-
-const FormGroupStatus: any = {
-  VALID: "VALID",
-  INVALID: "INVALID",
-  PENDING: "PENDING",
-  DISABLED: "DISABLED"
-};
-
-@Component({
-  selector: "co-form",
-  template: `
-    <ng-content></ng-content>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-// The iOneJS version of the form tag, representing a form with controls.
-export class FormComponent implements AfterViewInit, OnDestroy, OnInit {
-  @Input()
-  set readonly(value: boolean) {
-    this._readonly = value;
-    this.readonlyChange.emit(value);
-  }
-
-  get readonly(): boolean {
-    return this._readonly;
-  }
-
-  @Input()
-  public keepInView: Element;
-
-  @Output()
-  public onChange: EventEmitter<FormControl> = new EventEmitter<FormControl>();
-
-  @HostBinding("class.co-form")
-  public showClass: boolean = true;
-
-  @HostBinding("class.submitted")
-  public submitted: boolean = false;
-
-  // Emits true after every valid submit.
-  @Output()
-  public readonly validSubmit: EventEmitter<void> = new EventEmitter<void>();
-
-  // Emits void after every 'submit' (either valid or invalid, eg a submit attempt)
-  @Output()
-  public readonly anySubmit: EventEmitter<void> = new EventEmitter<void>();
-
-  // note: a disabled control is considered valid
-  @Output()
-  public readonly validityChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-  @Output()
-  public readonly readonlyChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-  // The Angular in-memory representation of the form controls on this form. Performs actual logic, emits 'input field' (Control) state change events, etc.
-  public formGroup: FormGroup = new FormGroup({});
-
-  @Output()
-  public invalidSubmit: Subject<void> = new Subject<void>();
-
-  private _readonly: boolean = false;
-  private _valueChangeSub: Subscription;
-  private _statusChangeSub: Subscription;
-
-  private _init: boolean;
-
-  // key: name of form inputs, values: the component for that name
-  private _componentMap: Map<string, BaseInputComponent<any>> = new Map<string, BaseInputComponent<any>>([]);
-
-  constructor(
-    private _formMaster: FormMasterService
-  ) {
-    this._formMaster.addSlave(this);
-  }
-
-  ngAfterViewInit(): void {
-    this._init = true;
-  }
-
-  ngOnInit(): void {
-    this._valueChangeSub = this.formGroup.valueChanges.subscribe((e) => {
-      this.onChange.emit(e);
-    });
-    this._statusChangeSub = this.formGroup.statusChanges.subscribe((e) => {
-      if (e === FormGroupStatus.VALID || e === FormGroupStatus.DISABLED) {
-        this.validityChange.emit(true);
-      } else if (e === FormGroupStatus.INVALID) {
-        this.validityChange.emit(false);
-      }
-    });
-  }
-
-  ngOnDestroy(): void {
-    if (this._valueChangeSub) {
-      this._valueChangeSub.unsubscribe();
-    }
-    if (this._statusChangeSub) {
-      this._statusChangeSub.unsubscribe();
-    }
-    this._componentMap.clear();
-    this._componentMap = undefined;
-    this._formMaster.removeSlave(this);
-    this.keepInView = undefined;
-  }
-
-  public addFormInput(formInput: BaseInputComponent<any>): void {
-    this.formGroup.addControl(formInput.name, formInput.control);
-    if (formInput.elementRef) {
-      this._componentMap.set(formInput.name, formInput);
-    }
-  }
-
-  public removeFormInput(formInput: BaseInputComponent<any>): void {
-    this.formGroup.removeControl(formInput.name);
-    this._componentMap.delete(formInput.name);
-  }
-
-  public updateFormInput(formInput: BaseInputComponent<any>): void {
-    this.formGroup.setControl(formInput.name, formInput.control);
-  }
-
-  // Marks form as touched, checks validity and returns true if indeed valid, else false. Visuals of form inputs can change after calling this.
-  public checkUpdateValidity(): boolean {
-    this.formGroup.markAsTouched();
-    this.formGroup.updateValueAndValidity();
-    if (!this.isValid()) {
-      this._setFirstInvalidElementOnMaster();
-    }
-    return this.isValid();
-  }
-
-  public isTouched(): boolean {
-    return this.formGroup.touched;
-  }
-
-  public isValid(): boolean {
-    return this._init && this.formGroup.valid;
-  }
-
-  // @HostListener('keyup.enter', ['$event'])
-  // onEnterKey(event: KeyboardEvent): void {
-  //     const target: HTMLElement = <HTMLElement>event.target;
-  //     if (['TEXTAREA', 'SELECT'].indexOf(target.tagName) !== -1) {
-  //         return;
-  //     }
-  //     if (target.isContentEditable) {
-  //         return;
-  //     }
-  //     if (target.tagName === 'BUTTON-COLIJN' && target.getAttribute('type') === 'submit') {
-  //         return;
-  //     }
-  //     this.submit();
-  // }
-
-  public reset(): void {
-    this.submitted = false;
-    this.formGroup.markAsUntouched();
-  }
-
-  // returns validity
-  public submit(throughFormMaster: boolean = false): boolean {
-    this.submitted = true;
-    if (!throughFormMaster) {
-      this.anySubmit.emit();
-    }
-    if (this.checkUpdateValidity()) {
-      this.validSubmit.emit();
-    } else {
-      if (!throughFormMaster) {
-        this.invalidSubmit.next();
-      }
-    }
-    return this.isValid();
-  }
-
-  public showErrorTooltipOnFormGroupControl(key: string): void {
-    for (const controlKey in this.formGroup.controls) {
-      if (this.formGroup.controls.hasOwnProperty(controlKey)) {
-        if (this._componentMap.has(controlKey)) {
-          const comp: BaseInputComponent<any> = this._componentMap.get(controlKey);
-          for (const errorKey in this.formGroup.controls[controlKey].errors) {
-            if (this.formGroup.controls[controlKey].errors.hasOwnProperty(errorKey)) {
-              const error: any = this.formGroup.controls[controlKey].errors[errorKey];
-              if (controlKey === key) {
-                comp.showValidationError(error);
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  private _setFirstInvalidElementOnMaster(): void {
-    const elements: any = Array.from(this._componentMap);
-    const len: number = elements.length;
-    for (let i: number = 0; i < len; i++) {
-      const key: string = elements[i][0];
-      const value: BaseInputComponent<any> = elements[i][1];
-      if (this.formGroup.controls.hasOwnProperty(key) && this.formGroup.controls[key].status.toLowerCase() === "invalid") {
-        this._formMaster.setFirstInvalidField(this, key, value.elementRef ? value.elementRef.nativeElement : undefined);
-        return;
-      }
-    }
-  }
-}

package/projects/corecomponents/src/lib/components/form/form.module.ts

@@ -1,22 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-
-import {FormComponent} from "./form.component";
-import {FormMasterService} from "../../core/service/form-master.service";
-
-@NgModule({
-  imports: [
-    CommonModule
-  ],
-  declarations: [
-    FormComponent
-  ],
-  providers: [
-    FormMasterService
-  ],
-  exports: [
-    FormComponent
-  ]
-})
-export class FormModule {
-}

package/projects/corecomponents/src/lib/components/grid-toolbar/grid-toolbar.component.ts

@@ -1,62 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from '@angular/core';
-import {CoreComponentsIcon} from "../../core/enum/core-components-icon.enum";
-import {IconCacheService} from "../icon/icon-cache.service";
-import {InputBoolean} from '../../core/decorator/input-boolean.decorator';
-
-@Component({
-  selector: "co-grid-toolbar",
-  template: `
-    <div class="grid-toolbar-wrapper">
-      <co-icon *ngIf="showEdit" [iconData]="iconsService.getIcon(icons.PenToSquareSolid)" [title]="'edit'" (click)="editClick.emit($event)"></co-icon>
-      <co-icon *ngIf="showEdit" [iconData]="iconsService.getIcon(icons.RotateLeftSolid)" [title]="'cancel'" (click)="cancelClick.emit()"></co-icon>
-      <co-icon *ngIf="showEdit" [iconData]="iconsService.getIcon(icons.FloppyDiskSolid)" [title]="'save'" (click)="saveClick.emit()"></co-icon>
-      <co-icon *ngIf="showAdd || showEdit" [iconData]="iconsService.getIcon(icons.PlusSolid)" [title]="'add'" (click)="addClick.emit()"></co-icon>
-      <co-icon *ngIf="showDelete" [iconData]="iconsService.getIcon(icons.TrashCanSolid)" [title]="'delete'" [class.disabled]="!deleteEnabled" (click)="handleDeleteClick()"></co-icon>
-    </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class GridToolbarComponent {
-  public readonly icons: typeof CoreComponentsIcon = CoreComponentsIcon;
-
-  @Input()
-  public showEdit: boolean = false;
-
-  @Input()
-  public showAdd: boolean = false;
-
-  @Input()
-  public showDelete: boolean = false;
-
-  @Input()
-  public deleteEnabled: boolean = false;
-
-  @Output()
-  public editClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-  @Output()
-  public cancelClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public saveClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public addClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public deleteClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @HostBinding("class.co-grid-toolbar")
-  public showClass() {
-    return true;
-  }
-
-  constructor(public iconsService: IconCacheService) {
-  }
-
-  public handleDeleteClick(): void {
-    if (this.deleteEnabled) {
-      this.deleteClick.next();
-    }
-  }
-}

package/projects/corecomponents/src/lib/components/grid-toolbar/grid-toolbar.module.ts

@@ -1,21 +0,0 @@
-import {NgModule} from "@angular/core";
-import {GridToolbarComponent} from "./grid-toolbar.component";
-import {IconModule} from "../icon/icon.module";
-import {ButtonModule} from "../button/button.module";
-import {CommonModule} from '@angular/common';
-
-@NgModule({
-    imports: [
-        IconModule,
-        ButtonModule,
-        CommonModule
-    ],
-  declarations: [
-    GridToolbarComponent
-  ],
-  exports: [
-    GridToolbarComponent
-  ]
-})
-export class GridToolbarModule {
-}

package/projects/corecomponents/src/lib/components/grid-toolbar-button/grid-toolbar-button.component.ts

@@ -1,28 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
-import {SafeHtml} from "@angular/platform-browser";
-
-@Component({
-  selector: "co-grid-toolbar-button",
-  template: `
-    <div class="grid-toolbar-button-wrapper" [class.disabled]="disabled" (click)="buttonClick.next()">
-      <co-icon [iconData]="iconData"></co-icon>
-    </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class GridToolbarButtonComponent {
-
-  @Input()
-  public iconData: SafeHtml | undefined;
-
-  @Input()
-  public disabled: boolean = false;
-
-  @Output()
-  public buttonClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @HostBinding("class.co-grid-toolbar-button")
-  public showClass() {
-    return true;
-  }
-}

package/projects/corecomponents/src/lib/components/grid-toolbar-button/grid-toolbar-button.module.ts

@@ -1,17 +0,0 @@
-import {NgModule} from "@angular/core";
-import {GridToolbarButtonComponent} from "./grid-toolbar-button.component";
-import {IconModule} from "../icon/icon.module";
-
-@NgModule({
-  imports: [
-    IconModule,
-  ],
-  declarations: [
-    GridToolbarButtonComponent
-  ],
-  exports: [
-    GridToolbarButtonComponent
-  ]
-})
-export class GridToolbarButtonModule {
-}

package/projects/corecomponents/src/lib/components/icon/icon-cache.service.ts

@@ -1,57 +0,0 @@
-import { Injectable } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-
-import { ObjectUtils } from '../../core/utils/object-utils';
-import { StringUtils } from '../../core/utils/string-utils';
-import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
-import { CoreComponentsIconSvg } from '../../core/model/core-components-icon-svg';
-
-@Injectable()
-export class IconCacheService {
-    /**
-     * All the icons as a large JSON object, from the all-icons.json file.
-     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
-     */
-    public get iconCache(): { [iconName: string]: SafeHtml } {
-        return this._iconCache;
-    }
-
-    private _iconCache: { [iconName: string]: SafeHtml } = {};
-
-    private _allIcons: any;
-
-    constructor(private _sanitizer: DomSanitizer) {
-        this._allIcons = CoreComponentsIconSvg;
-        this.setIconCache();
-    }
-
-    public getIcon(iconName: CoreComponentsIcon): SafeHtml {
-        if (StringUtils.IsStringWithLength(iconName)) {
-            return this._iconCache[iconName.toLowerCase()];
-        }
-    }
-
-    public getRawIcon(iconName: CoreComponentsIcon): string {
-        if (StringUtils.IsStringWithLength(iconName)) {
-            return this._allIcons[iconName.toLowerCase()];
-        }
-    }
-
-    public getIconAsBase64(iconName: CoreComponentsIcon): SafeHtml {
-        const icon: string = this._allIcons[iconName];
-        const base64Data: string = window.btoa(icon);
-        return this._sanitizer.bypassSecurityTrustUrl(`data:image/svg+xml;base64,${base64Data}`);
-    }
-
-    public getIconRawBase64(iconName: CoreComponentsIcon): string {
-        const icon: string = this._allIcons[iconName];
-        const base64Data: string = window.btoa(icon);
-        return "data:image/svg+xml;base64," + base64Data;
-    }
-
-    public setIconCache(): void {
-        ObjectUtils.ForOwnProperty(this._allIcons, (svgData: string, iconName: CoreComponentsIcon) => {
-            this._iconCache[iconName.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(this._allIcons[iconName]);
-        });
-    }
-}

package/projects/corecomponents/src/lib/components/icon/icon.component.ts

@@ -1,54 +0,0 @@
-import {Component, HostBinding, Input, OnInit, ViewEncapsulation} from '@angular/core';
-import {SafeHtml} from '@angular/platform-browser';
-import {CoreComponentsIcon} from '../../core/enum/core-components-icon.enum';
-import {IconCacheService} from './icon-cache.service';
-
-@Component({
-  selector: 'co-icon',
-  template: ''
-  ,
-  encapsulation: ViewEncapsulation.None
-})
-export class IconComponent implements OnInit {
-
-  @Input()
-  public set icon(value: CoreComponentsIcon) {
-    this._icon = value;
-  }
-
-  @Input()
-  public set iconData(value: SafeHtml | undefined) {
-    if (value) {
-      this._iconData = value;
-      this._prepareIcon();
-    }
-  }
-
-  @HostBinding('class.co-icon')
-  public showClass: boolean = true;
-
-  @HostBinding('innerHtml')
-  public innerIconData: SafeHtml | undefined;
-
-  private _icon: CoreComponentsIcon;
-  private _iconData: SafeHtml | undefined;
-
-  constructor(private _iconCache: IconCacheService) {
-  }
-
-  ngOnInit() {
-    this._prepareIcon();
-  }
-
-  private _prepareIcon(): void {
-    if (this._iconData) {
-      this.innerIconData = this._iconData;
-    } else if (this._icon) {
-      this._setIconFromEnum(this._icon);
-    }
-  }
-
-  private _setIconFromEnum(icon: CoreComponentsIcon): void {
-    this.innerIconData = this._iconCache.getIcon(icon);
-  }
-}

package/projects/corecomponents/src/lib/components/icon/icon.module.ts

@@ -1,24 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
-
-import { IconComponent } from './icon.component';
-import { IconCacheService } from './icon-cache.service';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        HttpClientModule
-    ],
-    declarations: [
-        IconComponent
-    ],
-    providers: [
-        IconCacheService
-    ],
-    exports: [
-        IconComponent
-    ]
-})
-export class IconModule {
-}

package/projects/corecomponents/src/lib/components/icon-collapse-handle/icon-collapse-handle.component.ts

@@ -1,75 +0,0 @@
-import { Component, HostBinding, Input, ViewEncapsulation } from "@angular/core";
-import { InputBoolean } from "../../core/decorator/input-boolean.decorator";
-import { CoDirection } from "../../core/enum/co-direction";
-import { CoOrientation, OrientationOfDirection } from "../../core/enum/co-orientation";
-import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
-import { DirectionEnumUtils } from "../../core/utils/direction-enum-utils";
-
-@Component({
-  selector: "co-icon-collapse-handle",
-  template: `
-    <div class="wrap">
-      <co-icon [icon]="Icons.ArrowPointUp" [class]="'first ' + arrowDirection + ' ' + iconColorClass"></co-icon>
-      <co-icon *ngIf="twoArrows" [icon]="Icons.ArrowPointUp"
-            [class]="'second ' + oppositeArrowDirection + ' ' + iconColorClass"></co-icon>
-    </div>
-    <div class="absolute-fill-parent" md-ripple></div>
-    `,
-  encapsulation: ViewEncapsulation.None
-})
-export class IconCollapseHandleComponent {
-
-  @HostBinding("class.co-icon-collapse-handle")
-  public showClass() {
-    return true;
-  }
-
-  @Input()
-  public orientation: CoOrientation = CoOrientation.Horizontal;
-
-  @Input()
-  public set arrowDirection(arrowDirection: CoDirection) {
-    this._arrowDirection = arrowDirection;
-    this._oppositeArrowDirection = DirectionEnumUtils.OppositeOf(this._arrowDirection);
-  }
-
-  public get arrowDirection(): CoDirection {
-    return this._arrowDirection;
-  }
-
-  @Input() @InputBoolean() @HostBinding("class.two-arrows")
-  public twoArrows: boolean = false;
-
-  @HostBinding("class.vertical")
-  public get isVertical(): boolean {
-    return this.orientation === CoOrientation.Vertical;
-  }
-
-  @HostBinding("class.arrows-orientated-horizontally")
-  public get arrowsOrientatedHorizontally(): boolean {
-    return OrientationOfDirection(this._arrowDirection) === CoOrientation.Horizontal;
-  }
-
-  public get oppositeArrowDirection(): CoDirection {
-    return this._oppositeArrowDirection;
-  }
-
-  public readonly iconColorClass: string = "action-color";
-
-  @HostBinding("class.hidden")
-  public hidden: boolean;
-
-  public required: boolean;
-  public readonly: boolean;
-
-
-  public readonly Icons: typeof CoreComponentsIcon = CoreComponentsIcon;
-
-  private _arrowDirection: CoDirection = CoDirection.Up;
-  private _oppositeArrowDirection: CoDirection = CoDirection.Down;
-
-  constructor() {
-  }
-
-
-}

package/projects/corecomponents/src/lib/components/icon-collapse-handle/icon-collapse-handle.module.ts

@@ -1,21 +0,0 @@
-import { NgModule } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { RippleModule } from "../../directives/ripple/ripple.module";
-import { IconModule } from "../icon/icon.module";
-import { IconCollapseHandleComponent } from "./icon-collapse-handle.component";
-
-@NgModule({
-  imports: [
-    CommonModule,
-    IconModule,
-    RippleModule
-  ],
-  declarations: [
-    IconCollapseHandleComponent
-  ],
-  exports: [
-    IconCollapseHandleComponent
-  ]
-})
-export class IconCollapseHandleModule {
-}