@colijnit/corecomponents_v12 12.2.25 → 12.2.26

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

@@ -1,22 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { FormInputUserModelChangeListenerService } from '../../core/service/form-input-user-change-listener.service';
-import { NgZoneWrapperService } from '../../core/service/ng-zone-wrapper.service';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        FormsModule
-    ],
-    declarations: [
-
-    ],
-    exports: [],
-    providers: [
-        FormInputUserModelChangeListenerService,
-        NgZoneWrapperService
-    ]
-})
-export class BaseModule {
-}

package/projects/corecomponents/src/lib/components/base/commit-buttons/commit-buttons.component.ts

@@ -1,120 +0,0 @@
-import {
-    Component,
-    ElementRef,
-    EventEmitter,
-    HostBinding,
-    Input,
-    Output,
-    QueryList,
-    Renderer2,
-    ViewChildren,
-    ViewEncapsulation
-} from '@angular/core';
-import {animate, state, style, transition, trigger} from '@angular/animations';
-
-@Component({
-    selector: 'co-commit-buttons',
-    template: `
-        <div class="commit-buttons-wrapper" [overlay]="parentForOverlay" [rightAlign]="true" @showHideSaveCancel>
-            <div class="commit-buttons-button save" [class.finished]="commitFinished"
-                 (click)="commitClick.emit($event)">
-                <div class="save-button-spinner" *ngIf="committing">
-                    <div #animatediv></div>
-                    <div #animatediv></div>
-                    <div #animatediv></div>
-                    <div #animatediv></div>
-                </div>
-                <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" *ngIf="firstShow || commitFinished">
-                    <path class="checkmark-check" [class.first-show]="firstShow" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>
-            </div>
-            <div class="commit-buttons-button cancel" (click)="cancelClick.emit($event)">
-                <div class="cancel-button"></div>
-            </div>
-        </div>
-    `,
-    animations: [
-        trigger('showHideSaveCancel', [
-            state('*', style({transform: 'scaleY(1)', opacity: 1})),
-            state('void', style({transform: 'scaleY(0)', opacity: 0})),
-            transition('void <=> *', animate(200))
-        ]),
-    ],
-    encapsulation: ViewEncapsulation.None
-})
-export class CommitButtonsComponent {
-    @ViewChildren('animatediv', {read: ElementRef}) set content(children) {
-        this.animateDivs = children.toArray();
-        this._checkAnimation();
-    }
-
-    public animateDivs: QueryList<ElementRef>;
-    public firstShow: boolean = true;
-
-    @Input()
-    public set committing(value: boolean) {
-        if (value) {
-            this.firstShow = false;
-        }
-        this._committing = value;
-        this._checkAnimation();
-    }
-
-    public get committing(): boolean {
-        return this._committing;
-    }
-
-    @Input()
-    public set commitFinished(value: boolean) {
-        if (value) {
-            this._checkAnimationFinished();
-        }
-        this._commitFinished = value;
-    }
-
-    public get commitFinished(): boolean {
-        return this._commitFinished;
-    }
-
-    @Input()
-    public parentForOverlay: ElementRef;
-
-    @Output()
-    public cancelClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @Output()
-    public commitClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @HostBinding('class.co-commit-buttons')
-    public showClass() {
-        return true;
-    }
-
-    private _committing: boolean = false;
-    private _commitFinished: boolean = false;
-
-    constructor(private _renderer: Renderer2) {
-    }
-
-    private _checkAnimation(): void {
-        if (this.animateDivs) {
-            if (this.committing) {
-                this.animateDivs.forEach(a => this._renderer.addClass(a.nativeElement, 'animate'));
-            } else {
-                this.animateDivs.forEach(a => this._renderer.removeClass(a.nativeElement, 'animate'));
-            }
-        }
-    }
-
-    private _checkAnimationFinished(): void {
-        if (this.commitFinished && this.animateDivs) {
-            this.animateDivs.forEach(a => {
-                a.nativeElement.addEventListener('animationiteration', this._handleAnimationIteration);
-            });
-        }
-    }
-
-    private _handleAnimationIteration = (event: AnimationEvent) => {
-        this._renderer.removeClass(event.currentTarget, 'animate');
-        event.currentTarget.removeEventListener('animationiteration', this._handleAnimationIteration);
-    };
-}

package/projects/corecomponents/src/lib/components/base/commit-buttons/commit-buttons.module.ts

@@ -1,19 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {CommitButtonsComponent} from "./commit-buttons.component";
-import {OverlayModule} from '../../../directives/overlay/overlay.module';
-
-@NgModule({
-  imports: [
-    CommonModule,
-      OverlayModule
-  ],
-  declarations: [
-    CommitButtonsComponent
-  ],
-  exports: [
-    CommitButtonsComponent
-  ]
-})
-export class CommitButtonsModule {
-}

package/projects/corecomponents/src/lib/components/base/dialog-base.component.ts

@@ -1,8 +0,0 @@
-import {AppPopupButtonType} from '../../model/enum/app-button-type.enum';
-
-export abstract class DialogBaseComponent {
-
-  onClose(eventType: AppPopupButtonType, output?: any, rememberChoice?: boolean): void {
-    return;
-  }
-}

package/projects/corecomponents/src/lib/components/base-input-date-picker/base-input-date-picker.directive.ts

@@ -1,32 +0,0 @@
-import {Directive, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';
-import {SafeHtml} from "@angular/platform-browser";
-import {BaseInputComponent} from "../base/base-input.component";
-import {CoreComponentsIcon} from "../../core/enum/core-components-icon.enum";
-
-@Directive()
-export abstract class BaseInputDatePickerDirective extends BaseInputComponent<any> implements OnInit {
-  public readonly rightIcon: CoreComponentsIcon = CoreComponentsIcon.CalendarDayRegular;
-
-  @ViewChild("parentForOverlay", {read: ElementRef})
-  public parentForOverlay: ElementRef;
-
-  @Input()
-  public locale: string = 'en-EN';
-
-  @Input()
-  public placeholder: string;
-
-  @Input()
-  public leftIcon: CoreComponentsIcon;
-
-  @Input()
-  public leftIconData: SafeHtml;
-
-  @Output()
-  public leftIconClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-  @Input()
-  public closeAfterDateSelection: boolean = true;
-
-  public showCalendar: boolean;
-}

package/projects/corecomponents/src/lib/components/base-input-time/base-input-time-directive.ts

@@ -1,31 +0,0 @@
-import {Directive, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';
-import {SafeHtml} from "@angular/platform-browser";
-import {BaseInputComponent} from "../base/base-input.component";
-import {CoreComponentsIcon} from "../../core/enum/core-components-icon.enum";
-
-@Directive()
-export abstract class BaseInputTimeDirective extends BaseInputComponent<any> implements OnInit {
-  public readonly rightIcon: CoreComponentsIcon = CoreComponentsIcon.Clock;
-
-  @ViewChild("parentForOverlay", {read: ElementRef})
-  public parentForOverlay: ElementRef;
-
-  @Input()
-  public locale: string = 'nl-NL';
-
-  @Input()
-  public placeholder: string;
-
-  @Input()
-  public leftIcon: CoreComponentsIcon;
-
-  @Input()
-  public leftIconData: SafeHtml;
-
-  @Output()
-  public leftIconClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-  @Input()
-  public closeAfterDateSelection: boolean = true;
-
-}

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

@@ -1,117 +0,0 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    ElementRef,
-    EventEmitter, forwardRef,
-    HostBinding,
-    HostListener,
-    Input,
-    OnDestroy,
-    Output,
-    ViewEncapsulation
-} from '@angular/core';
-import {SafeHtml} from '@angular/platform-browser';
-import {EventUtils} from '../../core/utils/event-utils';
-import {SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME} from '../../interfaces/screen-config-adapter-component-interface-name';
-import {ScreenConfigAdapterComponent} from '../../interfaces/screen-config-adapter.component.interface';
-
-@Component({
-    selector: 'co-button',
-    template: `
-        <co-icon *ngIf="!!iconData" [iconData]="iconData"></co-icon>
-        <span *ngIf="!!label" class="label">{{ label }}</span>
-        <co-icon *ngIf="!!iconDataRight" [iconData]="iconDataRight"></co-icon>
-        <div class="rippler" md-ripple [mdRippleDisabled]="disabled"></div>
-    `,
-    host: {
-        tabindex: '0'
-    },
-    providers: [{
-        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
-        useExisting: forwardRef(() => ButtonComponent)
-    }
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class ButtonComponent implements ScreenConfigAdapterComponent, OnDestroy {
-    @HostBinding('class.has-label')
-    @Input()
-    public label: string;
-
-    @HostBinding('class.has-left-icon')
-    @Input()
-    public iconData: SafeHtml | undefined;
-
-    @HostBinding('class.has-right-icon')
-    @Input()
-    public iconDataRight: SafeHtml | undefined;
-
-    @Input()
-    public isToggleButton: boolean;
-
-    @Input()
-    @HostBinding('class.toggled')
-    public isToggled: boolean;
-
-    @Input()
-    @HostBinding('class.co-hidden')
-    public hidden: boolean = false;
-
-    @Input()
-    @HostBinding('class.disabled')
-    public disabled: boolean = false;
-
-    @HostBinding('class.co-button')
-    public showClass() {
-        return true;
-    }
-
-    @Output()
-    public readonly onClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @Output()
-    public readonly clickedWhileDisabled: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @Output()
-    public readonly isToggledChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-    @HostBinding('class.has-icon')
-    public get hasIcon(): boolean {
-        return !!this.iconData;
-    }
-
-    @HostListener('click', ['$event'])
-    public onHostClick(event: MouseEvent): void {
-        if (this.readonly || this.disabled) {
-            this.clickedWhileDisabled.emit(event);
-            EventUtils.KillEvent(event);
-        } else {
-            this.onClick.emit(event);
-            if (this.isToggleButton) {
-                this.isToggled = !this.isToggled;
-                this.isToggledChange.emit(this.isToggled);
-            }
-        }
-    }
-
-    public objectConfigName: string;
-    public required: boolean;
-    public forceReadonly: boolean;
-    @HostBinding("class.read-only")
-    public readonly: boolean;
-    public maxLength: number;
-    public decimals: number;
-    public redErrorBackground: boolean;
-
-    constructor(private _elementRef: ElementRef) {
-    }
-
-    ngOnDestroy(): void {
-        this._elementRef = undefined;
-    }
-
-    public focus(): void {
-        this._elementRef.nativeElement.focus();
-    }
-}

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

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