@colijnit/extendedcomponents 12.0.1 → 12.0.3

package/fesm2015/colijnit-extendedcomponents.js

@@ -12,6 +12,11 @@ import { __awaiter } from 'tslib';
 import { Observable, Subscription, fromEvent } from 'rxjs';
 import * as i1$3 from '@syncfusion/ej2-angular-pivotview';
 import { GroupingBarService, GroupingService, ToolbarService as ToolbarService$1, ConditionalFormattingService, FieldListService, NumberFormattingService, PivotViewModule } from '@syncfusion/ej2-angular-pivotview';
+import * as echarts from 'echarts/core';
+import { TitleComponent, ToolboxComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';
+import { LineChart } from 'echarts/charts';
+import { UniversalTransition } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
 
 class CoKanbanComponent {
     constructor() {
@@ -192,35 +197,35 @@ CoScheduleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         MonthAgendaService,
         TimelineViewsService,
         TimelineMonthService
-    ], viewQueries: [{ propertyName: "scheduleObj", first: true, predicate: ["ejsSchedule"], descendants: true, static: true }], ngImport: i0, template: `
-    <ejs-schedule
-        #ejsSchedule
-        [selectedDate]="selectedDate"
-        [currentView]="currentView"
-        [eventSettings]="eventSettings"
-        [enablePersistence]="enablePersistence"
-        (actionBegin)="onActionBegin($event)"
-        (actionComplete)="onActionComplete($event)"
-        (actionFailure)="onActionFailure($event)"
-    ><ng-content></ng-content>
-    </ejs-schedule>
+    ], viewQueries: [{ propertyName: "scheduleObj", first: true, predicate: ["ejsSchedule"], descendants: true, static: true }], ngImport: i0, template: `
+    <ejs-schedule
+        #ejsSchedule
+        [selectedDate]="selectedDate"
+        [currentView]="currentView"
+        [eventSettings]="eventSettings"
+        [enablePersistence]="enablePersistence"
+        (actionBegin)="onActionBegin($event)"
+        (actionComplete)="onActionComplete($event)"
+        (actionFailure)="onActionFailure($event)"
+    ><ng-content></ng-content>
+    </ejs-schedule>
   `, isInline: true, components: [{ type: i1$1.ScheduleComponent, selector: "ejs-schedule", inputs: ["agendaDaysCount", "allowDragAndDrop", "allowInline", "allowKeyboardInteraction", "allowMultiCellSelection", "allowMultiDrag", "allowMultiRowSelection", "allowResizing", "allowSwiping", "calendarMode", "cellHeaderTemplate", "cellTemplate", "cssClass", "currentView", "dateFormat", "dateHeaderTemplate", "dateRangeTemplate", "dayHeaderTemplate", "editorTemplate", "enableAdaptiveUI", "enableAllDayScroll", "enableHtmlSanitizer", "enablePersistence", "enableRecurrenceValidation", "enableRtl", "endHour", "eventDragArea", "eventSettings", "firstDayOfWeek", "firstMonthOfYear", "group", "headerIndentTemplate", "headerRows", "height", "hideEmptyAgendaDays", "locale", "maxDate", "minDate", "monthHeaderTemplate", "monthsCount", "quickInfoOnSelectionEnd", "quickInfoTemplates", "readonly", "resourceHeaderTemplate", "resources", "rowAutoHeight", "selectedDate", "showHeaderBar", "showQuickInfo", "showTimeIndicator", "showWeekNumber", "showWeekend", "startHour", "timeFormat", "timeScale", "timezone", "timezoneDataSource", "views", "weekRule", "width", "workDays", "workHours"], outputs: ["actionBegin", "actionComplete", "actionFailure", "cellClick", "cellDoubleClick", "created", "dataBinding", "dataBound", "destroyed", "drag", "dragStart", "dragStop", "eventClick", "eventRendered", "hover", "moreEventsClick", "navigating", "popupClose", "popupOpen", "renderCell", "resizeStart", "resizeStop", "resizing", "select", "currentViewChange", "selectedDateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CoScheduleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-schedule',
-                    template: `
-    <ejs-schedule
-        #ejsSchedule
-        [selectedDate]="selectedDate"
-        [currentView]="currentView"
-        [eventSettings]="eventSettings"
-        [enablePersistence]="enablePersistence"
-        (actionBegin)="onActionBegin($event)"
-        (actionComplete)="onActionComplete($event)"
-        (actionFailure)="onActionFailure($event)"
-    ><ng-content></ng-content>
-    </ejs-schedule>
+                    template: `
+    <ejs-schedule
+        #ejsSchedule
+        [selectedDate]="selectedDate"
+        [currentView]="currentView"
+        [eventSettings]="eventSettings"
+        [enablePersistence]="enablePersistence"
+        (actionBegin)="onActionBegin($event)"
+        (actionComplete)="onActionComplete($event)"
+        (actionFailure)="onActionFailure($event)"
+    ><ng-content></ng-content>
+    </ejs-schedule>
   `,
                     providers: [
                         DayService,
@@ -832,67 +837,67 @@ class CoPivotComponent {
     }
 }
 CoPivotComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CoPivotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CoPivotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CoPivotComponent, selector: "co-pivot", inputs: { dataSourceSettings: "dataSourceSettings", gridSettings: "gridSettings", toolbarOptions: "toolbarOptions", showGroupingBar: "showGroupingBar", allowGrouping: "allowGrouping", enablePersistence: "enablePersistence", showFieldList: "showFieldList", showToolbar: "showToolbar", allowExcelExport: "allowExcelExport", allowPdfExport: "allowPdfExport", allowConditionalFormatting: "allowConditionalFormatting", allowNumberFormatting: "allowNumberFormatting", allowCalculatedField: "allowCalculatedField", height: "height" }, outputs: { saveReportClick: "saveReportClick", loadReportClick: "loadReportClick", fetchReportClick: "fetchReportClick", renameReportClick: "renameReportClick", removeReportClick: "removeReportClick", newReportClick: "newReportClick", beforeToolbarRenderClick: "beforeToolbarRenderClick", enginePopulated: "enginePopulated" }, host: { properties: { "class.co-pivot": "this.showClass" } }, providers: [GroupingBarService, GroupingService, ToolbarService$1, ConditionalFormattingService, FieldListService, NumberFormattingService], viewQueries: [{ propertyName: "pivot", first: true, predicate: ["pivot"], descendants: true }], ngImport: i0, template: `
-    <ejs-pivotview
-        #pivot
-        id="Pivot"
-        [dataSourceSettings]="dataSourceSettings"
-        [gridSettings]="gridSettings"
-        [showGroupingBar]="showGroupingBar"
-        [allowGrouping]="allowGrouping"
-        [enablePersistence]="enablePersistence"
-        [showFieldList]="showFieldList"
-        [showToolbar]="showToolbar"
-        [toolbar]="toolbarOptions"
-        [allowExcelExport]="allowExcelExport"
-        [allowConditionalFormatting]="allowConditionalFormatting"
-        [allowNumberFormatting]="allowNumberFormatting"
-        [allowPdfExport]="allowPdfExport"
-        [allowCalculatedField]="allowCalculatedField"
-        [height]="height"
-        (saveReport)="saveReport($event)"
-        (loadReport)="loadReport($event)"
-        (fetchReport)="fetchReport($event)"
-        (renameReport)="renameReport($event)"
-        (removeReport)="removeReport($event)"
-        (newReport)="newReport()"
-        (toolbarRender)="beforeToolbarRender($event)"
-        (enginePopulated)="hanldeEnginePopulated($event)"
-    >
-    </ejs-pivotview>
+CoPivotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CoPivotComponent, selector: "co-pivot", inputs: { dataSourceSettings: "dataSourceSettings", gridSettings: "gridSettings", toolbarOptions: "toolbarOptions", showGroupingBar: "showGroupingBar", allowGrouping: "allowGrouping", enablePersistence: "enablePersistence", showFieldList: "showFieldList", showToolbar: "showToolbar", allowExcelExport: "allowExcelExport", allowPdfExport: "allowPdfExport", allowConditionalFormatting: "allowConditionalFormatting", allowNumberFormatting: "allowNumberFormatting", allowCalculatedField: "allowCalculatedField", height: "height" }, outputs: { saveReportClick: "saveReportClick", loadReportClick: "loadReportClick", fetchReportClick: "fetchReportClick", renameReportClick: "renameReportClick", removeReportClick: "removeReportClick", newReportClick: "newReportClick", beforeToolbarRenderClick: "beforeToolbarRenderClick", enginePopulated: "enginePopulated" }, host: { properties: { "class.co-pivot": "this.showClass" } }, providers: [GroupingBarService, GroupingService, ToolbarService$1, ConditionalFormattingService, FieldListService, NumberFormattingService], viewQueries: [{ propertyName: "pivot", first: true, predicate: ["pivot"], descendants: true }], ngImport: i0, template: `
+    <ejs-pivotview
+        #pivot
+        id="Pivot"
+        [dataSourceSettings]="dataSourceSettings"
+        [gridSettings]="gridSettings"
+        [showGroupingBar]="showGroupingBar"
+        [allowGrouping]="allowGrouping"
+        [enablePersistence]="enablePersistence"
+        [showFieldList]="showFieldList"
+        [showToolbar]="showToolbar"
+        [toolbar]="toolbarOptions"
+        [allowExcelExport]="allowExcelExport"
+        [allowConditionalFormatting]="allowConditionalFormatting"
+        [allowNumberFormatting]="allowNumberFormatting"
+        [allowPdfExport]="allowPdfExport"
+        [allowCalculatedField]="allowCalculatedField"
+        [height]="height"
+        (saveReport)="saveReport($event)"
+        (loadReport)="loadReport($event)"
+        (fetchReport)="fetchReport($event)"
+        (renameReport)="renameReport($event)"
+        (removeReport)="removeReport($event)"
+        (newReport)="newReport()"
+        (toolbarRender)="beforeToolbarRender($event)"
+        (enginePopulated)="hanldeEnginePopulated($event)"
+    >
+    </ejs-pivotview>
   `, isInline: true, components: [{ type: i1$3.PivotViewComponent, selector: "ejs-pivotview", inputs: ["aggregateTypes", "allowCalculatedField", "allowConditionalFormatting", "allowDataCompression", "allowDeferLayoutUpdate", "allowDrillThrough", "allowExcelExport", "allowGrouping", "allowNumberFormatting", "allowPdfExport", "cellTemplate", "chartSettings", "chartTypes", "cssClass", "dataSourceSettings", "displayOption", "editSettings", "enableFieldSearching", "enableHtmlSanitizer", "enablePaging", "enablePersistence", "enableRtl", "enableValueSorting", "enableVirtualization", "exportAllPages", "gridSettings", "groupingBarSettings", "height", "hyperlinkSettings", "loadOnDemandInMemberEditor", "locale", "maxNodeLimitInMemberEditor", "maxRowsInDrillThrough", "pageSettings", "pagerSettings", "pivotValues", "showFieldList", "showGroupingBar", "showToolbar", "showTooltip", "showValuesButton", "spinnerTemplate", "toolbar", "toolbarTemplate", "tooltipTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "aggregateCellInfo", "aggregateMenuOpen", "beforeExport", "beforeServiceInvoke", "beginDrillThrough", "calculatedFieldCreate", "cellClick", "cellSelected", "cellSelecting", "chartSeriesCreated", "conditionalFormatting", "created", "dataBound", "destroyed", "drill", "drillThrough", "editCompleted", "enginePopulated", "enginePopulating", "exportComplete", "fetchReport", "fieldDragStart", "fieldDrop", "fieldListRefreshed", "fieldRemove", "hyperlinkCellClick", "load", "loadReport", "memberEditorOpen", "memberFiltering", "newReport", "numberFormatting", "onFieldDropped", "onHeadersSort", "onPdfCellRender", "removeReport", "renameReport", "saveReport", "toolbarClick", "toolbarRender"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CoPivotComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-pivot',
-                    template: `
-    <ejs-pivotview
-        #pivot
-        id="Pivot"
-        [dataSourceSettings]="dataSourceSettings"
-        [gridSettings]="gridSettings"
-        [showGroupingBar]="showGroupingBar"
-        [allowGrouping]="allowGrouping"
-        [enablePersistence]="enablePersistence"
-        [showFieldList]="showFieldList"
-        [showToolbar]="showToolbar"
-        [toolbar]="toolbarOptions"
-        [allowExcelExport]="allowExcelExport"
-        [allowConditionalFormatting]="allowConditionalFormatting"
-        [allowNumberFormatting]="allowNumberFormatting"
-        [allowPdfExport]="allowPdfExport"
-        [allowCalculatedField]="allowCalculatedField"
-        [height]="height"
-        (saveReport)="saveReport($event)"
-        (loadReport)="loadReport($event)"
-        (fetchReport)="fetchReport($event)"
-        (renameReport)="renameReport($event)"
-        (removeReport)="removeReport($event)"
-        (newReport)="newReport()"
-        (toolbarRender)="beforeToolbarRender($event)"
-        (enginePopulated)="hanldeEnginePopulated($event)"
-    >
-    </ejs-pivotview>
+                    template: `
+    <ejs-pivotview
+        #pivot
+        id="Pivot"
+        [dataSourceSettings]="dataSourceSettings"
+        [gridSettings]="gridSettings"
+        [showGroupingBar]="showGroupingBar"
+        [allowGrouping]="allowGrouping"
+        [enablePersistence]="enablePersistence"
+        [showFieldList]="showFieldList"
+        [showToolbar]="showToolbar"
+        [toolbar]="toolbarOptions"
+        [allowExcelExport]="allowExcelExport"
+        [allowConditionalFormatting]="allowConditionalFormatting"
+        [allowNumberFormatting]="allowNumberFormatting"
+        [allowPdfExport]="allowPdfExport"
+        [allowCalculatedField]="allowCalculatedField"
+        [height]="height"
+        (saveReport)="saveReport($event)"
+        (loadReport)="loadReport($event)"
+        (fetchReport)="fetchReport($event)"
+        (renameReport)="renameReport($event)"
+        (removeReport)="removeReport($event)"
+        (newReport)="newReport()"
+        (toolbarRender)="beforeToolbarRender($event)"
+        (enginePopulated)="hanldeEnginePopulated($event)"
+    >
+    </ejs-pivotview>
   `,
                     providers: [GroupingBarService, GroupingService, ToolbarService$1, ConditionalFormattingService, FieldListService, NumberFormattingService],
                     encapsulation: ViewEncapsulation.None
@@ -974,6 +979,126 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+class StackedLineChartComponent {
+    constructor() {
+        this.chartData = [];
+        this.chartLegend = [];
+        this.chartXAxis = [];
+        this.chartHeight = 600;
+        this.chartOptions = {
+            title: {},
+            tooltip: {
+                trigger: 'axis'
+            },
+            legend: {},
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            toolbox: {
+                feature: {
+                    saveAsImage: {}
+                }
+            },
+            xAxis: {},
+            yAxis: {
+                type: 'value'
+            },
+            series: {}
+        };
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        echarts.use([
+            TitleComponent,
+            ToolboxComponent,
+            TooltipComponent,
+            GridComponent,
+            LegendComponent,
+            LineChart,
+            CanvasRenderer,
+            UniversalTransition
+        ]);
+        let chartDom = document.getElementById('chart-container');
+        let myChart = echarts.init(chartDom, undefined, {
+            width: this.chartWidth,
+            height: this.chartHeight
+        });
+        this.chartOptions.title['text'] = this.chartName;
+        this.chartOptions.series = this.chartData;
+        this.chartOptions.xAxis = {
+            type: 'category',
+            boundaryGap: false,
+            data: this.chartXAxis
+        };
+        this.chartOptions.legend['data'] = this.chartLegend;
+        this.chartOptions && myChart.setOption(this.chartOptions);
+    }
+}
+StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StackedLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StackedLineChartComponent, selector: "co-stacked-line-chart", inputs: { chartName: "chartName", chartData: "chartData", chartLegend: "chartLegend", chartXAxis: "chartXAxis", chartHeight: "chartHeight", chartWidth: "chartWidth", chartOptions: "chartOptions" }, host: { properties: { "class.co-co-stacked-line-chart": "this.showClass" } }, ngImport: i0, template: `
+
+    <div id="chart-container" class="component-wrapper">
+    </div>
+
+    `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "co-stacked-line-chart",
+                    template: `
+
+    <div id="chart-container" class="component-wrapper">
+    </div>
+
+    `,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { showClass: [{
+                type: HostBinding,
+                args: ["class.co-co-stacked-line-chart"]
+            }], chartName: [{
+                type: Input
+            }], chartData: [{
+                type: Input
+            }], chartLegend: [{
+                type: Input
+            }], chartXAxis: [{
+                type: Input
+            }], chartHeight: [{
+                type: Input
+            }], chartWidth: [{
+                type: Input
+            }], chartOptions: [{
+                type: Input
+            }] } });
+
+class StackedLineChartModule {
+}
+StackedLineChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StackedLineChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, declarations: [StackedLineChartComponent], imports: [CommonModule], exports: [StackedLineChartComponent] });
+StackedLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        StackedLineChartComponent
+                    ],
+                    exports: [
+                        StackedLineChartComponent
+                    ]
+                }]
+        }] });
+
 // The localization service, providing peers with text translation functionality.
 class DictionaryService {
     constructor() {
@@ -1082,5 +1207,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoScheduleComponent, CoScheduleModule, ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService };
+export { CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoScheduleComponent, CoScheduleModule, ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService, StackedLineChartComponent, StackedLineChartModule };
 //# sourceMappingURL=colijnit-extendedcomponents.js.map