@progress/kendo-angular-chart-wizard 16.6.0-develop.10

package/esm2020/common/models.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/directives.mjs

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChartWizardComponent } from "./chart-wizard.component";
+import { ChartWizardGridBindingDirective } from "./grid-integration/grid-chart-wizard.directive";
+/**
+ * Utility array that contains all `@progress/kendo-angular-chart-wizard` related components and directives.
+ */
+export const KENDO_CHARTWIZARD = [
+    ChartWizardComponent,
+    ChartWizardGridBindingDirective
+];

package/esm2020/events/export-event.mjs

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from './preventable-event';
+/**
+ * Arguments for the `export` event on the Chart Wizard.
+ */
+export class ExportEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(chart, exportOptions) {
+        super();
+        this.chart = chart;
+        this.exportOptions = exportOptions;
+    }
+}

package/esm2020/events/index.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { ExportEvent } from './export-event';

package/esm2020/events/preventable-event.mjs

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export class PreventableEvent {
+    constructor() {
+        this.prevented = false;
+    }
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault() {
+        this.prevented = true;
+    }
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    isDefaultPrevented() {
+        return this.prevented;
+    }
+}

package/esm2020/grid-integration/get-grid-selected-rows.mjs

@@ -0,0 +1,48 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { getter } from "@progress/kendo-common";
+import { isPresent } from "@progress/kendo-angular-common";
+/**
+ * Maps the Grid selectedKeys to a more general DataRows type to be displayed in the Chart Wizard.
+ *
+ * The selectedKeys can be either row keys or cell keys.
+ *
+ * @returns DataRow array that can be passed to getWizardDataFromDataRows in order to bind the Chart Wizard.
+ */
+export function getGridSelectedRows(args) {
+    const { grid, data, selectedKeys, selectionKey, columnKey } = args;
+    const columns = [...grid.leafColumns];
+    const allColumns = columns.map((column) => ({ field: column.field, title: column.title }));
+    const selectedColumns = new Map();
+    let getItemByKey;
+    if (selectionKey) {
+        const idGetter = getter(selectionKey);
+        const dataMap = new Map(data.map((item) => [idGetter(item), item]));
+        getItemByKey = itemKey => dataMap.get(itemKey);
+    }
+    else {
+        getItemByKey = itemIndex => data[itemIndex];
+    }
+    let getColumnByColumnKey = key => columns[key];
+    if (typeof columnKey === "function") {
+        const columnMap = new Map(columns.map((col, colIndex) => [columnKey(col, colIndex), col]));
+        getColumnByColumnKey = key => columnMap.get(key);
+    }
+    selectedKeys.forEach(item => {
+        if (isPresent(item.columnKey)) {
+            const itemColumns = selectedColumns.get(item.itemKey) || [];
+            const column = getColumnByColumnKey(item.columnKey);
+            itemColumns.push({ field: column.field, title: column.title });
+            selectedColumns.set(item.itemKey, itemColumns);
+        }
+        else {
+            selectedColumns.set(item, allColumns);
+        }
+    });
+    return [...selectedColumns.entries()].map(([itemKey, dataColumns]) => ({
+        dataItem: getItemByKey(itemKey),
+        dataColumns
+    }));
+}

package/esm2020/grid-integration/get-wizard-data-from-grid-selection.mjs

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { getWizardDataFromDataRows } from "../common";
+import { getGridSelectedRows } from "./get-grid-selected-rows";
+/**
+ * Maps the Grid selectedKeys to data to be displayed in the Chart Wizard.
+ *
+ * Supports both row and cell selection.
+ * @returns collection that can be used as Chart Wizard.
+*/
+export const getWizardDataFromGridSelection = (args) => getWizardDataFromDataRows(getGridSelectedRows(args));

package/esm2020/grid-integration/grid-chart-wizard.directive.mjs

@@ -0,0 +1,74 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, EventEmitter, HostListener, Inject, Input, Output } from "@angular/core";
+import { GridComponent } from "@progress/kendo-angular-grid";
+import { getWizardDataFromGridSelection } from "./get-wizard-data-from-grid-selection";
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-grid";
+/**
+ * A directive which binds the Chart Wizard from the selection state of the Grid
+ * ([see example](slug:integration_with_chart).
+ */
+export class ChartWizardGridBindingDirective {
+    constructor(grid) {
+        this.grid = grid;
+        /**
+         * Defines the collection that will store the Chart Wizard data.
+         *
+         * @default []
+         */
+        this.chartWizardData = [];
+        /**
+         * Fires when the `chartWizardData` collection has been updated.
+         */
+        this.chartWizardDataChange = new EventEmitter();
+    }
+    ngOnInit() {
+        if (!this.selectionKey || !this.data) {
+            throw new Error('The [kendoChartWizardGridBinding] directive requires that [kendoGridBinding] and [kendoGridSelectBy] are set. ' +
+                'See the Grid documentation for an example on how to use the Chart Wizard without the directive.');
+        }
+        if (typeof this.selectionKey === 'function') {
+            throw new Error('The [kendoChartWizardGridBinding] directive supports only strings as [kendoGridSelectBy] selection key.');
+        }
+    }
+    onSelectionChange(selectedKeys) {
+        this.chartWizardData = getWizardDataFromGridSelection({
+            grid: this.grid,
+            data: this.data,
+            selectedKeys,
+            selectionKey: this.selectionKey
+        });
+        this.chartWizardDataChange.emit(this.chartWizardData);
+    }
+}
+ChartWizardGridBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardGridBindingDirective, deps: [{ token: GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
+ChartWizardGridBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardGridBindingDirective, isStandalone: true, selector: "[kendoChartWizardGridBinding]", inputs: { chartWizardData: "chartWizardData", data: ["kendoGridBinding", "data"], selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { chartWizardDataChange: "chartWizardDataChange" }, host: { listeners: { "selectedKeysChange": "onSelectionChange($event)" } }, exportAs: ["kendoChartWizardGridBinding"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardGridBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChartWizardGridBinding]',
+                    exportAs: 'kendoChartWizardGridBinding',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.GridComponent, decorators: [{
+                    type: Inject,
+                    args: [GridComponent]
+                }] }]; }, propDecorators: { chartWizardData: [{
+                type: Input
+            }], chartWizardDataChange: [{
+                type: Output
+            }], data: [{
+                type: Input,
+                args: ['kendoGridBinding']
+            }], selectionKey: [{
+                type: Input,
+                args: ['kendoGridSelectBy']
+            }], columnKey: [{
+                type: Input
+            }], onSelectionChange: [{
+                type: HostListener,
+                args: ['selectedKeysChange', ['$event']]
+            }] } });

package/esm2020/grid-integration/index.mjs

@@ -0,0 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { getGridSelectedRows } from './get-grid-selected-rows';
+export { getWizardDataFromGridSelection } from './get-wizard-data-from-grid-selection';
+export { ChartWizardGridBindingDirective } from './grid-chart-wizard.directive';

package/esm2020/index.mjs

@@ -0,0 +1,11 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './chart-wizard.component';
+export * from './chart-wizard.module';
+export * from './grid-integration';
+export * from './common';
+export * from './events';
+export { ChartWizardModule } from './chart-wizard.module';
+export { KENDO_CHARTWIZARD } from './directives';

package/esm2020/package-metadata.mjs

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const packageMetadata = {
+    name: '@progress/kendo-angular-chart-wizard',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1722607228,
+    version: '16.6.0-develop.10',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
+};

package/esm2020/progress-kendo-angular-chart-wizard.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/esm2020/property-pane/chart-tab.component.mjs

@@ -0,0 +1,257 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
+import { chartBarClusteredIcon, chartBarStacked100Icon, chartBarStackedIcon, chartColumnClusteredIcon, chartColumnStacked100Icon, chartColumnStackedIcon, chartLineIcon, chartLineStacked100Icon, chartLineStackedIcon, chartPieIcon, chartScatterIcon, exportIcon } from '@progress/kendo-svg-icons';
+import { StateService } from '../state.service';
+import { ExpansionPanelComponent } from '@progress/kendo-angular-layout';
+import { ChartWizardSeriesTypeButtonComponent } from '../series-type-button.component';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+import * as i1 from "../state.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class ChartWizardPropertyPaneChartTabComponent {
+    constructor(stateService, cdr, localization) {
+        this.stateService = stateService;
+        this.cdr = cdr;
+        this.localization = localization;
+        this.exportIcon = exportIcon;
+        this.chartBarClusteredIcon = chartBarClusteredIcon;
+        this.chartBarStackedIcon = chartBarStackedIcon;
+        this.chartBarStacked100Icon = chartBarStacked100Icon;
+        this.chartPieIcon = chartPieIcon;
+        this.chartColumnClusteredIcon = chartColumnClusteredIcon;
+        this.chartColumnStackedIcon = chartColumnStackedIcon;
+        this.chartColumnStacked100Icon = chartColumnStacked100Icon;
+        this.chartLineIcon = chartLineIcon;
+        this.chartLineStackedIcon = chartLineStackedIcon;
+        this.chartLineStacked100Icon = chartLineStacked100Icon;
+        this.chartScatterIcon = chartScatterIcon;
+    }
+    isExpanded(type) {
+        return this.stateService.state.seriesType === type;
+    }
+    ngAfterViewChecked() {
+        this.localization.changes.subscribe(() => {
+            this.detectChanges();
+        });
+    }
+    ngOnDestroy() {
+        this.localization.changes.unsubscribe();
+    }
+    detectChanges() {
+        this.cdr.detectChanges();
+    }
+}
+ChartWizardPropertyPaneChartTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: i1.StateService }, { token: i0.ChangeDetectorRef }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-chart-wizard-property-pane-chart-tab", ngImport: i0, template: `
+        <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Bar"
+                    [chartTypeIcon]="chartBarClusteredIcon"
+                    seriesType="bar"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="Stacked Bar"
+                    [chartTypeIcon]="chartBarStackedIcon"
+                    seriesType="bar"
+                    [stack]="true"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="100% Stacked Bar"
+                    [chartTypeIcon]="chartBarStacked100Icon"
+                    seriesType="bar"
+                    [stack]="{ type: '100%' }"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Pie"
+                    [chartTypeIcon]="chartPieIcon"
+                    seriesType="pie"
+                    [stack]="undefined"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Column"
+                    [chartTypeIcon]="chartColumnClusteredIcon"
+                    seriesType="column"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="Stacked Column"
+                    [chartTypeIcon]="chartColumnStackedIcon"
+                    seriesType="column"
+                    [stack]="true"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="100% Stacked Column"
+                    [chartTypeIcon]="chartColumnStacked100Icon"
+                    seriesType="column"
+                    [stack]="{ type: '100%' }"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Line"
+                    [chartTypeIcon]="chartLineIcon"
+                    seriesType="line"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="Stacked Line"
+                    [chartTypeIcon]="chartLineStackedIcon"
+                    seriesType="line"
+                    [stack]="true"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="100% Line Column"
+                    [chartTypeIcon]="chartLineStacked100Icon"
+                    seriesType="line"
+                    [stack]="{ type: '100%' }"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Scatter"
+                    [chartTypeIcon]="chartScatterIcon"
+                    seriesType="scatter"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+    `, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: ChartWizardSeriesTypeButtonComponent, selector: "kendo-chart-wizard-series-type-button", inputs: ["title", "chartTypeIcon", "stack", "seriesType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chart-wizard-property-pane-chart-tab',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+        <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Bar"
+                    [chartTypeIcon]="chartBarClusteredIcon"
+                    seriesType="bar"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="Stacked Bar"
+                    [chartTypeIcon]="chartBarStackedIcon"
+                    seriesType="bar"
+                    [stack]="true"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="100% Stacked Bar"
+                    [chartTypeIcon]="chartBarStacked100Icon"
+                    seriesType="bar"
+                    [stack]="{ type: '100%' }"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Pie"
+                    [chartTypeIcon]="chartPieIcon"
+                    seriesType="pie"
+                    [stack]="undefined"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Column"
+                    [chartTypeIcon]="chartColumnClusteredIcon"
+                    seriesType="column"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="Stacked Column"
+                    [chartTypeIcon]="chartColumnStackedIcon"
+                    seriesType="column"
+                    [stack]="true"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="100% Stacked Column"
+                    [chartTypeIcon]="chartColumnStacked100Icon"
+                    seriesType="column"
+                    [stack]="{ type: '100%' }"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Line"
+                    [chartTypeIcon]="chartLineIcon"
+                    seriesType="line"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="Stacked Line"
+                    [chartTypeIcon]="chartLineStackedIcon"
+                    seriesType="line"
+                    [stack]="true"
+                >
+                </kendo-chart-wizard-series-type-button>
+                <kendo-chart-wizard-series-type-button
+                    title="100% Line Column"
+                    [chartTypeIcon]="chartLineStacked100Icon"
+                    seriesType="line"
+                    [stack]="{ type: '100%' }"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+        <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
+            <div class="k-chart-types-wrapper">
+                <kendo-chart-wizard-series-type-button
+                    title="Scatter"
+                    [chartTypeIcon]="chartScatterIcon"
+                    seriesType="scatter"
+                    [stack]="false"
+                >
+                </kendo-chart-wizard-series-type-button>
+            </div>
+        </kendo-expansionpanel>
+    `,
+                    standalone: true,
+                    imports: [ExpansionPanelComponent, ChartWizardSeriesTypeButtonComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.StateService }, { type: i0.ChangeDetectorRef }, { type: i2.LocalizationService }]; } });