udp-stencil-component-library 1.0.0

package/dist/components/my-component.js

@@ -0,0 +1,1794 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import Asterisk16 from '@carbon/icons/es/asterisk/16';
+import { C as ConfigService } from './p-Cn7PuhQz.js';
+import { b as demoMSSearchData, d as defaultPayload } from './p-CHwzYRIB.js';
+import { d as defineCustomElement$O } from './p-BA_dC8ar.js';
+import { d as defineCustomElement$N } from './p-DUZtbs0w.js';
+import { d as defineCustomElement$M } from './p-Dj9ueyrg.js';
+import { d as defineCustomElement$L } from './p-8jTNGGTa.js';
+import { d as defineCustomElement$K } from './p-DygdPd9I.js';
+import { d as defineCustomElement$J } from './p-BR5QkT_5.js';
+import { d as defineCustomElement$I } from './p-DpLtIIwx.js';
+import { d as defineCustomElement$H } from './p-BIglXKmh.js';
+import { d as defineCustomElement$G } from './p-CPoC5Sp5.js';
+import { d as defineCustomElement$F } from './p-BuRv3dp5.js';
+import { d as defineCustomElement$E } from './p-Ky-XJEZL.js';
+import { d as defineCustomElement$D } from './p-fWjFZjQw.js';
+import { d as defineCustomElement$C } from './p-qf6UCDV3.js';
+import { d as defineCustomElement$B } from './p-ITdkb3Af.js';
+import { d as defineCustomElement$A } from './p-y76qDwvD.js';
+import { d as defineCustomElement$z } from './p-i4OwefP0.js';
+import { d as defineCustomElement$y } from './p-DntePo7I.js';
+import { d as defineCustomElement$x } from './p-D8BxImYi.js';
+import { d as defineCustomElement$w } from './p-Cqop-pkv.js';
+import { d as defineCustomElement$v } from './p-B0DDn0I9.js';
+import { d as defineCustomElement$u } from './p-hRee3qYx.js';
+import { d as defineCustomElement$t } from './p-B0Z1nz8S.js';
+import { d as defineCustomElement$s } from './p-Dx-EPCPD.js';
+import { d as defineCustomElement$r } from './p-DaQoPi4y.js';
+import { d as defineCustomElement$q } from './p-DaLqozen.js';
+import { d as defineCustomElement$p } from './p-ZeWoGdjP.js';
+import { d as defineCustomElement$o } from './p-BJAj5sbP.js';
+import { d as defineCustomElement$n } from './p-C-wDzVCk.js';
+import { d as defineCustomElement$m } from './p-Dri6DPsA.js';
+import { d as defineCustomElement$l } from './p-CC2PFIrk.js';
+import { d as defineCustomElement$k } from './p-Ci_CQV-N.js';
+import { d as defineCustomElement$j } from './p-BmbhN5rI.js';
+import { d as defineCustomElement$i } from './p-DeK9qLsG.js';
+import { d as defineCustomElement$h } from './p-UH1w_lLn.js';
+import { d as defineCustomElement$g } from './p-DtbBlfbP.js';
+import { d as defineCustomElement$f } from './p-D_p1JpLt.js';
+import { d as defineCustomElement$e } from './p-D6597cWr.js';
+import { d as defineCustomElement$d } from './p-2iPr7Wvy.js';
+import { d as defineCustomElement$c } from './p-9Q4d_8eH.js';
+import { d as defineCustomElement$b } from './p-o-bA5e79.js';
+import { d as defineCustomElement$a } from './p-CpGuVcRn.js';
+import { d as defineCustomElement$9 } from './p-kFwgcDES.js';
+import { d as defineCustomElement$8 } from './p-C7DS5naX.js';
+import { d as defineCustomElement$7 } from './p-BoD1tv2h.js';
+import { d as defineCustomElement$6 } from './p-CzgDLAcK.js';
+import { d as defineCustomElement$5 } from './p-DhvewUwP.js';
+import { d as defineCustomElement$4 } from './p-C0UDJI6E.js';
+import { d as defineCustomElement$3 } from './p-DkppmXNM.js';
+import { d as defineCustomElement$2 } from './p-Ba5n_UGZ.js';
+
+const myComponentCss = ":host{display:block}.wrapper{display:flex;width:100%;border-bottom:1px solid #e5e5e5;background-color:#344861}.titleWrapper{flex:1;margin-left:16px;color:white}body{margin:0;font-family:sans-serif;padding:0}.container{padding:16px;background-color:rgb(249, 249, 249)}";
+
+const MyComponent$1 = /*@__PURE__*/ proxyCustomElement(class MyComponent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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 style() { return myComponentCss; }
+}, [1, "my-component", {
+        "first": [1],
+        "middle": [1],
+        "last": [1],
+        "accessTokenProp": [1, "access-token-prop"],
+        "toggled": [32],
+        "dialogOpen": [32],
+        "drawerOpen": [32],
+        "popoverOpen": [32],
+        "loadedView": [32],
+        "loadedViewTitle": [32],
+        "tenantId": [32],
+        "externalSearchFilter": [32],
+        "mindscopeDemoPayload": [32],
+        "dataEmitterDemo": [32],
+        "renderConfigs": [32],
+        "filterObject": [32],
+        "activeTabIndex": [32],
+        "viewChips": [32],
+        "additionalFilterChips": [32],
+        "kpiValues": [32],
+        "rowData": [32],
+        "columnDefs": [32],
+        "TestcolumnDefs": [32],
+        "filterChips": [32],
+        "clientDetails": [32],
+        "viewDrawerOpen": [32]
+    }, [[0, "externalEmitter", "onExternalData"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["my-component", "advanced-search", "advanced-search-grouped", "ag-table", "ambient-demo-container", "ambient-template-grid", "app-bar", "custom-button", "edit-view-form-dialog", "filter-conditions", "fluent-dialog", "grid-primary-bar", "hint-panel", "kpi-list", "primary-action-header", "save-view-form-dialog", "search-list-item", "side-sheet", "side-sheet-container", "status-chip", "stencil-chip", "stencil-icon-button", "stencil-icon-button-grid-action-header", "stencil-toggle", "text-field", "tree-list-item", "udp-ambient-tool-tip", "udp-avatar", "udp-badge", "udp-button", "udp-column-header", "udp-divider", "udp-dynamic-container-with-menu", "udp-function-button", "udp-grid-loader", "udp-hotlist-form", "udp-icon", "udp-linear-loader", "udp-menu-item", "udp-notification", "udp-page-header", "udp-pop-over", "udp-pop-over-grid-action-header", "udp-radio-button", "udp-selector", "udp-skeleton-loading", "udp-tab", "udp-tabs", "unity-typography", "upd-alert-banner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "my-component":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MyComponent$1);
+            }
+            break;
+        case "advanced-search":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$O();
+            }
+            break;
+        case "advanced-search-grouped":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$N();
+            }
+            break;
+        case "ag-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$M();
+            }
+            break;
+        case "ambient-demo-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$L();
+            }
+            break;
+        case "ambient-template-grid":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$K();
+            }
+            break;
+        case "app-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$J();
+            }
+            break;
+        case "custom-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$I();
+            }
+            break;
+        case "edit-view-form-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$H();
+            }
+            break;
+        case "filter-conditions":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$G();
+            }
+            break;
+        case "fluent-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$F();
+            }
+            break;
+        case "grid-primary-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$E();
+            }
+            break;
+        case "hint-panel":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$D();
+            }
+            break;
+        case "kpi-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$C();
+            }
+            break;
+        case "primary-action-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$B();
+            }
+            break;
+        case "save-view-form-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$A();
+            }
+            break;
+        case "search-list-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$z();
+            }
+            break;
+        case "side-sheet":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$y();
+            }
+            break;
+        case "side-sheet-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$x();
+            }
+            break;
+        case "status-chip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
+            }
+            break;
+        case "stencil-chip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$v();
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$u();
+            }
+            break;
+        case "stencil-icon-button-grid-action-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
+            }
+            break;
+        case "stencil-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "text-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "tree-list-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "udp-ambient-tool-tip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "udp-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "udp-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "udp-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "udp-column-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "udp-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "udp-dynamic-container-with-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "udp-function-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "udp-grid-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "udp-hotlist-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "udp-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "udp-linear-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "udp-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "udp-notification":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "udp-page-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "udp-pop-over":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "udp-pop-over-grid-action-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "udp-radio-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "udp-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "udp-skeleton-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "udp-tab":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "upd-alert-banner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const MyComponent = MyComponent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyComponent, defineCustomElement };
+//# sourceMappingURL=my-component.js.map
+
+//# sourceMappingURL=my-component.js.map