udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/collection/components/grid/ambient-template-grid/ambient-template-grid.js

@@ -2999,11 +2999,11 @@ export class AmbientTemplateGrid {
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (h("div", { key: '61720c082324f4283cb39a9435d418f8f1d67bdb' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'f4a4a28404e196c0a33d3ddcff02f3afe89bd7d5', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (h("div", { key: '7cc474f05f7818a40d4ef9b6f36b848a7f702dd5' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'b35ce6cc2703299960ec3e82f8ed2dca99fe499d', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, h("div", { key: 'd919b221bbaa979170ce916c279fef9f52286fd0', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '5131760a9dac165b6517c4e82e84b1934aeeb5ed' }, this.showNotification && (h("udp-notification", { key: '9bd877d1e3e6802b3e8d2840a56623c40902758a', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: 'da4df8f48ec347e0570dce8203b59e56ad0723f2' }, `:host ::slotted(.ag-side-bar) {
+            } }, h("div", { key: '8e57751ec2a6847b91da5565db662780d3b2012e', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '931ccbbd5e1adff975cd1b426707956206176026' }, this.showNotification && (h("udp-notification", { key: 'e809bd63f91dd65175624cbff228ef105d9fb1fa', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '53e57a87cfd52cceaa296c98b6b6e119e495d18a' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), h("grid-primary-bar", { key: 'fbf4778646b5d74bb91f64536125fd15f397098c', 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
+          }`), h("grid-primary-bar", { key: '55c9d5120f3ff3d4c887bd53f84f3128da3f0fb6', 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);
@@ -3012,25 +3012,25 @@ export class AmbientTemplateGrid {
             }, 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: '917dacd731f6f77e2574a5c2aaf09f2b90af1373', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: 'f81cc361b41532fb81b38a0d6db6a950f29b4e8e', onClick: () => {
+                !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: 'ddf555b41978f8bdff30b55c1caa2870128b1e1c', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '1aa9f066e9c902a84a08f006a3f5befb9de66792', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: 'c57f701172166684cbe9213fda8d27e5618c6217', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '5f97a22f2ccf900a97f27e9bf58c1682423ecafe', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '61dd1602005c53e4b5158f8b303e5a64acbf93ed', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '5715ad2444083e8bfd22b45c7fb44dcacae5701b', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '8edc56c06022c382c34c5280010a5dd50d8e6ce5', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '3c2de36d49ea6f36cc760912e1ce84e94664feed', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '56f301c1f9a2f637489e975e84bd433ce306f9e5', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'bd55f842c47380f50ee49f55967bd15094c8e26f', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: 'e4993915b5f1d26d2668047a91d0fa765fea22a0', onClick: () => {
+            }, tooltip: "Fit to Column" }, h("unity-typography", { key: 'ab453fc7e6b0aa12292a317ab1ca451cf0471e39', variant: "button" }, "Fit to Column")), h("udp-divider", { key: '0fa06ad6e021345075498b1a42d906094456ad39', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '76efcdcb0b8eed868c433c49f7a99eef79ce5fd3', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '75b66fff3ab8f6a4a799f8de7cff08eb84ebd62f', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'e1c4a7f387e89ae799d828094a457532355e8b05', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '7e3ab0aa22b2ad58190dd1a6b50484662dc66827', onClick: () => {
+            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '42d9dad2e96ca27fccc14fbbc106889fecd4397f', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'a9fc0c4c49203a0b23587c4a899629cc7dc5102b', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: 'f427b1059617dbbc9f538a67ee26265d14cab48f', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: '1c12c5de4d6b8bdd19c0ffe1c3b3ecb502c972bd', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: 'b12711cabc5f6c49acbe35cfecdbdf44d931c849', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: 'a03fd56871526a078d2e89df5cae64ea218b28b8', class: "bulk-select" }, h("udp-badge", { key: '60e9d31a7da3947c204a6f7905c808cca944250a', content: this.selectedRowCount }, h("udp-selector", { key: '060f3f8008427726945b4b4addf158869f828823', 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: '5273190028b3214a5df46a8eb419e6fd739b0d6c', class: "chip-wrapper" }, h("stencil-chip", { key: 'c21928aeacf7f32cc1505908d92d555cadeb4449', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: 'f00e687f32302685a35e595c52244b0d6ac33bee', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: '14c2c9d9985eb90abfaf0f69263414923d3092ae', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: '2a90a6503643787ece87a05617e210ae10e7c649', class: "bulk-select" }, h("udp-badge", { key: '8e1fa6513f6c35107f76ae61bfa7b1e2f955c609', content: this.selectedRowCount }, h("udp-selector", { key: 'af3d6b14bda3988837c53567f78e6babb847e0b4', 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: 'f17d0a3f60de80002582136b2de32b56f911532b', class: "chip-wrapper" }, h("stencil-chip", { key: 'cc0be531b12266179971adae05996115c7dc1ef1', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: '15e2b653c82861ae24181ce40cbf9739ded75082', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: '1c80e0cab1f577d5f223d2b81d4c3be92bcdc005', class: "chip-wrapper" }, h("stencil-chip", { key: '63c645e79898faa3e1dcb80e64747df05b16108d', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '206972b184d047bf211c132e9455bd196397e743', variant: "vertical", size: "30px" }))), h("div", { key: 'a99aeb331d78f005d6fc15c1901e7ab780cc849e', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: '16cbc40e17f6f5287dc57634bf43b2dfe530ee28', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: 'db3679d5ebfc4138e9fcd8022ea172abca130002', class: "kpi" }, h("kpi-list", { key: 'dbd5a376c207036ffb59ee8423f3f397f32990ea', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: '804274de0932816265f847177376604c789b0f4b' }, h("upd-alert-banner", { key: '29d99395e770bade26ac997689fa16073bac6f55', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '9a131614aef63e7e07ccb4392ad583d0b40a8a94', style: {
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: 'c3b53abce6c28e5f11e3999fe554328b65b682c1', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: 'c08b3d992e51344143faf32fb92f7c34a1bb2680', class: "chip-wrapper" }, h("stencil-chip", { key: 'ef796ad0ec5d6691bdbb5beca3bc82e28f51f095', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '97f0714eecdf264c285c573ec45a04e787c1e57d', variant: "vertical", size: "30px" }))), h("div", { key: '4290d14cb00ea79f4b4b2df15860a9d30aec5886', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: 'af17775dd7cd1f0bb6cb811bc85938d476051952', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '9a93ea53e75359e055a2d2701155d22f0fe59563', class: "kpi" }, h("kpi-list", { key: '75e5518d87dd1c03bb4c55e6c12ca7c5fcb1a84a', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: '9b97a5f02833f5e68a9b76156e622fcf00d7babb' }, h("upd-alert-banner", { key: '37f2cd4158e3b261a51c31bb8d3da8177dff97ef', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: 'edcf6f27066fca6879c4b84365110a224bff226a', style: {
                 height: '4px',
                 backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)',
                 overflow: 'hidden',
-            } }, this.linearLoading && h("udp-linear-loader", { key: '6c0dfe8db075845f5a4b57339963ec4a0db92f63' })), this.noResults && (h("div", { key: '567db7082408673fea582c3efea80fe860c7d6e9' }, h("upd-alert-banner", { key: '146b6b194f3843383ac5e95c5dc2c1fca8cff74a', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '843d56cce1e99a6cb3f5163def42f264f4dfcc7a' }, h("ag-table", { key: 'dd3ef86fcac7ce35fd36471cb8ad1a5ab8dbcb25', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: '4d543b7c7a6bf1f866b1fa565c496fcba1a4f36c', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '00e1e497678fffe842e164e841079a25ac0a9a0b', style: { width: '1200px' } }, h("advanced-search", { key: '7c24b29381dad342807c891301c3cd22413b9e6b', 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(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), h("side-sheet", { key: 'e9c278320d7973067286234579eea8d66f2d5529', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '9e104bbf199825a1552dd6acdf87868858272bf9' }, h("div", { key: '573503410db34e26929a890b6aabe8017343a36a', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '9fedd4030545e5a92593eef4f99e47de72f5ad0a', 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: '8e5addf9b8407f7fd02dcdfc026d1b7e74ebc87c', style: { width: '446px' } }, this.viewListRowData &&
+            } }, this.linearLoading && h("udp-linear-loader", { key: '9cf09235083ce9def27eadfa2ea8c396a9182bd0' })), this.noResults && (h("div", { key: '646230583a2a90579aa5271f128331d6217a6422' }, h("upd-alert-banner", { key: '2a784a134b2ca09fcadc0f6f9e9cb093fcf4170e', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '52015befac78d48e77ca75b82683cc3d81e87eb6' }, h("ag-table", { key: '3304b745c4786bfe80a8eb1b380c8d77108546ee', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: 'd5641a31c2083a32f84d37ae29588260b08937da', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '42220b9094fa37349cf36dec158faa0aeecd7165', style: { width: '1200px' } }, h("advanced-search", { key: 'af80d2fe94a65ef724b5d646cb8679c3f704f64c', 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(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), h("side-sheet", { key: 'ba9b2ce3deea0f4c3a620d7714a24c0b036cbe8b', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '8c487b1aeea56553864b85acbd27ca28ec69a58e' }, h("div", { key: 'b1461b64084450ae5161c251987ee6166dd6041f', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '381e75f8edcb8d4168bb550b643eb328cfe80684', 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: 'ea8488610533f31da24007e643a72e436120a71d', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 ||
                     item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
@@ -3042,9 +3042,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: '7bf88f1e1a1f87a23e4541ea3ae56e9ac527cd86', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: 'dc4e864d295a604d7bdd31455c9f915d93100c9f', 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: 'a980f9bda1b69b42f3ee100348120c83ba798e4f', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: 'f31b5591f499b64e44e90ca93b8ab0a34598b45a', 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, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: '4793beb334b0db238d834459ccb49fb7de5e0c39', 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: '6dc7e1226a4b08e1b4935023b524961d11b1103d' }, this.showHotlistForm && (h("udp-hotlist-form", { key: 'fc8d270008049224329a50ca4505bf6b55e44c55', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() })), h("div", { key: '95dbf701c0926d88727722f8d27d236df2d8bc13', 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, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: '44bff7eb4c353545bf89f8e59baeab5cc553da4c', 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: '9f7b2ce408fd957fcc0cda712522844335448551' }, this.showHotlistForm && (h("udp-hotlist-form", { key: 'fbe1c537622abcb6f498a57810f1eda27dff7e1e', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() })), h("div", { key: '3342a8ab522dd3c2c32dff5ceb1a0cf8ad4af53e', style: { width: '446px' } }, this.allHotlists &&
             this.allHotlists.map(item => {
                 if (item.domain === this.entityName) {
                     return (h("tree-list-item", { label: item.name, fieldName: 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: {
@@ -3052,7 +3052,7 @@ export class AmbientTemplateGrid {
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), h("save-view-form-dialog", { key: 'e2d89936c3ad7c816c91a1a7f6b15ccb4958aa94', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : '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: 'c6e9d8837a59aa5d6a95a8c279810b69beff7d96', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : '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) => {
@@ -3065,13 +3065,13 @@ export class AmbientTemplateGrid {
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), h("edit-view-form-dialog", { key: '64b31778a0203ce7aee0494e7cf66537e3f12c00', 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: 'a3a298f1156ef570e2a9cdb4ee783e2db3012ea8', 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: '7990b41ed86824cf33e053db8ef4c802fa4703a1' }), h("fluent-dialog", { key: '0e37bb71be084e6f7131171bb2b46c15cf5b1fc7', 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: 'a0af4ee01b421f189eb5772dd09d672fdc80ca4c' }, "This will not delete any of the data but only the records ", h("br", { key: '182a465be09309fd45fa07d6ee46920f99786936' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: 'c2f7cb492b15c60f4b0adb6bb674db350fd7dcd7', 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: '680b64fc9cdc46d9d4eeab52775621356cfd4fff' }, "This will not delete any of the data but only the settings ", h("br", { key: '7de739e7a71f137bda210158bddb48e9cb4d22f2' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: '2088ef2b67b2b124df9d1c7b97d7f48990250392', 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: 'dcd88c7f95c82e39c12774575a903996e58e2c08' }, "This is a public view. Any changes made to it will be seen by others when they load this view.", ' ')), h("fluent-dialog", { key: '711665a5703e4b0ddc8f7f2fa1ce11550849dcc2', title: 'Toggle Search Mode to ' +
+            } }), h("div", { key: 'a9ba4a9e5c88d9724164656c5857b8b549068034' }), h("fluent-dialog", { key: '9c5eb266010a2d5a37358f9a1a2aa4736f3b3a96', 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: 'bc2a1e65182321b617822a9055d5978abb892f4c' }, "This will not delete any of the data but only the records ", h("br", { key: 'db9d9d721f35ffb3328bacc52779df83bfe0e3ca' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: 'a2014490091de2dad3515c2943985043218fb73e', 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: '8d826e434baba7007ea098c88229cbaa1646ccec' }, "This will not delete any of the data but only the settings ", h("br", { key: '7a2bfd2d9cb6febc2fd02949646e0feec599931c' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: '93abb6b2d7bf77f9e1068b295bfa1806e3b54ae6', 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: '673aab78974597ce884edbe57d6cc50ea97361a3' }, "This is a public view. Any changes made to it will be seen by others when they load this view.", ' ')), h("fluent-dialog", { key: '54ffe564b08e6787cbfb41b43ace4f8268e6742d', 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: '3552f3e45790ebc2150bace9a15dc2419a7116a7' }, 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: '4b08e8a6cf39093c4ab2a6f5934cd337f8174d9c' }, 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/grid/grid-primary-bar/grid-primary-bar.js

@@ -150,7 +150,7 @@ export class GridPrimaryBar {
         this.updateHideBar();
     }
     render() {
-        return (h("div", { key: 'd0e92ad63b338c132a1328306f62c105196682bd', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '4a8d62ce8c659134a777604e976e9f83ac255bc4', class: "title-section" }, h("div", { key: '3522a2e5535d57513442f6320f446c91f08ae3bc' }, h("unity-typography", { key: '7aed20b78117ba3cb61f2478af65a45463cde1fb', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '160f0619983bc9a1a2c4a9c41a08d04ea2cddc67', class: "button-section" }, h("div", { key: '578f1e0147da9d47a50228312ddaf6a7ff85476f' }, h("slot", { key: 'aa320f50288b55c33192677f6bd898f31f3a1772' })), this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '2d0dc882d15ba0837da5370413134b26038b5245', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '3038864e6a161b4bd7cddf33dc1e5e0573a506e8', class: "title-section" }, h("div", { key: 'f7045453617d84424c89a6f12302db315728e4ac' }, h("unity-typography", { key: '0f79a57195c00514f69426b4e0e42b3c3292340b', variant: "h4" }, this.title, " "), ' ')), h("div", { key: 'a724b8505de0f8178440bb4b62041165b84bd573', class: "button-section" }, h("div", { key: '35248c4b0784d8ea4a1279973e6eb68695ecf26d' }, h("slot", { key: '04c7b1a8651dbe6dc7fb73ea503ef9a22e17338b' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -163,7 +163,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: 'dd1ac64462d79e734eac8de43b63e7f441e8ce5b', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '1fe29e222cb83dfece0f459667a10e3ee25c4cf5', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '69df2cdc07b5e218164905a780feeb2ee7ec2064', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '45122a616eb3c887c7fb82ad7c48ec2bd94395e5', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get is() { return "grid-primary-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/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: '6ea4287c721de2ac229c6e2ffae1a89bd795f7ef', class: "wrapper" }, h("form", { key: 'a255871bcdf0f5a16dd617a7817cb606f2c71cc5', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'fe345f3096b6f59e634f69b294969ed004e2b60d', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '54e70c440626d5d8b214d2fcea00921980da5a83', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: 'bbe4cedbe049e779fb049505234cf33dc182b7d6', class: "submit-button" }, h("custom-button", { key: '9c19b71bfaf46f27443c26ddc191715d8662c8ef', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'd040b0d48592fa144d95611548d30f0ba7c764d4', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (h("div", { key: 'dbe2ce708da81d22f37c35beeb8fe778859ccac9', class: "wrapper" }, h("form", { key: '94c1f7282656d17e4098b9ad7c291cc139015ad8', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: '2ada338b3756ba92c03b30f438474ce88f64ed76', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: 'cdba4ec398403056f286a41f9442f257075078c5', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: 'f9a9b340e36cfad725bf9b2d7fababc7ef8395d3', class: "submit-button" }, h("custom-button", { key: '535ebdbf9499f36b5f00dc65b702d175b944be71', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'ed6cf44c5d74f7ccc23614da1f387b1e642cb385', 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/grid/new-grid/ag-grid-base.js

@@ -200,7 +200,7 @@ export class AgGridBase {
         this.updateGridContextValues();
     }
     render() {
-        return (h("div", { key: '9a16d8b90b805ed1451eb48db0ba7df90c714457', ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: 'fe0119315b8b73cd3e49f7521f3c794fc1250238' }, h("div", { key: '6a6346c130cc32488ed2e790877e07c1ad5bff89' }, h("udp-dialog", { key: 'cf73e98bda7a6aa8de4d1c9b5a958927ec1f4a84' }), h("udp-list-item", { key: 'd77aa780107896612c5f9f1a07230aa8b1b9b33a' }), h("hint-panel", { key: 'c2050efb63fdba5ecf99842550ae067c1206c6e9' }), h("udp-side-sheet", { key: '0ec1f693d133f81a236719dee3c627926057acbc' }), h("udp-fluent-dialog", { key: 'eea6076a4fdda9606cd6623f4a38ceab61a56171' }), h("udp-fluent-text", { key: 'c12db7b6556f1a8a5972888600deb0d6d09dedc6' }), h("udp-fluent-text-input", { key: '1171561b4331bff6e0e3aea9417e2996ae007811' }), h("udp-fluent-switch", { key: '148678c460ee96cf4015d031241709527490dfc9' }), h("udp-fluent-button", { key: '8e43757246063a8087b362a43004c25c900f8b34' }), h("udp-text", { key: 'd6653a02fe0030e288a564296b2422976d1a34ce' }), h("udp-search-input", { key: '9f50750b415c1501ceecc4c4854660556edcb7de' }), h("udp-fluent-avatar", { key: '559183c3e5a1711a7d0cd65d0f7a87c76b4f2c43' }), h("udp-fluent-icon-button", { key: '77e871ca66f2d4177cbaf5a057f1ff4d5e28f8b2' }), h("udp-fluent-icon", { key: '579b0bec7e771bfe6bac0ae649238cfb8e9c317e' }), h("udp-fluent-badge", { key: '7d5a070cfa141e90b4c593cabcd77c401e0376b3' }))), h("grid-header", { key: '6174b78b2359bd4c1693000e5f9aefc969aac885', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, gridFunctionInstances: this.gridFunctionInstances, refreshKey: this.refreshKey, onHeaderAction: this.onHeaderAction }), h("div", { key: '26f0e971996dddaf3bbe8bac1c0dda70b6388661', ref: el => (this.gridEl = el) })));
+        return (h("div", { key: '104459ae3bbc35124905c375284deea7fd4a18e2', ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '9246393a0abf0f32551fc7783747328dbba99ec7' }, h("div", { key: 'b8e6d1fdb1ff7884e6723a0ff9421bd12ad63740' }, h("udp-dialog", { key: '4e2de434c26d11fa47104e6c8f06d76d3e617500' }), h("udp-list-item", { key: 'c46d7dec91a2bae694631f095c9904f85d607ba6' }), h("hint-panel", { key: '4177e50ac5fedda3f15de57153de46201f104454' }), h("udp-side-sheet", { key: '2e8914c6d8ea1bb83e48cce4489fd2d636884498' }), h("udp-fluent-dialog", { key: '482719dc0f89bdbe4749d28aa1d2509343de1ca7' }), h("udp-fluent-text", { key: '03a30ea4a724b2d003befd88f4fa8eba27685411' }), h("udp-fluent-text-input", { key: 'a6e25454b5bd17db8ed441363c81b66902987323' }), h("udp-fluent-switch", { key: 'b547bd01dda86ba3b1c94a5973de9b562cf7cb59' }), h("udp-fluent-button", { key: '9d5b809d46caaedf783b42598adb23f2d181a8b8' }), h("udp-text", { key: 'f4ce740ea9998d756f4e9518a1c304dd5e4208a3' }), h("udp-search-input", { key: '8192e2ac08b3ee6052578677c3361e9dc7648ec5' }), h("udp-fluent-avatar", { key: '8e7f9bb0c6e9dee5d50b5740a9599a7a1271f677' }), h("udp-fluent-icon-button", { key: '059f897ae01e52266e938f77c70dd848efd12f43' }), h("udp-fluent-icon", { key: '33b02e8a98bb6fee997ac180942dbb2545ea2c21' }), h("udp-fluent-badge", { key: '5b0ca3ac9944d662c9593602fe8adfd13da4a2b8' }))), h("grid-header", { key: '5a1a52b5e07dd84dbc5f7b0c8d6ac3cca3faa2d9', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, gridFunctionInstances: this.gridFunctionInstances, refreshKey: this.refreshKey, onHeaderAction: this.onHeaderAction }), h("div", { key: 'ea69fb43b9a875f35ef7851662af90474321ef81', ref: el => (this.gridEl = el) })));
     }
     static get is() { return "ag-grid-base"; }
     static get originalStyleUrls() {

package/dist/collection/components/grid/new-grid/api-method-instance-grid.js

@@ -92,7 +92,7 @@ export class ApiMethodInstanceGrid {
         void this.getApiMethodInstanceData();
     }
     render() {
-        return (h("div", { key: 'ba3c1e3d6af72f4db730faf78ebfc36a4c76dbd9', style: { position: 'relative' } }, this.isLoading && (h("div", { key: '3b7082a09a93f7f98b4e0f8e6d36d18504228750', style: {
+        return (h("div", { key: '3d24709d0fe5d7284994189f723f1e241abbb4e8', style: { position: 'relative' } }, this.isLoading && (h("div", { key: 'c75165dd8282f7d92fc4a32f872937b9576cdd11', style: {
                 position: 'absolute',
                 inset: '0',
                 display: 'flex',
@@ -100,7 +100,7 @@ export class ApiMethodInstanceGrid {
                 justifyContent: 'center',
                 zIndex: '10',
                 //background: 'rgba(255, 255, 255, 0.8)',
-            } }, h("udp-spinner", { key: 'e3b67121af39033e99b64f7a3aa42cf69c4106e6', size: "large" }))), h("search-method-grid", { key: '67631e34b4360831d3e045af8a965788ed534b76', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback, columnDefs: this.columnDefs })));
+            } }, h("udp-spinner", { key: 'cafa30d2a48577e7f38ad7cb337ea1949bb1ebbd', size: "large" }))), h("search-method-grid", { key: '34509045b95e9f580ef544f8740b4cffa2fe1ce5', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback, columnDefs: this.columnDefs })));
     }
     static get is() { return "api-method-instance-grid"; }
     static get properties() {

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

@@ -38,7 +38,7 @@ export class ClientSideGrid {
         this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: '666162b2a5fdc844236ccc9d093d66f3820cd85d', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback, gridHeight: this.gridHeight }));
+        return (h("ag-grid-base", { key: '986f172c2d9f1758548f3f49be1b3cd2c2693b26', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback, gridHeight: this.gridHeight }));
     }
     static get is() { return "client-side-grid"; }
     static get properties() {

package/dist/collection/components/grid/new-grid/gridFunctions/bulkActions.js

@@ -20,9 +20,37 @@ export class BulkActions {
         this.onRowSelectionChanged = () => {
             var _a;
             startGuardedTransition(() => {
-                const rows = this.api.getSelectedRows();
-                this.selectedRows = rows;
-                this.selectedRowCount = rows.length;
+                var _a, _b, _c, _d;
+                if (this.api.getGridOption('rowModelType') === 'serverSide') {
+                    // SSRM: selection is a rule, not a row list. Derive the count from the
+                    // rule. getSelectedRows() must NOT be called while select-all is active
+                    // (AG Grid warning #199), so only read concrete rows for explicit picks.
+                    const state = this.api.getServerSideSelectionState();
+                    const total = (_b = (_a = this.api.getGridOption('context')) === null || _a === void 0 ? void 0 : _a.rowCount) !== null && _b !== void 0 ? _b : 0;
+                    const toggledNodes = (_c = state === null || state === void 0 ? void 0 : state.toggledNodes) !== null && _c !== void 0 ? _c : [];
+                    const selectAll = (_d = state === null || state === void 0 ? void 0 : state.selectAll) !== null && _d !== void 0 ? _d : false;
+                    this.selectedRows = selectAll ? [] : this.api.getSelectedRows();
+                    this.selectedRowCount = selectAll
+                        ? Math.max(total - toggledNodes.length, 0)
+                        : toggledNodes.length;
+                    this.selectionState = {
+                        rowModelType: 'serverSide',
+                        selectAll,
+                        toggledNodes,
+                        selectedCount: this.selectedRowCount,
+                    };
+                }
+                else {
+                    const rows = this.api.getSelectedRows();
+                    this.selectedRows = rows;
+                    this.selectedRowCount = rows.length;
+                    this.selectionState = {
+                        rowModelType: 'clientSide',
+                        selectAll: false,
+                        toggledNodes: [],
+                        selectedCount: rows.length,
+                    };
+                }
                 this.refresh();
             });
             //Refetch server action if gridId has changed, or fetch has not happened
@@ -51,13 +79,13 @@ export class BulkActions {
         this.executeLocalFunction = (functionName) => {
             const selectedFunction = this.localFunctions.find(f => f.label === functionName);
             if (selectedFunction) {
-                selectedFunction.callback(this.selectedRows);
+                selectedFunction.callback(this.selectedRows, this.selectionState);
             }
             this.refresh();
         };
         this.executeActionProviderAction = (actionId) => {
             if (this.actionProviderCallback) {
-                this.actionProviderCallback(actionId, this.selectedRows);
+                this.actionProviderCallback(actionId, this.selectedRows, this.selectionState);
             }
             this.refresh();
         };
@@ -77,11 +105,22 @@ export class BulkActions {
             this.api.setGridOption('rowSelection', { mode: 'multiRow', enableClickSelection: true });
         }
         else {
+            // SSRM: the header checkbox selects ALL matching rows (every page), stored
+            // as a selection rule ({ selectAll, toggledNodes }) — not a row list.
+            // 'currentPage'/'filtered' are invalid for SSRM and silently fall back to
+            // 'all', so we leave selectAll at its default. Selection is read from
+            // getServerSideSelectionState() in onRowSelectionChanged.
             this.api.setGridOption('rowSelection', {
                 mode: 'multiRow',
                 enableClickSelection: true,
-                headerCheckbox: false,
+                headerCheckbox: true,
             });
+            // SSRM row selection requires Row IDs; without getRowId the select-all
+            // state and selection tracking are unreliable.
+            if (!this.api.getGridOption('getRowId')) {
+                console.warn('[bulkActions] Server-side row selection requires `getRowId` in gridOptions. ' +
+                    'Without it the header checkbox select-all and selection state are unreliable.');
+            }
         }
         //Get gridId from context and fetch bulk actions, or set empty server actions if no gridId
         this.gridId = (_b = this.api.getGridOption('context')) === null || _b === void 0 ? void 0 : _b.gridId;

package/dist/collection/components/grid/new-grid/search-method-grid.js

@@ -74,7 +74,7 @@ export class SearchMethodGrid {
         }
     }
     render() {
-        return (h("server-side-grid", { key: 'c4c00eb959bad20100b9f2f1a96bc9013f7cac01', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("server-side-grid", { key: 'd9791249ca416802fab3863cc60a327c4ed5b2f0', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get is() { return "search-method-grid"; }
     static get properties() {

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

@@ -23,7 +23,7 @@ export class ServerSideGrid {
         this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'a8ad7baf728ab3ded852d91cc6a4c90b1cd7e5c7', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: 'c49a157e5e1de23659e323e29eb04b4395bcec96', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get is() { return "server-side-grid"; }
     static get properties() {

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

@@ -117,7 +117,7 @@ export class ResourceTimelineCalendar {
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '92e721dafa80975ead78ed3e8fba36a65636a8d0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'e17ff97f7069c5a057caad6168534738dbc79c53', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon }, h("slot", { key: '4eb8edb054f962695c7b018508ea718d5bafec16', name: "inline", slot: "inline" })), h("client-side-grid", { key: '32bfe633f571dd7a47d773cff67042be5b6b19f0', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridFunctions: this.getGridFunctions(), gridId: this.gridId, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: '9859ba3a357e5ff6b3af2ca610bd745e2dfcefd0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: '1e88673b1eccab14147b8634e9ec04a24563afe4', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon }, h("slot", { key: 'b759f14475440172ead2f675303e0beff9f6bf7a', name: "inline", slot: "inline" })), h("client-side-grid", { key: 'd23b3a3f70d9e100a7195c04cb3fc0e61b0966dc', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridFunctions: this.getGridFunctions(), gridId: this.gridId, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {
                     colDef.suppressHeaderContextMenu = true;

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

@@ -22,11 +22,11 @@ export class ResourceTimelinePrimaryBar {
                 Object.assign(Object.assign({}, this.secondaryAction), { label: (_d = this.secondaryAction.label) !== null && _d !== void 0 ? _d : '', disabled: this.secondaryAction.disabled || this.disableHeaderActions }),
             ]
             : [];
-        return (h("udp-primary-action-header", { key: 'f5edf0459f7e0f6136ed8e3056db4b788369164e', primaryAction: primaryAction, secondaryActions: secondaryActions }, h("span", { key: '4b539edaaa740cff41c3c4e1a8b6086d4f4c54df', slot: "title" }, this.gridBarTitle != null
+        return (h("udp-primary-action-header", { key: '684c299e5526ad20fb1c0d0feae08a92c8d01f06', primaryAction: primaryAction, secondaryActions: secondaryActions }, h("span", { key: '1e6453e230c55672c3ba71c8273ccaa61a773107', slot: "title" }, this.gridBarTitle != null
             ? h("udp-text", { variant: "subtitle1", block: false }, this.gridBarTitle)
-            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: 'b3a30a27bc09da0ce1de25e667496120f937101c', slot: "subtitle" }, this.subTitle != null
+            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: 'e32e399fdff02beed30f1a8e241a983eebbd0583', slot: "subtitle" }, this.subTitle != null
             ? h("udp-text", { variant: "caption1" }, this.subTitle)
-            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: '59002f25369250081912604674992da9bc1e3624', slot: "inline", class: "inline-status" }, h("slot", { key: '5c0e77c384f8c62a74072624666e968f0d3658bc', name: "inline" }), this.subtitleStatus && (h("udp-fluent-badge", { key: '9627a6c43500ee36edac9d577661559e82bf7370', appearance: "outline", color: chipToBadgeColor[this.subtitleStatusMappingClasses[this.subtitleStatus]] }, this.subtitleStatus)), this.showLockedIcon && (h("udp-fluent-icon-button", { key: '515c9aa4087d17d8c8152b9773b8cf9b54ad4ff3', iconName: "lock", appearance: "outline", size: "small", disabled: true, ariaLabel: "Locked" }))), this.clickBackward && (h("div", { key: '0a999382c0ce9c3f2bb865d0dba3f43af5e1f44e', slot: "actions", class: "date-navigation" }, h("udp-fluent-icon-button", { key: 'd20fd23cbc27ff99a2de9d106a05efcda45d9398', ariaLabel: "Previous period", iconName: "chevron-left", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickBackward }), this.clickToday && (h("udp-fluent-button", { key: 'a6b7cac7b5a97d4d137085d4ccfd5613242ed18d', appearance: "subtle", disabled: this.disableHeaderActions, onClick: this.clickToday }, "Today")), h("udp-fluent-icon-button", { key: 'a67cf5dd57057065f0a437cda062d6df24b0d953', ariaLabel: "Next period", iconName: "chevron-right", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickForward })))));
+            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: '281deb6e2678e3729bd7419708cb1c44879d9c07', slot: "inline", class: "inline-status" }, h("slot", { key: '254cb0922383349d7c347180f9728229368fa9c4', name: "inline" }), this.subtitleStatus && (h("udp-fluent-badge", { key: '1ecec25eb1db822b5bf827f3c3fdd5d8603cdb96', appearance: "outline", color: chipToBadgeColor[this.subtitleStatusMappingClasses[this.subtitleStatus]] }, this.subtitleStatus)), this.showLockedIcon && (h("udp-fluent-icon-button", { key: '2d592f9d535ad9a721291263e67d4d04d2200e51', iconName: "lock", appearance: "outline", size: "small", disabled: true, ariaLabel: "Locked" }))), this.clickBackward && (h("div", { key: 'd44e7b3f5927c54c7256c460427285e3db1bdc18', slot: "actions", class: "date-navigation" }, h("udp-fluent-icon-button", { key: 'e8eb8c16f9c535020f59779f59948c55b109e2b2', ariaLabel: "Previous period", iconName: "chevron-left", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickBackward }), this.clickToday && (h("udp-fluent-button", { key: '2505791f7bbb106c8c2ea7f5011d2f2f888f9741', appearance: "subtle", disabled: this.disableHeaderActions, onClick: this.clickToday }, "Today")), h("udp-fluent-icon-button", { key: 'a840bd59bb111da4228c7bf50c7946190404bfb1', ariaLabel: "Next period", iconName: "chevron-right", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickForward })))));
     }
     static get is() { return "resource-timeline-primary-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/address-search/address-search.js

@@ -179,15 +179,15 @@ export class AddressSearch {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (h(Host, { key: '1571600d3d494d313f93582b4498ef887ec7a99b', class: {
+        return (h(Host, { key: '54c1b5ced8b1feb8f09a0106cbf5ed44e2b52358', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 'address-search--suggestions-open': isSuggestionsOpen,
-            } }, h("div", { key: 'b70fcc7b2e81cd61c0d90b8e47ccd816a2a68657', class: "bx--form-item map-input-search-field" }, h("unity-typography", { key: 'b0364f1191437caa0841d6b77da9cd01ee674ce9', variant: "caption-text" }, h("label", { key: '282b8eee40e96b1f19390770b9ef829cb62438da', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), h("div", { key: 'c78d5e03afe8695ce3aa48134ea461857354b5fd', class: "search-container" }, h("div", { key: '857cbac7e7f2e2945d4ea0726345767b25ff18db', class: "search-wrapper" }, h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
+            } }, h("div", { key: '71ab567177663be2428a7230a6c77adbc1bc779f', class: "bx--form-item map-input-search-field" }, h("unity-typography", { key: '62d419bd641583b49601c6e1224e40b852edb56a', variant: "caption-text" }, h("label", { key: '0444fe564d25002d536b113a54a29803e596d460', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), h("div", { key: '3596d562635950ae34ffff929bda657003332b0d', class: "search-container" }, h("div", { key: '598d0c22795a35930385d4cd158166830fc605ff', class: "search-wrapper" }, h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-            ref: el => (this.searchInputEl = el) }), h("div", { key: '3761ae348cc1cdd1640ac5e980ff91bfe39e4e53', class: "search-actions" }, h("button", { key: '76f224bf745d29e999a8f40207132cbf052527c7', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), h("div", { key: 'bbd142a58bad4bc190c1fff1d36fc318bd587980', class: { 'loading-indicator': true, 'hidden': !isBusy } }, h("div", { key: '37ea79440c9acff7086d7dbbd824dabb960abe66', class: "spinner" }))), h("udp-pop-over", { key: 'ac0ef8d4a234e91cebdc6806a4996d3f83477ed1', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, h("ul", { key: '0228f5977d73bcdaa3b4104c453c946839fc27a7', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, h("unity-typography", { variant: "body" }, h("div", { class: "suggestion-content" }, h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (h("div", { class: "error-message" }, h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
+            ref: el => (this.searchInputEl = el) }), h("div", { key: '9c7bbed5e77ef3402ea06cce661a1d0ff04662ca', class: "search-actions" }, h("button", { key: 'fe2b9e6c2657f614951b4d36f346e5f7277cf89b', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), h("div", { key: '57f8996c3813a5ff4bf62d373522eacc2f33c469', class: { 'loading-indicator': true, 'hidden': !isBusy } }, h("div", { key: 'c9209dd794c3cb393609cbb44a6f720200e95ce7', class: "spinner" }))), h("udp-pop-over", { key: 'db70afb735bbdab669e0591d663e6d18f2a5dbbe', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, h("ul", { key: '23262f78c690fc311e94bc10b26a7fdcc6fd73ab', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, h("unity-typography", { variant: "body" }, h("div", { class: "suggestion-content" }, h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (h("div", { class: "error-message" }, h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
     }
     static get is() { return "address-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -129,13 +129,13 @@ export class Checkbox {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (h(Host, { key: 'eee6e787476ed2cf30bb37f46e2c07583995f29a', class: {
+        return (h(Host, { key: '38b86edb1086d96e64d595299425e99557fb19c1', 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: 'a6328aba43099c7d0911fb2d82e15972d8a7dbcd', class: "checkbox-container" }, h("input", { key: 'dadfe0b5e11f20c9852cfe5d5eefb69c067c527d', 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: 'f249a421fcb0aae4efe80d78bd42bd2aa253e2a7', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '43ebfc2f5efca5c5713fe953745af47adb8984e2', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'd3d864ed22dd2b97a067504c75ea686474e19866', class: "checkbox-container" }, h("input", { key: '5de6dacf24df58a388e044c423d2d79c6f8139a3', 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: '2df405fd4dab70af58815b934d7522e91b6f0c7c', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: 'b0c450de24306361e505d8712bedaacdead91700', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "check-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/date-range-selector/udp-date-range-selector.js

@@ -467,10 +467,10 @@ export class UdpDateRangeSelector {
                 : 'calendar-range';
         const containerWidth = this.getContainerWidth();
         const monthWidth = this.getMonthWidth();
-        return (h(Host, { key: '7f3b47433cfeb11958f4a795ab543e7ec0f13570', style: {
+        return (h(Host, { key: '2c96970f661cbad7b66974124e973671d642d7de', style: {
                 '--calendar-width': monthWidth,
                 '--container-width': containerWidth,
-            }, class: `size-${this.size}`, onClick: e => e.stopPropagation() }, h("div", { key: '107351ca36776ebf443311793313843a9d383973', class: "calendar-header" }, h("udp-fluent-icon-button", { key: 'b91e4f0d1a54344dfaa3d5ded9f0d5f8e4f8d699', iconName: "chevron-left", onClick: this.handlePrevious, disabled: this.isPrevDisabled(), appearance: "transparent", ariaLabel: "Previous" }), h("udp-fluent-button", { key: 'a445fde9eb3ae9ff7753c00dc21ac45cd0a1658a', appearance: "transparent", onClick: this.handleHeaderClick, ariaLabel: this.viewMode === 'year' ? undefined : 'Change view', disabled: this.viewMode === 'year' }, this.getHeaderText()), h("udp-fluent-icon-button", { key: '9b791afd007615ebb8c9b8aabffff47921173d39', iconName: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabled(), appearance: "transparent", ariaLabel: "Next" })), this.viewMode === 'day' && (h(CalendarTag, { key: '4711ddf5156e315c6eefbb6fb18a79015d4a2939', ref: el => (this.calendarRef = el), value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange, onFocusday: this.handleFocusChange }, h("span", { key: '990acbf0b90edc532f37dbb57741690da8183bfc', slot: "previous", style: { display: 'none' } }), h("span", { key: 'edcf80e6ec99d7f3639f6c5ee8c0025acb49c731', slot: "next", style: { display: 'none' } }), h("div", { key: '1232ad593e810386f48443e7117587b9e33d3106', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))), this.viewMode === 'month' && this.renderMonthGrid(), this.viewMode === 'year' && this.renderYearGrid()));
+            }, class: `size-${this.size}`, onClick: e => e.stopPropagation() }, h("div", { key: '084e12c39bb72e4d1ce3c8414fbbea4afe191ca9', class: "calendar-header" }, h("udp-fluent-icon-button", { key: 'fbee6a6fc28c57c57a0b03608ac52d65de2e8e27', iconName: "chevron-left", onClick: this.handlePrevious, disabled: this.isPrevDisabled(), appearance: "transparent", ariaLabel: "Previous" }), h("udp-fluent-button", { key: 'a87df68ad340f894967e885373da7e41ee8a9f26', appearance: "transparent", onClick: this.handleHeaderClick, ariaLabel: this.viewMode === 'year' ? undefined : 'Change view', disabled: this.viewMode === 'year' }, this.getHeaderText()), h("udp-fluent-icon-button", { key: 'fa625115fe2dc34de19cdc97d1ca33a5985805a2', iconName: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabled(), appearance: "transparent", ariaLabel: "Next" })), this.viewMode === 'day' && (h(CalendarTag, { key: '15f4e9fe38ac1daa8b1af228a9f950e538590e56', ref: el => (this.calendarRef = el), value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange, onFocusday: this.handleFocusChange }, h("span", { key: '292296bc516a3edf9865fb6fd76b9165ff56ce53', slot: "previous", style: { display: 'none' } }), h("span", { key: '7f846eb148e7bf1d22c3cfae742f82650f8c3a74', slot: "next", style: { display: 'none' } }), h("div", { key: 'df1eda552a64637b8515b282f719d3e2d2f9f0a7', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))), this.viewMode === 'month' && this.renderMonthGrid(), this.viewMode === 'year' && this.renderYearGrid()));
     }
     static get is() { return "udp-date-range-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/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: '7893c700f86e5806cd7899759af4fec29224ab77', class: {
+        return (h(Host, { key: 'bfb4dfcf8fa577b83f8eeba262c5fda985208fd0', 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: '96a601d06a84ac28cae4122fa32e4566ddf68708', class: "bx--form-item" }, h("unity-typography", { key: '93e546890e3df61410df30878b9cce9eec5f07f7', variant: "caption-text" }, h("label", { key: 'ef1df1bd39fd42da9c48f1a3f5885e05cf7c299d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'c803b21d7f0df3f4d76f88fbe22a51996c8b0882', 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: '39632d67d95a0702c7e44fcf8e0ec74e440646c9', class: "bx--form-item" }, h("unity-typography", { key: '02d75d18d3b716cb68051ae6c1e2b8d586df5b19', variant: "caption-text" }, h("label", { key: '822a321cdc92dec3b213704711cfe6c800d8859b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '045d684f224968dbb6ba8a4a609478b8b87560ff', 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: 'f89439965c32d3623d6b015f705d2d322dea19c2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'c8f2ea04a457ec37b580a01d8e917d1e256d86ef', 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/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: '1984e183da0e602b16ec5453744452ceb659d294', class: {
+        return (h(Host, { key: '1ca041f275ae391160fd74cdfa2625ce6c744c62', 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: '607251acff47964e651888c2a30212ce369058d0', class: "bx--form-item" }, h("unity-typography", { key: 'c6b0683f946657009203fd8e8b958ba270f5a01d', variant: "caption-text" }, h("label", { key: '3ab73991b0e8ce96a2c1add100baa1513cd2c808', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '6ce9c27de7e19dc4f30d98431ba8d4c2aa29c4a9', 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: '1697537523be77c291bb89e9a4effe50138efdd6', class: "bx--form-item" }, h("unity-typography", { key: '48482156208d0628c773a726b235221cb5cd757a', variant: "caption-text" }, h("label", { key: '6fd348f798afb027025ec7ea831e342fd1bf55e6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '8c9d72851849815f6d68deb9c8f36355a53a7846', 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: '7ead339e05b7d8e25bfcb3dc96fb226fd53370db', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '48f41e44b4565b923f8cccd09e1f2842dc3469ed', 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/inputs/file-upload/file-upload.js

@@ -1312,22 +1312,22 @@ export class FileUpload {
         const showReadOnlyEmptyState = this.readonly && this.files.length === 0;
         const disableDropArea = hasSingleSelectionLimitReached;
         // Default mode
-        return (h(Host, { key: '59dbc334b9de909336f1413a3322ad0ffa10930f', class: {
+        return (h(Host, { key: '1b5fc48b4d05e0a30906f1e1bfb24a22804c98b8', 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: '0dacf08f99d086f4d5a1e1b7c04573e51d29ffcc', id: "drop-area", onDragOver: disableDropArea ? undefined : this.handleDragOver, onDrop: disableDropArea ? undefined : this.handleDrop, onDragEnter: disableDropArea ? undefined : this.handleDragEnter, onDragLeave: disableDropArea ? undefined : this.handleDragLeave, class: this.fullWidth ? 'full-width' : 'contained-width' }, showImageGallery && (h("div", { key: '743a20b577700fe26fc9025761dfbd8489636714', class: "image-gallery", "aria-label": "Uploaded image previews", style: { gridTemplateColumns: `repeat(${Math.min(this.files.length, 3)}, minmax(0, 1fr))` } }, this.files.map((file, index) => {
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '29c9fc2516788d23cd66846486337a411295f142', id: "drop-area", onDragOver: disableDropArea ? undefined : this.handleDragOver, onDrop: disableDropArea ? undefined : this.handleDrop, onDragEnter: disableDropArea ? undefined : this.handleDragEnter, onDragLeave: disableDropArea ? undefined : this.handleDragLeave, class: this.fullWidth ? 'full-width' : 'contained-width' }, showImageGallery && (h("div", { key: '66324232e451f94870e5e47d59fc9aaa87b8be5d', class: "image-gallery", "aria-label": "Uploaded image previews", style: { gridTemplateColumns: `repeat(${Math.min(this.files.length, 3)}, minmax(0, 1fr))` } }, this.files.map((file, index) => {
             const previewUrl = this.allowMultiple ? this.imagePreviewUrls[index] : this.imagePreviewUrl;
             const isLoading = this.allowMultiple ? this.imagePreviewLoading[index] === true : false;
             const uploadTimestamp = this.getUploadTimestampForFile(file);
             return (h("div", { class: "image-gallery-card", key: `image-preview-${index}` }, h("div", { class: "image-gallery-item", onClick: () => previewUrl && this.openImageModal(previewUrl, file.name) }, previewUrl ? (h("img", { src: previewUrl, alt: `Uploaded image ${index + 1}`, class: "image-gallery-thumbnail" })) : isLoading ? (h("udp-spinner", { size: "small", appearance: "primary" })) : (h("unity-typography", { variant: "caption-text" }, "No preview")), !this.readonly && (h("div", { class: "image-gallery-item-actions", onClick: (e) => e.stopPropagation() }, h("stencil-icon-button", { showLabel: false, icon: getIconFromName('trashCan'), onClick: () => this.handleRemoveFile(index), disabled: this.disabled || this.readonly })))), h("div", { class: "image-gallery-meta" }, h("div", { class: "image-gallery-file-details" }, h("button", { type: "button", class: "image-gallery-file-name", onClick: () => this.downloadFile(file), disabled: this.disabled, title: file.name }, h("span", { class: "file-name-ellipsis" }, file.name)), this.displayUploadTime && (h("unity-typography", { variant: "caption-text" }, this.formatUploadTimestamp(uploadTimestamp)))))));
-        }))), !showImageGallery && this.files.length > 0 && (h("div", { key: 'e59c0a642e6b158019cceab77f18e2f424076da0', class: "upload-container" }, h("div", { key: 'f30e358962c323b3300c3eb7c7cb7077eb935b97', class: "file-list" }, this.files.map((file, index) => {
+        }))), !showImageGallery && this.files.length > 0 && (h("div", { key: '02b6a6bd23b1497bfa717c678757c170833ccea2', class: "upload-container" }, h("div", { key: '1273441664b098c6308b4758fedbcc1c91de63c5', class: "file-list" }, this.files.map((file, index) => {
             const isExistingFile = this.existingFileReferences.has(file.name);
             const uploadTimestamp = this.getUploadTimestampForFile(file);
             return (h("div", { class: "file-container", key: index }, h("div", { class: `file-details ${this.displayUploadTime ? 'with-timestamp' : 'without-timestamp'}` }, h("div", { class: "file-text", onClick: () => this.downloadFile(file) }, h("unity-typography", null, h("span", { class: "file-name-ellipsis", title: file.name }, file.name, " ", isExistingFile && h("span", { style: { fontSize: '0.8em', opacity: '0.7' } }, " (saved)")))), this.displayUploadTime && (h("div", { class: "timestamp-text" }, h("unity-typography", { variant: "caption-text", color: "inherit" }, this.formatUploadTimestamp(uploadTimestamp))))), !this.readonly && (h("div", null, h("stencil-icon-button", { showLabel: false, icon: getIconFromName('trashCan'), onClick: () => this.handleRemoveFile(index), disabled: this.disabled || this.readonly })))));
-        })))), this.files.length > 0 && !this.readonly && showUploaderPrompt && h("udp-divider", { key: '9fc50dbd44a7462ab43e3fa6d74205dfaf55cdb9', size: "100%" }), showReadOnlyEmptyState ? (h("div", { class: 'upload-container' }, h("unity-typography", { variant: "h4" }, `No item${this.allowMultiple ? 's' : ''}`))) : (showUploaderPrompt && (h("div", { class: 'upload-container' }, h("div", null, !this.hideDragAndDrop ? (h("unity-typography", null, h("p", null, this.getResolvedDragAndDropMessage()), !this.hideButton ? h("p", null, "or") : '')) : (''), !this.hideButton ? (h("custom-button", { label: this.getResolvedBrowseFileMessage(), onClick: (e) => this.handleBrowseFiles(e), id: 'udpRecord-file-upload-' + this.id, disabled: this.disabled || this.readonly,
+        })))), this.files.length > 0 && !this.readonly && showUploaderPrompt && h("udp-divider", { key: '030ae95ecf23e75d56d75bb32142881570adbeaf', size: "100%" }), showReadOnlyEmptyState ? (h("div", { class: 'upload-container' }, h("unity-typography", { variant: "h4" }, `No item${this.allowMultiple ? 's' : ''}`))) : (showUploaderPrompt && (h("div", { class: 'upload-container' }, h("div", null, !this.hideDragAndDrop ? (h("unity-typography", null, h("p", null, this.getResolvedDragAndDropMessage()), !this.hideButton ? h("p", null, "or") : '')) : (''), !this.hideButton ? (h("custom-button", { label: this.getResolvedBrowseFileMessage(), 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.renderImageModal(), this.errorMessage && !this.fileWindowOpen ? (h("div", { id: "error-text" }, h("unity-typography", { color: "error" }, this.errorMessage))) : (''))));
     }

package/dist/collection/components/inputs/form metadata display/form-metadata-display.js

@@ -52,7 +52,7 @@ export class FormMetadataDisplay {
     render() {
         return (
         // role/aria-label provide a lightweight accessible grouping for screen readers
-        h("div", { key: '612634c4e6a6af4181abc6b4526be06abb03a159', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
+        h("div", { key: '63040b66bd59a3dc1b78d177357f935f1143b1a4', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
     }
     static get is() { return "form-metadata-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/image-upload/image-upload.js

@@ -72,7 +72,7 @@ export class ImageUpload {
         var _a, _b;
         const dragAndDropMessage = (_a = this.dragAndDropMessage) !== null && _a !== void 0 ? _a : `Drag and drop your image${this.allowMultiple ? 's' : ''} here`;
         const browseFileMessage = (_b = this.browseFileMessage) !== null && _b !== void 0 ? _b : `Browse Image${this.allowMultiple ? 's' : ''}`;
-        return (h(Host, { key: '3ecef7e1d24ff2594617dbe014b35ec08bf5df4b' }, h("file-upload", { key: 'a3f181122b6d3283ae2f28d8ef7ef4b11248f03c', allowMultiple: this.allowMultiple, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: dragAndDropMessage, browseFileMessage: browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, metadataTimestampKey: "image.timestamp", displayUploadTime: this.displayUploadTime, uploadTimestamps: this.uploadTimestamps, renderImage: true, onChange: this.handleFileChange, onMetadataEmit: this.handleMetadataEmit })));
+        return (h(Host, { key: '425712dd7384de03a8617d2e1d200282d5f7fdbf' }, h("file-upload", { key: '43c63aa9992127322b1cf5593ef6a889e208e3d9', allowMultiple: this.allowMultiple, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: dragAndDropMessage, browseFileMessage: browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, metadataTimestampKey: "image.timestamp", displayUploadTime: this.displayUploadTime, uploadTimestamps: this.uploadTimestamps, renderImage: true, onChange: this.handleFileChange, onMetadataEmit: this.handleMetadataEmit })));
     }
     static get is() { return "image-upload"; }
     static get encapsulation() { return "shadow"; }