gamma-app-controller 1.2.11 → 1.2.13

package/fesm2020/gamma-app-controller.mjs

@@ -2581,7 +2581,6 @@ class ApplicationDatasetComponent {
         });
     }
     getDatasetForImpala(dataset) {
-        debugger;
         let request = dataset.config.queryConfig;
         let transformedObject = {};
         for (let item of request.reqFields) {
@@ -8311,12 +8310,18 @@ class AppAdvanceHeaderComponent {
         }
         return operationFilter;
     }
+    getPageTitle(pageTitle) {
+        let { pageId, ...params } = this.activatedRoute.snapshot.queryParams;
+        return pageTitle.replace(/\$P\{(.*?)\}/g, (match, key) => {
+            return params[key] !== undefined ? params[key] : match;
+        });
+    }
 }
 AppAdvanceHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAdvanceHeaderComponent, deps: [{ token: i2.ActivatedRoute }, { token: i2.Router }, { token: CommonService }, { token: AppLocalStorage }], target: i0.ɵɵFactoryTarget.Component });
-AppAdvanceHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppAdvanceHeaderComponent, selector: "app-advance-header", inputs: { pageTitle: "pageTitle", bread_crumbs_container: "bread_crumbs_container", isEditButton: "isEditButton", isAdvanceButton: "isAdvanceButton", selectedDates: "selectedDates", filterItems: "filterItems", contextFilterItems: "contextFilterItems" }, outputs: { toggleEvent: "toggleEvent", selectedDateRangeOrServtype: "selectedDateRangeOrServtype", getFilterPageConfig: "getFilterPageConfig", getOperatorName: "getOperatorName", getContextFilterData: "getContextFilterData" }, ngImport: i0, template: "<div class=\"flex flex-col mb-2\">\n    <div class=\"flex justify-between border-b dark:bg-transparent\">\n        <div class=\"flex flex-col ml-1\">\n            <div class=\"flex items-center float-start\">\n                <div class=\"flex items-center overflow-hidden\">\n                    <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n                </div>\n                <h2\n                    class=\"text-2xl md:text-2xl py-3 font-extrabold items-center ml-2 tracking-tight leading-5 truncate capitalize\">\n                    {{ pageTitle }}\n                </h2>\n            </div>\n            <div class=\"\">\n                <!-- INCOMING -->\n                <gamma-bread-crumbs [kpi_data_container]=\"bread_crumbs_container\"></gamma-bread-crumbs>\n            </div>\n        </div>\n        <div class=\"flex justify-between items-center border-l-2 p-0 m-0\">\n\n            <div class=\"mx-2\" *ngIf=\"isEditButton\">\n                <div (click)=\"editKpi()\"\n                    class=\"bg-blue-700 cursor-pointer dark:bg-blue-600 dark:focus:ring-blue-800 dark:hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium hover:bg-blue-800 mr-2 px-2.5 py-2 rounded text-sm text-white ng-star-inserted\">\n                    Edit\n                </div>\n            </div>\n            <ng-container *ngIf=\"contextFilterItemsForFilter && contextFilterItemsForFilter.length !== 0 \">\n                <div class=\"w-1 h-full border-l-2\"></div>\n                <div class=\"mx-2\" >\n                    <dx-select-box [items]=\"contextFilterItemsForFilter\" (onValueChanged)=\"getContextMenuChange($event)\" displayExpr=\"label\" valueExpr=\"defaultFilterValue\"\n                    [(ngModel)]=\"defaultFilterValue\"></dx-select-box>\n                </div>\n            </ng-container>\n         \n            <div class=\"w-1 h-full border-l-2\" *ngIf=\"isEditButton\"></div>\n\n            <div class=\"mx-2\">\n                <div class=\"cursor-pointer\" (click)=\"advanceFilterKpi()\"> {{selectedDetesforView}}</div>\n            </div>\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <div class=\"mx-2\" *ngIf=\"isAdvanceButton\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\" (click)=\"advanceFilterKpi()\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon title=\"Filters\" [svgIcon]=\"'heroicons_outline:adjustments'\">\n                            </mat-icon>\n                        </span>\n                    </span>\n                </button>\n            </div>\n\n\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <!-- <div class=\"mx-2\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon (click)=\"callPageDocumentation()\" title=\"Add Filters\" [svgIcon]=\"\n                                    'heroicons_outline:question-mark-circle'\n                                \">\n                            </mat-icon>\n                        </span>\n                    </span>\n                    <span class=\"mat-button-focus-overlay\"></span>\n                </button>\n            </div> -->\n\n        </div>\n    </div>\n</div>\n\n<dx-popup [(visible)]=\"isAdvanceFilter\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"600\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <app-gamma-advance-filter [kpiId]=\"'231212'\" [filterOperatorData]=\"filterItemsForFilter\"\n            [isButtonDesiable]=\"isAdvanceFilter\" [filterStartDate]=\"filterStartDate\" [filterEndDate]=\"filterEndDate\"\n            (filterDataObject)=\"getSerchFilter($event)\"></app-gamma-advance-filter>\n    </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i9$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GammaAdvanceFilterComponent, selector: "app-gamma-advance-filter", inputs: ["kpiId", "filterStartDate", "filterEndDate", "browser_api_config", "isButtonDesiable", "filterOperatorData"], outputs: ["filterDataObject"] }, { kind: "component", type: BreadCrumbsComponent, selector: "gamma-bread-crumbs", inputs: ["kpi_data_container"] }] });
+AppAdvanceHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppAdvanceHeaderComponent, selector: "app-advance-header", inputs: { pageTitle: "pageTitle", bread_crumbs_container: "bread_crumbs_container", isEditButton: "isEditButton", isAdvanceButton: "isAdvanceButton", selectedDates: "selectedDates", filterItems: "filterItems", contextFilterItems: "contextFilterItems" }, outputs: { toggleEvent: "toggleEvent", selectedDateRangeOrServtype: "selectedDateRangeOrServtype", getFilterPageConfig: "getFilterPageConfig", getOperatorName: "getOperatorName", getContextFilterData: "getContextFilterData" }, ngImport: i0, template: "<div class=\"flex flex-col mb-2\">\n    <div class=\"flex justify-between border-b dark:bg-transparent\">\n        <div class=\"flex flex-col ml-1\">\n            <div class=\"flex items-center float-start\">\n                <div class=\"flex items-center overflow-hidden\">\n                    <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n                </div>\n                <h2\n                    class=\"text-2xl md:text-2xl py-3 font-extrabold items-center ml-2 tracking-tight leading-5 truncate capitalize\">\n                    {{ getPageTitle(pageTitle) }}\n                </h2>\n            </div>\n            <div class=\"\">\n                <!-- INCOMING -->\n                <gamma-bread-crumbs [kpi_data_container]=\"bread_crumbs_container\"></gamma-bread-crumbs>\n            </div>\n        </div>\n        <div class=\"flex justify-between items-center border-l-2 p-0 m-0\">\n\n            <div class=\"mx-2\" *ngIf=\"isEditButton\">\n                <div (click)=\"editKpi()\"\n                    class=\"bg-blue-700 cursor-pointer dark:bg-blue-600 dark:focus:ring-blue-800 dark:hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium hover:bg-blue-800 mr-2 px-2.5 py-2 rounded text-sm text-white ng-star-inserted\">\n                    Edit\n                </div>\n            </div>\n            <ng-container *ngIf=\"contextFilterItemsForFilter && contextFilterItemsForFilter.length !== 0 \">\n                <div class=\"w-1 h-full border-l-2\"></div>\n                <div class=\"mx-2\" >\n                    <dx-select-box [items]=\"contextFilterItemsForFilter\" (onValueChanged)=\"getContextMenuChange($event)\" displayExpr=\"label\" valueExpr=\"defaultFilterValue\"\n                    [(ngModel)]=\"defaultFilterValue\"></dx-select-box>\n                </div>\n            </ng-container>\n         \n            <div class=\"w-1 h-full border-l-2\" *ngIf=\"isEditButton\"></div>\n\n            <div class=\"mx-2\">\n                <div class=\"cursor-pointer\" (click)=\"advanceFilterKpi()\"> {{selectedDetesforView}}</div>\n            </div>\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <div class=\"mx-2\" *ngIf=\"isAdvanceButton\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\" (click)=\"advanceFilterKpi()\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon title=\"Filters\" [svgIcon]=\"'heroicons_outline:adjustments'\">\n                            </mat-icon>\n                        </span>\n                    </span>\n                </button>\n            </div>\n\n\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <!-- <div class=\"mx-2\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon (click)=\"callPageDocumentation()\" title=\"Add Filters\" [svgIcon]=\"\n                                    'heroicons_outline:question-mark-circle'\n                                \">\n                            </mat-icon>\n                        </span>\n                    </span>\n                    <span class=\"mat-button-focus-overlay\"></span>\n                </button>\n            </div> -->\n\n        </div>\n    </div>\n</div>\n\n<dx-popup [(visible)]=\"isAdvanceFilter\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"600\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <app-gamma-advance-filter [kpiId]=\"'231212'\" [filterOperatorData]=\"filterItemsForFilter\"\n            [isButtonDesiable]=\"isAdvanceFilter\" [filterStartDate]=\"filterStartDate\" [filterEndDate]=\"filterEndDate\"\n            (filterDataObject)=\"getSerchFilter($event)\"></app-gamma-advance-filter>\n    </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i9$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GammaAdvanceFilterComponent, selector: "app-gamma-advance-filter", inputs: ["kpiId", "filterStartDate", "filterEndDate", "browser_api_config", "isButtonDesiable", "filterOperatorData"], outputs: ["filterDataObject"] }, { kind: "component", type: BreadCrumbsComponent, selector: "gamma-bread-crumbs", inputs: ["kpi_data_container"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAdvanceHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-advance-header', template: "<div class=\"flex flex-col mb-2\">\n    <div class=\"flex justify-between border-b dark:bg-transparent\">\n        <div class=\"flex flex-col ml-1\">\n            <div class=\"flex items-center float-start\">\n                <div class=\"flex items-center overflow-hidden\">\n                    <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n                </div>\n                <h2\n                    class=\"text-2xl md:text-2xl py-3 font-extrabold items-center ml-2 tracking-tight leading-5 truncate capitalize\">\n                    {{ pageTitle }}\n                </h2>\n            </div>\n            <div class=\"\">\n                <!-- INCOMING -->\n                <gamma-bread-crumbs [kpi_data_container]=\"bread_crumbs_container\"></gamma-bread-crumbs>\n            </div>\n        </div>\n        <div class=\"flex justify-between items-center border-l-2 p-0 m-0\">\n\n            <div class=\"mx-2\" *ngIf=\"isEditButton\">\n                <div (click)=\"editKpi()\"\n                    class=\"bg-blue-700 cursor-pointer dark:bg-blue-600 dark:focus:ring-blue-800 dark:hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium hover:bg-blue-800 mr-2 px-2.5 py-2 rounded text-sm text-white ng-star-inserted\">\n                    Edit\n                </div>\n            </div>\n            <ng-container *ngIf=\"contextFilterItemsForFilter && contextFilterItemsForFilter.length !== 0 \">\n                <div class=\"w-1 h-full border-l-2\"></div>\n                <div class=\"mx-2\" >\n                    <dx-select-box [items]=\"contextFilterItemsForFilter\" (onValueChanged)=\"getContextMenuChange($event)\" displayExpr=\"label\" valueExpr=\"defaultFilterValue\"\n                    [(ngModel)]=\"defaultFilterValue\"></dx-select-box>\n                </div>\n            </ng-container>\n         \n            <div class=\"w-1 h-full border-l-2\" *ngIf=\"isEditButton\"></div>\n\n            <div class=\"mx-2\">\n                <div class=\"cursor-pointer\" (click)=\"advanceFilterKpi()\"> {{selectedDetesforView}}</div>\n            </div>\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <div class=\"mx-2\" *ngIf=\"isAdvanceButton\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\" (click)=\"advanceFilterKpi()\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon title=\"Filters\" [svgIcon]=\"'heroicons_outline:adjustments'\">\n                            </mat-icon>\n                        </span>\n                    </span>\n                </button>\n            </div>\n\n\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <!-- <div class=\"mx-2\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon (click)=\"callPageDocumentation()\" title=\"Add Filters\" [svgIcon]=\"\n                                    'heroicons_outline:question-mark-circle'\n                                \">\n                            </mat-icon>\n                        </span>\n                    </span>\n                    <span class=\"mat-button-focus-overlay\"></span>\n                </button>\n            </div> -->\n\n        </div>\n    </div>\n</div>\n\n<dx-popup [(visible)]=\"isAdvanceFilter\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"600\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <app-gamma-advance-filter [kpiId]=\"'231212'\" [filterOperatorData]=\"filterItemsForFilter\"\n            [isButtonDesiable]=\"isAdvanceFilter\" [filterStartDate]=\"filterStartDate\" [filterEndDate]=\"filterEndDate\"\n            (filterDataObject)=\"getSerchFilter($event)\"></app-gamma-advance-filter>\n    </div>\n</dx-popup>" }]
+            args: [{ selector: 'app-advance-header', template: "<div class=\"flex flex-col mb-2\">\n    <div class=\"flex justify-between border-b dark:bg-transparent\">\n        <div class=\"flex flex-col ml-1\">\n            <div class=\"flex items-center float-start\">\n                <div class=\"flex items-center overflow-hidden\">\n                    <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n                </div>\n                <h2\n                    class=\"text-2xl md:text-2xl py-3 font-extrabold items-center ml-2 tracking-tight leading-5 truncate capitalize\">\n                    {{ getPageTitle(pageTitle) }}\n                </h2>\n            </div>\n            <div class=\"\">\n                <!-- INCOMING -->\n                <gamma-bread-crumbs [kpi_data_container]=\"bread_crumbs_container\"></gamma-bread-crumbs>\n            </div>\n        </div>\n        <div class=\"flex justify-between items-center border-l-2 p-0 m-0\">\n\n            <div class=\"mx-2\" *ngIf=\"isEditButton\">\n                <div (click)=\"editKpi()\"\n                    class=\"bg-blue-700 cursor-pointer dark:bg-blue-600 dark:focus:ring-blue-800 dark:hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium hover:bg-blue-800 mr-2 px-2.5 py-2 rounded text-sm text-white ng-star-inserted\">\n                    Edit\n                </div>\n            </div>\n            <ng-container *ngIf=\"contextFilterItemsForFilter && contextFilterItemsForFilter.length !== 0 \">\n                <div class=\"w-1 h-full border-l-2\"></div>\n                <div class=\"mx-2\" >\n                    <dx-select-box [items]=\"contextFilterItemsForFilter\" (onValueChanged)=\"getContextMenuChange($event)\" displayExpr=\"label\" valueExpr=\"defaultFilterValue\"\n                    [(ngModel)]=\"defaultFilterValue\"></dx-select-box>\n                </div>\n            </ng-container>\n         \n            <div class=\"w-1 h-full border-l-2\" *ngIf=\"isEditButton\"></div>\n\n            <div class=\"mx-2\">\n                <div class=\"cursor-pointer\" (click)=\"advanceFilterKpi()\"> {{selectedDetesforView}}</div>\n            </div>\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <div class=\"mx-2\" *ngIf=\"isAdvanceButton\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\" (click)=\"advanceFilterKpi()\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon title=\"Filters\" [svgIcon]=\"'heroicons_outline:adjustments'\">\n                            </mat-icon>\n                        </span>\n                    </span>\n                </button>\n            </div>\n\n\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <!-- <div class=\"mx-2\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon (click)=\"callPageDocumentation()\" title=\"Add Filters\" [svgIcon]=\"\n                                    'heroicons_outline:question-mark-circle'\n                                \">\n                            </mat-icon>\n                        </span>\n                    </span>\n                    <span class=\"mat-button-focus-overlay\"></span>\n                </button>\n            </div> -->\n\n        </div>\n    </div>\n</div>\n\n<dx-popup [(visible)]=\"isAdvanceFilter\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"600\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <app-gamma-advance-filter [kpiId]=\"'231212'\" [filterOperatorData]=\"filterItemsForFilter\"\n            [isButtonDesiable]=\"isAdvanceFilter\" [filterStartDate]=\"filterStartDate\" [filterEndDate]=\"filterEndDate\"\n            (filterDataObject)=\"getSerchFilter($event)\"></app-gamma-advance-filter>\n    </div>\n</dx-popup>" }]
         }], ctorParameters: function () { return [{ type: i2.ActivatedRoute }, { type: i2.Router }, { type: CommonService }, { type: AppLocalStorage }]; }, propDecorators: { pageTitle: [{
                 type: Input
             }], bread_crumbs_container: [{
@@ -9825,7 +9830,6 @@ class GammaHeatChartComponent {
     ngOnInit() {
     }
     getHeatmapData(heatMapData) {
-        debugger;
         this.heatChartDataSource = {};
         this.isAdvanceFilter = false;
         if (heatMapData && heatMapData.length !== 0) {
@@ -18675,7 +18679,7 @@ class KpiWithDataSetTestComponent {
     }
     getWidgetTitleDiv(item) {
         const widgetDiv = document.createElement('div');
-        widgetDiv.classList.add('flex', 'items-center', 'justify-between', 'font-bold', 'text-md', 'text-gray-900', 'dark:text-white', 'border-b', 'p-3', 'bg-gray-800', 'mx-2', 'rounded-t-lg', 'relative');
+        widgetDiv.classList.add('flex', 'items-center', 'justify-between', 'font-bold', 'text-md', 'text-gray-900', 'dark:text-white', 'border-b', 'p-3', 'dark:bg-gray-800', 'bg-gray-200', 'mx-2', 'rounded-t-lg', 'relative');
         const titleDiv = document.createElement('div');
         titleDiv.classList.add('relative', 'group');
         let params = "";
@@ -18785,7 +18789,6 @@ class KpiWithDataSetTestComponent {
         }
         else if (data.kpiConfig.componentName == "GammaAdvanceChartComponent") {
             dynamicComponentInstance.onChartPointClick.subscribe((value) => {
-                debugger;
                 this.getRowClick(value);
             });
         }
@@ -18915,7 +18918,6 @@ class KpiWithDataSetTestComponent {
         });
     }
     async getRowClick(event) {
-        debugger;
         const stateData = Array.from(this.stateDataSource.keys());
         const currentViewIndex = stateData.indexOf(event.viewId);
         const deletedViewIds = [];
@@ -19391,7 +19393,6 @@ class KpiWithDataSetTestComponent {
         this.defaultViewIdsOnPageRefresh = [];
         const params = this.activatedRoute.snapshot.queryParams;
         this.defaultViewIdsOnPageRefresh = (params['views'] && params['views'] !== "") ? JSON.parse(decodeURIComponent(params['views'])) : [];
-        debugger;
         all_views.forEach(element => {
             for (let entry of element.widgetNode) {
                 let shouldDisplay = false;
@@ -22288,7 +22289,7 @@ class LandingComponentComponent {
     }
     getWidgetTitleDiv(item) {
         const widgetDiv = document.createElement('div');
-        widgetDiv.classList.add('flex', 'items-center', 'justify-between', 'font-bold', 'text-md', 'text-gray-900', 'dark:text-white', 'border-b', 'p-3', 'bg-gray-800', 'mx-2', 'rounded-t-lg', 'relative');
+        widgetDiv.classList.add('flex', 'items-center', 'justify-between', 'font-bold', 'text-md', 'text-gray-900', 'dark:text-white', 'border-b', 'p-3', 'dark:bg-gray-800', 'bg-gray-200', 'mx-2', 'rounded-t-lg', 'relative');
         const titleDiv = document.createElement('div');
         titleDiv.classList.add('relative', 'group');
         let params = "";
@@ -22362,7 +22363,7 @@ class LandingComponentComponent {
                     const textBox = document.createElement('input');
                     textBox.type = 'text';
                     textBox.placeholder = `Enter ${filter.local_column}`;
-                    textBox.classList.add('px-2', 'py-1.5', 'rounded', 'border', 'mr-1', 'border-gray-500', 'text-gray-900', 'dark:bg-gray-700', 'dark:text-white');
+                    textBox.classList.add('px-2', 'py-1.5', 'rounded', 'border', 'mr-1', 'border-gray-500', 'text-gray-900', 'bg-gray-200', 'dark:bg-gray-700', 'dark:text-white');
                     const searchButton = document.createElement('button');
                     searchButton.innerText = 'Search';
                     searchButton.classList.add('px-3', 'py-1.5', 'bg-blue-600', 'mr-2', 'text-white', 'rounded', 'hover:bg-blue-700');
@@ -22577,7 +22578,6 @@ class LandingComponentComponent {
                             }
                         }
                         else if (eventType == 'navigateToPage') {
-                            debugger;
                             this.service.getAppPageDetailConfig(associatedPage).subscribe({
                                 next: (data) => {
                                     let { pageId, ...params } = this.activatedRoute.snapshot.queryParams;
@@ -23001,7 +23001,6 @@ class LandingComponentComponent {
         this.defaultViewIdsOnPageRefresh = [];
         const params = this.activatedRoute.snapshot.queryParams;
         this.defaultViewIdsOnPageRefresh = (params['views'] && params['views'] !== "") ? JSON.parse(decodeURIComponent(params['views'])) : [];
-        debugger;
         all_views.forEach(element => {
             for (let entry of element.widgetNode) {
                 let shouldDisplay = false;