udp-stencil-component-library 25.18.1-beta.8 → 25.18.1-beta.9

package/dist/collection/components/my-component/my-component.js

@@ -1,1575 +0,0 @@
-import { h } from "@stencil/core";
-import Asterisk16 from "@carbon/icons/es/asterisk/16";
-import { ConfigService } from "../../udp-utilities/api-config/index";
-import "../my-component/ag-grid.css";
-import { defaultPayload, demoMSSearchData } from "../../udp-utilities/grid/data-converters/transformSearchData";
-export class MyComponent {
-    constructor() {
-        this.toggled = false;
-        this.dialogOpen = false; // new State property for dialog
-        this.drawerOpen = false;
-        this.popoverOpen = false;
-        this.loadedView = [];
-        this.loadedViewTitle = 'Root View';
-        this.tenantId = '034A2261-E825-4857-9EC5-E1DC2E577EEB';
-        this.externalSearchFilter = [];
-        this.mindscopeDemoPayload = {};
-        this.dataEmitterDemo = {};
-        // In your root Stencil component
-        this.renderConfigs = [
-            {
-                field: 'ownership',
-                rendererName: 'emailCellRenderer',
-                otherField: 'emailAddress',
-                callbackId: 'handleContactClick',
-            },
-            {
-                field: 'fullName',
-                rendererName: 'openFunctionCellRenderer',
-                otherField: 'fullName',
-                callbackId: 'handleDefaultContactClick',
-            },
-            {
-                field: 'actions',
-                rendererName: 'hotListAddRenderer',
-                otherField: 'businessObjectKey',
-                callbackId: 'handleActionClick',
-            },
-            {
-                field: 'lastUpdate',
-                rendererName: 'dateTimeCellRenderer',
-                otherField: 'lastUpdate',
-                callbackId: 'handleContactClick',
-                cellRendererParams: {
-                    formatMode: 'exact', // Type assertion
-                    locale: 'US', // Type assertion
-                },
-            },
-        ];
-        this.filterObject = [
-            {
-                pageNumber: 1,
-                pageSize: 20,
-                filterElements: [],
-                orderElements: [],
-                groupingType: '',
-                groupProperty: [],
-                groupOperationList: [],
-                eagerLoad: false,
-                logicalSearchOperator: 1,
-            },
-        ];
-        this.activeTabIndex = 0;
-        this.viewChips = [];
-        this.additionalFilterChips = [];
-        this.kpiValues = [
-            { label: 'Avg per cycle', value: 2.3 },
-            { label: 'Water', value: 2.3 },
-            { label: 'Electric', value: 16.7 },
-            { label: 'Sewer', value: 5600 },
-        ];
-        this.rowData = [];
-        this.columnDefs = [];
-        this.TestcolumnDefs = [
-            {
-                name: 'BusinessObjectKeyA',
-                field: 'businessObjectKeyB',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'Id',
-                field: 'id',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'FirstName',
-                field: 'firstName',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'LastName',
-                field: 'lastName',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'GenderCode',
-                field: 'genderCode',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'Birthdate',
-                field: 'birthdate',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'DeathDate',
-                field: 'deathDate',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'SerializeFields',
-                field: 'serializeFields',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'ActorGender',
-                field: 'actorGender',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'ActorMovieActors',
-                field: 'actorMovieActors',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-            {
-                headerName: 'UdpTags',
-                field: 'udpTags',
-                minWidth: 80,
-                autoHeight: true,
-                sortable: true,
-                cellStyle: {
-                    'white-space': 'nowrap',
-                    'overflow': 'hidden',
-                    'text-overflow': 'ellipsis',
-                },
-                filter: 'agTextColumnFilter',
-                resizable: true,
-            },
-        ];
-        this.filterChips = [
-            {
-                label: 'Brad',
-                value: 'Brad',
-                id: 0,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Bruce',
-                value: 'Bruce',
-                id: 1,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Tom',
-                value: 'Tom',
-                id: 2,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Dispatched',
-                value: 0,
-                id: 3,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Field Mobility',
-                value: 0,
-                id: 4,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Fleet Management X',
-                value: 0,
-                id: 5,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Crew Routing',
-                value: 0,
-                id: 6,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Asset Routing',
-                value: 0,
-                id: 7,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Work Orders',
-                value: 0,
-                id: 8,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Consumer Information',
-                value: 0,
-                id: 9,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Cashiering',
-                value: 0,
-                id: 10,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Consumer Engagement',
-                value: 0,
-                id: 11,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Contact Center',
-                value: 0,
-                id: 12,
-                keyName: 'firstName',
-            },
-            {
-                label: 'MDM',
-                value: 0,
-                id: 13,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Course Management',
-                value: 0,
-                id: 14,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Facility Management',
-                value: 0,
-                id: 15,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Instructor Application',
-                value: 0,
-                id: 16,
-                keyName: 'firstName',
-            },
-            {
-                label: 'Member Management',
-                value: 0,
-                id: 17,
-                keyName: 'firstName',
-            },
-        ];
-        this.accessTokenProp = '';
-        this.clientDetails = [];
-        this.viewDrawerOpen = false;
-        //accessToken = accessToken
-        this.accessToken = localStorage.getItem('accessToken');
-        this.entityName = 'Actor';
-        this.productId = parseInt(localStorage.getItem('productId'), 10);
-        this.apiCatalogId = localStorage.getItem('apiCatalogId');
-        this.userId = '8fe3b5ce-6a94-4ff4-b35c-be2596ea1380';
-        this.gridId = 'CC8529E0-1CDD-4FC2-820A-50F76433B19E';
-        this.toggleDrawer = () => {
-            this.drawerOpen = !this.drawerOpen;
-        };
-        this.handleChipDelete = () => {
-            // Your delete logic here
-            this.loadedView = [];
-        };
-        this.setAdditionalFilterChips = newChips => {
-            this.additionalFilterChips = newChips;
-        };
-        this.setViewChips = newChips => {
-            this.viewChips = newChips;
-        };
-        this.setFilter = () => {
-            // Your set filter logic here
-        };
-        this.handlePopover = () => {
-            this.popoverOpen = !this.popoverOpen;
-        };
-        this.logTest = () => {
-            console.log('log Test...!');
-            this.dialogOpen = !this.dialogOpen; // Toggle dialog state
-        };
-        this.viewListrowData = [
-            {
-                businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridView|f8defdca-2ffe-4064-a208-730ab9c46357',
-                gridViewId: 'f8defdca-2ffe-4064-a208-730ab9c46357',
-                name: 'Test Page View',
-                clusterId: 4,
-                gridViewVisibilityTypeId: 2,
-                isDefault: false,
-                tenantId: 'f86a9b7c-bab0-4281-89a2-52b4caf89fab',
-                userId: '26c5be02-219d-4a8b-896a-4da10bde0839',
-                gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                domain: 'Page',
-                apiCatalogId: '5ee7b3ed-8aba-4c40-8b61-fabdcf9a440c',
-                serializeFields: null,
-                gridViewGridViewVisibilityType: null,
-                gridViewTenant: null,
-                gridViewUser: null,
-                gridViewGrid: null,
-                gridViewApiCatalog: null,
-                gridViewGridViewGridConfiguration: [],
-                udpTags: [],
-            },
-            {
-                businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridView|ef966d75-07e8-4664-ae08-ec30adf756f7',
-                gridViewId: 'ef966d75-07e8-4664-ae08-ec30adf756f7',
-                name: 'Test view',
-                clusterId: 5,
-                gridViewVisibilityTypeId: 1,
-                isDefault: false,
-                tenantId: 'f86a9b7c-bab0-4281-89a2-52b4caf89fab',
-                userId: '8fe3b5ce-6a94-4ff4-b35c-be2596ea1380',
-                gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                domain: 'Page',
-                apiCatalogId: '5ee7b3ed-8aba-4c40-8b61-fabdcf9a440c',
-                serializeFields: null,
-                gridViewGridViewVisibilityType: null,
-                gridViewTenant: null,
-                gridViewUser: null,
-                gridViewGrid: null,
-                gridViewApiCatalog: null,
-                gridViewGridViewGridConfiguration: [],
-                udpTags: [],
-            },
-        ];
-        this.fullViewData = {
-            businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridView|f8defdca-2ffe-4064-a208-730ab9c46357',
-            gridViewId: 'f8defdca-2ffe-4064-a208-730ab9c46357',
-            name: 'Test Page View',
-            clusterId: 4,
-            gridViewVisibilityTypeId: 2,
-            isDefault: false,
-            tenantId: 'f86a9b7c-bab0-4281-89a2-52b4caf89fab',
-            userId: '26c5be02-219d-4a8b-896a-4da10bde0839',
-            gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-            domain: 'Page',
-            apiCatalogId: '5ee7b3ed-8aba-4c40-8b61-fabdcf9a440c',
-            serializeFields: null,
-            gridViewGridViewVisibilityType: {
-                businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridViewVisibilityType|2',
-                gridViewVisibilityTypeId: 2,
-                name: 'Public',
-                serializeFields: null,
-                gridViewVisibilityTypeGridView: [],
-                udpTags: [],
-            },
-            gridViewTenant: {
-                businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.Tenant|f86a9b7c-bab0-4281-89a2-52b4caf89fab',
-                tenantId: 'f86a9b7c-bab0-4281-89a2-52b4caf89fab',
-                clusterId: 1,
-                tenantName: 'Univerus Software Inc',
-                contactEmail: 'userdemo@outlook.com',
-                locked: false,
-                theme: 'sap',
-                showUnsubscribedProducts: false,
-                description: 'Univerus Software',
-                apiAuthKey: '220b069a-5598-4ed6-b3fa-893ca0220f32',
-                defaultVerticalId: 2,
-                serializeFields: null,
-                tenantAggregateThreshold: [],
-                tenantApiMethodInstanceTenant: [],
-                tenantBillingDetails: [],
-                tenantBlobDocument: [],
-                tenantGridView: [],
-                tenantGroup: [],
-                tenantInquiryTreeTenant: [],
-                tenantMenuInstanceTenant: [],
-                tenantMenuItemInstanceTenant: [],
-                tenantMenuItemInstanceTenantGroup: [],
-                tenantMenuItemInstanceTenantRole: [],
-                tenantMenuStructure: [],
-                tenantPage: [],
-                tenantPanel: [],
-                tenantProperty: [],
-                tenantRole: [],
-                tenantRule: [],
-                tenantSupportIntegration: [],
-                tenantVertical: null,
-                tenantTenantDriveConfig: [],
-                tenantTenantProduct: [],
-                tenantTenantProductApiCatalogBase: [],
-                tenantTenantProductHomePage: [],
-                tenantTenantUser: [],
-                tenantTranslation: [],
-                tenantUser: [],
-                udpTags: [],
-            },
-            gridViewUser: {
-                businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.User|26c5be02-219d-4a8b-896a-4da10bde0839',
-                userId: '26c5be02-219d-4a8b-896a-4da10bde0839',
-                clusterId: 778,
-                externalUUID: '22248368-9a38-41b7-9980-e7b3b79f5990',
-                email: 'ckung@univerus.com',
-                locked: false,
-                defaultTenantId: 'f86a9b7c-bab0-4281-89a2-52b4caf89fab',
-                serializeFields: null,
-                userApiCatalog: [],
-                userApiCatalog2: [],
-                userApiUrlBase: [],
-                userApiUrlBase2: [],
-                userBillingDetailUsers: [],
-                userGridView: [],
-                userInquiryTree: [],
-                userLoadedInquiryTreeNode: [],
-                userMenuInstanceUser: [],
-                userPage: [],
-                userRule: [],
-                userTenantUser: [],
-                userTranslation: [],
-                userTenant: null,
-                userUserGridConfiguration: [],
-                userUserGroup: [],
-                userUserProduct: [],
-                userUserRole: [],
-                udpTags: [],
-            },
-            gridViewGrid: {
-                businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.Grid|678410c2-430b-454b-bbef-1a6236a686ec',
-                gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                clusterId: 31,
-                name: 'UDP_Grid_UI_UX_Sandbox',
-                serializeFields: null,
-                gridGridConfiguration: [],
-                gridGridView: [],
-                udpTags: [],
-            },
-            gridViewApiCatalog: null,
-            gridViewGridViewGridConfiguration: [
-                {
-                    businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridViewGridConfiguration|f8defdca-2ffe-4064-a208-730ab9c46357,27c4125d-2d39-4753-aba6-1a24581ba5b5',
-                    gridViewId: 'f8defdca-2ffe-4064-a208-730ab9c46357',
-                    gridConfigurationId: '27c4125d-2d39-4753-aba6-1a24581ba5b5',
-                    serializeFields: null,
-                    gridViewGridConfigurationGridView: null,
-                    gridViewGridConfigurationGridConfiguration: {
-                        businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridConfiguration|27c4125d-2d39-4753-aba6-1a24581ba5b5',
-                        gridConfigurationId: '27c4125d-2d39-4753-aba6-1a24581ba5b5',
-                        clusterId: 2927,
-                        gridStateTypeId: 5,
-                        gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                        values: '[]',
-                        serializeFields: null,
-                        gridConfigurationApiMethodInstanceGridConfiguration: [],
-                        gridConfigurationGridStateType: null,
-                        gridConfigurationGrid: null,
-                        gridConfigurationGridViewGridConfiguration: [],
-                        gridConfigurationUserGridConfiguration: [],
-                        udpTags: [],
-                    },
-                    udpTags: [],
-                },
-                {
-                    businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridViewGridConfiguration|f8defdca-2ffe-4064-a208-730ab9c46357,341f3721-60d5-445c-b2c8-2959c679bbc2',
-                    gridViewId: 'f8defdca-2ffe-4064-a208-730ab9c46357',
-                    gridConfigurationId: '341f3721-60d5-445c-b2c8-2959c679bbc2',
-                    serializeFields: null,
-                    gridViewGridConfigurationGridView: null,
-                    gridViewGridConfigurationGridConfiguration: {
-                        businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridConfiguration|341f3721-60d5-445c-b2c8-2959c679bbc2',
-                        gridConfigurationId: '341f3721-60d5-445c-b2c8-2959c679bbc2',
-                        clusterId: 2926,
-                        gridStateTypeId: 1,
-                        gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                        values: [
-                            {
-                                colId: 'data1',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'data2',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'data3',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'data4',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'productId',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'tenantId',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'userId',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'pageTypeId',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'gridProperties',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'widgets',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'basePageId',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'showPageName',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'isUdpPage',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'version',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                            {
-                                colId: 'layoutTypeId',
-                                width: 200,
-                                hide: false,
-                                pinned: null,
-                                sort: null,
-                                sortIndex: null,
-                                aggFunc: null,
-                                rowGroup: false,
-                                rowGroupIndex: null,
-                                pivot: false,
-                                pivotIndex: null,
-                                flex: null,
-                            },
-                        ],
-                        serializeFields: null,
-                        gridConfigurationApiMethodInstanceGridConfiguration: [],
-                        gridConfigurationGridStateType: null,
-                        gridConfigurationGrid: null,
-                        gridConfigurationGridViewGridConfiguration: [],
-                        gridConfigurationUserGridConfiguration: [],
-                        udpTags: [],
-                    },
-                    udpTags: [],
-                },
-                {
-                    businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridViewGridConfiguration|f8defdca-2ffe-4064-a208-730ab9c46357,e422b3bd-9752-423b-ab40-a887b453bab3',
-                    gridViewId: 'f8defdca-2ffe-4064-a208-730ab9c46357',
-                    gridConfigurationId: 'e422b3bd-9752-423b-ab40-a887b453bab3',
-                    serializeFields: null,
-                    gridViewGridConfigurationGridView: null,
-                    gridViewGridConfigurationGridConfiguration: {
-                        businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridConfiguration|e422b3bd-9752-423b-ab40-a887b453bab3',
-                        gridConfigurationId: 'e422b3bd-9752-423b-ab40-a887b453bab3',
-                        clusterId: 2928,
-                        gridStateTypeId: 3,
-                        gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                        values: '[]',
-                        serializeFields: null,
-                        gridConfigurationApiMethodInstanceGridConfiguration: [],
-                        gridConfigurationGridStateType: null,
-                        gridConfigurationGrid: null,
-                        gridConfigurationGridViewGridConfiguration: [],
-                        gridConfigurationUserGridConfiguration: [],
-                        udpTags: [],
-                    },
-                    udpTags: [],
-                },
-                {
-                    businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridViewGridConfiguration|f8defdca-2ffe-4064-a208-730ab9c46357,b3d19bb6-feda-4746-8df5-d2f677faa3b2',
-                    gridViewId: 'f8defdca-2ffe-4064-a208-730ab9c46357',
-                    gridConfigurationId: 'b3d19bb6-feda-4746-8df5-d2f677faa3b2',
-                    serializeFields: null,
-                    gridViewGridConfigurationGridView: null,
-                    gridViewGridConfigurationGridConfiguration: {
-                        businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridConfiguration|b3d19bb6-feda-4746-8df5-d2f677faa3b2',
-                        gridConfigurationId: 'b3d19bb6-feda-4746-8df5-d2f677faa3b2',
-                        clusterId: 2929,
-                        gridStateTypeId: 4,
-                        gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                        values: '{}',
-                        serializeFields: null,
-                        gridConfigurationApiMethodInstanceGridConfiguration: [],
-                        gridConfigurationGridStateType: null,
-                        gridConfigurationGrid: null,
-                        gridConfigurationGridViewGridConfiguration: [],
-                        gridConfigurationUserGridConfiguration: [],
-                        udpTags: [],
-                    },
-                    udpTags: [],
-                },
-                {
-                    businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridViewGridConfiguration|f8defdca-2ffe-4064-a208-730ab9c46357,30a5a78a-0ff0-45c3-a6ff-f7716ad3b8a1',
-                    gridViewId: 'f8defdca-2ffe-4064-a208-730ab9c46357',
-                    gridConfigurationId: '30a5a78a-0ff0-45c3-a6ff-f7716ad3b8a1',
-                    serializeFields: null,
-                    gridViewGridConfigurationGridView: null,
-                    gridViewGridConfigurationGridConfiguration: {
-                        businessObjectKey: 'Univerus.Unity.Crm.Domain.Models.GridConfiguration|30a5a78a-0ff0-45c3-a6ff-f7716ad3b8a1',
-                        gridConfigurationId: '30a5a78a-0ff0-45c3-a6ff-f7716ad3b8a1',
-                        clusterId: 2930,
-                        gridStateTypeId: 2,
-                        gridId: '678410c2-430b-454b-bbef-1a6236a686ec',
-                        values: 'false',
-                        serializeFields: null,
-                        gridConfigurationApiMethodInstanceGridConfiguration: [],
-                        gridConfigurationGridStateType: null,
-                        gridConfigurationGrid: null,
-                        gridConfigurationGridViewGridConfiguration: [],
-                        gridConfigurationUserGridConfiguration: [],
-                        udpTags: [],
-                    },
-                    udpTags: [],
-                },
-            ],
-            udpTags: [],
-        };
-        this.customSaveViewClick = () => {
-            alert('Save View Clicked');
-        };
-        this.defaultActionButtons = [
-            {
-                icon: 'user',
-                label: 'Add Candidate',
-                visible: true,
-                showLabel: true,
-                clickHandler: this.customSaveViewClick,
-            },
-            {
-                icon: 'wizard',
-                label: 'Candidate Wizard',
-                visible: true,
-                showLabel: true,
-                clickHandler: this.customSaveViewClick,
-            },
-        ];
-        this.handleLoadView = () => {
-            this.loadedView = [this.fullViewData];
-        };
-        this.testPah = () => {
-            // alert('Primary Action Header Function')
-        };
-        this.handleDataFetched = (event) => {
-            console.log('Data fetched in parent:', event.detail);
-        };
-        this.demoMSSearchData = {
-            SearchCriteriaEquationDetails: {
-                SkillSearchDetails: {
-                    AnySkillDetails: [],
-                    AllSkillDetails: [],
-                    ExcludeSkillDetails: [],
-                    ValueExpression: '',
-                    DisplayExpression: '',
-                    SkillDetailsBoolOn: [],
-                },
-            },
-            CustomFieldSearch: [],
-            SearchName: null,
-            CandidateID: null,
-            IsCandidateIDOptional: false,
-            CandidateIdID: '_textCandidateId',
-            CandidateIDLabelKey: '26',
-            FirstName: null,
-            IsFirstNameOptional: false,
-            FirstNameID: '_textFirstName',
-            FirstNameLabelKey: '28',
-            LastName: null,
-            IsLastNameOptional: false,
-            LastNameID: '_textLastName',
-            LastNameLabelKey: '30',
-            PhoneNumber: null,
-            IsPhoneNumberOptional: false,
-            PhoneNumberID: '_textPhone',
-            PhoneNumberLabelKey: '21',
-            PhoneType: null,
-            PhoneTypeID: '_listPhoneType',
-            PhoneTypeSelectedText: null,
-            IsPhoneTypeOptional: false,
-            Email: null,
-            IsEmailOptional: false,
-            EmailID: '_textEmail',
-            EmailLabelKey: '1000',
-            ExcludeCandidatesPartOfText: null,
-            IsExcludeCandidatesPartOfOptional: false,
-            ExcludeCandidatesPartOfID: '_autoExcludeCandidatesPartOf',
-            ListExcludeCandidatesPartOf: null,
-            CheckExcludeOfflimits: false,
-            CheckBoxExcludeOfflimitsID: '_checkBoxExcludeOfflimits',
-            IsDateAvailiabilityOptional: false,
-            DateAvailiabilityID: '_dateAvailiability',
-            ConditionAvailiabilityLabelKey: '1413',
-            ConditionAvailiabilityRelation: null,
-            IsDateLastContactedOptional: false,
-            DateBoxLastContactID: '_dateBoxLastContact',
-            ConditionLastContactLabelKey: '151',
-            ConditionLastContactedRelation: null,
-            IsMustHaveNotInPlaceOptional: false,
-            DatePlaceFromID: '_datePlaceFrom',
-            DatePlaceFromLabelKey: '1727',
-            MustHaveNotInPlaceID: '_mustHaveNotInPlace',
-            DatePlaceToID: '_datePlaceTo',
-            ChkSun: false,
-            ChkSunID: '_ckSun',
-            LabelSun: 'Sun',
-            ChkMon: false,
-            ChkMonID: '_ckMon',
-            LabelMon: 'Mon',
-            ChkTue: false,
-            ChkTueID: '_ckTue',
-            LabelTue: 'Tue',
-            ChkWed: false,
-            ChkWedID: '_ckWed',
-            LabelWed: 'Wed',
-            ChkThu: false,
-            ChkThuID: '_ckThu',
-            LabelThu: 'Thu',
-            ChkFri: false,
-            ChkFriID: '_ckFri',
-            LabelFri: 'Fri',
-            ChkSat: false,
-            ChkSatID: '_ckSat',
-            LabelSat: 'Sat',
-            ScheduleActivitySelectedValue: '1059',
-            ScheduleActivitySelectedText: 'ANNIVERSARY',
-            IsScheduleActivityOptional: false,
-            ScheduleActivityID: '_listScheduleActivityId',
-            ScheduleActivityLabelKey: '4684',
-            WithScheduleActivity: true,
-            ScheduleStatusSelectedValue: 2,
-            ScheduleStatusSelectedText: 'Completed',
-            IsScheduleStatusOptional: true,
-            ScheduleStatusID: '_listScheduleStatusId',
-            ScheduleStatusLabelKey: '4684',
-            RecruiterSelectedValue: '13',
-            RecruiterSelectedText: 'Brad Atchison',
-            RecruiterID: '_listRecruiterId',
-            RecruiterLabelKey: '4684',
-            IsRecruiterOptional: true,
-            ResultOfActivitySelectedValue: null,
-            ResultOfActivitySelectedText: null,
-            ResultOfActivityID: '_listResultOfActivityId',
-            ResultOfActivityLabelKey: '4684',
-            IsResultOfActivityOptional: false,
-            EnteredDateFromID: 'EnteredDateFromID',
-            EnteredDateToID: 'EnteredDateToID',
-            EnteredDateLabelKey: null,
-            IsEnteredDateOptional: false,
-            StartDateFromID: 'StartDateFromID',
-            StartDateToID: 'StartDateToID',
-            StartDateLabelKey: null,
-            IsStartDateOptional: false,
-            LastContactedDateFromID: 'LastContactedDateFromID',
-            LastContactedDateToID: 'LastContactedDateToID',
-            LastContactedDateLabelKey: null,
-            IsLastContactedDateOptional: false,
-            ChkOriginalResume: false,
-            ChkOriginalResumeID: '_checkBoxOriginalResume',
-            ChkModifiedResume: false,
-            ChkModifiedResumeID: '_checkBoxModifiedResume',
-            ChkHistoricalResume: false,
-            ChkHistoricalResumeID: '_checkBoxHistoricalResume',
-            ChkCandProfileNote: false,
-            ChkCandProfileNoteID: '_checkBoxCandProfileNote',
-            ChkNotes: false,
-            ChkNotesID: '_checkBoxNotes',
-            ChkEmail: false,
-            ChkEmailID: '_checkBoxEmail',
-            IsKeyWordSearch: false,
-            KeyWordsearch: null,
-            County: null,
-            IsCountyOptional: false,
-            CountyID: '_textCounty',
-            CountyLabelKey: '4684',
-            CountriesSelectedValue: null,
-            CountriesSelectedText: null,
-            CountryID: '_listCountries',
-            CountriesLabelKey: '56',
-            IsCountryOptional: false,
-            ProvincesSelectedValue: null,
-            ProvincesSelectedText: null,
-            ProvincesID: '_listProvinces',
-            ProvincesLabelKey: '55',
-            IsProvincesOptional: false,
-            ListCitiesValue: null,
-            ListCitiesID: '_listCities',
-            ListCitiesLabelKey: '9',
-            LkCitiesLabelKey: '9',
-            LkCitiesID: '_lkCities',
-            LkCitiesValue: null,
-            LkCitiesText: null,
-            IsCityOptional: false,
-            Address: null,
-            AddressID: '_textAddress',
-            AddressLabelKey: '8',
-            IsAddressOptional: false,
-            Address2: null,
-            Address2ID: '_textAddress2',
-            Address2LabelKey: '4004',
-            IsAddress2Optional: false,
-            PostalCode: null,
-            PostalCodeID: '_textPostalCode',
-            PostalCodeLabelKey: '10',
-            IsPostalCodeOptional: false,
-            LocatedFrom: null,
-            LocatedFromID: '_textLocatedFrom',
-            LocatedDistanceSelectedValue: null,
-            IsLocatedFromOptional: false,
-            BirthID: '_dateBirth',
-            BirthLabelKey: '32',
-            IsdateBirthOptional: false,
-            AgeFrom: null,
-            AgeFromID: '_txtAgeFrom',
-            IsAgeOptional: false,
-            AgeTo: null,
-            AgeToID: '_txtAgeTo',
-            YearsExpFrom: null,
-            YearsExpFromID: '_txtYearsExpFrom',
-            YearsExpTo: null,
-            YearsExpToID: '_txtYearsExpTo',
-            IsYearsExperienceOptional: false,
-            TextSin: null,
-            TextSinID: '_textSin',
-            TextSinLabelKey: '128',
-            IsSinIDOptional: false,
-            StatusSelectedValue: null,
-            StatusSelectedText: null,
-            StatusID: '_listStatus',
-            StatusLabelKey: '34',
-            IsStatusOptional: false,
-            SecondStatusSelectedValue: null,
-            SecondStatusSelectedText: null,
-            SecondStatusID: '_listSecondStatus',
-            SecondStatusLabelKey: '4529',
-            IsSecondStatusOptional: false,
-            RatingSelectedValue: null,
-            RatingSelectedText: null,
-            RatingID: '_listRating',
-            RatingLabelKey: '35',
-            IsRatingOptional: false,
-            MarketSrcSelectedValue: null,
-            MarketSrcSelectedText: null,
-            MarketSrcID: '_listMarketSrc',
-            MarketSrcLabelKey: '1084',
-            IsMarketSrcOptional: false,
-            CandidateNpn: null,
-            CandidateNpnID: '_txtCandidateNpn',
-            CandidateNpnLabelKey: '4275',
-            IsCandidateNpnOptional: false,
-            TransportationTypeSelectedValue: null,
-            TransportationTypeSelectedText: null,
-            TransportationTypeID: '_listTransportation',
-            TransportationTypeLabelKey: '3149',
-            IsTransportationTypeOptional: false,
-            EmploymentTypeSelectedValue: null,
-            EmploymentTypeSelectedText: null,
-            EmploymentTypeID: '_listEmploymentType',
-            EmploymentTypeLabelKey: '117',
-            IsEmploymentTypeOptional: false,
-            PayRateCurrencySelectedValue: null,
-            PayRateCurrencySelectedText: null,
-            PayRateCurrencyID: '_listPayRateCurrency',
-            PayRateCurrencyLabelKey: '5070',
-            IsPayRateCurrencyOptional: false,
-            MinimumPayRateFrom: null,
-            MinimumPayRateFromID: '_txtMinimumPayRateFrom',
-            MinimumPayRateFromLabelKey: '118',
-            IsMinimumPayRateOptional: false,
-            MinimumPayRateTo: null,
-            MinimumPayRateToID: '_txtMinimumPayRateTo',
-            OvertimePayRateFrom: null,
-            OvertimePayRateFromID: '_txtOvertimePayRateFrom',
-            OvertimePayRateFromLabelKey: '4982',
-            IsOvertimePayRateOptional: false,
-            OvertimePayRateTo: null,
-            OvertimePayRateToID: '_txtOvertimePayRateTo',
-            DivisionSelectedValue: null,
-            DivisionSelectedText: null,
-            DivisionID: '_listDivision',
-            DivisionLabelKey: '143',
-            IsDivisionOptional: false,
-            DepartmentSelectedValue: null,
-            DepartmentSelectedText: null,
-            DepartmentID: '_listDepartment',
-            DepartmentLabelKey: '146',
-            IsDeptOptional: false,
-            OfficeSelectedValue: null,
-            OfficeSelectedText: null,
-            OfficeID: '_listOffice',
-            OfficeLabelKey: '1876',
-            IsOfficeOptional: false,
-            BusinessUnitSelectedValue: null,
-            BusinessUnitSelectedText: null,
-            BusinessUnitID: '_listBusinessUnit',
-            BusinessUnitLabelKey: '556',
-            IsBusinessUnitOptional: false,
-            OwnershipValue: null,
-            OwnershipText: null,
-            OwnershipID: '_autoOwnership',
-            OwnershipLabelKey: '1694',
-            IsOwnershipOptional: false,
-            CustomUserList1Value: null,
-            CustomUserList1Text: null,
-            CustomUserList1ID: '_listCustomUserList1',
-            CustomUserList1LabelKey: '11414',
-            IsCustomUserList1Optional: false,
-            CustomUserList2Value: null,
-            CustomUserList2Text: null,
-            CustomUserList2ID: '_listCustomUserList2',
-            CustomUserList2LabelKey: '11415',
-            IsCustomUserList2Optional: false,
-            CustomUserList3Value: null,
-            CustomUserList3Text: null,
-            CustomUserList3ID: '_listCustomUserList3',
-            CustomUserList3LabelKey: '11416',
-            IsCustomUserList3Optional: false,
-            NoteTypeSelectedValue: null,
-            NoteTypeSelectedText: null,
-            NoteTypeID: '_listNoteType',
-            NoteTypeLabelKey: '63',
-            IsNoteTypeOptional: false,
-            ActMgrValue: null,
-            ActMgrText: null,
-            ActMgrID: '_autoActMgr',
-            ActMgrLabelKey: '1818',
-            IsActMgrOptional: false,
-            CompanyName: null,
-            CompanyNameID: '_txtCompanyName',
-            CompanyNameLabelKey: '37',
-            IsCompanyNameOptional: false,
-            Title: null,
-            TitleID: '_txtTitle',
-            TitleLabelKey: '149',
-            IsTitleOptional: false,
-            BaseSalaryID: '_txtBaseSalary',
-            ConditionBaseSalaryRelation: null,
-            BaseSalaryLabelKey: null,
-            IsBaseSalaryOptional: false,
-            LastSalaryIncreaseID: '_txtLastSalaryIncrease',
-            LastSalaryIncreaseLabelKey: '4952',
-            IsLastSalaryIncreaseOptional: false,
-            TotalCompensationID: '_txtTotalCompensation',
-            TotalCompensationLabelKey: '4953',
-            IsTotalCompensationOptional: false,
-            EnteredDateFrom: '2023-12-01',
-            EnteredDateTo: '2023-12-10',
-            StartDateFrom: '2023-12-07',
-            StartDateTo: '2023-12-10',
-            ListID: 0,
-            Append: false,
-        };
-        this.handleApiResult = result => {
-            console.log('Received result in parent:', result);
-            // Save to local storage
-            localStorage.setItem('promotedMethod', JSON.stringify(result));
-            localStorage.setItem('promotedMethodDemo', JSON.stringify(result));
-        };
-        this.promotedEntityFromLocalStorage = JSON.parse(localStorage.getItem('promotedEntity'));
-        this.handleCellClick = (cellValue, callbackId) => {
-            // Your Angular-specific logic here
-            console.log('Cell clicked in Angular. Value:', cellValue, 'CB', callbackId);
-            if (callbackId === 'handleContactClick') {
-                this.dataEmitterDemo = {
-                    searchField: 'clientContact',
-                    searchOperator: '=',
-                    searchValue: cellValue,
-                };
-            }
-            else if (callbackId === 'handleActionClick') {
-                alert(`Second action clicked in my test..., ${callbackId}, ${cellValue}`);
-            }
-            else {
-                console.log(`A second function in parent, ${callbackId}`);
-            }
-        };
-        this.handleCellClickX = (cellValue, callbackId) => {
-            alert(`Third action clicked, ${callbackId}, ${cellValue}`);
-        };
-        this.handleViewActionClick = (cellValue, callbackId) => {
-            alert(`VIEW !! in my test, ${callbackId}, ${cellValue}`);
-            console.log('get full data list from grid:', cellValue.defaultClient);
-        };
-        this.pageData = {
-            pageId: 'b3854182-009b-4396-b51d-fbec4b732dca',
-            name: 'New PAH',
-            userId: '8fe3b5ce-6a94-4ff4-b35c-be2596ea1380',
-            tenantId: 'f86a9b7c-bab0-4281-89a2-52b4caf89fab',
-            productId: 3,
-            layoutTypeId: 5,
-            pageData: [
-                {
-                    section: 1,
-                    position: 1,
-                    sectionName: 'Section One',
-                    componentName: 'Header',
-                    componentTypeId: 12,
-                    sectionId: '21e8ccff-71c6-49ad-999b-7969bc13b539',
-                    id: '9acb3088-ceff-4bc2-9ae5-71cf9d265c9d',
-                    columnSize: {
-                        xs: 12,
-                    },
-                    properties: {
-                        title: {
-                            key: null,
-                            i18n: 'utilitiesLabel',
-                            label: 'Primary Action Header',
-                            type: 'label',
-                        },
-                        subheader: {
-                            key: null,
-                            i18n: 'utilitiesDescription',
-                            label: 'Primary Action Button',
-                            type: 'label',
-                        },
-                        single: {
-                            value: true,
-                            type: 'bool',
-                        },
-                        grid: {
-                            value: false,
-                            type: 'bool',
-                        },
-                        tabList: {
-                            value: [
-                                {
-                                    icon: 'ChannelIcon',
-                                    label: 'Channel',
-                                    i18n: 'channelLabel',
-                                    view: {
-                                        id: '5c69deb2-0d55-4245-9950-3d4087736567',
-                                        component: 'Page',
-                                        type: 'page',
-                                        properties: {},
-                                    },
-                                },
-                                {
-                                    icon: 'RegisterIcon',
-                                    label: 'Registry',
-                                    i18n: 'registryLabel',
-                                    view: {
-                                        id: '954e62ed-42c4-470b-ae20-b6538c229ee2',
-                                        component: 'Page',
-                                        type: 'page',
-                                        properties: {},
-                                    },
-                                },
-                            ],
-                            type: 'tabs',
-                        },
-                        button: {
-                            id: 'd428b3a7-15fc-47e8-9328-07311e6c8811',
-                            key: null,
-                            i18n: 'createLabel',
-                            label: 'Create',
-                            opens: 'sideSheet',
-                            view: {
-                                id: '1724bbc2-62ba-4fcf-97f8-4a49c1393672',
-                                component: 'Form',
-                                type: 'form',
-                                properties: {},
-                            },
-                            type: 'button',
-                        },
-                        secondaryButtons: {
-                            value: [
-                                {
-                                    id: '52b093b8-d9b5-4fff-96b6-086f25a2254a',
-                                    icon: 'RefreshIcon',
-                                    label: 'Refresh',
-                                    i18n: 'refreshLabel',
-                                    opens: null,
-                                    apiMethodInstanceId: null,
-                                    apiMethod: {
-                                        apiMethodId: '71d826dc-88b0-46fe-85c3-ad53a72f0efc',
-                                        apiCatalogId: '95aa404c-48c4-43b7-a908-13f97172a170',
-                                    },
-                                },
-                                {
-                                    id: 'e7db268b-f829-450d-8113-8696a9ed04e7',
-                                    icon: 'DetailIcon',
-                                    label: 'Details',
-                                    i18n: 'detailsLabel',
-                                    opens: 'sideSheet',
-                                    view: {
-                                        id: 'b1f4001f-1d5f-485f-a36c-3eba8a621a64',
-                                        component: 'DisplayCard',
-                                        type: 'card',
-                                        properties: {},
-                                    },
-                                    apiMethodInstanceId: null,
-                                    apiMethod: null,
-                                },
-                            ],
-                            type: 'secondaryActions',
-                        },
-                    },
-                },
-                {
-                    section: 2,
-                    position: 1,
-                    sectionName: 'Section Two',
-                    componentName: 'AmbientGrid',
-                    componentTypeId: 12,
-                    sectionId: 'dea1a869-a29e-4e74-bad8-57634feaf796',
-                    id: 'baab045a-7ff6-4083-99bd-71ccbe77b06c',
-                    columnSize: {
-                        xs: 12,
-                    },
-                    properties: {
-                        tenantId: '034A2261-E825-4857-9EC5-E1DC2E577EEB',
-                        productId: 44,
-                        queryId: 'de331702-3ada-4f61-91ba-4772b758a691',
-                        gridId: 'CC8529E0-1CDD-4FC2-820A-50F76433B19E',
-                        hotListIdentifier: 'candidateID',
-                        userId: '8fe3b5ce-6a94-4ff4-b35c-be2596ea1380',
-                        gridBarTitle: 'Data Bar',
-                        renderConfigs: [
-                            {
-                                field: 'clientContact',
-                                rendererName: 'openFunctionCellRenderer',
-                                otherField: 'defaultClient',
-                                callbackId: 'handleContactClick',
-                            },
-                            {
-                                field: 'defaultClient',
-                                rendererName: 'hoverContentCellRenderer',
-                                otherField: 'title',
-                                callbackId: 'handleDefaultContactClick',
-                            },
-                            {
-                                field: 'actions',
-                                rendererName: 'hotListAddRenderer',
-                                otherField: 'businessObjectKey',
-                                callbackId: 'handleDefaultContactClickX',
-                            },
-                        ],
-                    },
-                },
-            ],
-        };
-    }
-    handleUserData(event) {
-        const userInfo = event.detail;
-        // Do something with userInfo
-        console.log('USER::::', userInfo);
-        this.tenantId = userInfo.tenantIds[0];
-    }
-    handleToggle() {
-        this.toggled = !this.toggled;
-    }
-    selectTab(index) {
-        this.activeTabIndex = index;
-        console.log('select tab');
-    }
-    // Test search convertor:
-    transformSearchData(searchData) {
-        const transformed = [];
-        // Iterate over all keys in searchData
-        Object.keys(searchData).forEach(key => {
-            const value = searchData[key];
-            // Skip non-searchable, empty fields, or boolean values
-            if (value === null || value === '' || typeof value === 'boolean' || (Array.isArray(value) && value.length === 0)) {
-                return;
-            }
-            // Determine the appropriate operator for each field.
-            // For example, if the field should use "IN" operator
-            // This is a placeholder, implement your logic here
-            const operator = 'IN';
-            // Push a new search criteria object into the transformed array
-            transformed.push({
-                searchField: key,
-                searchOperator: operator,
-                searchValue: value,
-            });
-        });
-        console.log('Transformed search data:', transformed);
-        return transformed;
-    }
-    cellClickHandler(otherCellValue, callbackId) {
-        console.log('In Angular Parent:', otherCellValue, 'Callback ID:', callbackId);
-        // Additional logic here
-    }
-    updateDemoPayload() {
-        this.mindscopeDemoPayload = demoMSSearchData;
-    }
-    updateDemoEmitter() {
-        this.dataEmitterDemo = {
-            searchField: 'city',
-            searchOperator: '=',
-            searchValue: 'San Diego',
-        };
-    }
-    onExternalData(event) {
-        const dataFromChild = event.detail; // Data from the child component
-        console.log('Received data from child:', dataFromChild);
-        if (dataFromChild && dataFromChild.pageList) {
-            this.clientDetails = dataFromChild.pageList;
-            this.viewDrawerOpen = true; // Assuming this is part of your component's state
-            console.log('clientDetails list...', this.clientDetails);
-        }
-    }
-    componentWillLoad() {
-        // Set configuration before the component loads
-        ConfigService.config = {
-            UNITY_API_DOMAIN: 'https://gateway.unitydev.ca',
-        };
-    }
-    render() {
-        const usernames = Array.from({ length: 26 }, (_, i) => String.fromCharCode(97 + i));
-        return (h("div", { key: '2c907419a2968760176c81633dee519775c9197d' }, h("app-bar", { key: '4fcd2520d4d771775e17c1218257e8f990715493', username: "joey" }, " Unity Ambient X "), h("primary-action-header", { key: '1d2e9ae15da1b3b63bbedcf92927b29d73740e00', title: "Primary Action Header", onClick: () => this.testPah(), defaultActionButtons: this.defaultActionButtons, activeTabIndex: this.activeTabIndex, selectTab: index => this.selectTab(index), primaryActionClick: () => this.handleLoadView(), tabs: false }), h("div", { key: '0406847abb7dabac08aea1a77d2a6884053992e8' }, h("udp-tab", { key: '646c918098ae7996a516240d41a93365a8ed75d4', active: this.activeTabIndex === 0 }, h("custom-button", { key: '8f6a8aa56c8e530eda9b3d134148b156de4b531d', variant: "outline", onClick: () => this.updateDemoPayload() }, "Demo External Search"), h("div", { key: '5662bce093b9d5c90d97c735dcd174243fd0b993' }, h("ambient-template-grid", { key: 'abb7f2f11dfd2058a4244d66992a80bd936d40ac', ref: el => (this.childComponent = el), maxChipsAllowed: 6, showHotlistButton: true, dataEmitterRequest: this.dataEmitterDemo, externalPayload: this.mindscopeDemoPayload, renderConfigs: this.renderConfigs, cellClickHandler: this.handleCellClick, cellClickHandlerX: this.handleCellClickX, viewActionClickHandler: this.handleViewActionClick, hotListIdentifier: "contactID", queryId: "97a18cdb-2484-4720-ad37-e11e43ad4866" // Contact
-            ,
-            userId: this.userId, gridId: this.gridId, fullViewData: this.fullViewData, externalSearchFilter: this.externalSearchFilter, gridBarTitle: "Data Bar", searchKey: defaultPayload })), h("side-sheet", { key: '62599e9b6015d827af739cc02499cfba431545c1', widthOption: "short", title: "Details", open: this.viewDrawerOpen, toggleDrawer: () => (this.viewDrawerOpen = false), position: "right" }, h("div", { key: '7baaf30b7762b6c60236288dad010de7b418b313' }, h("div", { key: 'db7c7f20a232de8c71c689e90f798be51d150640', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '667ef7de13451653006c28a7864a45a99334f0ae', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), h("div", { key: 'f7f648f28658e80e718b124f164b0e22cff7b388' }, this.clientDetails &&
-            this.clientDetails.map(item => {
-                return (h("div", null, h("tree-list-item", { label: 'Name : ' + item.fullName }), h("tree-list-item", { label: 'City : ' + item.city }), h("tree-list-item", { label: 'Candidate ID : ' + item.candidateID }), h("tree-list-item", { label: 'Phone : ' + item.businessPhone }), h("tree-list-item", { label: item.client_ContactClientID }), h("tree-list-item", { label: item.client_ContactContactID }), h("tree-list-item", { label: item.emailAddress }), h("tree-list-item", { label: item.emailID }), h("tree-list-item", { label: item.personID }), h("tree-list-item", { label: item.phoneID }), h("tree-list-item", { label: item.contactID }), h("tree-list-item", { label: item.businessObjectKey })));
-            }))))), h("udp-tab", { key: '4a2435a795e39aca3c6b041a03a239f10bc0bc03', active: this.activeTabIndex === 1 }, h("div", { key: '2be58b207aa7f0915310aa8f57004d39a877e80d', class: "container" }, h("ambient-demo-container", { key: 'd6b7e40ddf9cd0560b753537d791a50c6a36acf8', title: "Hint Panel" }, h("hint-panel", { key: '46879f23b771528cd2e6d33d89e90636a9eaa703', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), h("ambient-demo-container", { key: '11c5b9a835bc8f4b6612325512784750b9587916', title: "Primary Button" }, h("custom-button", { key: '65052564d4aab471a550bf19528b5c5046c494d3' }, "Main Button")), h("ambient-demo-container", { key: '073c85d6a3d234a92291ad47825ec3212938b558', title: "Secondary Button" }, h("custom-button", { key: '8e214b681af312403f3f0d30b821d65b3a4e4d8a', variant: "outline" }, "Secondary Button")), h("ambient-demo-container", { key: '0a60100dd38794b0486960f80c93dd77afdab95c', title: "Chip" }, h("stencil-chip", { key: 'b6cccb9237ee03399753c42d710b14e85b5bc3f0', text: "Chip", color: "secondary" })), h("ambient-demo-container", { key: 'c7ee13c873a0f1bb68ba09995cd9dc78b6f65bdd', title: "Chip" }, h("stencil-chip", { key: '5bc8948dc89b6ae3e5999d89698386ca2530b41c', text: "Chip", defaultToggled: true, leftIcon: Asterisk16 })), h("ambient-demo-container", { key: '01e6b6d7b889de8deffb3911069d6e90bdfd3fe0', title: "Icon Button" }, h("div", { key: '224fae41803b2eab0feb92b442369a0092e5d42d', style: { display: 'flex', gap: '8px' } }, h("div", { key: '5c5aa71134126f5ae4d65d53e6e538afad3e42e8' }, h("stencil-icon-button", { key: '35e7290ed8822774418c6a9e386d4b592030f8e9', noBackground: true, darkIcon: true, icon: Asterisk16 }, "Secondary Action")), h("div", { key: 'e24978e9701d848cfdda05b6f314f15fe7dbdbef', style: { background: 'black' } }, h("stencil-icon-button", { key: '5c1a7a7a64fc5fa1d674d5654a46f176073f66c3', noBackground: true, darkIcon: false, icon: Asterisk16 }, "Secondary Action")))), h("ambient-demo-container", { key: '11568f0b865a33a33d6fbdda65d14f0001756dce', title: "Popover" }, h("div", { key: '73665af0b7ce01a20add2ea8301b5a17766cd6db', style: { width: '100px', height: '170px' } }, h("udp-pop-over", { key: '89fdc968b4f72eeb29772327b2adab3b46b756ba', isOpen: true }, h("div", { key: 'eca382c03bf50c49046458f527137ab92ceed2e0', style: { width: '100px', height: '150px' } })))), h("ambient-demo-container", { key: '9a972aa214d7d3fd64ffe930a0cf8968e7fce16f', title: "Primary Action Header" }, h("primary-action-header", { key: '967f95983013e5d063b37d83af10db58f5f3301e', title: "Primary Action Header", onClick: () => this.testPah(), defaultActionButtons: this.defaultActionButtons, activeTabIndex: this.activeTabIndex, selectTab: index => this.selectTab(index), primaryActionClick: () => this.handleLoadView(), actionButtonLabel: "Add" })), h("ambient-demo-container", { key: '37f011ed92eefaa565cd85381897ef66d7746fd7', title: "Tooltip" }, h("udp-ambient-tool-tip", { key: 'f7daa6135130d5fd011ad7ed859cd2ad5824aaa4', content: "Tool tip content" }, h("unity-typography", { key: '851cb88cdf7f1befc4e5432fb4660a4eee34d003' }, "Hover for tooltip "))), h("ambient-demo-container", { key: '981c2ade1b6359047d64529bca1a241891d89e04', title: "Textfield" }, h("text-field", { key: '41edb9ce853bc007a5a935e8b170eb3dbef48f83', label: "View Name", placeholder: "Create a name for your view" })), h("ambient-demo-container", { key: '750b1ac51a0ec194ed6b53702d7c4b6bf0440d16', title: "Toggle" }, h("stencil-toggle", { key: '957d3ee1813e40502d2c62a92e7410094ac9c6df', label: "Private", checked: true })), h("ambient-demo-container", { key: '189d987c56d7f8e65383c5ce0448d905c70f6c73', title: "Selector" }), h("ambient-demo-container", { key: 'dd4e50a6423ea48b60c7919ac8913eac118e2c85', title: "Badge" }, h("udp-badge", { key: 'd8dbb0c7723be6b1007077b2c9983e8e584d6ae4', content: 5 }, h("custom-button", { key: 'c0b5531c86a9ccc91c80b4f14fdc9417ee22c7ba' }, "Main Button"))), h("ambient-demo-container", { key: '9b88723de4ca3f1e01e5165ac471a1144c2a9b9a', title: "Tabs" }, h("div", { key: 'f24b544324afcd6d17687a02082c5fb50c0e84e9', class: "tabs" }, h("udp-tabs", { key: '0d9d9bd6c45c04f6b06b9781e71bd49b3af3fb74' }, h("button", { key: '57edb717b63280171b25b5e53712bd2a30fcb74a', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: 'e0156948ba25b500e5c0aa3755d9a733e05243d9', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("ambient-demo-container", { key: '23fb5d9b21ed16290a206a8ad0cf32b75f3e45d5', title: "App bar" }, h("app-bar", { key: '147eb1c0487102f23354cff38725544e29725eea', username: "joey" }, " Unity Ambient X ")), h("div", { key: 'f4fc4bc4a677907618f67f658a227cb8730d73e5', style: { display: 'flex', gap: '8px' } }, h("ambient-demo-container", { key: 'bfad7e36b96ad8e5b43a1ad2b3a48adc17c35a05', title: "Avatar" }, h("div", { key: '798e6a7a7ac9dbb3a58f109cee4c7818c8172121', style: { display: 'flex', gap: '8px' } }, usernames.map(username => (h("udp-avatar", { username: username })))))), h("ambient-demo-container", { key: '7e6c819acc24415d5f7e9cd1c2cca35bc1712f07', title: "Typography" }, h("unity-typography", { key: '8036cadabc11ef0e369d4e744628d6dc53f625f8', variant: "body" }, "Body"), h("unity-typography", { key: '6ec7edde0f967c190e0434b7b7ccde0bc53b3655', variant: "h1" }, "H1"), h("unity-typography", { key: '28786ddc036013f7da5e97fc82241e377b268524', variant: "h2" }, "H2"), h("unity-typography", { key: '706decbf48e493aedf43aea93edc56cc02397590', variant: "h3" }, "H3"), h("unity-typography", { key: 'ae95d9c3ebfaf6fc6d9442cad13eef5685cc07de', variant: "h4" }, "H4"), h("unity-typography", { key: '05140fb5c7638f28806fb8266cd6c5a1ff1318cf', variant: "h4" }, "H5"), h("unity-typography", { key: 'b557a4d39a29998e33cec71319207693967f5c47', variant: "h4" }, "H6"), h("unity-typography", { key: '43f679885c42b484d5d8f86deea1f812fe74c0db', variant: "h4" }, "caption-text"), h("unity-typography", { key: 'fd22a2c59ceb528a9f8f6e821e6554116eecf9ce', variant: "h4" }, "data-display-one"), h("unity-typography", { key: '2408f3e3ace90ad3b33cc9f07d8b010bb1c83cdf', variant: "h4" }, "data-display-two"), h("unity-typography", { key: '8146c335584b22e346e37910ffeb706715feb6f6', variant: "h4" }, "button")), h("ambient-demo-container", { key: '2ca5ee6fefd90f4b80da25d62ba68041bfd4705c', title: "theme color" }, h("div", { key: 'd407a7bd45c0e102cbb1bc698e1aeea6c5367a3f', style: { display: 'flex', gap: '8px' } }, h("div", { key: 'caffb7612427d1a718ecac35a8495c02af25a786', style: { width: '50px', height: '50px', background: 'var(--primary-color)' } }), h("div", { key: '1838a63092aa3e342ad8ba55e543ee9d9e5ba7b7', style: { width: '50px', height: '50px', background: 'var(--secondary-color)' } }))), h("ambient-demo-container", { key: '05a4250e150fb0f5187414ff025e9b2eed142957', title: "new" })))), h("div", { key: 'a4d849f650f54d40c2fe6c77de3f1db2362f4395' }), h("fluent-dialog", { key: '5a34bb51c57f13f6d18315b7a72f7591b668e672', title: "Sample Dialog", message: "This is a message.", actionOne: () => alert('Action One Clicked'), actionTwo: () => alert('Action Two Clicked'), labelOne: "Confirm", labelTwo: "Cancel", open: this.dialogOpen }, h("div", { key: 'bf5eabb6eb4054780dc522b35dab86d8369c3110' }, "Here is some dialog content..."))));
-    }
-    static get is() { return "my-component"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["my-component.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["my-component.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "first": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "first"
-            },
-            "middle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "middle"
-            },
-            "last": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "last"
-            },
-            "accessTokenProp": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "access-token-prop",
-                "defaultValue": "''"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "toggled": {},
-            "dialogOpen": {},
-            "drawerOpen": {},
-            "popoverOpen": {},
-            "loadedView": {},
-            "loadedViewTitle": {},
-            "tenantId": {},
-            "externalSearchFilter": {},
-            "mindscopeDemoPayload": {},
-            "dataEmitterDemo": {},
-            "renderConfigs": {},
-            "filterObject": {},
-            "activeTabIndex": {},
-            "viewChips": {},
-            "additionalFilterChips": {},
-            "kpiValues": {},
-            "rowData": {},
-            "columnDefs": {},
-            "TestcolumnDefs": {},
-            "filterChips": {},
-            "clientDetails": {},
-            "viewDrawerOpen": {}
-        };
-    }
-    static get listeners() {
-        return [{
-                "name": "externalEmitter",
-                "method": "onExternalData",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=my-component.js.map