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

package/dist/components/udp-map-toolbar2.js

@@ -229,7 +229,7 @@ const UdpMapToolbar = /*@__PURE__*/ proxyCustomElement(class UdpMapToolbar exten
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-toolbar", { key: '04c81b92186cd20eac7a8fdd4663f2656837cd5e', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
+        return (h("map-toolbar", { key: '5b7239834a5e7898b2a872aa3b1ccbd4eb556854', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-map.js

@@ -118,11 +118,11 @@ const UdpMap$1 = /*@__PURE__*/ proxyCustomElement(class UdpMap extends H {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: 'b701c0b012dade16e39e23231e6e96e15e8024cf', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+        return (h("map-component", { key: 'b5c8898180bce21de249f7d80b471d0b93e60af7', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: '04d39770f38e442466c0c82f0feb92bfc70b1535', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'ec72126eedd1bd3a2ed8c800c121c71d46f30b6f', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '24e6a8974bd1acda96d431dfc7fa5b8bd8129355' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '95151f91ba7d6d9483a94b050694a45fccbd9e8c' })));
     }
     static get watchers() { return {
         "enableDragBox": ["watchDragBoxandSelectedFeatureInteraction"],

package/dist/components/udp-menu-item2.js

@@ -22,7 +22,7 @@ const UdpMenuItem = /*@__PURE__*/ proxyCustomElement(class UdpMenuItem extends H
         };
     }
     render() {
-        return (h("button", { key: 'd81dd6bdb90af4ee188bb7d4151ecb5e33333dfd', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '18383905dff4511ee12af85156c1ae2b45569004', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '78635c29150bbe4bc3ec4a91066941e9e6b903bf', class: "menu-item-label" }, h("unity-typography", { key: 'f24e771dfb0c2a543c298b8f04dc8ca9a46f7f01', variant: 'body1' }, this.label))));
+        return (h("button", { key: 'dc3f3366bf93d6dabda01cb1ee67e80345c99a55', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'dd6e4549f441f4b94d18d91e8e760e9411069fd3', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '76f1a1a63078c2936e05571b0ea57ccc3924c00d', class: "menu-item-label" }, h("unity-typography", { key: 'b419c1ae15058a168659f47c6ac4e65cc5e81b1b', variant: 'body1' }, this.label))));
     }
     static get style() { return udpMenuItemCss; }
 }, [257, "udp-menu-item", {

package/dist/components/udp-menu2.js

@@ -98,7 +98,7 @@ const UdpMenu = /*@__PURE__*/ proxyCustomElement(class UdpMenu extends H {
         }
     }
     render() {
-        return (h(Host, { key: '3f7be47a5c35c075c742aaa03a28cde14a3d1090' }, h("div", { key: '48323bd6c9b777ebb157c50505196345cb14ec43', class: "menu-panel", role: "menu" }, h("slot", { key: '25e9949b651d5c5fa7443e1b8d6b58af3846b5a0' }))));
+        return (h(Host, { key: '1ca45bf77a84383c47d65e1d996b9e1fc7201e08' }, h("div", { key: '4d8d23254d38521d6b5405c16a0ad3cbb3daca88', class: "menu-panel", role: "menu" }, h("slot", { key: '029615ab266eff3dd70f75da9db21b2e93c7bb85' }))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-notification2.js

@@ -21,11 +21,11 @@ const UdpNotification = /*@__PURE__*/ proxyCustomElement(class UdpNotification e
     }
     render() {
         const statusClass = `status-${this.status}`;
-        return (h("div", { key: '6f9511dcb791934acf07b90000160a764d0fc6e7', class: {
+        return (h("div", { key: 'f233a043af144cbc01b0936119343fde570697b2', class: {
                 'udp-notification': true,
                 'visible': this.active,
                 [statusClass]: true // This will apply the correct class based on the status
-            } }, this.userCancel && (h("button", { key: '3e6f7df67c906e32d6e2bd38262c6441c77d21ed', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: 'ebdd3141d533f86448edfd7c84d2f681f2315bac', class: "message" }, " ", h("unity-typography", { key: 'aae63f399ad043aef3ece93e022d4e9873d2d558', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (h("button", { key: 'b818659d8206667153873cfa9bd901fb86952769', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: '92b2551a93ce3f787ca1335ec8a5dec2eedd5c34', class: "message" }, " ", h("unity-typography", { key: '105642966ebe7705ca816f8cf5f43af654ba594a', variant: 'body' }, " ", this.message, " "))));
     }
     static get watchers() { return {
         "active": ["activeChanged"]

package/dist/components/udp-page-header2.js

@@ -19,7 +19,7 @@ const UdpColumnHeader = /*@__PURE__*/ proxyCustomElement(class UdpColumnHeader e
         this.valueChanged.emit(value);
     }
     render() {
-        return (h("div", { key: '62694c91f184154c96d4aee72bd33a61ebd62e00', class: "header-container" }, h("div", { key: '6ba17644c55afa3ae86174f042aecc9295d2f31d', class: "title" }, h("unity-typography", { key: '36f3684b89a6ff782e478b136ea1c001739d3bab', variant: "button" }, "Filter Conditions ")), h("div", { key: '22c7cd1d9b74156346ddaf38b40e1896f71c5b38', class: "radio-group" }, h("div", { key: 'b0d4e56161e8209c7f9cfb76c23841807379b449', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '32814de2f1db507fafb23d4e8f50d683c71ce38e', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '8d0d1a59f8b7e01f7f9f9ac0880798f465ee9a7d', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '5e07dc46080eb677e28dedca56e98fdd466cf8c0', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
+        return (h("div", { key: 'ac5b39592ebd163ccc5b8c7ddb983a277115e9d9', class: "header-container" }, h("div", { key: '2a619102d28e718ffe0a5006ea97879f1af5b151', class: "title" }, h("unity-typography", { key: 'ad9ad7479e21c3ad55eb4cdf5e2f44a32ee948fb', variant: "button" }, "Filter Conditions ")), h("div", { key: '3cb33cb74190cbee0a958ee612e14a28d68072fc', class: "radio-group" }, h("div", { key: '3393b068dbc7aa349a85b4355540c4f046dfa6a0', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '3d12495e652f1203d38514d6ae278e5b960bf502', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '9f767c0b4b022fd6c20db752291edb2c9ad3fdde', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '8c854533ba102e72f7b2b6c9ee74cff316eb9ead', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
     }
     static get style() { return udpPageHeaderCss; }
 }, [257, "udp-page-header", {

package/dist/components/udp-page.js

@@ -24,7 +24,7 @@ const UdpPage$1 = /*@__PURE__*/ proxyCustomElement(class UdpPage extends H {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: '1e21862453854a594552763318343637c1544de1', style: style }, h("slot", { key: 'fcdedce8e48062cd41721f509b5d1d034c218f7b' }), " "));
+        return (h("div", { key: '9d70877a7fbe290ad177084f25f3058bf74a8390', style: style }, h("slot", { key: '8318769588558d8b958c56a88452d1ea042f97ff' }), " "));
     }
     static get style() { return udpPageCss; }
 }, [257, "udp-page", {

package/dist/components/udp-pop-over-grid-action-header2.js

@@ -44,7 +44,7 @@ const UdpPopOver = /*@__PURE__*/ proxyCustomElement(class UdpPopOver extends H {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (h("div", { key: '8e551e93e0cd39e0a1945c6bba655986ce3f9ec4', class: "popover", style: style }, h("unity-typography", { key: 'f19947195b6539834bf48380c7ea628ec75c1119', variant: "caption-text" }, h("slot", { key: 'ff01703a997941175c2f3d94e3765015d604be86' }))));
+        return (h("div", { key: '501d862f26a26f625a33c7ab6fd5dd83888cabfd', class: "popover", style: style }, h("unity-typography", { key: 'b77f4fcad25be974b79aa6a72d4b47e37c4d751f', variant: "caption-text" }, h("slot", { key: 'fc35f9c5ae175c396d908e85fb92dd8e0b3f4558' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-pop-over2.js

@@ -121,7 +121,7 @@ const UdpPopOver = /*@__PURE__*/ proxyCustomElement(class UdpPopOver extends H {
             maxHeight: this.popoverMaxHeight,
             overflow: this.overflow
         };
-        return (h(Host, { key: '5c088fd433163c11cc9af440ddbde003d95a0f96' }, h("div", { key: '37774fc4c4f7484e23bf848e58adee84a47f5d6c', class: "popover", style: style }, h("slot", { key: 'f479cfe2f59c6ddded24909b26f7f7a6aeba5d59' }))));
+        return (h(Host, { key: '4459a8369eaff06485b83076205de4a2b71b8174' }, h("div", { key: '7fbd552e4a485fc2c913202d3c1baa5c68f1a64f', class: "popover", style: style }, h("slot", { key: 'a207f724e5941865b0221b28e42883b69e427d25' }))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-radio-button2.js

@@ -13,7 +13,7 @@ const UdpRadioButton = /*@__PURE__*/ proxyCustomElement(class UdpRadioButton ext
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: 'aa3fcd7570cb96b9e9d024e3f1214ed8fb0de6e2', class: "udp-radio-button" }, h("slot", { key: '8158e23ea7ff466cd66748ac8c6bbf00c03f7011' }, h("input", { key: 'b6a3a48346f421b2c84ef55f16d26717abc5c179', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '27beb73bc9f996499c0fc69ea74cf6d0f87b50e2', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: 'c339d392e61f02fabb1cf35478fd955922627478', variant: 'caption-text' }, " ", this.label, "  "), " "))));
+        return (h("div", { key: '1bf7fc9f24dfff966b384a52b51be3b3afaaa76a', class: "udp-radio-button" }, h("slot", { key: 'a04ce2e85cf69868add7dcd1f8d51829e3adbcb5' }, h("input", { key: '6062007ab20d41039dde00069e6df1dd22eaff3f', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '448388a4d86306f411e927568d7df3e7e40a16a6', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: 'a71401bee9ddc1cf2a306583a13b3cd4a5180c30', variant: 'caption-text' }, " ", this.label, "  "), " "))));
     }
     static get style() { return udpRadioButtonCss; }
 }, [260, "udp-radio-button", {

package/dist/components/udp-sankey-chart.js

@@ -74,7 +74,7 @@ const UdpSankeyChart$1 = /*@__PURE__*/ proxyCustomElement(class UdpSankeyChart e
         }
     }
     render() {
-        return (h("chart-container", { key: 'd172e6bdf59852b931e71f23412adac1d34f4773', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '6417cebcb21362b9653a8cae10dd81a111f22daf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-selector2.js

@@ -328,7 +328,7 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (h(Host, { key: 'a04488a812e21beb16efb0ffd3cbb8f559a04a73', class: {
+        return (h(Host, { key: 'a9e2eebce84a6111dde139a5071b7563d06b2c64', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -338,9 +338,9 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
                 'udp-input--large': this.large,
                 [`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: '0ee9bf4156989e69a4d87b565e292593f65fe28b', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '7ef7eab435299b30aed9b0f5bcd9186b397160ff', variant: "caption-text" }, h("label", { key: 'bd7e81c0056b05c56dbd5da5c57e96eed713dabb', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '7d6c0cec8000805938dcc119f8f0176d8d1a57ae', class: "udp-selector__container" }, h("div", { key: 'eea4f0f49348ea6187dc1ad4705e3cadc733ef6c', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '3cd969528cea22bfc24b98e73711d474fc0591ac', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '3de45f16b31c530906698104455c5fedbf561ca4', variant: "caption-text" }, h("label", { key: '5ceddaf68f4339d544fdb96788fd876907bfd3dd', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '7b4b9a5a30857aea7efc4f045bc2ecc3b82e9453', class: "udp-selector__container" }, h("div", { key: '7b555975278ac0e26e7c317539f2cb7b9c2c24cd', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
             // @ts-ignore
-            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'e7e4f5b4fca4661810be2d3ed209e0a8605b15a1', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: '3bec9703ee182cdcb8e8697a356288b55079f303', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -349,7 +349,7 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '4052d40ff41db33716893c6d65d2c48b4d45652b', class: "checkmark" }), h("div", { key: '8755c9ea4b73108d4e3c519562c89b4689b9ed3e', class: "arrow" })), this.isOpen && (h("ul", { key: '0f3b18e480ca1f008d60486e08ab131848f0f5aa', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: 'adae8b2672e855ca67b7e58cba347ccbe235125b', class: "error-message" }, h("unity-typography", { key: 'a2910e6a68b8589ec75313d0eb28e570d9a99a63', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '4448f90e3655a59440c37bcf55294bbe99cd9dbc', class: "checkmark" }), h("div", { key: 'd6a0f2fac80e4358528f6c34dab0fc14fd815e71', class: "arrow" })), this.isOpen && (h("ul", { key: '80676247f6cd11ac3f89006e989ec8e417d61a74', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: 'b6747a44312f3b35dbdeedad66e84fbb2da9ccd6', class: "error-message" }, h("unity-typography", { key: '2b134d1e82b86b14503fb29b8dd7df439662b315', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.

package/dist/components/udp-side-sheet2.js

@@ -1,14 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
 import Close24 from '@carbon/icons/es/close/24';
-import { d as defineCustomElement$7 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$6 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$5 } from './udp-badge2.js';
-import { d as defineCustomElement$4 } from './udp-button2.js';
-import { d as defineCustomElement$3 } from './udp-icon2.js';
-import { d as defineCustomElement$2 } from './udp-linear-loader2.js';
+import { d as defineCustomElement$9 } from './stencil-icon-button2.js';
+import { d as defineCustomElement$8 } from './udp-ambient-tool-tip2.js';
+import { d as defineCustomElement$7 } from './udp-badge2.js';
+import { d as defineCustomElement$6 } from './udp-button2.js';
+import { d as defineCustomElement$5 } from './udp-icon2.js';
+import { d as defineCustomElement$4 } from './udp-linear-loader2.js';
+import { d as defineCustomElement$3 } from './udp-menu-item2.js';
+import { d as defineCustomElement$2 } from './udp-pop-over2.js';
 import { d as defineCustomElement$1 } from './unity-typography2.js';
 
-const udpSideSheetCss = ":host{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;transition:visibility 0s 0.2s}:host(.is-visible){visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-05, 24px);border-top:1px solid #ccc;display:flex;justify-content:flex-end;flex-shrink:0}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";
+const udpSideSheetCss = ":host{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;transition:visibility 0s 0.2s}:host(.is-visible){visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";
 
 const UdpSideSheet = /*@__PURE__*/ proxyCustomElement(class UdpSideSheet extends H {
     constructor(registerHost) {
@@ -20,62 +22,251 @@ const UdpSideSheet = /*@__PURE__*/ proxyCustomElement(class UdpSideSheet extends
         this.udpSideSheetClose = createEvent(this, "udpSideSheetClose");
         this.udpPrimaryButtonClick = createEvent(this, "udpPrimaryButtonClick");
         this.udpHeaderActionButtonClick = createEvent(this, "udpHeaderActionButtonClick");
+        /** When true, the side sheet is open and visible */
         this.open = false;
+        /** Position of the sheet on the screen */
         this.position = 'right';
+        /** Width preset or a numeric pixel width */
         this.width = 'md';
+        /** Controls whether default inner padding is applied */
         this.padding = true;
+        /** When true, shows a top loader */
         this.loading = false;
+        /** Whether the header action button is disabled */
         this.headerActionButtonDisabled = false;
+        /** Whether the primary footer button is disabled */
         this.primaryButtonDisabled = false;
+        /** Whether the footer should show the overflow "More" button */
+        this.showOverflowButton = false;
+        /** Whether the overflow popover is open */
+        this.openOverflowMenu = false;
+        this.visibleSecondaryButtons = [];
+        this.overflowSecondaryButtons = [];
+        /** Saved original document.body.overflow value to restore on close */
         this.originalBodyOverflow = '';
+        /** Saved original document.body.paddingRight value to restore on close */
+        this.originalBodyPaddingRight = '';
+        /**
+         * Transition end handler used to remove the host element from body after close.
+         *
+         * @private
+         */
         this.handleTransitionEnd = () => {
             if (!this.open && this.hostEl.parentElement === document.body) {
                 document.body.removeChild(this.hostEl);
             }
         };
+        /**
+         * Close the side sheet and emit close event.
+         *
+         * @private
+         */
         this.onClose = () => {
             this.open = false;
             this.udpSideSheetClose.emit();
         };
+        /**
+         * Backdrop click handler. Only closes when clicking the backdrop itself.
+         *
+         * @param e - MouseEvent from the backdrop click
+         * @private
+         */
+        this.onCloseBackdrop = (e) => {
+            if (e.target === e.currentTarget) {
+                this.onClose();
+            }
+        };
+        /**
+         * Emit primary footer button click event.
+         *
+         * @private
+         */
         this.onPrimaryButtonClick = () => {
             this.udpPrimaryButtonClick.emit();
         };
-        // Handler for the new header action button click
+        /**
+         * Emit header action button click event.
+         *
+         * @private
+         */
         this.onHeaderActionButtonClick = () => {
             this.udpHeaderActionButtonClick.emit();
         };
+        /**
+         * Open overflow menu anchored to the clicked element.
+         *
+         * @param event - MouseEvent from the "More" button click
+         * @private
+         */
+        this.onMoreActionButtonClick = (event) => {
+            this.overflowMenuAnchor = event.currentTarget;
+            this.openOverflowMenu = true;
+        };
+        /**
+         * Close the overflow popover.
+         *
+         * @param e - optional KeyboardEvent or MouseEvent (unused)
+         * @private
+         */
+        this.handleCloseOverflowMenu = () => {
+            this.openOverflowMenu = false;
+        };
     }
+    /**
+     * Watcher for `open` prop. Handles portal append/removal and body scroll lock.
+     *
+     * @param newValue - new value of the `open` prop
+     * @param oldValue - previous value of the `open` prop
+     */
     handleOpenChange(newValue, oldValue) {
         if (newValue === oldValue) {
             return;
         }
         if (newValue) {
+            // Calculate scrollbar width before hiding it
+            const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+            // Save original values
             this.originalBodyOverflow = document.body.style.overflow;
-            document.body.style.overflow = 'hidden';
+            this.originalBodyPaddingRight = document.body.style.paddingRight;
             document.body.appendChild(this.hostEl);
+            // Add padding to compensate for scrollbar
+            if (scrollbarWidth > 0) {
+                const currentPadding = parseInt(window.getComputedStyle(document.body).paddingRight) || 0;
+                document.body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;
+            }
+            document.body.style.overflow = 'hidden';
             requestAnimationFrame(() => {
                 this.hostEl.classList.add('is-visible');
+                // Check overflow after the side sheet is visible
+                setTimeout(() => this.checkOverflow(), 50);
             });
         }
         else {
             this.hostEl.classList.remove('is-visible');
             document.body.style.overflow = this.originalBodyOverflow;
+            document.body.style.paddingRight = this.originalBodyPaddingRight;
             this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });
         }
     }
+    /**
+     * Watcher for footer secondary buttons changes. Triggers overflow recalculation.
+     */
+    handleSecondaryButtonsChange() {
+        // Recheck overflow when buttons change
+        setTimeout(() => this.checkOverflow(), 50);
+    }
+    /**
+     * Measures footer buttons in an offscreen container and sets `showOverflowButton`.
+     * Safely returns early if required refs are unavailable.
+     */
+    checkOverflow() {
+        if (!this.footerRef || !this.measurementContainerRef) {
+            return;
+        }
+        if (!this.footerSecondaryButtons || this.footerSecondaryButtons.length === 0) {
+            this.showOverflowButton = false;
+            return;
+        }
+        // Get the footer container width (minus padding)
+        const footerWidth = this.footerRef.offsetWidth;
+        const footerStyle = window.getComputedStyle(this.footerRef);
+        const footerPaddingLeft = parseFloat(footerStyle.paddingLeft);
+        const footerPaddingRight = parseFloat(footerStyle.paddingRight);
+        const availableWidth = footerWidth - footerPaddingLeft - footerPaddingRight;
+        // Measure all buttons in the hidden measurement container
+        const measurementButtons = this.measurementContainerRef.querySelectorAll('udp-button');
+        let totalWidth = 0;
+        measurementButtons.forEach((button, index) => {
+            const buttonWidth = button && button instanceof H ? button.offsetWidth : 0;
+            totalWidth += buttonWidth;
+            // Add gap spacing between buttons (except for the last one)
+            if (index < measurementButtons.length - 1) {
+                const containerStyle = window.getComputedStyle(this.measurementContainerRef);
+                const gap = parseFloat(containerStyle.gap) || 4; // Default gap from CSS
+                totalWidth += gap;
+            }
+        });
+        // Add a small buffer to prevent edge cases
+        const buffer = 10;
+        const isOverflowing = totalWidth + buffer > availableWidth;
+        this.showOverflowButton = isOverflowing;
+    }
+    /**
+     * Lifecycle: componentDidLoad. Sets up ResizeObserver and initial overflow check.
+     *
+     * @private
+     */
+    componentDidLoad() {
+        {
+            // Set up ResizeObserver to watch for footer size changes
+            this.resizeObserver = new ResizeObserver(() => {
+                this.checkOverflow();
+            });
+            // Initial check after a small delay to ensure DOM is ready
+            requestAnimationFrame(() => {
+                setTimeout(() => {
+                    if (this.footerRef) {
+                        this.resizeObserver.observe(this.footerRef);
+                    }
+                    this.checkOverflow();
+                }, 100);
+            });
+        }
+    }
+    /**
+     * Lifecycle: disconnectedCallback. Restores body styles and disconnects observers.
+     *
+     * @private
+     */
     disconnectedCallback() {
         if (document.body.style.overflow === 'hidden') {
             document.body.style.overflow = this.originalBodyOverflow;
+            document.body.style.paddingRight = this.originalBodyPaddingRight;
+        }
+        // Clean up ResizeObserver
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
         }
     }
+    /**
+     * Render the component UI.
+     *
+     * @returns JSX element tree
+     * @private
+     */
     render() {
+        var _a, _b, _c, _d, _e, _f, _g;
         const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;
         const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};
-        return (h("div", { key: '3071b6fbf443030422ad30d2fc7a86a3c71d060a', class: "backdrop", onClick: this.onClose }, h("div", { key: '75ae7c0f6bc4da076a3cd04579fc09252f701eb3', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle, onClick: e => e.stopPropagation() }, h("div", { key: 'ec51c197afe4b00084881abb8688ca8f4f994a30', class: "title-container" }, h("div", { key: 'f382e9b4bf63314092b0b5d326069a9ca2316272', class: "close-button" }, h("stencil-icon-button", { key: 'ff449c9a65921a12207f2f4f6daaa45d9ff652c0', icon: Close24, onClick: this.onClose, secondary: true })), h("div", { key: '72e80626b9f519098dd069ebb357061f5e7008f8', class: "title-text" }, h("unity-typography", { key: 'fa7de8f448021ef6ac8a34d4825dcad745124dd2', variant: "h6" }, this.title)), this.headerActionButtonLabel && (h("div", { key: 'bcce55c18c3ff2b80cea48f471468ece741dc0bd', class: "header-action-button" }, h("udp-button", { key: '09d1343460e8b0d7fdceb8769ed8387647ab5a34', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick, startIcon: h("udp-icon", { iconName: this.headerActionButtonIcon, color: 'inherit' }), variant: "contained" }, this.headerActionButtonLabel)))), h("div", { key: '594932ae9ee30cfd5415fefcd48765c3d3f21aea', class: "loader-container" }, h("udp-linear-loader", { key: 'f3d09a98c7ac6bd22699339d2d0a7325c035e63d', class: { 'is-loading': this.loading }, color: "primary" })), h("div", { key: '59e987c1780a950dcdc8f56f012087a0ba55acb0', class: { content: true, padding: this.padding } }, h("slot", { key: 'fda6cf654587b15f3a28443b47a30f7564b2bf57' })), this.primaryButtonLabel && (h("div", { key: 'c6434be80f44e6f8a277bdff49503f67db5cdca7', class: "footer" }, h("udp-button", { key: '522a0e7bb290472cb1704bc4f61bf2a22ebda668', variant: "contained", size: "large", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel))))));
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (h("udp-icon", { iconName: this.headerActionButtonIcon, color: "inherit" })) : undefined;
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        const overflowIcon = h("udp-icon", { key: '8e59af17cf1b7020e45a13929dd9e46278a9a068', iconName: "overflowMenuVertical", color: "inherit" });
+        return (h("div", { key: 'bbd54f9f207337e25c445e1dd43e777e61ebaa76', class: "backdrop", onClick: this.onCloseBackdrop }, h("div", { key: '463d433bf00b07005353a55fd677617d514300a6', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '70075153a5213fb6fcf9aa9cfb76092d878c5887', class: "title-container" }, h("div", { key: '60e47f939481d0034c2ba21a6b0b1fd0e9d6c287', class: "close-button" }, h("stencil-icon-button", { key: 'a75372ccf0f85bcac71603564855e0012f60bae0',
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            icon: Close24, onClick: this.onClose, secondary: true })), h("div", { key: 'f5b7ad789cdae7a39a1d2f4625ccd1b29ca0691e', class: "title-text" }, h("unity-typography", { key: '0a9b9c05421673e376ebf4ff48e9d54b5f38b816', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (h("div", { key: '824c51aa4f6a3d22cb846448b9d04940f1bfe73b', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
+            _b.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (h("udp-button", { key: '01a18162e4c3ca98c3e3bb3fb79f2d8f288a657e', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), h("div", { key: '2fc8c688b4a53b82c497943594cbd58396ff6deb', class: "loader-container" }, h("udp-linear-loader", { key: '301925168c0cbf064987a121948317ff5ebeb728', class: { 'is-loading': this.loading }, color: "primary" })), h("div", { key: '61de55a5e32c71982d3d90dc242d75c2e14d8a1e', class: { content: true, padding: this.padding } }, h("slot", { key: '14aea9d974a1af2325d7bc7574cea561218c02fb' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (h("div", { key: '1b036a85a6a499a8cbda3333d51ff96afb66a7f5' }, h("div", { key: 'e2c38b8ce3c6c8b80da87c4a938cf9bf0bcd1e1d', class: "loader-container" }), h("div", { key: '4510dc03ffa1eeb3776dfb7de10e641acf18cb2b', class: {
+                footer: true,
+            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'ee00d11046a044b0a0c2fa51e45adfa9678fa4c1', class: "footer-secondary-buttons-container" }, h("div", { key: '953c029aab16c60de3b8f717a10bf7bf3d042489', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (h("udp-button", { key: '44c23081cb66dd26598c1f77c89a2b49e6fcc6e3', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (h("udp-button", { key: 'cf898a3b44e55d43f6c9556429de2f230508f2c1', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (h("udp-pop-over", { key: '1685cb92b649360b680f75d7009d2394fc5db160', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, h("div", { key: '80993bf78dc2c248e0b33578c2418413467c0379', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
+                item === null || item === void 0 ? void 0 : item.onClick();
+                this.handleCloseOverflowMenu();
+            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), h("div", { key: '41a63c50ea0c6f348e962368b9b6867b8d7310d4', ref: el => (this.measurementContainerRef = el), style: {
+                position: 'absolute',
+                visibility: 'hidden',
+                pointerEvents: 'none',
+                display: 'flex',
+                gap: 'var(--spacing-02, 4px)',
+            }, "aria-hidden": "true" }, (_g = this.footerSecondaryButtons) === null || _g === void 0 ? void 0 :
+            _g.map((item) => (h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (h("udp-button", { key: '520a7ecd6b5859e2ff541bbd79be522c0b905cd6', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
     }
     get hostEl() { return this; }
     static get watchers() { return {
-        "open": ["handleOpenChange"]
+        "open": ["handleOpenChange"],
+        "footerSecondaryButtons": ["handleSecondaryButtonsChange"]
     }; }
     static get style() { return udpSideSheetCss; }
 }, [257, "udp-side-sheet", {
@@ -88,17 +279,25 @@ const UdpSideSheet = /*@__PURE__*/ proxyCustomElement(class UdpSideSheet extends
         "headerActionButtonLabel": [1, "header-action-button-label"],
         "headerActionButtonDisabled": [4, "header-action-button-disabled"],
         "headerActionButtonIcon": [1, "header-action-button-icon"],
+        "headerSecondaryButtons": [16],
         "primaryButtonLabel": [1, "primary-button-label"],
         "primaryButtonDisabled": [4, "primary-button-disabled"],
-        "primaryButtonIcon": [1, "primary-button-icon"]
+        "primaryButtonIcon": [1, "primary-button-icon"],
+        "footerSecondaryButtons": [16],
+        "showOverflowButton": [32],
+        "openOverflowMenu": [32],
+        "overflowMenuAnchor": [32],
+        "visibleSecondaryButtons": [32],
+        "overflowSecondaryButtons": [32]
     }, undefined, {
-        "open": ["handleOpenChange"]
+        "open": ["handleOpenChange"],
+        "footerSecondaryButtons": ["handleSecondaryButtonsChange"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["udp-side-sheet", "stencil-icon-button", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-icon", "udp-linear-loader", "unity-typography"];
+    const components = ["udp-side-sheet", "stencil-icon-button", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-icon", "udp-linear-loader", "udp-menu-item", "udp-pop-over", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "udp-side-sheet":
             if (!customElements.get(tagName)) {
@@ -107,30 +306,40 @@ function defineCustomElement() {
             break;
         case "stencil-icon-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$9();
             }
             break;
         case "udp-ambient-tool-tip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "udp-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
             }
             break;
         case "udp-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$6();
             }
             break;
         case "udp-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$5();
             }
             break;
         case "udp-linear-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "udp-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "udp-pop-over":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }