udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/cjs/advanced-search_50.cjs.entry.js

@@ -640,7 +640,7 @@ const AgTable = class {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (index.h("div", { key: '34090f535edf4f45e28eeacd5ab8da4012319dfd', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '9c6d345d9b7763fcebfbb60893b868ba48ca6940', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return index.getElement(this); }
 };
@@ -652,7 +652,7 @@ const AmbientDemoContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '1ae64499422d23a16bf1119a8d9f06f3502adc7e', class: "container" }, index.h("div", { key: '1d0feef16ae20855b25c8ac7120c444f5c0d8988', class: "title-container" }, " ", index.h("unity-typography", { key: '6539e873263b38ffa32caf26fb7eb25e4f8d5f93', variant: "button" }, " ", this.title, " "), " "), index.h("slot", { key: '7b367238cde374b88c6637908788f23ea4fc8f40' })));
+        return (index.h("div", { key: '35d81b468e19b8871ec965188504b71ae4922054', class: "container" }, index.h("div", { key: 'ac57303ecd758ef8b94aa303831ef31cdc7b204f', class: "title-container" }, " ", index.h("unity-typography", { key: 'c5e7bde5ea06c4f71d2130a9732ff9adf93305c9', variant: "button" }, " ", this.title, " "), " "), index.h("slot", { key: '9c69947927da837896e20a35a401af20fd14ae4c' })));
     }
 };
 AmbientDemoContainer.style = ambientDemoContainerCss;
@@ -4610,29 +4610,29 @@ const AmbientTemplateGrid = class {
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (index.h("div", { key: '06a855a84f5b62e40635b492062c6811c5d34c30' }, this.openActionPopoverMenu && (index.h("udp-pop-over", { key: 'ce6fdc6fb52c93ea62559454f2dd3feab68405bc', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (index.h("div", { key: 'c1f1d28ada736e48a944aecbf535cdeac30add14' }, this.openActionPopoverMenu && (index.h("udp-pop-over", { key: 'ee0b6239d0790c529de902dee212cefa807e9293', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, index.h("div", { key: 'e351f5e13f04b73ab3ec969edf5f46597f33cb6c', class: "overflowActionButtons" }, actionMenuItems))), index.h("div", { key: '8873f256b66297b1ea64840cc535472fd7ecf2d4' }, this.showNotification && (index.h("udp-notification", { key: 'e08059b36da511612ef8cf42414978b835129142', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), index.h("style", { key: '380bf5c04e0ce96db8bded35278909817c39fc4c' }, `:host ::slotted(.ag-side-bar) {
+            } }, index.h("div", { key: '60116f61b34748c829924e984f167e67b04202ea', class: "overflowActionButtons" }, actionMenuItems))), index.h("div", { key: '1f6c23dca663e2d09dae59f7532ab8b58ca58192' }, this.showNotification && (index.h("udp-notification", { key: '3df17aacede2e2d0a003ab9f97a4b908db7f5362', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), index.h("style", { key: '6a4893a379d797b1a0d4db2d97e482cf55312bfc' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), index.h("grid-primary-bar", { key: '11ab6c725d2826c1ab192f28a25f0e1b7d281162', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
+          }`), index.h("grid-primary-bar", { key: '180f49fb436f09f40dcc5f4b7aff7e2a81b21b16', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
                 this.insightsActionOnClick(e);
             }, showInsightsAction: this.showInsightsAction, hiddenActionButtons: ['saveView', 'filter'], primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
                 this.primaryActionOnClick(e);
-            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), index.h("udp-pop-over-grid-action-header", { key: '8a72ace14ed9aa9966f9534873379a640181d905', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, index.h("stencil-icon-button-grid-action-header", { key: '93efc465809322bc2824bd0913fc6bb22345712a', onClick: () => {
+            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), index.h("udp-pop-over-grid-action-header", { key: 'b713a78a60d4991d70f0a52c9a96da0b204cf596', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, index.h("stencil-icon-button-grid-action-header", { key: '26645f9a0bd08e44fce6482cdae7613e6460af2a', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: '5e47330228d286d05f26030df8a1516ba0008c08', variant: "button" }, "Show/Hide Columns")), index.h("udp-divider", { key: '48e185d8d4861b0a912d51b9a58f4797a3cbe5a9', size: "100%" }), index.h("stencil-icon-button-grid-action-header", { key: '4cc7ec98a09090edb2b4f34382cb3abe79c648b3', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: '714ae6cc2b7293bcfc581e20053e384617cdcd0c', variant: "button" }, "Show/Hide Columns")), index.h("udp-divider", { key: '036987e8067423797f33de8d1a61cc87dec03668', size: "100%" }), index.h("stencil-icon-button-grid-action-header", { key: '00b3365a97344798f65b2f0331aee7a8a7df0d04', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, index.h("unity-typography", { key: '0ac6aa352b42d88af6de6f5d5f5661bc8fe21bdf', variant: "button" }, "Fit to Column")), index.h("udp-divider", { key: 'fa1910981b94dd084719409edaa3c2493d6dc4f6', size: "0px" }), index.h("stencil-icon-button-grid-action-header", { key: '0ba25d682341300c177a5825e568be0c975f2883', onClick: () => {
+            }, tooltip: "Fit to Column" }, index.h("unity-typography", { key: '1174930d3976615536d3490264691e954d67ee58', variant: "button" }, "Fit to Column")), index.h("udp-divider", { key: 'afd183bdd79f568e3a0c289081083865be3f28b1', size: "0px" }), index.h("stencil-icon-button-grid-action-header", { key: '07e255099290abd7e8f31ef1f187ad324aeb076b', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, index.h("unity-typography", { key: 'e35e794dc9ee6a4e628bc3c521f93a63fdcabe2d', variant: "button" }, "Expand Grid")), index.h("udp-divider", { key: '4d421730754fb4bcafd1bf1397bf1a807a2cc308', size: "0px" }), !this.disableSearchSwitch && (index.h("stencil-icon-button-grid-action-header", { key: '1ce164bca29df4674ef99009278b5262a2c71069', onClick: () => {
+            }, tooltip: "Expand Grid" }, index.h("unity-typography", { key: '647bd1f7744b97974c9211fd3148cd35c3c093ec', variant: "button" }, "Expand Grid")), index.h("udp-divider", { key: 'ff974c719494f21dbb696b4a7031cf9c41ae83cb', size: "0px" }), !this.disableSearchSwitch && (index.h("stencil-icon-button-grid-action-header", { key: '41b3c2a3f9c74be1d4fa2b19973d149a790d444f', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: 'b6fefed4e3fb134ee6780ea4d6139ed702f0dd4c', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), index.h("div", { key: 'dc4c5a5cae4cb1e08ce55f029511514438d47650', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (index.h("div", { key: 'ef0ead478c987579e3ba30609b3fbdcf5941b0a4', class: "bulk-select" }, index.h("udp-badge", { key: 'dbb1e4d7bee9c742c4cd9b5a8dc7cecefea27823', content: this.selectedRowCount }, index.h("udp-selector", { key: 'b59043cd872fd7c3614ca67995855a5618708a1c', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (index.h("div", { key: '87aff157218a5fb69c4f47a7cd62b53fd4399806', class: "chip-wrapper" }, index.h("stencil-chip", { key: '919fa71e3691bd9ff157e50b4ad3f350d63e242a', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: 'c0b04206e01c74d49daf55898077074f9a7a252c', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), index.h("div", { key: '67331c032b9988a87b63beb7deb71dd0bbfd8a9d', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (index.h("div", { key: '3cfe21c770b1d61a77a48ee576fb2a9d7fd7dc2e', class: "bulk-select" }, index.h("udp-badge", { key: '5c8f762a50c9361dc3fcdcc310c868a471f39b7d', content: this.selectedRowCount }, index.h("udp-selector", { key: '7506e4099f19a9415e0446e0e9b13fc9333e2655', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (index.h("div", { key: '0ff4bb587e3692c50f33135071b9dd59b2803501', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'cc211532a7c979fcf244be8e814cbf186cb1f320', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default }), index.h("udp-divider", { key: 'cb0f77891a8ad75af1bd9e6a6e388ce6091b90d0', variant: "vertical", size: "30px" }))), this.hotListActive && (index.h("div", { key: 'bc1d599392b3afc9f52aba60e77f34ee75894809', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'cb7eb7d3c6ccd62f58d07aa24abd2c45758b1bb6', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16__default.default }), index.h("udp-divider", { key: 'a9beb225edbe8835a2d2efa8931329e501526e0e', variant: "vertical", size: "30px" }))), index.h("div", { key: '0f7c729f397cd91ff7543bb7f36162a5f8775f03', class: "chip-section" }, this.filterChips.length > 0 && (index.h("udp-dynamic-container-with-menu", { key: 'b02d24580c12d0b9eac2c0357fe13bd2e12c85c9', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), index.h("div", { key: '825aa8784e62c0785c010b3ef7ca058c3b6de1a9', class: "kpi" }, index.h("kpi-list", { key: '49f0957b53ffcb4a8a5f8d230f68466b85977e17', kpiValues: this.kpiValues }))), this.gridError && (index.h("div", { key: '61d8d54a5c7bc27322422b4c34d3b851339d07f4' }, index.h("upd-alert-banner", { key: 'e2877507d68c8999c3de2c88e2c1e3c749efafa0', type: "error", message: `An error occurred with loading the grid with data.` }))), index.h("div", { key: '9cab5664ec99ccaa12fe2ef2599168cb950d3d07', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)' } }, this.linearLoading && index.h("udp-linear-loader", { key: '91bdcaa936df886725a35b69c84872078dfcabe2' })), this.noResults && (index.h("div", { key: 'f129b2c66e696b3e659a6edf0ea660105d2df252' }, index.h("upd-alert-banner", { key: 'a76ba5d21ad7b1b6f628d09b69624ee077cad07e', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), index.h("div", { key: '41fe449ee83c599c556e4725f0f884a782858712' }, ' ', index.h("ag-table", { key: '9b6de856fea0fc7a80c98e7efe21d6ff6ee41ca7', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight }), ' '), index.h("side-sheet", { key: '504b3da4b1cfc2e2ed5065ee577194ec34dd5e24', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, index.h("div", { key: 'dfb3abc3b292856a3893c10bb9d44ae3b8007436', style: { width: '1200px' } }, index.h("advanced-search", { key: 'e09380cc0ce655c784cf3df6f7f861201cab2781', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList() }))), index.h("side-sheet", { key: '245d697c8e5dcbda0db361b93c71fa5fd94fd20d', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, index.h("div", { key: '740f3519dca03486240528225528975916a627aa' }, index.h("div", { key: '8e7ca5414736fd6ebc788c65ef99de82180d1bb5', style: { width: '450px', marginBottom: '8px' } }, index.h("hint-panel", { key: 'ef5157abd12d891dc1b3bb4990e5453355eda7c9', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), index.h("div", { key: '9048acde97aa905db703081c22645bb0a0fd7e96', style: { width: '446px' } }, this.viewListRowData &&
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default }), index.h("udp-divider", { key: '2882fc78cd612144f62a9a7ff2e9c11a57d185f0', variant: "vertical", size: "30px" }))), this.hotListActive && (index.h("div", { key: 'bf9bbb54551a66ecf02eebaf48b6f64205540603', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'b32805902a8a06e21106c7e12259d84f6e9c9e33', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16__default.default }), index.h("udp-divider", { key: '0be2edae8cf7195754d0496a247f65ed3fdd2c7f', variant: "vertical", size: "30px" }))), index.h("div", { key: '7b040a75c201a0d07b931d20d3bc9467d85bfd9a', class: "chip-section" }, this.filterChips.length > 0 && (index.h("udp-dynamic-container-with-menu", { key: 'dba5a62ed4cb8886ce704d7122c08b8392b6c5a5', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), index.h("div", { key: '979a26e3c97feb7b8333d435cb9c5a89de748a6f', class: "kpi" }, index.h("kpi-list", { key: '90454b2279f0c23c098b21f186635816c6e7e087', kpiValues: this.kpiValues }))), this.gridError && (index.h("div", { key: 'a71c357b0c1fd8a59212946e5b45f0c13e82a994' }, index.h("upd-alert-banner", { key: 'c88341bdf4609a53a55016944379fa8e857b590a', type: "error", message: `An error occurred with loading the grid with data.` }))), index.h("div", { key: '39bb7eda2abc7006d664c22650b0bdc528ee0874', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)' } }, this.linearLoading && index.h("udp-linear-loader", { key: '9bf04cb0286dc38cc234733b3a58d4f2589a6b3d' })), this.noResults && (index.h("div", { key: '243149881a8ef814cb30130d9f5e0bef3745777d' }, index.h("upd-alert-banner", { key: '9caa49e9d5cb0fb9221f46c3d9e28e14a36bb124', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), index.h("div", { key: '2dc75ea370eaf2641af4f362b91507f60b836824' }, ' ', index.h("ag-table", { key: 'e7abcf0e34f8bbb6d6719fc86b57ca560b3852b4', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight }), ' '), index.h("side-sheet", { key: '3a4f4c84906d655095a64de078a543c6b5ce88e9', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, index.h("div", { key: '183d281e7b1fb2d0250f1bb7b00a96adf7698e8b', style: { width: '1200px' } }, index.h("advanced-search", { key: '251c523402784bbe2309c0a320240ca31d6e24bb', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList() }))), index.h("side-sheet", { key: '7b2bf5b36880e13bbc777c9cfb590558715d2bed', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, index.h("div", { key: '3916b382f95721a194e039b843feefe2ef2d2ce7' }, index.h("div", { key: '61cadaee22b965a5c4dd1f2a881dd2ec4aaa71f6', style: { width: '450px', marginBottom: '8px' } }, index.h("hint-panel", { key: '9474568e27f53d2851341b36bdb4b36d941a9201', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), index.h("div", { key: '12d5e815032a52b476d2175d851591727e3b7cdf', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
                     return (index.h("tree-list-item", {
@@ -4643,9 +4643,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
                     }));
                 }
-            })))), index.h("side-sheet", { key: '8e5549672ab113051103364c3082104a4c5c4c1b', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, index.h("advanced-search-grouped", { key: '776b3857f000dea63b87ecbeffc58f02024dc042', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
+            })))), index.h("side-sheet", { key: '6fd118b6c01b02747439239399b076cff3b565e1', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, index.h("advanced-search-grouped", { key: 'b3a5f91dcccb0da253a0e4a793a303c0f374341d', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
             // onSearchItemChanged={() => this.handleSearchItemChange()}
-            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById })), index.h("side-sheet", { key: '8106b11211c57149f5ec9778a893c713bd656e72', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, index.h("div", { key: '3b938abde815566d0edfbe654d944bc3350a9bb3' }, this.showHotlistForm && index.h("udp-hotlist-form", { key: '02e8f51e6b2ed3b48ccf98ffa8bdbbd27797ea15', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), index.h("div", { key: 'bab16714d7d51be37be4280addae5d75818bb739', style: { width: '446px' } }, this.allHotlists &&
+            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById })), index.h("side-sheet", { key: '41b3733227e52ce6283e2a1ffc46d9c783dd7991', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, index.h("div", { key: '74c107a2e1d311f2aa9ddd0745938c21173e5b6b' }, this.showHotlistForm && index.h("udp-hotlist-form", { key: 'c8d89de79ea2db6f0188942f233a757b0c49f0db', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), index.h("div", { key: 'b3fed4a531c20975c1951673997754b5389b69f0', style: { width: '446px' } }, this.allHotlists &&
             this.allHotlists.map(item => {
                 if (item.domain === this.entityName) {
                     return (index.h("tree-list-item", { label: item.name, showViewOption: true, showAdd: this.businessObjectKey ? true : false, showDeleteOption: true, viewHandler: () => this.handleRequestHotlist(item.hotListId), deleteHandler: () => this.confirmRequestDelete(item.hotListId), onClick: () => this.handleSetSingleHotlistItem(item.hotListId), statusValue: item.isPrivate, statusClasses: {
@@ -4653,7 +4653,7 @@ const AmbientTemplateGrid = class {
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), index.h("save-view-form-dialog", { key: '670e997103078ab3d971c540a778fb7fcb6e2144', open: this.saveDialogOpen, title: "Save New View", closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
+            })))), index.h("save-view-form-dialog", { key: 'caad79bcfc337759dba1ef724e871e23d0d89929', open: this.saveDialogOpen, title: "Save New View", closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
                 // Assuming this.columnState exists in this component's scope
                 this.handleViewFormSubmit(name, isPrivate, isDefault, this.gridState);
             }, handleViewAndConfigurationSubmit: (name, isPrivate, isDefault) => {
@@ -4666,11 +4666,11 @@ const AmbientTemplateGrid = class {
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), index.h("edit-view-form-dialog", { key: '975cae30a319b77aa3ece661f235a3927def3135', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
+            } }), index.h("edit-view-form-dialog", { key: '56de0cf801f3f036a3a9dfd53aecde17ec6be07d', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
                 this.handleViewUpdate(gridId, name, isPrivate, isDefault);
-            } }), index.h("div", { key: 'e8104a28fcee2fcfca29924e8ecbbb484d17e379' }), index.h("fluent-dialog", { key: 'b8397b84d7bd79afaccf47d6313fb91b2f3e8c24', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, index.h("div", { key: '0239cd69a10a7d934dd8d87bea87a5e332e3cadf' }, "This will not delete any of the data but only the records ", index.h("br", { key: 'bd33be1fc8f0418bb9c15f8846217e496b87ff67' }), "from the hotlist and the hotlist itself.", ' ')), index.h("fluent-dialog", { key: '8a07cc4999b630665eef5b4be6093f239ac7271d', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, index.h("div", { key: 'fd974a917918147c207fc586e71f3342366260fa' }, "This will not delete any of the data but only the settings ", index.h("br", { key: '7713eedffd809b03f684cdb7871cb67431ff098c' }), "saved to display this view.", ' ')), index.h("fluent-dialog", { key: 'd3d8303c9c37dbe4acb511f3b0fd5e349b7e912e', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, index.h("div", { key: '92ff35ff5a53cf7ef750de42a6e0471ea45a9deb' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), index.h("fluent-dialog", { key: '9d43600ec09eb26b4900aa3e414b01fb995b84f5', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
+            } }), index.h("div", { key: '9185a03cee10cdf4fb62a41d0ff4dec839d8bec9' }), index.h("fluent-dialog", { key: '09f299b179a82fc92ace9ad90fad5eba65cf42e1', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, index.h("div", { key: '190e06b4c428e4f374ce4c3e0460a5a794bb5789' }, "This will not delete any of the data but only the records ", index.h("br", { key: '893b99f3d1a61642be7eaa7812e9f11a1771449d' }), "from the hotlist and the hotlist itself.", ' ')), index.h("fluent-dialog", { key: '568d45dd8b8cda2c1bd03ed785ccb4516aa4e306', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, index.h("div", { key: '7916ae2086611e030f6d803e4846f40e5d21664f' }, "This will not delete any of the data but only the settings ", index.h("br", { key: 'fe68d270901cdd87e3f41246a73d5e45b2a59949' }), "saved to display this view.", ' ')), index.h("fluent-dialog", { key: 'ea05f6c8f087212364ab6ccafcc0cbff08ea26c2', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, index.h("div", { key: 'e1def5182aba7d1d342d5f7961a69e4f9056c692' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), index.h("fluent-dialog", { key: '443390c92a57197d0957d1059ddce4e867ccdfb2', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
                 ? `Are you sure you want to toggle the search mode to standard search?`
-                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, index.h("div", { key: '8796ea5282024fa555d104da683a7aa52970a96b' }, this.enableAdvancedSearch
+                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, index.h("div", { key: 'e6f58ce94f7ae756a4d1e7f6658a03189d731dec' }, this.enableAdvancedSearch
             ? 'The advanced search functionality will be disabled, all advanced search filters will be cleared and the grid will be reset to its default state.'
             : 'The standard search functionality will be disabled and any existing standard filters will persist to the advanced search.'))));
     }
@@ -4724,7 +4724,7 @@ const AppBar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'c936d0da1f6e76d6321ba9ba3e61ed25c8de1552', class: "header" }, index.h("stencil-icon-button", { key: '0eb7eaff8ad5f35457ab049a00ea310dae832880', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: 'f92d2e34ff44f677752106989f268a468c6709b7', variant: 'data-display-one' }, " ", index.h("slot", { key: '3a5c557fcaabe1ce628ca19954f4e008bb7c4e02' }), "   "), index.h("a", { key: 'eb5f1c78b627737771d5f16cfb7e8827a3b504cc', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: 'c55bd7a5c6b6ef1ae90297854e2836ce64f33f22', class: "header__logo" }), index.h("div", { key: 'd9653d283d61c28aafb9b0c05938ef195d7a5076', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: 'a7dbe3c6da06f7bb5c33a78c3ea32c87fe8dd4f9', class: "header__global" }, index.h("udp-avatar", { key: '713e5e3409499ea36a63cbcd46c8216fde02fd73', username: this.username }))));
+        return (index.h("div", { key: '06b611d0de2e893f8d4b94f5e4d35745f91706ba', class: "header" }, index.h("stencil-icon-button", { key: '03e88f45a271f9ca4fa15926ad05473709fdd7e0', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: '8fae1d322d36bb3f7403417403728c7d1eb4a913', variant: 'data-display-one' }, " ", index.h("slot", { key: '54b51022a279a246e012a10e5e430470f6e9614c' }), "   "), index.h("a", { key: '0979dd3f68ce147259f6309de6a3497787901753', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: '7819e767b7bdbb8e6bd413181d084c2a14547168', class: "header__logo" }), index.h("div", { key: '05b32da0b1f8fcbd763e438b7b0170b47d33863b', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: 'e6da41c78ee183bcfb3fb471d6b13497991b9081', class: "header__global" }, index.h("udp-avatar", { key: '5eb201c0e152cef03891747f141b28f226cc9a59', username: this.username }))));
     }
 };
 AppBar.style = appBarCss;
@@ -4996,7 +4996,7 @@ const GridPrimaryBar = class {
         this.defaultActionButtons = this.initializeActionButtons();
     }
     render() {
-        return (index.h("div", { key: '356bfe545b354f6b9d689c23217727c3461c60ab', class: "header-bar" }, index.h("div", { key: 'f197a22c2acb2ff6a8de2df9b367b1904190b36a', class: "title-section" }, index.h("div", { key: '301d74f709afb690d6f6d02d4d2f7d4a776dcec5' }, index.h("unity-typography", { key: '78e2f59a9f5f375afeac4666a8cc8b47d11770ed', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '15dc19c4c93587937ca291112371fa172314e143', class: "button-section" }, index.h("div", { key: '501e973e0aa47b2e6bb24aa99a10b9654d1a313b' }, index.h("slot", { key: 'd04a997b0bf46e56194e01c9a8444094c035ba88' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '2ad8f4d12090acb4021c546f4bc9c57ba5c44967', class: "header-bar" }, index.h("div", { key: '747497e1c5256f373e4e3b7b684c041eaad77218', class: "title-section" }, index.h("div", { key: '543ea337e8adce08bcf322da58344fa538dac5b2' }, index.h("unity-typography", { key: '4a98d271352f40274b60a8ec2faebb6637f8308e', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '07250d3c352ba3c9fdb795b140d029a15874c556', class: "button-section" }, index.h("div", { key: '3d6375a1048e5911c1c14f418c70eeb855befcdf' }, index.h("slot", { key: '47531ac8ea37d798cd3f4736fa4e4195abc7139b' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -5009,7 +5009,7 @@ const GridPrimaryBar = class {
                 return (index.h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && index.h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? index.h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '3d1c6432d3cb1afc41d1b5c4521eb48557e292d2', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'd0442542aca3dcbf057818e72ed53adb20c458f4', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '6bd71e4db929effa85c531b98644347fa865100f', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'df1c3549c67c0897a3231110fed289207590fba0', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": ["onResize"],
@@ -6888,6 +6888,11 @@ const StencilIconButton$1 = class StencilIconButton {
         this.disabled = false;
         this.count = null;
     }
+    componentWillLoad() {
+        console.warn('⚠️ stencil-icon-button is deprecated and will be removed in a future version. ' +
+            'Please migrate to udp-icon-button for better consistency and theming support. ' +
+            'See component documentation for migration guide.');
+    }
     render() {
         let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class
         let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style
@@ -7074,16 +7079,16 @@ const StencilToggle = class {
         const buttonId = `${baseId}-button`;
         const labelId = `${baseId}-label`;
         const isError = !!this.errorMessage;
-        const labelElement = this.label && (index.h("label", { key: '341526d9314f607359ebd7b5e90f73b1988c23b1', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, index.h("unity-typography", { key: '8734cfda781a94caa91f886091f793a971013955', variant: "caption-text" }, this.label)));
-        const toggleElement = (index.h("div", { key: 'd2c189b591fcb4a52992aa7a78a744addb607b62', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, index.h("button", { key: '960e42e77c12a68a580c7e896eab05362e17f419', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, index.h("span", { key: 'd7719fdfe0b563c8a75cc1d5ad8338aae4c41cba', class: "toggle-knob" }))));
-        return (index.h(index.Host, { key: '3c82fe1006cb50b2b558b4ff7b5dfa857bddcd28', class: {
+        const labelElement = this.label && (index.h("label", { key: '5bab829756552a4ca27ad67089dbcb764bda2de1', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, index.h("unity-typography", { key: '1f1f400380c31913441255264eb6d0af35e1c421', variant: "caption-text" }, this.label)));
+        const toggleElement = (index.h("div", { key: '6c54df6caf5b3f294cae26d2ca3615c7e1bb05cd', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, index.h("button", { key: 'e060117671835f2e6a47597a926a2f9512d4f8d7', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, index.h("span", { key: 'fcab0a5fd5bcf15e02a13fc160ceca872034eb69', class: "toggle-knob" }))));
+        return (index.h(index.Host, { key: '3f90cb01c6032b87310837aead982a41b0078bad', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--checked': this.toggled,
                 [`udp-input--margin-${this.margin}`]: true,
                 [`udp-input--size-${this.size}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false' }, index.h("div", { key: '9ef1da957d0aa0530ab9c22425ef76174570dcec', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && index.h("div", { key: '0b8d86a08cd1b4aae45a61ad10c209c69ffdc953', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false' }, index.h("div", { key: '14fbbb34b5dee8da92375cabd8ddb050772318a3', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && index.h("div", { key: 'bdee0f654adb087590d9bcf45daf35d0ffe12bb6', class: "error-message" }, this.errorMessage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7102,6 +7107,7 @@ const TextField = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.change = index.createEvent(this, "change");
+        this.errorEvent = index.createEvent(this, "error");
         /**
          * Error message to display below the input field. Shows validation errors or other issues.
          */
@@ -7139,6 +7145,15 @@ const TextField = class {
             if (this.value !== undefined) {
                 this.value = newValue;
             }
+            // Re-evaluate validation on input if there's currently an error
+            // This provides immediate feedback when user corrects the error
+            if (this.errorMessage) {
+                const validationError = this.validateCharacterLength(newValue);
+                if (validationError !== this.errorMessage) {
+                    // Error state has changed, update it
+                    this.setAndDispatchError(validationError);
+                }
+            }
         };
         /**
          * Handles change events (committed changes on blur/enter). Emits change event.
@@ -7150,6 +7165,16 @@ const TextField = class {
                 return;
             }
             const newValue = event.target.value;
+            // Validate the new value for character length constraints
+            const validationError = this.validateCharacterLength(newValue);
+            if (validationError) {
+                // Character length validation failed
+                this.setAndDispatchError(validationError);
+            }
+            else {
+                // Character length validation passed, clear any existing error
+                this.setAndDispatchError('');
+            }
             // Emit change event when user finishes editing (blur, enter, etc.)
             this.change.emit(newValue);
         };
@@ -7183,6 +7208,41 @@ const TextField = class {
             this.internalValue = this.value;
         }
     }
+    /**
+     * Validates the text value against min/max character constraints
+     * @param value - The text value to validate
+     * @returns Error message if invalid, empty string if valid
+     */
+    validateCharacterLength(value) {
+        if (!value)
+            return '';
+        const length = value.length;
+        if (this.minCharacter && length < this.minCharacter) {
+            return `Must be at least ${this.minCharacter} characters`;
+        }
+        if (this.maxCharacter && length > this.maxCharacter) {
+            return `Must be no more than ${this.maxCharacter} characters`;
+        }
+        return '';
+    }
+    /**
+     * Sets error state and dispatches error event that bubbles to stencil-field
+     * @param errorMessage - The error message to set and dispatch
+     */
+    setAndDispatchError(errorMessage) {
+        console.log('Setting text field error:', errorMessage);
+        // Update internal error state
+        this.errorMessage = errorMessage;
+        // Emit Stencil error event
+        this.errorEvent.emit(errorMessage);
+        // Dispatch custom error event that bubbles up to stencil-field
+        const errorEvent = new CustomEvent('error', {
+            detail: errorMessage,
+            bubbles: true,
+            composed: true
+        });
+        this.el.dispatchEvent(errorEvent);
+    }
     /**
      * Component lifecycle method. Initializes error message and internal value.
      * @internal
@@ -7194,6 +7254,13 @@ const TextField = class {
         }
         // Initialize value: use value prop if provided (controlled), otherwise use initialValue (uncontrolled)
         this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');
+        // Validate the initial value
+        if (this.internalValue) {
+            const validationError = this.validateCharacterLength(this.internalValue);
+            if (validationError) {
+                this.setAndDispatchError(validationError);
+            }
+        }
     }
     render() {
         const isError = !!this.errorMessage;
@@ -7203,7 +7270,7 @@ const TextField = class {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (index.h(index.Host, { key: 'babf775e0c8ff358b407e7082a8370c8eac191c4', class: {
+        return (index.h(index.Host, { key: '4c97f1b312bfacd447bc14bf3c28542a64829d57', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -7211,10 +7278,11 @@ const TextField = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '4e5f24c12b24d95cd2497abb342001ab62f3509d', class: "bx--form-item" }, index.h("unity-typography", { key: 'b93a025bdec3267012a91b2bb7b4de9b5d01bbbf', variant: "caption-text" }, index.h("label", { key: '3d11efcfd0eb3ca142533860c05b6e2448405195', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (index.h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '71ce2d0d6564b5bb0689839616bd7197361ffeb6', class: "bx--form-item" }, index.h("unity-typography", { key: '7f1a7a034239aa9c69cd970d959f35e74f7111e8', variant: "caption-text" }, index.h("label", { key: 'c62a431b8e86c6803cc574f196c785a67ee853af', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (index.h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (index.h("div", { key: '772531a96a4c78500d9c424c01738fa4db6c4c9a', class: "error-message" }, index.h("unity-typography", { key: '58fa85c006231ec3f5563c4a228dad5fec33723b', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (index.h("div", { key: '7f5c9cac452884047569840e6620044c4d544c65', class: "error-message" }, index.h("unity-typography", { key: '61c3877f867c8a6751483c402f45132a289b84c2', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "error": ["updateError"],
         "initialValue": ["updateInitialValue"],
@@ -7673,7 +7741,7 @@ const DynamicContainerWithMenu = class {
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (index.h("div", { key: '716b186bf773d0f1d53330d6b8db1cf896ef5857', class: "container" }, index.h("div", { key: '73300ab56f622d8368fc2485d3faf5c0ca1b083f', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index$1) => (index.h("stencil-chip", { color: "secondary", key: index$1, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), index.h("div", { key: '75272f2c03e85073266504e1910fc303eb3cb9f8', class: "overflow" }, index.h("udp-pop-over", { key: '4a14ca56c6e2c6e78ff1b545d8fb24c1ca5af5c9', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, index.h("div", { key: 'a1f6c93c9e025f09e6bfc9df0eebfc6e5e366759', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index$1) => (index.h("stencil-chip", { key: index$1, text: child.label, "show-delete": "false" }, " "))))))));
+        return (index.h("div", { key: '71558adeae7a5346bb4e7a790ac33b9457ec146b', class: "container" }, index.h("div", { key: '91800e874a4fafacfbb0d1d5ba1a4449dff1b060', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index$1) => (index.h("stencil-chip", { color: "secondary", key: index$1, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), index.h("div", { key: '5a2c2038fefae74528e5e5fbe8f3fcdabfd61943', class: "overflow" }, index.h("udp-pop-over", { key: '3b3a65b65eeec241117bfc65fedd5d7a425c8338', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, index.h("div", { key: '1bb563def60809fbccd41e12d57376e6544883c2', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index$1) => (index.h("stencil-chip", { key: index$1, text: child.label, "show-delete": "false" }, " "))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7751,10 +7819,10 @@ const UdpGridLoader = class {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (index.h("div", { key: 'cb6f8e0c3b9a3c612d28dc4a932a8b57b3e57ff9', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (index.h("div", { key: 'b68a6832d416fb2d28dedffebbd360cbdd03976d', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (index.h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (index.h("div", { key: '996659dd5030f5b88e65de36d3d1a9a020189d32', style: { width: this.width } }, headerBar, rowBars));
+        return (index.h("div", { key: '8143b998cf4703b674e1d913f9e2ea503b5f7d38', style: { width: this.width } }, headerBar, rowBars));
     }
 };
 UdpGridLoader.style = udpGridLoaderCss;
@@ -7790,7 +7858,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '25d3ac15ce75e21c38ee581fd6760acd0452cb6b', class: "wrapper" }, index.h("form", { key: '23cb869dcf8111e10d5202ea00f066d64d6e955a', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'aeca29c646c86c96306f8baddc77fdf2d2421f25', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'f0d4a73109796d9b8cd71cba4057327ad37abd86', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '0dcf360e9189ca180a425d1f3b7530d54db53c17', class: "submit-button" }, index.h("custom-button", { key: '9f12210ec38cf756a601a418e7c4ca0653370fd8', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'aa24f4f10e50090d46fc0872acf9a350e12a76b2', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '37794c03999b3aa270826c0853d88c93aae35a1e', class: "wrapper" }, index.h("form", { key: '8d9b0159dff15a7d7acc1bddf1c630bb54b7b1e1', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'a817c11fc9c553c391b499301cfdfea4189a0ded', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '3dbd0b8dc6d92bca928d466d9ebed3ec7307e096', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'd48cc9bded5c9f23e5b365e10fd2236093253ba4', class: "submit-button" }, index.h("custom-button", { key: '245e5ca6ed9e63938e395f4c6e91a7cd819d6c18', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'a47f9a20272b5dcedf54b71ab155967967dbc92e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7859,7 +7927,7 @@ const UdpLinearLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'efde1ca8ae1260d2ed4952180e96d6f2d79888c7' }, index.h("div", { key: 'f0102481306d16411a845301b58aaa3bbe05510a', class: "loader" }, index.h("div", { key: '9587d61b151493fb5f531c6edd2103706604e34b', class: "indeterminate" }))));
+        return (index.h(index.Host, { key: '13379274e0bae0b9b2cada21fe3d4fd77d40014b' }, index.h("div", { key: '5fe178d0c052d9ca24c05fd38a12f93f99b6f159', class: "loader" }, index.h("div", { key: '7ca16b2a3be22007005b13bb7e53d5ebb0701d20', class: "indeterminate" }))));
     }
 };
 UdpLinearLoader.style = udpLinearLoaderCss;
@@ -7879,9 +7947,9 @@ const UdpMenuItem = class {
         };
     }
     render() {
-        return (index.h("div", { key: '16f5cc7cc0915c44d288d064473038d7b455dd89', class: "menu-item-root", onClick: this.handleItemClick, id: "udpRecord-udp-menu-item-ItemClick",
+        return (index.h("div", { key: 'e4e362bbece58706baa737db969854b0ecf6c634', class: "menu-item-root", onClick: this.handleItemClick, id: "udpRecord-udp-menu-item-ItemClick",
             //@ts-ignore
-            udprecordid: "udpRecord-udp-menu-item-ItemClick", disabled: this.disabled }, this.iconName && index.h("udp-icon", { key: '8dd19b4ee85acc2bbcde4bb0bccc1c62732b14c6', iconName: this.iconName, class: "menu-icon" }), index.h("span", { key: '22908bf1f676b1bc999f3c5c32fff11d4c054373', class: "menu-item-label" }, index.h("unity-typography", { key: '28d973ab4623be734bd518c07b453071648aa86f', variant: 'button' }, " ", this.label, " "))));
+            udprecordid: "udpRecord-udp-menu-item-ItemClick", disabled: this.disabled }, this.iconName && index.h("udp-icon", { key: 'bc5b2fa841a94238f9c27b6996d5b3892e956169', iconName: this.iconName, class: "menu-icon" }), index.h("span", { key: 'f205e78d348169ce5cbf805d80602082170b9c3d', class: "menu-item-label" }, index.h("unity-typography", { key: 'ae426e2abe8c1c3a29da1bcc54d69bfdee2f4924', variant: 'button' }, " ", this.label, " "))));
     }
 };
 UdpMenuItem.style = udpMenuItemCss;
@@ -8399,7 +8467,7 @@ const UdpSelector = class {
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (index.h(index.Host, { key: '0fbb750f93acb6ea10b4cd3766b0e5ee3acd3408', class: {
+        return (index.h(index.Host, { key: '29251dd9cf9059a19c3ee9cc2c2b03f57ad3e431', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -8409,9 +8477,9 @@ const UdpSelector = class {
                 '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' }, index.h("div", { key: '5f622e00a540d4df483f2ce426a44b18d6d2c334', class: "bx--form-item" }, this.label && (index.h("unity-typography", { key: '0514116a7ba6d702ea0301f632b2cc55fe674f85', variant: "caption-text" }, index.h("label", { key: 'ef0db6474f8e5c9491fcba4d6cbec75fd18971d7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), index.h("div", { key: '3b7f7745c020c610c95bdb2954b1291144829318', class: "udp-selector__container" }, index.h("div", { key: '6d4fc9dc4464a9e8c8b59b1d182d9840e703fc8d', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), onBlur: this.handleBlur, 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' }, index.h("div", { key: '308273e697814be1edf27d05022fbda9bb9287e7', class: "bx--form-item" }, this.label && (index.h("unity-typography", { key: '646f781c41b4ebb60eb8d6b08da033b70ce2e48c', variant: "caption-text" }, index.h("label", { key: 'a0bd9c00fda4e8048a7fe41cc510a5cf6a8ae8ff', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), index.h("div", { key: '81ea44d8eed860aa6efa95e544e9a5ba6d929c14', class: "udp-selector__container" }, index.h("div", { key: 'b896d5d9c6235d95de68f743da2e923b70e619ce', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), onBlur: this.handleBlur, 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 }, index.h("div", { key: '04a3f44b087b808ac464bb24478ab979682a59d3', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, index.h("div", { key: '8818ec5d3b96b12f5eee6081b04c5664a4944274', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -8420,7 +8488,7 @@ const UdpSelector = class {
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && index.h("span", { key: '23a7fc7dee95948ad900d7a4ec995e801861c7cf', class: "checkmark" }), index.h("div", { key: 'fce7b6dc97e089d6c2f0a67dbfabfe7eec879a52', class: "arrow" })), this.isOpen && (index.h("ul", { key: 'cca6bedcae8ca6cf32859a812e7c39527ef8a16c', class: "options-list" }, this.options.map(option => (index.h("unity-typography", { variant: "button" }, index.h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && index.h("span", { class: "checkmark" })))))))), this.errorMessage && (index.h("div", { key: 'abca543491f7d3a13bc450b0a63a18858ee3c7ec', class: "error-message" }, index.h("unity-typography", { key: '27608789cb30c98afd2cc70b9a7bf4cdec7069a6', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && index.h("span", { key: 'aebc9ac1f638b9f5222d051c2e29e2c2c78175d3', class: "checkmark" }), index.h("div", { key: '241aeeeb1cbf93e82ba882b94acbac0cdc6cb738', class: "arrow" })), this.isOpen && (index.h("ul", { key: 'b9152b16546b6533c389ba648bf6a3bceaf4daad', class: "options-list" }, this.options.map(option => (index.h("unity-typography", { variant: "button" }, index.h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && index.h("span", { class: "checkmark" })))))))), this.errorMessage && (index.h("div", { key: '735fd74f02b851563948987b1b73fbe0b4ef7d00', class: "error-message" }, index.h("unity-typography", { key: 'cfb1289b857dc0acbcab2ade46f383c93995da5e', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.
@@ -8458,7 +8526,7 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (index.h("div", { key: '8527fcf0f7de753f16ded8d183e4bc8e7b74d81b', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (index.h("div", { key: '4b9d1b3e81b933e8cde43a9f40e23c205f124e84', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss;
@@ -8473,7 +8541,7 @@ const UdpTab = class {
         // Handle the active state change, if needed
     }
     render() {
-        return (index.h("div", { key: 'b2528a035e612130ed3526253b7269b00e837823', class: { 'tab-panel': true, 'active': this.active } }, index.h("slot", { key: '75c4ecadd2efa434a7a46d66c0902146b02b0d82' })));
+        return (index.h("div", { key: '9b8745c48da082b332355c9293b127dd43a817ae', class: { 'tab-panel': true, 'active': this.active } }, index.h("slot", { key: '251067ae03ca3a2e039f52bc04acd8e8a878ea9f' })));
     }
     static get watchers() { return {
         "active": ["activeChanged"]
@@ -8492,7 +8560,7 @@ const UdpTabs = class {
         this.activeTab = tabIndex;
     }
     render() {
-        return (index.h("div", { key: 'b5a6bd4965dc70d64c4b2db4e98149a2f4ace501' }, index.h("div", { key: 'e3d2b07ad062986ac890f2df135cca4dfb30d55f', class: "tab-header" }, index.h("slot", { key: '3d6593027783984fd51c9b275f73e82a851aaa68', name: "tab-title" })), index.h("div", { key: 'fd154beeb418bdf7bec23d1cae675ad5d6c5811f' }, index.h("slot", { key: 'a5aa4515486a49cc401435c641b8a4b129db73a3' }))));
+        return (index.h("div", { key: '86770acfc5e8153b8172abf884fe4a8981459cdc' }, index.h("div", { key: '6f691f9e6a836b43be4b0e2294601bcb15554d50', class: "tab-header" }, index.h("slot", { key: '12995daf381e2925f63dc2ab84b1c28786d39506', name: "tab-title" })), index.h("div", { key: 'fabc8bf56c1ae90f3bf0bc0fb6e5b0aa4939e6e9' }, index.h("slot", { key: '20b513fc025fd0fcdf62e9377c4c8055953f20fa' }))));
     }
 };
 UdpTabs.style = udpTabsCss;