@progress/kendo-angular-pivotgrid 1.1.1 → 1.1.2

package/bundles/kendo-angular-pivotgrid.umd.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-common"),require("@progress/kendo-pivotgrid-common"),require("rxjs"),require("rxjs/operators"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("@progress/kendo-angular-indicators"),require("@progress/kendo-angular-treeview"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-buttons"),require("@angular/animations"),require("@angular/forms"),require("@progress/kendo-angular-dropdowns"),require("@progress/kendo-angular-inputs")):"function"==typeof define&&define.amd?define("KendoAngularPivotgrid",["exports","@angular/core","@progress/kendo-licensing","@progress/kendo-angular-common","@progress/kendo-pivotgrid-common","rxjs","rxjs/operators","@progress/kendo-angular-l10n","@angular/common","@progress/kendo-angular-indicators","@progress/kendo-angular-treeview","@progress/kendo-angular-popup","@progress/kendo-angular-buttons","@angular/animations","@angular/forms","@progress/kendo-angular-dropdowns","@progress/kendo-angular-inputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularPivotgrid={},e.ng.core,e.KendoLicensing,e.KendoAngularCommon,e.KendoPivotgridCommon,e.rxjs,e.rxjs.operators,e.KendoAngularL10N,e.ng.common,e.KendoAngularIndicators,e.KendoAngularTreeview,e.KendoAngularPopup,e.KendoAngularButtons,e.ng.animations,e.ng.forms,e.KendoAngularDropdowns,e.KendoAngularInputs)}(this,function(e,a,V,l,c,s,R,t,B,j,z,n,G,o,H,r,q){"use strict";function i(n){var o;return n&&n.__esModule?n:(o=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o))}var p=i(a),_=i(l),d=i(t),u=i(B),g=i(j),m=i(z),K=i(n),W=i(G),f=i(H),Z=i(r),n=i(q),$={name:"@progress/kendo-angular-pivotgrid",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1668753455,version:"",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"},U=function(e,t){return(U=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}U(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function X(e,a,s,l){return new(s=s||Promise)(function(n,t){function o(e){try{i(l.next(e))}catch(e){t(e)}}function r(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?n(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(o,r)}i((l=l.apply(e,a||[])).next())})}function Y(o,r){var i,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},c={next:e(0),throw:e(1),return:e(2)};return"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function e(n){return function(e){var t=[n,e];if(i)throw new TypeError("Generator is already executing.");for(;l=c&&t[c=0]?0:l;)try{if(i=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=r.call(o,l)}catch(e){t=[6,e],a=0}finally{i=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}}Object.create;function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function y(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||((o=o||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}Object.create;function Q(e){return null!=e}function J(e,t,n,o){(e="Y"===o?-re(e,o):re(e,o))&&(t[0][n]=t[1][n]+=e)}function ee(e,n,o){return e.reduce(function(e,t){return n(t)?y(y([],v(e)),[o(t)]):e},[])}function te(e,t,n){return e.replace(new RegExp("{\\s*"+t+"\\s*}","g"),n)}var ne=/^\s*$/,oe=function(e){return null==e},re=function(e,t){var n=e["wheelDelta"+t];return e.wheelDelta&&(void 0===n||n)?e.wheelDelta:e.detail&&e.axis===e["X"===t?"HORIZONTAL_AXIS":"VERTICAL_AXIS"]?10*-e.detail:0},ie=function(e){return e?new Date(e.getTime()):null};function ae(e){var t={};return se(e,t),t}function se(e,t){for(var n in e){var o;e.hasOwnProperty(n)&&(o=e[n],t[n]=le(o,t[n]))}}function le(e,t){return Array.isArray(e)?ce(e):e instanceof Date?ie(e):e&&"object"==typeof e?(se(e,t=t||{}),t):e}function ce(e){return e.map(function(e){return le(e,void 0)})}var pe=0,b=(de.prototype.updateRowsAndCols=function(){var n=this,e=c.toTree((this.rows||[]).slice()),e=v(c.toRows(e),4),t=e[0],o=e[1],r=e[2],e=e[3],i=c.toTree((this.columns||[]).slice()),i=v(c.toColumns(i),3),a=i[0],s=i[1],i=i[2];this.columnHeaderLeaves=s,this.columnHeaderCols.next(s),this.columnHeaderRows.next(a),this.rowHeaderLeaves=o,this.rowHeaderCols.next(new Array(e).fill({})),this.rowHeaderRows.next(t),this.valuesRows.next(c.toData((this.normalizedData||[]).slice(),s,o,i,r)),l.isDocumentAvailable()&&this.ngZone.runOutsideAngular(function(){setTimeout(function(){return e=n.wrapper,t=e.querySelectorAll(".k-pivotgrid-row-headers .k-pivotgrid-row"),o=e.querySelectorAll(".k-pivotgrid-column-headers th"),r=e.querySelectorAll(".k-pivotgrid-values td"),t.forEach(function(e,t){var n=ee(Array.from(r),function(e){return e.getAttribute("id").split("-")[4]===(t+1).toString()},function(e){return e.getAttribute("id")});e.setAttribute("aria-owns",n.join(" "))}),void r.forEach(function(e){var n=+e.getAttribute("id").split("-")[5],t=ee(Array.from(o),function(e){var t=+e.getAttribute("id").split("-")[5],e=+e.getAttribute("colspan");return n==t||1<e&&n<=t+e-1},function(e){return e.getAttribute("id")});e.setAttribute("aria-describedby",t.join(" "))});var e,t,o,r})})},de);function de(e){this.ngZone=e,this.expandedStateChange=new a.EventEmitter,this.configuratorFieldChange=new a.EventEmitter,this.expandedFieldChange=new a.EventEmitter,this.columnHeaderRows=new s.BehaviorSubject([]),this.columnHeaderCols=new s.BehaviorSubject([]),this.rowHeaderCols=new s.BehaviorSubject([]),this.rowHeaderRows=new s.BehaviorSubject([]),this.valuesRows=new s.BehaviorSubject([]),this.loading=new s.BehaviorSubject(!1),this.fields=new s.BehaviorSubject([]),this.configuredFields=new s.BehaviorSubject([]),this.pivotGridId=pe++}b.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,deps:[{token:p.NgZone}],target:p.ɵɵFactoryTarget.Injectable}),b.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:p.NgZone}]},propDecorators:{expandedStateChange:[{type:a.Output}],configuratorFieldChange:[{type:a.Output}],expandedFieldChange:[{type:a.Output}]}});ue.prototype.get=function(e){return this.localization.get(e)},Object.defineProperty(ue.prototype,"rtl",{get:function(){return this.localization.rtl},enumerable:!1,configurable:!0});var k=ue;function ue(e){this.localization=e}k.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:k,deps:[{token:d.LocalizationService}],target:p.ɵɵFactoryTarget.Injectable}),k.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:k}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:k,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:d.LocalizationService}]}});Object.defineProperty(ge.prototype,"expanded",{get:function(){var e;return(null==(e=this.kendoPivotGridCell)?void 0:e.hasChildren)&&this.kendoPivotGridCell.children.length},enumerable:!1,configurable:!0}),ge.prototype.ngOnInit=function(){var e,t,n=this.hostEl.nativeElement,o=(this.renderer.setAttribute(n,"rowspan",this.kendoPivotGridCell.rowSpan||1),this.renderer.setAttribute(n,"colspan",this.kendoPivotGridCell.colSpan||1),{"k-pivotgrid-header-total":(null==(e=this.kendoPivotGridCell)?void 0:e.total)||"values"===this.tableType&&(this.dataService.rowHeaderLeaves[this.rowIndex].total||this.dataService.columnHeaderLeaves[this.colIndex].total),"k-pivotgrid-header-root":0===(null==(e=this.kendoPivotGridCell)?void 0:e.levelNum),"k-pivotgrid-expanded":(null==(e=this.kendoPivotGridCell)?void 0:e.hasChildren)&&this.kendoPivotGridCell.children.length,"k-first":0<this.colIndex});for(t in o)o[t]&&this.renderer.addClass(n,t)};var C=ge;function ge(e,t,n){var o=this;this.hostEl=e,this.renderer=t,this.dataService=n,this.cellClass=!0,this.handleClick=function(){o.dataService.expandedStateChange.emit({action:o.expanded?"collapse":"expand",cell:o.kendoPivotGridCell,tableType:o.tableType})}}C.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:C,deps:[{token:p.ElementRef},{token:p.Renderer2},{token:b}],target:p.ɵɵFactoryTarget.Component}),C.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoPivotGridCell]",inputs:{kendoPivotGridCell:"kendoPivotGridCell",tableType:"tableType",rowIndex:"rowIndex",colIndex:"colIndex"},host:{properties:{"class.k-pivotgrid-cell":"this.cellClass"}},ngImport:p,template:'\n        <span \n            *ngIf="kendoPivotGridCell.hasChildren && !kendoPivotGridCell.total"\n            class="k-icon"\n            aria-hidden="true"\n            [kendoEventsOutsideAngular]="{\n                click: handleClick\n            }"\n            [ngClass]="{\n                \'k-i-arrow-chevron-up\': expanded,\n                \'k-i-arrow-chevron-down\': !expanded\n            }"></span>{{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}',isInline:!0,directives:[{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:_.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:C,decorators:[{type:a.Component,args:[{selector:"[kendoPivotGridCell]",template:'\n        <span \n            *ngIf="kendoPivotGridCell.hasChildren && !kendoPivotGridCell.total"\n            class="k-icon"\n            aria-hidden="true"\n            [kendoEventsOutsideAngular]="{\n                click: handleClick\n            }"\n            [ngClass]="{\n                \'k-i-arrow-chevron-up\': expanded,\n                \'k-i-arrow-chevron-down\': !expanded\n            }"></span>{{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}'}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:p.Renderer2},{type:b}]},propDecorators:{cellClass:[{type:a.HostBinding,args:["class.k-pivotgrid-cell"]}],kendoPivotGridCell:[{type:a.Input}],tableType:[{type:a.Input}],rowIndex:[{type:a.Input}],colIndex:[{type:a.Input}]}});Object.defineProperty(me.prototype,"pivotGridId",{get:function(){return"kendo-pivotgrid-"+this.dataService.pivotGridId+"-"},enumerable:!1,configurable:!0}),me.prototype.ngOnInit=function(){var t=this;this.dataChangeSubs.add(this.dataService[this.tableType+"Rows"].subscribe(function(e){return t.rows=e})),this.dataChangeSubs.add("values"===this.tableType?this.dataService.columnHeaderCols.subscribe(function(e){return t.headerItems=e}):this.dataService[this.tableType+"Cols"].subscribe(function(e){return t.headerItems=e}))},me.prototype.ngOnDestroy=function(){this.dataChangeSubs.unsubscribe()};var x=me;function me(e){this.dataService=e,this.dataChangeSubs=new s.Subscription}x.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,deps:[{token:b}],target:p.ɵɵFactoryTarget.Component}),x.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:x,selector:"kendo-pivotgrid-table",inputs:{tableType:"tableType",colWidth:"colWidth"},ngImport:p,template:'\n        <table\n            class="k-pivotgrid-table"\n            role="presentation">\n            <colgroup>\n                <col \n                    *ngFor="let item of headerItems;"\n                    [style.width]="tableType !== \'rowHeader\' ? colWidth >= 0 ? colWidth + \'px\' : \'200px\' : undefined" />\n            </colgroup>\n            <tbody class="k-pivotgrid-tbody" role="rowgroup">\n                <tr *ngFor="let row of rows; index as rowIndex"\n                    class="k-pivotgrid-row"\n                    role="row">\n                    <ng-container *ngFor="let cell of row.cells; index as colIndex">\n                        <th\n                            *ngIf="cell && tableType !== \'values\'" \n                            [kendoPivotGridCell]="cell"\n                            [tableType]="tableType"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            [attr.aria-expanded]="cell.hasChildren && cell.children.length ? \'true\' : \'false\'"\n                            [attr.role]="tableType === \'columnHeader\' ? \'columnheader\' : \'rowheader\'"\n                            [attr.id]="pivotGridId + (tableType === \'columnHeader\' ? \'ch-\' : \'rh-\') + (rowIndex + 1) + \'-\' + (colIndex + 1)"></th>\n                        <td\n                            *ngIf="cell && tableType === \'values\'"\n                            [kendoPivotGridCell]="cell"\n                            tableType="values"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            role="gridcell"\n                            [attr.id]="pivotGridId + \'cell-\' + (rowIndex + 1) + \'-\' + (colIndex + 1)"></td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    ',isInline:!0,components:[{type:C,selector:"[kendoPivotGridCell]",inputs:["kendoPivotGridCell","tableType","rowIndex","colIndex"]}],directives:[{type:u.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,decorators:[{type:a.Component,args:[{selector:"kendo-pivotgrid-table",template:'\n        <table\n            class="k-pivotgrid-table"\n            role="presentation">\n            <colgroup>\n                <col \n                    *ngFor="let item of headerItems;"\n                    [style.width]="tableType !== \'rowHeader\' ? colWidth >= 0 ? colWidth + \'px\' : \'200px\' : undefined" />\n            </colgroup>\n            <tbody class="k-pivotgrid-tbody" role="rowgroup">\n                <tr *ngFor="let row of rows; index as rowIndex"\n                    class="k-pivotgrid-row"\n                    role="row">\n                    <ng-container *ngFor="let cell of row.cells; index as colIndex">\n                        <th\n                            *ngIf="cell && tableType !== \'values\'" \n                            [kendoPivotGridCell]="cell"\n                            [tableType]="tableType"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            [attr.aria-expanded]="cell.hasChildren && cell.children.length ? \'true\' : \'false\'"\n                            [attr.role]="tableType === \'columnHeader\' ? \'columnheader\' : \'rowheader\'"\n                            [attr.id]="pivotGridId + (tableType === \'columnHeader\' ? \'ch-\' : \'rh-\') + (rowIndex + 1) + \'-\' + (colIndex + 1)"></th>\n                        <td\n                            *ngIf="cell && tableType === \'values\'"\n                            [kendoPivotGridCell]="cell"\n                            tableType="values"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            role="gridcell"\n                            [attr.id]="pivotGridId + \'cell-\' + (rowIndex + 1) + \'-\' + (colIndex + 1)"></td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    '}]}],ctorParameters:function(){return[{type:b}]},propDecorators:{tableType:[{type:a.Input}],colWidth:[{type:a.Input}]}});var fe=function(e,t,n,o,r){this.columnAxes=e,this.rowAxes=t,this.measureAxes=n,this.sort=o,this.filter=r},I=(he.prototype.parseConfiguratorState=function(e){var t=c.configuratorReducer({filter:this.dataService.state.filter,sort:this.dataService.state.sort,rowAxes:this.dataService.state.rowAxes,columnAxes:this.dataService.state.columnAxes,measureAxes:this.dataService.state.measureAxes,dragItem:this.state.dragItem,dropDirection:this.state.dropDirection,dropTarget:this.state.dropTarget,dropZone:this.state.dropZone},e);Object.keys(t).forEach(function(e){return void 0===t[e]&&delete t[e]}),this.state=Object.assign(Object.assign({},this.state),t),this.dataService.state=new fe(this.state.columnAxes,this.state.rowAxes,this.state.measureAxes,this.state.sort,this.state.filter),this.configuratorStateChange.emit(this.state)},he);function he(e){this.dataService=e,this.configuratorStateChange=new a.EventEmitter}I.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,deps:[{token:b}],target:p.ɵɵFactoryTarget.Injectable}),I.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:b}]},propDecorators:{configuratorStateChange:[{type:a.Output}]}});ve.prototype.create=function(){this.dom=document.createElement("span");var e=document.createElement("div"),t=(e.classList.add("k-drop-hint","k-drop-hint-v"),document.createElement("div")),n=(t.classList.add("k-drop-hint-start"),document.createElement("div")),o=(n.classList.add("k-drop-hint-line"),document.createElement("div"));o.classList.add("k-drop-hint-end"),e.append(t,n,o),this.dom.append(e),this.hide()},ve.prototype.attach=function(e){return t=this.dom,e=e,!1||(e.appendChild(t),0),t;var t},ve.prototype.remove=function(e){this.dom&&this.dom.parentElement&&e.contains(this.dom)&&(e.removeChild(this.dom),this.dom=null)},ve.prototype.hide=function(){this.dom.style.display="none"},ve.prototype.show=function(e,t,n){if(this.dom||this.create(),"before"===e)t.insertBefore(this.dom,n);else{if(n.classList.contains("k-chip")&&n.matches(":last-child"))return void t.insertBefore(this.dom,n);n.classList.contains("k-chip")?n.after(this.dom):t.appendChild(this.dom)}this.dom.style.display=""};var T=ve;function ve(){}T.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,deps:[],target:p.ɵɵFactoryTarget.Injectable}),T.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,decorators:[{type:a.Injectable}]});h(ke,ye=l.PreventableEvent);var ye,be=ke;function ke(e){var t=ye.call(this)||this;return t.originalEvent=e,t}xe.prototype.open=function(e,t,n,o){void 0===o&&(o="k-grid-filter-popup");var n=Q(n)&&this.popupRef===n,o=(this.destroy(),n||(n=this.localization.rtl?"right":"left",this.popupRef=this.popupService.open({anchorAlign:{vertical:"bottom",horizontal:n},popupAlign:{vertical:"top",horizontal:n},anchor:e,popupClass:o,content:t,positionMode:"absolute"}),this.renderer.setAttribute(this.popupRef.popupElement,"dir",this.localization.rtl?"rtl":"ltr"),this.attachClose(e)),null==(n=this.popupRef)?void 0:n.popupElement);return o&&this.attachMouseListeners(o),this.popupRef},xe.prototype.destroy=function(){this.popupRef&&(this.detachClose(),this.pointerEventsSub.unsubscribe(),this.pointerEventsSub=null,this.popupRef.close(),this.popupRef=null)},xe.prototype.ngOnDestroy=function(){this.destroy(),this.scrollSubscription.unsubscribe()},xe.prototype.detachClose=function(){this.removeClick&&this.removeClick()},xe.prototype.attachClose=function(t){var n=this;this.detachClose(),this.ngZone.runOutsideAngular(function(){return n.removeClick=n.renderer.listen("document","click",function(e){!function(e,t){for(;e;){if(t(e))return!0;e=e.parentNode}return!1}(e.target,function(e){return n.popupRef.popupElement===e||e===t})&&(e=new be(e),n.onClose.next(e),!e.isDefaultPrevented()&&n.canClosePopup&&n.destroy(),n.canClosePopup=!0)})})},xe.prototype.attachMouseListeners=function(e){var t=this;this.pointerEventsSub=new s.Subscription,this.ngZone.runOutsideAngular(function(){t.pointerEventsSub.add(t.renderer.listen(e,"pointerdown",function(e){e.stopImmediatePropagation(),t.canClosePopup=!1})),t.pointerEventsSub.add(t.renderer.listen(e,"pointerup",function(){t.canClosePopup=!0}))})};var Ce=xe;function xe(e,t,n,o){this.popupService=e,this.renderer=t,this.ngZone=n,this.localization=o,this.onClose=new s.Subject,this.pointerEventsSub=new s.Subscription,this.scrollSubscription=new s.Subscription}Ce.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ce,deps:[{token:K.PopupService},{token:p.Renderer2},{token:p.NgZone},{token:k}],target:p.ɵɵFactoryTarget.Injectable}),Ce.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ce}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ce,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:K.PopupService},{type:p.Renderer2},{type:p.NgZone},{type:k}]}});var w=function(){this.isColumnMenu=!1,this.isPopupOpen=!1},D=(w.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w,deps:[],target:p.ɵɵFactoryTarget.Injectable}),w.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w,decorators:[{type:a.Injectable}]}),Ie.prototype.close=function(){this.closeMenu.emit()},Ie);function Ie(e){this.closeMenu=new a.EventEmitter,this.menuTabbingService=e}D.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:D,deps:[{token:w}],target:p.ɵɵFactoryTarget.Injectable}),D.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:D}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:D,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:w}]}});Object.defineProperty(Te.prototype,"isFirst",{get:function(){return this._isFirst},set:function(e){var t,n=this;e&&(t=this.chipMenuItems[0],this.menuItemComponent.service.menuTabbingService.firstFocusable=t,this.ngZone.runOutsideAngular(function(){var e=n.renderer.listen(t,"keydown",n.onTab);n.subs.add(e)})),this._isFirst=e},enumerable:!1,configurable:!0}),Object.defineProperty(Te.prototype,"isLast",{get:function(){return this._isLast},set:function(e){var t,n=this;this.chipMenuItems&&(e&&(t=this.getLastColumnMenuItem(),this.menuItemComponent.service.menuTabbingService.lastFocusable=t,this.ngZone.runOutsideAngular(function(){var e=n.renderer.listen(t,"keydown",n.onTab);n.subs.add(e)})),this._isLast=e)},enumerable:!1,configurable:!0}),Te.prototype.ngAfterViewInit=function(){var t=this;this.chipMenuItems=this.hostElement.nativeElement.querySelectorAll(".k-columnmenu-item"),this.chipMenuItems.forEach(function(e){return t.renderer.setAttribute(e,"tabindex","0")})},Te.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Te.prototype.getLastColumnMenuItem=function(){return 1===this.chipMenuItems.length?this.chipMenuItems[0]:this.chipMenuItems[1]};var S=Te;function Te(e,t,n){var o=this;this.hostElement=e,this.renderer=t,this.ngZone=n,this._isFirst=!1,this._isLast=!1,this.subs=new s.Subscription,this.onTab=function(e){var t,n;e.keyCode===l.Keys.Tab&&(o.isFirst&&e.shiftKey&&e.target===o.chipMenuItems[0]&&(e.preventDefault(),o.menuItemComponent.service.menuTabbingService.lastFocusable.focus()),o.isLast)&&!e.shiftKey&&(t=o.getLastColumnMenuItem(),n=o.menuItemComponent.expanded,t!==e.target||n||(e.preventDefault(),o.menuItemComponent.service.menuTabbingService.firstFocusable.focus()))}}S.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,deps:[{token:p.ElementRef},{token:p.Renderer2},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),S.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoPivotChipMenuItem]",inputs:{menuItemComponent:["kendoPivotChipMenuItem","menuItemComponent"]},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotChipMenuItem]"}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:p.Renderer2},{type:p.NgZone}]},propDecorators:{menuItemComponent:[{type:a.Input,args:["kendoPivotChipMenuItem"]}]}});De.prototype.ngAfterViewInit=function(){var e=this;this.chipMenuItems.length&&(this.chipMenuItems.first.isFirst=!0,this.chipMenuItems.last.isLast=!0,this.ngZone.onStable.pipe(R.take(1)).subscribe(function(){return e.service.menuTabbingService.firstFocusable.focus()}))};var we=De;function De(e,t){this.service=e,this.ngZone=t,this.hostClass=!0}we.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:we,deps:[{token:D},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Component}),we.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:we,selector:"kendo-pivot-chipmenu-container",host:{properties:{"class.k-grid-columnmenu-popup":"this.hostClass"}},queries:[{propertyName:"chipMenuItems",predicate:S,descendants:!0}],ngImport:p,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:we,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chipmenu-container",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:D},{type:p.NgZone}]},propDecorators:{chipMenuItems:[{type:a.ContentChildren,args:[S,{descendants:!0}]}],hostClass:[{type:a.HostBinding,args:["class.k-grid-columnmenu-popup"]}]}});Se.prototype.ngOnInit=function(){if(a.isDevMode()&&!this.service)throw new Error("The service input of the host chip menu components (e.g. ChipMenuSortComponent) is mandatory.")},Se.prototype.close=function(){this.service.close()};var O=Se;function Se(){this.hostClass=!0}O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,deps:[],target:p.ɵɵFactoryTarget.Component}),O.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-pivot-chip-menu-item-base",inputs:{service:"service"},host:{properties:{"class.k-columnmenu-item-wrapper":"this.hostClass"}},ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chip-menu-item-base",template:""}]}],propDecorators:{service:[{type:a.Input}],hostClass:[{type:a.HostBinding,args:["class.k-columnmenu-item-wrapper"]}]}});var A=function(e){this.templateRef=e},E=(A.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:A,deps:[{token:p.TemplateRef,optional:!0}],target:p.ɵɵFactoryTarget.Directive}),A.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:A,selector:"[kendoPivotChipMenuItemContentTemplate]",ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:A,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotChipMenuItemContentTemplate]"}]}],ctorParameters:function(){return[{type:p.TemplateRef,decorators:[{type:a.Optional}]}]}}),Object.defineProperty(Oe.prototype,"iconClass",{get:function(){return"k-i-"+this.icon},enumerable:!1,configurable:!0}),Oe.prototype.ngOnChanges=function(e){e.expanded&&this.updateContentState()},Oe.prototype.onClick=function(e){this.itemClick.emit(e),this.contentTemplate&&(this.expanded=!this.expanded,this.updateContentState(),(this.expanded?this.expand:this.collapse).emit())},Oe.prototype.updateContentState=function(){this.contentState=this.expanded?"expanded":"collapsed"},Oe);function Oe(){this.itemClick=new a.EventEmitter,this.expand=new a.EventEmitter,this.collapse=new a.EventEmitter,this.contentState="collapsed"}E.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:E,deps:[],target:p.ɵɵFactoryTarget.Component}),E.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:E,selector:"kendo-pivot-chipmenu-item",inputs:{icon:"icon",text:"text",selected:"selected",expanded:"expanded"},outputs:{itemClick:"itemClick",expand:"expand",collapse:"collapse"},queries:[{propertyName:"contentTemplate",first:!0,predicate:A,descendants:!0}],usesOnChanges:!0,ngImport:p,template:'\n        <div\n            class="k-columnmenu-item"\n            (click)="onClick($event)"\n            (keydown.enter)="onClick($event)"\n            [class.k-selected]="selected"\n            role="button"\n            [attr.aria-expanded]="expanded">\n           <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">\n           </span>\n           {{ text }}\n        </div>\n        <div *ngIf="contentTemplate" [@state]="contentState" style="overflow:hidden;" class="k-columnmenu-item-content">\n            <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">\n            </ng-container>\n        <div>\n    ',isInline:!0,directives:[{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}],animations:[o.trigger("state",[o.state("collapsed",o.style({display:"none"})),o.state("expanded",o.style({display:"block"})),o.transition("collapsed => expanded",[o.style({height:"0px",display:"block"}),o.animate("100ms ease-in",o.style({height:"*"}))]),o.transition("expanded => collapsed",[o.style({height:"*"}),o.animate("100ms ease-in",o.style({height:"0px"}))])])]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:E,decorators:[{type:a.Component,args:[{animations:[o.trigger("state",[o.state("collapsed",o.style({display:"none"})),o.state("expanded",o.style({display:"block"})),o.transition("collapsed => expanded",[o.style({height:"0px",display:"block"}),o.animate("100ms ease-in",o.style({height:"*"}))]),o.transition("expanded => collapsed",[o.style({height:"*"}),o.animate("100ms ease-in",o.style({height:"0px"}))])])],selector:"kendo-pivot-chipmenu-item",template:'\n        <div\n            class="k-columnmenu-item"\n            (click)="onClick($event)"\n            (keydown.enter)="onClick($event)"\n            [class.k-selected]="selected"\n            role="button"\n            [attr.aria-expanded]="expanded">\n           <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">\n           </span>\n           {{ text }}\n        </div>\n        <div *ngIf="contentTemplate" [@state]="contentState" style="overflow:hidden;" class="k-columnmenu-item-content">\n            <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">\n            </ng-container>\n        <div>\n    '}]}],propDecorators:{itemClick:[{type:a.Output}],expand:[{type:a.Output}],collapse:[{type:a.Output}],icon:[{type:a.Input}],text:[{type:a.Input}],selected:[{type:a.Input}],expanded:[{type:a.Input}],contentTemplate:[{type:a.ContentChild,args:[A,{static:!1}]}]}});h(Fe,Ae=O),Object.defineProperty(Fe.prototype,"sortedAsc",{get:function(){var e=this.descriptor;return e&&(!e.dir||"asc"===e.dir)},enumerable:!1,configurable:!0}),Object.defineProperty(Fe.prototype,"sortedDesc",{get:function(){var e=this.descriptor;return e&&"desc"===e.dir},enumerable:!1,configurable:!0}),Fe.prototype.messageFor=function(e){return this.localization.get(e)},Fe.prototype.toggleSort=function(e){var t=this.chip.name.toString(),n=this.descriptor,o=this.configuratorService.state.sort.filter(function(e){return e.field!==t});n&&n.dir===e||o.push({field:t,dir:e}),this.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setSort,payload:o}),this.close()},Object.defineProperty(Fe.prototype,"descriptor",{get:function(){var t=this;return[].concat(this.configuratorService.state.sort||[]).find(function(e){return e.field===t.chip.name.toString()})},enumerable:!1,configurable:!0});var Ae,Ee=Fe;function Fe(e,t,n){var o=Ae.call(this)||this;return o.localization=e,o.renderer=t,o.configuratorService=n,o}Ee.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ee,deps:[{token:k},{token:p.Renderer2},{token:I}],target:p.ɵɵFactoryTarget.Component}),Ee.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ee,selector:"kendo-pivot-chipmenu-sort",inputs:{chip:"chip"},usesInheritance:!0,ngImport:p,template:'\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortAscendingItemLabel\')"\n            icon="sort-asc-small"\n            (itemClick)="toggleSort(\'asc\')"\n            [selected]="sortedAsc">\n        </kendo-pivot-chipmenu-item>\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortDescendingItemLabel\')"\n            icon="sort-desc-small"\n            (itemClick)="toggleSort(\'desc\')"\n            [selected]="sortedDesc">\n        </kendo-pivot-chipmenu-item>\n    ',isInline:!0,components:[{type:E,selector:"kendo-pivot-chipmenu-item",inputs:["icon","text","selected","expanded"],outputs:["itemClick","expand","collapse"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ee,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chipmenu-sort",template:'\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortAscendingItemLabel\')"\n            icon="sort-asc-small"\n            (itemClick)="toggleSort(\'asc\')"\n            [selected]="sortedAsc">\n        </kendo-pivot-chipmenu-item>\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortDescendingItemLabel\')"\n            icon="sort-desc-small"\n            (itemClick)="toggleSort(\'desc\')"\n            [selected]="sortedDesc">\n        </kendo-pivot-chipmenu-item>\n    '}]}],ctorParameters:function(){return[{type:k},{type:p.Renderer2},{type:I}]},propDecorators:{chip:[{type:a.Input}]}});Ne.prototype.ngAfterViewInit=function(){var e=this.host.wrapper.nativeElement;e.setAttribute("aria-label",this.filterMenuDropDownLabel),e.addEventListener("keydown",this.keydownHandler,!0)},Ne.prototype.ngOnDestroy=function(){this.host.wrapper.nativeElement.removeEventListener("keydown",this.keydownHandler)};o=Ne;function Ne(e){var t=this;this.host=e,this.keydownHandler=function(e){e.keyCode===l.Keys.Escape&&t.host.isOpen&&(e.stopPropagation(),t.host.toggle(!1))}}o.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:o,deps:[{token:Z.DropDownListComponent}],target:p.ɵɵFactoryTarget.Directive}),o.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:o,selector:"[kendoFilterMenuDropDown]",inputs:{filterMenuDropDownLabel:"filterMenuDropDownLabel"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:o,decorators:[{type:a.Directive,args:[{selector:"[kendoFilterMenuDropDown]"}]}],ctorParameters:function(){return[{type:Z.DropDownListComponent}]},propDecorators:{filterMenuDropDownLabel:[{type:a.Input}]}});Me={filterEqOperator:"eq",filterNotEqOperator:"neq",filterContainsOperator:"contains",filterNotContainsOperator:"doesnotcontain",filterStartsWithOperator:"startswith",filterEndsWithOperator:"endswith",filterIsNullOperator:"isnull",filterIsNotNullOperator:"isnotnull",filterIsEmptyOperator:"isempty",filterIsNotEmptyOperator:"isnotempty"};var Me,Pe=function(t){return Object.keys(Me).map(function(e){return{text:t.get(e),value:Me[e]}})},F=(Object.defineProperty(Le.prototype,"currentFilter",{get:function(){var t=this,e=null==(e=this.configuratorService.state.filter)?void 0:e.filter(function(e){return e.field===t.chip.name.toString()});return e&&e[0]},enumerable:!1,configurable:!0}),Le.prototype.registerOnChange=function(e){this.filterFormGroup.valueChanges.subscribe(e)},Le.prototype.registerOnTouched=function(e){this.onTouched=e},Le.prototype.writeValue=function(e){e&&this.filterFormGroup.setValue(e,{emitEvent:!1})},Object.defineProperty(Le.prototype,"filterMenuDropDownLabel",{get:function(){var e=this.localization.get("filterOperatorsDropDownLabel")||"",t=this.chip.name.toString();return te(e,"fields",t)},enumerable:!1,configurable:!0}),Le.prototype.ngOnInit=function(){this.filterFormGroup=this.fb.group({operator:[this.currentFilter?this.currentFilter.operator:""],value:[this.currentFilter?this.currentFilter.value:""]}),this.operators=Pe(this.localization)},Le.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},Le);function Le(e,t,n){this.localization=e,this.configuratorService=t,this.fb=n,this.subscription=new s.Subscription,this.onTouched=function(){}}F.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:F,deps:[{token:k},{token:I},{token:f.FormBuilder}],target:p.ɵɵFactoryTarget.Component}),F.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"kendo-pivot-string-filter-menu",inputs:{chip:"chip",menuTabbingService:"menuTabbingService"},providers:[{provide:H.NG_VALUE_ACCESSOR,useExisting:a.forwardRef(function(){return F}),multi:!0}],ngImport:p,template:'\n        <ng-container [formGroup]="filterFormGroup">\n            <kendo-dropdownlist\n                    kendoFilterMenuDropDown\n                    [filterMenuDropDownLabel]="filterMenuDropDownLabel"\n                    [data]="operators"\n                    formControlName="operator"\n                    [valuePrimitive]="true"\n                    textField="text"\n                    valueField="value">\n                </kendo-dropdownlist>\n                <input\n                    kendoTextBox\n                    formControlName="value"\n                />\n        </ng-container>\n    ',isInline:!0,components:[{type:Z.DropDownListComponent,selector:"kendo-dropdownlist",inputs:["iconClass","loading","data","value","textField","valueField","popupSettings","listHeight","defaultItem","disabled","itemDisabled","readonly","filterable","virtual","ignoreCase","delay","valuePrimitive","tabindex","tabIndex","size","rounded","fillMode","id"],outputs:["valueChange","filterChange","selectionChange","open","opened","close","closed","focus","blur"],exportAs:["kendoDropDownList"]}],directives:[{type:f.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:f.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:o,selector:"[kendoFilterMenuDropDown]",inputs:["filterMenuDropDownLabel"]},{type:f.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:f.FormControlName,selector:"[formControlName]",inputs:["disabled","formControlName","ngModel"],outputs:["ngModelChange"]},{type:n.TextBoxDirective,selector:"input[kendoTextBox]",inputs:["value"]},{type:f.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:F,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-string-filter-menu",providers:[{provide:H.NG_VALUE_ACCESSOR,useExisting:a.forwardRef(function(){return F}),multi:!0}],template:'\n        <ng-container [formGroup]="filterFormGroup">\n            <kendo-dropdownlist\n                    kendoFilterMenuDropDown\n                    [filterMenuDropDownLabel]="filterMenuDropDownLabel"\n                    [data]="operators"\n                    formControlName="operator"\n                    [valuePrimitive]="true"\n                    textField="text"\n                    valueField="value">\n                </kendo-dropdownlist>\n                <input\n                    kendoTextBox\n                    formControlName="value"\n                />\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:k},{type:I},{type:f.FormBuilder}]},propDecorators:{chip:[{type:a.Input}],menuTabbingService:[{type:a.Input}]}});function Ve(e){var t=e.value,e=e.operator;return!(oe(t=t)||ne.test(t))||"isnull"===(t=e)||"isnotnull"===t||"isempty"===t||"isnotempty"===t}Be.prototype.ngOnInit=function(){},Be.prototype.ngAfterViewChecked=function(){(!this.menuTabbingService.isColumnMenu||this.isLast&&this.isExpanded)&&(this.menuTabbingService.lastFocusable=(this.disabled?this.resetButton:this.filterButton).nativeElement)},Be.prototype.ngOnDestroy=function(){this.menuTabbingService.lastFocusable=null},Object.defineProperty(Be.prototype,"disabled",{get:function(){return!(this.filterDescriptorValue&&Ve(this.filterDescriptorValue))},enumerable:!1,configurable:!0}),Be.prototype.submit=function(){var t=Object.assign({field:this.chip.name.toString()},this.filterDescriptorValue),e=this.configuratorService.state.filter?y(y([],v(this.configuratorService.state.filter.filter(function(e){return e.field!==t.field}))),[t]):[t];return this.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setFilter,payload:e}),this.close.emit(),!1},Be.prototype.reset=function(){var t=this,e=this.configuratorService.state.filter.filter(function(e){return e.field!==t.chip.name.toString()});this.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setFilter,payload:e}),this.close.emit()},Be.prototype.onTab=function(e,t){!this.menuTabbingService.firstFocusable||this.menuTabbingService.isColumnMenu&&!this.isLast||(e.preventDefault(),("reset"!==t||this.disabled?this.menuTabbingService.firstFocusable:this.filterButton.nativeElement).focus())},Be.prototype.messageFor=function(e){return this.localization.get(e)};var Re=Be;function Be(e,t,n,o){this.localization=e,this.cd=t,this.configuratorService=o,this.close=new a.EventEmitter,this.actionsClass="k-action-buttons k-button-group",this.menuTabbingService=n}Re.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Re,deps:[{token:k},{token:p.ChangeDetectorRef},{token:w},{token:I}],target:p.ɵɵFactoryTarget.Component}),Re.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Re,selector:"kendo-pivot-filter-menu-container",inputs:{chip:"chip",isLast:"isLast",isExpanded:"isExpanded",menuTabbingService:"menuTabbingService",actionsClass:"actionsClass"},outputs:{close:"close"},providers:[w],viewQueries:[{propertyName:"resetButton",first:!0,predicate:["resetButton"],descendants:!0},{propertyName:"filterButton",first:!0,predicate:["filterButton"],descendants:!0}],ngImport:p,template:'\n        <form (submit)="submit()" (reset)="reset()"\n            class="k-filter-menu k-group k-reset k-state-border-up">\n            <div class="k-filter-menu-container">\n                <kendo-pivot-string-filter-menu\n                    [(ngModel)]="filterDescriptorValue"\n                    name="\'filterDescriptorValue\'"\n                    [chip]="chip"\n                    [menuTabbingService]="menuTabbingService">\n                </kendo-pivot-string-filter-menu>\n                <div [ngClass]="actionsClass">\n                    <button\n                        #resetButton\n                        type="reset"\n                        kendoButton\n                        (keydown.tab)="onTab($event, \'reset\')">{{messageFor(\'filterClearButton\')}}</button>\n                    <button #filterButton\n                        type="submit"\n                        [disabled]="disabled"\n                        kendoButton\n                        themeColor="primary"\n                        (keydown.tab)="onTab($event, \'filter\')">{{messageFor(\'filterFilterButton\')}}</button>\n                </div>\n            </div>\n        </form>\n    ',isInline:!0,styles:["\n        kendo-pivot-string-filter-menu {\n            display: flex;\n            flex-flow: column nowrap;\n            align-items: stretch;\n            gap: 8px;\n        }\n    "],components:[{type:F,selector:"kendo-pivot-string-filter-menu",inputs:["chip","menuTabbingService"]}],directives:[{type:f.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:f.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:f.NgForm,selector:"form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]",inputs:["ngFormOptions"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:f.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:f.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:W.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"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Re,decorators:[{type:a.Component,args:[{providers:[w],selector:"kendo-pivot-filter-menu-container",template:'\n        <form (submit)="submit()" (reset)="reset()"\n            class="k-filter-menu k-group k-reset k-state-border-up">\n            <div class="k-filter-menu-container">\n                <kendo-pivot-string-filter-menu\n                    [(ngModel)]="filterDescriptorValue"\n                    name="\'filterDescriptorValue\'"\n                    [chip]="chip"\n                    [menuTabbingService]="menuTabbingService">\n                </kendo-pivot-string-filter-menu>\n                <div [ngClass]="actionsClass">\n                    <button\n                        #resetButton\n                        type="reset"\n                        kendoButton\n                        (keydown.tab)="onTab($event, \'reset\')">{{messageFor(\'filterClearButton\')}}</button>\n                    <button #filterButton\n                        type="submit"\n                        [disabled]="disabled"\n                        kendoButton\n                        themeColor="primary"\n                        (keydown.tab)="onTab($event, \'filter\')">{{messageFor(\'filterFilterButton\')}}</button>\n                </div>\n            </div>\n        </form>\n    ',styles:["\n        kendo-pivot-string-filter-menu {\n            display: flex;\n            flex-flow: column nowrap;\n            align-items: stretch;\n            gap: 8px;\n        }\n    "]}]}],ctorParameters:function(){return[{type:k},{type:p.ChangeDetectorRef},{type:w},{type:I}]},propDecorators:{close:[{type:a.Output}],chip:[{type:a.Input}],isLast:[{type:a.Input}],isExpanded:[{type:a.Input}],menuTabbingService:[{type:a.Input}],actionsClass:[{type:a.Input}],resetButton:[{type:a.ViewChild,args:["resetButton"]}],filterButton:[{type:a.ViewChild,args:["filterButton"]}]}});h(ze,je=O),ze.prototype.onCollapse=function(){this.expanded=!1,this.isLast&&(this.service.menuTabbingService.lastFocusable=this.hostElement.nativeElement.querySelector(".k-columnmenu-item")),this.collapse.emit()},ze.prototype.onExpand=function(){this.expanded=!0,this.expand.emit()},ze.prototype.messageFor=function(e){return this.localization.get(e)};var je,O=ze;function ze(e,t){var n=je.call(this)||this;return n.localization=e,n.hostElement=t,n.expand=new a.EventEmitter,n.collapse=new a.EventEmitter,n.expanded=!1,n.isLast=!1,n.actionsClass="k-columnmenu-actions",n}O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,deps:[{token:k},{token:p.ElementRef}],target:p.ɵɵFactoryTarget.Component}),O.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-pivot-chipmenu-filter",inputs:{chip:"chip",expanded:"expanded",isLast:"isLast"},outputs:{expand:"expand",collapse:"collapse"},usesInheritance:!0,ngImport:p,template:'\n        <kendo-pivot-chipmenu-item\n            classs="k-widget k-expander"\n            [text]="messageFor(\'fieldMenuFilterItemLabel\')"\n            icon="filter"\n            [expanded]="expanded"\n            (collapse)="onCollapse()"\n            (expand)="onExpand()">\n            <ng-template kendoPivotChipMenuItemContentTemplate>\n                <kendo-pivot-filter-menu-container\n                    [chip]="chip"\n                    [menuTabbingService]="service.menuTabbingService"\n                    [actionsClass]="actionsClass"\n                    [isLast]="isLast"\n                    [isExpanded]="expanded"\n                    (keydown.shift.tab)="$event.stopImmediatePropagation()"\n                    (close)="close()">\n                </kendo-pivot-filter-menu-container>\n            </ng-template>\n        </kendo-pivot-chipmenu-item>\n    ',isInline:!0,components:[{type:E,selector:"kendo-pivot-chipmenu-item",inputs:["icon","text","selected","expanded"],outputs:["itemClick","expand","collapse"]},{type:Re,selector:"kendo-pivot-filter-menu-container",inputs:["chip","isLast","isExpanded","menuTabbingService","actionsClass"],outputs:["close"]}],directives:[{type:A,selector:"[kendoPivotChipMenuItemContentTemplate]"}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chipmenu-filter",template:'\n        <kendo-pivot-chipmenu-item\n            classs="k-widget k-expander"\n            [text]="messageFor(\'fieldMenuFilterItemLabel\')"\n            icon="filter"\n            [expanded]="expanded"\n            (collapse)="onCollapse()"\n            (expand)="onExpand()">\n            <ng-template kendoPivotChipMenuItemContentTemplate>\n                <kendo-pivot-filter-menu-container\n                    [chip]="chip"\n                    [menuTabbingService]="service.menuTabbingService"\n                    [actionsClass]="actionsClass"\n                    [isLast]="isLast"\n                    [isExpanded]="expanded"\n                    (keydown.shift.tab)="$event.stopImmediatePropagation()"\n                    (close)="close()">\n                </kendo-pivot-filter-menu-container>\n            </ng-template>\n        </kendo-pivot-chipmenu-item>\n    '}]}],ctorParameters:function(){return[{type:k},{type:p.ElementRef}]},propDecorators:{expand:[{type:a.Output}],collapse:[{type:a.Output}],chip:[{type:a.Input}],expanded:[{type:a.Input}],isLast:[{type:a.Input}]}});He.prototype.ngOnDestroy=function(){this.close(),this.closeSubscription.unsubscribe()},He.prototype.toggle=function(e,t,n){e&&(e.preventDefault(),e.stopImmediatePropagation()),this.popupRef=this.popupService.open(t,n,this.popupRef,"k-column-menu"),this.popupRef||this.anchor.nativeElement.focus()},He.prototype.close=function(){this.popupService.destroy(),this.popupRef=null,this.anchor.nativeElement.closest(".k-chip").focus()},Object.defineProperty(He.prototype,"chipMenuTitle",{get:function(){var e=this.localization.get("chipMenuIconTitle")||"",t=this.chip.name.toString();return te(e,"fieldName",t)},enumerable:!1,configurable:!0});var Ge=He;function He(e,t,n){this.popupService=e,this.localization=t,this.service=n,this.tabIndex="-1",this.closeSubscription=n.closeMenu.subscribe(this.close.bind(this))}Ge.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ge,deps:[{token:Ce},{token:k},{token:D}],target:p.ɵɵFactoryTarget.Component}),Ge.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ge,selector:"kendo-pivot-chip-menu",inputs:{chip:"chip",tabIndex:"tabIndex"},providers:[D,w],viewQueries:[{propertyName:"anchor",first:!0,predicate:["anchor"],descendants:!0,static:!0}],ngImport:p,template:'\n        <span #anchor\n            class="k-icon k-i-more-vertical"\n            (click)="toggle($event, anchor, template)"\n            [tabindex]="tabIndex"\n            [attr.title]="chipMenuTitle">\n        </span>\n        <ng-template #template>\n            <kendo-pivot-chipmenu-container\n                (keydown.escape)="close()"\n                (keydown.enter)="$event.stopImmediatePropagation()">\n                <kendo-pivot-chipmenu-sort\n                    #sortItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="sortItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-sort>\n\n                <kendo-pivot-chipmenu-filter\n                    #filterItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="filterItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-filter>\n            </kendo-pivot-chipmenu-container>\n        </ng-template>\n    ',isInline:!0,components:[{type:we,selector:"kendo-pivot-chipmenu-container"},{type:Ee,selector:"kendo-pivot-chipmenu-sort",inputs:["chip"]},{type:O,selector:"kendo-pivot-chipmenu-filter",inputs:["chip","expanded","isLast"],outputs:["expand","collapse"]}],directives:[{type:S,selector:"[kendoPivotChipMenuItem]",inputs:["kendoPivotChipMenuItem"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ge,decorators:[{type:a.Component,args:[{providers:[D,w],selector:"kendo-pivot-chip-menu",template:'\n        <span #anchor\n            class="k-icon k-i-more-vertical"\n            (click)="toggle($event, anchor, template)"\n            [tabindex]="tabIndex"\n            [attr.title]="chipMenuTitle">\n        </span>\n        <ng-template #template>\n            <kendo-pivot-chipmenu-container\n                (keydown.escape)="close()"\n                (keydown.enter)="$event.stopImmediatePropagation()">\n                <kendo-pivot-chipmenu-sort\n                    #sortItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="sortItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-sort>\n\n                <kendo-pivot-chipmenu-filter\n                    #filterItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="filterItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-filter>\n            </kendo-pivot-chipmenu-container>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:Ce},{type:k},{type:D}]},propDecorators:{chip:[{type:a.Input}],tabIndex:[{type:a.Input}],anchor:[{type:a.ViewChild,args:["anchor",{static:!0}]}]}});_e.prototype.ngOnInit=function(){var e,t=this.element.nativeElement;this.elementType=this.getElementType(t),this.elementSectionType=null==(e=t.getAttribute("axes"))?void 0:e.split("Axes")[0],this.subs.add(this.renderer.listen(t,"mouseenter",this.handleMouseEnter.bind(this))),this.subs.add(this.renderer.listen(t,"mousemove",this.handleMouseMove.bind(this))),this.subs.add(this.renderer.listen(t,"mouseleave",this.handleMouseLeave.bind(this)))},_e.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},_e.prototype.handleMouseEnter=function(e){var t=this;this.zone.runOutsideAngular(function(){t.configuratorService.state.dragItem&&(t.configuratorService.dropTargetElement=t.element.nativeElement,t.configuratorService.draggedElement&&!t.isDropAllowed(t.configuratorService.draggedElement.fromSection)||(t.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropTarget,payload:t.item}),t.targetElement="header"===t.elementType?e.target.nextElementSibling:e.target,t.cue.dom&&t.cue.remove(t.getCueContainer()),t.cue.create(),t.cue.attach(t.getCueContainer()),t.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:t.axes})))})},_e.prototype.handleMouseMove=function(a){var s=this;this.zone.runOutsideAngular(function(){var e;if(a.stopImmediatePropagation(),s.configuratorService.state.dragItem)if(s.configuratorService.draggedElement&&!s.isDropAllowed(s.configuratorService.draggedElement.fromSection))s.renderer.setStyle(s.element.nativeElement,"cursor","not-allowed");else{s.renderer.setStyle(s.element.nativeElement,"cursor","pointer");var t=(null==(e=s.targetElement)?void 0:e.querySelectorAll(".k-chip").length)<2,n=s.elementSectionType===s.configuratorService.draggedElement.fromSection;if(s.targetElement)switch(s.elementType){case"chip":var o=s.element.nativeElement.getBoundingClientRect(),o=a.clientX-o.left<o.width/2?"before":"after";s.cue.show(o,s.configuratorService.cueContainer,s.targetElement),o!==s.configuratorService.state.dropDirection&&s.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropDirection,payload:o});break;case"container":case"header":if(!t||!n){if(n){var o=s.configuratorService.draggedElement.element,r=s.getNextChip(o);if(!r)return s.cue.show("before",s.configuratorService.cueContainer,o),void("before"!==s.configuratorService.state.dropDirection&&s.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropDirection,payload:"before"}));var i="vertical"===s.configuratorService.orientation;if(Q(s.nextChipOffset)||(s.nextChipOffset=i?r.getBoundingClientRect().left:r.getBoundingClientRect().top),i?a.clientX<s.nextChipOffset:a.clientY<s.nextChipOffset)return void s.cue.show("after",s.configuratorService.cueContainer,o)}"after"!==s.configuratorService.state.dropDirection&&s.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropDirection,payload:"after"}),s.cue.show("after",s.configuratorService.cueContainer,s.targetElement)}}}})},_e.prototype.handleMouseLeave=function(e){var t=this;this.renderer.removeStyle(this.element.nativeElement,"cursor"),this.configuratorService.draggedElement&&this.zone.runOutsideAngular(function(){e.stopImmediatePropagation(),t.configuratorService.dropTargetElement=null,t.cue.remove(t.getCueContainer()),"chip"!==t.elementType&&t.configuratorService.state.dragItem&&t.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})})},_e.prototype.isDropAllowed=function(e){var t=this.element.nativeElement,n=("row"===e||"column"===e)&&t.closest("[axes=measureAxes]"),e="measure"===e&&(t.closest("[axes=rowAxes]")||t.closest("[axes=columnAxes]"));return!(n||e)},_e.prototype.getElementType=function(e){return{"KENDO-CHIP":"chip","KENDO-CHIPLIST":"container",DIV:"header"}[e.tagName]},_e.prototype.getCueContainer=function(){var e=this.element.nativeElement,e={chip:e.parentElement,container:e,header:e.classList.contains("k-settings-description")?e:e.nextElementSibling}[this.elementType];return this.configuratorService.cueContainer=e},_e.prototype.getNextChip=function(e){var t=e.nextElementSibling;if(t&&t.matches(".k-chip"))return t;for(;t;)if(null===(t=t.nextElementSibling)||t.matches(".k-chip"))return t};var qe=_e;function _e(e,t,n,o,r){this.element=e,this.configuratorService=t,this.cue=n,this.renderer=o,this.zone=r,this.subs=new s.Subscription}qe.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:qe,deps:[{token:p.ElementRef},{token:I},{token:T},{token:p.Renderer2},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),qe.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:qe,selector:"[kendoDropTarget]",inputs:{item:"item",axes:"axes"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:qe,decorators:[{type:a.Directive,args:[{selector:"[kendoDropTarget]"}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:I},{type:T},{type:p.Renderer2},{type:p.NgZone}]},propDecorators:{item:[{type:a.Input}],axes:[{type:a.Input}]}});Object.defineProperty(We.prototype,"pointerEvents",{get:function(){return this.drag?"none":void 0},enumerable:!1,configurable:!0}),We.prototype.ngOnInit=function(){var n=this;this.subs.add(this.draggable.kendoPress.subscribe(function(t){n.zone.runOutsideAngular(function(){var e;l.isDocumentAvailable()&&(n.initialX.current=t.clientX,n.initialY.current=t.clientY,e=n.element.nativeElement,n.renderer.setStyle(e,"z-index",1),n.service.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDragItem,payload:n.item}),n.service.draggedElement={element:e,fromSection:e.closest(".k-chip-list").getAttribute("axes").split("Axes")[0]})})})),this.subs.add(this.draggable.kendoDrag.subscribe(function(t){n.zone.runOutsideAngular(function(){var e;l.isDocumentAvailable()&&(5<Math.abs(n.initialX.current-t.clientX)||5<Math.abs(n.initialY.current-t.clientY))&&(n.drag=!0,null!=(e=document.elementFromPoint(t.clientX,t.clientY)))&&e.closest(".k-pivotgrid-configurator [kendodroptarget]")&&n.renderer.setStyle(n.element.nativeElement,"transform","translate("+(t.clientX-n.initialX.current)+"px, "+(t.clientY-n.initialY.current)+"px)")})})),this.subs.add(this.draggable.kendoRelease.subscribe(function(){n.zone.runOutsideAngular(function(){var e;n.drag=!1,n.service.state.dragItem&&(e=n.element.nativeElement,l.isDocumentAvailable()&&(n.renderer.removeStyle(e,"transform"),n.cue.remove(n.service.cueContainer)),n.service.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.drop,payload:n.item}),n.service.state.dragItem=null,n.service.state.dropDirection=null,n.service.state.dropTarget=null,n.service.state.dropZone=null,n.renderer.removeStyle(e,"z-index"),n.service.draggedElement=null,n.service.dropTargetElement)&&(n.renderer.removeStyle(n.service.dropTargetElement,"cursor"),n.service.dropTargetElement=null)})}))},We.prototype.ngOnDestroy=function(){this.subs.unsubscribe()};var Ke=We;function We(e,t,n,o,r,i){this.draggable=e,this.element=t,this.zone=n,this.service=o,this.cue=r,this.renderer=i,this.touchActions="none",this.initialX={},this.initialY={},this.subs=new s.Subscription}Ke.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ke,deps:[{token:_.DraggableDirective,optional:!0},{token:p.ElementRef},{token:p.NgZone},{token:I},{token:T},{token:p.Renderer2}],target:p.ɵɵFactoryTarget.Directive}),Ke.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ke,selector:"[kendoChipDraggable]",inputs:{item:"item"},host:{properties:{"style.pointerEvents":"this.pointerEvents","style.touch-action":"this.touchActions"}},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ke,decorators:[{type:a.Directive,args:[{selector:"[kendoChipDraggable]"}]}],ctorParameters:function(){return[{type:_.DraggableDirective,decorators:[{type:a.Optional}]},{type:p.ElementRef},{type:p.NgZone},{type:I},{type:T},{type:p.Renderer2}]},propDecorators:{pointerEvents:[{type:a.HostBinding,args:["style.pointerEvents"]}],touchActions:[{type:a.HostBinding,args:["style.touch-action"]}],item:[{type:a.Input}]}});$e.prototype.ngOnInit=function(){var i=this,e=this.host.element.nativeElement;this.ngZone.runOutsideAngular(function(){i.keydownSub.add(i.renderer.listen(e,"keydown",function(e){var t=e.keyCode===l.Keys.ArrowDown&&e.altKey,n=i.host.element.nativeElement.querySelector(".k-i-more-vertical"),o=e.shiftKey&&e.metaKey,r=[l.Keys.ArrowLeft,l.Keys.ArrowRight,l.Keys.ArrowDown,l.Keys.ArrowUp].includes(e.keyCode),o=o&&r;t&&n?n.click():o&&((r={})[l.Keys.ArrowDown]="down",r[l.Keys.ArrowUp]="up",r[l.Keys.ArrowRight]="right",r[l.Keys.ArrowLeft]="left",t=r[e.keyCode],i.reorder.emit({direction:t,sender:i.host}))}))})},$e.prototype.ngOnDestroy=function(){this.keydownSub.unsubscribe()};var Ze=$e;function $e(e,t,n){this.host=e,this.renderer=t,this.ngZone=n,this.keydownSub=new s.Subscription,this.reorder=new a.EventEmitter}Ze.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ze,deps:[{token:W.ChipComponent},{token:p.Renderer2},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),Ze.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ze,selector:"[kendoChipKeyboardNavigation]",outputs:{reorder:"reorder"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ze,decorators:[{type:a.Directive,args:[{selector:"[kendoChipKeyboardNavigation]"}]}],ctorParameters:function(){return[{type:W.ChipComponent},{type:p.Renderer2},{type:p.NgZone}]},propDecorators:{reorder:[{type:a.Output}]}});Object.defineProperty(N.prototype,"headerTextId",{get:function(){return"k-pivotgrid-"+this.dataService.pivotGridId+"-configurator-header"},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"isHorizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),N.prototype.ngOnInit=function(){var t=this;this.subs.add(this.dataService.fields.subscribe(function(e){t.fields=e})),this.subs.add(this.dataService.configuredFields.subscribe(function(e){e=ae(Object.assign(Object.assign({},t.dataService.state),{dragItem:e.dragItem,dropTarget:e.dropTarget,dropZone:e.dropZone,dropDirection:e.dropDirection}));t.originalState=e,t.setState(e),t.setChecked()})),this.subs.add(this.configuratorService.configuratorStateChange.subscribe(function(e){t.state=e,t.dataService.state={columnAxes:e.columnAxes,rowAxes:e.rowAxes,measureAxes:e.measureAxes,sort:e.sort,filter:e.filter},t.cdr.detectChanges()}))},N.prototype.ngAfterViewInit=function(){this.treeView.focus()},N.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},N.prototype.ngOnChanges=function(e){e.orientation&&(this.configuratorService.orientation=this.orientation)},N.prototype.getName=function(e){return e.toString()},N.prototype.contentLabelId=function(e){return"k-pivotgrid-"+this.dataService.pivotGridId+"-configurator-"+e},N.prototype.setState=function(e){this.dataService.state={columnAxes:e.columnAxes,rowAxes:e.rowAxes,measureAxes:e.measureAxes,sort:e.sort,filter:e.filter},this.state=this.configuratorService.state=e},N.prototype.onReorder=function(e,t,n){var o=this.state[t+"Axes"],r=o.indexOf(n);switch(e.direction){case"right":r!==o.length-1&&this.swapChips(o,r,e.direction,t);break;case"left":0!==r&&(this.swapChips(o,r,e.direction,t),e.sender.focus());break;case"up":"row"===t&&this.moveChip(o,n,r,t);break;case"down":"column"===t&&this.moveChip(o,n,r,t)}},N.prototype.messageFor=function(e){return this.localization.get(e)},Object.defineProperty(N.prototype,"columnHierarchies",{get:function(){return this.extractDefaultFields(this.dataService.state.columnAxes)},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"rowHierarchies",{get:function(){return this.extractDefaultFields(this.dataService.state.rowAxes)},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"measureHierarchies",{get:function(){return this.extractDefaultFields(this.dataService.state.measureAxes)},enumerable:!1,configurable:!0}),N.prototype.onChipRemove=function(e,t,n){var o,r=this,i=this.dataService.state[n+"Axes"].filter(function(e){return e!==t}),n=(this.dataService.state[n+"Axes"]=i,Object.assign(Object.assign({},this.state),this.dataService.state));this.checked=this.checked.filter(function(e){return e.uniqueName!==t.name[0]}),this.setState(n),this.navigation&&(o=this.navigation.elements.indexOf(e.sender.element.nativeElement),this.zone.runOutsideAngular(function(){return setTimeout(function(){return r.navigation.focusElement(r.navigation.elements[o-1],r.navigation.elements[o])})}))},N.prototype.setChecked=function(e){var n=this,e=(void 0===e&&(e=[]),y(y([],v(this.fields)),v(e))),e=this.getFieldsFlatMap(e).filter(function(t){return y(y(y([],v(n.columnHierarchies)),v(n.rowHierarchies)),v(n.measureHierarchies)).some(function(e){return e===t.uniqueName||e===t.defaultHierarchy})});this.checked=e},N.prototype.isItemChecked=function(t){var e;return this.checked.some(function(e){return t.defaultHierarchy?e.defaultHierarchy===t.defaultHierarchy:e.uniqueName===t.uniqueName})||(null==(e=t.children)?void 0:e.length)&&(null==(e=t.children)?void 0:e.every(function(e){return e.checked}))||null},N.prototype.isSelectable=function(e){var t=!("hierarchyUniqueName"in e||"aggregator"in e);return!Boolean(!t&&!e.aggregator&&!e.measure||2===e.type||"[KPIs]"===e.uniqueName)},N.prototype.handleChildrenLoaded=function(e){"local"!==this.dataService.directive.type&&(e=e.children.map(function(e){return e.dataItem}),this.setChecked(e))},N.prototype.handleCheckedChange=function(e,t){e.target.checked?this.checked=y(y([],v(this.checked)),[t]):(n=this.checked.findIndex(function(e){return e.uniqueName===t.uniqueName}),this.checked.splice(n,1));var n={type:"PIVOT_CONFIGURATOR_ACTION_TOGGLE_SELECTION",payload:t},o=(this.configuratorService.parseConfiguratorState(n),e.target.closest(".k-treeview-item"));this.zone.runOutsideAngular(function(){return setTimeout(function(){return o.focus()})})},N.prototype.onTreeViewSelect=function(e){var e=e.target.closest(".k-treeview-item");e&&null!=(e=e.querySelector(".k-checkbox"))&&e.click()},N.prototype.onTreeViewEscape=function(e){e.stopImmediatePropagation(),this.close.emit()},N.prototype.handleSubmit=function(){this.dataService.configuratorFieldChange.emit(this.dataService.state)},N.prototype.handleReset=function(){this.setState(ae(this.originalState)),this.setChecked()},N.prototype.getFieldsFlatMap=function(e){var t=this,n=y([],v(e=void 0===e?[]:e));return(e||[]).forEach(function(e){n=n.concat(t.getFieldsFlatMap(e.children))}),n},N.prototype.extractDefaultFields=function(e){void 0===e&&(e=[]);var t=new Set;return e.forEach(function(e){t.add(String(e.name))}),Array.from(t)},N.prototype.swapChips=function(e,t,n,o){n=t+("right"===n?1:-1),i=(r=e)[t],r[t]=r[n],r[n]=i,this.dataService.state[o+"Axes"]=e;var r,i,t=Object.assign(Object.assign({},this.state),this.dataService.state);this.setState(t),this.cdr.detectChanges()},N.prototype.moveChip=function(e,t,n,o){e.splice(n,1);var n="row"===o?"column":"row",r=this.state[n+"Axes"],t=(r.push(t),this.dataService.state[o+"Axes"]=e,this.dataService.state[n]=r,Object.assign(Object.assign({},this.state),this.dataService.state));this.setState(t),this.cdr.detectChanges(),null!=(o=this[n+"sList"])&&o.chips.last.focus()};var Ue=N;function N(e,t,n,o,r){var i=this;this.dataService=e,this.localization=t,this.configuratorService=n,this.cdr=o,this.zone=r,this.hostClass=!0,this.hostAriaRole="dialog",this.orientation="vertical",this.sort=new Array,this.close=new a.EventEmitter,this.checked=[],this.subs=new s.Subscription,this.hasChildren=function(e){return!("hierarchyUniqueName"in e||"aggregator"in e)},this.children=function(e){return"olap"===i.dataService.directive.type?s.from(i.dataService.directive.fetchChildren(e,i.fields)).pipe(R.mergeMap(function(e){return s.of(e)})):s.of(e.children)}}Ue.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ue,deps:[{token:b},{token:d.LocalizationService},{token:I},{token:p.ChangeDetectorRef},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Component}),Ue.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ue,selector:"kendo-pivotgrid-configurator",inputs:{orientation:"orientation",sort:"sort",filter:"filter",navigation:"navigation"},outputs:{close:"close"},host:{properties:{"class.k-pivotgrid-configurator":"this.hostClass","attr.role":"this.hostAriaRole","attr.aria-labelledby":"this.headerTextId"}},providers:[I,T,Ce],viewQueries:[{propertyName:"treeView",first:!0,predicate:z.TreeViewComponent,descendants:!0},{propertyName:"columnsList",first:!0,predicate:["columnsChiplist"],descendants:!0},{propertyName:"rowsList",first:!0,predicate:["rowsChiplist"],descendants:!0}],usesOnChanges:!0,ngImport:p,template:'\n        <div \n            class="k-pivotgrid-configurator-panel k-pivotgrid-configurator-push"\n            [ngClass]="{\n                \'k-pivotgrid-configurator-horizontal\': isHorizontal,\n                \'k-pivotgrid-configurator-vertical\': !isHorizontal\n            }"\n        >\n            <div class="k-pivotgrid-configurator-header">\n                <div\n                    [id]="headerTextId" \n                    class="k-pivotgrid-configurator-header-text">{{messageFor(\'configuratorHeaderText\')}}</div>\n            </div>\n\n            <div class="k-pivotgrid-configurator-content">\n                <div class="k-form" [class.k-form-horizontal]="isHorizontal">\n                    <div class="k-form-field-wrapper">\n                        <div class="k-form-field">\n                            <span [id]="contentLabelId(\'fields\')" class="k-label">{{messageFor(\'configuratorFieldsText\')}}</span>\n                        </div>\n                        <div class="k-form-field">\n                            <div class="k-fields-list-wrapper">\n                                <kendo-treeview\n                                    #treeview\n                                    [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'fields\')"\n                                    (focus)="treeview.focus()"\n                                    [nodes]="fields"\n                                    textField="caption"\n                                    [children]="children"\n                                    [hasChildren]="hasChildren"\n                                    kendoTreeViewExpandable\n                                    (childrenLoaded)="handleChildrenLoaded($event)"\n                                    (keydown.space)="onTreeViewSelect($event)">\n                                <ng-template kendoTreeViewNodeTemplate let-dataItem>\n                                    <input kendoCheckBox\n                                        *ngIf="isSelectable(dataItem)"\n                                        type="checkbox" \n                                        kendoCheckBox\n                                        tabindex="-1"\n                                        [checked]="isItemChecked(dataItem)"\n                                        (change)="handleCheckedChange($event, dataItem)"/>\n                                    {{ dataItem.caption }}\n                                </ng-template>\n                                </kendo-treeview>\n\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="columnAxes">\n                            <span [id]="contentLabelId(\'columns\')" class="k-label">{{messageFor(\'configuratorColumnsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"\n                            #columnsChiplist\n                            kendoDropTarget\n                            axes="columnAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'columns\')"\n                        >\n                            <ng-container *ngFor="let item of state.columnAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="columnAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'column\')"\n                                    (reorder)="onReorder($event, \'column\', item)"\n                                >{{ getName(item.name) }}\n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noColumnAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="columnAxes">{{messageFor(\'configuratorEmptyColumnsText\')}}</div>\n                        </ng-template>\n\n                        <div class="k-form-field" kendoDropTarget axes="rowAxes">\n                            <span [id]="contentLabelId(\'rows\')" class="k-label">{{messageFor(\'configuratorRowsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"\n                            #rowsChiplist\n                            kendoDropTarget\n                            axes="rowAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'rows\')"\n                        >\n                            <ng-container *ngFor="let item of state.rowAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="rowAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'row\')"\n                                    (reorder)="onReorder($event, \'row\', item)"\n                                >\n                                    {{ getName(item.name) }}\n    \n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noRowAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="rowAxes">{{messageFor(\'configuratorEmptyRowsText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n\n                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalMeasuresTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalMeasuresTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="measureAxes">\n                            <span [id]="contentLabelId(\'values\')" class="k-label">{{messageFor(\'configuratorValuesText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"\n                            kendoDropTarget\n                            axes="measureAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'values\')"\n                        >\n                            <kendo-chip *ngFor="let item of state.measureAxes"\n                                kendoChipDraggable\n                                kendoDraggable\n                                kendoDropTarget\n                                kendoChipKeyboardNavigation\n                                [item]="item"\n                                axes="measureAxes"\n                                rounded="full"\n                                [removable]="true"\n                                (remove)="onChipRemove($event, item, \'measure\')"\n                                (reorder)="onReorder($event, \'measure\', item)"\n                                >\n                                {{ getName(item.name) }}\n                            </kendo-chip>\n                        </kendo-chiplist>\n\n                        <ng-template #noMeasureAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="measureAxes">{{messageFor(\'configuratorEmptyMeasuresText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n                    \n                </div>\n            </div>\n            <div class="k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end">\n                <button kendoButton type="button" (click)="handleReset()">{{messageFor(\'configuratorCancelButtonText\')}}</button>\n                <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor(\'configuratorApplyButtonText\')}}</button>\n            </div>\n        </div>\n   ',isInline:!0,styles:["\n        .k-form .k-chip-list {\n            width: 100%;\n        }\n\n        .k-form .k-form-field,\n        .k-form .k-settings-description {\n            padding-top: 1em;\n            margin-top: 0;\n        }\n\n        .k-form.k-form-horizontal .k-form-field,\n        .k-form.k-form-horizontal .k-chip-list {\n            padding-top: 0;\n            padding-left: 16px;\n        }\n\n        .k-form.k-form-horizontal .k-form-field-wrapper {\n            padding-left: 0;\n        }\n   "],components:[{type:m.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:W.ChipListComponent,selector:"kendo-chiplist, kendo-chip-list",inputs:["selection","size"],outputs:["selectedChange","remove"]},{type:W.ChipComponent,selector:"kendo-chip",inputs:["label","icon","iconClass","avatarClass","selected","removable","removeIcon","disabled","size","rounded","fillMode","themeColor"],outputs:["remove","contentClick"]},{type:Ge,selector:"kendo-pivot-chip-menu",inputs:["chip","tabIndex"]}],directives:[{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.ExpandDirective,selector:"[kendoTreeViewExpandable]",inputs:["isExpanded","expandBy","expandOnFilter","expandedKeys"],outputs:["expandedKeysChange"]},{type:m.NodeTemplateDirective,selector:"[kendoTreeViewNodeTemplate]"},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:n.CheckBoxDirective,selector:"input[kendoCheckBox]",inputs:["size","rounded"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:qe,selector:"[kendoDropTarget]",inputs:["item","axes"]},{type:u.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:Ke,selector:"[kendoChipDraggable]",inputs:["item"]},{type:_.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]},{type:Ze,selector:"[kendoChipKeyboardNavigation]",outputs:["reorder"]},{type:W.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"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Ue,decorators:[{type:a.Component,args:[{selector:"kendo-pivotgrid-configurator",providers:[I,T,Ce],template:'\n        <div \n            class="k-pivotgrid-configurator-panel k-pivotgrid-configurator-push"\n            [ngClass]="{\n                \'k-pivotgrid-configurator-horizontal\': isHorizontal,\n                \'k-pivotgrid-configurator-vertical\': !isHorizontal\n            }"\n        >\n            <div class="k-pivotgrid-configurator-header">\n                <div\n                    [id]="headerTextId" \n                    class="k-pivotgrid-configurator-header-text">{{messageFor(\'configuratorHeaderText\')}}</div>\n            </div>\n\n            <div class="k-pivotgrid-configurator-content">\n                <div class="k-form" [class.k-form-horizontal]="isHorizontal">\n                    <div class="k-form-field-wrapper">\n                        <div class="k-form-field">\n                            <span [id]="contentLabelId(\'fields\')" class="k-label">{{messageFor(\'configuratorFieldsText\')}}</span>\n                        </div>\n                        <div class="k-form-field">\n                            <div class="k-fields-list-wrapper">\n                                <kendo-treeview\n                                    #treeview\n                                    [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'fields\')"\n                                    (focus)="treeview.focus()"\n                                    [nodes]="fields"\n                                    textField="caption"\n                                    [children]="children"\n                                    [hasChildren]="hasChildren"\n                                    kendoTreeViewExpandable\n                                    (childrenLoaded)="handleChildrenLoaded($event)"\n                                    (keydown.space)="onTreeViewSelect($event)">\n                                <ng-template kendoTreeViewNodeTemplate let-dataItem>\n                                    <input kendoCheckBox\n                                        *ngIf="isSelectable(dataItem)"\n                                        type="checkbox" \n                                        kendoCheckBox\n                                        tabindex="-1"\n                                        [checked]="isItemChecked(dataItem)"\n                                        (change)="handleCheckedChange($event, dataItem)"/>\n                                    {{ dataItem.caption }}\n                                </ng-template>\n                                </kendo-treeview>\n\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="columnAxes">\n                            <span [id]="contentLabelId(\'columns\')" class="k-label">{{messageFor(\'configuratorColumnsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"\n                            #columnsChiplist\n                            kendoDropTarget\n                            axes="columnAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'columns\')"\n                        >\n                            <ng-container *ngFor="let item of state.columnAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="columnAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'column\')"\n                                    (reorder)="onReorder($event, \'column\', item)"\n                                >{{ getName(item.name) }}\n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noColumnAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="columnAxes">{{messageFor(\'configuratorEmptyColumnsText\')}}</div>\n                        </ng-template>\n\n                        <div class="k-form-field" kendoDropTarget axes="rowAxes">\n                            <span [id]="contentLabelId(\'rows\')" class="k-label">{{messageFor(\'configuratorRowsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"\n                            #rowsChiplist\n                            kendoDropTarget\n                            axes="rowAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'rows\')"\n                        >\n                            <ng-container *ngFor="let item of state.rowAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="rowAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'row\')"\n                                    (reorder)="onReorder($event, \'row\', item)"\n                                >\n                                    {{ getName(item.name) }}\n    \n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noRowAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="rowAxes">{{messageFor(\'configuratorEmptyRowsText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n\n                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalMeasuresTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalMeasuresTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="measureAxes">\n                            <span [id]="contentLabelId(\'values\')" class="k-label">{{messageFor(\'configuratorValuesText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"\n                            kendoDropTarget\n                            axes="measureAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'values\')"\n                        >\n                            <kendo-chip *ngFor="let item of state.measureAxes"\n                                kendoChipDraggable\n                                kendoDraggable\n                                kendoDropTarget\n                                kendoChipKeyboardNavigation\n                                [item]="item"\n                                axes="measureAxes"\n                                rounded="full"\n                                [removable]="true"\n                                (remove)="onChipRemove($event, item, \'measure\')"\n                                (reorder)="onReorder($event, \'measure\', item)"\n                                >\n                                {{ getName(item.name) }}\n                            </kendo-chip>\n                        </kendo-chiplist>\n\n                        <ng-template #noMeasureAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="measureAxes">{{messageFor(\'configuratorEmptyMeasuresText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n                    \n                </div>\n            </div>\n            <div class="k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end">\n                <button kendoButton type="button" (click)="handleReset()">{{messageFor(\'configuratorCancelButtonText\')}}</button>\n                <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor(\'configuratorApplyButtonText\')}}</button>\n            </div>\n        </div>\n   ',styles:["\n        .k-form .k-chip-list {\n            width: 100%;\n        }\n\n        .k-form .k-form-field,\n        .k-form .k-settings-description {\n            padding-top: 1em;\n            margin-top: 0;\n        }\n\n        .k-form.k-form-horizontal .k-form-field,\n        .k-form.k-form-horizontal .k-chip-list {\n            padding-top: 0;\n            padding-left: 16px;\n        }\n\n        .k-form.k-form-horizontal .k-form-field-wrapper {\n            padding-left: 0;\n        }\n   "]}]}],ctorParameters:function(){return[{type:b},{type:d.LocalizationService},{type:I},{type:p.ChangeDetectorRef},{type:p.NgZone}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-pivotgrid-configurator"]}],hostAriaRole:[{type:a.HostBinding,args:["attr.role"]}],headerTextId:[{type:a.HostBinding,args:["attr.aria-labelledby"]}],orientation:[{type:a.Input}],sort:[{type:a.Input}],filter:[{type:a.Input}],navigation:[{type:a.Input}],close:[{type:a.Output}],treeView:[{type:a.ViewChild,args:[z.TreeViewComponent]}],columnsList:[{type:a.ViewChild,args:["columnsChiplist"]}],rowsList:[{type:a.ViewChild,args:["rowsChiplist"]}]}});h(Ye,Xe=t.ComponentMessages);var Xe,m=Ye;function Ye(){return null!==Xe&&Xe.apply(this,arguments)||this}m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,deps:null,target:p.ɵɵFactoryTarget.Directive}),m.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,inputs:{fieldMenuFilterItemLabel:"fieldMenuFilterItemLabel",fieldMenuSortAscendingItemLabel:"fieldMenuSortAscendingItemLabel",fieldMenuSortDescendingItemLabel:"fieldMenuSortDescendingItemLabel",filterInputLabel:"filterInputLabel",filterOperatorsDropDownLabel:"filterOperatorsDropDownLabel",filterEqOperator:"filterEqOperator",filterNotEqOperator:"filterNotEqOperator",filterIsNullOperator:"filterIsNullOperator",filterIsNotNullOperator:"filterIsNotNullOperator",filterIsEmptyOperator:"filterIsEmptyOperator",filterIsNotEmptyOperator:"filterIsNotEmptyOperator",filterStartsWithOperator:"filterStartsWithOperator",filterContainsOperator:"filterContainsOperator",filterNotContainsOperator:"filterNotContainsOperator",filterEndsWithOperator:"filterEndsWithOperator",filterFilterButton:"filterFilterButton",filterClearButton:"filterClearButton",loading:"loading",emptyCellLabel:"emptyCellLabel",configuratorButtonText:"configuratorButtonText",configuratorHeaderText:"configuratorHeaderText",configuratorFieldsText:"configuratorFieldsText",configuratorColumnsText:"configuratorColumnsText",configuratorRowsText:"configuratorRowsText",configuratorValuesText:"configuratorValuesText",configuratorCancelButtonText:"configuratorCancelButtonText",configuratorApplyButtonText:"configuratorApplyButtonText",configuratorEmptyRowsText:"configuratorEmptyRowsText",configuratorEmptyColumnsText:"configuratorEmptyColumnsText",configuratorEmptyMeasuresText:"configuratorEmptyMeasuresText",chipMenuIconTitle:"chipMenuIconTitle"},usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,decorators:[{type:a.Directive}],propDecorators:{fieldMenuFilterItemLabel:[{type:a.Input}],fieldMenuSortAscendingItemLabel:[{type:a.Input}],fieldMenuSortDescendingItemLabel:[{type:a.Input}],filterInputLabel:[{type:a.Input}],filterOperatorsDropDownLabel:[{type:a.Input}],filterEqOperator:[{type:a.Input}],filterNotEqOperator:[{type:a.Input}],filterIsNullOperator:[{type:a.Input}],filterIsNotNullOperator:[{type:a.Input}],filterIsEmptyOperator:[{type:a.Input}],filterIsNotEmptyOperator:[{type:a.Input}],filterStartsWithOperator:[{type:a.Input}],filterContainsOperator:[{type:a.Input}],filterNotContainsOperator:[{type:a.Input}],filterEndsWithOperator:[{type:a.Input}],filterFilterButton:[{type:a.Input}],filterClearButton:[{type:a.Input}],loading:[{type:a.Input}],emptyCellLabel:[{type:a.Input}],configuratorButtonText:[{type:a.Input}],configuratorHeaderText:[{type:a.Input}],configuratorFieldsText:[{type:a.Input}],configuratorColumnsText:[{type:a.Input}],configuratorRowsText:[{type:a.Input}],configuratorValuesText:[{type:a.Input}],configuratorCancelButtonText:[{type:a.Input}],configuratorApplyButtonText:[{type:a.Input}],configuratorEmptyRowsText:[{type:a.Input}],configuratorEmptyColumnsText:[{type:a.Input}],configuratorEmptyMeasuresText:[{type:a.Input}],chipMenuIconTitle:[{type:a.Input}]}});h(et,Qe=m);var Qe,Je=et;function et(e){var t=Qe.call(this)||this;return t.service=e,t}Je.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Je,deps:[{token:d.LocalizationService}],target:p.ɵɵFactoryTarget.Directive}),Je.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Je,selector:"[kendoPivotGridLocalizedMessages]",providers:[{provide:m,useExisting:a.forwardRef(function(){return Je})}],usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:Je,decorators:[{type:a.Directive,args:[{providers:[{provide:m,useExisting:a.forwardRef(function(){return Je})}],selector:"[kendoPivotGridLocalizedMessages]"}]}],ctorParameters:function(){return[{type:d.LocalizationService}]}});var tt={type:"converging-spinner",themeColor:"primary",size:"large"},nt={position:"right",orientation:"vertical"},n=(Object.defineProperty(M.prototype,"rightPositionClass",{get:function(){var e;return"right"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"leftPositionClass",{get:function(){var e;return"left"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"bottomPositionClass",{get:function(){var e;return"bottom"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"topPositionClass",{get:function(){var e;return"top"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"loaderSettings",{get:function(){return this._loaderSettings},set:function(e){this._loaderSettings=Object.assign({},tt,e)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"loadingText",{get:function(){return this.localization.get("loading")},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"configuratorSettings",{get:function(){return this.configurator&&Object.assign({},nt,this.configurator)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"aggregateData",{get:function(){return ce(this.dataService.aggregateData)},enumerable:!1,configurable:!0}),M.prototype.ngAfterViewInit=function(){var r=this;l.isDocumentAvailable()&&this.zone.runOutsideAngular(function(){var e=r.rowHeadersTable.nativeElement.firstElementChild,t=new ResizeObserver(function(){return r.resizeContainer("Columns",e)}),n=(t.observe(e),r.colHeadersTable.nativeElement.firstElementChild),o=new ResizeObserver(function(){return r.resizeContainer("Rows",n)});o.observe(n),r.resizeObservers=[t,o],r.subs.add(s.fromEvent(e,"wheel").pipe(R.merge(s.fromEvent(n,"wheel"),s.fromEvent(r.valuesTable.nativeElement,"scroll"))).subscribe(function(e){return r.handleScroll(e)})),r.navigable&&r.initNavigation()})},M.prototype.ngAfterContentInit=function(){var t=this;this.subs.add(this.dataService.loading.subscribe(function(e){return t.loading=e}))},M.prototype.ngOnChanges=function(e){l.isChanged("navigable",e)&&(this.navigable?this.initNavigation():this.stopNavigation())},M.prototype.ngOnDestroy=function(){this.resizeObservers.forEach(function(e){return e.disconnect()}),this.subs.unsubscribe(),this.stopNavigation()},M.prototype.messageFor=function(e){return this.localization.get(e)},M.prototype.toggleConfigurator=function(){var e,t=this;this.showConfigurator=!this.showConfigurator,this.navigable&&(this.showConfigurator?this.zone.runOutsideAngular(function(){return setTimeout(function(){return t.initConfiguratorNavigation()})}):(this.stopConfiguratorNavigation(),(e=this.navigation.current)&&this.zone.runOutsideAngular(function(){setTimeout(function(){return t.navigation.focusElement(e,null)})})))},M.prototype.initNavigation=function(){var e=this,t=(this.stopNavigation(),this.navigation=new c.PivotGridNavigation({tabIndex:0}),this.navigation.start(this.table.nativeElement),this.navigation.first);t&&t.setAttribute("tabindex","0"),this.navigationSubs||(this.navigationSubs=this.dataService.directive.expandChange.pipe(R.merge(this.dataService.directive.configurationChange)).subscribe(function(){return e.zone.runOutsideAngular(function(){setTimeout(function(){return e.navigation.update()})})}),this.subs.add(this.navigationSubs))},M.prototype.stopNavigation=function(){var e;this.navigation&&((e=this.navigation.elements.find(function(e){return e.hasAttribute("tabindex")}))&&this.renderer.removeAttribute(e,"tabindex"),this.navigation.stop())},M.prototype.initConfiguratorNavigation=function(){this.stopConfiguratorNavigation(),this.configuratorNavigation=new c.ConfiguratorNavigation({tabIndex:0}),this.configuratorNavigation.start(this.configuratorWrapper.nativeElement),this.configuratorNavigation.first.setAttribute("tabindex","0")},M.prototype.stopConfiguratorNavigation=function(){var e;this.configuratorNavigation&&((e=this.configuratorNavigation.elements.find(function(e){return e.hasAttribute("tabindex")}))&&this.renderer.removeAttribute(e,"tabindex"),this.configuratorNavigation.stop())},M);function M(e,t,n,o,r,i){var a=this;this.hostEl=e,this.zone=t,this.dataService=n,this.localization=o,this.renderer=r,this.hostClass=!0,this.ariaRole="grid",this.columnHeadersWidth=200,this.navigable=!1,this.resizeObservers=[],this._loaderSettings=tt,this.subs=new s.Subscription,this.rtl=!1,this.resizeContainer=function(e,t){var n=a.table.nativeElement,o="Rows"===e?"offsetHeight":"offsetWidth";n.style["gridTemplate"+e]="",n.style["gridTemplate"+e]=t[o]+"px 1fr"},this.handleScroll=function(e){var t,n,o,r,i;e.target===a.valuesTable.nativeElement?(t=e.target,n=[a.rowHeadersTable.nativeElement,a.colHeadersTable.nativeElement],o=t.scrollTop,t=t.scrollLeft,r=n[0].scrollTop,i=t!==n[1].scrollLeft,o!==r?n[0].scrollTop=o:i&&(n[1].scrollLeft=t)):e.target.closest(".k-pivotgrid-row-headers")?J(e,[a.valuesTable.nativeElement,a.rowHeadersTable.nativeElement],"scrollTop","Y"):e.target.closest(".k-pivotgrid-column-headers")&&J(e,[a.valuesTable.nativeElement,a.colHeadersTable.nativeElement],"scrollLeft","X")},V.validatePackage($),this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;a.rtl=e,a.direction=a.rtl?"rtl":"ltr"})),n.wrapper=this.hostEl.nativeElement}n.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:n,deps:[{token:p.ElementRef},{token:p.NgZone},{token:b},{token:d.LocalizationService},{token:p.Renderer2},{token:_.ScrollbarWidthService}],target:p.ɵɵFactoryTarget.Component}),n.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:n,selector:"kendo-pivotgrid",inputs:{loaderSettings:"loaderSettings",configurator:"configurator",columnHeadersWidth:"columnHeadersWidth",navigable:"navigable"},host:{properties:{"class.k-d-flex":"this.hostClass","class.k-pos-relative":"this.hostClass","class.k-flex-row":"this.rightPositionClass","class.k-flex-row-reverse":"this.leftPositionClass","class.k-flex-column":"this.bottomPositionClass","class.k-flex-column-reverse":"this.topPositionClass","attr.dir":"this.dir","attr.role":"this.ariaRole"}},providers:[b,t.LocalizationService,k,{provide:t.L10N_PREFIX,useValue:"kendo.pivotgrid"}],viewQueries:[{propertyName:"colHeadersTable",first:!0,predicate:["colHeadersTable"],descendants:!0,read:a.ElementRef},{propertyName:"rowHeadersTable",first:!0,predicate:["rowHeadersTable"],descendants:!0,read:a.ElementRef},{propertyName:"valuesTable",first:!0,predicate:["valuesTable"],descendants:!0,read:a.ElementRef},{propertyName:"table",first:!0,predicate:["table"],descendants:!0,read:a.ElementRef},{propertyName:"configuratorWrapper",first:!0,predicate:["configurator"],descendants:!0,read:a.ElementRef}],usesOnChanges:!0,ngImport:p,template:'\n        <ng-container kendoPivotGridLocalizedMessages\n        i18n-loading="kendo.pivotgrid.loading|The loading text"\n        loading="Loading"\n        \n        i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"\n        emptyCellLabel="PivotGrid Empty Cell"\n        \n        i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"\n        fieldMenuFilterItemLabel="Filter"\n\n        i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"\n        fieldMenuSortAscendingItemLabel="Sort ascending"\n\n        i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"\n        fieldMenuSortDescendingItemLabel="Sort descending"\n\n        i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"\n        filterInputLabel="{{ \'{fields} Filter\' }}"\n\n        i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"\n        filterOperatorsDropDownLabel="{{ \'{fields} Filter Operators\' }}"\n\n        i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"\n        filterEqOperator="Is equal to"\n\n        i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"\n        filterNotEqOperator="Is not equal to"\n\n        i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"\n        filterIsNullOperator="Is null"\n\n        i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"\n        filterIsNotNullOperator="Is not null"\n\n        i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"\n        filterIsEmptyOperator="Is empty"\n\n        i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"\n        filterIsNotEmptyOperator="Is not empty"\n\n        i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"\n        filterStartsWithOperator="Starts with"\n\n        i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"\n        filterContainsOperator="Contains"\n\n        i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"\n        filterNotContainsOperator="Does not contain"\n\n        i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"\n        filterEndsWithOperator="Ends with"\n\n        i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"\n        filterFilterButton="Filter"\n\n        i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"\n        filterClearButton="Clear"\n\n        i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"\n        configuratorButtonText="Change Settings"\n\n        i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"\n        configuratorHeaderText="Settings"\n\n        i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"\n        configuratorFieldsText="Fields"\n\n        i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"\n        configuratorColumnsText="Columns"\n\n        i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"\n        configuratorRowsText="Rows"\n\n        i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"\n        configuratorValuesText="Values"\n\n        i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"\n        configuratorCancelButtonText="Cancel"\n\n        i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"\n        configuratorApplyButtonText="Apply"\n        \n        i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"\n        configuratorEmptyRowsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"\n        configuratorEmptyColumnsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"\n        configuratorEmptyMeasuresText="Select some fields to begin setup"\n        \n        i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"\n        chipMenuIconTitle="{{ \'{fieldName} Field Menu\' }}"></ng-container>\n\n        <div #table class="k-pivotgrid">\n            <span class="k-pivotgrid-empty-cell">\n                <span class="k-sr-only">{{messageFor(\'emptyCellLabel\')}}</span>\n            </span>\n            <kendo-pivotgrid-table\n                #colHeadersTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-column-headers"\n                tableType="columnHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #rowHeadersTable\n                class="k-pivotgrid-row-headers"\n                tableType="rowHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #valuesTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-values"\n                tableType="values"></kendo-pivotgrid-table>\n    \n            <div *ngIf="loading" class="k-loader">\n                <kendo-loader\n                    [type]="loaderSettings?.type"\n                    [themeColor]="loaderSettings?.themeColor"\n                    [size]="loaderSettings?.size"\n                >\n                </kendo-loader>\n                <span class="k-loading-text">{{ loadingText }}</span>\n            </div>\n        </div>\n        <kendo-pivotgrid-configurator\n            #configurator\n            *ngIf="showConfigurator"\n            [navigation]="configuratorNavigation"\n            [orientation]="configuratorSettings.orientation"\n            (close)="toggleConfigurator()">\n        </kendo-pivotgrid-configurator>\n        <div *ngIf="configurator"\n            #configuratorButton\n            class="k-pivotgrid-configurator-button"\n            aria-hidden="true"\n            (click)="toggleConfigurator()">\n            <span>{{messageFor(\'configuratorButtonText\')}}<span class="k-icon k-i-gear k-color-inherit"></span>\n            </span>\n        </div>\n   ',isInline:!0,styles:["\n        /** TODO: Remove if added to themes */\n        div.k-loader {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n   "],components:[{type:x,selector:"kendo-pivotgrid-table",inputs:["tableType","colWidth"]},{type:g.LoaderComponent,selector:"kendo-loader",inputs:["type","themeColor","size"]},{type:Ue,selector:"kendo-pivotgrid-configurator",inputs:["orientation","sort","filter","navigation"],outputs:["close"]}],directives:[{type:Je,selector:"[kendoPivotGridLocalizedMessages]"},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:n,decorators:[{type:a.Component,args:[{selector:"kendo-pivotgrid",providers:[b,t.LocalizationService,k,{provide:t.L10N_PREFIX,useValue:"kendo.pivotgrid"}],template:'\n        <ng-container kendoPivotGridLocalizedMessages\n        i18n-loading="kendo.pivotgrid.loading|The loading text"\n        loading="Loading"\n        \n        i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"\n        emptyCellLabel="PivotGrid Empty Cell"\n        \n        i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"\n        fieldMenuFilterItemLabel="Filter"\n\n        i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"\n        fieldMenuSortAscendingItemLabel="Sort ascending"\n\n        i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"\n        fieldMenuSortDescendingItemLabel="Sort descending"\n\n        i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"\n        filterInputLabel="{{ \'{fields} Filter\' }}"\n\n        i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"\n        filterOperatorsDropDownLabel="{{ \'{fields} Filter Operators\' }}"\n\n        i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"\n        filterEqOperator="Is equal to"\n\n        i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"\n        filterNotEqOperator="Is not equal to"\n\n        i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"\n        filterIsNullOperator="Is null"\n\n        i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"\n        filterIsNotNullOperator="Is not null"\n\n        i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"\n        filterIsEmptyOperator="Is empty"\n\n        i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"\n        filterIsNotEmptyOperator="Is not empty"\n\n        i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"\n        filterStartsWithOperator="Starts with"\n\n        i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"\n        filterContainsOperator="Contains"\n\n        i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"\n        filterNotContainsOperator="Does not contain"\n\n        i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"\n        filterEndsWithOperator="Ends with"\n\n        i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"\n        filterFilterButton="Filter"\n\n        i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"\n        filterClearButton="Clear"\n\n        i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"\n        configuratorButtonText="Change Settings"\n\n        i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"\n        configuratorHeaderText="Settings"\n\n        i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"\n        configuratorFieldsText="Fields"\n\n        i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"\n        configuratorColumnsText="Columns"\n\n        i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"\n        configuratorRowsText="Rows"\n\n        i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"\n        configuratorValuesText="Values"\n\n        i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"\n        configuratorCancelButtonText="Cancel"\n\n        i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"\n        configuratorApplyButtonText="Apply"\n        \n        i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"\n        configuratorEmptyRowsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"\n        configuratorEmptyColumnsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"\n        configuratorEmptyMeasuresText="Select some fields to begin setup"\n        \n        i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"\n        chipMenuIconTitle="{{ \'{fieldName} Field Menu\' }}"></ng-container>\n\n        <div #table class="k-pivotgrid">\n            <span class="k-pivotgrid-empty-cell">\n                <span class="k-sr-only">{{messageFor(\'emptyCellLabel\')}}</span>\n            </span>\n            <kendo-pivotgrid-table\n                #colHeadersTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-column-headers"\n                tableType="columnHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #rowHeadersTable\n                class="k-pivotgrid-row-headers"\n                tableType="rowHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #valuesTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-values"\n                tableType="values"></kendo-pivotgrid-table>\n    \n            <div *ngIf="loading" class="k-loader">\n                <kendo-loader\n                    [type]="loaderSettings?.type"\n                    [themeColor]="loaderSettings?.themeColor"\n                    [size]="loaderSettings?.size"\n                >\n                </kendo-loader>\n                <span class="k-loading-text">{{ loadingText }}</span>\n            </div>\n        </div>\n        <kendo-pivotgrid-configurator\n            #configurator\n            *ngIf="showConfigurator"\n            [navigation]="configuratorNavigation"\n            [orientation]="configuratorSettings.orientation"\n            (close)="toggleConfigurator()">\n        </kendo-pivotgrid-configurator>\n        <div *ngIf="configurator"\n            #configuratorButton\n            class="k-pivotgrid-configurator-button"\n            aria-hidden="true"\n            (click)="toggleConfigurator()">\n            <span>{{messageFor(\'configuratorButtonText\')}}<span class="k-icon k-i-gear k-color-inherit"></span>\n            </span>\n        </div>\n   ',styles:["\n        /** TODO: Remove if added to themes */\n        div.k-loader {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n   "]}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:p.NgZone},{type:b},{type:d.LocalizationService},{type:p.Renderer2},{type:_.ScrollbarWidthService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-d-flex"]},{type:a.HostBinding,args:["class.k-pos-relative"]}],rightPositionClass:[{type:a.HostBinding,args:["class.k-flex-row"]}],leftPositionClass:[{type:a.HostBinding,args:["class.k-flex-row-reverse"]}],bottomPositionClass:[{type:a.HostBinding,args:["class.k-flex-column"]}],topPositionClass:[{type:a.HostBinding,args:["class.k-flex-column-reverse"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],colHeadersTable:[{type:a.ViewChild,args:["colHeadersTable",{read:a.ElementRef}]}],rowHeadersTable:[{type:a.ViewChild,args:["rowHeadersTable",{read:a.ElementRef}]}],valuesTable:[{type:a.ViewChild,args:["valuesTable",{read:a.ElementRef}]}],table:[{type:a.ViewChild,args:["table",{read:a.ElementRef}]}],configuratorWrapper:[{type:a.ViewChild,args:["configurator",{read:a.ElementRef}]}],loaderSettings:[{type:a.Input}],configurator:[{type:a.Input}],columnHeadersWidth:[{type:a.Input}],navigable:[{type:a.Input}]}});h(it,ot=l.PreventableEvent);var ot,rt=it;function it(e){var t=ot.call(this)||this;return Object.assign(t,e),t}h(lt,at=l.PreventableEvent);var at,st=lt;function lt(e){var t=at.call(this)||this;return Object.assign(t,e),t}ct.prototype.ngOnInit=function(){var o=this;this.dataService.state=new fe(this.columnAxes,this.rowAxes,this.measureAxes,this.sort,this.filter),this.loadData(this.dataService.state),this.loadFields(),this.subs.add(this.dataService.expandedStateChange.subscribe(function(n){o.zone.run(function(){var e="columnHeader"===n.tableType,t=e?"columnAxes":"rowAxes",e=c.toTree((e?o.dataService.columns:o.dataService.rows||[]).slice());o.updateHeaders(t,e,n.cell.path)})})),this.subs.add(this.dataService.configuratorFieldChange.subscribe(function(t){o.zone.run(function(){if(l.hasObservers(o.configurationChange)){var e=new st(t);if(o.configurationChange.emit(e),e.isDefaultPrevented())return}o.dataService.configuredFields.next(o.dataService.state),o.loadData(t),o.dataService.state=t})})),this.subs.add(this.dataService.valuesRows.subscribe(function(e){o.zone.run(function(){o.dataService.aggregateData=e,o.dataLoaded.emit(e)})})),this.dataService.directive=this},ct.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},ct.prototype.updateDataServiceFields=function(){this.dataService.normalizedData=this.dataState.data,this.dataService.rows=this.dataState.rows,this.dataService.columns=this.dataState.columns,this.dataService.updateRowsAndCols()},ct.prototype.updateConfiguratorFields=function(){this.dataService.fields.next(this.configuratorFields),this.dataService.configuredFields.next(this.dataService.state)},ct.prototype.updateHeaders=function(e,t,n){n={type:c.HEADERS_ACTION.toggle,payload:n},n=c.headersReducer(this[e].slice(),Object.assign(Object.assign({},n),{tree:t})),t=Object.assign(Object.assign({},this.dataService.state),((t={})[e]=n,t));if(this.dataService.state=t,l.hasObservers(this.expandChange)){t=new rt(t);if(this.expandChange.emit(t),t.isDefaultPrevented())return}this.dataService.configuredFields.next(this.dataService.state),this[e]=n,this.loadData(this.dataService.state)};g=ct;function ct(e,t){this.dataService=e,this.zone=t,this.columnAxes=[],this.rowAxes=[],this.measureAxes=[],this.sort=[],this.expandChange=new a.EventEmitter,this.configurationChange=new a.EventEmitter,this.dataLoaded=new a.EventEmitter,this.subs=new s.Subscription}g.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:g,deps:[{token:b},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),g.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:g,selector:"kendo-base-binding-directive",inputs:{columnAxes:"columnAxes",rowAxes:"rowAxes",measureAxes:"measureAxes",sort:"sort",filter:"filter"},outputs:{expandChange:"expandChange",configurationChange:"configurationChange",dataLoaded:"dataLoaded"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:g,decorators:[{type:a.Directive,args:[{selector:"kendo-base-binding-directive"}]}],ctorParameters:function(){return[{type:b},{type:p.NgZone}]},propDecorators:{columnAxes:[{type:a.Input}],rowAxes:[{type:a.Input}],measureAxes:[{type:a.Input}],sort:[{type:a.Input}],filter:[{type:a.Input}],expandChange:[{type:a.Output}],configurationChange:[{type:a.Output}],dataLoaded:[{type:a.Output}]}});var pt,dt={dataField:"aggregate",columnsData:"columns"},u=(h(ut,pt=g),ut.prototype.ngOnChanges=function(e){l.anyChanged(["data","dimensions","columnAxes","rowAxes","measureAxes","measures"],e)&&this.loadData(this.dataService.state)},ut.prototype.fetchChildren=function(e){return e.children},ut.prototype.loadFields=function(){this.configuratorFields=c.createFlatSchemaDimensions(this.dimensions,this.measures),this.updateConfiguratorFields()},ut.prototype.loadData=function(e){var n=this,t=e.columnAxes,o=e.rowAxes,r=e.measureAxes,i=e.sort,e=e.filter,a=this.getRootAxes(t),s=this.getRootAxes(o),a=a.split("&").map(this.createAxisSettings),s=s.split("&").map(this.createAxisSettings),r=r.map(function(t){return n.measures.find(function(e){return String(e.name)===String(t.name)})}).filter(Boolean),e=c.createDataTree(this.data,s,a,r,dt,e);this.dataState=c.createLocalDataState({dataTree:e,rowSettings:s,columnSettings:a,rowAxes:o,columnAxes:t,measures:r,sort:i,fields:dt}),this.updateDataServiceFields()},ut.prototype.getRootAxes=function(e){return Array.from(c.rootFields(e).keys()).join("&")},ut);function ut(e,t){var n=pt.call(this,e,t)||this;return n.type="local",n.createAxisSettings=function(e){return Object.assign({key:e},n.dimensions[e])},n}u.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:u,deps:[{token:b},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),u.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"[kendoPivotLocalBinding]",inputs:{data:["kendoPivotLocalBinding","data"],dimensions:"dimensions",measures:"measures"},exportAs:["kendoPivotLocalBinding"],usesInheritance:!0,usesOnChanges:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:u,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotLocalBinding]",exportAs:"kendoPivotLocalBinding"}]}],ctorParameters:function(){return[{type:b},{type:p.NgZone}]},propDecorators:{data:[{type:a.Input,args:["kendoPivotLocalBinding"]}],dimensions:[{type:a.Input}],measures:[{type:a.Input}]}});h(P,gt=g),P.prototype.ngOnChanges=function(e){l.anyChanged(["url","cube","catalog","columnAxes","rowAxes","measureAxes"],e)&&(this.loadData(this.dataService.state),this.loadFields())},P.prototype.loadData=function(e){var t=this,n=e.columnAxes,o=e.rowAxes,r=e.measureAxes,i=e.sort,e=e.filter,n=(this.dataService.loading.next(!0),{connection:{catalog:this.catalog,cube:this.cube},columnAxes:n,rowAxes:o,measureAxes:r,sort:i,filter:e});c.fetchData({url:this.url},ae(n)).then(c.createDataState).then(function(e){t.dataState=e,t.updateDataServiceFields(),t.dataService.loading.next(!1)})},P.prototype.loadFields=function(){var t=this,e={connection:{catalog:this.catalog,cube:this.cube},restrictions:{catalogName:this.catalog,cubeName:this.cube},command:"schemaDimensions"};c.fetchDiscover({url:this.url},e).then(function(e){c.addKPI(e),t.configuratorFields=e,t.updateConfiguratorFields()})},P.prototype.updateFields=function(r,i){return X(this,void 0,void 0,function(){var t,n,o;return Y(this,function(e){switch(e.label){case 0:return(t=i.slice(),(t=this.getField(t,r))&&"[KPIs]"===t.uniqueName)?(n=this.normalizeKPIs,[4,this.loadKPIs()]):[3,2];case 1:return o=n.apply(this,[e.sent()]),t.children=o,[3,5];case 2:return t&&"kpi"===t.type?(t.children=c.buildKPIMeasures(t),[3,5]):[3,3];case 3:return!t||t.children?[3,5]:[4,this.loadAvailableFields(t)];case 4:o=e.sent(),t.children=o,e.label=5;case 5:return[2,null==t?void 0:t.children]}})})},P.prototype.fetchChildren=function(e,t){return this.updateFields(e,t)},P.prototype.normalizeKPIs=function(e){for(var t=0,n=e.length;t<n;t++)e[t].uniqueName=e[t].name,e[t].type="kpi";return e},P.prototype.getField=function(e,t){void 0===e&&(e=[]);for(var n=0;n<e.length;n++){var o=e[n];if(o.uniqueName===t.uniqueName)return o;o=this.getField(o.children,t);if(null!==o)return o}return null},P.prototype.loadKPIs=function(){return X(this,void 0,void 0,function(){var t;return Y(this,function(e){return t={connection:{catalog:this.catalog,cube:this.cube},restrictions:{catalogName:this.catalog,cubeName:this.cube},command:"schemaKPIs"},[2,c.fetchDiscover({url:this.url},t)]})})},P.prototype.loadAvailableFields=function(i){return X(this,void 0,void 0,function(){var t,n,o,r;return Y(this,function(e){return 2===i.type?t="schemaMeasures":i.dimensionUniqueName?(t="schemaLevels",o=i.uniqueName):(t="schemaHierarchies",n=i.uniqueName),r={connection:{catalog:this.catalog,cube:this.cube},restrictions:{catalogName:this.catalog,cubeName:this.cube,hierarchyUniqueName:o,dimensionUniqueName:n,levelUniqueName:void 0,memberUniqueName:void 0,treeOp:void 0},command:t},[2,c.fetchDiscover({url:this.url},r)]})})};var gt,t=P;function P(e,t){e=gt.call(this,e,t)||this;return e.type="olap",e}t.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:t,deps:[{token:b},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),t.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:t,selector:"[kendoPivotOLAPBinding]",inputs:{url:"url",cube:"cube",catalog:"catalog"},exportAs:["kendoPivotOLAPBinding"],usesInheritance:!0,usesOnChanges:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:t,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotOLAPBinding]",exportAs:"kendoPivotOLAPBinding"}]}],ctorParameters:function(){return[{type:b},{type:p.NgZone}]},propDecorators:{url:[{type:a.Input}],cube:[{type:a.Input}],catalog:[{type:a.Input}]}});h(ft,mt=m),Object.defineProperty(ft.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var mt,L=ft;function ft(e){var t=mt.call(this)||this;return t.service=e,t}L.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:L,deps:[{token:d.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),L.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:L,selector:"kendo-pivotgrid-messages",providers:[{provide:m,useExisting:a.forwardRef(function(){return L})}],usesInheritance:!0,ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:L,decorators:[{type:a.Component,args:[{providers:[{provide:m,useExisting:a.forwardRef(function(){return L})}],selector:"kendo-pivotgrid-messages",template:""}]}],ctorParameters:function(){return[{type:d.LocalizationService}]}});g=[B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule],m=function(){},m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,deps:[],target:p.ɵɵFactoryTarget.NgModule}),m.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,imports:[B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule],exports:[B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule]}),m.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,imports:[[g],B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,decorators:[{type:a.NgModule,args:[{imports:[g],exports:[g]}]}]}),B=[E,Ee,Ge,O,A,Re,F,o,we,S],ht.exports=function(){return[E,Ee,we,S,Ge]},r=ht;function ht(){}r.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:r,deps:[],target:p.ɵɵFactoryTarget.NgModule}),r.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:r,declarations:[E,Ee,Ge,O,A,Re,F,o,we,S],imports:[m,H.ReactiveFormsModule,H.FormsModule],exports:[E,Ee,Ge,O,A,Re,F,o,we,S]}),r.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:r,imports:[[m,H.ReactiveFormsModule,H.FormsModule]]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:r,decorators:[{type:a.NgModule,args:[{declarations:[B],imports:[m,H.ReactiveFormsModule,H.FormsModule],exports:[B]}]}]});q=[l.EventsModule,j.IndicatorsModule,z.TreeViewModule,l.DraggableModule,r,m],G=[n,x,Ue,C,u,t,Ke,qe,Je,L,Ze],g=[n,x,C,u,t,L],O=function(){};O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,deps:[],target:p.ɵɵFactoryTarget.NgModule}),O.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,declarations:[n,x,Ue,C,u,t,Ke,qe,Je,L,Ze],imports:[l.EventsModule,j.IndicatorsModule,z.TreeViewModule,l.DraggableModule,r,m],exports:[n,x,C,u,t,L]}),O.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,imports:[y([],v(q))]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,decorators:[{type:a.NgModule,args:[{imports:y([],v(q)),declarations:y([],v(G)),exports:y([],v(g))}]}]}),Object.defineProperty(e,"averageAggregate",{enumerable:!0,get:function(){return c.averageAggregate}}),Object.defineProperty(e,"maxAggregate",{enumerable:!0,get:function(){return c.maxAggregate}}),Object.defineProperty(e,"minAggregate",{enumerable:!0,get:function(){return c.minAggregate}}),Object.defineProperty(e,"sumAggregate",{enumerable:!0,get:function(){return c.sumAggregate}}),e.ConfigurationChangeEvent=st,e.CustomMessagesComponent=L,e.DraggableChipDirective=Ke,e.DropTargetDirective=qe,e.ExpandChangeEvent=rt,e.PivotGridCellDirective=C,e.PivotGridComponent=n,e.PivotGridConfiguratorComponent=Ue,e.PivotGridModule=O,e.PivotGridTableComponent=x,e.PivotLocalBindingDirective=u,e.PivotOLAPBindingDirective=t,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-common"),require("@progress/kendo-pivotgrid-common"),require("rxjs"),require("rxjs/operators"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("@progress/kendo-angular-indicators"),require("@progress/kendo-angular-treeview"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-buttons"),require("@angular/animations"),require("@angular/forms"),require("@progress/kendo-angular-dropdowns"),require("@progress/kendo-angular-inputs")):"function"==typeof define&&define.amd?define("KendoAngularPivotgrid",["exports","@angular/core","@progress/kendo-licensing","@progress/kendo-angular-common","@progress/kendo-pivotgrid-common","rxjs","rxjs/operators","@progress/kendo-angular-l10n","@angular/common","@progress/kendo-angular-indicators","@progress/kendo-angular-treeview","@progress/kendo-angular-popup","@progress/kendo-angular-buttons","@angular/animations","@angular/forms","@progress/kendo-angular-dropdowns","@progress/kendo-angular-inputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularPivotgrid={},e.ng.core,e.KendoLicensing,e.KendoAngularCommon,e.KendoPivotgridCommon,e.rxjs,e.rxjs.operators,e.KendoAngularL10N,e.ng.common,e.KendoAngularIndicators,e.KendoAngularTreeview,e.KendoAngularPopup,e.KendoAngularButtons,e.ng.animations,e.ng.forms,e.KendoAngularDropdowns,e.KendoAngularInputs)}(this,function(e,a,V,l,c,s,R,t,B,j,z,n,G,o,H,r,q){"use strict";function i(n){var o;return n&&n.__esModule?n:(o=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o))}var p=i(a),_=i(l),d=i(t),u=i(B),g=i(j),m=i(z),K=i(n),W=i(G),f=i(H),Z=i(r),n=i(q),$={name:"@progress/kendo-angular-pivotgrid",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1669631485,version:"",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"},U=function(e,t){return(U=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}U(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function X(e,a,s,l){return new(s=s||Promise)(function(n,t){function o(e){try{i(l.next(e))}catch(e){t(e)}}function r(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?n(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(o,r)}i((l=l.apply(e,a||[])).next())})}function Y(o,r){var i,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},c={next:e(0),throw:e(1),return:e(2)};return"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function e(n){return function(e){var t=[n,e];if(i)throw new TypeError("Generator is already executing.");for(;l=c&&t[c=0]?0:l;)try{if(i=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=r.call(o,l)}catch(e){t=[6,e],a=0}finally{i=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}}Object.create;function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function y(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||((o=o||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}Object.create;function Q(e){return null!=e}function J(e,t,n,o){(e="Y"===o?-re(e,o):re(e,o))&&(t[0][n]=t[1][n]+=e)}function ee(e,n,o){return e.reduce(function(e,t){return n(t)?y(y([],v(e)),[o(t)]):e},[])}function te(e,t,n){return e.replace(new RegExp("{\\s*"+t+"\\s*}","g"),n)}var ne=/^\s*$/,oe=function(e){return null==e},re=function(e,t){var n=e["wheelDelta"+t];return e.wheelDelta&&(void 0===n||n)?e.wheelDelta:e.detail&&e.axis===e["X"===t?"HORIZONTAL_AXIS":"VERTICAL_AXIS"]?10*-e.detail:0},ie=function(e){return e?new Date(e.getTime()):null};function ae(e){var t={};return se(e,t),t}function se(e,t){for(var n in e){var o;e.hasOwnProperty(n)&&(o=e[n],t[n]=le(o,t[n]))}}function le(e,t){return Array.isArray(e)?ce(e):e instanceof Date?ie(e):e&&"object"==typeof e?(se(e,t=t||{}),t):e}function ce(e){return e.map(function(e){return le(e,void 0)})}var pe=0,b=(de.prototype.updateRowsAndCols=function(){var n=this,e=c.toTree((this.rows||[]).slice()),e=v(c.toRows(e),4),t=e[0],o=e[1],r=e[2],e=e[3],i=c.toTree((this.columns||[]).slice()),i=v(c.toColumns(i),3),a=i[0],s=i[1],i=i[2];this.columnHeaderLeaves=s,this.columnHeaderCols.next(s),this.columnHeaderRows.next(a),this.rowHeaderLeaves=o,this.rowHeaderCols.next(new Array(e).fill({})),this.rowHeaderRows.next(t),this.valuesRows.next(c.toData((this.normalizedData||[]).slice(),s,o,i,r)),l.isDocumentAvailable()&&this.ngZone.runOutsideAngular(function(){setTimeout(function(){return e=n.wrapper,t=e.querySelectorAll(".k-pivotgrid-row-headers .k-pivotgrid-row"),o=e.querySelectorAll(".k-pivotgrid-column-headers th"),r=e.querySelectorAll(".k-pivotgrid-values td"),t.forEach(function(e,t){var n=ee(Array.from(r),function(e){return e.getAttribute("id").split("-")[4]===(t+1).toString()},function(e){return e.getAttribute("id")});e.setAttribute("aria-owns",n.join(" "))}),void r.forEach(function(e){var n=+e.getAttribute("id").split("-")[5],t=ee(Array.from(o),function(e){var t=+e.getAttribute("id").split("-")[5],e=+e.getAttribute("colspan");return n==t||1<e&&n<=t+e-1},function(e){return e.getAttribute("id")});e.setAttribute("aria-describedby",t.join(" "))});var e,t,o,r})})},de);function de(e){this.ngZone=e,this.expandedStateChange=new a.EventEmitter,this.configuratorFieldChange=new a.EventEmitter,this.expandedFieldChange=new a.EventEmitter,this.columnHeaderRows=new s.BehaviorSubject([]),this.columnHeaderCols=new s.BehaviorSubject([]),this.rowHeaderCols=new s.BehaviorSubject([]),this.rowHeaderRows=new s.BehaviorSubject([]),this.valuesRows=new s.BehaviorSubject([]),this.loading=new s.BehaviorSubject(!1),this.fields=new s.BehaviorSubject([]),this.configuredFields=new s.BehaviorSubject([]),this.pivotGridId=pe++}b.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:b,deps:[{token:p.NgZone}],target:p.ɵɵFactoryTarget.Injectable}),b.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:b}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:b,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:p.NgZone}]},propDecorators:{expandedStateChange:[{type:a.Output}],configuratorFieldChange:[{type:a.Output}],expandedFieldChange:[{type:a.Output}]}});ue.prototype.get=function(e){return this.localization.get(e)},Object.defineProperty(ue.prototype,"rtl",{get:function(){return this.localization.rtl},enumerable:!1,configurable:!0});var k=ue;function ue(e){this.localization=e}k.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:k,deps:[{token:d.LocalizationService}],target:p.ɵɵFactoryTarget.Injectable}),k.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:k}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:k,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:d.LocalizationService}]}});Object.defineProperty(ge.prototype,"expanded",{get:function(){var e;return(null==(e=this.kendoPivotGridCell)?void 0:e.hasChildren)&&this.kendoPivotGridCell.children.length},enumerable:!1,configurable:!0}),ge.prototype.ngOnInit=function(){var e,t,n=this.hostEl.nativeElement,o=(this.renderer.setAttribute(n,"rowspan",this.kendoPivotGridCell.rowSpan||1),this.renderer.setAttribute(n,"colspan",this.kendoPivotGridCell.colSpan||1),{"k-pivotgrid-header-total":(null==(e=this.kendoPivotGridCell)?void 0:e.total)||"values"===this.tableType&&(this.dataService.rowHeaderLeaves[this.rowIndex].total||this.dataService.columnHeaderLeaves[this.colIndex].total),"k-pivotgrid-header-root":0===(null==(e=this.kendoPivotGridCell)?void 0:e.levelNum),"k-pivotgrid-expanded":(null==(e=this.kendoPivotGridCell)?void 0:e.hasChildren)&&this.kendoPivotGridCell.children.length,"k-first":0<this.colIndex});for(t in o)o[t]&&this.renderer.addClass(n,t)};var C=ge;function ge(e,t,n){var o=this;this.hostEl=e,this.renderer=t,this.dataService=n,this.cellClass=!0,this.handleClick=function(){o.dataService.expandedStateChange.emit({action:o.expanded?"collapse":"expand",cell:o.kendoPivotGridCell,tableType:o.tableType})}}C.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:C,deps:[{token:p.ElementRef},{token:p.Renderer2},{token:b}],target:p.ɵɵFactoryTarget.Component}),C.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:C,selector:"[kendoPivotGridCell]",inputs:{kendoPivotGridCell:"kendoPivotGridCell",tableType:"tableType",rowIndex:"rowIndex",colIndex:"colIndex"},host:{properties:{"class.k-pivotgrid-cell":"this.cellClass"}},ngImport:p,template:'\n        <span \n            *ngIf="kendoPivotGridCell.hasChildren && !kendoPivotGridCell.total"\n            class="k-icon"\n            aria-hidden="true"\n            [kendoEventsOutsideAngular]="{\n                click: handleClick\n            }"\n            [ngClass]="{\n                \'k-i-arrow-chevron-up\': expanded,\n                \'k-i-arrow-chevron-down\': !expanded\n            }"></span>{{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}',isInline:!0,directives:[{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:_.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:C,decorators:[{type:a.Component,args:[{selector:"[kendoPivotGridCell]",template:'\n        <span \n            *ngIf="kendoPivotGridCell.hasChildren && !kendoPivotGridCell.total"\n            class="k-icon"\n            aria-hidden="true"\n            [kendoEventsOutsideAngular]="{\n                click: handleClick\n            }"\n            [ngClass]="{\n                \'k-i-arrow-chevron-up\': expanded,\n                \'k-i-arrow-chevron-down\': !expanded\n            }"></span>{{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}'}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:p.Renderer2},{type:b}]},propDecorators:{cellClass:[{type:a.HostBinding,args:["class.k-pivotgrid-cell"]}],kendoPivotGridCell:[{type:a.Input}],tableType:[{type:a.Input}],rowIndex:[{type:a.Input}],colIndex:[{type:a.Input}]}});Object.defineProperty(me.prototype,"pivotGridId",{get:function(){return"kendo-pivotgrid-"+this.dataService.pivotGridId+"-"},enumerable:!1,configurable:!0}),me.prototype.ngOnInit=function(){var t=this;this.dataChangeSubs.add(this.dataService[this.tableType+"Rows"].subscribe(function(e){return t.rows=e})),this.dataChangeSubs.add("values"===this.tableType?this.dataService.columnHeaderCols.subscribe(function(e){return t.headerItems=e}):this.dataService[this.tableType+"Cols"].subscribe(function(e){return t.headerItems=e}))},me.prototype.ngOnDestroy=function(){this.dataChangeSubs.unsubscribe()};var x=me;function me(e){this.dataService=e,this.dataChangeSubs=new s.Subscription}x.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:x,deps:[{token:b}],target:p.ɵɵFactoryTarget.Component}),x.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:x,selector:"kendo-pivotgrid-table",inputs:{tableType:"tableType",colWidth:"colWidth"},ngImport:p,template:'\n        <table\n            class="k-pivotgrid-table"\n            role="presentation">\n            <colgroup>\n                <col \n                    *ngFor="let item of headerItems;"\n                    [style.width]="tableType !== \'rowHeader\' ? colWidth >= 0 ? colWidth + \'px\' : \'200px\' : undefined" />\n            </colgroup>\n            <tbody class="k-pivotgrid-tbody" role="rowgroup">\n                <tr *ngFor="let row of rows; index as rowIndex"\n                    class="k-pivotgrid-row"\n                    role="row">\n                    <ng-container *ngFor="let cell of row.cells; index as colIndex">\n                        <th\n                            *ngIf="cell && tableType !== \'values\'" \n                            [kendoPivotGridCell]="cell"\n                            [tableType]="tableType"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            [attr.aria-expanded]="cell.hasChildren && cell.children.length ? \'true\' : \'false\'"\n                            [attr.role]="tableType === \'columnHeader\' ? \'columnheader\' : \'rowheader\'"\n                            [attr.id]="pivotGridId + (tableType === \'columnHeader\' ? \'ch-\' : \'rh-\') + (rowIndex + 1) + \'-\' + (colIndex + 1)"></th>\n                        <td\n                            *ngIf="cell && tableType === \'values\'"\n                            [kendoPivotGridCell]="cell"\n                            tableType="values"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            role="gridcell"\n                            [attr.id]="pivotGridId + \'cell-\' + (rowIndex + 1) + \'-\' + (colIndex + 1)"></td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    ',isInline:!0,components:[{type:C,selector:"[kendoPivotGridCell]",inputs:["kendoPivotGridCell","tableType","rowIndex","colIndex"]}],directives:[{type:u.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:x,decorators:[{type:a.Component,args:[{selector:"kendo-pivotgrid-table",template:'\n        <table\n            class="k-pivotgrid-table"\n            role="presentation">\n            <colgroup>\n                <col \n                    *ngFor="let item of headerItems;"\n                    [style.width]="tableType !== \'rowHeader\' ? colWidth >= 0 ? colWidth + \'px\' : \'200px\' : undefined" />\n            </colgroup>\n            <tbody class="k-pivotgrid-tbody" role="rowgroup">\n                <tr *ngFor="let row of rows; index as rowIndex"\n                    class="k-pivotgrid-row"\n                    role="row">\n                    <ng-container *ngFor="let cell of row.cells; index as colIndex">\n                        <th\n                            *ngIf="cell && tableType !== \'values\'" \n                            [kendoPivotGridCell]="cell"\n                            [tableType]="tableType"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            [attr.aria-expanded]="cell.hasChildren && cell.children.length ? \'true\' : \'false\'"\n                            [attr.role]="tableType === \'columnHeader\' ? \'columnheader\' : \'rowheader\'"\n                            [attr.id]="pivotGridId + (tableType === \'columnHeader\' ? \'ch-\' : \'rh-\') + (rowIndex + 1) + \'-\' + (colIndex + 1)"></th>\n                        <td\n                            *ngIf="cell && tableType === \'values\'"\n                            [kendoPivotGridCell]="cell"\n                            tableType="values"\n                            [colIndex]="colIndex"\n                            [rowIndex]="rowIndex"\n                            role="gridcell"\n                            [attr.id]="pivotGridId + \'cell-\' + (rowIndex + 1) + \'-\' + (colIndex + 1)"></td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    '}]}],ctorParameters:function(){return[{type:b}]},propDecorators:{tableType:[{type:a.Input}],colWidth:[{type:a.Input}]}});var fe=function(e,t,n,o,r){this.columnAxes=e,this.rowAxes=t,this.measureAxes=n,this.sort=o,this.filter=r},I=(he.prototype.parseConfiguratorState=function(e){var t=c.configuratorReducer({filter:this.dataService.state.filter,sort:this.dataService.state.sort,rowAxes:this.dataService.state.rowAxes,columnAxes:this.dataService.state.columnAxes,measureAxes:this.dataService.state.measureAxes,dragItem:this.state.dragItem,dropDirection:this.state.dropDirection,dropTarget:this.state.dropTarget,dropZone:this.state.dropZone},e);Object.keys(t).forEach(function(e){return void 0===t[e]&&delete t[e]}),this.state=Object.assign(Object.assign({},this.state),t),this.dataService.state=new fe(this.state.columnAxes,this.state.rowAxes,this.state.measureAxes,this.state.sort,this.state.filter),this.configuratorStateChange.emit(this.state)},he);function he(e){this.dataService=e,this.configuratorStateChange=new a.EventEmitter}I.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:I,deps:[{token:b}],target:p.ɵɵFactoryTarget.Injectable}),I.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:I}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:I,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:b}]},propDecorators:{configuratorStateChange:[{type:a.Output}]}});ve.prototype.create=function(){this.dom=document.createElement("span");var e=document.createElement("div"),t=(e.classList.add("k-drop-hint","k-drop-hint-v"),document.createElement("div")),n=(t.classList.add("k-drop-hint-start"),document.createElement("div")),o=(n.classList.add("k-drop-hint-line"),document.createElement("div"));o.classList.add("k-drop-hint-end"),e.append(t,n,o),this.dom.append(e),this.hide()},ve.prototype.attach=function(e){return t=this.dom,e=e,!1||(e.appendChild(t),0),t;var t},ve.prototype.remove=function(e){this.dom&&this.dom.parentElement&&e.contains(this.dom)&&(e.removeChild(this.dom),this.dom=null)},ve.prototype.hide=function(){this.dom.style.display="none"},ve.prototype.show=function(e,t,n){if(this.dom||this.create(),"before"===e)t.insertBefore(this.dom,n);else{if(n.classList.contains("k-chip")&&n.matches(":last-child"))return void t.insertBefore(this.dom,n);n.classList.contains("k-chip")?n.after(this.dom):t.appendChild(this.dom)}this.dom.style.display=""};var T=ve;function ve(){}T.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:T,deps:[],target:p.ɵɵFactoryTarget.Injectable}),T.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:T}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:T,decorators:[{type:a.Injectable}]});h(ke,ye=l.PreventableEvent);var ye,be=ke;function ke(e){var t=ye.call(this)||this;return t.originalEvent=e,t}xe.prototype.open=function(e,t,n,o){void 0===o&&(o="k-grid-filter-popup");var n=Q(n)&&this.popupRef===n,o=(this.destroy(),n||(n=this.localization.rtl?"right":"left",this.popupRef=this.popupService.open({anchorAlign:{vertical:"bottom",horizontal:n},popupAlign:{vertical:"top",horizontal:n},anchor:e,popupClass:o,content:t,positionMode:"absolute"}),this.renderer.setAttribute(this.popupRef.popupElement,"dir",this.localization.rtl?"rtl":"ltr"),this.attachClose(e)),null==(n=this.popupRef)?void 0:n.popupElement);return o&&this.attachMouseListeners(o),this.popupRef},xe.prototype.destroy=function(){this.popupRef&&(this.detachClose(),this.pointerEventsSub.unsubscribe(),this.pointerEventsSub=null,this.popupRef.close(),this.popupRef=null)},xe.prototype.ngOnDestroy=function(){this.destroy(),this.scrollSubscription.unsubscribe()},xe.prototype.detachClose=function(){this.removeClick&&this.removeClick()},xe.prototype.attachClose=function(t){var n=this;this.detachClose(),this.ngZone.runOutsideAngular(function(){return n.removeClick=n.renderer.listen("document","click",function(e){!function(e,t){for(;e;){if(t(e))return!0;e=e.parentNode}return!1}(e.target,function(e){return n.popupRef.popupElement===e||e===t})&&(e=new be(e),n.onClose.next(e),!e.isDefaultPrevented()&&n.canClosePopup&&n.destroy(),n.canClosePopup=!0)})})},xe.prototype.attachMouseListeners=function(e){var t=this;this.pointerEventsSub=new s.Subscription,this.ngZone.runOutsideAngular(function(){t.pointerEventsSub.add(t.renderer.listen(e,"pointerdown",function(e){e.stopImmediatePropagation(),t.canClosePopup=!1})),t.pointerEventsSub.add(t.renderer.listen(e,"pointerup",function(){t.canClosePopup=!0}))})};var Ce=xe;function xe(e,t,n,o){this.popupService=e,this.renderer=t,this.ngZone=n,this.localization=o,this.onClose=new s.Subject,this.pointerEventsSub=new s.Subscription,this.scrollSubscription=new s.Subscription}Ce.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ce,deps:[{token:K.PopupService},{token:p.Renderer2},{token:p.NgZone},{token:k}],target:p.ɵɵFactoryTarget.Injectable}),Ce.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ce}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ce,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:K.PopupService},{type:p.Renderer2},{type:p.NgZone},{type:k}]}});var w=function(){this.isColumnMenu=!1,this.isPopupOpen=!1},D=(w.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:w,deps:[],target:p.ɵɵFactoryTarget.Injectable}),w.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:w}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:w,decorators:[{type:a.Injectable}]}),Ie.prototype.close=function(){this.closeMenu.emit()},Ie);function Ie(e){this.closeMenu=new a.EventEmitter,this.menuTabbingService=e}D.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:D,deps:[{token:w}],target:p.ɵɵFactoryTarget.Injectable}),D.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:D}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:D,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:w}]}});Object.defineProperty(Te.prototype,"isFirst",{get:function(){return this._isFirst},set:function(e){var t,n=this;e&&(t=this.chipMenuItems[0],this.menuItemComponent.service.menuTabbingService.firstFocusable=t,this.ngZone.runOutsideAngular(function(){var e=n.renderer.listen(t,"keydown",n.onTab);n.subs.add(e)})),this._isFirst=e},enumerable:!1,configurable:!0}),Object.defineProperty(Te.prototype,"isLast",{get:function(){return this._isLast},set:function(e){var t,n=this;this.chipMenuItems&&(e&&(t=this.getLastColumnMenuItem(),this.menuItemComponent.service.menuTabbingService.lastFocusable=t,this.ngZone.runOutsideAngular(function(){var e=n.renderer.listen(t,"keydown",n.onTab);n.subs.add(e)})),this._isLast=e)},enumerable:!1,configurable:!0}),Te.prototype.ngAfterViewInit=function(){var t=this;this.chipMenuItems=this.hostElement.nativeElement.querySelectorAll(".k-columnmenu-item"),this.chipMenuItems.forEach(function(e){return t.renderer.setAttribute(e,"tabindex","0")})},Te.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Te.prototype.getLastColumnMenuItem=function(){return 1===this.chipMenuItems.length?this.chipMenuItems[0]:this.chipMenuItems[1]};var S=Te;function Te(e,t,n){var o=this;this.hostElement=e,this.renderer=t,this.ngZone=n,this._isFirst=!1,this._isLast=!1,this.subs=new s.Subscription,this.onTab=function(e){var t,n;e.keyCode===l.Keys.Tab&&(o.isFirst&&e.shiftKey&&e.target===o.chipMenuItems[0]&&(e.preventDefault(),o.menuItemComponent.service.menuTabbingService.lastFocusable.focus()),o.isLast)&&!e.shiftKey&&(t=o.getLastColumnMenuItem(),n=o.menuItemComponent.expanded,t!==e.target||n||(e.preventDefault(),o.menuItemComponent.service.menuTabbingService.firstFocusable.focus()))}}S.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:S,deps:[{token:p.ElementRef},{token:p.Renderer2},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),S.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:S,selector:"[kendoPivotChipMenuItem]",inputs:{menuItemComponent:["kendoPivotChipMenuItem","menuItemComponent"]},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:S,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotChipMenuItem]"}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:p.Renderer2},{type:p.NgZone}]},propDecorators:{menuItemComponent:[{type:a.Input,args:["kendoPivotChipMenuItem"]}]}});De.prototype.ngAfterViewInit=function(){var e=this;this.chipMenuItems.length&&(this.chipMenuItems.first.isFirst=!0,this.chipMenuItems.last.isLast=!0,this.ngZone.onStable.pipe(R.take(1)).subscribe(function(){return e.service.menuTabbingService.firstFocusable.focus()}))};var we=De;function De(e,t){this.service=e,this.ngZone=t,this.hostClass=!0}we.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:we,deps:[{token:D},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Component}),we.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:we,selector:"kendo-pivot-chipmenu-container",host:{properties:{"class.k-grid-columnmenu-popup":"this.hostClass"}},queries:[{propertyName:"chipMenuItems",predicate:S,descendants:!0}],ngImport:p,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:we,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chipmenu-container",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:D},{type:p.NgZone}]},propDecorators:{chipMenuItems:[{type:a.ContentChildren,args:[S,{descendants:!0}]}],hostClass:[{type:a.HostBinding,args:["class.k-grid-columnmenu-popup"]}]}});Se.prototype.ngOnInit=function(){if(a.isDevMode()&&!this.service)throw new Error("The service input of the host chip menu components (e.g. ChipMenuSortComponent) is mandatory.")},Se.prototype.close=function(){this.service.close()};var O=Se;function Se(){this.hostClass=!0}O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,deps:[],target:p.ɵɵFactoryTarget.Component}),O.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:O,selector:"kendo-pivot-chip-menu-item-base",inputs:{service:"service"},host:{properties:{"class.k-columnmenu-item-wrapper":"this.hostClass"}},ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chip-menu-item-base",template:""}]}],propDecorators:{service:[{type:a.Input}],hostClass:[{type:a.HostBinding,args:["class.k-columnmenu-item-wrapper"]}]}});var A=function(e){this.templateRef=e},E=(A.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:A,deps:[{token:p.TemplateRef,optional:!0}],target:p.ɵɵFactoryTarget.Directive}),A.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:A,selector:"[kendoPivotChipMenuItemContentTemplate]",ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:A,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotChipMenuItemContentTemplate]"}]}],ctorParameters:function(){return[{type:p.TemplateRef,decorators:[{type:a.Optional}]}]}}),Object.defineProperty(Oe.prototype,"iconClass",{get:function(){return"k-i-"+this.icon},enumerable:!1,configurable:!0}),Oe.prototype.ngOnChanges=function(e){e.expanded&&this.updateContentState()},Oe.prototype.onClick=function(e){this.itemClick.emit(e),this.contentTemplate&&(this.expanded=!this.expanded,this.updateContentState(),(this.expanded?this.expand:this.collapse).emit())},Oe.prototype.updateContentState=function(){this.contentState=this.expanded?"expanded":"collapsed"},Oe);function Oe(){this.itemClick=new a.EventEmitter,this.expand=new a.EventEmitter,this.collapse=new a.EventEmitter,this.contentState="collapsed"}E.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:E,deps:[],target:p.ɵɵFactoryTarget.Component}),E.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:E,selector:"kendo-pivot-chipmenu-item",inputs:{icon:"icon",text:"text",selected:"selected",expanded:"expanded"},outputs:{itemClick:"itemClick",expand:"expand",collapse:"collapse"},queries:[{propertyName:"contentTemplate",first:!0,predicate:A,descendants:!0}],usesOnChanges:!0,ngImport:p,template:'\n        <div\n            class="k-columnmenu-item"\n            (click)="onClick($event)"\n            (keydown.enter)="onClick($event)"\n            [class.k-selected]="selected"\n            role="button"\n            [attr.aria-expanded]="expanded">\n           <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">\n           </span>\n           {{ text }}\n        </div>\n        <div *ngIf="contentTemplate" [@state]="contentState" style="overflow:hidden;" class="k-columnmenu-item-content">\n            <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">\n            </ng-container>\n        <div>\n    ',isInline:!0,directives:[{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}],animations:[o.trigger("state",[o.state("collapsed",o.style({display:"none"})),o.state("expanded",o.style({display:"block"})),o.transition("collapsed => expanded",[o.style({height:"0px",display:"block"}),o.animate("100ms ease-in",o.style({height:"*"}))]),o.transition("expanded => collapsed",[o.style({height:"*"}),o.animate("100ms ease-in",o.style({height:"0px"}))])])]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:E,decorators:[{type:a.Component,args:[{animations:[o.trigger("state",[o.state("collapsed",o.style({display:"none"})),o.state("expanded",o.style({display:"block"})),o.transition("collapsed => expanded",[o.style({height:"0px",display:"block"}),o.animate("100ms ease-in",o.style({height:"*"}))]),o.transition("expanded => collapsed",[o.style({height:"*"}),o.animate("100ms ease-in",o.style({height:"0px"}))])])],selector:"kendo-pivot-chipmenu-item",template:'\n        <div\n            class="k-columnmenu-item"\n            (click)="onClick($event)"\n            (keydown.enter)="onClick($event)"\n            [class.k-selected]="selected"\n            role="button"\n            [attr.aria-expanded]="expanded">\n           <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">\n           </span>\n           {{ text }}\n        </div>\n        <div *ngIf="contentTemplate" [@state]="contentState" style="overflow:hidden;" class="k-columnmenu-item-content">\n            <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">\n            </ng-container>\n        <div>\n    '}]}],propDecorators:{itemClick:[{type:a.Output}],expand:[{type:a.Output}],collapse:[{type:a.Output}],icon:[{type:a.Input}],text:[{type:a.Input}],selected:[{type:a.Input}],expanded:[{type:a.Input}],contentTemplate:[{type:a.ContentChild,args:[A,{static:!1}]}]}});h(Fe,Ae=O),Object.defineProperty(Fe.prototype,"sortedAsc",{get:function(){var e=this.descriptor;return e&&(!e.dir||"asc"===e.dir)},enumerable:!1,configurable:!0}),Object.defineProperty(Fe.prototype,"sortedDesc",{get:function(){var e=this.descriptor;return e&&"desc"===e.dir},enumerable:!1,configurable:!0}),Fe.prototype.messageFor=function(e){return this.localization.get(e)},Fe.prototype.toggleSort=function(e){var t=this.chip.name.toString(),n=this.descriptor,o=this.configuratorService.state.sort.filter(function(e){return e.field!==t});n&&n.dir===e||o.push({field:t,dir:e}),this.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setSort,payload:o}),this.close()},Object.defineProperty(Fe.prototype,"descriptor",{get:function(){var t=this;return[].concat(this.configuratorService.state.sort||[]).find(function(e){return e.field===t.chip.name.toString()})},enumerable:!1,configurable:!0});var Ae,Ee=Fe;function Fe(e,t,n){var o=Ae.call(this)||this;return o.localization=e,o.renderer=t,o.configuratorService=n,o}Ee.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ee,deps:[{token:k},{token:p.Renderer2},{token:I}],target:p.ɵɵFactoryTarget.Component}),Ee.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Ee,selector:"kendo-pivot-chipmenu-sort",inputs:{chip:"chip"},usesInheritance:!0,ngImport:p,template:'\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortAscendingItemLabel\')"\n            icon="sort-asc-small"\n            (itemClick)="toggleSort(\'asc\')"\n            [selected]="sortedAsc">\n        </kendo-pivot-chipmenu-item>\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortDescendingItemLabel\')"\n            icon="sort-desc-small"\n            (itemClick)="toggleSort(\'desc\')"\n            [selected]="sortedDesc">\n        </kendo-pivot-chipmenu-item>\n    ',isInline:!0,components:[{type:E,selector:"kendo-pivot-chipmenu-item",inputs:["icon","text","selected","expanded"],outputs:["itemClick","expand","collapse"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ee,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chipmenu-sort",template:'\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortAscendingItemLabel\')"\n            icon="sort-asc-small"\n            (itemClick)="toggleSort(\'asc\')"\n            [selected]="sortedAsc">\n        </kendo-pivot-chipmenu-item>\n        <kendo-pivot-chipmenu-item\n            [text]="messageFor(\'fieldMenuSortDescendingItemLabel\')"\n            icon="sort-desc-small"\n            (itemClick)="toggleSort(\'desc\')"\n            [selected]="sortedDesc">\n        </kendo-pivot-chipmenu-item>\n    '}]}],ctorParameters:function(){return[{type:k},{type:p.Renderer2},{type:I}]},propDecorators:{chip:[{type:a.Input}]}});Ne.prototype.ngAfterViewInit=function(){var e=this.host.wrapper.nativeElement;e.setAttribute("aria-label",this.filterMenuDropDownLabel),e.addEventListener("keydown",this.keydownHandler,!0)},Ne.prototype.ngOnDestroy=function(){this.host.wrapper.nativeElement.removeEventListener("keydown",this.keydownHandler)};o=Ne;function Ne(e){var t=this;this.host=e,this.keydownHandler=function(e){e.keyCode===l.Keys.Escape&&t.host.isOpen&&(e.stopPropagation(),t.host.toggle(!1))}}o.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:o,deps:[{token:Z.DropDownListComponent}],target:p.ɵɵFactoryTarget.Directive}),o.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:o,selector:"[kendoFilterMenuDropDown]",inputs:{filterMenuDropDownLabel:"filterMenuDropDownLabel"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:o,decorators:[{type:a.Directive,args:[{selector:"[kendoFilterMenuDropDown]"}]}],ctorParameters:function(){return[{type:Z.DropDownListComponent}]},propDecorators:{filterMenuDropDownLabel:[{type:a.Input}]}});Me={filterEqOperator:"eq",filterNotEqOperator:"neq",filterContainsOperator:"contains",filterNotContainsOperator:"doesnotcontain",filterStartsWithOperator:"startswith",filterEndsWithOperator:"endswith",filterIsNullOperator:"isnull",filterIsNotNullOperator:"isnotnull",filterIsEmptyOperator:"isempty",filterIsNotEmptyOperator:"isnotempty"};var Me,Pe=function(t){return Object.keys(Me).map(function(e){return{text:t.get(e),value:Me[e]}})},F=(Object.defineProperty(Le.prototype,"currentFilter",{get:function(){var t=this,e=null==(e=this.configuratorService.state.filter)?void 0:e.filter(function(e){return e.field===t.chip.name.toString()});return e&&e[0]},enumerable:!1,configurable:!0}),Le.prototype.registerOnChange=function(e){this.filterFormGroup.valueChanges.subscribe(e)},Le.prototype.registerOnTouched=function(e){this.onTouched=e},Le.prototype.writeValue=function(e){e&&this.filterFormGroup.setValue(e,{emitEvent:!1})},Object.defineProperty(Le.prototype,"filterMenuDropDownLabel",{get:function(){var e=this.localization.get("filterOperatorsDropDownLabel")||"",t=this.chip.name.toString();return te(e,"fields",t)},enumerable:!1,configurable:!0}),Le.prototype.ngOnInit=function(){this.filterFormGroup=this.fb.group({operator:[this.currentFilter?this.currentFilter.operator:""],value:[this.currentFilter?this.currentFilter.value:""]}),this.operators=Pe(this.localization)},Le.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},Le);function Le(e,t,n){this.localization=e,this.configuratorService=t,this.fb=n,this.subscription=new s.Subscription,this.onTouched=function(){}}F.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:F,deps:[{token:k},{token:I},{token:f.FormBuilder}],target:p.ɵɵFactoryTarget.Component}),F.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:F,selector:"kendo-pivot-string-filter-menu",inputs:{chip:"chip",menuTabbingService:"menuTabbingService"},providers:[{provide:H.NG_VALUE_ACCESSOR,useExisting:a.forwardRef(function(){return F}),multi:!0}],ngImport:p,template:'\n        <ng-container [formGroup]="filterFormGroup">\n            <kendo-dropdownlist\n                    kendoFilterMenuDropDown\n                    [filterMenuDropDownLabel]="filterMenuDropDownLabel"\n                    [data]="operators"\n                    formControlName="operator"\n                    [valuePrimitive]="true"\n                    textField="text"\n                    valueField="value">\n                </kendo-dropdownlist>\n                <input\n                    kendoTextBox\n                    formControlName="value"\n                />\n        </ng-container>\n    ',isInline:!0,components:[{type:Z.DropDownListComponent,selector:"kendo-dropdownlist",inputs:["iconClass","loading","data","value","textField","valueField","popupSettings","listHeight","defaultItem","disabled","itemDisabled","readonly","filterable","virtual","ignoreCase","delay","valuePrimitive","tabindex","tabIndex","size","rounded","fillMode","id"],outputs:["valueChange","filterChange","selectionChange","open","opened","close","closed","focus","blur"],exportAs:["kendoDropDownList"]}],directives:[{type:f.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:f.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:o,selector:"[kendoFilterMenuDropDown]",inputs:["filterMenuDropDownLabel"]},{type:f.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:f.FormControlName,selector:"[formControlName]",inputs:["disabled","formControlName","ngModel"],outputs:["ngModelChange"]},{type:n.TextBoxDirective,selector:"input[kendoTextBox]",inputs:["value"]},{type:f.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:F,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-string-filter-menu",providers:[{provide:H.NG_VALUE_ACCESSOR,useExisting:a.forwardRef(function(){return F}),multi:!0}],template:'\n        <ng-container [formGroup]="filterFormGroup">\n            <kendo-dropdownlist\n                    kendoFilterMenuDropDown\n                    [filterMenuDropDownLabel]="filterMenuDropDownLabel"\n                    [data]="operators"\n                    formControlName="operator"\n                    [valuePrimitive]="true"\n                    textField="text"\n                    valueField="value">\n                </kendo-dropdownlist>\n                <input\n                    kendoTextBox\n                    formControlName="value"\n                />\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:k},{type:I},{type:f.FormBuilder}]},propDecorators:{chip:[{type:a.Input}],menuTabbingService:[{type:a.Input}]}});function Ve(e){var t=e.value,e=e.operator;return!(oe(t=t)||ne.test(t))||"isnull"===(t=e)||"isnotnull"===t||"isempty"===t||"isnotempty"===t}Be.prototype.ngOnInit=function(){},Be.prototype.ngAfterViewChecked=function(){(!this.menuTabbingService.isColumnMenu||this.isLast&&this.isExpanded)&&(this.menuTabbingService.lastFocusable=(this.disabled?this.resetButton:this.filterButton).nativeElement)},Be.prototype.ngOnDestroy=function(){this.menuTabbingService.lastFocusable=null},Object.defineProperty(Be.prototype,"disabled",{get:function(){return!(this.filterDescriptorValue&&Ve(this.filterDescriptorValue))},enumerable:!1,configurable:!0}),Be.prototype.submit=function(){var t=Object.assign({field:this.chip.name.toString()},this.filterDescriptorValue),e=this.configuratorService.state.filter?y(y([],v(this.configuratorService.state.filter.filter(function(e){return e.field!==t.field}))),[t]):[t];return this.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setFilter,payload:e}),this.close.emit(),!1},Be.prototype.reset=function(){var t=this,e=this.configuratorService.state.filter.filter(function(e){return e.field!==t.chip.name.toString()});this.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setFilter,payload:e}),this.close.emit()},Be.prototype.onTab=function(e,t){!this.menuTabbingService.firstFocusable||this.menuTabbingService.isColumnMenu&&!this.isLast||(e.preventDefault(),("reset"!==t||this.disabled?this.menuTabbingService.firstFocusable:this.filterButton.nativeElement).focus())},Be.prototype.messageFor=function(e){return this.localization.get(e)};var Re=Be;function Be(e,t,n,o){this.localization=e,this.cd=t,this.configuratorService=o,this.close=new a.EventEmitter,this.actionsClass="k-action-buttons k-button-group",this.menuTabbingService=n}Re.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Re,deps:[{token:k},{token:p.ChangeDetectorRef},{token:w},{token:I}],target:p.ɵɵFactoryTarget.Component}),Re.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Re,selector:"kendo-pivot-filter-menu-container",inputs:{chip:"chip",isLast:"isLast",isExpanded:"isExpanded",menuTabbingService:"menuTabbingService",actionsClass:"actionsClass"},outputs:{close:"close"},providers:[w],viewQueries:[{propertyName:"resetButton",first:!0,predicate:["resetButton"],descendants:!0},{propertyName:"filterButton",first:!0,predicate:["filterButton"],descendants:!0}],ngImport:p,template:'\n        <form (submit)="submit()" (reset)="reset()"\n            class="k-filter-menu k-group k-reset k-state-border-up">\n            <div class="k-filter-menu-container">\n                <kendo-pivot-string-filter-menu\n                    [(ngModel)]="filterDescriptorValue"\n                    name="\'filterDescriptorValue\'"\n                    [chip]="chip"\n                    [menuTabbingService]="menuTabbingService">\n                </kendo-pivot-string-filter-menu>\n                <div [ngClass]="actionsClass">\n                    <button\n                        #resetButton\n                        type="reset"\n                        kendoButton\n                        (keydown.tab)="onTab($event, \'reset\')">{{messageFor(\'filterClearButton\')}}</button>\n                    <button #filterButton\n                        type="submit"\n                        [disabled]="disabled"\n                        kendoButton\n                        themeColor="primary"\n                        (keydown.tab)="onTab($event, \'filter\')">{{messageFor(\'filterFilterButton\')}}</button>\n                </div>\n            </div>\n        </form>\n    ',isInline:!0,styles:["\n        kendo-pivot-string-filter-menu {\n            display: flex;\n            flex-flow: column nowrap;\n            align-items: stretch;\n            gap: 8px;\n        }\n    "],components:[{type:F,selector:"kendo-pivot-string-filter-menu",inputs:["chip","menuTabbingService"]}],directives:[{type:f.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:f.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:f.NgForm,selector:"form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]",inputs:["ngFormOptions"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:f.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:f.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:W.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"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Re,decorators:[{type:a.Component,args:[{providers:[w],selector:"kendo-pivot-filter-menu-container",template:'\n        <form (submit)="submit()" (reset)="reset()"\n            class="k-filter-menu k-group k-reset k-state-border-up">\n            <div class="k-filter-menu-container">\n                <kendo-pivot-string-filter-menu\n                    [(ngModel)]="filterDescriptorValue"\n                    name="\'filterDescriptorValue\'"\n                    [chip]="chip"\n                    [menuTabbingService]="menuTabbingService">\n                </kendo-pivot-string-filter-menu>\n                <div [ngClass]="actionsClass">\n                    <button\n                        #resetButton\n                        type="reset"\n                        kendoButton\n                        (keydown.tab)="onTab($event, \'reset\')">{{messageFor(\'filterClearButton\')}}</button>\n                    <button #filterButton\n                        type="submit"\n                        [disabled]="disabled"\n                        kendoButton\n                        themeColor="primary"\n                        (keydown.tab)="onTab($event, \'filter\')">{{messageFor(\'filterFilterButton\')}}</button>\n                </div>\n            </div>\n        </form>\n    ',styles:["\n        kendo-pivot-string-filter-menu {\n            display: flex;\n            flex-flow: column nowrap;\n            align-items: stretch;\n            gap: 8px;\n        }\n    "]}]}],ctorParameters:function(){return[{type:k},{type:p.ChangeDetectorRef},{type:w},{type:I}]},propDecorators:{close:[{type:a.Output}],chip:[{type:a.Input}],isLast:[{type:a.Input}],isExpanded:[{type:a.Input}],menuTabbingService:[{type:a.Input}],actionsClass:[{type:a.Input}],resetButton:[{type:a.ViewChild,args:["resetButton"]}],filterButton:[{type:a.ViewChild,args:["filterButton"]}]}});h(ze,je=O),ze.prototype.onCollapse=function(){this.expanded=!1,this.isLast&&(this.service.menuTabbingService.lastFocusable=this.hostElement.nativeElement.querySelector(".k-columnmenu-item")),this.collapse.emit()},ze.prototype.onExpand=function(){this.expanded=!0,this.expand.emit()},ze.prototype.messageFor=function(e){return this.localization.get(e)};var je,O=ze;function ze(e,t){var n=je.call(this)||this;return n.localization=e,n.hostElement=t,n.expand=new a.EventEmitter,n.collapse=new a.EventEmitter,n.expanded=!1,n.isLast=!1,n.actionsClass="k-columnmenu-actions",n}O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,deps:[{token:k},{token:p.ElementRef}],target:p.ɵɵFactoryTarget.Component}),O.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:O,selector:"kendo-pivot-chipmenu-filter",inputs:{chip:"chip",expanded:"expanded",isLast:"isLast"},outputs:{expand:"expand",collapse:"collapse"},usesInheritance:!0,ngImport:p,template:'\n        <kendo-pivot-chipmenu-item\n            classs="k-widget k-expander"\n            [text]="messageFor(\'fieldMenuFilterItemLabel\')"\n            icon="filter"\n            [expanded]="expanded"\n            (collapse)="onCollapse()"\n            (expand)="onExpand()">\n            <ng-template kendoPivotChipMenuItemContentTemplate>\n                <kendo-pivot-filter-menu-container\n                    [chip]="chip"\n                    [menuTabbingService]="service.menuTabbingService"\n                    [actionsClass]="actionsClass"\n                    [isLast]="isLast"\n                    [isExpanded]="expanded"\n                    (keydown.shift.tab)="$event.stopImmediatePropagation()"\n                    (close)="close()">\n                </kendo-pivot-filter-menu-container>\n            </ng-template>\n        </kendo-pivot-chipmenu-item>\n    ',isInline:!0,components:[{type:E,selector:"kendo-pivot-chipmenu-item",inputs:["icon","text","selected","expanded"],outputs:["itemClick","expand","collapse"]},{type:Re,selector:"kendo-pivot-filter-menu-container",inputs:["chip","isLast","isExpanded","menuTabbingService","actionsClass"],outputs:["close"]}],directives:[{type:A,selector:"[kendoPivotChipMenuItemContentTemplate]"}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,decorators:[{type:a.Component,args:[{selector:"kendo-pivot-chipmenu-filter",template:'\n        <kendo-pivot-chipmenu-item\n            classs="k-widget k-expander"\n            [text]="messageFor(\'fieldMenuFilterItemLabel\')"\n            icon="filter"\n            [expanded]="expanded"\n            (collapse)="onCollapse()"\n            (expand)="onExpand()">\n            <ng-template kendoPivotChipMenuItemContentTemplate>\n                <kendo-pivot-filter-menu-container\n                    [chip]="chip"\n                    [menuTabbingService]="service.menuTabbingService"\n                    [actionsClass]="actionsClass"\n                    [isLast]="isLast"\n                    [isExpanded]="expanded"\n                    (keydown.shift.tab)="$event.stopImmediatePropagation()"\n                    (close)="close()">\n                </kendo-pivot-filter-menu-container>\n            </ng-template>\n        </kendo-pivot-chipmenu-item>\n    '}]}],ctorParameters:function(){return[{type:k},{type:p.ElementRef}]},propDecorators:{expand:[{type:a.Output}],collapse:[{type:a.Output}],chip:[{type:a.Input}],expanded:[{type:a.Input}],isLast:[{type:a.Input}]}});He.prototype.ngOnDestroy=function(){this.close(),this.closeSubscription.unsubscribe()},He.prototype.toggle=function(e,t,n){e&&(e.preventDefault(),e.stopImmediatePropagation()),this.popupRef=this.popupService.open(t,n,this.popupRef,"k-column-menu"),this.popupRef||this.anchor.nativeElement.focus()},He.prototype.close=function(){this.popupService.destroy(),this.popupRef=null,this.anchor.nativeElement.closest(".k-chip").focus()},Object.defineProperty(He.prototype,"chipMenuTitle",{get:function(){var e=this.localization.get("chipMenuIconTitle")||"",t=this.chip.name.toString();return te(e,"fieldName",t)},enumerable:!1,configurable:!0});var Ge=He;function He(e,t,n){this.popupService=e,this.localization=t,this.service=n,this.tabIndex="-1",this.closeSubscription=n.closeMenu.subscribe(this.close.bind(this))}Ge.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ge,deps:[{token:Ce},{token:k},{token:D}],target:p.ɵɵFactoryTarget.Component}),Ge.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Ge,selector:"kendo-pivot-chip-menu",inputs:{chip:"chip",tabIndex:"tabIndex"},providers:[D,w],viewQueries:[{propertyName:"anchor",first:!0,predicate:["anchor"],descendants:!0,static:!0}],ngImport:p,template:'\n        <span #anchor\n            class="k-icon k-i-more-vertical"\n            (click)="toggle($event, anchor, template)"\n            [tabindex]="tabIndex"\n            [attr.title]="chipMenuTitle">\n        </span>\n        <ng-template #template>\n            <kendo-pivot-chipmenu-container\n                (keydown.escape)="close()"\n                (keydown.enter)="$event.stopImmediatePropagation()">\n                <kendo-pivot-chipmenu-sort\n                    #sortItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="sortItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-sort>\n\n                <kendo-pivot-chipmenu-filter\n                    #filterItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="filterItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-filter>\n            </kendo-pivot-chipmenu-container>\n        </ng-template>\n    ',isInline:!0,components:[{type:we,selector:"kendo-pivot-chipmenu-container"},{type:Ee,selector:"kendo-pivot-chipmenu-sort",inputs:["chip"]},{type:O,selector:"kendo-pivot-chipmenu-filter",inputs:["chip","expanded","isLast"],outputs:["expand","collapse"]}],directives:[{type:S,selector:"[kendoPivotChipMenuItem]",inputs:["kendoPivotChipMenuItem"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ge,decorators:[{type:a.Component,args:[{providers:[D,w],selector:"kendo-pivot-chip-menu",template:'\n        <span #anchor\n            class="k-icon k-i-more-vertical"\n            (click)="toggle($event, anchor, template)"\n            [tabindex]="tabIndex"\n            [attr.title]="chipMenuTitle">\n        </span>\n        <ng-template #template>\n            <kendo-pivot-chipmenu-container\n                (keydown.escape)="close()"\n                (keydown.enter)="$event.stopImmediatePropagation()">\n                <kendo-pivot-chipmenu-sort\n                    #sortItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="sortItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-sort>\n\n                <kendo-pivot-chipmenu-filter\n                    #filterItem\n                    [chip]="chip"\n                    [kendoPivotChipMenuItem]="filterItem"\n                    [service]="service">\n                </kendo-pivot-chipmenu-filter>\n            </kendo-pivot-chipmenu-container>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:Ce},{type:k},{type:D}]},propDecorators:{chip:[{type:a.Input}],tabIndex:[{type:a.Input}],anchor:[{type:a.ViewChild,args:["anchor",{static:!0}]}]}});_e.prototype.ngOnInit=function(){var e,t=this.element.nativeElement;this.elementType=this.getElementType(t),this.elementSectionType=null==(e=t.getAttribute("axes"))?void 0:e.split("Axes")[0],this.subs.add(this.renderer.listen(t,"mouseenter",this.handleMouseEnter.bind(this))),this.subs.add(this.renderer.listen(t,"mousemove",this.handleMouseMove.bind(this))),this.subs.add(this.renderer.listen(t,"mouseleave",this.handleMouseLeave.bind(this)))},_e.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},_e.prototype.handleMouseEnter=function(e){var t=this;this.zone.runOutsideAngular(function(){t.configuratorService.state.dragItem&&(t.configuratorService.dropTargetElement=t.element.nativeElement,t.configuratorService.draggedElement&&!t.isDropAllowed(t.configuratorService.draggedElement.fromSection)||(t.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropTarget,payload:t.item}),t.targetElement="header"===t.elementType?e.target.nextElementSibling:e.target,t.cue.dom&&t.cue.remove(t.getCueContainer()),t.cue.create(),t.cue.attach(t.getCueContainer()),t.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:t.axes})))})},_e.prototype.handleMouseMove=function(a){var s=this;this.zone.runOutsideAngular(function(){var e;if(a.stopImmediatePropagation(),s.configuratorService.state.dragItem)if(s.configuratorService.draggedElement&&!s.isDropAllowed(s.configuratorService.draggedElement.fromSection))s.renderer.setStyle(s.element.nativeElement,"cursor","not-allowed");else{s.renderer.setStyle(s.element.nativeElement,"cursor","pointer");var t=(null==(e=s.targetElement)?void 0:e.querySelectorAll(".k-chip").length)<2,n=s.elementSectionType===s.configuratorService.draggedElement.fromSection;if(s.targetElement)switch(s.elementType){case"chip":var o=s.element.nativeElement.getBoundingClientRect(),o=a.clientX-o.left<o.width/2?"before":"after";s.cue.show(o,s.configuratorService.cueContainer,s.targetElement),o!==s.configuratorService.state.dropDirection&&s.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropDirection,payload:o});break;case"container":case"header":if(!t||!n){if(n){var o=s.configuratorService.draggedElement.element,r=s.getNextChip(o);if(!r)return s.cue.show("before",s.configuratorService.cueContainer,o),void("before"!==s.configuratorService.state.dropDirection&&s.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropDirection,payload:"before"}));var i="vertical"===s.configuratorService.orientation;if(Q(s.nextChipOffset)||(s.nextChipOffset=i?r.getBoundingClientRect().left:r.getBoundingClientRect().top),i?a.clientX<s.nextChipOffset:a.clientY<s.nextChipOffset)return void s.cue.show("after",s.configuratorService.cueContainer,o)}"after"!==s.configuratorService.state.dropDirection&&s.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropDirection,payload:"after"}),s.cue.show("after",s.configuratorService.cueContainer,s.targetElement)}}}})},_e.prototype.handleMouseLeave=function(e){var t=this;this.renderer.removeStyle(this.element.nativeElement,"cursor"),this.configuratorService.draggedElement&&this.zone.runOutsideAngular(function(){e.stopImmediatePropagation(),t.configuratorService.dropTargetElement=null,t.cue.remove(t.getCueContainer()),"chip"!==t.elementType&&t.configuratorService.state.dragItem&&t.configuratorService.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})})},_e.prototype.isDropAllowed=function(e){var t=this.element.nativeElement,n=("row"===e||"column"===e)&&t.closest("[axes=measureAxes]"),e="measure"===e&&(t.closest("[axes=rowAxes]")||t.closest("[axes=columnAxes]"));return!(n||e)},_e.prototype.getElementType=function(e){return{"KENDO-CHIP":"chip","KENDO-CHIPLIST":"container",DIV:"header"}[e.tagName]},_e.prototype.getCueContainer=function(){var e=this.element.nativeElement,e={chip:e.parentElement,container:e,header:e.classList.contains("k-settings-description")?e:e.nextElementSibling}[this.elementType];return this.configuratorService.cueContainer=e},_e.prototype.getNextChip=function(e){var t=e.nextElementSibling;if(t&&t.matches(".k-chip"))return t;for(;t;)if(null===(t=t.nextElementSibling)||t.matches(".k-chip"))return t};var qe=_e;function _e(e,t,n,o,r){this.element=e,this.configuratorService=t,this.cue=n,this.renderer=o,this.zone=r,this.subs=new s.Subscription}qe.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:qe,deps:[{token:p.ElementRef},{token:I},{token:T},{token:p.Renderer2},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),qe.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:qe,selector:"[kendoDropTarget]",inputs:{item:"item",axes:"axes"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:qe,decorators:[{type:a.Directive,args:[{selector:"[kendoDropTarget]"}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:I},{type:T},{type:p.Renderer2},{type:p.NgZone}]},propDecorators:{item:[{type:a.Input}],axes:[{type:a.Input}]}});Object.defineProperty(We.prototype,"pointerEvents",{get:function(){return this.drag?"none":void 0},enumerable:!1,configurable:!0}),We.prototype.ngOnInit=function(){var n=this;this.subs.add(this.draggable.kendoPress.subscribe(function(t){n.zone.runOutsideAngular(function(){var e;l.isDocumentAvailable()&&(n.initialX.current=t.clientX,n.initialY.current=t.clientY,e=n.element.nativeElement,n.renderer.setStyle(e,"z-index",1),n.service.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.setDragItem,payload:n.item}),n.service.draggedElement={element:e,fromSection:e.closest(".k-chip-list").getAttribute("axes").split("Axes")[0]})})})),this.subs.add(this.draggable.kendoDrag.subscribe(function(t){n.zone.runOutsideAngular(function(){var e;l.isDocumentAvailable()&&(5<Math.abs(n.initialX.current-t.clientX)||5<Math.abs(n.initialY.current-t.clientY))&&(n.drag=!0,null!=(e=document.elementFromPoint(t.clientX,t.clientY)))&&e.closest(".k-pivotgrid-configurator [kendodroptarget]")&&n.renderer.setStyle(n.element.nativeElement,"transform","translate("+(t.clientX-n.initialX.current)+"px, "+(t.clientY-n.initialY.current)+"px)")})})),this.subs.add(this.draggable.kendoRelease.subscribe(function(){n.zone.runOutsideAngular(function(){var e;n.drag=!1,n.service.state.dragItem&&(e=n.element.nativeElement,l.isDocumentAvailable()&&(n.renderer.removeStyle(e,"transform"),n.cue.remove(n.service.cueContainer)),n.service.parseConfiguratorState({type:c.PIVOT_CONFIGURATOR_ACTION.drop,payload:n.item}),n.service.state.dragItem=null,n.service.state.dropDirection=null,n.service.state.dropTarget=null,n.service.state.dropZone=null,n.renderer.removeStyle(e,"z-index"),n.service.draggedElement=null,n.service.dropTargetElement)&&(n.renderer.removeStyle(n.service.dropTargetElement,"cursor"),n.service.dropTargetElement=null)})}))},We.prototype.ngOnDestroy=function(){this.subs.unsubscribe()};var Ke=We;function We(e,t,n,o,r,i){this.draggable=e,this.element=t,this.zone=n,this.service=o,this.cue=r,this.renderer=i,this.touchActions="none",this.initialX={},this.initialY={},this.subs=new s.Subscription}Ke.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ke,deps:[{token:_.DraggableDirective,optional:!0},{token:p.ElementRef},{token:p.NgZone},{token:I},{token:T},{token:p.Renderer2}],target:p.ɵɵFactoryTarget.Directive}),Ke.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Ke,selector:"[kendoChipDraggable]",inputs:{item:"item"},host:{properties:{"style.pointerEvents":"this.pointerEvents","style.touch-action":"this.touchActions"}},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ke,decorators:[{type:a.Directive,args:[{selector:"[kendoChipDraggable]"}]}],ctorParameters:function(){return[{type:_.DraggableDirective,decorators:[{type:a.Optional}]},{type:p.ElementRef},{type:p.NgZone},{type:I},{type:T},{type:p.Renderer2}]},propDecorators:{pointerEvents:[{type:a.HostBinding,args:["style.pointerEvents"]}],touchActions:[{type:a.HostBinding,args:["style.touch-action"]}],item:[{type:a.Input}]}});$e.prototype.ngOnInit=function(){var i=this,e=this.host.element.nativeElement;this.ngZone.runOutsideAngular(function(){i.keydownSub.add(i.renderer.listen(e,"keydown",function(e){var t=e.keyCode===l.Keys.ArrowDown&&e.altKey,n=i.host.element.nativeElement.querySelector(".k-i-more-vertical"),o=e.shiftKey&&e.metaKey,r=[l.Keys.ArrowLeft,l.Keys.ArrowRight,l.Keys.ArrowDown,l.Keys.ArrowUp].includes(e.keyCode),o=o&&r;t&&n?n.click():o&&((r={})[l.Keys.ArrowDown]="down",r[l.Keys.ArrowUp]="up",r[l.Keys.ArrowRight]="right",r[l.Keys.ArrowLeft]="left",t=r[e.keyCode],i.reorder.emit({direction:t,sender:i.host}))}))})},$e.prototype.ngOnDestroy=function(){this.keydownSub.unsubscribe()};var Ze=$e;function $e(e,t,n){this.host=e,this.renderer=t,this.ngZone=n,this.keydownSub=new s.Subscription,this.reorder=new a.EventEmitter}Ze.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ze,deps:[{token:W.ChipComponent},{token:p.Renderer2},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),Ze.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Ze,selector:"[kendoChipKeyboardNavigation]",outputs:{reorder:"reorder"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ze,decorators:[{type:a.Directive,args:[{selector:"[kendoChipKeyboardNavigation]"}]}],ctorParameters:function(){return[{type:W.ChipComponent},{type:p.Renderer2},{type:p.NgZone}]},propDecorators:{reorder:[{type:a.Output}]}});Object.defineProperty(N.prototype,"headerTextId",{get:function(){return"k-pivotgrid-"+this.dataService.pivotGridId+"-configurator-header"},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"isHorizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),N.prototype.ngOnInit=function(){var t=this;this.subs.add(this.dataService.fields.subscribe(function(e){t.fields=e})),this.subs.add(this.dataService.configuredFields.subscribe(function(e){e=ae(Object.assign(Object.assign({},t.dataService.state),{dragItem:e.dragItem,dropTarget:e.dropTarget,dropZone:e.dropZone,dropDirection:e.dropDirection}));t.originalState=e,t.setState(e),t.setChecked()})),this.subs.add(this.configuratorService.configuratorStateChange.subscribe(function(e){t.state=e,t.dataService.state={columnAxes:e.columnAxes,rowAxes:e.rowAxes,measureAxes:e.measureAxes,sort:e.sort,filter:e.filter},t.cdr.detectChanges()}))},N.prototype.ngAfterViewInit=function(){this.treeView.focus()},N.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},N.prototype.ngOnChanges=function(e){e.orientation&&(this.configuratorService.orientation=this.orientation)},N.prototype.getName=function(e){return e.toString()},N.prototype.contentLabelId=function(e){return"k-pivotgrid-"+this.dataService.pivotGridId+"-configurator-"+e},N.prototype.setState=function(e){this.dataService.state={columnAxes:e.columnAxes,rowAxes:e.rowAxes,measureAxes:e.measureAxes,sort:e.sort,filter:e.filter},this.state=this.configuratorService.state=e},N.prototype.onReorder=function(e,t,n){var o=this.state[t+"Axes"],r=o.indexOf(n);switch(e.direction){case"right":r!==o.length-1&&this.swapChips(o,r,e.direction,t);break;case"left":0!==r&&(this.swapChips(o,r,e.direction,t),e.sender.focus());break;case"up":"row"===t&&this.moveChip(o,n,r,t);break;case"down":"column"===t&&this.moveChip(o,n,r,t)}},N.prototype.messageFor=function(e){return this.localization.get(e)},Object.defineProperty(N.prototype,"columnHierarchies",{get:function(){return this.extractDefaultFields(this.dataService.state.columnAxes)},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"rowHierarchies",{get:function(){return this.extractDefaultFields(this.dataService.state.rowAxes)},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"measureHierarchies",{get:function(){return this.extractDefaultFields(this.dataService.state.measureAxes)},enumerable:!1,configurable:!0}),N.prototype.onChipRemove=function(e,t,n){var o,r=this,i=this.dataService.state[n+"Axes"].filter(function(e){return e!==t}),n=(this.dataService.state[n+"Axes"]=i,Object.assign(Object.assign({},this.state),this.dataService.state));this.checked=this.checked.filter(function(e){return e.uniqueName!==t.name[0]}),this.setState(n),this.navigation&&(o=this.navigation.elements.indexOf(e.sender.element.nativeElement),this.zone.runOutsideAngular(function(){return setTimeout(function(){return r.navigation.focusElement(r.navigation.elements[o-1],r.navigation.elements[o])})}))},N.prototype.setChecked=function(e){var n=this,e=(void 0===e&&(e=[]),y(y([],v(this.fields)),v(e))),e=this.getFieldsFlatMap(e).filter(function(t){return y(y(y([],v(n.columnHierarchies)),v(n.rowHierarchies)),v(n.measureHierarchies)).some(function(e){return e===t.uniqueName||e===t.defaultHierarchy})});this.checked=e},N.prototype.isItemChecked=function(t){var e;return this.checked.some(function(e){return t.defaultHierarchy?e.defaultHierarchy===t.defaultHierarchy:e.uniqueName===t.uniqueName})||(null==(e=t.children)?void 0:e.length)&&(null==(e=t.children)?void 0:e.every(function(e){return e.checked}))||null},N.prototype.isSelectable=function(e){var t=!("hierarchyUniqueName"in e||"aggregator"in e);return!Boolean(!t&&!e.aggregator&&!e.measure||2===e.type||"[KPIs]"===e.uniqueName)},N.prototype.handleChildrenLoaded=function(e){"local"!==this.dataService.directive.type&&(e=e.children.map(function(e){return e.dataItem}),this.setChecked(e))},N.prototype.handleCheckedChange=function(e,t){e.target.checked?this.checked=y(y([],v(this.checked)),[t]):(n=this.checked.findIndex(function(e){return e.uniqueName===t.uniqueName}),this.checked.splice(n,1));var n={type:"PIVOT_CONFIGURATOR_ACTION_TOGGLE_SELECTION",payload:t},o=(this.configuratorService.parseConfiguratorState(n),e.target.closest(".k-treeview-item"));this.zone.runOutsideAngular(function(){return setTimeout(function(){return o.focus()})})},N.prototype.onTreeViewSelect=function(e){var e=e.target.closest(".k-treeview-item");e&&null!=(e=e.querySelector(".k-checkbox"))&&e.click()},N.prototype.onTreeViewEscape=function(e){e.stopImmediatePropagation(),this.close.emit()},N.prototype.handleSubmit=function(){this.dataService.configuratorFieldChange.emit(this.dataService.state)},N.prototype.handleReset=function(){this.setState(ae(this.originalState)),this.setChecked()},N.prototype.getFieldsFlatMap=function(e){var t=this,n=y([],v(e=void 0===e?[]:e));return(e||[]).forEach(function(e){n=n.concat(t.getFieldsFlatMap(e.children))}),n},N.prototype.extractDefaultFields=function(e){void 0===e&&(e=[]);var t=new Set;return e.forEach(function(e){t.add(String(e.name))}),Array.from(t)},N.prototype.swapChips=function(e,t,n,o){n=t+("right"===n?1:-1),i=(r=e)[t],r[t]=r[n],r[n]=i,this.dataService.state[o+"Axes"]=e;var r,i,t=Object.assign(Object.assign({},this.state),this.dataService.state);this.setState(t),this.cdr.detectChanges()},N.prototype.moveChip=function(e,t,n,o){e.splice(n,1);var n="row"===o?"column":"row",r=this.state[n+"Axes"],t=(r.push(t),this.dataService.state[o+"Axes"]=e,this.dataService.state[n]=r,Object.assign(Object.assign({},this.state),this.dataService.state));this.setState(t),this.cdr.detectChanges(),null!=(o=this[n+"sList"])&&o.chips.last.focus()};var Ue=N;function N(e,t,n,o,r){var i=this;this.dataService=e,this.localization=t,this.configuratorService=n,this.cdr=o,this.zone=r,this.hostClass=!0,this.hostAriaRole="dialog",this.orientation="vertical",this.sort=new Array,this.close=new a.EventEmitter,this.checked=[],this.subs=new s.Subscription,this.hasChildren=function(e){return!("hierarchyUniqueName"in e||"aggregator"in e)},this.children=function(e){return"olap"===i.dataService.directive.type?s.from(i.dataService.directive.fetchChildren(e,i.fields)).pipe(R.mergeMap(function(e){return s.of(e)})):s.of(e.children)}}Ue.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ue,deps:[{token:b},{token:d.LocalizationService},{token:I},{token:p.ChangeDetectorRef},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Component}),Ue.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Ue,selector:"kendo-pivotgrid-configurator",inputs:{orientation:"orientation",sort:"sort",filter:"filter",navigation:"navigation"},outputs:{close:"close"},host:{properties:{"class.k-pivotgrid-configurator":"this.hostClass","attr.role":"this.hostAriaRole","attr.aria-labelledby":"this.headerTextId"}},providers:[I,T,Ce],viewQueries:[{propertyName:"treeView",first:!0,predicate:z.TreeViewComponent,descendants:!0},{propertyName:"columnsList",first:!0,predicate:["columnsChiplist"],descendants:!0},{propertyName:"rowsList",first:!0,predicate:["rowsChiplist"],descendants:!0}],usesOnChanges:!0,ngImport:p,template:'\n        <div \n            class="k-pivotgrid-configurator-panel k-pivotgrid-configurator-push"\n            [ngClass]="{\n                \'k-pivotgrid-configurator-horizontal\': isHorizontal,\n                \'k-pivotgrid-configurator-vertical\': !isHorizontal\n            }"\n        >\n            <div class="k-pivotgrid-configurator-header">\n                <div\n                    [id]="headerTextId" \n                    class="k-pivotgrid-configurator-header-text">{{messageFor(\'configuratorHeaderText\')}}</div>\n            </div>\n\n            <div class="k-pivotgrid-configurator-content">\n                <div class="k-form" [class.k-form-horizontal]="isHorizontal">\n                    <div class="k-form-field-wrapper">\n                        <div class="k-form-field">\n                            <span [id]="contentLabelId(\'fields\')" class="k-label">{{messageFor(\'configuratorFieldsText\')}}</span>\n                        </div>\n                        <div class="k-form-field">\n                            <div class="k-fields-list-wrapper">\n                                <kendo-treeview\n                                    #treeview\n                                    [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'fields\')"\n                                    (focus)="treeview.focus()"\n                                    [nodes]="fields"\n                                    textField="caption"\n                                    [children]="children"\n                                    [hasChildren]="hasChildren"\n                                    kendoTreeViewExpandable\n                                    (childrenLoaded)="handleChildrenLoaded($event)"\n                                    (keydown.space)="onTreeViewSelect($event)">\n                                <ng-template kendoTreeViewNodeTemplate let-dataItem>\n                                    <input kendoCheckBox\n                                        *ngIf="isSelectable(dataItem)"\n                                        type="checkbox" \n                                        kendoCheckBox\n                                        tabindex="-1"\n                                        [checked]="isItemChecked(dataItem)"\n                                        (change)="handleCheckedChange($event, dataItem)"/>\n                                    {{ dataItem.caption }}\n                                </ng-template>\n                                </kendo-treeview>\n\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="columnAxes">\n                            <span [id]="contentLabelId(\'columns\')" class="k-label">{{messageFor(\'configuratorColumnsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"\n                            #columnsChiplist\n                            kendoDropTarget\n                            axes="columnAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'columns\')"\n                        >\n                            <ng-container *ngFor="let item of state.columnAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="columnAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'column\')"\n                                    (reorder)="onReorder($event, \'column\', item)"\n                                >{{ getName(item.name) }}\n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noColumnAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="columnAxes">{{messageFor(\'configuratorEmptyColumnsText\')}}</div>\n                        </ng-template>\n\n                        <div class="k-form-field" kendoDropTarget axes="rowAxes">\n                            <span [id]="contentLabelId(\'rows\')" class="k-label">{{messageFor(\'configuratorRowsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"\n                            #rowsChiplist\n                            kendoDropTarget\n                            axes="rowAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'rows\')"\n                        >\n                            <ng-container *ngFor="let item of state.rowAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="rowAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'row\')"\n                                    (reorder)="onReorder($event, \'row\', item)"\n                                >\n                                    {{ getName(item.name) }}\n    \n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noRowAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="rowAxes">{{messageFor(\'configuratorEmptyRowsText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n\n                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalMeasuresTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalMeasuresTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="measureAxes">\n                            <span [id]="contentLabelId(\'values\')" class="k-label">{{messageFor(\'configuratorValuesText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"\n                            kendoDropTarget\n                            axes="measureAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'values\')"\n                        >\n                            <kendo-chip *ngFor="let item of state.measureAxes"\n                                kendoChipDraggable\n                                kendoDraggable\n                                kendoDropTarget\n                                kendoChipKeyboardNavigation\n                                [item]="item"\n                                axes="measureAxes"\n                                rounded="full"\n                                [removable]="true"\n                                (remove)="onChipRemove($event, item, \'measure\')"\n                                (reorder)="onReorder($event, \'measure\', item)"\n                                >\n                                {{ getName(item.name) }}\n                            </kendo-chip>\n                        </kendo-chiplist>\n\n                        <ng-template #noMeasureAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="measureAxes">{{messageFor(\'configuratorEmptyMeasuresText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n                    \n                </div>\n            </div>\n            <div class="k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end">\n                <button kendoButton type="button" (click)="handleReset()">{{messageFor(\'configuratorCancelButtonText\')}}</button>\n                <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor(\'configuratorApplyButtonText\')}}</button>\n            </div>\n        </div>\n   ',isInline:!0,styles:["\n        .k-form .k-chip-list {\n            width: 100%;\n        }\n\n        .k-form .k-form-field,\n        .k-form .k-settings-description {\n            padding-top: 1em;\n            margin-top: 0;\n        }\n\n        .k-form.k-form-horizontal .k-form-field,\n        .k-form.k-form-horizontal .k-chip-list {\n            padding-top: 0;\n            padding-left: 16px;\n        }\n\n        .k-form.k-form-horizontal .k-form-field-wrapper {\n            padding-left: 0;\n        }\n   "],components:[{type:m.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:W.ChipListComponent,selector:"kendo-chiplist, kendo-chip-list",inputs:["selection","size"],outputs:["selectedChange","remove"]},{type:W.ChipComponent,selector:"kendo-chip",inputs:["label","icon","iconClass","avatarClass","selected","removable","removeIcon","disabled","size","rounded","fillMode","themeColor"],outputs:["remove","contentClick"]},{type:Ge,selector:"kendo-pivot-chip-menu",inputs:["chip","tabIndex"]}],directives:[{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.ExpandDirective,selector:"[kendoTreeViewExpandable]",inputs:["isExpanded","expandBy","expandOnFilter","expandedKeys"],outputs:["expandedKeysChange"]},{type:m.NodeTemplateDirective,selector:"[kendoTreeViewNodeTemplate]"},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:n.CheckBoxDirective,selector:"input[kendoCheckBox]",inputs:["size","rounded"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:qe,selector:"[kendoDropTarget]",inputs:["item","axes"]},{type:u.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:Ke,selector:"[kendoChipDraggable]",inputs:["item"]},{type:_.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]},{type:Ze,selector:"[kendoChipKeyboardNavigation]",outputs:["reorder"]},{type:W.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"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Ue,decorators:[{type:a.Component,args:[{selector:"kendo-pivotgrid-configurator",providers:[I,T,Ce],template:'\n        <div \n            class="k-pivotgrid-configurator-panel k-pivotgrid-configurator-push"\n            [ngClass]="{\n                \'k-pivotgrid-configurator-horizontal\': isHorizontal,\n                \'k-pivotgrid-configurator-vertical\': !isHorizontal\n            }"\n        >\n            <div class="k-pivotgrid-configurator-header">\n                <div\n                    [id]="headerTextId" \n                    class="k-pivotgrid-configurator-header-text">{{messageFor(\'configuratorHeaderText\')}}</div>\n            </div>\n\n            <div class="k-pivotgrid-configurator-content">\n                <div class="k-form" [class.k-form-horizontal]="isHorizontal">\n                    <div class="k-form-field-wrapper">\n                        <div class="k-form-field">\n                            <span [id]="contentLabelId(\'fields\')" class="k-label">{{messageFor(\'configuratorFieldsText\')}}</span>\n                        </div>\n                        <div class="k-form-field">\n                            <div class="k-fields-list-wrapper">\n                                <kendo-treeview\n                                    #treeview\n                                    [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'fields\')"\n                                    (focus)="treeview.focus()"\n                                    [nodes]="fields"\n                                    textField="caption"\n                                    [children]="children"\n                                    [hasChildren]="hasChildren"\n                                    kendoTreeViewExpandable\n                                    (childrenLoaded)="handleChildrenLoaded($event)"\n                                    (keydown.space)="onTreeViewSelect($event)">\n                                <ng-template kendoTreeViewNodeTemplate let-dataItem>\n                                    <input kendoCheckBox\n                                        *ngIf="isSelectable(dataItem)"\n                                        type="checkbox" \n                                        kendoCheckBox\n                                        tabindex="-1"\n                                        [checked]="isItemChecked(dataItem)"\n                                        (change)="handleCheckedChange($event, dataItem)"/>\n                                    {{ dataItem.caption }}\n                                </ng-template>\n                                </kendo-treeview>\n\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="columnAxes">\n                            <span [id]="contentLabelId(\'columns\')" class="k-label">{{messageFor(\'configuratorColumnsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"\n                            #columnsChiplist\n                            kendoDropTarget\n                            axes="columnAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'columns\')"\n                        >\n                            <ng-container *ngFor="let item of state.columnAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="columnAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'column\')"\n                                    (reorder)="onReorder($event, \'column\', item)"\n                                >{{ getName(item.name) }}\n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noColumnAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="columnAxes">{{messageFor(\'configuratorEmptyColumnsText\')}}</div>\n                        </ng-template>\n\n                        <div class="k-form-field" kendoDropTarget axes="rowAxes">\n                            <span [id]="contentLabelId(\'rows\')" class="k-label">{{messageFor(\'configuratorRowsText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"\n                            #rowsChiplist\n                            kendoDropTarget\n                            axes="rowAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'rows\')"\n                        >\n                            <ng-container *ngFor="let item of state.rowAxes">\n                                <kendo-chip *ngIf="item.name.length === 1"\n                                    kendoChipDraggable\n                                    kendoDraggable\n                                    kendoDropTarget\n                                    kendoChipKeyboardNavigation\n                                    [item]="item"\n                                    axes="rowAxes"\n                                    rounded="full"\n                                    [removable]="true"\n                                    (remove)="onChipRemove($event, item, \'row\')"\n                                    (reorder)="onReorder($event, \'row\', item)"\n                                >\n                                    {{ getName(item.name) }}\n    \n                                    <kendo-pivot-chip-menu\n                                        [chip]="item">\n                                    </kendo-pivot-chip-menu>\n                                </kendo-chip>\n                            </ng-container>\n                        </kendo-chiplist>\n\n                        <ng-template #noRowAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="rowAxes">{{messageFor(\'configuratorEmptyRowsText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n\n                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper">\n                        <ng-container *ngTemplateOutlet="verticalMeasuresTemplate"></ng-container>\n                    </div>\n\n                    <ng-template #verticalMeasuresTemplate>\n                        <div class="k-form-field" kendoDropTarget axes="measureAxes">\n                            <span [id]="contentLabelId(\'values\')" class="k-label">{{messageFor(\'configuratorValuesText\')}}</span>\n                        </div>\n\n                        <kendo-chiplist\n                            *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"\n                            kendoDropTarget\n                            axes="measureAxes"\n                            [attr.aria-labelledby]="headerTextId + \' \' + contentLabelId(\'values\')"\n                        >\n                            <kendo-chip *ngFor="let item of state.measureAxes"\n                                kendoChipDraggable\n                                kendoDraggable\n                                kendoDropTarget\n                                kendoChipKeyboardNavigation\n                                [item]="item"\n                                axes="measureAxes"\n                                rounded="full"\n                                [removable]="true"\n                                (remove)="onChipRemove($event, item, \'measure\')"\n                                (reorder)="onReorder($event, \'measure\', item)"\n                                >\n                                {{ getName(item.name) }}\n                            </kendo-chip>\n                        </kendo-chiplist>\n\n                        <ng-template #noMeasureAxes>\n                            <div class="k-settings-description" kendoDropTarget axes="measureAxes">{{messageFor(\'configuratorEmptyMeasuresText\')}}</div>\n                        </ng-template>\n                    </ng-template>\n                    \n                </div>\n            </div>\n            <div class="k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end">\n                <button kendoButton type="button" (click)="handleReset()">{{messageFor(\'configuratorCancelButtonText\')}}</button>\n                <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor(\'configuratorApplyButtonText\')}}</button>\n            </div>\n        </div>\n   ',styles:["\n        .k-form .k-chip-list {\n            width: 100%;\n        }\n\n        .k-form .k-form-field,\n        .k-form .k-settings-description {\n            padding-top: 1em;\n            margin-top: 0;\n        }\n\n        .k-form.k-form-horizontal .k-form-field,\n        .k-form.k-form-horizontal .k-chip-list {\n            padding-top: 0;\n            padding-left: 16px;\n        }\n\n        .k-form.k-form-horizontal .k-form-field-wrapper {\n            padding-left: 0;\n        }\n   "]}]}],ctorParameters:function(){return[{type:b},{type:d.LocalizationService},{type:I},{type:p.ChangeDetectorRef},{type:p.NgZone}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-pivotgrid-configurator"]}],hostAriaRole:[{type:a.HostBinding,args:["attr.role"]}],headerTextId:[{type:a.HostBinding,args:["attr.aria-labelledby"]}],orientation:[{type:a.Input}],sort:[{type:a.Input}],filter:[{type:a.Input}],navigation:[{type:a.Input}],close:[{type:a.Output}],treeView:[{type:a.ViewChild,args:[z.TreeViewComponent]}],columnsList:[{type:a.ViewChild,args:["columnsChiplist"]}],rowsList:[{type:a.ViewChild,args:["rowsChiplist"]}]}});h(Ye,Xe=t.ComponentMessages);var Xe,m=Ye;function Ye(){return null!==Xe&&Xe.apply(this,arguments)||this}m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:m,deps:null,target:p.ɵɵFactoryTarget.Directive}),m.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:m,inputs:{fieldMenuFilterItemLabel:"fieldMenuFilterItemLabel",fieldMenuSortAscendingItemLabel:"fieldMenuSortAscendingItemLabel",fieldMenuSortDescendingItemLabel:"fieldMenuSortDescendingItemLabel",filterInputLabel:"filterInputLabel",filterOperatorsDropDownLabel:"filterOperatorsDropDownLabel",filterEqOperator:"filterEqOperator",filterNotEqOperator:"filterNotEqOperator",filterIsNullOperator:"filterIsNullOperator",filterIsNotNullOperator:"filterIsNotNullOperator",filterIsEmptyOperator:"filterIsEmptyOperator",filterIsNotEmptyOperator:"filterIsNotEmptyOperator",filterStartsWithOperator:"filterStartsWithOperator",filterContainsOperator:"filterContainsOperator",filterNotContainsOperator:"filterNotContainsOperator",filterEndsWithOperator:"filterEndsWithOperator",filterFilterButton:"filterFilterButton",filterClearButton:"filterClearButton",loading:"loading",emptyCellLabel:"emptyCellLabel",configuratorButtonText:"configuratorButtonText",configuratorHeaderText:"configuratorHeaderText",configuratorFieldsText:"configuratorFieldsText",configuratorColumnsText:"configuratorColumnsText",configuratorRowsText:"configuratorRowsText",configuratorValuesText:"configuratorValuesText",configuratorCancelButtonText:"configuratorCancelButtonText",configuratorApplyButtonText:"configuratorApplyButtonText",configuratorEmptyRowsText:"configuratorEmptyRowsText",configuratorEmptyColumnsText:"configuratorEmptyColumnsText",configuratorEmptyMeasuresText:"configuratorEmptyMeasuresText",chipMenuIconTitle:"chipMenuIconTitle"},usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:m,decorators:[{type:a.Directive}],propDecorators:{fieldMenuFilterItemLabel:[{type:a.Input}],fieldMenuSortAscendingItemLabel:[{type:a.Input}],fieldMenuSortDescendingItemLabel:[{type:a.Input}],filterInputLabel:[{type:a.Input}],filterOperatorsDropDownLabel:[{type:a.Input}],filterEqOperator:[{type:a.Input}],filterNotEqOperator:[{type:a.Input}],filterIsNullOperator:[{type:a.Input}],filterIsNotNullOperator:[{type:a.Input}],filterIsEmptyOperator:[{type:a.Input}],filterIsNotEmptyOperator:[{type:a.Input}],filterStartsWithOperator:[{type:a.Input}],filterContainsOperator:[{type:a.Input}],filterNotContainsOperator:[{type:a.Input}],filterEndsWithOperator:[{type:a.Input}],filterFilterButton:[{type:a.Input}],filterClearButton:[{type:a.Input}],loading:[{type:a.Input}],emptyCellLabel:[{type:a.Input}],configuratorButtonText:[{type:a.Input}],configuratorHeaderText:[{type:a.Input}],configuratorFieldsText:[{type:a.Input}],configuratorColumnsText:[{type:a.Input}],configuratorRowsText:[{type:a.Input}],configuratorValuesText:[{type:a.Input}],configuratorCancelButtonText:[{type:a.Input}],configuratorApplyButtonText:[{type:a.Input}],configuratorEmptyRowsText:[{type:a.Input}],configuratorEmptyColumnsText:[{type:a.Input}],configuratorEmptyMeasuresText:[{type:a.Input}],chipMenuIconTitle:[{type:a.Input}]}});h(et,Qe=m);var Qe,Je=et;function et(e){var t=Qe.call(this)||this;return t.service=e,t}Je.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Je,deps:[{token:d.LocalizationService}],target:p.ɵɵFactoryTarget.Directive}),Je.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Je,selector:"[kendoPivotGridLocalizedMessages]",providers:[{provide:m,useExisting:a.forwardRef(function(){return Je})}],usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:Je,decorators:[{type:a.Directive,args:[{providers:[{provide:m,useExisting:a.forwardRef(function(){return Je})}],selector:"[kendoPivotGridLocalizedMessages]"}]}],ctorParameters:function(){return[{type:d.LocalizationService}]}});var tt={type:"converging-spinner",themeColor:"primary",size:"large"},nt={position:"right",orientation:"vertical"},n=(Object.defineProperty(M.prototype,"rightPositionClass",{get:function(){var e;return"right"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"leftPositionClass",{get:function(){var e;return"left"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"bottomPositionClass",{get:function(){var e;return"bottom"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"topPositionClass",{get:function(){var e;return"top"===(null==(e=this.configuratorSettings)?void 0:e.position)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"loaderSettings",{get:function(){return this._loaderSettings},set:function(e){this._loaderSettings=Object.assign({},tt,e)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"loadingText",{get:function(){return this.localization.get("loading")},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"configuratorSettings",{get:function(){return this.configurator&&Object.assign({},nt,this.configurator)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"aggregateData",{get:function(){return ce(this.dataService.aggregateData)},enumerable:!1,configurable:!0}),M.prototype.ngAfterViewInit=function(){var r=this;l.isDocumentAvailable()&&this.zone.runOutsideAngular(function(){var e=r.rowHeadersTable.nativeElement.firstElementChild,t=new ResizeObserver(function(){return r.resizeContainer("Columns",e)}),n=(t.observe(e),r.colHeadersTable.nativeElement.firstElementChild),o=new ResizeObserver(function(){return r.resizeContainer("Rows",n)});o.observe(n),r.resizeObservers=[t,o],r.subs.add(s.fromEvent(e,"wheel").pipe(R.merge(s.fromEvent(n,"wheel"),s.fromEvent(r.valuesTable.nativeElement,"scroll"))).subscribe(function(e){return r.handleScroll(e)})),r.navigable&&r.initNavigation()})},M.prototype.ngAfterContentInit=function(){var t=this;this.subs.add(this.dataService.loading.subscribe(function(e){return t.loading=e}))},M.prototype.ngOnChanges=function(e){l.isChanged("navigable",e)&&(this.navigable?this.initNavigation():this.stopNavigation())},M.prototype.ngOnDestroy=function(){this.resizeObservers.forEach(function(e){return e.disconnect()}),this.subs.unsubscribe(),this.stopNavigation()},M.prototype.messageFor=function(e){return this.localization.get(e)},M.prototype.toggleConfigurator=function(){var e,t=this;this.showConfigurator=!this.showConfigurator,this.navigable&&(this.showConfigurator?this.zone.runOutsideAngular(function(){return setTimeout(function(){return t.initConfiguratorNavigation()})}):(this.stopConfiguratorNavigation(),(e=this.navigation.current)&&this.zone.runOutsideAngular(function(){setTimeout(function(){return t.navigation.focusElement(e,null)})})))},M.prototype.initNavigation=function(){var e=this,t=(this.stopNavigation(),this.navigation=new c.PivotGridNavigation({tabIndex:0}),this.navigation.start(this.table.nativeElement),this.navigation.first);t&&t.setAttribute("tabindex","0"),this.navigationSubs||(this.navigationSubs=this.dataService.directive.expandChange.pipe(R.merge(this.dataService.directive.configurationChange)).subscribe(function(){return e.zone.runOutsideAngular(function(){setTimeout(function(){return e.navigation.update()})})}),this.subs.add(this.navigationSubs))},M.prototype.stopNavigation=function(){var e;this.navigation&&((e=this.navigation.elements.find(function(e){return e.hasAttribute("tabindex")}))&&this.renderer.removeAttribute(e,"tabindex"),this.navigation.stop())},M.prototype.initConfiguratorNavigation=function(){this.stopConfiguratorNavigation(),this.configuratorNavigation=new c.ConfiguratorNavigation({tabIndex:0}),this.configuratorNavigation.start(this.configuratorWrapper.nativeElement),this.configuratorNavigation.first.setAttribute("tabindex","0")},M.prototype.stopConfiguratorNavigation=function(){var e;this.configuratorNavigation&&((e=this.configuratorNavigation.elements.find(function(e){return e.hasAttribute("tabindex")}))&&this.renderer.removeAttribute(e,"tabindex"),this.configuratorNavigation.stop())},M);function M(e,t,n,o,r,i){var a=this;this.hostEl=e,this.zone=t,this.dataService=n,this.localization=o,this.renderer=r,this.hostClass=!0,this.ariaRole="grid",this.columnHeadersWidth=200,this.navigable=!1,this.resizeObservers=[],this._loaderSettings=tt,this.subs=new s.Subscription,this.rtl=!1,this.resizeContainer=function(e,t){var n=a.table.nativeElement,o="Rows"===e?"offsetHeight":"offsetWidth";n.style["gridTemplate"+e]="",n.style["gridTemplate"+e]=t[o]+"px 1fr"},this.handleScroll=function(e){var t,n,o,r,i;e.target===a.valuesTable.nativeElement?(t=e.target,n=[a.rowHeadersTable.nativeElement,a.colHeadersTable.nativeElement],o=t.scrollTop,t=t.scrollLeft,r=n[0].scrollTop,i=t!==n[1].scrollLeft,o!==r?n[0].scrollTop=o:i&&(n[1].scrollLeft=t)):e.target.closest(".k-pivotgrid-row-headers")?J(e,[a.valuesTable.nativeElement,a.rowHeadersTable.nativeElement],"scrollTop","Y"):e.target.closest(".k-pivotgrid-column-headers")&&J(e,[a.valuesTable.nativeElement,a.colHeadersTable.nativeElement],"scrollLeft","X")},V.validatePackage($),this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;a.rtl=e,a.direction=a.rtl?"rtl":"ltr"})),n.wrapper=this.hostEl.nativeElement}n.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:n,deps:[{token:p.ElementRef},{token:p.NgZone},{token:b},{token:d.LocalizationService},{token:p.Renderer2},{token:_.ScrollbarWidthService}],target:p.ɵɵFactoryTarget.Component}),n.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:n,selector:"kendo-pivotgrid",inputs:{loaderSettings:"loaderSettings",configurator:"configurator",columnHeadersWidth:"columnHeadersWidth",navigable:"navigable"},host:{properties:{"class.k-d-flex":"this.hostClass","class.k-pos-relative":"this.hostClass","class.k-flex-row":"this.rightPositionClass","class.k-flex-row-reverse":"this.leftPositionClass","class.k-flex-column":"this.bottomPositionClass","class.k-flex-column-reverse":"this.topPositionClass","attr.dir":"this.dir","attr.role":"this.ariaRole"}},providers:[b,t.LocalizationService,k,{provide:t.L10N_PREFIX,useValue:"kendo.pivotgrid"}],viewQueries:[{propertyName:"colHeadersTable",first:!0,predicate:["colHeadersTable"],descendants:!0,read:a.ElementRef},{propertyName:"rowHeadersTable",first:!0,predicate:["rowHeadersTable"],descendants:!0,read:a.ElementRef},{propertyName:"valuesTable",first:!0,predicate:["valuesTable"],descendants:!0,read:a.ElementRef},{propertyName:"table",first:!0,predicate:["table"],descendants:!0,read:a.ElementRef},{propertyName:"configuratorWrapper",first:!0,predicate:["configurator"],descendants:!0,read:a.ElementRef}],usesOnChanges:!0,ngImport:p,template:'\n        <ng-container kendoPivotGridLocalizedMessages\n        i18n-loading="kendo.pivotgrid.loading|The loading text"\n        loading="Loading"\n        \n        i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"\n        emptyCellLabel="PivotGrid Empty Cell"\n        \n        i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"\n        fieldMenuFilterItemLabel="Filter"\n\n        i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"\n        fieldMenuSortAscendingItemLabel="Sort ascending"\n\n        i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"\n        fieldMenuSortDescendingItemLabel="Sort descending"\n\n        i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"\n        filterInputLabel="{{ \'{fields} Filter\' }}"\n\n        i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"\n        filterOperatorsDropDownLabel="{{ \'{fields} Filter Operators\' }}"\n\n        i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"\n        filterEqOperator="Is equal to"\n\n        i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"\n        filterNotEqOperator="Is not equal to"\n\n        i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"\n        filterIsNullOperator="Is null"\n\n        i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"\n        filterIsNotNullOperator="Is not null"\n\n        i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"\n        filterIsEmptyOperator="Is empty"\n\n        i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"\n        filterIsNotEmptyOperator="Is not empty"\n\n        i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"\n        filterStartsWithOperator="Starts with"\n\n        i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"\n        filterContainsOperator="Contains"\n\n        i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"\n        filterNotContainsOperator="Does not contain"\n\n        i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"\n        filterEndsWithOperator="Ends with"\n\n        i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"\n        filterFilterButton="Filter"\n\n        i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"\n        filterClearButton="Clear"\n\n        i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"\n        configuratorButtonText="Change Settings"\n\n        i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"\n        configuratorHeaderText="Settings"\n\n        i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"\n        configuratorFieldsText="Fields"\n\n        i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"\n        configuratorColumnsText="Columns"\n\n        i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"\n        configuratorRowsText="Rows"\n\n        i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"\n        configuratorValuesText="Values"\n\n        i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"\n        configuratorCancelButtonText="Cancel"\n\n        i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"\n        configuratorApplyButtonText="Apply"\n        \n        i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"\n        configuratorEmptyRowsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"\n        configuratorEmptyColumnsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"\n        configuratorEmptyMeasuresText="Select some fields to begin setup"\n        \n        i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"\n        chipMenuIconTitle="{{ \'{fieldName} Field Menu\' }}"></ng-container>\n\n        <div #table class="k-pivotgrid">\n            <span class="k-pivotgrid-empty-cell">\n                <span class="k-sr-only">{{messageFor(\'emptyCellLabel\')}}</span>\n            </span>\n            <kendo-pivotgrid-table\n                #colHeadersTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-column-headers"\n                tableType="columnHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #rowHeadersTable\n                class="k-pivotgrid-row-headers"\n                tableType="rowHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #valuesTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-values"\n                tableType="values"></kendo-pivotgrid-table>\n    \n            <div *ngIf="loading" class="k-loader">\n                <kendo-loader\n                    [type]="loaderSettings?.type"\n                    [themeColor]="loaderSettings?.themeColor"\n                    [size]="loaderSettings?.size"\n                >\n                </kendo-loader>\n                <span class="k-loading-text">{{ loadingText }}</span>\n            </div>\n        </div>\n        <kendo-pivotgrid-configurator\n            #configurator\n            *ngIf="showConfigurator"\n            [navigation]="configuratorNavigation"\n            [orientation]="configuratorSettings.orientation"\n            (close)="toggleConfigurator()">\n        </kendo-pivotgrid-configurator>\n        <div *ngIf="configurator"\n            #configuratorButton\n            class="k-pivotgrid-configurator-button"\n            aria-hidden="true"\n            (click)="toggleConfigurator()">\n            <span>{{messageFor(\'configuratorButtonText\')}}<span class="k-icon k-i-gear k-color-inherit"></span>\n            </span>\n        </div>\n   ',isInline:!0,styles:["\n        /** TODO: Remove if added to themes */\n        div.k-loader {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n   "],components:[{type:x,selector:"kendo-pivotgrid-table",inputs:["tableType","colWidth"]},{type:g.LoaderComponent,selector:"kendo-loader",inputs:["type","themeColor","size"]},{type:Ue,selector:"kendo-pivotgrid-configurator",inputs:["orientation","sort","filter","navigation"],outputs:["close"]}],directives:[{type:Je,selector:"[kendoPivotGridLocalizedMessages]"},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:n,decorators:[{type:a.Component,args:[{selector:"kendo-pivotgrid",providers:[b,t.LocalizationService,k,{provide:t.L10N_PREFIX,useValue:"kendo.pivotgrid"}],template:'\n        <ng-container kendoPivotGridLocalizedMessages\n        i18n-loading="kendo.pivotgrid.loading|The loading text"\n        loading="Loading"\n        \n        i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"\n        emptyCellLabel="PivotGrid Empty Cell"\n        \n        i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"\n        fieldMenuFilterItemLabel="Filter"\n\n        i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"\n        fieldMenuSortAscendingItemLabel="Sort ascending"\n\n        i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"\n        fieldMenuSortDescendingItemLabel="Sort descending"\n\n        i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"\n        filterInputLabel="{{ \'{fields} Filter\' }}"\n\n        i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"\n        filterOperatorsDropDownLabel="{{ \'{fields} Filter Operators\' }}"\n\n        i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"\n        filterEqOperator="Is equal to"\n\n        i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"\n        filterNotEqOperator="Is not equal to"\n\n        i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"\n        filterIsNullOperator="Is null"\n\n        i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"\n        filterIsNotNullOperator="Is not null"\n\n        i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"\n        filterIsEmptyOperator="Is empty"\n\n        i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"\n        filterIsNotEmptyOperator="Is not empty"\n\n        i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"\n        filterStartsWithOperator="Starts with"\n\n        i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"\n        filterContainsOperator="Contains"\n\n        i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"\n        filterNotContainsOperator="Does not contain"\n\n        i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"\n        filterEndsWithOperator="Ends with"\n\n        i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"\n        filterFilterButton="Filter"\n\n        i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"\n        filterClearButton="Clear"\n\n        i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"\n        configuratorButtonText="Change Settings"\n\n        i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"\n        configuratorHeaderText="Settings"\n\n        i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"\n        configuratorFieldsText="Fields"\n\n        i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"\n        configuratorColumnsText="Columns"\n\n        i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"\n        configuratorRowsText="Rows"\n\n        i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"\n        configuratorValuesText="Values"\n\n        i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"\n        configuratorCancelButtonText="Cancel"\n\n        i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"\n        configuratorApplyButtonText="Apply"\n        \n        i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"\n        configuratorEmptyRowsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"\n        configuratorEmptyColumnsText="Select some fields to begin setup"\n        \n        i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"\n        configuratorEmptyMeasuresText="Select some fields to begin setup"\n        \n        i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"\n        chipMenuIconTitle="{{ \'{fieldName} Field Menu\' }}"></ng-container>\n\n        <div #table class="k-pivotgrid">\n            <span class="k-pivotgrid-empty-cell">\n                <span class="k-sr-only">{{messageFor(\'emptyCellLabel\')}}</span>\n            </span>\n            <kendo-pivotgrid-table\n                #colHeadersTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-column-headers"\n                tableType="columnHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #rowHeadersTable\n                class="k-pivotgrid-row-headers"\n                tableType="rowHeader"></kendo-pivotgrid-table>\n            <kendo-pivotgrid-table\n                #valuesTable\n                [colWidth]="columnHeadersWidth"\n                class="k-pivotgrid-values"\n                tableType="values"></kendo-pivotgrid-table>\n    \n            <div *ngIf="loading" class="k-loader">\n                <kendo-loader\n                    [type]="loaderSettings?.type"\n                    [themeColor]="loaderSettings?.themeColor"\n                    [size]="loaderSettings?.size"\n                >\n                </kendo-loader>\n                <span class="k-loading-text">{{ loadingText }}</span>\n            </div>\n        </div>\n        <kendo-pivotgrid-configurator\n            #configurator\n            *ngIf="showConfigurator"\n            [navigation]="configuratorNavigation"\n            [orientation]="configuratorSettings.orientation"\n            (close)="toggleConfigurator()">\n        </kendo-pivotgrid-configurator>\n        <div *ngIf="configurator"\n            #configuratorButton\n            class="k-pivotgrid-configurator-button"\n            aria-hidden="true"\n            (click)="toggleConfigurator()">\n            <span>{{messageFor(\'configuratorButtonText\')}}<span class="k-icon k-i-gear k-color-inherit"></span>\n            </span>\n        </div>\n   ',styles:["\n        /** TODO: Remove if added to themes */\n        div.k-loader {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n   "]}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:p.NgZone},{type:b},{type:d.LocalizationService},{type:p.Renderer2},{type:_.ScrollbarWidthService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-d-flex"]},{type:a.HostBinding,args:["class.k-pos-relative"]}],rightPositionClass:[{type:a.HostBinding,args:["class.k-flex-row"]}],leftPositionClass:[{type:a.HostBinding,args:["class.k-flex-row-reverse"]}],bottomPositionClass:[{type:a.HostBinding,args:["class.k-flex-column"]}],topPositionClass:[{type:a.HostBinding,args:["class.k-flex-column-reverse"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],colHeadersTable:[{type:a.ViewChild,args:["colHeadersTable",{read:a.ElementRef}]}],rowHeadersTable:[{type:a.ViewChild,args:["rowHeadersTable",{read:a.ElementRef}]}],valuesTable:[{type:a.ViewChild,args:["valuesTable",{read:a.ElementRef}]}],table:[{type:a.ViewChild,args:["table",{read:a.ElementRef}]}],configuratorWrapper:[{type:a.ViewChild,args:["configurator",{read:a.ElementRef}]}],loaderSettings:[{type:a.Input}],configurator:[{type:a.Input}],columnHeadersWidth:[{type:a.Input}],navigable:[{type:a.Input}]}});h(it,ot=l.PreventableEvent);var ot,rt=it;function it(e){var t=ot.call(this)||this;return Object.assign(t,e),t}h(lt,at=l.PreventableEvent);var at,st=lt;function lt(e){var t=at.call(this)||this;return Object.assign(t,e),t}ct.prototype.ngOnInit=function(){var o=this;this.dataService.state=new fe(this.columnAxes,this.rowAxes,this.measureAxes,this.sort,this.filter),this.loadData(this.dataService.state),this.loadFields(),this.subs.add(this.dataService.expandedStateChange.subscribe(function(n){o.zone.run(function(){var e="columnHeader"===n.tableType,t=e?"columnAxes":"rowAxes",e=c.toTree((e?o.dataService.columns:o.dataService.rows||[]).slice());o.updateHeaders(t,e,n.cell.path)})})),this.subs.add(this.dataService.configuratorFieldChange.subscribe(function(t){o.zone.run(function(){if(l.hasObservers(o.configurationChange)){var e=new st(t);if(o.configurationChange.emit(e),e.isDefaultPrevented())return}o.dataService.configuredFields.next(o.dataService.state),o.loadData(t),o.dataService.state=t})})),this.subs.add(this.dataService.valuesRows.subscribe(function(e){o.zone.run(function(){o.dataService.aggregateData=e,o.dataLoaded.emit(e)})})),this.dataService.directive=this},ct.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},ct.prototype.updateDataServiceFields=function(){this.dataService.normalizedData=this.dataState.data,this.dataService.rows=this.dataState.rows,this.dataService.columns=this.dataState.columns,this.dataService.updateRowsAndCols()},ct.prototype.updateConfiguratorFields=function(){this.dataService.fields.next(this.configuratorFields),this.dataService.configuredFields.next(this.dataService.state)},ct.prototype.updateHeaders=function(e,t,n){n={type:c.HEADERS_ACTION.toggle,payload:n},n=c.headersReducer(this[e].slice(),Object.assign(Object.assign({},n),{tree:t})),t=Object.assign(Object.assign({},this.dataService.state),((t={})[e]=n,t));if(this.dataService.state=t,l.hasObservers(this.expandChange)){t=new rt(t);if(this.expandChange.emit(t),t.isDefaultPrevented())return}this.dataService.configuredFields.next(this.dataService.state),this[e]=n,this.loadData(this.dataService.state)};g=ct;function ct(e,t){this.dataService=e,this.zone=t,this.columnAxes=[],this.rowAxes=[],this.measureAxes=[],this.sort=[],this.expandChange=new a.EventEmitter,this.configurationChange=new a.EventEmitter,this.dataLoaded=new a.EventEmitter,this.subs=new s.Subscription}g.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:g,deps:[{token:b},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),g.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:g,selector:"kendo-base-binding-directive",inputs:{columnAxes:"columnAxes",rowAxes:"rowAxes",measureAxes:"measureAxes",sort:"sort",filter:"filter"},outputs:{expandChange:"expandChange",configurationChange:"configurationChange",dataLoaded:"dataLoaded"},ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:g,decorators:[{type:a.Directive,args:[{selector:"kendo-base-binding-directive"}]}],ctorParameters:function(){return[{type:b},{type:p.NgZone}]},propDecorators:{columnAxes:[{type:a.Input}],rowAxes:[{type:a.Input}],measureAxes:[{type:a.Input}],sort:[{type:a.Input}],filter:[{type:a.Input}],expandChange:[{type:a.Output}],configurationChange:[{type:a.Output}],dataLoaded:[{type:a.Output}]}});var pt,dt={dataField:"aggregate",columnsData:"columns"},u=(h(ut,pt=g),ut.prototype.ngOnChanges=function(e){l.anyChanged(["data","dimensions","columnAxes","rowAxes","measureAxes","measures"],e)&&this.loadData(this.dataService.state)},ut.prototype.fetchChildren=function(e){return e.children},ut.prototype.loadFields=function(){this.configuratorFields=c.createFlatSchemaDimensions(this.dimensions,this.measures),this.updateConfiguratorFields()},ut.prototype.loadData=function(e){var n=this,t=e.columnAxes,o=e.rowAxes,r=e.measureAxes,i=e.sort,e=e.filter,a=this.getRootAxes(t),s=this.getRootAxes(o),a=a.split("&").map(this.createAxisSettings),s=s.split("&").map(this.createAxisSettings),r=r.map(function(t){return n.measures.find(function(e){return String(e.name)===String(t.name)})}).filter(Boolean),e=c.createDataTree(this.data,s,a,r,dt,e);this.dataState=c.createLocalDataState({dataTree:e,rowSettings:s,columnSettings:a,rowAxes:o,columnAxes:t,measures:r,sort:i,fields:dt}),this.updateDataServiceFields()},ut.prototype.getRootAxes=function(e){return Array.from(c.rootFields(e).keys()).join("&")},ut);function ut(e,t){var n=pt.call(this,e,t)||this;return n.type="local",n.createAxisSettings=function(e){return Object.assign({key:e},n.dimensions[e])},n}u.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:u,deps:[{token:b},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),u.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:u,selector:"[kendoPivotLocalBinding]",inputs:{data:["kendoPivotLocalBinding","data"],dimensions:"dimensions",measures:"measures"},exportAs:["kendoPivotLocalBinding"],usesInheritance:!0,usesOnChanges:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:u,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotLocalBinding]",exportAs:"kendoPivotLocalBinding"}]}],ctorParameters:function(){return[{type:b},{type:p.NgZone}]},propDecorators:{data:[{type:a.Input,args:["kendoPivotLocalBinding"]}],dimensions:[{type:a.Input}],measures:[{type:a.Input}]}});h(P,gt=g),P.prototype.ngOnChanges=function(e){l.anyChanged(["url","cube","catalog","columnAxes","rowAxes","measureAxes"],e)&&(this.loadData(this.dataService.state),this.loadFields())},P.prototype.loadData=function(e){var t=this,n=e.columnAxes,o=e.rowAxes,r=e.measureAxes,i=e.sort,e=e.filter,n=(this.dataService.loading.next(!0),{connection:{catalog:this.catalog,cube:this.cube},columnAxes:n,rowAxes:o,measureAxes:r,sort:i,filter:e});c.fetchData({url:this.url},ae(n)).then(c.createDataState).then(function(e){t.dataState=e,t.updateDataServiceFields(),t.dataService.loading.next(!1)})},P.prototype.loadFields=function(){var t=this,e={connection:{catalog:this.catalog,cube:this.cube},restrictions:{catalogName:this.catalog,cubeName:this.cube},command:"schemaDimensions"};c.fetchDiscover({url:this.url},e).then(function(e){c.addKPI(e),t.configuratorFields=e,t.updateConfiguratorFields()})},P.prototype.updateFields=function(r,i){return X(this,void 0,void 0,function(){var t,n,o;return Y(this,function(e){switch(e.label){case 0:return(t=i.slice(),(t=this.getField(t,r))&&"[KPIs]"===t.uniqueName)?(n=this.normalizeKPIs,[4,this.loadKPIs()]):[3,2];case 1:return o=n.apply(this,[e.sent()]),t.children=o,[3,5];case 2:return t&&"kpi"===t.type?(t.children=c.buildKPIMeasures(t),[3,5]):[3,3];case 3:return!t||t.children?[3,5]:[4,this.loadAvailableFields(t)];case 4:o=e.sent(),t.children=o,e.label=5;case 5:return[2,null==t?void 0:t.children]}})})},P.prototype.fetchChildren=function(e,t){return this.updateFields(e,t)},P.prototype.normalizeKPIs=function(e){for(var t=0,n=e.length;t<n;t++)e[t].uniqueName=e[t].name,e[t].type="kpi";return e},P.prototype.getField=function(e,t){void 0===e&&(e=[]);for(var n=0;n<e.length;n++){var o=e[n];if(o.uniqueName===t.uniqueName)return o;o=this.getField(o.children,t);if(null!==o)return o}return null},P.prototype.loadKPIs=function(){return X(this,void 0,void 0,function(){var t;return Y(this,function(e){return t={connection:{catalog:this.catalog,cube:this.cube},restrictions:{catalogName:this.catalog,cubeName:this.cube},command:"schemaKPIs"},[2,c.fetchDiscover({url:this.url},t)]})})},P.prototype.loadAvailableFields=function(i){return X(this,void 0,void 0,function(){var t,n,o,r;return Y(this,function(e){return 2===i.type?t="schemaMeasures":i.dimensionUniqueName?(t="schemaLevels",o=i.uniqueName):(t="schemaHierarchies",n=i.uniqueName),r={connection:{catalog:this.catalog,cube:this.cube},restrictions:{catalogName:this.catalog,cubeName:this.cube,hierarchyUniqueName:o,dimensionUniqueName:n,levelUniqueName:void 0,memberUniqueName:void 0,treeOp:void 0},command:t},[2,c.fetchDiscover({url:this.url},r)]})})};var gt,t=P;function P(e,t){e=gt.call(this,e,t)||this;return e.type="olap",e}t.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:t,deps:[{token:b},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Directive}),t.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:t,selector:"[kendoPivotOLAPBinding]",inputs:{url:"url",cube:"cube",catalog:"catalog"},exportAs:["kendoPivotOLAPBinding"],usesInheritance:!0,usesOnChanges:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:t,decorators:[{type:a.Directive,args:[{selector:"[kendoPivotOLAPBinding]",exportAs:"kendoPivotOLAPBinding"}]}],ctorParameters:function(){return[{type:b},{type:p.NgZone}]},propDecorators:{url:[{type:a.Input}],cube:[{type:a.Input}],catalog:[{type:a.Input}]}});h(ft,mt=m),Object.defineProperty(ft.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var mt,L=ft;function ft(e){var t=mt.call(this)||this;return t.service=e,t}L.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:L,deps:[{token:d.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),L.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:L,selector:"kendo-pivotgrid-messages",providers:[{provide:m,useExisting:a.forwardRef(function(){return L})}],usesInheritance:!0,ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:L,decorators:[{type:a.Component,args:[{providers:[{provide:m,useExisting:a.forwardRef(function(){return L})}],selector:"kendo-pivotgrid-messages",template:""}]}],ctorParameters:function(){return[{type:d.LocalizationService}]}});g=[B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule],m=function(){},m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:m,deps:[],target:p.ɵɵFactoryTarget.NgModule}),m.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:m,imports:[B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule],exports:[B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule]}),m.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:m,imports:[[g],B.CommonModule,r.DropDownsModule,q.InputsModule,G.ButtonsModule]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:m,decorators:[{type:a.NgModule,args:[{imports:[g],exports:[g]}]}]}),B=[E,Ee,Ge,O,A,Re,F,o,we,S],ht.exports=function(){return[E,Ee,we,S,Ge]},r=ht;function ht(){}r.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:r,deps:[],target:p.ɵɵFactoryTarget.NgModule}),r.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:r,declarations:[E,Ee,Ge,O,A,Re,F,o,we,S],imports:[m,H.ReactiveFormsModule,H.FormsModule],exports:[E,Ee,Ge,O,A,Re,F,o,we,S]}),r.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:r,imports:[[m,H.ReactiveFormsModule,H.FormsModule]]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:r,decorators:[{type:a.NgModule,args:[{declarations:[B],imports:[m,H.ReactiveFormsModule,H.FormsModule],exports:[B]}]}]});q=[l.EventsModule,j.IndicatorsModule,z.TreeViewModule,l.DraggableModule,r,m],G=[n,x,Ue,C,u,t,Ke,qe,Je,L,Ze],g=[n,x,C,u,t,L],O=function(){};O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,deps:[],target:p.ɵɵFactoryTarget.NgModule}),O.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,declarations:[n,x,Ue,C,u,t,Ke,qe,Je,L,Ze],imports:[l.EventsModule,j.IndicatorsModule,z.TreeViewModule,l.DraggableModule,r,m],exports:[n,x,C,u,t,L]}),O.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,imports:[y([],v(q))]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:p,type:O,decorators:[{type:a.NgModule,args:[{imports:y([],v(q)),declarations:y([],v(G)),exports:y([],v(g))}]}]}),Object.defineProperty(e,"averageAggregate",{enumerable:!0,get:function(){return c.averageAggregate}}),Object.defineProperty(e,"maxAggregate",{enumerable:!0,get:function(){return c.maxAggregate}}),Object.defineProperty(e,"minAggregate",{enumerable:!0,get:function(){return c.minAggregate}}),Object.defineProperty(e,"sumAggregate",{enumerable:!0,get:function(){return c.sumAggregate}}),e.ConfigurationChangeEvent=st,e.CustomMessagesComponent=L,e.DraggableChipDirective=Ke,e.DropTargetDirective=qe,e.ExpandChangeEvent=rt,e.PivotGridCellDirective=C,e.PivotGridComponent=n,e.PivotGridConfiguratorComponent=Ue,e.PivotGridModule=O,e.PivotGridTableComponent=x,e.PivotLocalBindingDirective=u,e.PivotOLAPBindingDirective=t,Object.defineProperty(e,"__esModule",{value:!0})});