@colijnit/corecomponents_v12 12.0.13 → 12.0.16

package/src/lib/components/grid/interface/grid-menu-event-args.ts

@@ -1,5 +0,0 @@
-import {MenuEventArgs} from "@syncfusion/ej2-angular-navigations";
-
-export interface GridMenuEventArgs extends MenuEventArgs {
-
-}

package/src/lib/components/grid/interface/grid-row-drag-event-args.ts

@@ -1,5 +0,0 @@
-import {RowDragEventArgs} from "@syncfusion/ej2-angular-grids";
-
-export interface GridRowDragEventArgs extends RowDragEventArgs {
-
-}

package/src/lib/components/grid/interface/grid-row-drop-event-args.ts

@@ -1,5 +0,0 @@
-import {RowDropEventArgs} from "@syncfusion/ej2-angular-grids";
-
-export interface GridRowDropEventArgs extends RowDropEventArgs {
-
-}

package/src/lib/components/grid/model/co-grid-column.ts

@@ -1,9 +0,0 @@
-import { ColumnAlign } from '../enum/column-align.enum';
-
-export class CoGridColumn {
-    public field: string;
-    public headerText: string;
-    public width?: number;
-    public textAlign?: ColumnAlign;
-    public format?: string;
-}

package/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/src/lib/components/icon/icon.component.ts

@@ -1,30 +0,0 @@
-import { Component, HostBinding, Input } 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: '',
-    styleUrls: [
-        "icon.scss"
-    ]
-})
-export class IconComponent {
-
-    @Input()
-    public set icon(value: CoreComponentsIcon) {
-        this._setIconFromEnum(value);
-    }
-
-    @Input()
-    @HostBinding("innerHtml")
-    public iconData: SafeHtml | undefined;
-
-    constructor(private _iconCache: IconCacheService) {
-    }
-
-    private _setIconFromEnum(icon: CoreComponentsIcon): void {
-        this.iconData = this._iconCache.getIcon(icon);
-    }
-}

package/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/src/lib/components/image/image.component.ts

@@ -1,20 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
-
-@Component({
-    selector: "co-image",
-    template: `
-        <img *ngIf="!!source" [src]="source">
-    `,
-    styleUrls: [
-        "image.css"
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ImageComponent {
-    // Can be an URL or a base64 data string
-    @Input()
-    public source: string;
-
-    constructor() {
-    }
-}

package/src/lib/components/image/image.css

@@ -1,9 +0,0 @@
-:host {
-    display: inline-block;
-}
-
-img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-}

package/src/lib/components/image/image.module.ts

@@ -1,11 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {ImageComponent} from "./image.component";
-
-@NgModule({
-    imports: [CommonModule],
-    declarations: [ImageComponent],
-    exports: [ImageComponent]
-})
-export class ImageModule {
-}

package/src/lib/components/input-checkbox/input-checkbox.component.scss

@@ -1,14 +0,0 @@
-/*@import "../../../../node_modules/@syncfusion/ej2-base/styles/material.scss";
-@import "../../../../node_modules/@syncfusion/ej2-buttons/styles/material.scss";
-
-.e-checkbox-wrapper .e-frame.e-check e-info,
-.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
-.e-checkbox-wrapper:hover .e-frame.e-check {
-  background-color: #2196f3;
-}
-.e-checkbox-wrapper .e-frame.e-check e-success,
-.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
-.e-checkbox-wrapper:hover .e-frame.e-check {
-  background-color: green;
-}*/
-@import "../../style/_base-input.scss";

package/src/lib/components/input-checkbox/input-checkbox.component.ts

@@ -1,69 +0,0 @@
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    EventEmitter, forwardRef,
-    HostBinding,
-    Input,
-    Optional,
-    Output,
-    ViewEncapsulation
-} from "@angular/core";
-import { BaseInputComponent } from '../base/base-input.component';
-import { FormComponent } from '../form/form.component';
-import { FormInputUserModelChangeListenerService } from '../../core/service/form-input-user-change-listener.service';
-import { NgZoneWrapperService } from '../../core/service/ng-zone-wrapper.service';
-import {COMPONENT_INTERFACE_NAME} from "../base/component-interface-name";
-
-@Component({
-    selector: "co-input-checkbox",
-    template: `
-        <ejs-checkbox [label]="label"
-                      [name]="name"
-                      [cssClass]="cssClass"
-                      [ngModel]="model"
-                      (ngModelChange)="handleModelChange($event)"
-        ></ejs-checkbox>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    providers: [{
-        provide: COMPONENT_INTERFACE_NAME,
-        useExisting: forwardRef(() => InputCheckboxComponent)
-    }],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    styleUrls: [
-        "input-checkbox.component.scss"
-    ]
-})
-export class InputCheckboxComponent extends BaseInputComponent<boolean> {
-    @Input()
-    public name: string;
-
-    @Input()
-    public label: string;
-
-    @Input()
-    public cssClass: string;
-
-    @Output()
-    public modelChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-    constructor(@Optional()
-                public formComponent: FormComponent,
-                changeDetector: ChangeDetectorRef,
-                formUserChangeListener: FormInputUserModelChangeListenerService,
-                ngZoneWrapper: NgZoneWrapperService) {
-        super(changeDetector, formUserChangeListener, ngZoneWrapper);
-    }
-
-    public setModel(value: boolean): void {
-        this.model = value;
-        this.modelChange.next(this.model);
-    }
-
-    public handleModelChange(value: boolean): void {
-        if (!this.readonly && !this.disabled) {
-            this.setModel(value);
-        }
-    }
-}

package/src/lib/components/input-checkbox/input-checkbox.module.ts

@@ -1,22 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { BaseModule } from '../base/base.module';
-import { InputCheckboxComponent } from './input-checkbox.component';
-import { CheckBoxModule } from '@syncfusion/ej2-angular-buttons';
-import { enableRipple } from '@syncfusion/ej2-base';
-
-enableRipple(true);
-
-@NgModule({
-    imports: [
-        BaseModule,
-        CommonModule,
-        FormsModule,
-        CheckBoxModule,
-    ],
-    declarations: [InputCheckboxComponent],
-    exports: [InputCheckboxComponent]
-})
-export class InputCheckboxModule {
-}

package/src/lib/components/input-checkbox-multi-select/input-checkbox-multi-select.component.scss

@@ -1,8 +0,0 @@
-/*@import '../../../../node_modules/@syncfusion/ej2-base/styles/material.scss';
-@import '../../../../node_modules/@syncfusion/ej2-buttons/styles/material.scss';
-@import '../../../../node_modules/@syncfusion/ej2-dropdowns/styles/material.scss';
-@import '../../../../node_modules/@syncfusion/ej2-inputs/styles/material.scss';
-@import '../../../../node_modules/@syncfusion/ej2-popups/styles/material.scss';
-@import '../../../../node_modules/@syncfusion/ej2-lists/styles/material.scss';
-@import '../../../../node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.scss';*/
-@import "../../style/_base-input.scss";

package/src/lib/components/input-checkbox-multi-select/input-checkbox-multi-select.component.ts

@@ -1,84 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  forwardRef,
-  Input,
-  OnDestroy,
-  OnInit, Optional,
-  Output, Renderer2, ViewChild,
-  ViewEncapsulation
-} from '@angular/core';
-import { BaseInputComponent } from '../base/base-input.component';
-import { COMPONENT_INTERFACE_NAME } from '../base/component-interface-name';
-import { FormInputUserModelChangeListenerService } from '../../core/service/form-input-user-change-listener.service';
-import { NgZoneWrapperService } from '../../core/service/ng-zone-wrapper.service';
-import { FormComponent } from '../form/form.component';
-
-@Component({
-  selector: "co-input-checkbox-multi-select",
-  template: `
-    <ejs-multiselect
-       [placeholder]="placeholder"
-       [dataSource]="source"
-       [fields]="fields"
-       mode="CheckBox"
-       showDropDownIcon="true"
-       [showSelectAll]="false"
-       [filterBarPlaceholder]="filterPlaceholder"
-    ></ejs-multiselect>
-  `,
-  styleUrls: ['./input-checkbox-multi-select.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-  providers: [{
-    provide: COMPONENT_INTERFACE_NAME,
-    useExisting: forwardRef(() => InputCheckboxMultiSelectComponent)
-  }],
-  changeDetection: ChangeDetectionStrategy.OnPush
-
-})
-export class InputCheckboxMultiSelectComponent extends BaseInputComponent<any> implements OnInit, AfterViewInit, OnDestroy {
-
-  @Input()
-  public source: Object[] | string[] | number[] | boolean[]
-
-  @Input()
-  public fields: Object
-
-  @Input()
-  public selected: number | string | boolean;
-
-  @Input()
-  public placeholder: string;
-
-  @Input()
-  public filterPlaceholder: string;
-
-  constructor(
-      @Optional()
-      public formComponent: FormComponent,
-      protected changeDetector: ChangeDetectorRef,
-      protected formUserChangeListener?: FormInputUserModelChangeListenerService,
-      protected ngZoneWrapper?: NgZoneWrapperService,
-      public elementRef?: ElementRef
-  ) {
-    super(changeDetector, formUserChangeListener, ngZoneWrapper, elementRef);
-    super._markAsOnPush();
-  }
-
-  ngOnDestroy(): void {
-    this.elementRef = undefined;
-    super.ngOnDestroy();
-  }
-
-  ngOnInit(): void {
-    super.ngOnInit();
-  }
-
-  ngAfterViewInit(): void {
-    super.ngAfterViewInit();
-  }
-}

package/src/lib/components/input-checkbox-multi-select/input-checkbox-multi-select.module.ts

@@ -1,24 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { IconModule } from '../icon/icon.module';
-import { BaseModule } from '../base/base.module';
-import { AppendPipeModule } from '../../pipes/append.pipe.module';
-import {MultiSelectAllModule} from "@syncfusion/ej2-angular-dropdowns";
-import {InputCheckboxMultiSelectComponent} from "./input-checkbox-multi-select.component";
-
-@NgModule({
-    imports: [
-        BaseModule,
-        CommonModule,
-        FormsModule,
-        IconModule,
-        AppendPipeModule,
-        MultiSelectAllModule
-    ],
-    declarations: [InputCheckboxMultiSelectComponent],
-    exports: [InputCheckboxMultiSelectComponent]
-})
-export class InputCheckboxMultiSelectModule {
-}

package/src/lib/components/input-combo-box/input-combo-box.component.scss

@@ -1,8 +0,0 @@
-/*//@import "../../../../node_modules/@syncfusion/ej2-base/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-buttons/styles/material.scss";
-@import "../../../../node_modules/@syncfusion/ej2-dropdowns/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-inputs/styles/material.scss";
-@import "../../../../node_modules/@syncfusion/ej2-popups/styles/material.scss";
-@import "../../../../node_modules/@syncfusion/ej2-lists/styles/material.scss";
-@import "../../../../node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.scss";*/
-@import "../../style/_base-input.scss";

package/src/lib/components/input-combo-box/input-combo-box.component.ts

@@ -1,96 +0,0 @@
-import {
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Input,
-    OnDestroy,
-    OnInit, Optional,
-    Output, Renderer2, ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { BaseInputComponent } from '../base/base-input.component';
-import { FormInputUserModelChangeListenerService } from '../../core/service/form-input-user-change-listener.service';
-import { NgZoneWrapperService } from '../../core/service/ng-zone-wrapper.service';
-import { FormComponent } from '../form/form.component';
-import {COMPONENT_INTERFACE_NAME} from "../base/component-interface-name";
-import {ComboBoxComponent} from "@syncfusion/ej2-angular-dropdowns";
-
-@Component({
-    selector: "co-input-combo-box",
-    template: `
-        <ejs-combobox #combo [dataSource]="source"
-                      [fields]="fields"
-                      [placeholder]="placeholder"
-                      [autofill]="true"
-                      [ngModel]="model"
-                      (ngModelChange)="modelChange.emit($event)"
-                      (focus)="onFocus()"
-                      showClearButton="true"
-                      floatLabelType="Auto"
-                      >
-        </ejs-combobox>
-    `,
-    styleUrls: [
-        './input-combo-box.component.scss'
-    ],
-    encapsulation: ViewEncapsulation.None,
-    providers: [{
-        provide: COMPONENT_INTERFACE_NAME,
-        useExisting: forwardRef(() => InputComboBoxComponent)
-    }],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class InputComboBoxComponent extends BaseInputComponent<any> implements OnInit, AfterViewInit, OnDestroy {
-    @ViewChild("combo")
-    public combo: ComboBoxComponent;
-
-    @Input()
-    public source: Object[] | string[] | number[] | boolean[]
-
-    @Input()
-    public fields: Object
-
-    @Input()
-    public selected: number | string | boolean;
-
-    @Input()
-    public placeholder: string;
-
-    @Input()
-    public shopPopup: boolean = true;
-
-    constructor(
-        @Optional()
-        public formComponent: FormComponent,
-        protected changeDetector: ChangeDetectorRef,
-        protected formUserChangeListener?: FormInputUserModelChangeListenerService,
-        protected ngZoneWrapper?: NgZoneWrapperService,
-        public elementRef?: ElementRef
-    ) {
-        super(changeDetector, formUserChangeListener, ngZoneWrapper, elementRef);
-        super._markAsOnPush();
-    }
-
-    ngOnDestroy(): void {
-        this.elementRef = undefined;
-        super.ngOnDestroy();
-    }
-
-    ngOnInit(): void {
-        super.ngOnInit();
-    }
-
-    ngAfterViewInit(): void {
-        super.ngAfterViewInit();
-    }
-
-    public onFocus(): void {
-        if (this.shopPopup && this.model === undefined) {
-            this.combo.showPopup();
-        }
-    }
-}

package/src/lib/components/input-combo-box/input-combo-box.module.ts

@@ -1,24 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { InputComboBoxComponent } from './input-combo-box.component';
-import { IconModule } from '../icon/icon.module';
-import { BaseModule } from '../base/base.module';
-import { AppendPipeModule } from '../../pipes/append.pipe.module';
-import {ComboBoxAllModule} from "@syncfusion/ej2-angular-dropdowns";
-
-@NgModule({
-    imports: [
-        BaseModule,
-        CommonModule,
-        FormsModule,
-        IconModule,
-        AppendPipeModule,
-        ComboBoxAllModule
-    ],
-    declarations: [InputComboBoxComponent],
-    exports: [InputComboBoxComponent]
-})
-export class InputComboBoxModule {
-}

package/src/lib/components/input-date-picker/input-date-picker.component.scss

@@ -1,30 +0,0 @@
-//@import "../../../../node_modules/@syncfusion/ej2-base/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-buttons/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-inputs/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-popups/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-lists/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-calendars/styles/material.scss";
-//@import "../../../../node_modules/@syncfusion/ej2-angular-calendars/styles/material.scss";
-@import "../../style/_base-input.scss";
-
-:host {
-  //// content color
-  //.e-input-group,
-  //.e-input-group.e-control-wrapper,
-  //.e-float-input,
-  //.e-float-input.e-input-group,
-  //.e-float-input.e-control-wrapper,
-  //.e-float-input.e-input-group.e-control-wrapper {
-  //  color: #00c853;
-  //}
-  //
-  //.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
-  //.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after {
-  //  background: green;
-  //}
-}
-
-//span.e-input-group-icon.e-date-icon.e-icons {
-// display: none;
-//}