@colijnit/corecomponents_v12 12.0.13 → 12.0.16

package/lib/components/co-kanban/co-kanban.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
+import { CardClickEventArgs, CardSettingsModel, DialogEventArgs, DragEventArgs, KanbanComponent, SwimlaneSettingsModel } from "@syncfusion/ej2-angular-kanban";
+export declare class CoKanbanComponent implements OnInit, AfterViewInit {
+    kanban: KanbanComponent;
+    allowDragAndDrop: boolean;
+    allowKeyboard: boolean;
+    cardSettings: CardSettingsModel;
+    enablePersistence: boolean;
+    enableTooltip: boolean;
+    keyField: string;
+    showEmptyColumn: boolean;
+    swimlaneSettings: SwimlaneSettingsModel;
+    columns: {}[];
+    data: any[];
+    cardClickEvent: EventEmitter<CardClickEventArgs>;
+    cardDoubleClickEvent: EventEmitter<CardClickEventArgs>;
+    dragStartEvent: EventEmitter<DragEventArgs>;
+    dragStopEvent: EventEmitter<DragEventArgs>;
+    showClass(): boolean;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    dialogOpen(args: DialogEventArgs): void;
+    handleCardClick(args: CardClickEventArgs): void;
+    handleCardDoubleClick(args: CardClickEventArgs): void;
+    handleDragStart(args: DragEventArgs): void;
+    handleDragStop(args: DragEventArgs): void;
+}

package/lib/components/co-kanban/co-kanban.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CoKanbanModule {
+}

package/lib/components/co-kanban/style/_layout.scss

@@ -0,0 +1,51 @@
+@import "../../../style/input.mixins";
+@import "../../../style/mixin";
+
+@include export-module('cc-kanban-layout') {
+  .co-kanban {
+
+    div.e-kanban-header {
+      margin-bottom: $cc-kanban-header-margin-bottom;
+    }
+
+    div.e-header-text {
+      font-family: $cc-kanban-header-font-family;
+      font-size: $cc-kanban-header-font-size;
+      color: $cc-kanban-header-text-color;
+    }
+
+    div.e-item-count {
+      font-family: $cc-kanban-header-item-count-font-family;
+      font-size: $cc-kanban-header-item-count-font-size;
+      color: $cc-kanban-header-item-count-text-color;
+    }
+
+    div.e-card {
+      background-color: $cc-kanban-card-background-color;
+      box-shadow: $cc-kanban-card-box-shadow;
+      border: $cc-kanban-card-border !important;
+      cursor: pointer;
+    }
+
+    div.e-card-header-title {
+      font-family: $cc-kanban-card-header-font-family;
+      font-size: $cc-kanban-card-header-font-size;
+    }
+
+    div.e-card-content {
+      font-family: $cc-kanban-card-content-font-family;
+      font-size: $cc-kanban-card-content-font-size;
+    }
+
+    th.e-header-cells {
+      background-color: $cc-kanban-header-background-color !important;
+      border: $cc-kanban-header-border !important;
+      padding: $cc-kanban-header-padding !important;
+    }
+
+    td.e-content-cells {
+      background-color: $cc-kanban-column-background-color !important;
+      border: $cc-kanban-column-border !important;
+    }
+  }
+}

package/lib/components/co-kanban/style/_material-definition.scss

@@ -0,0 +1,25 @@
+$cc-kanban-header-font-family: $cc-font-family !default;
+$cc-kanban-header-font-size: 15px !default;
+$cc-kanban-header-text-color: #000000 !default;
+
+$cc-kanban-header-item-count-font-family: $cc-font-family !default;
+$cc-kanban-header-item-count-font-size: 12px !default;
+$cc-kanban-header-item-count-text-color: #000000 !default;
+
+$cc-kanban-header-background-color: #f5f5f5 !default;
+$cc-kanban-header-border: 1px solid transparent !default;
+$cc-kanban-header-padding: 5px 8px !default;
+$cc-kanban-header-margin-bottom: 0 !default;
+
+$cc-kanban-card-background-color: #ffffff !default;
+$cc-kanban-card-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 16%) !default;
+$cc-kanban-card-border: 1px solid transparent !default;
+
+$cc-kanban-card-header-font-family: $cc-font-family !default;
+$cc-kanban-card-header-font-size: 14px !default;
+
+$cc-kanban-card-content-font-family: $cc-font-family !default;
+$cc-kanban-card-content-font-size: 13px !default;
+
+$cc-kanban-column-background-color: #f5f5f5 !default;
+$cc-kanban-column-border: 1px solid transparent !default;

package/lib/components/co-kanban/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/input.mixins";
+@import "../../../style/mixin";
+@import "./material-definition";
+
+@include export-module('cc-kanban-layout') {
+
+}

package/lib/components/co-kanban/style/material.scss

@@ -0,0 +1,13 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+@import '~@syncfusion/ej2-angular-kanban/styles/material.scss';
+@import '~@syncfusion/ej2-base/styles/material.scss';
+@import '~@syncfusion/ej2-buttons/styles/material.scss';
+@import '~@syncfusion/ej2-dropdowns/styles/material.scss';
+@import '~@syncfusion/ej2-inputs/styles/material.scss';
+@import '~@syncfusion/ej2-layouts/styles/material.scss';
+@import '~@syncfusion/ej2-navigations/styles/material.scss';
+@import '~@syncfusion/ej2-popups/styles/material.scss';

package/lib/components/co-rich-text-editor/co-rich-text-editor.component.d.ts

@@ -0,0 +1,13 @@
+import { AfterViewInit, EventEmitter, OnInit } from "@angular/core";
+import { ChangeEventArgs, RichTextEditorComponent } from "@syncfusion/ej2-angular-richtexteditor";
+export declare class CoRichTextEditorComponent implements OnInit, AfterViewInit {
+    editor: RichTextEditorComponent;
+    onChangeEvent: EventEmitter<ChangeEventArgs>;
+    model: any;
+    showClass(): boolean;
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    getContent(): Element;
+    getText(): string;
+    onChange(args: ChangeEventArgs): void;
+}

package/lib/components/co-rich-text-editor/co-rich-text-editor.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CoRichTextEditorModule {
+}

package/lib/components/co-rich-text-editor/style/_layout.scss

@@ -0,0 +1,5 @@
+@import "./material-definition";
+
+@include export-module('cc-co-rich-text-editor-layout') {
+
+}

package/lib/components/co-rich-text-editor/style/_material-definition.scss

@@ -0,0 +1,9 @@
+@import 'ej2-base/styles/material.scss';
+@import 'ej2-icons/styles/material.scss';
+@import 'ej2-buttons/styles/material.scss';
+@import 'ej2-splitbuttons/styles/material.scss';
+@import 'ej2-inputs/styles/material.scss';
+@import 'ej2-lists/styles/material.scss';
+@import 'ej2-navigations/styles/material.scss';
+@import 'ej2-popups/styles/material.scss';
+@import 'ej2-richtexteditor/styles/material.scss';

package/lib/components/co-rich-text-editor/style/_theme.scss

@@ -0,0 +1,5 @@
+@import "./material-definition";
+
+@include export-module('cc-co-rich-text-editor-theme') {
+
+}

package/lib/components/co-rich-text-editor/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/co-schedule/co-schedule.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ActionEventArgs, EventSettingsModel, ScheduleComponent } from "@syncfusion/ej2-angular-schedule";
+import { ScheduleView } from "../../core/enum/schedule-view.enum";
+export declare class CoScheduleComponent implements OnInit {
+    scheduleObj: ScheduleComponent;
+    selectedDate: Date;
+    currentView: ScheduleView.Month;
+    eventSettings: EventSettingsModel;
+    enablePersistence: boolean;
+    readonly actionBegin: EventEmitter<ActionEventArgs>;
+    readonly actionComplete: EventEmitter<ActionEventArgs>;
+    readonly actionFailure: EventEmitter<ActionEventArgs>;
+    constructor();
+    ngOnInit(): void;
+    onActionBegin(args: ActionEventArgs): void;
+    onActionComplete(args: ActionEventArgs): void;
+    onActionFailure(args: ActionEventArgs): void;
+}

package/lib/components/co-schedule/co-schedule.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CoScheduleModule {
+}

package/lib/components/co-sidebar/co-sidebar.component.d.ts

@@ -0,0 +1,10 @@
+import { SidebarComponent } from "@syncfusion/ej2-angular-navigations";
+export declare class CoSidebarComponent {
+    sidebarInstance: SidebarComponent;
+    position: string;
+    isOpen: boolean;
+    constructor();
+    toggle(): void;
+    hide(): void;
+    show(): void;
+}

package/lib/components/co-sidebar/co-sidebar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CoSidebarModule {
+}

package/lib/components/co-toggle/co-toggle.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter, OnInit } from '@angular/core';
+export declare class CoToggleComponent implements OnInit {
+    checked: boolean;
+    readonly: boolean;
+    readonly activeChange: EventEmitter<boolean>;
+    constructor();
+    ngOnInit(): void;
+    onHostClick(): void;
+}

package/lib/components/co-toggle/co-toggle.component.scss

@@ -0,0 +1 @@
+//$cc-co-toggle-opacity: $switch-off-opacity !default;

package/lib/components/co-toggle/co-toggle.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CoToggleModule {
+}

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

@@ -0,0 +1,16 @@
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
+import { SafeHtml } from "@angular/platform-browser";
+export declare class CollapsibleComponent implements OnDestroy {
+    private _elementRef;
+    headerTitle: string;
+    iconData: SafeHtml | undefined;
+    expandButtonLast: boolean;
+    expanded: boolean;
+    expandedChange: EventEmitter<boolean>;
+    showClass(): boolean;
+    onHostClick(event: MouseEvent): void;
+    constructor(_elementRef: ElementRef);
+    ngOnDestroy(): void;
+    focus(): void;
+    changeExpanded(): void;
+}

package/lib/components/collapsible/collapsible.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CollapsibleModule {
+}

package/lib/components/collapsible/style/_layout.scss

@@ -0,0 +1,53 @@
+@import "../../../style/input.mixins";
+@import "../../../style/mixin";
+
+@include export-module('cc-collapsible-layout') {
+  .co-collapsible {
+    font-family: $cc-collapsible-font-family;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    flex-grow: 0;
+    outline: none;
+    overflow: hidden;
+    font-size: $cc-collapsible-font-size;
+
+    .collapsible-header {
+      display: flex;
+      flex-direction: row;
+      column-gap: 5px;
+      height: $cc-collapsible-height;
+      align-items: center;
+      cursor: pointer;
+      user-select: none;
+      border-bottom: $cc-collapsible-border-bottom;
+    }
+
+    .collapsible-title {
+      font-weight: bold;
+    }
+
+    .expand-icon-wrapper {
+      display: flex;
+      transition: .3s ease-in-out;
+      margin-right: $cc-collapsible-icon-margin-right;
+      .expand-icon {
+        height: $cc-collapsible-icon-size;
+        width: $cc-collapsible-icon-size;
+      }
+      &.expanded {
+        transform: rotate(180deg);
+      }
+    }
+
+    .end {
+      justify-content: space-between;
+    }
+
+    .collapsible-content {
+      overflow: hidden;
+      padding: $cc-collapsible-content-padding;
+    }
+  }
+}

package/lib/components/collapsible/style/_material-definition.scss

@@ -0,0 +1,9 @@
+$cc-collapsible-font-family: $cc-font-family !default;
+$cc-collapsible-font-size: $cc-font-size-default !default;
+$cc-collapsible-color: $cc-color-action !default;
+$cc-collapsible-text-color: #000000 !default;
+$cc-collapsible-height: 40px !default;
+$cc-collapsible-icon-size: 20px !default;
+$cc-collapsible-border-bottom: 1px solid gray !default;
+$cc-collapsible-icon-margin-right: 15px !default;
+$cc-collapsible-content-padding: 10px 0px 0px 10px !default;

package/lib/components/collapsible/style/_theme.scss

@@ -0,0 +1,9 @@
+@import "../../../style/input.mixins";
+@import "../../../style/mixin";
+@import "./material-definition";
+
+@include export-module('cc-collapsible-theme') {
+  .co-collapsible {
+    color: $cc-collapsible-text-color;
+  }
+}

package/lib/components/collapsible/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/drop-down-list/drop-down-list.component.d.ts

@@ -0,0 +1,16 @@
+import { TemplateRef } from "@angular/core";
+import { BaseInputComponent } from "../base/base-input.component";
+export declare class DropDownListComponent extends BaseInputComponent<any> {
+    collection: any[];
+    /**
+     * In the form { text: 'name', value: 'id' }
+     * Where 'text' is showing in the dropdown and 'id' used for the model binding
+     */
+    fields: Object;
+    placeHolder: string;
+    itemTemplate: TemplateRef<any>;
+    headerTemplate: TemplateRef<any>;
+    valueTemplate: TemplateRef<any>;
+    showClass(): boolean;
+    handleValueChanged(value: any): void;
+}

package/lib/components/drop-down-list/drop-down.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DropDownModule {
+}

package/lib/components/drop-down-list/style/_layout.scss

@@ -0,0 +1,7 @@
+@import "./material-definition";
+
+@include export-module('cc-co-drop-down-list-layout') {
+  .co-drop-down-list {
+
+  }
+}

package/lib/components/drop-down-list/style/_theme.scss

@@ -0,0 +1,5 @@
+@import "./material-definition";
+
+@include export-module('cc-co-drop-down-list-theme') {
+
+}

package/lib/components/drop-down-list/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

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

@@ -0,0 +1,40 @@
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from "@angular/core";
+import { FormControl, FormGroup } from "@angular/forms";
+import { Subject } from "rxjs";
+import { BaseInputComponent } from '../base/base-input.component';
+import { FormMasterService } from '../../core/service/form-master.service';
+export declare class FormComponent implements AfterViewInit, OnDestroy, OnInit {
+    private _formMaster;
+    set readonly(value: boolean);
+    get readonly(): boolean;
+    keepInView: Element;
+    onChange: EventEmitter<FormControl>;
+    submitted: boolean;
+    readonly validSubmit: EventEmitter<void>;
+    readonly anySubmit: EventEmitter<void>;
+    readonly validityChange: EventEmitter<boolean>;
+    readonly readonlyChange: EventEmitter<boolean>;
+    formGroup: FormGroup;
+    invalidSubmit: Subject<void>;
+    private _readonly;
+    private _valueChangeSub;
+    private _statusChangeSub;
+    private _init;
+    private _componentMap;
+    constructor(_formMaster: FormMasterService);
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    addFormInput(formInput: BaseInputComponent<any>): void;
+    removeFormInput(formInput: BaseInputComponent<any>): void;
+    updateFormInput(formInput: BaseInputComponent<any>): void;
+    checkUpdateValidity(): boolean;
+    isTouched(): boolean;
+    isValid(): boolean;
+    onEnterKey(event: KeyboardEvent): void;
+    reset(): void;
+    submit(throughFormMaster?: boolean): boolean;
+    showErrorTooltipOnFormGroupControl(key: string): void;
+    private _getValidationErrorText;
+    private _setFirstInvalidElementOnMaster;
+}

package/lib/components/form/form.module.d.ts

@@ -0,0 +1,2 @@
+export declare class FormModule {
+}

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

@@ -0,0 +1,24 @@
+import { ContextMenuItemModel, GridComponent, PageSettingsModel, RowDropSettingsModel } from "@syncfusion/ej2-angular-grids";
+import { GridLines } from "../enum/grid-lines.enum";
+export declare class BaseGridComponent<T> {
+    grid: GridComponent;
+    data: T[];
+    gridLines: GridLines;
+    contextMenuItems: ContextMenuItemModel[];
+    frozenColumns: number;
+    frozenRows: number;
+    sortingEnabled: boolean;
+    filteringEnabled: boolean;
+    pagingEnabled: boolean;
+    groupingEnabled: boolean;
+    reorderingEnabled: boolean;
+    rowDragAndDropEnabled: boolean;
+    rowDropSettings: RowDropSettingsModel;
+    resizingEnabled: boolean;
+    showColumnMenu: boolean;
+    set maxNumberOfRows(value: number);
+    set columns(value: {}[]);
+    get columns(): {}[];
+    pageSettings: PageSettingsModel;
+    private _columns;
+}

package/lib/components/grid/base/base-inline-edit-grid.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "@angular/core";
+import { EditSettingsModel } from "@syncfusion/ej2-angular-grids";
+import { BaseToolbarGridComponent } from "./base-toolbar-grid.component";
+export declare class BaseInlineEditGridComponent<T> extends BaseToolbarGridComponent<T> {
+    set inlineEdit(value: boolean);
+    rowSaved: EventEmitter<T>;
+    editSettings: EditSettingsModel;
+    handleActionComplete(action: any): void;
+}

package/lib/components/grid/base/base-selection-grid.component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter, OnInit, TemplateRef } from "@angular/core";
+import { RowDragEventArgs, RowDropEventArgs, SelectionSettingsModel } from "@syncfusion/ej2-angular-grids";
+import { BaseInlineEditGridComponent } from "./base-inline-edit-grid.component";
+import { MenuEventArgs } from "@syncfusion/ej2-navigations";
+import { GridRowDragEventArgs } from "../interface/grid-row-drag-event-args";
+import { GridRowDropEventArgs } from "../interface/grid-row-drop-event-args";
+import { GridMenuEventArgs } from "../interface/grid-menu-event-args";
+export declare class BaseSelectionGridComponent<T> extends BaseInlineEditGridComponent<T> implements OnInit {
+    set multipleSelect(value: boolean);
+    includeDetailColumn: boolean;
+    detailColumnTemplate: TemplateRef<any>;
+    rowsSelected: EventEmitter<T[]>;
+    rowDoubleClick: EventEmitter<T>;
+    detailColumnClick: EventEmitter<T>;
+    contextMenuItemClick: EventEmitter<GridMenuEventArgs>;
+    rowDragStartEvent: EventEmitter<GridRowDragEventArgs>;
+    rowDropEvent: EventEmitter<GridRowDropEventArgs>;
+    selectionOptions: SelectionSettingsModel;
+    ngOnInit(): void;
+    handleRowSelected(rowData: any): void;
+    handleDoubleClick(clickData: any): void;
+    handleRecordClick(clickData: any): void;
+    selectRow(index: number): void;
+    contextMenuClick(args: MenuEventArgs): void;
+    rowDragStartClick(args: RowDragEventArgs): void;
+    rowDropClick(args: RowDropEventArgs): void;
+}

package/lib/components/grid/base/base-toolbar-grid.component.d.ts

@@ -0,0 +1,17 @@
+import { ToolbarItems } from "@syncfusion/ej2-angular-grids";
+import { ClickEventArgs } from "@syncfusion/ej2-angular-navigations";
+import { BaseGridComponent } from "./base-grid.component";
+export declare class BaseToolbarGridComponent<T> extends BaseGridComponent<T> {
+    set showColumnChooser(value: boolean);
+    get showColumnChooser(): boolean;
+    set exportExcelEnabled(value: boolean);
+    get exportExcelEnabled(): boolean;
+    set exportPdfEnabled(value: boolean);
+    get exportPdfEnabled(): boolean;
+    toolbarOptions: ToolbarItems[];
+    private _exportExcelEnabled;
+    private _exportPdfEnabled;
+    private _showColumnChooser;
+    toolbarClick(args: ClickEventArgs): void;
+    protected updateToolbar(option: ToolbarItems, add: boolean): void;
+}

package/lib/components/grid/co-grid.component.d.ts

@@ -0,0 +1,6 @@
+import { OnInit } from "@angular/core";
+import { BaseSelectionGridComponent } from "./base/base-selection-grid.component";
+export declare class CoGridComponent<T> extends BaseSelectionGridComponent<T> implements OnInit {
+    showClass(): boolean;
+    ngOnInit(): void;
+}

package/lib/components/grid/co-grid.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CoGridModule {
+}

package/{src/lib/components/grid/enum/grid-lines.enum.ts → lib/components/grid/enum/grid-lines.enum.d.ts}

@@ -1,7 +1,7 @@
-export enum GridLines {
+export declare enum GridLines {
     None = "None",
     Horizontal = "Horizontal",
     Vertical = "Vertical",
     Both = "Both",
-    Default = "Default",
+    Default = "Default"
 }

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

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

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

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

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

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

package/lib/components/grid/style/_layout.scss

@@ -0,0 +1,38 @@
+@import "./material-definition";
+
+@include export-module('cc-co-grid-layout') {
+  .co-grid {
+    .e-headertext {
+      text-transform: $cc-co-grid-header-text-transform;
+    }
+    &.detail-column {
+      ::ng-deep .e-grid {
+        .e-gridheader tr.e-columnheader th.e-headercell:first-child {
+          padding: 0;
+
+          .e-headercelldiv {
+            height: $cc-co-grid-detail-column-icon-height;
+          }
+
+          svg {
+            height: $cc-co-grid-detail-column-icon-height;
+            width: $cc-co-grid-detail-column-icon-height;
+          }
+        }
+
+        .e-gridcontent tr td:first-child {
+          padding: 0;
+
+          .detail-wrapper {
+            height: $cc-co-grid-detail-column-icon-height;
+          }
+
+          svg {
+            height: $cc-co-grid-detail-column-icon-height;
+            width: $cc-co-grid-detail-column-icon-height;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/grid/style/_material-definition.scss

@@ -0,0 +1,17 @@
+$grid-font-family: $cc-font-family !default;
+$cc-co-grid-header-text-transform: uppercase !default;
+$cc-co-grid-detail-column-icon-height: 30px !default;
+$group-droparea-bg-color: #e4edf4 !default;
+$grid-header-border-color: #a0b6c9 !default;
+$group-droparea-color: #175988 !default;
+$grid-header-font-weight: 700 !default;
+
+@import "ej2-base/styles/material.scss";
+@import 'ej2-buttons/styles/material.scss';
+@import 'ej2-calendars/styles/material.scss';
+@import 'ej2-dropdowns/styles/material.scss';
+@import 'ej2-inputs/styles/material.scss';
+@import 'ej2-navigations/styles/material.scss';
+@import 'ej2-popups/styles/material.scss';
+@import 'ej2-splitbuttons/styles/material.scss';
+@import 'ej2-angular-grids/styles/material.scss';

package/lib/components/grid/style/_theme.scss

@@ -0,0 +1,5 @@
+@import "./material-definition";
+
+@include export-module('cc-co-grid-theme') {
+
+}

package/lib/components/grid/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";