private onBtPivotMode(): void {
     let newValue = this.cbPivotMode.isSelected();
     if (newValue !== this.columnController.isPivotMode()) {
         this.columnController.setPivotMode(newValue, "toolPanelUi");
         const api = this.gridOptionsWrapper.getApi();
         if(api) {
             api.refreshHeader();
         }
     }
 }

    @PreConstruct
    public init(): void {
        this.setTemplate(this.createTemplate());
        this.instantiate(this.context);

        this.cbPivotMode.setSelected(this.columnController.isPivotMode());

        this.addDestroyableEventListener(this.cbPivotMode, AgCheckbox.EVENT_CHANGED, this.onBtPivotMode.bind(this));
        this.addDestroyableEventListener(this.eventService, Events.EVENT_COLUMN_EVERYTHING_CHANGED, this.onPivotModeChanged.bind(this));
        this.addDestroyableEventListener(this.eventService, Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.onPivotModeChanged.bind(this));
    }

 protected updateColumns(columns: Column[]): void {
     if (this.gridOptionsWrapper.isFunctionsPassive()) {
         let event: ColumnPivotChangeRequestEvent = {
             type: Events.EVENT_COLUMN_PIVOT_CHANGE_REQUEST,
             columns: columns,
             api: this.gridApi,
             columnApi: this.columnApi
         };
         this.eventService.dispatchEvent(event);
     } else {
         this.columnController.setPivotColumns(columns, "toolPanelUi");
     }
 }

    private checkVisibility(): void {
        let pivotMode = this.columnController.isPivotMode();

        if (this.isHorizontal()) {
            // what we do for horizontal (ie the pivot panel at the top) depends
            // on the user property as well as pivotMode.
            switch (this.gridOptionsWrapper.getPivotPanelShow()) {
                case 'always':
                    this.setVisible(pivotMode);
                    break;
                case 'onlyWhenPivoting':
                    let pivotActive = this.columnController.isPivotActive();
                    this.setVisible(pivotMode && pivotActive);
                    break;
                default:
                    // never show it
                    this.setVisible(false);
                    break;
            }
        } else {
            // in toolPanel, the pivot panel is always shown when pivot mode is on
            this.setVisible(pivotMode);
        }
    }

    private onRowGroupChanged(): void {
        if (!this.rowGroupComp) {
            return;
        }

        let rowGroupPanelShow = this.gridOptionsWrapper.getRowGroupPanelShow();

        if (rowGroupPanelShow === Constants.ALWAYS) {
            this.rowGroupComp.setVisible(true);
        } else if (rowGroupPanelShow === Constants.ONLY_WHEN_GROUPING) {
            let grouping = !this.columnController.isRowGroupEmpty();
            this.rowGroupComp.setVisible(grouping);
        } else {
            this.rowGroupComp.setVisible(false);
        }
    }

 protected getExistingColumns(): Column[] {
     return this.columnController.getPivotColumns();
 }

 protected getExistingColumns(): Column[] {
     return this.columnController.getRowGroupColumns();
 }

 private onPivotModeChanged(): void {
     let pivotModeActive = this.columnController.isPivotMode();
     this.cbPivotMode.setSelected(pivotModeActive);
 }