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

package/dist/components/ambient-demo-container2.js

@@ -12,7 +12,7 @@ const AmbientDemoContainer = /*@__PURE__*/ proxyCustomElement(class AmbientDemoC
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'aabd2db2a35785c49e8bce7f39ec3321814514b5', class: "container" }, h("div", { key: '104242d374cbb562dae2934c379384adcf689cc2', class: "title-container" }, " ", h("unity-typography", { key: 'ee84ba9c0176de8e4ed3a2f5521fcecf7602ebea', variant: "button" }, " ", this.title, " "), " "), h("slot", { key: 'f55df725728ccad67e8f191a09eff301fb26d394' })));
+        return (h("div", { key: '75dd493b0eed427f414786dcc666948afb7b40db', class: "container" }, h("div", { key: 'debe96ae62cfd10154da7432ef470e21d1ab879b', class: "title-container" }, " ", h("unity-typography", { key: '64cfc0fcbb5b745004e914fe5819d5a608b83fc4', variant: "button" }, " ", this.title, " "), " "), h("slot", { key: 'c75ba7fa50059017da74ac203c9251ab79973645' })));
     }
     static get style() { return ambientDemoContainerCss; }
 }, [257, "ambient-demo-container", {

package/dist/components/ambient-template-grid2.js

@@ -3828,29 +3828,29 @@ const AmbientTemplateGrid = /*@__PURE__*/ proxyCustomElement(class AmbientTempla
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (h("div", { key: '6871995383595619ddd3ff06e1c17b1d4f06979a' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: '4631f97ac1e5410fa77d811b9e45a92c959d5537', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (h("div", { key: '018efb3b133e06c9e5b5de09529dfa0365a4af7d' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'ef796986b195bfcdbf71dcb59e547e3b5f1ffa90', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, h("div", { key: '18ccf5c431affb749891af01970fb8f4f6f9a9a4', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: 'f53232485703efb24d9faaeb98a88f77f9ad568b' }, this.showNotification && (h("udp-notification", { key: '1d00ee60cb5ab7ccbf8b1650a2999e39258b71a3', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '9438433b5183956d991d44dfad7c7c31da84c22c' }, `:host ::slotted(.ag-side-bar) {
+            } }, h("div", { key: '03ad81c34aa492d68e9843b54a8d82677c211212', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '9911c50d42f477d5adedb50649e68490853d870f' }, this.showNotification && (h("udp-notification", { key: 'd70cfe54578898de460d39f2bc36ef94ba9b834c', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '9d9394d0326a80b942f7971ed15861746a7ad993' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), h("grid-primary-bar", { key: 'ef06a7488132388a66f234d7ce610951ca3fa4a2', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
+          }`), h("grid-primary-bar", { key: 'b6348ced4a2ae59536945cd756cac11258eacc63', 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: this.hiddenActionButtons, primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
                 this.primaryActionOnClick(e);
-            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: '3f98019eded6d266d819602f9fd9ed2eee1e3b32', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: 'dfdf51d69880fde5a10473da46b7b2398d45f165', onClick: () => {
+            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: '480dd7b03bd9678410c1bf9d7acb88924d7e2194', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '0777429c0bf2145f87a7f41ad475e7d6cbfe2770', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: 'c214cf40e214832a7a21e531d151de92f0ce128e', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '038e494aceda6efbf2978bbe17e1cd84a25a78c9', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '919519a0c656824fec82d834ab6f1ccdcf7a6dc6', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '87c25bcb7cefacb6b9b65b8645c91665bf9939f1', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: 'ed1a2ae18f7564b077247af285e6c0bb3bdad00c', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: 'd3ff65af2ac6d8b728933f48c992c8332125e742', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, h("unity-typography", { key: 'f59b2f205a2323a58c53071e1b80a1ef41c25cfc', variant: "button" }, "Fit to Column")), h("udp-divider", { key: '91fb882a8b739292fd77f9b6734302314eeec0fd', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '074055300da27ae4f139c20dae8ac4c09a43cc52', onClick: () => {
+            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '9070ae7f71efcae2f173be939fa255bf711ebad6', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'a59c8cdcd675478bd34c0e3db9bad66de08e888f', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '27d303bc18c56e77b00f28b648544da35257cce0', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, h("unity-typography", { key: 'cca1b3b6f3764de1ba8d36111f497807fa1baf41', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'be882a57006fe012c78d85f91e5e34b01c040b86', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '248a033027f7f2c1f9e05933a06b0d6be311d36c', onClick: () => {
+            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '0f9862404272ad54b2ed8e7ee617c4145542def8', variant: "button" }, "Expand Grid")), h("udp-divider", { key: '19e25f0468d88e4693da59e2d7b512c8bbf772e5', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: 'e6cce37025fd7400b9f3307a195c46e3cae02f8f', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: '14737479c7af569eefff926047a6a61b7e7e37b4', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: '4297413de120150a00bcab3857424e79849f66c3', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: 'e00450f835e4bd39b0c07947b62a94d92fb71a36', class: "bulk-select" }, h("udp-badge", { key: 'cf63f6b27e007bf69c9f01d28c3bcd82edf1f8c0', content: this.selectedRowCount }, h("udp-selector", { key: 'a7533111f1a9ee4e1115347d5ebd7873986996b3', 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: '728131db932f7895a17f379db8a94dc3bebba562', class: "chip-wrapper" }, h("stencil-chip", { key: '61a449ca1be74f40f9857eb57fc16f6ed0e2ec87', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: '558125a22a8e1d5d714b22be4081a06b7af06d43', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: 'a9a0ae547a462373a757c05cf375534f65708cee', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: 'd42c01a2b8dfdce5e70b98e6dcb3be79cf2e5dc1', class: "bulk-select" }, h("udp-badge", { key: '9ca967b40720a497161874a5013040b4a0b113f2', content: this.selectedRowCount }, h("udp-selector", { key: '642e579e0e1bc1fe868611bd66f5be75e16599fb', 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: 'b10ffb19b6f7394c3ce554b19a9dedb0ac234db6', class: "chip-wrapper" }, h("stencil-chip", { key: 'efa8c1b100d739c6dcb3977ea5323a08f51edd56', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: 'e4a657524450fd6f63d0e8444cbb9f0d78504eb0', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: '24ebc8bf5cd2ab1a09fef3cb58a06b1ed9d8c3b7', class: "chip-wrapper" }, h("stencil-chip", { key: '17417dd688b011dcf159861fcb6b28d532dd4a37', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '67f124b8abbb6ea6fa1bef9121c15d70599a2c12', variant: "vertical", size: "30px" }))), h("div", { key: 'a58e9971dc714549d9444c98bb6fb8dc71e97a01', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: '0823adf83f0ddb14ca86b087820ad6edff9f536e', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '4b6a14149e6492f64aea47d9cc5a65230b9abebd', class: "kpi" }, h("kpi-list", { key: 'ee7490e5255689fd1fe09f40302d6e59b44eabd1', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'de984a16037d14bf97829d428c871f2271f40c92' }, h("upd-alert-banner", { key: 'b86795271882a3c70239aa0043146b586c5b72c4', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '2ecb0b03edd474ddf03eb1b211ce09949622b28d', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && h("udp-linear-loader", { key: '8cb74a12e54205c01d80ded4fffa465a2658da13' })), this.noResults && (h("div", { key: '216f37ba09ab8a2164c59da2069abe73cd142626' }, h("upd-alert-banner", { key: 'b05f8fdfa3041d0d931ad68faf9292aeab01367e', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '1a034a177d146b871af00f416f11058d1793459e' }, h("ag-table", { key: '508ef4f4302e2abbfa8ccfe3e41baed41ca721b1', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: '20335aceb8c0a35008310e6a65c77a30c19a0c5c', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '1ca914f16561101f66139cff72e75c77bddce422', style: { width: '1200px' } }, h("advanced-search", { key: '7c3d54ef591d4e80ab49720afb392e28939b532e', 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: 'f247053c95af887649c5f40d01268e1a10768337', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: 'b34c8c0ef37985a4cd71b6e696875e4acd8e1773' }, h("div", { key: '19e3f8f86f1e6a917e820007f2b6024199fce9e0', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '13f741cf924f6a549ea2e74327f3e24b81d9a71e', 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: '63d670161c4d91406f8f99d376c314741a8d7ada', style: { width: '446px' } }, this.viewListRowData &&
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: '05498eabbf0adad82794afa1aeade6f815701c48', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: '2d918d4824be31993449e993cd88fe7c9ac4123c', class: "chip-wrapper" }, h("stencil-chip", { key: 'd3708cebd821070ff7cf1c4936f337c7951c9b2b', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '64a23fcededff62d6df0f0fe18d8609c6486bbab', variant: "vertical", size: "30px" }))), h("div", { key: '736a3067ddec75228fdd84114e5ccc8de92f6d00', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: '31255d0eae05434a2576292f8af259f31ba19696', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: 'dc613f41cb2b48b92df7d2f6c9beaa855a260b84', class: "kpi" }, h("kpi-list", { key: 'd605a061e7ede80827de7c8f2b6a090335077424', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'a60877c818046db8008c5900febfc31624132e0b' }, h("upd-alert-banner", { key: 'f15e52c48f370bc943069ec16ab80bcb57d88a2a', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '768014761eefb68887a55e7e61a2bece3f189f65', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && h("udp-linear-loader", { key: '3cdd4e20a668fe3b0324a7111b0ada9d864ea4d6' })), this.noResults && (h("div", { key: '49730d8dfd4f5f8505c0cd84f806466693dfed1f' }, h("upd-alert-banner", { key: '3c9e6505c0da47d0510f640aa05eb5b457af901d', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '7c3c42e031146156d957654d3552c72e43586412' }, h("ag-table", { key: '712c5ba8633fc5dbc60affca5880b84cb902cfd2', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: '2dc25aa71fcb16dcbb3d0a7189159912269ceb6a', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '937144f2713fbec3e782af2813094e2cef995347', style: { width: '1200px' } }, h("advanced-search", { key: 'ab9f37535a829ac4856bfb82e2ca559e6ee1424d', 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: '5157413c3ab29f67d6ce656a3fb61c9a4a20441f', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '595b28b34054504ad12644faa4a39b2a3f56edc3' }, h("div", { key: 'af7d9c6ecf200514ad52d630b4fe0e5b6182842b', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: 'dd6f7bb07bfd2e0437217b7c53b86bde3ce3d441', 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: '0bd2a10799a18110ef62fdf974131493d4b72412', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
                     return (h("tree-list-item", {
@@ -3861,9 +3861,9 @@ const AmbientTemplateGrid = /*@__PURE__*/ proxyCustomElement(class AmbientTempla
                         }, 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: '2366b12ad3fe0ce4fc2a888a3282da77233c09b2', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: '33795b531cad78d798855f6ab26e1197437ce64b', 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: 'af57c5be0640aa7d295d3b30a70f7257e6a78359', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: '64fd15b182ccf7fab80d5318a803cfb66bc7f6b0', 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: '4b637b0ac782e67e77494ecb9c249c4a0adfa06e', 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: 'a5ba8d06922e2d6edd994ea4f92ce65f8dcfed6e' }, this.showHotlistForm && h("udp-hotlist-form", { key: 'afd100f1b400a5f52eed3665e01f34ff37f15240', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: '66a3ddab96cce9454aec1cc9eb8a16719315cf59', 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: 'e5c45d38b79f462d1e287bd70c77bd881e64eea6', 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: '36af0612c30f5163efbce8201b7d2262090623e9' }, this.showHotlistForm && h("udp-hotlist-form", { key: 'f159a17afc358e33ff894e9c3637a40c9f94601e', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: 'bccb6cbf2f3c15ab493b27fd27b5583a5fbaa321', 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: {
@@ -3871,7 +3871,7 @@ const AmbientTemplateGrid = /*@__PURE__*/ proxyCustomElement(class AmbientTempla
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), h("save-view-form-dialog", { key: 'b5fe98767c960b86033c38ff245febd96eb2b42a', 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: '238c8e29a69f6e5b9953727b0a329c4e609d4d4f', 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) => {
@@ -3884,11 +3884,11 @@ const AmbientTemplateGrid = /*@__PURE__*/ proxyCustomElement(class AmbientTempla
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), h("edit-view-form-dialog", { key: '979faf713d66a74d5630a7cb3a7597e88a1c7adc', 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: 'a1b1d637d504b2bda3b696a8db829776e9339b76', 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: 'dc1b28765fea40ff660fe060d62306e8958b0008' }), h("fluent-dialog", { key: '4749a681a594c062c9211dd2e985e964a47f29da', 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: 'e9a95f63f1538d9fa9ef007fac99af421a62269d' }, "This will not delete any of the data but only the records ", h("br", { key: 'b90bf325b71620bbf15ec4c71cccffec8b50f1ce' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: 'ebb260ee17fea7d176737ae1e6190e7d3b46cbcd', 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: 'bb08b2949e15b78460fb8f5e6aab6c7f5b22eeda' }, "This will not delete any of the data but only the settings ", h("br", { key: '82d84f443b8939387b516011d9270492f18dee86' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: '5a0f02ecf465e7cd3324caff66fb7b432b8aabf4', 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: '8aca6e90ce41ef5a8fd02ec7cd23fcfe774093ab' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: 'f4268fb5190b1fb58ba988a33769d59a5e002d1b', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
+            } }), h("div", { key: '0506d9a6493cdcedd089c634151a3929927964ee' }), h("fluent-dialog", { key: '6f0aca20d4b9834a4d7a2b1e59047143f2621f8f', 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: 'bae0df0958ecc33d23436e4250fbf70bd2461de6' }, "This will not delete any of the data but only the records ", h("br", { key: '9fac7c6c2794d7b6a8ddda628099bd06652d0352' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '806917e42de6b9b662af5561ef7861ded3d49187', 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: '034ee23aaadf1d55e49e5ed40221a06b37ff5a04' }, "This will not delete any of the data but only the settings ", h("br", { key: '9db72e1787e85f2530f5fb93a7386a90ce8eee68' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: '99480ac4cdeb2df5d6664a174e7fe63b800880e1', 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: '4018987b86e4e163a5050afa36c8c9c0e6bd16f3' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: '717000bba187ba84ef937da14627616500d17fc6', 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: 'cf49c4a0cee0f0aaeba98fe92a55ba82dea212f8' }, 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: '33b5c68ff42a58c8a2bd5d7dece1b4e772e866ea' }, 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/components/api-method-instance-grid.js

@@ -192,7 +192,7 @@ const ApiMethodInstanceGrid$1 = /*@__PURE__*/ proxyCustomElement(class ApiMethod
         this.getApiMethodInstanceData();
     }
     render() {
-        return (h("search-method-grid", { key: '8e3fb4dfef4bb0c63230e88205ccf31e9fb821c9', 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 }));
+        return (h("search-method-grid", { key: '1d8da53919c04c8c2b29fc294b0f3f216dcbee56', 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 }));
     }
     static get watchers() { return {
         "apiMethodInstanceData": ["createColumnDefs", "updateSearchMethodConfig"],

package/dist/components/app-bar2.js

@@ -18,7 +18,7 @@ const AppBar = /*@__PURE__*/ proxyCustomElement(class AppBar extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '569816f25d9bdf9286623b9e2b7e86ecb3ddb785', class: "header" }, h("stencil-icon-button", { key: '2980f6a34b1321c23b709ccdc63a49b35262a41f', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '916bf7f902e71fb62694a84ddabe0ffa9638424d', variant: 'data-display-one' }, " ", h("slot", { key: '5e792e8680f9e11ae8de27d9ccee20c004fe9cf4' }), "   "), h("a", { key: '6eb956082f541a38807e29dc8c18c0e5ce0e7a99', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: 'ab60340a8b921edf0dc303de7558ab5b2dd473ce', class: "header__logo" }), h("div", { key: '64082fa1132e127acdb00f9e6876e39d53ed03ce', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '133b4ec8621d4a2d9fd0bb7b0c9f870741bba504', class: "header__global" }, h("udp-avatar", { key: 'a8a35852fee5cd30832266fa88cde579c5b9d2ad', username: this.username }))));
+        return (h("div", { key: 'cad9b6256dbad649083ef3e26f13bff47e3d427d', class: "header" }, h("stencil-icon-button", { key: '79958d8a6a7993575923b87ac3a61180116fc614', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: 'ccd072e7ca26b9070ba990289b637608e903d1c0', variant: 'data-display-one' }, " ", h("slot", { key: 'af2e0183590ea54d48be89d36418281633fc6453' }), "   "), h("a", { key: '36a8c2006d5d0c25d9f4ef2691f86324d875503f', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '2ccd08207f64f0d9a4854f34119765ed5fd48595', class: "header__logo" }), h("div", { key: 'b6cacb7037f36dfb81cb7e66f8cf268b96f84ae9', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '9c147941d4b7d762cd9a1d97e7053190f3e6f0fc', class: "header__global" }, h("udp-avatar", { key: '15830daddc4f25488ec07014720762232e5e304a', username: this.username }))));
     }
     static get style() { return appBarCss; }
 }, [257, "app-bar", {

package/dist/components/check-box2.js

@@ -99,13 +99,13 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (h(Host, { key: '1b19d7ccee69d41e46403cb411ceea2e4fb6f763', class: {
+        return (h(Host, { key: '35ce165e99a01b2cfad1bdb370f08be53c3b107f', 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: 'aa94500be1431e4ebed9d3093626a9d72bb7a44d', class: "checkbox-container" }, h("input", { key: '16f2c2c5b1c79102a499ce0c91c4c4fbbb2fce6f', 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: '7119c395bd36ff76d6d45ff03523f6002cabc4dc', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: 'ef7d59c2816e281c6f479d00d5bbd5a9cc3b3d07', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'ffe57d475dbe7fd4941e548b278e5d3c4358e3ef', class: "checkbox-container" }, h("input", { key: 'c9599f48b9c95cf0533b4bd34b0bf9a21519f58d', 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: '5645ddfd96f922401f73289323bd4d56a9d5ef5a', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '4e38d91bfaed14e571d0deec40be7ab4cfa94da9', class: "error-message" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/chip-section.js

@@ -106,13 +106,13 @@ const ChipSection$1 = /*@__PURE__*/ proxyCustomElement(class ChipSection extends
     }
     render() {
         console.log("Rendering ChipSection", this.visibleFilterChips);
-        return (h("div", { key: '567b5925fcedb62ecf4f0435b7a564da46e21465', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '41c9dfc9f98d2d2d42261d1a28a6755faea2def9', class: "chipHolder" }, h("div", { key: 'aef7cada00ecb04c01a80967a07871ced2f8fe29', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: 'c82f515501ffdc2e33e4b147f370c3e88302afbb', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: '760c303eb392690316ea61e466ea70f2e3c32c6c', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
+        return (h("div", { key: '9a1b452a244c22fdb6566acb2972f42bdddb5621', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '0c03e15b9ce04d0da54ee83a9e56dbcab0553580', class: "chipHolder" }, h("div", { key: '9a55382935f37510948d8d978b1171509f05cba2', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: '13b4e97701d984df535637f10302a96bfca4ee6f', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: 'f0c6749140c629a2c864a0341818c8ca632df701', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
             if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
                 console.log('returning null...');
                 return null;
             }
             return (h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
-        })), h("div", { key: '3651cb76022e5b363edd49428df66638114b52dc', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '931110b82bf127b6a571a8b312e4d21a691423ef', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
+        })), h("div", { key: '26e8ed21c6d420b82efd005c8ebbcff532674dae', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '79450b2d263970db47b70a7d4ec0a28c3522d2a1', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/client-side-grid2.js

@@ -42,7 +42,7 @@ const ClientSideGrid = /*@__PURE__*/ proxyCustomElement(class ClientSideGrid ext
         this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'f98ef8ab8467a6167650ece8054f8064c3ded664', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '698ddb81a86b3fa53050202f8ee4b42fc5840329', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "rowData": ["updateRowData"]

package/dist/components/color-preview.js

@@ -20,7 +20,7 @@ const ColorPreview$1 = /*@__PURE__*/ proxyCustomElement(class ColorPreview exten
         return (h("div", { class: "color-section" }, h("unity-typography", { variant: "h4" }, title), h("div", { class: "color-grid" }, this.renderColorBox(`--${prefix}-color-main`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-dark`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-light`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-hint`, `--${prefix}-contrast-text`))));
     }
     render() {
-        return (h("div", { key: '98a80f4e8502dd50d6f8f76a74196d1306456ddb', class: "container" }, h("unity-typography", { key: '70dfefd7b9032e0bea9ac6bd1c38e737ece1e034', variant: "h2" }, "Unity Theme"), h("div", { key: 'cdd7efeb53f12d6363e1ff391708eaeeb2cd89ab', class: "theme-section" }, h("div", { key: 'c698420ae9fb2fa3ca1067aa12f388ddccf5a566', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: 'c2cadbc40e7a4d1af6395ee98c2021af275e5187', variant: "h2" }, "SAP Theme"), h("div", { key: 'ce4312afaedc584183c85e356dad6c050bd13164', class: "theme-section" }, h("div", { key: '7460ef49884a7dd3a7c4e5e4c46dbd65d367b44a', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '110cdc21e09f0089365989ba4f7af4a38225f7cb', variant: "h2" }, "Status Colors"), h("div", { key: '15b1b26a27b44cef9da3de647dfed23c5744300f', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
+        return (h("div", { key: 'de905a4b5da8d7e06bafc3e1da7ed57548c29beb', class: "container" }, h("unity-typography", { key: '635febd73647ff8ccfd2655750cca80a6a038ee6', variant: "h2" }, "Unity Theme"), h("div", { key: 'cd50d5641d3af9b9430c490b565b1a6de9cd4d71', class: "theme-section" }, h("div", { key: '74ca31a3e63f5342dadc50f3be4f0f4682b6c2aa', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '4df9f7aff314abaef0cee198c400fd8527780566', variant: "h2" }, "SAP Theme"), h("div", { key: '7e3185d9f54d46618711fa522a28f44e936e835d', class: "theme-section" }, h("div", { key: 'e9fcc854930e8645bd725d34e1f354bbaf4dc78f', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: 'd3573c966fe9ddd40f9af2f1ed6a3d6c61abf962', variant: "h2" }, "Status Colors"), h("div", { key: '5330d30d62ebbd57886015e8b27f542d76a402fe', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
     }
     static get style() { return colorPreviewCss; }
 }, [258, "color-preview"]);

package/dist/components/edit-view-form.js

@@ -58,8 +58,8 @@ const EditViewFormDialog = /*@__PURE__*/ proxyCustomElement(class EditViewFormDi
         this.fetchedCurrentView = false;
     }
     render() {
-        return (h("fluent-dialog", { key: '13510c696c9ee250e34511d939ec2162e6a4c798', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, h("form", { key: '9a9bc362d32e3738d14b3a7f7120463cc8474236', class: "edit-form" }, h("text-field", { key: '7dd193fc122d44d11a5d879a9a0343a00d3f5139', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            h("div", { key: 'e236df4118070b03b4a39cbc22d7e6e4dbf434ed', class: "toggle-options" }, h("div", { key: '6485d8d5bb333ad83a89312d342d08a5a75a601a' }, h("stencil-toggle", { key: '112c950264146cf27b715d008345dab4386564ee', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), h("div", { key: 'fdae4c4d5b87b027b72e59a5d53a8df08878d76b' }, h("stencil-toggle", { key: '740f081c7a644a30ce096a3a3e6b847767365712', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (h("fluent-dialog", { key: '7d9f36f3e3f076bf8e9b9ea76678c3a65431922c', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, h("form", { key: '582cce3a0ea5f9a4670b2c67f7c4096f3cf97884', class: "edit-form" }, h("text-field", { key: 'c8b700f8db69b68666a03c539f893d29fe507d72', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            h("div", { key: '6ebbde8f024c03916bc1100e964d440868749154', class: "toggle-options" }, h("div", { key: 'f699dfeecb0ddf085d9c3d5a8dfc42c3987ae53e' }, h("stencil-toggle", { key: '8c1e54b90e023140879bafa1377388f8a4a18432', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), h("div", { key: '562103cb25f1fa01d4e0749f8c0a3cd400c809f6' }, h("stencil-toggle", { key: 'aaafe2ead718dae3489df1dd24027fb3c8a8300d', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return this; }
     static get style() { return editViewFormDialogCss; }

package/dist/components/entity-maintenance-grid.js

@@ -35,7 +35,7 @@ const EntityMaintenanceGrid$1 = /*@__PURE__*/ proxyCustomElement(class EntityMai
         this.getPromotedMethods();
     }
     render() {
-        return (h("api-method-grid", { key: 'c82234be766aa7de23694055daf01e63d688f32f', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
+        return (h("api-method-grid", { key: '1abb80d39f7ca1aa4bda3231fb5cadbbfbc3b511', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
     }
 }, [256, "entity-maintenance-grid", {
         "entityName": [1, "entity-name"],

package/dist/components/feature-details-card2.js

@@ -112,19 +112,19 @@ const FeatureDetailsCard = /*@__PURE__*/ proxyCustomElement(class FeatureDetails
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (h("div", { key: '0f48ef1f064a7716ffb4ec27d8e77ddae408ea4e', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '9164d74a21825455b5ce1b0f2c1faf51ae9fd0d6', class: "adornment" }, h("udp-adornment", { key: 'd118ef020ff45b8cff1f1e5aaa0bf40a62b47670', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '8d90a41f5746d178f8eed681aaff6280de22e7fb', class: "content-wrapper" }, h("div", { key: 'b6f7270300a2c2a576fc3596c13c18e1f84f9ce4', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '79f1b6cae1fe69126ab99bc988d97b9221ebc9b4', class: "title-wrapper" }, h("stencil-icon-button", { key: 'f1dc3606a00577bfa270dfc2bf74bdd8f96ed95e', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '30dfa7fe22120433bbe02affa8f75bce0b3612b2', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '5a5368d74eb5e171697e3d03e3d167f02d7f2c66' }, h("div", { key: 'f4c1fe6b4da6bcec91d83f27d116d8cd1ab9770a', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '9e1b5310e1bf4dc402b4f29e25667dfe956e0f64', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: 'd7e28b157beaab735cd880f6e3fe73ec93be8b31', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '0449f6aa16eeb67bac9ab2599e30a22677dc43c1', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: '9781ea11818aaa6eaae88eb0c6f4c0b43b5a99e5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '209fc91b2d98c079102074dbd8a0c060c053b2d4', class: "adornment" }, h("udp-adornment", { key: '1c09dc89841fda0747ad70a04adf70e800fe6a83', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '9afa54bd54a12b5931d31fa4eeee7c2b7df6f30b', class: "content-wrapper" }, h("div", { key: '7c23194810bc7fc58a97f94eee8f9f2408e019b9', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'bb4840f16d4e448a958bd41405e29415aa6a1612', class: "title-wrapper" }, h("stencil-icon-button", { key: 'b46623a2a8c65049725a1bca325b9a9cb4d94aaf', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'db5d074812e16b98a688dabb0abc71542b4e30bb', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '6bf4e8d3123f062c42f183af8a3f07ff72364b79' }, h("div", { key: '7885e3bb96bd2f3ced77600b56e2043bcbb83963', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '8bc4a4c8181b0e4e6870023b4b948eed253ef80f', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '376a5488530604b63cc13ef8f94dff86f06fc9c9', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '2016252e992ee3988d12d6c1158c48f6bb6f67d6', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
                 }, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
-        }))))))), this.message && (h("div", { key: 'ce1ffc85e445542b5fc8c0585ab4c4597b9f7ffc', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'd6b21e7b4386340382a0d14d05ebdcfd90ae82a1', class: "icon-message" }, h("udp-icon", { key: '7043ed6a01bc10803a2e053d4ecc556f5b7db573', iconName: currentMessageIcon }))), h("div", { key: '566fba8595867e4f33e2c6b06bfae4e0cee0ad0e', class: "message" }, h("unity-typography", { key: 'b4061afebe60a2aecba26f06607f892212978929' }, this.message)))), h("div", { key: '0a2f353d57524636c259b01df78cd3a5960fd034', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: '6c87017e6ae56ccf64ab3e87e662988830aa2266', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'bf9aead97dc27b42be7cfaf935d40370391ecd95', id: "viewFeatureOption" }, h("stencil-icon-button", { key: 'dbccb36cdd3bf46a4f976a64189ab0489e97fc12', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: 'f4e32de4e683d044decbfd69e391583f8ccb92db', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'e06a6965667b324abaa9fd0d869174fa60dc2579', class: "icon-message" }, h("udp-icon", { key: '6980a16b88790e0455e387ac442ec7e8481468a3', iconName: currentMessageIcon }))), h("div", { key: '4293a6bdc84ac43b6f613809efdf6926b119291c', class: "message" }, h("unity-typography", { key: 'f84db35a63f7c504486d6d549fd0672c98037229' }, this.message)))), h("div", { key: '7251c146dd425b62d8f0659ffa825faa84e7b110', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: '2df27e38d9092c04d6d4fa4428108b55f1b62f77', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'b8c8364d7fd1a3e2442abea73db19ac5bff4b5fa', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '31f87917589d61040ebb3e46b1ad630b31eeec34', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
                 selectedFeature: this.data,
                 formattedSelectedFeature: this.listData,
-            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: '00951c8e348acb7d887359ba78674f6fbd9cb478' }, h("div", { key: '41dff2c40a6532f9c49c6a1388c2146c23180054', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
+            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'b1a1c7c4ea2e602eaaa983993e814fbd2de8d976' }, h("div", { key: '88d88f99f4b41d48e87ab7894e826d0043dbb5c4', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
             _h.map((action, index) => {
                 var _a, _b;
                 return (h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
-            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '4bb9bd45120c494f181299295c8757c98e1da65b', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: 'edb84a9d52ff94e336e2ee5360b9ef189fde34f7', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'b63a280d184467cb7f9f0dac5c80805c6fb6c20f', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
+            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '93371bedffe6f7d2d0c88d5b24a46da780b9b0f3', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '5559e811a2912ceccb8e28d4a9fe8bf42e0afcb8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'a181790896fd98c30a9475ee7d10ac99697f9d84', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);

package/dist/components/feature-details-popup2.js

@@ -58,7 +58,7 @@ const FeatureDetailsPopUp = /*@__PURE__*/ proxyCustomElement(class FeatureDetail
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (h("div", { key: '1b5195214872ac0f1e3593d4de57c6d3b26bce96' }, this.showPopOver && (h("feature-details-card", { key: '07d39ad98391f84657bb4451b1a4857ec05bc88c', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: 'deaed233d3e7bb551c0573d572e726e89478b0c1' }, this.showPopOver && (h("feature-details-card", { key: '1032dce713a053da66036992fc43dfcf860f3ad3', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get watchers() { return {
         "cardConfig": ["updateListData", "updateTitle"],

package/dist/components/file-upload-renderer2.js

@@ -14,13 +14,13 @@ const FileUploadRenderer = /*@__PURE__*/ proxyCustomElement(class FileUploadRend
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '7bae103e4f3c903e235c531232e8e60550116872', class: "file-upload-input-container" }, h("div", { key: 'a94a3b4c78fa9dff01f72afa3c4f7347eae4ccc5' }, h("stencil-toggle", { key: '49074098410e770f2b45b461a3e3e83ed8dd808e', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
+        return (h("div", { key: 'e2731af080ba720c9ef099659ae3e9fd93d65faf', class: "file-upload-input-container" }, h("div", { key: '1aa8b9814bf572b110a03c52a564f490e35b9a85' }, h("stencil-toggle", { key: '35594baad0a698ad53bd106b5376f0ea742a59ac', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: 'dd4c05c0024585e84f1428f74381370344b67cfa' }, h("stencil-toggle", { key: '3815653d5f5af22d07b0df67c23cb9ab3754f68b', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: '4a66f75eb851e666f0f8fcef7b12d2943b0e809d' }, h("stencil-toggle", { key: '01da84e7d49d5a0443c6b7803465c25d33fc1407', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');

package/dist/components/fluent-dialog2.js

@@ -16,9 +16,9 @@ const FluentDialog = /*@__PURE__*/ proxyCustomElement(class FluentDialog extends
         this.buttonThreeHidden = true;
     }
     render() {
-        return (h("div", { key: '04a8aa4e472a39d524ee138afe8a569787c75843', class: { 'overlay': true, 'overlay-open': this.open } }, h("div", { key: 'bd58e65752384f3091e39a2a481a924c9e008e76', class: { 'dialog-container': true, 'dialog-open': this.open } }, h("div", { key: '74992ef8c8f6f84eb7206890813c7f8b2e1df7e6', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: '319d68746d8fe968b36562e55c68328828cc20c1', variant: "h3" }, this.title)), h("div", { key: '1f1eabf51753f8bb0149e00b5dae4fb7bfe5e92d', class: "dialog-content" }, h("unity-typography", { key: '185821d98461721147e8131ceb069f74799a18ef', variant: "h6" }, this.message), h("unity-typography", { key: '39ad78492867945a3b21d1805aa561f38ed7c27d', variant: "body" }, h("slot", { key: 'a4c259a59a5ce8ee3eba5ec6b39a46718d3e9348' }))), h("div", { key: '3985e215eefe1e27d831ab3369b2a8bfd21f2ef2', class: "dialog-actions" }, !this.buttonTwoHidden && (h("custom-button", { key: '382eb5cbf946b6c4e57d3794aeb6f31b7d4dd143', size: "tall", variant: "text", onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("custom-button", { key: '08b6ce4fa8519d5b02cb2215cabae04ca1371c75',
+        return (h("div", { key: 'a67918a009b7850a24efa7fc0e778ed8dccaae6b', class: { 'overlay': true, 'overlay-open': this.open } }, h("div", { key: 'd4475170ef03b690c76b8a21306c50cdf9a146b4', class: { 'dialog-container': true, 'dialog-open': this.open } }, h("div", { key: '17cf58f182a6f04fb1397addbba892b51c512cef', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: '7ed19079acd30bedace74b84a2526dfdc2854daf', variant: "h3" }, this.title)), h("div", { key: 'c17f3edde2e241dd13723f1a0baed138320bf532', class: "dialog-content" }, h("unity-typography", { key: 'f3b39b44284dc013069ad52232b0973fe8588b9b', variant: "h6" }, this.message), h("unity-typography", { key: '2162c0081d1bc1238d76b2acf88483ae4bfc8672', variant: "body" }, h("slot", { key: '39019b9967ba312d50dd3fd64a24089cf2cd65e8' }))), h("div", { key: '9f50fb36d28f9f62cf829328d6786fc9bf0795cb', class: "dialog-actions" }, !this.buttonTwoHidden && (h("custom-button", { key: '1bc3782ee17bd5baa10c3860b22de6bb3747764f', size: "tall", variant: "text", onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("custom-button", { key: '3bf6eb9efdc79a9fd154dc45fcdc5fd79f2a450c',
             //class="primary-action"
-            onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: '50b1433782b04b4bb04ec0f6fc4adb45f535e26a', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: '38c5abae188957796b93f80f5a93edafc1d600c5', class: "linear-progress" }))));
+            onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: 'b14268f5d3ed523dce91c3e6ab151bf6df782e48', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: 'd2b065ffacc638e5e3b2a1f4b8bd7b1f4af28a6b', class: "linear-progress" }))));
     }
     static get style() { return fluentDialogCss; }
 }, [257, "fluent-dialog", {

package/dist/components/ghost-render2.js

@@ -78,7 +78,7 @@ const GhostRender = /*@__PURE__*/ proxyCustomElement(class GhostRender extends H
         // The <slot /> is necessary to prevent the Stencil compiler from
         // overly optimizing this component's output and aliasing the
         // defineCustomElement export, which breaks downstream wrappers.
-        return (h(Host, { key: '1e77fbfc7ab0bc5ca00ee2351f547ef3d752f7c9' }, h("slot", { key: '092e556509b9c77f9c54da22fd41ed35c2ce65b2' })));
+        return (h(Host, { key: 'a15d6cd564f8aef008068decd2c423239e7caa89' }, h("slot", { key: '6e79729b7819373e24a9b7f91c31a15960a09363' })));
     }
     static get style() { return ":host {\n      display: none;\n    }"; }
 }, [257, "ghost-render"]);

package/dist/components/grid-primary-bar2.js

@@ -163,7 +163,7 @@ const GridPrimaryBar = /*@__PURE__*/ proxyCustomElement(class GridPrimaryBar ext
         this.updateHideBar();
     }
     render() {
-        return (h("div", { key: '9c96efe374beb272cf4db272a72ff2c3445c85c7', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: 'ab0d4e5977801ec737ed3c2b1ad1ebabf4bf237b', class: "title-section" }, h("div", { key: 'a2a7b84fcdd51d96ada9ee897c2001811e934ae5' }, h("unity-typography", { key: 'f9ae10f04be89dcae6dce10a957c75ad39cff0f5', variant: "h4" }, this.title, " "), ' ')), h("div", { key: 'e1b7fb0b8d9740533c021e67e7199bf4a5e4dca8', class: "button-section" }, h("div", { key: 'ec5642d7c5c0268990d0db6c2613d46293707e0a' }, h("slot", { key: 'd1fe2e205a150cd6ec64eb8911c7b7080b3448b3' })), this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '520856f627fd84e8bdc9c481ff2e475fd7dfb66a', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '8a7655a50007c944cf6b28c5b8936abc7e3393c0', class: "title-section" }, h("div", { key: 'f0ddcc41fb5b35778a6d2424a4ceb3cd0f618fa4' }, h("unity-typography", { key: '113ef0b8e7ea2f113a263e25541acbaf043b4bee', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '595a3de59f7f639ba9c372fcc8f6f198214fc0e5', class: "button-section" }, h("div", { key: 'e2cbb462d75f84f9aa3a7f9b75f05b1a19ccd326' }, h("slot", { key: '49d2dd8953d70e159fbd404baf168d2b56146c87' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -176,7 +176,7 @@ const GridPrimaryBar = /*@__PURE__*/ proxyCustomElement(class GridPrimaryBar ext
                 return (h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: 'e803e7ccc08a52be4b5004d4d9631ab582b8201e', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '91918fe33cf27f733075e9f08efe0ae303b98079', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '34a103505b82064aeb9f6ddf6ff8d75c6881538c', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '0cefb9ec69d19ad7609338521a4efcd5e8443e1a', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": ["onResize"],

package/dist/components/image-upload2.js

@@ -57,7 +57,7 @@ const ImageUpload = /*@__PURE__*/ proxyCustomElement(class ImageUpload extends H
         };
     }
     render() {
-        return (h(Host, { key: '19a51f64e9f42e14ed0db598cbe14afed29e0223' }, h("file-upload", { key: 'a08353c21e8a684e56dce14b09323bb8793c735e', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
+        return (h(Host, { key: 'ca8412c0a65495f53c5bce53f1d2705be3dc2fb5' }, h("file-upload", { key: 'd36166a2fe50d71f63bf5420fedf149aa2591c93', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
     static get style() { return imageUploadCss; }
 }, [257, "image-upload", {

package/dist/components/inputs-example.js

@@ -107,7 +107,7 @@ const InputsExample$1 = /*@__PURE__*/ proxyCustomElement(class InputsExample ext
         };
     }
     render() {
-        return (h("div", { key: '2c9774c01a36f857e6433aba926627a1257791c7', class: "inputs-example" }, h("h1", { key: '5c19b71a3f023b51f0c34ed8e7c5f37434ad091b' }, "Input Components Examples"), h("section", { key: 'f2447d8dfe430b466c61a2574ca753b9d5319ee9', class: "example-section" }, h("h2", { key: '818dcaa4f4c7dc505cdcccc3ffc484f70a3fb071' }, "Controlled Components"), h("p", { key: 'ea4ef0d9251996f67b861638238de0ad0a940e81' }, "Parent component manages state and passes values to child components."), h("div", { key: 'ee6a1e5c706fdb5f944e83624337a01331cc8d95', class: "input-grid" }, h("div", { key: '3ea82c30422559f59d4a0e10dddd02d918077eca', class: "input-example" }, h("h3", { key: '6c5ae1f68f5fa8e43a2b93176e610d88936982dd' }, "Text Field"), h("text-field", { key: '72ee35e0669b46c6c1707c079e87205c99155b00', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: '6c7607e7b5cd9e0d942d2a890e90a1c43d8b1089', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '4d1b4ee2ccdd1f1da7568de5c33c6180dbac9a73', class: "input-example" }, h("h3", { key: '378a2d4ae669e03703cc9296529812ca7f0e7afc' }, "Numeric Field"), h("numeric-field", { key: '8827d06eeb38b3658909dbbe20cbed16aef1ded7', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: '11797ec1b07020faee2cf620597c29b7ec3c91e3', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: 'c49569a4b48b03d0ba2846acd84a20ee0474f9e5', class: "input-example" }, h("h3", { key: '655878f8956003849b894125c2fb876c4e787acb' }, "Text Area"), h("text-area", { key: '3e3045fed0d2e5230a84658a7d7acb2d3a6bc3c8', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: 'b6a093c2a16379f854f8ec1890aca57d6b841685', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: 'f00587ad5255ac95ca7ef73ad525c9f2b7ad2e32', class: "input-example" }, h("h3", { key: '9e0ff081e371c2877d432d2e5c99e9b3447e1d73' }, "Checkbox"), h("check-box", { key: '1b3039be849d1fc56ee1b3cb35fde57d90dbe9b2', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: 'a5a2487cb7a5ece6ef34cafd22886aa3bb180682', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: '5297030b195b03b2a0406ee4578f458e787abf6a', class: "input-example" }, h("h3", { key: '58004f9d68fa3c844424b4f7365a0cca9479f968' }, "Toggle"), h("stencil-toggle", { key: '8b8f04ab81e681ab9520f89fa82e32a3d4250409', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: 'd2492200be23d7444fe71267e11c549f16d8bc9a', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '698863a621af9c58672847f4505aaa5e2482bd05', class: "input-example" }, h("h3", { key: '39e0bcc2b2f04b9730352bd305823d6b5a9f8e6a' }, "Date Selector"), h("udp-date-selector", { key: 'b3338f8cf609764338d6be2a7b87dbf1d2b70f7f', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '09904cafd32d18a5cd7f576e576c6269f47dab94', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: '13ec4f54ac0fbbaa74c67b56a5cadd6a9fc45252', class: "input-example" }, h("h3", { key: '5b899dea25c2f3cad64165988817c9d78afd6049' }, "DateTime Selector"), h("udp-datetime-selector", { key: '531b20feccea342c3308a373bb920f4060179f0f', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '60d6d1e1e93897d5ff04fa269b8d79105e95e2fa', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: '29fefc86c4645769ce32ef9312518dd681eeeaf6', class: "input-example" }, h("h3", { key: '3cc3d33c55281e80a2a447bf68412aec3f0ba527' }, "Time Selector"), h("udp-time-selector", { key: 'b7bf0408622231fc893f7f5c5a8746e95775c8a7', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: '34234c591167b563554a6671ee294a1a3b426510', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '6632d633fcdaf187024a726b95a4b67decb44126', class: "input-example" }, h("h3", { key: '6c35d09bda887f3128fe648392faffd00f8e2514' }, "UDP Selector"), h("udp-selector", { key: '03b8b44a84c3db73b74b0738e602d09e91f5f228', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: '73d475e90a204b46a15383d0e6b74269f29e59e4', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: 'd470e5bd6e16be2a67bdba2fca5fe0f494dabc12', class: "input-example" }, h("h3", { key: '703cadb6d041bc560fd72c60bfd562d409c4b653' }, "File Upload"), h("file-upload", { key: '94b4d3a82bc92353d5ebb8f3c7bc8b321902eb59', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: '1b9eaac708bbd6ea3a13b1f405e70c717de4361c', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '0a017099bef0d138db8311c2607aa96e829f2db9', class: "example-section" }, h("h2", { key: '3a299379ae5f9d8b66b723aaa151514c9664e147' }, "Uncontrolled Components"), h("p", { key: '62b6c718844eb84971a5e8533fe51ae4ce9185d7' }, "Components manage their own state with initial values."), h("div", { key: 'b0270fdf7b8d96560fc49c7830e6192d9b34c583', class: "input-grid" }, h("div", { key: '52af146f389abe67d9c6edf239b80dbb553f4b48', class: "input-example" }, h("h3", { key: '5f5e36b240ad4f7f5e952d91c7ab08d907180738' }, "Text Field"), h("text-field", { key: '779daef1e8f1f0184b7ed60e3432c4bbb6d78aa5', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: '925845b446b549ae12d3f67f40153ff88c1237ec', class: "input-example" }, h("h3", { key: '7b6eb7dfac92fcef0972f61bed2cc14c65c35a1f' }, "Numeric Field"), h("numeric-field", { key: 'f9e990f8a8b24fff7eda8513c0f33bb62c7a2522', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'dc700898e6043c871e81ba4215775e0b8ad86e64', class: "input-example" }, h("h3", { key: '89025e16958ad38e0de9a4fd2784617a434bb7b4' }, "Text Area"), h("text-area", { key: 'f89870ede0138fbd4c451de97b442a5eb440674d', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '840cdd4c554cb6f30a9660136586744e4df8391b', class: "input-example" }, h("h3", { key: '4af04e761094cf33faeda3366718ed912caa7d74' }, "Checkbox"), h("check-box", { key: '9263a3e6db5684bf304111ff8e7b7b12a6ed247b', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: 'e2ee60bd202d614335a35ad0344c2117061f40ca', class: "input-example" }, h("h3", { key: 'e8af0e815f5a89de6ec1596c6f0b457c0a413bd7' }, "Toggle"), h("stencil-toggle", { key: 'f6231a4394eb6d0f6b35c48b8850b98139df413e', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: 'bc457a401665ddcd8761555d1e664448ae240029', class: "input-example" }, h("h3", { key: '27c031274e7b4eefb1f629c9499d1f9d028714f6' }, "Date Selector"), h("udp-date-selector", { key: '0d001fa6aea835854f59a5adce3f86e91ecedad9', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '2adb1279494c4bef294fc4cdfab08a1e9d5dd51f', class: "input-example" }, h("h3", { key: 'b345f7f9dd7613ae3c90af685c6d7363b1fa5694' }, "Time Selector"), h("udp-time-selector", { key: '0b81754404c91875178909823c51a77821ba713c', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: 'e612112a0cfbad0378ce23559301468bbab528dd', class: "input-example" }, h("h3", { key: '58e3be8c3091b4375728653aa1025dd0800dea3a' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'a66319f6db6bc35756b3cf0ed3f224024eecf0c4', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '1b71ad2e2c0b7e8087202fa03abdd0ec68a3f397', class: "input-example" }, h("h3", { key: '1b4818d107d60a9fca534ccba3c858860078b371' }, "UDP Selector"), h("udp-selector", { key: 'b53bdbabed328bc79fb7ea4597ffe36a26474d93', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: 'beaa194b45bd4fac58599a4a5e0d373c8101a743', class: "example-section" }, h("h2", { key: '05164bd4b352c81513d5c4c41fdd8998e5426534' }, "Form-wrapped Components"), h("p", { key: '0c4485a9dacf1f32b9c80f17d2521bf50fab2029' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: '05de0c6af9963c337286a07a7058dc19174dd69a', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
+        return (h("div", { key: '6b50ded2b5937f9d1c0a103393b99e2a6f48c6e8', class: "inputs-example" }, h("h1", { key: '7b2298487532b8508bc4fe15e7b46879fd60399d' }, "Input Components Examples"), h("section", { key: '475beb2ff7e6f0d2a94f545efc068c93ebcbd6e8', class: "example-section" }, h("h2", { key: 'bb8636068a53c2be053bba146de8d6a079f5df2d' }, "Controlled Components"), h("p", { key: '2d29719a77cafa91d6daf88380dacd0978e1915a' }, "Parent component manages state and passes values to child components."), h("div", { key: '293c65cb3f38c26cabe875d9ab104d2e276b4b3c', class: "input-grid" }, h("div", { key: 'b88953b136c63c09704ae12a864997a6899c3d6f', class: "input-example" }, h("h3", { key: '8d27f5037a4064c4ae7df9622fd2a42314782fc0' }, "Text Field"), h("text-field", { key: '19190ab403f17711e8a4f344ac44d4542ac127fc', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: 'feaeed71f390846c35eee957cafb60fc1600d98b', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '20c5515f35e06ad1648682ea752ec0561008150a', class: "input-example" }, h("h3", { key: '4345172c87f8c427166b2e5533007470513e5c7f' }, "Numeric Field"), h("numeric-field", { key: '27556ce43e88bb47073731c8383bcd4f8eb741be', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: 'cfd7b6473c71ae63e2d337a0ed38cac7fe488249', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: '1a5ab5c84878d698b23129dc8f8b7f2a46a74488', class: "input-example" }, h("h3", { key: '8ff0bd3644b2027f1ccf4607a001fa896ee74809' }, "Text Area"), h("text-area", { key: '8b54d457a09424321443dc4e48e140431ae45a1a', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: 'e24c877d209de29cbb9aa8596d022036182388c4', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: 'cb3d16fcfef9bd860c9c789cdde68990c91735c4', class: "input-example" }, h("h3", { key: '8e91f172f4e98d293845738a8afb9584bb5198bf' }, "Checkbox"), h("check-box", { key: '676dbaabea69be3f5f91d17c7986adca52b06da1', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: '43a8f4032222fd5368f7fca421ff66f2f292b26c', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: '17a38692b2912c00977d22a89cf900fe4db8413f', class: "input-example" }, h("h3", { key: '3715bf330765086639bc0980352f1c826a7e54db' }, "Toggle"), h("stencil-toggle", { key: 'b62845365cf967114fc651ec4588cdb5af35994f', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: '97565ba674f96a56f053c15ee4b305b00fca3cd9', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '7f52b0eb5bf59430918c4742de2d90a24bb22b72', class: "input-example" }, h("h3", { key: 'd8648dd0e8239f2f8e15e7177048b2586930e1aa' }, "Date Selector"), h("udp-date-selector", { key: '8e8bc3b6eba6dc91cb2ba8f19b8c16f810fa101b', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '5e0f507d8f80e3a5506eb03a50e00341fb7f089d', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: 'f96eee6cc3a0035c4d170b4675ce4b42ae0316f2', class: "input-example" }, h("h3", { key: '869940774405ef3881864c796082b6748b9d312b' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'c7359174b839e386b879fce4bdbcbc94bc16f47f', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '89f0e05b0becbfe819f400614efe04a3ba0146d0', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: 'fe08bb2860efc4214cd1c84a01324153fd42a6d6', class: "input-example" }, h("h3", { key: '9cc8d81ee4f85a69a8f15eb5daa16dbfd92b9f7a' }, "Time Selector"), h("udp-time-selector", { key: 'fae61e563015df43d76b31b6cb46e6518d45bc04', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: '62315ae45eb080ea450f35fee1f2fe76e83bd829', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '571735fe6c7a126591c891da131bc6484e161bbc', class: "input-example" }, h("h3", { key: 'bbdba518d050d2442a6a2f55978e45f49ddf6e3f' }, "UDP Selector"), h("udp-selector", { key: '85bbdda76d8029a9bd0984484f57732aa7b66f67', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: 'c4d6858e679bafdb072c6e2f24df9fe979e9a2b1', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: '086135c1f8cfeb2eb5f9cd54436356856f6594b0', class: "input-example" }, h("h3", { key: '342be830da34c811266d9a467faa011f07c17c10' }, "File Upload"), h("file-upload", { key: '9344549ecc1570026cd900d6a80d3eb1975f0f94', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: 'd5c32410a303357356be7710ac8bc51c3f6d8d71', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '90a91939cbf4b5cd5d0e714ec6dbc572148a2530', class: "example-section" }, h("h2", { key: '40c14e1baae2826964bc2e41bb6230c6ece00d31' }, "Uncontrolled Components"), h("p", { key: '0216bbfb7442780936edc44866341ec2d1b7b996' }, "Components manage their own state with initial values."), h("div", { key: '75fc67742f1edf4fafe87417bcfcbde428f86d44', class: "input-grid" }, h("div", { key: 'dc2f84e6792250d96d4e82b0474701e568540375', class: "input-example" }, h("h3", { key: '6d17fcce74341e47330f203a1251a37ecc3c6498' }, "Text Field"), h("text-field", { key: '436a46aa93ffa40592380ea36be25e5ad78ac913', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: '013560293f04950fd08cd1d9829830adc9050c42', class: "input-example" }, h("h3", { key: '54d50556c57fec37819b0a64ed6c58788ad8dcda' }, "Numeric Field"), h("numeric-field", { key: 'de05429463b1619df59ccbb378610ead45276acd', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'ccdd65e720e78172bbdf79223807fde6fce10b2c', class: "input-example" }, h("h3", { key: '4bc9cb7c8a5473cc35e25955dd755be1b13c0748' }, "Text Area"), h("text-area", { key: 'e6620c10db672e8184ccf43895bd6805808c2cf4', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '352cfd880f026ff7a14d596599aa665734ff21a0', class: "input-example" }, h("h3", { key: '7c6b5e8b1d83b85fb02d4107a5598a696e0bdc86' }, "Checkbox"), h("check-box", { key: '171a78ba1b898c08cf73e84e1aa91e24c20ae1c0', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: 'ff81933cfb80a36b515ca5c0ebed3a8172bcf152', class: "input-example" }, h("h3", { key: '06d7c7657af8c0d0b57fbf301bf675b6f401f1d8' }, "Toggle"), h("stencil-toggle", { key: 'c3fa6566984d2f8efa177f336d9c4b21400753e3', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: '52428a2236893246268e976eccefc5d0ed420077', class: "input-example" }, h("h3", { key: '4bd154912f6328e88fae791898b0a74942b7e948' }, "Date Selector"), h("udp-date-selector", { key: 'a206c079f63dc834363c1a13df8593571ef31924', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '797b0a55e6cb4c66e642bab72e68da01c212bb73', class: "input-example" }, h("h3", { key: '20b438beff287b412d2e692e12f1b96f8c8fa5aa' }, "Time Selector"), h("udp-time-selector", { key: '74e861d9f070225bdc7b8b7b9d6f9fb87a27fb1e', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: '8a43ae37f986fd8c81d091be946e9d3407b593a1', class: "input-example" }, h("h3", { key: 'bdbf60f7deddef385c78a9bf7f05e50ef788792c' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'f3917bebe83cc1a55d7caa1acec5ec991fab115c', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '1782c0c0af9bf367d5a65748da1b5f4882ff478f', class: "input-example" }, h("h3", { key: 'a530d1d5750b4e6927bafb056211d420cd86cb02' }, "UDP Selector"), h("udp-selector", { key: 'e6935be37209f2872a10429544651ed8ae3ae9eb', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: '526277689a5ab71c53aea1a15dc1e005e3513337', class: "example-section" }, h("h2", { key: '52b1138ff192ed102b15db303cd565a64d2bfe40' }, "Form-wrapped Components"), h("p", { key: 'd7e086a0b2a635d184c324219e6fa2137da4c717' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: 'b9914d0287d025ce6065f5985d49fbfc230b2b7f', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
                 formTextField: 'Initial form text',
                 formNumericField: '25',
                 formTextArea: 'Initial form description',
@@ -116,7 +116,7 @@ const InputsExample$1 = /*@__PURE__*/ proxyCustomElement(class InputsExample ext
                 formDate: '2024-02-01',
                 formTime: '09:00',
                 formSelector: 'option1'
-            } }, h("div", { key: 'd35fe74a1e26cf0b8f398e9c894c8f1a5da45a48', class: "form-grid" }, h("stencil-field", { key: 'd77c0d4cc9d9cffb255eff419a5b0af8b561947e', name: "formTextField" }, h("text-field", { key: '0410f7248f9b229be53fcd674caeda0c65b05fe2', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '48fba9a081504e2a0bea41f27ce0325dc914991d', name: "formNumericField" }, h("numeric-field", { key: '7f9ec15a7f6f0dbe373edff972efb2c81e2b558d', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '2825b9b6932a7d66869f9ec08c60dc86a7d913da', name: "formTextArea" }, h("text-area", { key: '34b58939f90b746909880b22902bd7329d236cf4', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '8ee8d90cf1c56d1a8f5f6d0dfd87fb8369a474e3', name: "formCheckbox" }, h("check-box", { key: 'f63e26765d059b3d950b06e00cb1e3f398247e9e', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '9c3412c4e9b54d1ef35b53af12246e81af00ff1b', name: "formToggle" }, h("stencil-toggle", { key: '700b07f98704353b99c936b26eb0b4142ff6a62a', label: "Enable Notifications" })), h("stencil-field", { key: '1698b7eee1656bf216498f09f7817307b74666b8', name: "formDate" }, h("udp-date-selector", { key: '8e8fc86fa7d371fabc6bf9eb72fbdd6e5e798102', label: "Form Date", required: true })), h("stencil-field", { key: 'b38b2317b83b226d34c0dc9491b8357ea8db261c', name: "formTime" }, h("udp-time-selector", { key: '570831455cbdc786acb1c06cff4c0089364999a9', label: "Form Time" })), h("stencil-field", { key: '71fc5f623dc700cfe77456d012dfa6e53a9d169e', name: "formSelector" }, h("udp-selector", { key: '22573dcbcb86203b9fe3ba0e79679225ad93eed8', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '3455ddb62d6e341a58c78dd2a9820d2eb326399c', name: "formFiles" }, h("file-upload", { key: '2ca7724c7443075b94da339efdf7b23e404a72d8', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '6d070a36e05b2bdf3928fce96d51a8e7bc42e9e0', class: "form-actions" }, h("button", { key: '7233a784011bd65fd5fe25105a4afa36cfad9bbd', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: 'b9b2382fa2f27d159a7e586479e2325b385b3163', class: "form-values" }, h("h3", { key: 'fc96b6c576f8198514a7c7aee5ae953eb8a752cd' }, "Current Form Values:"), h("pre", { key: '8fdc93279968950235a62a5b4022b0f578bbe993' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '2731e1a0beedccacb1bbb34efb3608855769bbcb', class: "example-section" }, h("h2", { key: 'bb06ef8c5593615f101046e448291d512d6b4375' }, "Additional Examples"), h("p", { key: 'ab93ddb0de3d6606cc6285a0ec2e397f453846b5' }, "More complex configurations and specialized use cases."), h("div", { key: 'b1d7de6e2daa82f758e147e93831f4c3a327756e', class: "input-grid" }, h("div", { key: 'a65e4e5ff0a7950743529e441eeb6c0c67d16774', class: "input-example" }, h("h3", { key: '787e43f64af484ea59ad6a860be0aae3ea8ec95d' }, "Multi-Select UDP Selector"), h("udp-selector", { key: '0b79b2f43a252f631176f73403aac729f69c5af6', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: '270209ebf674a2c4ce1b8211e11254f92c581735', class: "input-example" }, h("h3", { key: '967bc8d45e1c62d6a019f179a957f8e496160ba3' }, "Large UDP Selector"), h("udp-selector", { key: 'dbcd9fb9acf787233a62c4ff3bba8fbdbc982a71', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: 'bc60bade3cb2b8b71f3cd7c55ce41faac4ad1d5f', class: "input-example" }, h("h3", { key: 'a9e11f6c997cd208d46f13e9aa7a74343d0c6e58' }, "File Upload with Type Restrictions"), h("file-upload", { key: '7dff9c55cf4741c542c4aae3dc60e36e4a9caa3e', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: 'cc464aa2b13e6a7852c735279094097675f68a71', class: "input-example" }, h("h3", { key: 'd06ed109dc3967f56f369a2806514d4c3987c2ca' }, "Disabled Components"), h("div", { key: 'f7295d2fdd1a89191aba44a0948e74228a8f056b', class: "disabled-examples" }, h("text-field", { key: '9cafed2788920b6f772abb0cda0006f94c7f7076', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: 'f7189fc4fd08c68970c5d97a1cc6516eb927e75c', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: 'b34905240d9b8f957a32791f3cba99cdf1128eb9', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
+            } }, h("div", { key: 'c988f4199f89b9d28a444ca6f262d0f7a4d7086f', class: "form-grid" }, h("stencil-field", { key: 'e61edacce18a1080604cca6c83a47eb9bf853dca', name: "formTextField" }, h("text-field", { key: '52a4fb8ad33fb5eb5f4c03a6b34f0352daecb227', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '2fde12d1bc8562d727b9c16486f3cebc8d0ef0a1', name: "formNumericField" }, h("numeric-field", { key: 'cce90a03f97a7ce519e769cbf5568557e8da5172', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '483c179ef0e6e057b0038c44ad35d758e8da72c0', name: "formTextArea" }, h("text-area", { key: '54bf5a7d1a29f00a4db885e70a4fff18c25ccc8b', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '5b9b92bc986d8247e0d29580d16ea1af1d6dd811', name: "formCheckbox" }, h("check-box", { key: '9b697664e89f5e88964e740cb713e783cb7e5eaf', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '04e214cc1e402cd5d8cc4a902530ce3e5abfab93', name: "formToggle" }, h("stencil-toggle", { key: '90264b08f1fde534454cc62bbbc94148de7d357b', label: "Enable Notifications" })), h("stencil-field", { key: 'c2b32a971b1ff98067606c621cde478eddf532dc', name: "formDate" }, h("udp-date-selector", { key: '38d4277f734bfe478a07f3137424608646a48848', label: "Form Date", required: true })), h("stencil-field", { key: 'be40b541a17d729c6140931d05fce1baf2db7273', name: "formTime" }, h("udp-time-selector", { key: 'f3c10e03320cbd983b5573cee4ec99c737a0d389', label: "Form Time" })), h("stencil-field", { key: 'f0ec76807e7ac9caae2c216665934d5668abee6d', name: "formSelector" }, h("udp-selector", { key: 'a887013efc6d25c8119ec1ead75de3e3779e1d20', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '662c9e1b54e9eb2926dd5405c17e7c9774bddba5', name: "formFiles" }, h("file-upload", { key: '08c9b118f3582f93086a5da3fa4d45446a967f5e', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '951a514199520009da7df0798a6b9a6a8c8fb696', class: "form-actions" }, h("button", { key: '8550d0b23137a65a279390fcd083b75280e5c2ff', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: '194547ea02a3a71691c9721456def235b1ca0aa1', class: "form-values" }, h("h3", { key: '9f2237ad72e7dc8a89a3b76eb2a85489ef784b0f' }, "Current Form Values:"), h("pre", { key: 'b9e2cbee72e21f3640dba65eab05d2af47c4a284' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '58723614fb40ff513d99eb984324848e68e26690', class: "example-section" }, h("h2", { key: '1c3528c6fa28d8c47bddd005523b2b2203433c24' }, "Additional Examples"), h("p", { key: '663507cd004a87e188acd89611a6f719dc236a0d' }, "More complex configurations and specialized use cases."), h("div", { key: 'c09839477af2b59587589b71730736fbe11f10f6', class: "input-grid" }, h("div", { key: '05be4e05ea40a32b44f8486ac36ec648617667ce', class: "input-example" }, h("h3", { key: '1a55bc8af2155bb961dd087ec28f1894604cf181' }, "Multi-Select UDP Selector"), h("udp-selector", { key: 'e39700fb3d1c54346e51ba22408c677ccc00fa93', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: '8f18b41bb0f8fde3e7ea57e0a127885d3888039e', class: "input-example" }, h("h3", { key: '2627a3d0bfdcd7dc23fd67f4563733f2300c27de' }, "Large UDP Selector"), h("udp-selector", { key: '33c8e46f5e98b732c8e861de3fa1a8dadf8e75e1', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: 'e74f1ccfac444c1058b03006c7516a90090704fc', class: "input-example" }, h("h3", { key: 'c13665d87d1ab26ce42084f5b497514df758336b' }, "File Upload with Type Restrictions"), h("file-upload", { key: 'fdbcbce5f0ad21427b10c69b1ff14faa5ff5bcd6', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: 'e485136314ce4c0ea095ad532a3729e72d731e79', class: "input-example" }, h("h3", { key: 'fd9026adbfe0a0da04dba6d8e58d096e0e88cda1' }, "Disabled Components"), h("div", { key: '1a35bfda54b5bf67f50c460a028cec1e9a7979dd', class: "disabled-examples" }, h("text-field", { key: '163bd27c789de9fadaf4e7a509f59d36ef41a35e', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: '6d94b2842459b07cd8a093c17555613e02ecdc27', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: 'db1da592947e1f072f2fc88026a3643059f8e405', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
     }
     static get style() { return inputsExampleCss; }
 }, [257, "inputs-example", {

package/dist/components/kpi-list2.js

@@ -11,7 +11,7 @@ const KpiList = /*@__PURE__*/ proxyCustomElement(class KpiList extends H {
         }
     }
     render() {
-        return (h("div", { key: '85c225971e2e51a0a0808165130c60c6734dc707', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
+        return (h("div", { key: 'a04e6b402e88c914e2c53bf45d587a819544dda6', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',

package/dist/components/list-item.js

@@ -61,11 +61,11 @@ const UdpListRenderer = /*@__PURE__*/ proxyCustomElement(class UdpListRenderer e
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: 'a7fdc84e454e4415e41b494b874c5cd58093781b' }, h("div", { key: 'b708146bf6886d5822cc3784c1b1dde0a41531a8', class: {
+        return (h(Host, { key: '41eb6d0141ee4439623ec120ee274bb787f1bfee' }, h("div", { key: '2b210540274910e64292519574d5bb67a770bdf5', class: {
                 'list-item': true,
                 'clickable': this.clickable,
                 'variant-compact': this.variant === 'compact',
-            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: 'bf2122fa1d51b1ad1e4d1248b863b2971459a67e', class: "avatar-container" }, h("udp-avatar", { key: '32d1956f5cf2e506bfcd7f5c85862349d1b394d2', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '238cf5b9acc5504e56d8ed7c652e00f94ff75716', class: "text-container" }, showPrimaryText && (h("div", { key: 'ae15ea2fcd67fbd01f9eaf997acc5a21089cd6d2', class: "primary-text" }, h("slot", { key: '1a629990a4721c7281b5f1dd1c3db680b29a3e72', name: "primary-text" }, h("unity-typography", { key: 'ac76e535367c2a00ac1ae5ffd0fb08671a37c61f', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'a48a9103abd12c8a2c5cdd36f5bdf720ebd9731f', class: "secondary-text" }, h("slot", { key: '1ac630c59426e4b6ecb9c3b891d9731cbcff3384', name: "secondary-text" }, h("unity-typography", { key: '6da8fd733530cddb27e5588ecdfa6f4d288d9c50', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '3987c5c8b83c77990706d376714444aae78ae7b9', class: "status-chip-container" }, h("slot", { key: '485ef815359ed98fd4269e1748ab25fd67f2119c', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '3c34b44562e3077eba9e824e1a581aabb6662684', class: "actions-container" }, h("slot", { key: '011c682eb2fa5c1e7f730b028252489f24056e5c', name: "actions" }))))));
+            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: '913f2b8c672493d7316e64ca3c26cea222b0281d', class: "avatar-container" }, h("udp-avatar", { key: '114fa2f5a4d3395aad73fff0fa6d239c7eecaf2a', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'bf27da4ea3959f2330e910ccf4964519941e7336', class: "text-container" }, showPrimaryText && (h("div", { key: '9f644311da4b3f144f2afc9f5a57f17e6c6b84a3', class: "primary-text" }, h("slot", { key: 'd7590409f59e534c5a057942ce30f9512e1a7b94', name: "primary-text" }, h("unity-typography", { key: 'a023f31b04cdc9c60514140d9f47681b2ab800d3', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '40f57bd6c501910e200d4cd145c9fed2a36d2fe8', class: "secondary-text" }, h("slot", { key: '62fbe0222b1d4866c61fe07a8d84d1567cbc4d56', name: "secondary-text" }, h("unity-typography", { key: 'e33b76e74015dd4e7176c06cdf84e8c40b3ba554', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '97542efce1a23b6e504cd541e41254e83da48baf', class: "status-chip-container" }, h("slot", { key: '432f5cc6a98b82c7ee53906dce053e95e097c588', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '9e8065713ec74f83cd6bd7a00dac7c54c92355c0', class: "actions-container" }, h("slot", { key: '949296f60d37ed3cd5fdfc8c5cb39f8e38ef30f6', name: "actions" }))))));
     }
     get hostEl() { return this; }
     static get style() { return listItemCss; }