udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/collection/components/my-component/UI/grid/ambient-template-grid/ambient-template-grid.js

@@ -2893,29 +2893,29 @@ export class AmbientTemplateGrid {
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (h("div", { key: '06a855a84f5b62e40635b492062c6811c5d34c30' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'ce6fdc6fb52c93ea62559454f2dd3feab68405bc', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (h("div", { key: 'c1f1d28ada736e48a944aecbf535cdeac30add14' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'ee0b6239d0790c529de902dee212cefa807e9293', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, h("div", { key: 'e351f5e13f04b73ab3ec969edf5f46597f33cb6c', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '8873f256b66297b1ea64840cc535472fd7ecf2d4' }, this.showNotification && (h("udp-notification", { key: 'e08059b36da511612ef8cf42414978b835129142', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '380bf5c04e0ce96db8bded35278909817c39fc4c' }, `:host ::slotted(.ag-side-bar) {
+            } }, h("div", { key: '60116f61b34748c829924e984f167e67b04202ea', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '1f6c23dca663e2d09dae59f7532ab8b58ca58192' }, this.showNotification && (h("udp-notification", { key: '3df17aacede2e2d0a003ab9f97a4b908db7f5362', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '6a4893a379d797b1a0d4db2d97e482cf55312bfc' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), h("grid-primary-bar", { key: '11ab6c725d2826c1ab192f28a25f0e1b7d281162', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
+          }`), h("grid-primary-bar", { key: '180f49fb436f09f40dcc5f4b7aff7e2a81b21b16', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
                 this.insightsActionOnClick(e);
             }, showInsightsAction: this.showInsightsAction, hiddenActionButtons: ['saveView', 'filter'], primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
                 this.primaryActionOnClick(e);
-            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: '8a72ace14ed9aa9966f9534873379a640181d905', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '93efc465809322bc2824bd0913fc6bb22345712a', onClick: () => {
+            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: 'b713a78a60d4991d70f0a52c9a96da0b204cf596', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '26645f9a0bd08e44fce6482cdae7613e6460af2a', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '5e47330228d286d05f26030df8a1516ba0008c08', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '48e185d8d4861b0a912d51b9a58f4797a3cbe5a9', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '4cc7ec98a09090edb2b4f34382cb3abe79c648b3', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '714ae6cc2b7293bcfc581e20053e384617cdcd0c', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '036987e8067423797f33de8d1a61cc87dec03668', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '00b3365a97344798f65b2f0331aee7a8a7df0d04', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '0ac6aa352b42d88af6de6f5d5f5661bc8fe21bdf', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'fa1910981b94dd084719409edaa3c2493d6dc4f6', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '0ba25d682341300c177a5825e568be0c975f2883', onClick: () => {
+            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '1174930d3976615536d3490264691e954d67ee58', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'afd183bdd79f568e3a0c289081083865be3f28b1', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '07e255099290abd7e8f31ef1f187ad324aeb076b', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, h("unity-typography", { key: 'e35e794dc9ee6a4e628bc3c521f93a63fdcabe2d', variant: "button" }, "Expand Grid")), h("udp-divider", { key: '4d421730754fb4bcafd1bf1397bf1a807a2cc308', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '1ce164bca29df4674ef99009278b5262a2c71069', onClick: () => {
+            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '647bd1f7744b97974c9211fd3148cd35c3c093ec', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'ff974c719494f21dbb696b4a7031cf9c41ae83cb', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '41b3c2a3f9c74be1d4fa2b19973d149a790d444f', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: 'b6fefed4e3fb134ee6780ea4d6139ed702f0dd4c', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: 'dc4c5a5cae4cb1e08ce55f029511514438d47650', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: 'ef0ead478c987579e3ba30609b3fbdcf5941b0a4', class: "bulk-select" }, h("udp-badge", { key: 'dbb1e4d7bee9c742c4cd9b5a8dc7cecefea27823', content: this.selectedRowCount }, h("udp-selector", { key: 'b59043cd872fd7c3614ca67995855a5618708a1c', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (h("div", { key: '87aff157218a5fb69c4f47a7cd62b53fd4399806', class: "chip-wrapper" }, h("stencil-chip", { key: '919fa71e3691bd9ff157e50b4ad3f350d63e242a', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: 'c0b04206e01c74d49daf55898077074f9a7a252c', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: '67331c032b9988a87b63beb7deb71dd0bbfd8a9d', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: '3cfe21c770b1d61a77a48ee576fb2a9d7fd7dc2e', class: "bulk-select" }, h("udp-badge", { key: '5c8f762a50c9361dc3fcdcc310c868a471f39b7d', content: this.selectedRowCount }, h("udp-selector", { key: '7506e4099f19a9415e0446e0e9b13fc9333e2655', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (h("div", { key: '0ff4bb587e3692c50f33135071b9dd59b2803501', class: "chip-wrapper" }, h("stencil-chip", { key: 'cc211532a7c979fcf244be8e814cbf186cb1f320', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16 }), h("udp-divider", { key: 'cb0f77891a8ad75af1bd9e6a6e388ce6091b90d0', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: 'bc1d599392b3afc9f52aba60e77f34ee75894809', class: "chip-wrapper" }, h("stencil-chip", { key: 'cb7eb7d3c6ccd62f58d07aa24abd2c45758b1bb6', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: 'a9beb225edbe8835a2d2efa8931329e501526e0e', variant: "vertical", size: "30px" }))), h("div", { key: '0f7c729f397cd91ff7543bb7f36162a5f8775f03', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: 'b02d24580c12d0b9eac2c0357fe13bd2e12c85c9', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '825aa8784e62c0785c010b3ef7ca058c3b6de1a9', class: "kpi" }, h("kpi-list", { key: '49f0957b53ffcb4a8a5f8d230f68466b85977e17', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: '61d8d54a5c7bc27322422b4c34d3b851339d07f4' }, h("upd-alert-banner", { key: 'e2877507d68c8999c3de2c88e2c1e3c749efafa0', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '9cab5664ec99ccaa12fe2ef2599168cb950d3d07', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)' } }, this.linearLoading && h("udp-linear-loader", { key: '91bdcaa936df886725a35b69c84872078dfcabe2' })), this.noResults && (h("div", { key: 'f129b2c66e696b3e659a6edf0ea660105d2df252' }, h("upd-alert-banner", { key: 'a76ba5d21ad7b1b6f628d09b69624ee077cad07e', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '41fe449ee83c599c556e4725f0f884a782858712' }, ' ', h("ag-table", { key: '9b6de856fea0fc7a80c98e7efe21d6ff6ee41ca7', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight }), ' '), h("side-sheet", { key: '504b3da4b1cfc2e2ed5065ee577194ec34dd5e24', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: 'dfb3abc3b292856a3893c10bb9d44ae3b8007436', style: { width: '1200px' } }, h("advanced-search", { key: 'e09380cc0ce655c784cf3df6f7f861201cab2781', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList() }))), h("side-sheet", { key: '245d697c8e5dcbda0db361b93c71fa5fd94fd20d', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '740f3519dca03486240528225528975916a627aa' }, h("div", { key: '8e7ca5414736fd6ebc788c65ef99de82180d1bb5', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: 'ef5157abd12d891dc1b3bb4990e5453355eda7c9', 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: '9048acde97aa905db703081c22645bb0a0fd7e96', style: { width: '446px' } }, this.viewListRowData &&
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16 }), h("udp-divider", { key: '2882fc78cd612144f62a9a7ff2e9c11a57d185f0', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: 'bf9bbb54551a66ecf02eebaf48b6f64205540603', class: "chip-wrapper" }, h("stencil-chip", { key: 'b32805902a8a06e21106c7e12259d84f6e9c9e33', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '0be2edae8cf7195754d0496a247f65ed3fdd2c7f', variant: "vertical", size: "30px" }))), h("div", { key: '7b040a75c201a0d07b931d20d3bc9467d85bfd9a', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: 'dba5a62ed4cb8886ce704d7122c08b8392b6c5a5', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '979a26e3c97feb7b8333d435cb9c5a89de748a6f', class: "kpi" }, h("kpi-list", { key: '90454b2279f0c23c098b21f186635816c6e7e087', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'a71c357b0c1fd8a59212946e5b45f0c13e82a994' }, h("upd-alert-banner", { key: 'c88341bdf4609a53a55016944379fa8e857b590a', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '39bb7eda2abc7006d664c22650b0bdc528ee0874', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)' } }, this.linearLoading && h("udp-linear-loader", { key: '9bf04cb0286dc38cc234733b3a58d4f2589a6b3d' })), this.noResults && (h("div", { key: '243149881a8ef814cb30130d9f5e0bef3745777d' }, h("upd-alert-banner", { key: '9caa49e9d5cb0fb9221f46c3d9e28e14a36bb124', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '2dc75ea370eaf2641af4f362b91507f60b836824' }, ' ', h("ag-table", { key: 'e7abcf0e34f8bbb6d6719fc86b57ca560b3852b4', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight }), ' '), h("side-sheet", { key: '3a4f4c84906d655095a64de078a543c6b5ce88e9', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '183d281e7b1fb2d0250f1bb7b00a96adf7698e8b', style: { width: '1200px' } }, h("advanced-search", { key: '251c523402784bbe2309c0a320240ca31d6e24bb', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList() }))), h("side-sheet", { key: '7b2bf5b36880e13bbc777c9cfb590558715d2bed', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '3916b382f95721a194e039b843feefe2ef2d2ce7' }, h("div", { key: '61cadaee22b965a5c4dd1f2a881dd2ec4aaa71f6', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '9474568e27f53d2851341b36bdb4b36d941a9201', 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: '12d5e815032a52b476d2175d851591727e3b7cdf', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
                     return (h("tree-list-item", {
@@ -2926,9 +2926,9 @@ export class AmbientTemplateGrid {
                         }, editHandler: () => this.openViewEdit(item.gridViewId, item.name, item.isDefault, item.gridViewVisibilityTypeId), deleteHandler: () => this.openDeleteViewConfirmation(item.gridViewId), showUpdateDefaultOption: true, updateDefaultHandler: () => this.updateDefaultView(item), isDefault: item.isDefault, gridViewVisibilityTypeId: item.gridViewVisibilityTypeId, showAdd: false, showViewOption: false
                     }));
                 }
-            })))), h("side-sheet", { key: '8e5549672ab113051103364c3082104a4c5c4c1b', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: '776b3857f000dea63b87ecbeffc58f02024dc042', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
+            })))), h("side-sheet", { key: '6fd118b6c01b02747439239399b076cff3b565e1', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: 'b3a5f91dcccb0da253a0e4a793a303c0f374341d', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
             // onSearchItemChanged={() => this.handleSearchItemChange()}
-            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById })), h("side-sheet", { key: '8106b11211c57149f5ec9778a893c713bd656e72', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, h("div", { key: '3b938abde815566d0edfbe654d944bc3350a9bb3' }, this.showHotlistForm && h("udp-hotlist-form", { key: '02e8f51e6b2ed3b48ccf98ffa8bdbbd27797ea15', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: 'bab16714d7d51be37be4280addae5d75818bb739', style: { width: '446px' } }, this.allHotlists &&
+            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById })), h("side-sheet", { key: '41b3733227e52ce6283e2a1ffc46d9c783dd7991', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, h("div", { key: '74c107a2e1d311f2aa9ddd0745938c21173e5b6b' }, this.showHotlistForm && h("udp-hotlist-form", { key: 'c8d89de79ea2db6f0188942f233a757b0c49f0db', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: 'b3fed4a531c20975c1951673997754b5389b69f0', style: { width: '446px' } }, this.allHotlists &&
             this.allHotlists.map(item => {
                 if (item.domain === this.entityName) {
                     return (h("tree-list-item", { label: item.name, showViewOption: true, showAdd: this.businessObjectKey ? true : false, showDeleteOption: true, viewHandler: () => this.handleRequestHotlist(item.hotListId), deleteHandler: () => this.confirmRequestDelete(item.hotListId), onClick: () => this.handleSetSingleHotlistItem(item.hotListId), statusValue: item.isPrivate, statusClasses: {
@@ -2936,7 +2936,7 @@ export class AmbientTemplateGrid {
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), h("save-view-form-dialog", { key: '670e997103078ab3d971c540a778fb7fcb6e2144', open: this.saveDialogOpen, title: "Save New View", closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
+            })))), h("save-view-form-dialog", { key: 'caad79bcfc337759dba1ef724e871e23d0d89929', open: this.saveDialogOpen, title: "Save New View", closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
                 // Assuming this.columnState exists in this component's scope
                 this.handleViewFormSubmit(name, isPrivate, isDefault, this.gridState);
             }, handleViewAndConfigurationSubmit: (name, isPrivate, isDefault) => {
@@ -2949,11 +2949,11 @@ export class AmbientTemplateGrid {
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), h("edit-view-form-dialog", { key: '975cae30a319b77aa3ece661f235a3927def3135', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
+            } }), h("edit-view-form-dialog", { key: '56de0cf801f3f036a3a9dfd53aecde17ec6be07d', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
                 this.handleViewUpdate(gridId, name, isPrivate, isDefault);
-            } }), h("div", { key: 'e8104a28fcee2fcfca29924e8ecbbb484d17e379' }), h("fluent-dialog", { key: 'b8397b84d7bd79afaccf47d6313fb91b2f3e8c24', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, h("div", { key: '0239cd69a10a7d934dd8d87bea87a5e332e3cadf' }, "This will not delete any of the data but only the records ", h("br", { key: 'bd33be1fc8f0418bb9c15f8846217e496b87ff67' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '8a07cc4999b630665eef5b4be6093f239ac7271d', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, h("div", { key: 'fd974a917918147c207fc586e71f3342366260fa' }, "This will not delete any of the data but only the settings ", h("br", { key: '7713eedffd809b03f684cdb7871cb67431ff098c' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: 'd3d8303c9c37dbe4acb511f3b0fd5e349b7e912e', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, h("div", { key: '92ff35ff5a53cf7ef750de42a6e0471ea45a9deb' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: '9d43600ec09eb26b4900aa3e414b01fb995b84f5', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
+            } }), h("div", { key: '9185a03cee10cdf4fb62a41d0ff4dec839d8bec9' }), h("fluent-dialog", { key: '09f299b179a82fc92ace9ad90fad5eba65cf42e1', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, h("div", { key: '190e06b4c428e4f374ce4c3e0460a5a794bb5789' }, "This will not delete any of the data but only the records ", h("br", { key: '893b99f3d1a61642be7eaa7812e9f11a1771449d' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '568d45dd8b8cda2c1bd03ed785ccb4516aa4e306', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, h("div", { key: '7916ae2086611e030f6d803e4846f40e5d21664f' }, "This will not delete any of the data but only the settings ", h("br", { key: 'fe68d270901cdd87e3f41246a73d5e45b2a59949' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: 'ea05f6c8f087212364ab6ccafcc0cbff08ea26c2', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, h("div", { key: 'e1def5182aba7d1d342d5f7961a69e4f9056c692' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: '443390c92a57197d0957d1059ddce4e867ccdfb2', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
                 ? `Are you sure you want to toggle the search mode to standard search?`
-                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: '8796ea5282024fa555d104da683a7aa52970a96b' }, this.enableAdvancedSearch
+                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: 'e6f58ce94f7ae756a4d1e7f6658a03189d731dec' }, this.enableAdvancedSearch
             ? 'The advanced search functionality will be disabled, all advanced search filters will be cleared and the grid will be reset to its default state.'
             : 'The standard search functionality will be disabled and any existing standard filters will persist to the advanced search.'))));
     }

package/dist/collection/components/my-component/UI/grid/grid-primary-bar/grid-primary-bar.js

@@ -141,7 +141,7 @@ export class GridPrimaryBar {
         this.defaultActionButtons = this.initializeActionButtons();
     }
     render() {
-        return (h("div", { key: '356bfe545b354f6b9d689c23217727c3461c60ab', class: "header-bar" }, h("div", { key: 'f197a22c2acb2ff6a8de2df9b367b1904190b36a', class: "title-section" }, h("div", { key: '301d74f709afb690d6f6d02d4d2f7d4a776dcec5' }, h("unity-typography", { key: '78e2f59a9f5f375afeac4666a8cc8b47d11770ed', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '15dc19c4c93587937ca291112371fa172314e143', class: "button-section" }, h("div", { key: '501e973e0aa47b2e6bb24aa99a10b9654d1a313b' }, h("slot", { key: 'd04a997b0bf46e56194e01c9a8444094c035ba88' })), this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '2ad8f4d12090acb4021c546f4bc9c57ba5c44967', class: "header-bar" }, h("div", { key: '747497e1c5256f373e4e3b7b684c041eaad77218', class: "title-section" }, h("div", { key: '543ea337e8adce08bcf322da58344fa538dac5b2' }, h("unity-typography", { key: '4a98d271352f40274b60a8ec2faebb6637f8308e', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '07250d3c352ba3c9fdb795b140d029a15874c556', class: "button-section" }, h("div", { key: '3d6375a1048e5911c1c14f418c70eeb855befcdf' }, h("slot", { key: '47531ac8ea37d798cd3f4736fa4e4195abc7139b' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -154,7 +154,7 @@ export class GridPrimaryBar {
                 return (h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '3d1c6432d3cb1afc41d1b5c4521eb48557e292d2', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: 'd0442542aca3dcbf057818e72ed53adb20c458f4', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '6bd71e4db929effa85c531b98644347fa865100f', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: 'df1c3549c67c0897a3231110fed289207590fba0', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get is() { return "grid-primary-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.js

@@ -27,7 +27,7 @@ export class UdpHotlistForm {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (h("div", { key: '25d3ac15ce75e21c38ee581fd6760acd0452cb6b', class: "wrapper" }, h("form", { key: '23cb869dcf8111e10d5202ea00f066d64d6e955a', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'aeca29c646c86c96306f8baddc77fdf2d2421f25', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: 'f0d4a73109796d9b8cd71cba4057327ad37abd86', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '0dcf360e9189ca180a425d1f3b7530d54db53c17', class: "submit-button" }, h("custom-button", { key: '9f12210ec38cf756a601a418e7c4ca0653370fd8', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'aa24f4f10e50090d46fc0872acf9a350e12a76b2', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (h("div", { key: '37794c03999b3aa270826c0853d88c93aae35a1e', class: "wrapper" }, h("form", { key: '8d9b0159dff15a7d7acc1bddf1c630bb54b7b1e1', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'a817c11fc9c553c391b499301cfdfea4189a0ded', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '3dbd0b8dc6d92bca928d466d9ebed3ec7307e096', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: 'd48cc9bded5c9f23e5b365e10fd2236093253ba4', class: "submit-button" }, h("custom-button", { key: '245e5ca6ed9e63938e395f4c6e91a7cd819d6c18', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'a47f9a20272b5dcedf54b71ab155967967dbc92e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     static get is() { return "udp-hotlist-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/grid/new-grid/ag-grid-base.js

@@ -30,7 +30,7 @@ export class AgGridBase {
         return this.gridApi;
     }
     render() {
-        return (h("div", { key: 'b238a00d298f68a70183b1b919bac8ead632198d' }, h("grid-header", { key: 'eb29a176d36b8902b8f716aeaaff41bf69b8c2d5', headerConfig: this.headerConfig }), h("div", { key: '308b5401a3094b1060993496471d4c7403f60e26', id: "myNewGrid", style: {
+        return (h("div", { key: '27eb9cdaa0f1d15b932612cddd3ef58307b0f87d' }, h("grid-header", { key: 'e61b5726de062a47f65b5ba1f1980f4dcf3916fb', headerConfig: this.headerConfig }), h("div", { key: 'b629a0a3cdd114395435bae7ff75ed85deca995b', id: "myNewGrid", style: {
                 height: this.gridHeight,
             } })));
     }

package/dist/collection/components/my-component/UI/grid/new-grid/api-method-grid.js

@@ -15,7 +15,7 @@ export class ApiMethodGrid {
         }
     }
     render() {
-        return h("server-side-grid", { key: '7d19af0c06a331d1f170435da59029d7ab25ffab', onServerSideGridReady: e => this.handleApiMethodGridReady(e), dataSource: this.dataSource, columnDefs: this.columnDefs });
+        return h("server-side-grid", { key: '3177ae549fb1beae42d6e97725b288d7cfeed306', onServerSideGridReady: e => this.handleApiMethodGridReady(e), dataSource: this.dataSource, columnDefs: this.columnDefs });
     }
     static get is() { return "api-method-grid"; }
     static get properties() {

package/dist/collection/components/my-component/UI/grid/new-grid/client-side-grid.js

@@ -26,7 +26,7 @@ export class ClientSideGrid {
         this.gridReady.emit(this.gridApi);
     }
     render() {
-        return h("ag-grid-base", { key: '56d22b21406bf2bab332291c97c1062d7ae21d62', gridConfig: this.clientConfig, headerConfig: this.headerConfig, onGridReady: e => this.handleGridReady(e) });
+        return h("ag-grid-base", { key: 'd3e3fd50702ca15925cc540a1cc182c4049b3338', gridConfig: this.clientConfig, headerConfig: this.headerConfig, onGridReady: e => this.handleGridReady(e) });
     }
     static get is() { return "client-side-grid"; }
     static get properties() {

package/dist/collection/components/my-component/UI/grid/new-grid/grid-header.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class GridHeader {
     render() {
         const cfg = this.headerConfig;
-        return (h("div", { key: '5863877ae14c82b56c309ccf1cac013d10c419e1', class: "auto-header" }, cfg.title && h("h3", { key: '47f16658d43e66c323c69d57fbc94118fa72400a' }, cfg.title)));
+        return (h("div", { key: '24d68ea21e457f31ab1b47e5c8901f0e05e71b7e', class: "auto-header" }, cfg.title && h("h3", { key: '0a5c119e250b3d98b90a693181247052c45820e0' }, cfg.title)));
     }
     static get is() { return "grid-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/grid/new-grid/server-side-grid.js

@@ -30,7 +30,7 @@ export class ServerSideGrid {
         this.serverSideGridReady.emit(this.gridApi);
     }
     render() {
-        return h("ag-grid-base", { key: '2df34a48a5f8d251732b58c247144538aad220eb', gridConfig: this.serverConfig, headerConfig: this.headerConfig, onGridReady: e => this.handleServerSideGridReady(e) });
+        return h("ag-grid-base", { key: '83412261a57155c5b2bda4620828140b921e14d3', gridConfig: this.serverConfig, headerConfig: this.headerConfig, onGridReady: e => this.handleServerSideGridReady(e) });
     }
     static get is() { return "server-side-grid"; }
     static get properties() {

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-calendar.js

@@ -187,7 +187,7 @@ export class ResourceTimelineCalendar {
     }
     render() {
         var _a;
-        return (h("div", { key: '6c83624596cbb1275057a0c3823e292622f43fe1' }, h("resource-timeline-primary-bar", { key: '8cdfcab1a1cd4600d7a474d888ffa566953b8437', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryActionClick: this.handlePrimaryActionClick, primaryActionTitle: this.primaryActionTitle, secondaryActionClick: this.handleSecondaryActionClick, secondaryActionTitle: this.secondaryActionTitle, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, customFitColumnClick: this.fitColumns.bind(this), subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disablePrimaryAction: this.disablePrimaryAction, disableSecondaryAction: this.disableSecondaryAction, toggleGroupExpandAll: this.toggleGroupExpandAll.bind(this), showLockedIcon: this.showLockedIcon }), h("div", { key: '631ee0cbcb9477f563c13cec6127c5cf40f6a700' }, ' ', h("ag-table", { key: '5f1706f88304119719e47941ea6e0e1164ff3d5b', gridOptions: this.gridOptions, licensekey: LicenseKey, height: (_a = this.gridHeight) !== null && _a !== void 0 ? _a : "calc(100vh - 245px)" }), ' '), h("div", { key: '4a863a99ad088b599359367a8a8f61af645f35b6' })));
+        return (h("div", { key: '0584ab6972f5fa4b9ec88d8afd9fee7ea9cdff10' }, h("resource-timeline-primary-bar", { key: '18183d2e121928cfc5bf323522c122532bcbd6b7', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryActionClick: this.handlePrimaryActionClick, primaryActionTitle: this.primaryActionTitle, secondaryActionClick: this.handleSecondaryActionClick, secondaryActionTitle: this.secondaryActionTitle, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, customFitColumnClick: this.fitColumns.bind(this), subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disablePrimaryAction: this.disablePrimaryAction, disableSecondaryAction: this.disableSecondaryAction, toggleGroupExpandAll: this.toggleGroupExpandAll.bind(this), showLockedIcon: this.showLockedIcon }), h("div", { key: '7164177753abdb0013a316544a70bbc15ba6a0dd' }, ' ', h("ag-table", { key: '74362bfd6c458bccf5fea603286b7dd4f95be785', gridOptions: this.gridOptions, licensekey: LicenseKey, height: (_a = this.gridHeight) !== null && _a !== void 0 ? _a : "calc(100vh - 245px)" }), ' '), h("div", { key: '409b7da09acf3624e6012de6671db0e6efbc0372' })));
     }
     static get is() { return "resource-timeline-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.js

@@ -11,7 +11,7 @@ export class ResourceTimelinePrimaryBar {
         this.subtitleStatusMappingClasses = {};
     }
     render() {
-        return (h("div", { key: '7109742ead147643d5ea68ef8cd7a926d4ad0fb7', class: "header-bar" }, h("div", { key: '8eb9da6fbe1ee4edef4a9aa19e72ad7fceeb0371', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { class: "title", variant: "button" }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '3a31f1457f38f9b4158ac2a831647d7681b71cf2', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "caption-text" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), this.subtitleStatus && h("status-chip", { key: '0d156ed08da0ef50768cd3550f99d6fcfa822081', class: "status-icon", statusValue: this.subtitleStatus, statusClasses: this.subtitleStatusMappingClasses }, this.subtitleStatus), this.showLockedIcon && h("stencil-icon-button", { key: 'b0080ed1b97371c209a8d9264a335297c21206fa', class: "lock-icon", noBackground: true, darkIcon: true, icon: Locked16, noTooltip: true, showLabel: false }))), h("div", { key: '9be5e9815c420feae05468c2f3f0399fd1613446', class: "button-section" }, h("stencil-icon-button", { key: 'c55b6f036f36ec0487d4e555fffc60c93affed5a', darkIcon: true, icon: Fit16, showLabel: false, noTooltip: true, onClick: this.customFitColumnClick }), h("stencil-icon-button", { key: '8334f59a443909517de98b84a8d56486cf9215d5', darkIcon: true, icon: FitToHeight16, showLabel: false, noTooltip: true, onClick: this.toggleGroupExpandAll }), this.clickBackward && (h("stencil-icon-button", { key: '92db2c6020d5952079e08d40a9c74b978b6cf6ee', darkIcon: true, icon: ChevronLeft24, showLabel: false, noTooltip: true, onClick: this.clickBackward })), this.clickToday && (h("stencil-icon-button", { key: '61f2c344389fa6f93a726e52de12359293359c82', tooltip: "Current Date", noTooltip: true, onClick: this.clickToday }, "Today")), this.clickForward && (h("stencil-icon-button", { key: '07e73fb967eaa5b4c32dc84bfeb37f86d5ca729c', darkIcon: true, icon: ChevronRight24, noTooltip: true, showLabel: false, onClick: this.clickForward })), this.secondaryActionClick && (h("stencil-icon-button", { key: 'b00e74549a15b99561261accc1c990581f318768', icon: Checkmark16, disabled: this.disableSecondaryAction, noTooltip: true, onClick: this.secondaryActionClick }, this.secondaryActionTitle)), this.primaryActionClick && (h("stencil-icon-button", { key: 'e4bdbde92e53b7a3fe6c2d1f8219b3ea57cc02f2', disabled: this.disablePrimaryAction, darkIcon: true, icon: Add24, noTooltip: true, onClick: this.primaryActionClick }, this.primaryActionTitle)))));
+        return (h("div", { key: 'e4b02bd2b8ef3c4d9fa44b6017cd0f8a5eff7dc6', class: "header-bar" }, h("div", { key: 'abbc6920ba41e8b3d04a0240688d653da29d2613', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { class: "title", variant: "button" }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '17cbe8b25b091780ffabb93d4f6cca1559e91990', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "caption-text" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), this.subtitleStatus && h("status-chip", { key: 'd9bb742ccd6f3d7a998b50b07ee4c6cc16660bcc', class: "status-icon", statusValue: this.subtitleStatus, statusClasses: this.subtitleStatusMappingClasses }, this.subtitleStatus), this.showLockedIcon && h("stencil-icon-button", { key: '025b0509aa82b4508b664d3c019f844485d93046', class: "lock-icon", noBackground: true, darkIcon: true, icon: Locked16, noTooltip: true, showLabel: false }))), h("div", { key: '380e7c5ef0b95d15e3f26be4bf53475bffcb0be8', class: "button-section" }, h("stencil-icon-button", { key: '0bd6f18e7d0bb59ba99a6bff450b2eba3343beaa', darkIcon: true, icon: Fit16, showLabel: false, noTooltip: true, onClick: this.customFitColumnClick }), h("stencil-icon-button", { key: '34bba89ede7b553a4d43e847eeda746337f7a8bb', darkIcon: true, icon: FitToHeight16, showLabel: false, noTooltip: true, onClick: this.toggleGroupExpandAll }), this.clickBackward && (h("stencil-icon-button", { key: '2c14f28291d321fa5299de614382107733a44ed5', darkIcon: true, icon: ChevronLeft24, showLabel: false, noTooltip: true, onClick: this.clickBackward })), this.clickToday && (h("stencil-icon-button", { key: '379933b13162a8be2c0bb963ca56f2c59ee45496', tooltip: "Current Date", noTooltip: true, onClick: this.clickToday }, "Today")), this.clickForward && (h("stencil-icon-button", { key: '554d6b488646122513c6ad649669a7df7689961b', darkIcon: true, icon: ChevronRight24, noTooltip: true, showLabel: false, onClick: this.clickForward })), this.secondaryActionClick && (h("stencil-icon-button", { key: '524dbc82dc876402db5bb022c7a4646bca639a03', icon: Checkmark16, disabled: this.disableSecondaryAction, noTooltip: true, onClick: this.secondaryActionClick }, this.secondaryActionTitle)), this.primaryActionClick && (h("stencil-icon-button", { key: '17adba355edac1f687ce9a95cd382b643fd7e9cc', disabled: this.disablePrimaryAction, darkIcon: true, icon: Add24, noTooltip: true, onClick: this.primaryActionClick }, this.primaryActionTitle)))));
     }
     static get is() { return "resource-timeline-primary-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/checkbox/check-box.js

@@ -129,13 +129,13 @@ export class Checkbox {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (h(Host, { key: '4367eaf33152831fafc81328c8b3b7781cbb0c5b', class: {
+        return (h(Host, { key: '6a72c791032998e93962150c25179d3ab0ad8f0e', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--required': this.required,
                 'udp-input--checked': this.internalChecked
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '518888b6f2f8e28d3d4501ce31704b95443a04ae', class: "checkbox-container" }, h("input", { key: '0d37445454db048c79217cbd44634cbe08ed5be4', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '3b57ba580c4cf111994bd3394a7daa347eff5b6f', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '453a3c5b460d65960473dccec97096f588a0f50d', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '029405ece44c0cb25b42b3406ec599581c1f706a', class: "checkbox-container" }, h("input", { key: '23b50a35d2007a7fe4b2f01d8456540799dbb7eb', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '4da1f4c5f0beba9cf3d1e0bda5023e1080c8ccd1', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '36ff104bc3567de0c4416f703695be3a3f330d16', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "check-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/date-selector/udp-date-selector.js

@@ -160,7 +160,7 @@ export class UdpDateSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '5d8e8f450757be0bd63db8fb511dd22a039b2466', class: {
+        return (h(Host, { key: 'cd8eb162431d282a64ca428499b31c389d964006', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -169,9 +169,9 @@ export class UdpDateSelector {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '0b22e99b464d0ca84ff7c2bb31e4910c310fa798', class: "bx--form-item" }, h("unity-typography", { key: 'c813e22de8abb30805ba8186874e2ec6762fde9f', variant: "caption-text" }, h("label", { key: 'aa3cb179d85fc655a5ce234785aa19067edb29b6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '1b2f93e68873124f6a17b35e2fcfa640e80b469b', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '473df9337a3cc6dbb9aa3e7687d194a98f9ce9fe', class: "bx--form-item" }, h("unity-typography", { key: 'c63149f3a9cc0d88c51f1cc71be6751d771e35f2', variant: "caption-text" }, h("label", { key: '0ab607e8dd5e4e035cf0cee059caed2c09f149fa', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '762a962d30972ff1db2c9ee90ffac9c6c5ea325e', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'ca266c32a11a2653e322c159094ee7dd3857a311', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'f0161f79bae9bd431a6cc191015545e55d2f9089', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-date-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.js

@@ -189,7 +189,7 @@ export class UdpDateTimeSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'a4a4b1da1767b52e7c08025dcaab6f0d3e3f86d0', class: {
+        return (h(Host, { key: '85d5946dfe58a154c64b36e4b8049ad87b58fa4f', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -198,9 +198,9 @@ export class UdpDateTimeSelector {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'c4a2172e002e541172ceae2438300f8f11dd5c05', class: "bx--form-item" }, h("unity-typography", { key: '27f68ecbcd8b373f2d3debf44bcc664665cb2002', variant: "caption-text" }, h("label", { key: '03f99e2992c441089b55fba119d8ceced7bc9cd0', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'f5e5ce56fbb883392c36c7c697426d6cc5aa02e4', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '0acd3b73f117d23bf72a31e579989b91c4d65bd6', class: "bx--form-item" }, h("unity-typography", { key: '96800ba12c04caf023ec598a4e4b5d49d38110dc', variant: "caption-text" }, h("label", { key: '6bf6800633644e6ccf71626fefcc5909cd82f00f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '85aaa396c446593ffb7555af6bde6dd68bddcca0', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '04b8079259437699ecdac7699772c455b1a9d1e3', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '2fb0c1e5470610240c608fbdda2076ed8144aaff', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-datetime-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/file-upload/file-upload.js

@@ -2,6 +2,7 @@ import { h, Host } from "@stencil/core";
 import { ConfigService } from "../../../../../udp-utilities/api-config";
 import Close24 from "@carbon/icons/es/close/24";
 import axios from "axios";
+import { isFileReference, parseFileReferences } from "./udp-drive-utils";
 /**
  * A comprehensive file upload component with drag-and-drop support, file type validation,
  * and integration with UDP Drive for existing file management.
@@ -291,36 +292,48 @@ export class FileUpload {
      * @internal
      */
     async initialValueChanged(newValue) {
-        // Check if this looks like an event detail object (has value, files, toString, valueOf properties)
-        // If so, ignore it since this is from our own event emission, not external initialization
-        if (newValue && typeof newValue === 'object' && 'value' in newValue && 'files' in newValue && 'toString' in newValue) {
-            console.log('initialValueChanged received an event detail object, ignoring to prevent circular processing');
+        // Ignore event detail objects from self-emission to prevent cycles
+        if (newValue && typeof newValue === 'object' && 'value' in newValue && 'files' in newValue) {
             return;
         }
-        if (newValue === '' || newValue === undefined || newValue === null) {
+        // Handle empty or null values by clearing the component
+        if (!newValue) {
             this.files = [];
             this.existingFileReferences.clear();
             return;
         }
         try {
-            // Clear existing references when initialValue changes
             this.existingFileReferences.clear();
-            if (typeof newValue === 'string') {
-                // For backward compatibility - clear files if just a string
-                this.files = [];
+            let processedFiles = [];
+            // Case 1: The value is a special reference string
+            if (typeof newValue === 'string' && isFileReference(newValue)) {
+                processedFiles = await parseFileReferences(newValue);
+                // After parsing, populate the map of existing UDP files so they are marked as "(saved)"
+                for (const file of processedFiles) {
+                    if (file.driveFileId) {
+                        const udpFile = {
+                            driveFileId: file.driveFileId,
+                            name: file.name,
+                            extension: file.extension || file.name.split('.').pop() || '',
+                            tenantId: null, // Dummy value, not needed for display
+                            productId: 0, // Dummy value
+                            path: '', // Dummy value
+                        };
+                        this.existingFileReferences.set(file.name, udpFile);
+                    }
+                }
             }
+            // Case 2: The value is an array of File or UdpDriveFile objects
             else if (Array.isArray(newValue)) {
-                // Handle array of files (UdpDriveFile[] or File[])
-                const processedFiles = await Promise.all(newValue.map(file => this.processInitialFile(file)));
-                // Filter out null results after processing
-                this.files = processedFiles.filter(file => file !== null);
+                const files = await Promise.all(newValue.map(file => this.processInitialFile(file)));
+                processedFiles = files.filter(file => file !== null);
             }
-            else {
-                // Handle single file (UdpDriveFile or File)
-                const processedFile = await this.processInitialFile(newValue);
-                this.files = processedFile ? [processedFile] : [];
+            // Case 3: The value is a single File or UdpDriveFile object
+            else if (typeof newValue === 'object') {
+                const file = await this.processInitialFile(newValue);
+                processedFiles = file ? [file] : [];
             }
-            // Update value prop after initialization (but don't emit events)
+            this.files = processedFiles;
             this.updateValueProp();
         }
         catch (error) {
@@ -720,18 +733,18 @@ export class FileUpload {
         //   return null;
         // }
         const isError = !!this.errorMessage;
-        return (h(Host, { key: '7e56f8e39623d43c746c38f7ddab10bc42198b18', class: {
+        return (h(Host, { key: 'c1f02a5c917b40937601e2e3884c4fe1936a959d', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--full-width': this.fullWidth,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '19869bd8b849eb6e9c88d6816613180e63f81d9c', id: !this.hideDragAndDrop ? 'drop-area' : 'outer-container', onDragOver: this.handleDragOver, onDrop: this.handleDrop, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, class: !this.hideDragAndDrop ? (this.fullWidth ? 'full-width' : 'contained-width') : '' }, !this.hideDragAndDrop ? (h("unity-typography", null, h("p", null, this.dragAndDropMessage), !this.hideButton ? h("p", null, "or") : '')) : (''), !this.hideButton ? (h("custom-button", { label: this.browseFileMessage, onClick: (e) => this.handleBrowseFiles(e), id: 'udpRecord-file-upload-' + this.id, disabled: this.disabled || this.readonly,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '1d1a154c1c761076a9dff60d8ba69061d11a13c3', id: !this.hideDragAndDrop ? 'drop-area' : 'outer-container', onDragOver: this.handleDragOver, onDrop: this.handleDrop, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, class: !this.hideDragAndDrop ? (this.fullWidth ? 'full-width' : 'contained-width') : '' }, !this.hideDragAndDrop ? (h("unity-typography", null, h("p", null, this.dragAndDropMessage), !this.hideButton ? h("p", null, "or") : '')) : (''), !this.hideButton ? (h("custom-button", { label: this.browseFileMessage, onClick: (e) => this.handleBrowseFiles(e), id: 'udpRecord-file-upload-' + this.id, disabled: this.disabled || this.readonly,
             //@ts-ignore
-            udprecordid: 'udpRecord-file-upload-' + this.id })) : (''), this.files.length > 0 && (h("div", { key: 'a0237ffaeca36e4270511dc80ca005d453635c51', class: !this.hideDragAndDrop ? 'container' : '' }, h("div", { key: '29f6b2a647031ddb1edbaf6546bd59b0b83ee72b', class: !this.hideDragAndDrop ? 'inner-container' : '' }, this.files.map((file, index) => {
+            udprecordid: 'udpRecord-file-upload-' + this.id })) : (''), this.files.length > 0 && (h("div", { key: 'f80617fca05ad0020cd6b659b54728dd05d02f8c', class: !this.hideDragAndDrop ? 'container' : '' }, h("div", { key: '27d4582929098019d177ba87e5e721b1a442cce4', class: !this.hideDragAndDrop ? 'inner-container' : '' }, this.files.map((file, index) => {
             const isExistingFile = this.existingFileReferences.has(file.name);
             return (h("div", { class: !this.hideDragAndDrop ? 'file-container' : '', key: index }, h("div", { class: "file-text", onClick: () => this.downloadFile(file), style: { cursor: this.disabled ? 'not-allowed' : 'pointer', textDecoration: 'underline' } }, h("unity-typography", null, file.name, isExistingFile && h("span", { style: { fontSize: '0.8em', opacity: '0.7' } }, " (saved)"))), h("div", null, h("stencil-icon-button", { showLabel: false, icon: Close24, onClick: () => this.handleRemoveFile(index), disabled: this.disabled || this.readonly }))));
-        })))), this.errorMessage ? (h("div", { id: "error-text" }, h("unity-typography", null, this.errorMessage))) : (''))));
+        })))), this.errorMessage && !this.fileWindowOpen ? (h("div", { id: "error-text" }, h("unity-typography", { color: "error" }, this.errorMessage))) : (''))));
     }
     static get is() { return "file-upload"; }
     static get encapsulation() { return "shadow"; }