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

package/dist/esm/ambient-template-grid.entry.js

@@ -3945,11 +3945,11 @@ const AmbientTemplateGrid = class {
             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);
@@ -3958,25 +3958,25 @@ const AmbientTemplateGrid = class {
             }, 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()) {
@@ -3988,9 +3988,9 @@ const AmbientTemplateGrid = class {
                         }, 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: {
@@ -3998,7 +3998,7 @@ const AmbientTemplateGrid = class {
                             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) => {
@@ -4011,13 +4011,13 @@ const AmbientTemplateGrid = class {
                         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/esm/api-method-instance-grid.entry.js

@@ -133,7 +133,7 @@ const ApiMethodInstanceGrid = class {
         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',
@@ -141,7 +141,7 @@ const ApiMethodInstanceGrid = class {
                 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 watchers() { return {
         "apiMethodInstanceData": [{

package/dist/esm/app-bar.entry.js

@@ -8,7 +8,7 @@ const AppBar = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '9bcc2c7a5a7cb8be3eea5d95050ad386b1b35ca5', class: "header" }, h("stencil-icon-button", { key: 'aaeb7a200179d17184f5b32d52b4f868979b5a51', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: 'e5401a155f5fbc0d29e76c86cc4a6c18ccfcd3e0', variant: 'data-display-one' }, " ", h("slot", { key: '92cb58bf864da4f744450162a3e5268f9d729e32' }), "   "), h("a", { key: 'b257f74cc94ef64ac5f234b38725e64ab3fc61d4', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '09a5fece35f9ef80f19a900d302ab3d798e3426a', class: "header__logo" }), h("div", { key: '7264a7768329641ee1b7c0455d665e2b4bba95c9', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: 'be87500c4abbf1a30b05332f8257cd7f82c776d9', class: "header__global" }, h("udp-avatar", { key: 'fb84be04941a7889650158f025482d496f8aa2f0', username: this.username }))));
+        return (h("div", { key: '9140883a286a1ed933d5f6e1b25bc51c6bbb75dd', class: "header" }, h("stencil-icon-button", { key: 'f878f0b14401cc91316798a1dffdccc79fa7371a', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '3741c5755ac3d1b9545e52a1040f2e3a73307fa3', variant: 'data-display-one' }, " ", h("slot", { key: '7c3304b3a6c0b5b1c87afbacf43dc139125c3e26' }), "   "), h("a", { key: 'c4068f92ddfc72e3d05a782c04bd663304a21834', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '2efe80f6ff2cbceb1c34b48f5d96a042da04d94c', class: "header__logo" }), h("div", { key: '555e9c50365d972eab6cc95c1c5891e4090e7af6', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: 'e754a4c11b9892560058bb7d0477bcba306dd220', class: "header__global" }, h("udp-avatar", { key: '7b5211ecd648129215568d6203597907b5ca9d30', username: this.username }))));
     }
 };
 AppBar.style = appBarCss();

package/dist/esm/chart-container_3.entry.js

@@ -61,7 +61,7 @@ const ChartKpi = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a3da9af80fa9262e096cf81a0404ab5aa806b832', class: "chart-kpi-container" }, h("unity-typography", { key: '548d2cb77df7706552b09dafa3d8bec0c9a0b36b', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: 'ee49858f3db51adb1ff1a6665fce16dcf302d4f6', class: 'element', variant: 'caption-text' }, this.label)));
+        return (h(Host, { key: 'dea89abfff586ae6a00b5ac825dc89cd42fc1959', class: "chart-kpi-container" }, h("unity-typography", { key: '2e584813e1c280ee834779b6e463f5964f74712b', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: 'c538a82cab55f26e7c1fb017021403fcbb460912', class: 'element', variant: 'caption-text' }, this.label)));
     }
 };
 ChartKpi.style = chartKpiCss();
@@ -83,7 +83,7 @@ const UdpAmbientCard = class {
         };
     }
     render() {
-        return (h("div", { key: '31d912f6fe98933de5167abd7c894a05add7ac78', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: 'bec93e0cd9ae1f9da2abdcd1a15b2db688726a50', class: "adornment" }, h("udp-adornment", { key: '7bb95ab97ea53cf216e96f0eb5075dd478d2b68f', status: "info" }))), h("div", { key: '58c51ba5d7df1c68783f1b7116fb1d7b0fd992b0', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '9a26094f2d5c6916ecd63fc99c6c5ae0d49a99ff', class: "card-data" }, h("div", { key: '95d2b8fb28017a45169822728644eeef32007adb', class: "title" }, h("unity-typography", { key: '222591aa10fddb2e585694c5fd93efc6f8562979', variant: "data-display-four" }, this.title)), h("div", { key: 'fed6a84a009d2c248da46937b5cb70b23f94486d', class: "body" }, h("slot", { key: 'dd0bd43fe067207a8f32db8fbe502df2bf699449' })), h("div", { key: '2f81f2c92fd609128661447924fe3f590fbd3698', class: "footer" }, this.overflow && (h("div", { key: '12539642e88fb7e4a3a714e5da045625093f03fb', class: "more-button" }, h("unity-typography", { key: '42bc1d7e5833b5349622c9bb86609ffcf06a0aff', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: '06ad675a31fd2760ada0993bcc9f3627da622278', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown, showLabel: false })))), h("div", { key: '5531c1416d68e79707e458e5d9e24eaf263a6de4', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: 'af554309b5be088be21c17c35c059689c0756789', variant: "body" }, this.overflow))))));
+        return (h("div", { key: '07cbeb3f7ec6d7e2d9b33a8da18de73203ed98f3', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: '6e8d0730ef93bf3ffb425a607f670f42398fd941', class: "adornment" }, h("udp-adornment", { key: 'b382d003f194370cc5974d1aab738434bc737b91', status: "info" }))), h("div", { key: '5c5d370acb9fa360f07dbe5f5f6058e976fce011', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '28d92d0919fcba62950b7ada15f6d28b18874427', class: "card-data" }, h("div", { key: 'bc68a21b344e4a984bb9229b6436cc3bd581678a', class: "title" }, h("unity-typography", { key: 'fb31951914e68264304b8cf104e6a6907c1db01f', variant: "data-display-four" }, this.title)), h("div", { key: '8623473859544516b16968215597eb5d67c98ae7', class: "body" }, h("slot", { key: '0ca6da4a306e3d8279393f67a9a3686dff8880d8' })), h("div", { key: '313b31a9fdf9b6e3c925609cd1a6297c58ea37d1', class: "footer" }, this.overflow && (h("div", { key: '136f97d643823d8fafc449569dcefa5f3c60d6f5', class: "more-button" }, h("unity-typography", { key: 'a8236b684f159a1c6f7163c82d0ebbdd5332b3a4', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: '21074b5af984bb354bda1e651755994400de9868', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown, showLabel: false })))), h("div", { key: 'b03ae7d98a3c74772492c0d6ecb5f7301b095e34', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: '3e94160922f80de3f9586f6a40777a03c7fa14c2', variant: "body" }, this.overflow))))));
     }
 };
 UdpAmbientCard.style = udpAmbientCardCss();

package/dist/esm/charts-theme-B2HoYVMf.js

@@ -0,0 +1,383 @@
+import { g as getCurrentThemeMode } from './theme-manager-DeVqiL0i.js';
+
+const cssVar = (styles, name) => {
+    const v = styles.getPropertyValue(name).trim();
+    return v.length > 0 ? v : undefined;
+};
+const WHITE = [255, 255, 255];
+const BLACK = [0, 0, 0];
+const parseColor = (c) => {
+    const s = c.trim();
+    if (s.startsWith('#')) {
+        let hex = s.slice(1);
+        if (hex.length === 3)
+            hex = hex.split('').map((x) => x + x).join('');
+        if (hex.length < 6)
+            return null;
+        const r = parseInt(hex.slice(0, 2), 16);
+        const g = parseInt(hex.slice(2, 4), 16);
+        const b = parseInt(hex.slice(4, 6), 16);
+        return [r, g, b].some(Number.isNaN) ? null : [r, g, b];
+    }
+    const m = s.match(/rgba?\(([^)]+)\)/);
+    if (m) {
+        const parts = m[1].split(/[,\s/]+/).map((p) => parseFloat(p));
+        if (parts.length >= 3 && parts.slice(0, 3).every((n) => !Number.isNaN(n))) {
+            return [parts[0], parts[1], parts[2]];
+        }
+    }
+    return null;
+};
+const toHex = (rgb) => '#' +
+    rgb
+        .map((n) => Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, '0'))
+        .join('');
+const mix = (color, target, amount) => {
+    const rgb = parseColor(color);
+    if (!rgb)
+        return color; // leave un-parseable values (e.g. CSS funcs) untouched
+    return toHex(rgb.map((c, i) => c + (target[i] - c) * amount));
+};
+const tint = (color, amount) => mix(color, WHITE, amount);
+const shade = (color, amount) => mix(color, BLACK, amount);
+// HSL lightness adjustment — unlike mixing toward white/black, this keeps the
+// hue and saturation, so tonal variants stay colourful instead of greying out.
+const rgbToHsl = ([r, g, b]) => {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const l = (max + min) / 2;
+    const d = max - min;
+    if (d === 0)
+        return [0, 0, l];
+    const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    let h;
+    if (max === r)
+        h = (g - b) / d + (g < b ? 6 : 0);
+    else if (max === g)
+        h = (b - r) / d + 2;
+    else
+        h = (r - g) / d + 4;
+    return [h / 6, s, l];
+};
+const hue2rgb = (p, q, t) => {
+    if (t < 0)
+        t += 1;
+    if (t > 1)
+        t -= 1;
+    if (t < 1 / 6)
+        return p + (q - p) * 6 * t;
+    if (t < 1 / 2)
+        return q;
+    if (t < 2 / 3)
+        return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+};
+const hslToRgb = ([h, s, l]) => {
+    if (s === 0)
+        return [l * 255, l * 255, l * 255];
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    return [hue2rgb(p, q, h + 1 / 3) * 255, hue2rgb(p, q, h) * 255, hue2rgb(p, q, h - 1 / 3) * 255];
+};
+const clamp01 = (n) => Math.max(0, Math.min(1, n));
+/** Shift a colour's lightness by `delta` (keeps hue + saturation). */
+const shiftLightness = (color, delta) => {
+    const rgb = parseColor(color);
+    if (!rgb)
+        return color;
+    const [h, s, l] = rgbToHsl(rgb);
+    return toHex(hslToRgb([h, s, clamp01(l + delta)]));
+};
+// Industry-standard muted categorical palette (Tableau 10) — balanced, mid-tone,
+// distinguishable hues. The brand colour is deliberately NOT in here; it's
+// reserved for single-series / accent use (see `applySeriesColors`).
+const CATEGORICAL = [
+    '#4e79a7', '#f28e2b', '#e15759', '#76b7b2', '#59a14f',
+    '#edc948', '#b07aa1', '#ff9da7', '#9c755f', '#bab0ac',
+];
+// Lightness SHIFT applied to the brand colour when it backs a single-series
+// chart, per appearance (relative HSL — respects the brand's own base tone, so
+// it works for light or dark brands). `default` = the exact brand colour;
+// `soft` lighter; `bold` deeper.
+const BRAND_SINGLE_SHIFT = {
+    default: 0,
+    soft: 0.2,
+    bold: -0.08,
+};
+// ---- label-hashed colours (the `colorful` appearance) ---------------------
+// The 30 Fluent "avatar" hues, in @fluentui/web-components AvatarNamedColor
+// order, so a label hashes to the same hue an avatar would use for the same
+// name. Each hue has two tiers (matching the avatar): `Background2` is the
+// light bubble fill, `Foreground2` is the saturated text/edge colour.
+const CHART_HUES = [
+    'DarkRed', 'Cranberry', 'Red', 'Pumpkin', 'Peach', 'Marigold', 'Gold', 'Brass', 'Brown', 'Forest',
+    'Seafoam', 'DarkGreen', 'LightTeal', 'Teal', 'Steel', 'Blue', 'RoyalBlue', 'Cornflower', 'Navy', 'Lavender',
+    'Purple', 'Grape', 'Lilac', 'Pink', 'Magenta', 'Plum', 'Beige', 'Mink', 'Platinum', 'Anchor',
+];
+/**
+ * Hash a string to a stable integer. Copied verbatim from the Fluent avatar
+ * (`@fluentui/web-components`) so the same label maps to the same hue here as
+ * it would on an avatar.
+ */
+const getChartColorHash = (str) => {
+    let hashCode = 0;
+    for (let len = str.length - 1; len >= 0; len--) {
+        const ch = str.charCodeAt(len);
+        const shift = len % 8;
+        hashCode ^= (ch << shift) + (ch >> (8 - shift));
+    }
+    return hashCode;
+};
+// Resolve a hue index to a concrete colour. `fill` uses the light `Background2`
+// tier (the avatar bubble colour); `stroke` uses the saturated `Foreground2`
+// tier (the avatar text colour). Falls back to evenly-spaced HSL — light for
+// fills, mid for strokes — when the theme tokens aren't present (e.g. SSR).
+const resolveHue = (index, tier, styles) => {
+    const token = `colorPalette${CHART_HUES[index]}${tier === 'fill' ? 'Background2' : 'Foreground2'}`;
+    const resolved = styles ? cssVar(styles, `--${token}`) : undefined;
+    if (resolved)
+        return resolved;
+    const hue = Math.round(index * (360 / CHART_HUES.length));
+    return tier === 'fill' ? `hsl(${hue}, 70%, 88%)` : `hsl(${hue}, 60%, 42%)`;
+};
+/**
+ * Deterministic brand colour for a data label. The same `label` always returns
+ * the same hue, so a value (e.g. a status) reads consistently across every
+ * chart that plots it — and matches the Fluent avatar colour for that name.
+ * `tier` picks the light bubble fill (`'fill'`) or the saturated edge/line
+ * colour (`'stroke'`).
+ */
+const chartColorForLabel = (label, tier = 'fill', styles) => {
+    const n = CHART_HUES.length;
+    const index = ((getChartColorHash(label) % n) + n) % n;
+    return resolveHue(index, tier, styles);
+};
+const APPEARANCE = {
+    default: { areaFillOpacity: 0.18, strokeWidth: 2, showNumberAxisLine: false, gridlineTint: 0, paletteShift: 0 },
+    soft: { areaFillOpacity: 0.3, strokeWidth: 2, showNumberAxisLine: false, gridlineTint: 0.45, paletteShift: 0.16 },
+    bold: { areaFillOpacity: 0.35, strokeWidth: 3, showNumberAxisLine: true, gridlineTint: 0, paletteShift: -0.12 },
+    mono: { areaFillOpacity: 0.22, strokeWidth: 2, showNumberAxisLine: false, gridlineTint: 0, paletteShift: 0 },
+    colorful: { areaFillOpacity: 0.55, strokeWidth: 2, showNumberAxisLine: false, gridlineTint: 0, paletteShift: 0 },
+};
+const SHAPE = {
+    square: { cornerRadius: 0, interpolation: 'linear' },
+    rounded: { cornerRadius: 4, interpolation: 'smooth' },
+};
+/**
+ * Read every UDP brand token off `rootEl` and return an `AgChartTheme`
+ * suitable for passing as the top-level `theme` option to
+ * `AgCharts.create({...})`. Returns the bare base theme name when no
+ * element is provided (SSR path).
+ */
+const buildUdpChartTheme = (rootEl, options = {}) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    // Default to the app's current theme mode — the same source of truth the
+    // ag-grid bridge uses (`theme-manager`). The base theme drives `textColor`,
+    // which un-overridden text (donut/pie inner & sector labels, callout labels,
+    // tooltips) inherits — so without this, that text stays light-theme dark and
+    // never flips in dark mode.
+    const mode = (_a = options.mode) !== null && _a !== void 0 ? _a : getCurrentThemeMode();
+    const baseTheme = mode === 'dark' ? 'ag-default-dark' : 'ag-default';
+    if (!rootEl || typeof window === 'undefined')
+        return baseTheme;
+    const appearance = (_b = options.appearance) !== null && _b !== void 0 ? _b : 'default';
+    const shape = (_c = options.shape) !== null && _c !== void 0 ? _c : 'square';
+    const flush = ((_d = options.chrome) !== null && _d !== void 0 ? _d : 'full') === 'flush';
+    const aCfg = APPEARANCE[appearance];
+    const sCfg = SHAPE[shape];
+    const styles = getComputedStyle(rootEl);
+    const brand = (_e = cssVar(styles, '--colorBrandBackground')) !== null && _e !== void 0 ? _e : '#0f6cbd';
+    // A single-hue ramp built from the brand colour: light tints → brand →
+    // dark shades. Series differ by lightness rather than hue.
+    const monoRamp = [
+        tint(brand, 0.5),
+        tint(brand, 0.3),
+        brand,
+        shade(brand, 0.15),
+        shade(brand, 0.3),
+        shade(brand, 0.45),
+        tint(brand, 0.65),
+        shade(brand, 0.6),
+    ];
+    let fills;
+    let strokes;
+    switch (appearance) {
+        case 'mono':
+            fills = monoRamp;
+            strokes = monoRamp;
+            break;
+        case 'colorful': {
+            // The full 30-hue Fluent ramp: light bubble fills + saturated strokes,
+            // mirroring the avatar. `applySeriesColors` layers label-stable per-series
+            // colours on top so the same label gets the same hue across charts.
+            fills = CHART_HUES.map((_, i) => resolveHue(i, 'fill', styles));
+            strokes = CHART_HUES.map((_, i) => resolveHue(i, 'stroke', styles));
+            break;
+        }
+        default:
+            // `default` / `soft` / `bold`: the muted categorical palette, lightness-
+            // shifted per appearance (HSL, so hue + saturation are preserved — no
+            // grey). Single-series charts swap in the brand via `applySeriesColors`.
+            fills = CATEGORICAL.map((c) => shiftLightness(c, aCfg.paletteShift));
+            strokes = fills;
+    }
+    const palette = { fills, strokes };
+    const foreground = (_f = cssVar(styles, '--colorNeutralForeground1')) !== null && _f !== void 0 ? _f : '#242424';
+    const foreground2 = (_g = cssVar(styles, '--colorNeutralForeground2')) !== null && _g !== void 0 ? _g : '#424242';
+    const foreground3 = (_h = cssVar(styles, '--colorNeutralForeground3')) !== null && _h !== void 0 ? _h : '#616161';
+    const stroke = (_j = cssVar(styles, '--colorNeutralStroke2')) !== null && _j !== void 0 ? _j : '#e0e0e0';
+    const strokeSubtle = (_k = cssVar(styles, '--colorNeutralStroke3')) !== null && _k !== void 0 ? _k : '#f0f0f0';
+    const fontFamily = (_l = cssVar(styles, '--fontFamilyBase')) !== null && _l !== void 0 ? _l : 'Inter, sans-serif';
+    // `bold` darkens chrome; `soft` lightens gridlines; others keep the default.
+    const gridStroke = aCfg.gridlineTint > 0 ? tint(strokeSubtle, aCfg.gridlineTint) : strokeSubtle;
+    const axisLabelColor = appearance === 'bold' ? foreground2 : foreground3;
+    return {
+        baseTheme,
+        palette,
+        params: {
+            // Top-level tokens recognised by every series type.
+            foregroundColor: foreground,
+            backgroundColor: 'transparent',
+            accentColor: brand,
+            fontFamily,
+            fontSize: 12,
+        },
+        overrides: {
+            common: Object.assign(Object.assign({ background: { visible: false } }, (flush ? { padding: { top: 0, right: 0, bottom: 0, left: 0 } } : {})), {
+                // Axes default to neutral chrome so charts read calm against any
+                // surface; `flush` hides axis chrome entirely for the sparkline look.
+                // Per-chart overrides can still tweak.
+                axes: {
+                    number: {
+                        line: { enabled: !flush && aCfg.showNumberAxisLine, stroke },
+                        gridLine: flush
+                            ? { enabled: false }
+                            : { style: [{ stroke: gridStroke, lineDash: [2, 3] }] },
+                        tick: { enabled: false },
+                        label: { enabled: !flush, color: axisLabelColor, fontSize: 11 },
+                        title: { color: foreground2, fontSize: 12, fontWeight: 'normal' },
+                    },
+                    category: {
+                        line: { enabled: !flush, stroke },
+                        gridLine: { enabled: false },
+                        tick: { enabled: !flush, stroke },
+                        label: { enabled: !flush, color: axisLabelColor, fontSize: 11 },
+                        title: { color: foreground2, fontSize: 12, fontWeight: 'normal' },
+                    },
+                    time: {
+                        line: { enabled: !flush, stroke },
+                        gridLine: flush
+                            ? { enabled: false }
+                            : { style: [{ stroke: gridStroke, lineDash: [2, 3] }] },
+                        tick: { enabled: !flush, stroke },
+                        label: { enabled: !flush, color: axisLabelColor, fontSize: 11 },
+                        title: { color: foreground2, fontSize: 12, fontWeight: 'normal' },
+                    },
+                }, legend: {
+                    enabled: !flush,
+                    item: {
+                        label: { color: foreground2, fontSize: 12 },
+                    },
+                }
+            }),
+            bar: {
+                series: {
+                    cornerRadius: sCfg.cornerRadius,
+                },
+            },
+            area: {
+                series: {
+                    // Areas read clean when the fill is the brand color at low opacity
+                    // with a stroke at full strength.
+                    fillOpacity: aCfg.areaFillOpacity,
+                    strokeWidth: aCfg.strokeWidth,
+                    interpolation: { type: sCfg.interpolation },
+                },
+            },
+            line: {
+                series: {
+                    strokeWidth: aCfg.strokeWidth,
+                    marker: { enabled: false },
+                    interpolation: { type: sCfg.interpolation },
+                },
+            },
+            pie: {
+                series: {
+                    cornerRadius: Math.min(sCfg.cornerRadius, 12),
+                    sectorSpacing: shape === 'square' ? 0 : 2,
+                },
+            },
+            donut: {
+                series: {
+                    cornerRadius: Math.min(sCfg.cornerRadius, 12),
+                    sectorSpacing: shape === 'square' ? 0 : 2,
+                },
+            },
+        },
+    };
+};
+const applySeriesColors = (options, rootEl, appearance) => {
+    var _a;
+    if (!Array.isArray(options.series))
+        return options;
+    const styles = rootEl && typeof window !== 'undefined' ? getComputedStyle(rootEl) : undefined;
+    // --- colorful: per-label hashed colours (light fill + saturated stroke) ---
+    if (appearance === 'colorful') {
+        const fillFor = (label) => chartColorForLabel(label, 'fill', styles);
+        const strokeFor = (label) => chartColorForLabel(label, 'stroke', styles);
+        const isSingle = options.series.length === 1;
+        const series = options.series.map((s) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            if (!s || typeof s !== 'object')
+                return s;
+            // Polar (pie / donut): colour each sector by its label, in data order.
+            if (s.type === 'pie' || s.type === 'donut') {
+                if (s.fills != null)
+                    return s;
+                const data = (_b = (_a = s.data) !== null && _a !== void 0 ? _a : options.data) !== null && _b !== void 0 ? _b : [];
+                const key = (_e = (_d = (_c = s.legendItemKey) !== null && _c !== void 0 ? _c : s.calloutLabelKey) !== null && _d !== void 0 ? _d : s.sectorLabelKey) !== null && _e !== void 0 ? _e : s.angleKey;
+                if (!key || !Array.isArray(data))
+                    return s;
+                const labels = data.map((d) => { var _a; return String((_a = d === null || d === void 0 ? void 0 : d[key]) !== null && _a !== void 0 ? _a : ''); });
+                return Object.assign(Object.assign({}, s), { fills: labels.map(fillFor) });
+            }
+            // A single bar series with a category axis: colour each *bar* by its
+            // category label, so a status bar chart matches a status donut.
+            if (isSingle && s.type === 'bar' && s.xKey && s.itemStyler == null && s.fill == null) {
+                const xKey = s.xKey;
+                return Object.assign(Object.assign({}, s), { itemStyler: (p) => {
+                        var _a, _b;
+                        const label = String((_b = (_a = p === null || p === void 0 ? void 0 : p.datum) === null || _a === void 0 ? void 0 : _a[xKey]) !== null && _b !== void 0 ? _b : '');
+                        return { fill: fillFor(label), stroke: strokeFor(label) };
+                    } });
+            }
+            // Otherwise: one colour per series, keyed on its display label.
+            if (s.fill != null)
+                return s;
+            const label = (_g = (_f = s.yName) !== null && _f !== void 0 ? _f : s.yKey) !== null && _g !== void 0 ? _g : s.title;
+            if (label == null)
+                return s;
+            return Object.assign(Object.assign({}, s), { fill: fillFor(String(label)), stroke: strokeFor(String(label)) });
+        });
+        return Object.assign(Object.assign({}, options), { series });
+    }
+    // --- default / soft / bold: a single (cartesian) series uses the brand ---
+    // Enterprise convention — "the one metric" reads in the brand colour, while
+    // multi-category charts use the muted categorical palette. Pie/donut are
+    // inherently multi-category, so they keep the palette. Explicit fills win.
+    const brandShift = appearance ? BRAND_SINGLE_SHIFT[appearance] : undefined;
+    if (brandShift != null && options.series.length === 1) {
+        const s = options.series[0];
+        if (s && typeof s === 'object' && s.type !== 'pie' && s.type !== 'donut' && s.fill == null) {
+            const brand = (_a = (styles ? cssVar(styles, '--colorBrandBackground') : undefined)) !== null && _a !== void 0 ? _a : '#0f6cbd';
+            const c = brandShift === 0 ? brand : shiftLightness(brand, brandShift);
+            return Object.assign(Object.assign({}, options), { series: [Object.assign(Object.assign({}, s), { fill: c, stroke: c })] });
+        }
+    }
+    return options;
+};
+
+export { applySeriesColors as a, buildUdpChartTheme as b };

package/dist/esm/check-box.entry.js

@@ -95,13 +95,13 @@ const Checkbox = class {
      */
     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 watchers() { return {
         "error": [{