@progress/kendo-angular-pivotgrid 0.1.5 → 0.2.0-dev.202208181339

package/data-binding/pivotgrid-data.service.d.ts

@@ -2,19 +2,24 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter } from '@angular/core';
-import { PivotDataItem, Tuple } from '@progress/kendo-pivotgrid-common';
+import { EventEmitter, NgZone } from '@angular/core';
+import { PivotDataItem, PivotGridField, Tuple } from '@progress/kendo-pivotgrid-common';
 import { BehaviorSubject } from 'rxjs';
-import { ExpandedStateChangeEvent } from '../models/expanded-state-action';
+import { PivotBaseBindingDirective } from './base-binding-directive';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class PivotGridDataService {
-    expandedStateChange: EventEmitter<ExpandedStateChangeEvent>;
+    private ngZone;
+    expandedStateChange: EventEmitter<any>;
+    configuratorFieldChange: EventEmitter<any>;
+    expandedFieldChange: EventEmitter<any>;
+    directive: PivotBaseBindingDirective;
     normalizedData: any[];
     rows: Tuple[];
     columns: Tuple[];
+    wrapper: Element;
     columnHeaderLeaves: {
         total: boolean;
         path: string[];
@@ -32,6 +37,10 @@ export declare class PivotGridDataService {
         cells: PivotDataItem[];
     }[]>;
     loading: BehaviorSubject<boolean>;
+    pivotGridId: number;
+    constructor(ngZone: NgZone);
+    fields: BehaviorSubject<PivotGridField[]>;
+    configuredFields: BehaviorSubject<any>;
     updateRowsAndCols(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PivotGridDataService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PivotGridDataService>;

package/esm2015/configurator/configurator.component.js

@@ -0,0 +1,512 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding, Input } from '@angular/core';
+import { ConfiguratorService } from './configurator.service';
+import { DropCueService } from './drop-cue.service';
+import { from, of, Subscription } from 'rxjs';
+import { mergeMap } from 'rxjs/operators';
+import { clone } from '../util';
+import * as i0 from "@angular/core";
+import * as i1 from "../data-binding/pivotgrid-data.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "./configurator.service";
+import * as i4 from "@progress/kendo-angular-treeview";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@angular/common";
+import * as i7 from "@progress/kendo-angular-inputs";
+import * as i8 from "./drop-target.directive";
+import * as i9 from "./draggable.directive";
+import * as i10 from "@progress/kendo-angular-common";
+/**
+ * @hidden
+ * Represents the Kendo UI PivotGrid Configurator component for Angular.
+ */
+export class PivotGridConfiguratorComponent {
+    constructor(dataService, localization, configuratorService, cdr) {
+        this.dataService = dataService;
+        this.localization = localization;
+        this.configuratorService = configuratorService;
+        this.cdr = cdr;
+        this.hostClass = true;
+        this.horizontal = false;
+        this.checked = [];
+        this.subs = new Subscription();
+        /**
+         * A function which determines if a specific node has child nodes.
+         */
+        this.hasChildren = (node) => !('hierarchyUniqueName' in node) && !('aggregator' in node);
+        /**
+         * A function which provides the child nodes for a given parent node.
+         */
+        this.children = (node) => {
+            if (this.dataService.directive.type === 'olap') {
+                const observable = from(this.dataService.directive.fetchChildren(node, this.fields));
+                return observable.pipe(mergeMap(value => of(value)));
+            }
+            return of(node.children);
+        };
+    }
+    ngOnInit() {
+        this.subs.add(this.dataService.fields
+            .subscribe(res => {
+            this.fields = res;
+        }));
+        this.subs.add(this.dataService.configuredFields
+            .subscribe(res => {
+            this.originalState = clone(res);
+            this.setState(clone(res));
+            this.setChecked();
+        }));
+        this.subs.add(this.configuratorService.configuratorStateChange
+            .subscribe(res => {
+            this.state = res;
+            this.cdr.detectChanges();
+        }));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    getName(name) {
+        return name.toString();
+    }
+    setState(state) {
+        this.state = state;
+        this.configuratorService.state = state;
+    }
+    /**
+     * Returns the localized message for a given token
+     */
+    messageFor(localizationToken) {
+        return this.localization.get(localizationToken);
+    }
+    /**
+     * Retrieves the 'Columns' section item names
+     */
+    get columnHierarchies() {
+        return this.extractDefaultFields(this.state.columnAxes);
+    }
+    ;
+    /**
+     * Retrieves the 'Rows' section item names
+     */
+    get rowHierarchies() {
+        return this.extractDefaultFields(this.state.rowAxes);
+    }
+    ;
+    /**
+     * Retrieves the 'Value' section item names
+     */
+    get measureHierarchies() {
+        return this.extractDefaultFields(this.state.measureAxes);
+    }
+    ;
+    /**
+     * Constructs an array with all selected fields.
+     * @param fields - used for when child nodes are loaded on demand.
+     * Child nodes are concatinated to the root level nodes.
+     */
+    setChecked(fields = []) {
+        const allFields = [...this.fields, ...fields];
+        const checked = this.getFieldsFlatMap(allFields).filter((f) => [
+            ...this.columnHierarchies,
+            ...this.rowHierarchies,
+            ...this.measureHierarchies
+        ].some((h) => (h === f.uniqueName || h === f.defaultHierarchy)));
+        this.checked = checked;
+    }
+    /**
+     * A function which determines if a specific node is checked/
+     */
+    isItemChecked(node) {
+        var _a, _b;
+        const res = this.checked.some(s => node.defaultHierarchy
+            ? s.defaultHierarchy === node.defaultHierarchy
+            : s.uniqueName === node.uniqueName)
+            || (((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) && ((_b = node.children) === null || _b === void 0 ? void 0 : _b.every((c) => c.checked)));
+        return res || null;
+    }
+    /**
+     * Determines if a checkbox should be rendered.
+     */
+    isSelectable(node) {
+        const hasChildren = !('hierarchyUniqueName' in node) && !('aggregator' in node);
+        return !Boolean((!hasChildren && !node.aggregator && !node.measure)
+            || (node.type === 2)
+            || node.uniqueName === '[KPIs]');
+    }
+    /**
+     * Check if the newly loaded child nodes have checked items.
+     * (Only for OLAP data-binding directive)
+     */
+    handleChildrenLoaded(event) {
+        if (this.dataService.directive.type === 'local') {
+            return;
+        }
+        const fields = event.children.map(item => item.dataItem);
+        this.setChecked(fields);
+    }
+    handleCheckedChange(event, item) {
+        if (event.target.checked) {
+            this.checked = [...this.checked, item];
+        }
+        else {
+            const itemIndex = this.checked.findIndex(checkedItem => checkedItem.uniqueName === item.uniqueName);
+            this.checked.splice(itemIndex, 1);
+        }
+        const action = {
+            type: 'PIVOT_CONFIGURATOR_ACTION_TOGGLE_SELECTION',
+            payload: item
+        };
+        this.configuratorService.parseConfiguratorState(action);
+    }
+    handleSubmit() {
+        this.dataService.configuratorFieldChange.emit(this.state);
+    }
+    /**
+     * Reset the configurator to the last saved state
+     */
+    handleReset() {
+        this.setState(clone(this.originalState));
+        this.setChecked();
+    }
+    /**
+     * Flattens all available fields.
+     */
+    getFieldsFlatMap(nodes = []) {
+        let result = [...nodes];
+        (nodes || []).forEach((child) => {
+            result = result.concat(this.getFieldsFlatMap(child.children));
+        });
+        return result;
+    }
+    /**
+     * Creates an array containing only the field names, e.g. '[Date].[Calendar]' or 'Product'
+     */
+    extractDefaultFields(columns = []) {
+        const result = new Set();
+        columns.forEach((column) => {
+            result.add(String(column.name));
+        });
+        return Array.from(result);
+    }
+    ;
+}
+PivotGridConfiguratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PivotGridConfiguratorComponent, deps: [{ token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i3.ConfiguratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PivotGridConfiguratorComponent, selector: "kendo-pivotgrid-configurator", inputs: { horizontal: "horizontal" }, host: { properties: { "class.k-pivotgrid-configurator": "this.hostClass" } }, providers: [
+        ConfiguratorService,
+        DropCueService
+    ], ngImport: i0, template: `
+        <div 
+            class="k-pivotgrid-configurator-panel k-pivotgrid-configurator-push"
+            [ngClass]="{
+                'k-pivotgrid-configurator-horizontal': horizontal,
+                'k-pivotgrid-configurator-vertical': !horizontal
+            }"
+        >
+            <div class="k-pivotgrid-configurator-header">
+                <div class="k-pivotgrid-configurator-header-text">{{messageFor('configuratorHeaderText')}}</div>
+            </div>
+
+            <div class="k-pivotgrid-configurator-content">
+                <div class="k-form" [class.k-form-horizontal]="horizontal">
+                    <div class="k-form-field-wrapper">
+                        <div class="k-form-field">
+                            <span class="k-label">{{messageFor('configuratorFieldsText')}}</span>
+                        </div>
+
+                        <div class="k-form-field">
+                            <div class="k-fields-list-wrapper">
+                                <kendo-treeview
+                                    [nodes]="fields"
+                                    textField="caption"
+                                    [children]="children"
+                                    [hasChildren]="hasChildren"
+                                    kendoTreeViewExpandable
+                                    (childrenLoaded)="handleChildrenLoaded($event)"
+                                >
+                                <ng-template kendoTreeViewNodeTemplate let-dataItem>
+                                    <input kendoCheckBox
+                                        *ngIf="isSelectable(dataItem)"
+                                        type="checkbox" 
+                                        kendoCheckBox
+                                        [checked]="isItemChecked(dataItem)"
+                                        (change)="handleCheckedChange($event, dataItem)"/>
+                                    {{ dataItem.caption }}
+                                </ng-template>
+                                </kendo-treeview>
+
+                            </div>
+                        </div>
+                    </div>
+
+                    <div *ngIf="horizontal; else verticalTemplate" class="k-form-field-wrapper">
+                        <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>
+                    </div>
+
+                    <ng-template #verticalTemplate>
+                        <div class="k-form-field" kendoDropTarget axes="columnAxes">
+                            <span class="k-label">{{messageFor('configuratorColumnsText')}}</span>
+                        </div>
+
+                        <kendo-chiplist
+                            *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"
+                            kendoDropTarget
+                            axes="columnAxes"
+                        >
+                            <kendo-chip *ngFor="let item of state.columnAxes"
+                                kendoChipDraggable
+                                kendoDraggable
+                                kendoDropTarget
+                                [item]="item"
+                                axes="columnAxes"
+                                rounded="full"
+                                [removable]="true"
+                            >
+                                {{ getName(item.name) }}
+                            </kendo-chip>
+                        </kendo-chiplist>
+
+                        <ng-template #noColumnAxes>
+                            <div class="k-settings-description" kendoDropTarget axes="columnAxes">
+                                Select some fields to begin setup
+                            </div>
+                        </ng-template>
+
+                        <div class="k-form-field" kendoDropTarget axes="rowAxes">
+                            <span class="k-label">{{messageFor('configuratorRowsText')}}</span>
+                        </div>
+
+                        <kendo-chiplist
+                            *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"
+                            kendoDropTarget
+                            axes="rowAxes"
+                        >
+                            <kendo-chip *ngFor="let item of state.rowAxes"
+                                kendoChipDraggable
+                                kendoDraggable
+                                kendoDropTarget
+                                [item]="item"
+                                axes="rowAxes"
+                                rounded="full"
+                                [removable]="true"
+                            >
+                                {{ getName(item.name) }}
+                            </kendo-chip>
+                        </kendo-chiplist>
+
+                        <ng-template #noRowAxes>
+                            <div class="k-settings-description" kendoDropTarget axes="rowAxes">
+                                Select some fields to begin setup
+                            </div>
+                        </ng-template>
+                    </ng-template>
+
+                    <div *ngIf="horizontal; else elseTpl2" class="k-form-field-wrapper">
+                        <ng-container *ngTemplateOutlet="elseTpl2"></ng-container>
+                    </div>
+
+                    <ng-template #elseTpl2>
+                        <div class="k-form-field" kendoDropTarget axes="measureAxes">
+                            <span class="k-label">{{messageFor('configuratorValuesText')}}</span>
+                        </div>
+
+                        <kendo-chiplist
+                            *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"
+                            kendoDropTarget
+                            axes="measureAxes"
+                        >
+                        <kendo-chip *ngFor="let item of state.measureAxes"
+                            kendoChipDraggable
+                            kendoDraggable
+                            kendoDropTarget
+                            [item]="item"
+                            axes="measureAxes"
+                            
+                            rounded="full"
+                            [removable]="true"
+                            >
+                            {{ getName(item.name) }}
+                        </kendo-chip>
+                        </kendo-chiplist>
+
+                        <ng-template #noMeasureAxes>
+                            <div class="k-settings-description" kendoDropTarget axes="measureAxes">
+                                Select some fields to begin setup
+                            </div>
+                        </ng-template>
+                    </ng-template>
+                    
+                </div>
+            </div>
+            <div class="k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end">
+                <button kendoButton type="button" (click)="handleReset()">{{messageFor('configuratorCancelButtonText')}}</button>
+                <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
+            </div>
+        </div>
+   `, isInline: true, components: [{ type: i4.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { type: i5.ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size"], outputs: ["selectedChange", "remove"] }, { type: i5.ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "iconClass", "avatarClass", "selected", "removable", "removeIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "contentClick"] }], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { type: i4.NodeTemplateDirective, selector: "[kendoTreeViewNodeTemplate]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { type: i10.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i5.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-pivotgrid-configurator',
+                    providers: [
+                        ConfiguratorService,
+                        DropCueService
+                    ],
+                    template: `
+        <div 
+            class="k-pivotgrid-configurator-panel k-pivotgrid-configurator-push"
+            [ngClass]="{
+                'k-pivotgrid-configurator-horizontal': horizontal,
+                'k-pivotgrid-configurator-vertical': !horizontal
+            }"
+        >
+            <div class="k-pivotgrid-configurator-header">
+                <div class="k-pivotgrid-configurator-header-text">{{messageFor('configuratorHeaderText')}}</div>
+            </div>
+
+            <div class="k-pivotgrid-configurator-content">
+                <div class="k-form" [class.k-form-horizontal]="horizontal">
+                    <div class="k-form-field-wrapper">
+                        <div class="k-form-field">
+                            <span class="k-label">{{messageFor('configuratorFieldsText')}}</span>
+                        </div>
+
+                        <div class="k-form-field">
+                            <div class="k-fields-list-wrapper">
+                                <kendo-treeview
+                                    [nodes]="fields"
+                                    textField="caption"
+                                    [children]="children"
+                                    [hasChildren]="hasChildren"
+                                    kendoTreeViewExpandable
+                                    (childrenLoaded)="handleChildrenLoaded($event)"
+                                >
+                                <ng-template kendoTreeViewNodeTemplate let-dataItem>
+                                    <input kendoCheckBox
+                                        *ngIf="isSelectable(dataItem)"
+                                        type="checkbox" 
+                                        kendoCheckBox
+                                        [checked]="isItemChecked(dataItem)"
+                                        (change)="handleCheckedChange($event, dataItem)"/>
+                                    {{ dataItem.caption }}
+                                </ng-template>
+                                </kendo-treeview>
+
+                            </div>
+                        </div>
+                    </div>
+
+                    <div *ngIf="horizontal; else verticalTemplate" class="k-form-field-wrapper">
+                        <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>
+                    </div>
+
+                    <ng-template #verticalTemplate>
+                        <div class="k-form-field" kendoDropTarget axes="columnAxes">
+                            <span class="k-label">{{messageFor('configuratorColumnsText')}}</span>
+                        </div>
+
+                        <kendo-chiplist
+                            *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"
+                            kendoDropTarget
+                            axes="columnAxes"
+                        >
+                            <kendo-chip *ngFor="let item of state.columnAxes"
+                                kendoChipDraggable
+                                kendoDraggable
+                                kendoDropTarget
+                                [item]="item"
+                                axes="columnAxes"
+                                rounded="full"
+                                [removable]="true"
+                            >
+                                {{ getName(item.name) }}
+                            </kendo-chip>
+                        </kendo-chiplist>
+
+                        <ng-template #noColumnAxes>
+                            <div class="k-settings-description" kendoDropTarget axes="columnAxes">
+                                Select some fields to begin setup
+                            </div>
+                        </ng-template>
+
+                        <div class="k-form-field" kendoDropTarget axes="rowAxes">
+                            <span class="k-label">{{messageFor('configuratorRowsText')}}</span>
+                        </div>
+
+                        <kendo-chiplist
+                            *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"
+                            kendoDropTarget
+                            axes="rowAxes"
+                        >
+                            <kendo-chip *ngFor="let item of state.rowAxes"
+                                kendoChipDraggable
+                                kendoDraggable
+                                kendoDropTarget
+                                [item]="item"
+                                axes="rowAxes"
+                                rounded="full"
+                                [removable]="true"
+                            >
+                                {{ getName(item.name) }}
+                            </kendo-chip>
+                        </kendo-chiplist>
+
+                        <ng-template #noRowAxes>
+                            <div class="k-settings-description" kendoDropTarget axes="rowAxes">
+                                Select some fields to begin setup
+                            </div>
+                        </ng-template>
+                    </ng-template>
+
+                    <div *ngIf="horizontal; else elseTpl2" class="k-form-field-wrapper">
+                        <ng-container *ngTemplateOutlet="elseTpl2"></ng-container>
+                    </div>
+
+                    <ng-template #elseTpl2>
+                        <div class="k-form-field" kendoDropTarget axes="measureAxes">
+                            <span class="k-label">{{messageFor('configuratorValuesText')}}</span>
+                        </div>
+
+                        <kendo-chiplist
+                            *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"
+                            kendoDropTarget
+                            axes="measureAxes"
+                        >
+                        <kendo-chip *ngFor="let item of state.measureAxes"
+                            kendoChipDraggable
+                            kendoDraggable
+                            kendoDropTarget
+                            [item]="item"
+                            axes="measureAxes"
+                            
+                            rounded="full"
+                            [removable]="true"
+                            >
+                            {{ getName(item.name) }}
+                        </kendo-chip>
+                        </kendo-chiplist>
+
+                        <ng-template #noMeasureAxes>
+                            <div class="k-settings-description" kendoDropTarget axes="measureAxes">
+                                Select some fields to begin setup
+                            </div>
+                        </ng-template>
+                    </ng-template>
+                    
+                </div>
+            </div>
+            <div class="k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end">
+                <button kendoButton type="button" (click)="handleReset()">{{messageFor('configuratorCancelButtonText')}}</button>
+                <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
+            </div>
+        </div>
+   `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i3.ConfiguratorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-pivotgrid-configurator']
+            }], horizontal: [{
+                type: Input
+            }] } });

package/esm2015/configurator/configurator.service.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, Injectable, Output } from '@angular/core';
+import { configuratorReducer } from '@progress/kendo-pivotgrid-common';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class ConfiguratorService {
+    constructor() {
+        this.configuratorStateChange = new EventEmitter();
+    }
+    parseConfiguratorState(action) {
+        const newState = configuratorReducer({
+            filter: [],
+            sort: [],
+            rowAxes: this.state.rowAxes,
+            columnAxes: this.state.columnAxes,
+            measureAxes: this.state.measureAxes,
+            dragItem: this.state.dragItem,
+            dropDirection: this.state.dropDirection,
+            dropTarget: this.state.dropTarget,
+            dropZone: this.state.dropZone
+        }, action);
+        Object.keys(newState).forEach(key => newState[key] === undefined && delete newState[key]);
+        this.state = Object.assign(Object.assign({}, this.state), newState);
+        this.configuratorStateChange.emit(this.state);
+    }
+}
+ConfiguratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfiguratorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ConfiguratorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfiguratorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfiguratorService, decorators: [{
+            type: Injectable
+        }], propDecorators: { configuratorStateChange: [{
+                type: Output
+            }] } });