@oracle/oraclejet-core-pack 17.0.4 → 17.1.0

package/oj-c/corepackbundle.js

@@ -1,6 +1,3 @@
-;
-define("corepackbundle", function(){});
-
 define('oj-c/hooks/UNSAFE_useVisBusyState/useVisBusyState',["require", "exports", "preact/hooks", "ojs/ojcontext"], function (require, exports, hooks_1, Context) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
@@ -898,10 +895,11 @@ define('oj-c/area-chart/area-chart',["require", "exports", "preact/jsx-runtime",
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.AreaChart = void 0;
-    function AreaChartComp({ data, hideAndShowBehavior = 'none', orientation = 'vertical', xAxis, yAxis, hoverBehavior = 'none', valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling = 'off', hiddenCategories = [], highlightedCategories = [], highlightMatch = 'any', selection = [], selectionMode = 'none', timeAxisType, stack = 'off', legend = {
-        rendered: 'on',
-        position: 'auto'
-    }, ...props }) {
+    const HIGHLIGHTED_DEFAULT = [];
+    const SELECTION_DEFAULT = [];
+    const HIDDEN_DEFAULT = [];
+    const LEGEND_DEFAULT = { rendered: 'on', position: 'auto' };
+    function AreaChartComp({ data, hideAndShowBehavior = 'none', orientation = 'vertical', xAxis, yAxis, hoverBehavior = 'none', valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling = 'off', hiddenCategories = HIDDEN_DEFAULT, highlightedCategories = HIGHLIGHTED_DEFAULT, highlightMatch = 'any', selection = SELECTION_DEFAULT, selectionMode = 'none', timeAxisType, stack = 'off', legend = LEGEND_DEFAULT, ...props }) {
         const rootRef = (0, hooks_1.useRef)(null);
         const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-area-chart');
         const { series, groups, getDataItem, isLoading } = (0, useChartData_1.useChartData)(data, addBusyState, itemTemplate, seriesTemplate, groupTemplate, 'oj-c-area-chart-item', 'oj-c-area-chart-series', 'oj-c-area-chart-group', seriesComparator, groupComparator);
@@ -939,7 +937,7 @@ define('oj-c/area-chart/area-chart',["require", "exports", "preact/jsx-runtime",
         const chartLegend = isLegendRendered && legendData.length > 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_Legend_1.Legend, { items: legendData, orientation: legendPosition === 'start' || legendPosition === 'end' ? 'vertical' : 'horizontal', isReadOnly: !isLegendInteractive, highlightedIds: highlightedIds.length === 0 ? undefined : highlightedIds, hiddenIds: hiddenIds.length === 0 ? undefined : hiddenIds, symbolHeight: legend.symbolHeight, symbolWidth: legend.symbolWidth, onItemAction: legendItemActionHandler, onItemHover: legendItemInputHandler, onItemFocus: legendItemInputHandler })) : undefined;
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(UNSAFE_VisProgressiveLoader_1.VisProgressiveLoader, { isLoading: isLoading, type: "area", "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'], children: (0, jsx_runtime_1.jsx)(UNSAFE_ChartWithLegend_1.ChartWithLegend, { chart: chart, position: legendPosition, maxSize: legend.maxSize, size: legend.size, legend: chartLegend }) }) }));
     }
-    exports.AreaChart = (0, ojvcomponent_1.registerCustomElement)('oj-c-area-chart', AreaChartComp, "AreaChart", { "properties": { "data": { "type": "DataProvider|null" }, "seriesComparator": { "type": "function" }, "groupComparator": { "type": "function" }, "stack": { "type": "string", "enumValues": ["off", "on"] }, "drilling": { "type": "string", "enumValues": ["off", "on"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "timeAxisType": { "type": "string", "enumValues": ["enabled", "mixedFrequency", "skipGaps"] }, "yAxis": { "type": "object", "properties": { "dataMax": { "type": "number" }, "dataMin": { "type": "number" }, "max": { "type": "number" }, "min": { "type": "number" }, "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object|" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "rotation": { "type": "string", "enumValues": ["auto", "none"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "plotArea": { "type": "object", "properties": { "backgroundColor": { "type": "string" } } }, "zoomAndScroll": { "type": "string", "enumValues": ["off", "live"] }, "valueFormats": { "type": "object", "properties": { "group": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "series": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "value": { "type": "object", "properties": { "converter": { "type": "object" }, "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } } } }, "selectionMode": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "selection": { "type": "Array<any>", "writeback": true }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "dragMode": { "type": "string", "enumValues": ["pan", "select", "off", "user", "zoom"] }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["none", "withoutRescale", "withRescale"] }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "highlightMatch": { "type": "string", "enumValues": ["all", "any"] }, "legend": { "type": "object", "properties": { "position": { "type": "string", "enumValues": ["auto", "end", "start", "top", "bottom"] }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] }, "maxSize": { "type": "number|string" }, "size": { "type": "number|string" }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" } } } }, "slots": { "itemTemplate": { "data": {} }, "seriesTemplate": { "data": {} }, "groupTemplate": { "data": {} } }, "events": { "ojViewportChange": {}, "ojItemDrill": {}, "ojGroupDrill": {}, "ojSeriesDrill": {} }, "extension": { "_WRITEBACK_PROPS": ["selection", "hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "hideAndShowBehavior": "none", "orientation": "vertical", "hoverBehavior": "none", "drilling": "off", "hiddenCategories": [], "highlightedCategories": [], "highlightMatch": "any", "selection": [], "selectionMode": "none", "stack": "off", "legend": { "rendered": "on", "position": "auto" } }, {
+    exports.AreaChart = (0, ojvcomponent_1.registerCustomElement)('oj-c-area-chart', AreaChartComp, "AreaChart", { "properties": { "data": { "type": "DataProvider|null" }, "seriesComparator": { "type": "function" }, "groupComparator": { "type": "function" }, "stack": { "type": "string", "enumValues": ["off", "on"] }, "drilling": { "type": "string", "enumValues": ["off", "on"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "timeAxisType": { "type": "string", "enumValues": ["enabled", "mixedFrequency", "skipGaps"] }, "yAxis": { "type": "object", "properties": { "dataMax": { "type": "number" }, "dataMin": { "type": "number" }, "max": { "type": "number" }, "min": { "type": "number" }, "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object|Array<object>" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "rotation": { "type": "string", "enumValues": ["auto", "none"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "plotArea": { "type": "object", "properties": { "backgroundColor": { "type": "string" } } }, "zoomAndScroll": { "type": "string", "enumValues": ["off", "live"] }, "valueFormats": { "type": "object", "properties": { "group": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "series": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "value": { "type": "object", "properties": { "converter": { "type": "object" }, "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } } } }, "selectionMode": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "selection": { "type": "Array<any>", "writeback": true }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "dragMode": { "type": "string", "enumValues": ["pan", "select", "off", "user", "zoom"] }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["none", "withoutRescale", "withRescale"] }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "highlightMatch": { "type": "string", "enumValues": ["all", "any"] }, "legend": { "type": "object", "properties": { "position": { "type": "string", "enumValues": ["auto", "end", "start", "top", "bottom"] }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] }, "maxSize": { "type": "number|string" }, "size": { "type": "number|string" }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" } } } }, "slots": { "itemTemplate": { "data": {} }, "seriesTemplate": { "data": {} }, "groupTemplate": { "data": {} } }, "events": { "ojViewportChange": {}, "ojItemDrill": {}, "ojGroupDrill": {}, "ojSeriesDrill": {} }, "extension": { "_WRITEBACK_PROPS": ["selection", "hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "hideAndShowBehavior": "none", "orientation": "vertical", "hoverBehavior": "none", "drilling": "off", "hiddenCategories": [], "highlightedCategories": [], "highlightMatch": "any", "selection": [], "selectionMode": "none", "stack": "off", "legend": { "rendered": "on", "position": "auto" } }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -1015,7 +1013,7 @@ define('oj-c/date-picker/date-picker',["require", "exports", "preact/jsx-runtime
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.DatePicker = void 0;
-    exports.DatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-date-picker', ({ dayFormatter, daysOutsideMonth = 'hidden', monthAndYearPicker = 'on', max = null, maxWidth, min = null, readonly = false, todayButton = 'visible', todayTimeZone, value = null, width, onValueChanged, ...otherProps }) => {
+    exports.DatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-date-picker', ({ dayFormatter, daysOutsideMonth = 'hidden', monthAndYearPicker = 'on', max = null, maxWidth, min = null, readonly = false, todayButton = 'visible', todayTimeZone, value = null, width, weekDisplay = 'none', onValueChanged, ...otherProps }) => {
         if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(value)) {
             throw new Error('value must be a date-only ISO string');
         }
@@ -1040,8 +1038,8 @@ define('oj-c/date-picker/date-picker',["require", "exports", "preact/jsx-runtime
                     : onValueChanged(null);
             }
         }, [onValueChanged]);
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.id, children: (0, jsx_runtime_1.jsx)(UNSAFE_DatePicker_1.DatePicker, { dayFormatter: dayFormatter ?? undefined, daysOutsideMonth: daysOutsideMonth, monthAndYearPicker: monthAndYearPicker, max: maxCalendarDate, min: minCalendarDate, isReadonly: readonly, todayButton: todayButton, todayTimeZone: todayTimeZone ?? undefined, value: valueCalendarDate, width: width, maxWidth: maxWidth, onCommit: onCommitHandler }) }));
-    }, "DatePicker", { "properties": { "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "max": { "type": "string|null" }, "maxWidth": { "type": "number|string" }, "min": { "type": "string|null" }, "readonly": { "type": "boolean" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "todayTimeZone": { "type": "string" }, "value": { "type": "string|null", "writeback": true }, "width": { "type": "number|string" } }, "extension": { "_WRITEBACK_PROPS": ["value"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] } }, { "daysOutsideMonth": "hidden", "monthAndYearPicker": "on", "max": null, "min": null, "readonly": false, "todayButton": "visible", "value": null }, {
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.id, children: (0, jsx_runtime_1.jsx)(UNSAFE_DatePicker_1.DatePicker, { dayFormatter: dayFormatter ?? undefined, daysOutsideMonth: daysOutsideMonth, monthAndYearPicker: monthAndYearPicker, max: maxCalendarDate, min: minCalendarDate, isReadonly: readonly, todayButton: todayButton, todayTimeZone: todayTimeZone ?? undefined, value: valueCalendarDate, weekDisplay: weekDisplay, width: width, maxWidth: maxWidth, onCommit: onCommitHandler }) }));
+    }, "DatePicker", { "properties": { "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "max": { "type": "string|null" }, "maxWidth": { "type": "number|string" }, "min": { "type": "string|null" }, "readonly": { "type": "boolean" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "todayTimeZone": { "type": "string" }, "value": { "type": "string|null", "writeback": true }, "weekDisplay": { "type": "string", "enumValues": ["number", "none"] }, "width": { "type": "number|string" } }, "extension": { "_WRITEBACK_PROPS": ["value"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] } }, { "daysOutsideMonth": "hidden", "monthAndYearPicker": "on", "max": null, "min": null, "readonly": false, "todayButton": "visible", "value": null, "weekDisplay": "none" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
@@ -1217,7 +1215,7 @@ define('oj-c/input-date-text/useImplicitDateRangeValidator',["require", "exports
 define('oj-c/editable-value/utils/utils',["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isShallowEqual = exports.normalizeValue = exports.treatNull = exports.createMessageFromError = void 0;
+    exports.isShallowEqual = exports.normalizeValue = exports.treatNull = exports.getVirtualKeyboardHintFromConverter = exports.createMessageFromError = void 0;
     function createMessageFromError(error) {
         if (typeof error.getMessage === 'function') {
             return {
@@ -1228,6 +1226,18 @@ define('oj-c/editable-value/utils/utils',["require", "exports"], function (requi
         return { severity: 'error', detail: error.message };
     }
     exports.createMessageFromError = createMessageFromError;
+    function getVirtualKeyboardHintFromConverter(converter) {
+        let virtualKeyboardHint;
+        if (converter && converter.resolvedOptions) {
+            const resOptions = converter.resolvedOptions();
+            virtualKeyboardHint = resOptions?.virtualKeyboardHint ?? 'text';
+        }
+        else {
+            virtualKeyboardHint = 'text';
+        }
+        return virtualKeyboardHint;
+    }
+    exports.getVirtualKeyboardHintFromConverter = getVirtualKeyboardHintFromConverter;
     function treatNull(value, defaultValue) {
         if (value === null) {
             return defaultValue;
@@ -1603,6 +1613,14 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
             });
             return true;
         }, [dispatch, onMessagesCustomChanged, onRawValueChanged, onValidChanged, onValueChanged]);
+        const validateDeferredSync = (0, hooks_1.useCallback)((value) => {
+            const valueToSendToDeferredValidation = typeof value === 'string' ? value.trim() : value;
+            const deferredValidate = (0, validationUtils_1.validateSync)({
+                validators: deferredValidators ?? [],
+                value: valueToSendToDeferredValidation
+            });
+            return deferredValidate;
+        }, [deferredValidators]);
         const refreshDisplayValue = (0, hooks_1.useCallback)((value) => {
             let newDisplayValue;
             if (!converter) {
@@ -1664,7 +1682,7 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
                 return true;
             }
             const errors = [];
-            const deferredValidate = (0, validationUtils_1.validateSync)({ validators: deferredValidators ?? [], value });
+            const deferredValidate = validateDeferredSync(value);
             deferredValidate.result === 'failure' && errors.push(...deferredValidate.errors);
             let nonDeferredValidate = undefined;
             if (value !== null && value !== undefined) {
@@ -1703,7 +1721,15 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
             }
             resolver?.();
             return !hasSyncError && !hasAsyncError;
-        }, [addBusyState, _dispatch, deferredValidators, messagesCustom, setStaleIdentity, validators]);
+        }, [
+            addBusyState,
+            _dispatch,
+            deferredValidators,
+            messagesCustom,
+            setStaleIdentity,
+            validateDeferredSync,
+            validators
+        ]);
         const runFullValidationAndUpdateValue = async () => {
             if (disabled || readonly)
                 return;
@@ -1726,15 +1752,21 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
             }
             return validationResult;
         }, [addBusyState, fullValidate, setStaleIdentity]);
+        const onCommitValue = (0, hooks_1.useCallback)(async (value, doCommitOnValid = true) => {
+            const validated = await validateValueOnInternalChange(value);
+            validated && doCommitOnValid && _dispatch(reducer_1.updateValue, value);
+            return validated;
+        }, [_dispatch, validateValueOnInternalChange]);
         const onCommit = (0, hooks_1.useCallback)(async ({ value }) => {
             const parsedValueOrSymbol = normalizeAndParseValue(value);
             if (parsedValueOrSymbol === ConverterErrorSymbol) {
-                return;
+                return false;
             }
             const parsedValue = parsedValueOrSymbol;
-            const validated = await validateValueOnInternalChange(parsedValue);
-            validated && _dispatch(reducer_1.updateValue, parsedValue) && refreshDisplayValue(parsedValue);
-        }, [_dispatch, normalizeAndParseValue, refreshDisplayValue, validateValueOnInternalChange]);
+            const succeeded = await onCommitValue(parsedValue);
+            succeeded && refreshDisplayValue(parsedValue);
+            return succeeded;
+        }, [onCommitValue, normalizeAndParseValue, refreshDisplayValue]);
         const onInput = (0, hooks_1.useCallback)(({ value }) => {
             _dispatch(reducer_1.updateDisplayValue, value ?? defaultDisplayValue);
         }, [_dispatch, defaultDisplayValue]);
@@ -1772,14 +1804,11 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
         const reset = (0, hooks_1.useCallback)(() => {
             _dispatch(reducer_1.clearAllMessages);
             const valueToValidate = state.value;
-            const validated = (0, validationUtils_1.validateSync)({
-                validators: deferredValidators ?? [],
-                value: valueToValidate
-            });
+            const validated = validateDeferredSync(valueToValidate);
             validated.result === 'failure' && _dispatch(reducer_1.updateHiddenMessages, validated.errors);
             _dispatch(reducer_1.updateValidStatus, validated.result === 'failure' ? 'invalidHidden' : 'valid');
             refreshDisplayValue(state.value);
-        }, [deferredValidators, _dispatch, refreshDisplayValue, state.value]);
+        }, [_dispatch, refreshDisplayValue, state.value, validateDeferredSync]);
         const showMessages = (0, hooks_1.useCallback)(() => {
             if (state.hiddenMessages && state.hiddenMessages.length > 0) {
                 _dispatch(reducer_1.showHiddenMessages);
@@ -1790,7 +1819,7 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
             _dispatch(reducer_1.updatePreviousValue, value);
             if (value !== state.value) {
                 _dispatch(reducer_1.clearAllMessages);
-                const validated = (0, validationUtils_1.validateSync)({ validators: deferredValidators ?? [], value });
+                const validated = validateDeferredSync(value);
                 validated.result === 'success' && _dispatch(reducer_1.updateValidStatus, 'valid');
                 validated.result === 'failure' &&
                     _dispatch(reducer_1.updateValidStatus, 'invalidHidden') &&
@@ -1841,10 +1870,7 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
                     case 'valid':
                         const newValue = getValueForValidation();
                         if (newValue !== ConverterErrorSymbol) {
-                            const deferredValidate = (0, validationUtils_1.validateSync)({
-                                validators: deferredValidators ?? [],
-                                value: newValue
-                            });
+                            const deferredValidate = validateDeferredSync(newValue);
                             deferredValidate.result === 'failure' &&
                                 _dispatch(reducer_1.updateHiddenMessages, deferredValidate.errors) &&
                                 _dispatch(reducer_1.updateValidStatus, 'invalidHidden');
@@ -1874,10 +1900,10 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
             _dispatch(reducer_1.updatePreviousReadonly, readonly);
             _dispatch(reducer_1.updateCustomMessages, messagesCustom);
             if (!disabled && !readonly) {
-                const validated = (0, validationUtils_1.validateSync)({ validators: deferredValidators ?? [], value });
+                const validated = validateDeferredSync(value);
                 validated.result === 'failure' &&
                     _dispatch(reducer_1.updateHiddenMessages, validated.errors) &&
-                    _dispatch(reducer_1.updateValidStatus, 'invalidHidden');
+                    _dispatch(reducer_1.updateValidStatus, (0, utils_1.hasErrorMessages)(messagesCustom) ? 'invalidShown' : 'invalidHidden');
                 validated.result === 'success' &&
                     _dispatch(reducer_1.updateValidStatus, (0, utils_1.hasErrorMessages)(messagesCustom) ? 'invalidShown' : 'valid') &&
                     refreshDisplayValue(value);
@@ -1895,6 +1921,8 @@ define('oj-c/hooks/UNSAFE_useEditableValue/useEditableValue',["require", "export
                 showMessages,
                 validate
             },
+            onCommitValue,
+            refreshDisplayValue,
             textFieldProps: {
                 'aria-describedby': ariaDescribedBy,
                 messages: displayOptions?.messages !== 'none' ? state.shownMessages : undefined,
@@ -2407,7 +2435,8 @@ define('oj-c/input-date-picker/useInputDatePicker',["require", "exports", "@orac
                 todayButton: props.todayButton,
                 userAssistanceDensity: inputDateMaskProps.userAssistanceDensity,
                 value: inputDateMaskProps.value,
-                variant: variant
+                variant: variant,
+                weekDisplay: props.weekDisplay
             },
             rootProps: {
                 id: props.id,
@@ -2454,7 +2483,7 @@ define('oj-c/input-date-picker/input-date-picker',["require", "exports", "preact
     };
     const messagesCustomDefault = [];
     const validatorsDefault = [];
-    function InputDatePickerImpl({ columnSpan = 1, daysOutsideMonth = 'hidden', disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, messagesCustom = messagesCustomDefault, monthAndYearPicker = 'on', required = false, todayButton = 'visible', validators = validatorsDefault, value = null, ...otherProps }, ref) {
+    function InputDatePickerImpl({ columnSpan = 1, daysOutsideMonth = 'hidden', disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, messagesCustom = messagesCustomDefault, monthAndYearPicker = 'on', required = false, todayButton = 'visible', validators = validatorsDefault, value = null, weekDisplay = 'none', ...otherProps }, ref) {
         const { formContextValue, inputDatePickerProps, rootProps } = (0, useInputDatePicker_1.useInputDatePicker)({
             columnSpan,
             daysOutsideMonth,
@@ -2468,11 +2497,12 @@ define('oj-c/input-date-picker/input-date-picker',["require", "exports", "preact
             todayButton,
             validators,
             value,
+            weekDisplay,
             ...otherProps
         }, ref);
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ...rootProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: formContextValue, children: (0, jsx_runtime_1.jsx)(UNSAFE_InputDatePicker_1.InputDatePicker, { ...inputDatePickerProps }) }) }));
     }
-    exports.InputDatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-date-picker', (0, compat_1.forwardRef)(InputDatePickerImpl), "InputDatePicker", { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "dateRangeOverflowMessageDetail": { "type": "function" }, "dateRangeUnderflowMessageDetail": { "type": "function" }, "dateRestrictionMessageDetail": { "type": "function" }, "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] }, "validatorHint": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "max": { "type": "string|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "min": { "type": "string|null" }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "todayTimeZone": { "type": "string" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "string|null", "writeback": true }, "rawValue": { "type": "object", "properties": { "year": { "type": "number" }, "month": { "type": "number" }, "day": { "type": "number" } }, "readOnly": true, "writeback": true }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "rawValue", "valid", "value"], "_READ_ONLY_PROPS": ["rawValue", "valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "columnSpan": 1, "daysOutsideMonth": "hidden", "disabled": false, "displayOptions": { "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "monthAndYearPicker": "on", "required": false, "todayButton": "visible", "validators": [], "value": null }, {
+    exports.InputDatePicker = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-date-picker', (0, compat_1.forwardRef)(InputDatePickerImpl), "InputDatePicker", { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "dateRangeOverflowMessageDetail": { "type": "function" }, "dateRangeUnderflowMessageDetail": { "type": "function" }, "dateRestrictionMessageDetail": { "type": "function" }, "dayFormatter": { "type": "function" }, "daysOutsideMonth": { "type": "string", "enumValues": ["hidden", "selectable"] }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] }, "validatorHint": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "max": { "type": "string|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "min": { "type": "string|null" }, "monthAndYearPicker": { "type": "string", "enumValues": ["off", "on"] }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "todayTimeZone": { "type": "string" }, "todayButton": { "type": "string", "enumValues": ["hidden", "visible"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "string|null", "writeback": true }, "weekDisplay": { "type": "string", "enumValues": ["number", "none"] }, "rawValue": { "type": "object", "properties": { "year": { "type": "number" }, "month": { "type": "number" }, "day": { "type": "number" } }, "readOnly": true, "writeback": true }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "rawValue", "valid", "value"], "_READ_ONLY_PROPS": ["rawValue", "valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "columnSpan": 1, "daysOutsideMonth": "hidden", "disabled": false, "displayOptions": { "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "monthAndYearPicker": "on", "required": false, "todayButton": "visible", "validators": [], "value": null, "weekDisplay": "none" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
@@ -3088,7 +3118,7 @@ define('oj-c/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle',
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useConverterLifecycle = void 0;
-    function useConverterLifecycle({ converter, validationState, refreshDisplayValue, runFullValidationAndUpdateValue }) {
+    function useConverterLifecycle({ converter, validationState, value, refreshDisplayValue, runFullValidationAndUpdateValue }) {
         const prevConverterRef = (0, hooks_1.useRef)(converter);
         (0, hooks_1.useEffect)(() => {
             if (prevConverterRef.current === converter) {
@@ -3103,10 +3133,10 @@ define('oj-c/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle',
                 case 'valid':
                 case 'invalidHidden':
                 default:
-                    refreshDisplayValue();
+                    value && refreshDisplayValue(value);
                     break;
             }
-        }, [converter, validationState, refreshDisplayValue, runFullValidationAndUpdateValue]);
+        }, [converter, validationState, refreshDisplayValue, runFullValidationAndUpdateValue, value]);
     }
     exports.useConverterLifecycle = useConverterLifecycle;
 });
@@ -3450,13 +3480,13 @@ define('oj-c/editable-value/UNSAFE_useValue/useValue',["require", "exports", "@o
             setValueAfterValidation: (0, hooks_1.useCallback)((value) => {
                 setValue(value);
                 setDisplayValue(format(value));
-            }, [format]),
+            }, [format, setDisplayValue, setValue]),
             setDisplayValue,
             setTransientValue,
             setValue,
-            refreshDisplayValue: (0, hooks_1.useCallback)(() => {
+            refreshDisplayValue: (0, hooks_1.useCallback)((value) => {
                 setDisplayValue(format(value));
-            }, [value, format])
+            }, [format, setDisplayValue])
         };
     }
     exports.useValue = useValue;
@@ -3544,6 +3574,7 @@ define('oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue',["require"
         (0, useConverterLifecycle_1.useConverterLifecycle)({
             converter,
             validationState,
+            value: valueProp,
             refreshDisplayValue,
             runFullValidationAndUpdateValue
         });
@@ -3580,7 +3611,7 @@ define('oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue',["require"
         const reset = (0, hooks_1.useCallback)(() => {
             clearAllMessages();
             validateValueOnExternalChange(value);
-            refreshDisplayValue();
+            refreshDisplayValue(value);
         }, [value, clearAllMessages, refreshDisplayValue, validateValueOnExternalChange]);
         const validate = (0, hooks_1.useCallback)(async () => {
             if (readonly || disabled) {
@@ -3754,7 +3785,7 @@ define('oj-c/input-number/stepBasisUtils',["require", "exports"], function (requ
     }
 });
 
-define('oj-c/input-number/useNumberInputTextPreact',["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "./useImplicitNumberConverter", "./useImplicitNumberRangeValidator", "preact/hooks", "oj-c/editable-value/utils/utils", "./stepBasisUtils"], function (require, exports, useEditableValue_1, useValidators_1, useImplicitNumberConverter_1, useImplicitNumberRangeValidator_1, hooks_1, utils_1, stepBasisUtils_1) {
+define('oj-c/input-number/useNumberInputTextPreact',["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "./useImplicitNumberConverter", "./useImplicitNumberRangeValidator", "preact/hooks", "oj-c/editable-value/utils/utils", "./stepBasisUtils", "oj-c/editable-value/utils/utils"], function (require, exports, useEditableValue_1, useValidators_1, useImplicitNumberConverter_1, useImplicitNumberRangeValidator_1, hooks_1, utils_1, stepBasisUtils_1, utils_2) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useNumberInputTextPreact = void 0;
@@ -3893,6 +3924,7 @@ define('oj-c/input-number/useNumberInputTextPreact',["require", "exports", "oj-c
             await onCommitValue(parsedValue);
         }, [onCommitValue, normalizeAndParseValue]);
         const valueText = calculateValueText(hasUncommittedDisplayValue, displayValue, valueNow, format);
+        const normalizedVirtualKeyboard = virtualKeyboard === 'auto' ? (0, utils_2.getVirtualKeyboardHintFromConverter)(converter) : virtualKeyboard;
         return {
             value,
             setValue,
@@ -3929,7 +3961,7 @@ define('oj-c/input-number/useNumberInputTextPreact',["require", "exports", "oj-c
                             (displayValue === '' && maxTreatNull === 0))),
                 textAlign,
                 userAssistanceDensity,
-                virtualKeyboard,
+                virtualKeyboard: normalizedVirtualKeyboard,
                 ...textFieldPropsWithOverride
             }
         };
@@ -4030,33 +4062,43 @@ define('oj-c/input-number',["require", "exports", "oj-c/input-number/input-numbe
     Object.defineProperty(exports, "InputNumber", { enumerable: true, get: function () { return input_number_1.InputNumber; } });
 });
 
-define('oj-c/input-password/useInputPasswordPreact',["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue"], function (require, exports, useEditableValue_1) {
+define('oj-c/hooks/UNSAFE_useEditableValue/index',["require", "exports", "./useEditableValue"], function (require, exports, useEditableValue_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useEditableValue = void 0;
+    Object.defineProperty(exports, "useEditableValue", { enumerable: true, get: function () { return useEditableValue_1.useEditableValue; } });
+});
+
+define('oj-c/input-password/useInputPasswordPreact',["require", "exports", "oj-c/editable-value/utils/utils", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators", "oj-c/hooks/UNSAFE_useEditableValue/index"], function (require, exports, utils_1, useDeferredValidators_1, index_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useInputPasswordPreact = void 0;
     function useInputPasswordPreact({ autocomplete = 'on', autofocus, clearIcon = 'never', disabled, displayOptions, labelEdge, labelHint, labelStartWidth, maskIcon, messagesCustom, placeholder, readonly, required, requiredMessageDetail, textAlign, userAssistanceDensity, validators, value: propValue, onMessagesCustomChanged, onRawValueChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
-        const { methods, textFieldProps, value, setValue } = (0, useEditableValue_1.useEditableValue)({
+        const deferredValidators = (0, useDeferredValidators_1.useDeferredValidators)({
+            labelHint,
+            required,
+            requiredMessageDetail
+        });
+        const { methods, textFieldProps, value } = (0, index_1.useEditableValue)({
+            addBusyState,
             ariaDescribedBy: otherProps['aria-describedby'],
+            defaultDisplayValue: '',
+            deferredValidators,
             disabled,
             displayOptions,
             messagesCustom,
-            readonly,
-            required,
-            requiredMessageDetail,
-            validators,
-            value: propValue,
-            addBusyState,
             onMessagesCustomChanged,
             onRawValueChanged,
             onValidChanged,
-            onValueChanged
+            onValueChanged,
+            readonly,
+            validators: (0, utils_1.treatNull)(validators, undefined),
+            value: propValue
         });
         const hasNoValue = value === null || (typeof value === 'string' && value === '');
         const hasClearIcon = clearIcon === 'conditional' ? 'conditionally' : clearIcon;
         const hasRevealToggle = maskIcon === 'hidden' ? 'never' : 'always';
         return {
-            value,
-            setValue,
             methods,
             inputPasswordProps: {
                 autoComplete: autocomplete,
@@ -4156,33 +4198,36 @@ define('oj-c/input-password',["require", "exports", "oj-c/input-password/input-p
     Object.defineProperty(exports, "InputPassword", { enumerable: true, get: function () { return input_password_1.InputPassword; } });
 });
 
-define('oj-c/input-sensitive-text/useInputSensitiveTextPreact',["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/utils/utils"], function (require, exports, useEditableValue_1, utils_1) {
+define('oj-c/input-sensitive-text/useInputSensitiveTextPreact',["require", "exports", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/utils/utils"], function (require, exports, useDeferredValidators_1, index_1, utils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useInputSensitiveTextPreact = void 0;
     function useInputSensitiveTextPreact({ autofocus, clearIcon = 'never', disabled, displayOptions, labelEdge, labelHint, labelStartWidth, length, maskIcon, maskIconLabel, messagesCustom, placeholder, readonly, required, requiredMessageDetail, textAlign, userAssistanceDensity, validators, value: propValue, virtualKeyboard, onMessagesCustomChanged, onRawValueChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
-        const { methods, textFieldProps, value, setValue } = (0, useEditableValue_1.useEditableValue)({
+        const deferredValidators = (0, useDeferredValidators_1.useDeferredValidators)({
+            labelHint,
+            required,
+            requiredMessageDetail
+        });
+        const { methods, textFieldProps, value } = (0, index_1.useEditableValue)({
+            addBusyState,
             ariaDescribedBy: otherProps['aria-describedby'],
+            defaultDisplayValue: '',
+            deferredValidators,
             disabled,
             displayOptions,
             messagesCustom,
-            readonly,
-            required,
-            requiredMessageDetail,
-            validators,
-            value: propValue,
-            addBusyState,
             onMessagesCustomChanged,
             onRawValueChanged,
             onValidChanged,
-            onValueChanged
+            onValueChanged,
+            readonly,
+            validators: (0, utils_1.treatNull)(validators, undefined),
+            value: propValue
         });
         const hasNoValue = value === null || (typeof value === 'string' && value === '');
         const hasClearIcon = clearIcon === 'conditional' ? 'conditionally' : clearIcon;
         const hasRevealToggle = maskIcon === 'hidden' ? 'never' : 'always';
         return {
-            value,
-            setValue,
             methods,
             inputSensitiveTextProps: {
                 ...textFieldProps,
@@ -4293,14 +4338,7 @@ define('oj-c/input-sensitive-text',["require", "exports", "oj-c/input-sensitive-
     Object.defineProperty(exports, "InputSensitiveText", { enumerable: true, get: function () { return input_sensitive_text_1.InputSensitiveText; } });
 });
 
-define('oj-c/hooks/UNSAFE_useEditableValue/index',["require", "exports", "./useEditableValue"], function (require, exports, useEditableValue_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useEditableValue = void 0;
-    Object.defineProperty(exports, "useEditableValue", { enumerable: true, get: function () { return useEditableValue_1.useEditableValue; } });
-});
-
-define('oj-c/input-text/useInputTextPreact',["require", "exports", "oj-c/editable-value/utils/utils", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators"], function (require, exports, utils_1, index_1, useDeferredValidators_1) {
+define('oj-c/input-text/useInputTextPreact',["require", "exports", "oj-c/editable-value/utils/utils", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators", "oj-c/editable-value/utils/utils"], function (require, exports, utils_1, index_1, useDeferredValidators_1, utils_2) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useInputTextPreact = void 0;
@@ -4324,11 +4362,12 @@ define('oj-c/input-text/useInputTextPreact',["require", "exports", "oj-c/editabl
             onValidChanged,
             onValueChanged,
             readonly,
-            validators: validators === null ? undefined : validators,
+            validators: (0, utils_1.treatNull)(validators, undefined),
             value: propValue
         });
         const hasNoValue = value === null || (typeof value === 'string' && value === '');
         const hasClearIcon = clearIcon === 'conditional' ? 'conditionally' : clearIcon;
+        const normalizedVirtualKeyboard = virtualKeyboard === 'auto' ? (0, utils_2.getVirtualKeyboardHintFromConverter)(converter) : virtualKeyboard;
         return {
             methods,
             inputTextProps: {
@@ -4351,7 +4390,7 @@ define('oj-c/input-text/useInputTextPreact',["require", "exports", "oj-c/editabl
                 suffix: inputSuffix,
                 textAlign,
                 userAssistanceDensity,
-                virtualKeyboard,
+                virtualKeyboard: normalizedVirtualKeyboard,
                 ...textFieldProps
             }
         };
@@ -4486,7 +4525,7 @@ define('oj-c/message-toast',["require", "exports", "oj-c/message-toast/message-t
     Object.defineProperty(exports, "MessageToast", { enumerable: true, get: function () { return message_toast_1.MessageToast; } });
 });
 
-define('oj-c/text-area/useTextAreaAutosizePreact',["require", "exports", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators"], function (require, exports, index_1, useDeferredValidators_1) {
+define('oj-c/text-area/useTextAreaAutosizePreact',["require", "exports", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/utils/utils", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators"], function (require, exports, index_1, utils_1, useDeferredValidators_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useTextAreaAutosizePreact = void 0;
@@ -4506,7 +4545,7 @@ define('oj-c/text-area/useTextAreaAutosizePreact',["require", "exports", "oj-c/h
             displayOptions,
             messagesCustom,
             readonly,
-            validators: validators === null ? undefined : validators,
+            validators: (0, utils_1.treatNull)(validators, undefined),
             value: propValue,
             onMessagesCustomChanged,
             onRawValueChanged,
@@ -4542,7 +4581,7 @@ define('oj-c/text-area/useTextAreaAutosizePreact',["require", "exports", "oj-c/h
     exports.useTextAreaAutosizePreact = useTextAreaAutosizePreact;
 });
 
-define('oj-c/text-area/useTextAreaPreact',["require", "exports", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators"], function (require, exports, index_1, useDeferredValidators_1) {
+define('oj-c/text-area/useTextAreaPreact',["require", "exports", "oj-c/hooks/UNSAFE_useEditableValue/index", "oj-c/editable-value/utils/utils", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators"], function (require, exports, index_1, utils_1, useDeferredValidators_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useTextAreaPreact = void 0;
@@ -4562,7 +4601,7 @@ define('oj-c/text-area/useTextAreaPreact',["require", "exports", "oj-c/hooks/UNS
             displayOptions,
             messagesCustom,
             readonly,
-            validators: validators === null ? undefined : validators,
+            validators: (0, utils_1.treatNull)(validators, undefined),
             value: propValue,
             onMessagesCustomChanged,
             onRawValueChanged,
@@ -4866,31 +4905,44 @@ define('oj-c/button',["require", "exports", "oj-c/button/button"], function (req
     Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
 });
 
-define('oj-c/checkbox/useCheckboxPreact',["require", "exports", "preact/hooks", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators"], function (require, exports, hooks_1, useEditableValue_1, useValidators_1) {
+define('oj-c/checkbox/useCheckboxPreact',["require", "exports", "preact/hooks", "oj-c/hooks/UNSAFE_useEditableValue/index", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle"], function (require, exports, hooks_1, index_1, UNSAFE_useTranslationBundle_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useCheckboxPreact = void 0;
-    function useCheckboxPreact({ ['aria-describedby']: ariaDescribedBy, disabled, displayOptions, messagesCustom, readonly, requiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged, validators }, addBusyState) {
-        const { methods, onCommitValue, displayValue, setDisplayValue, textFieldProps } = (0, useEditableValue_1.useEditableValue)({
+    function useCheckboxPreact({ ['aria-describedby']: ariaDescribedBy, disabled, displayOptions, messagesCustom, readonly, requiredMessageDetail: propRequiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged }, addBusyState) {
+        const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
+        const requiredMessageDetail = propRequiredMessageDetail || translations.checkbox_requiredMessageDetail();
+        const deferredValidators = (0, hooks_1.useMemo)(() => {
+            return [
+                {
+                    validate: (value) => {
+                        if (required && value !== true) {
+                            throw new Error(requiredMessageDetail);
+                        }
+                        return;
+                    }
+                }
+            ];
+        }, [requiredMessageDetail, required]);
+        const { methods, onCommitValue, displayValue, refreshDisplayValue, textFieldProps } = (0, index_1.useEditableValue)({
+            addBusyState,
             ariaDescribedBy,
+            defaultDisplayValue: false,
+            deferredValidators,
             disabled,
             displayOptions,
             messagesCustom,
-            readonly,
-            required,
-            requiredMessageDetail,
-            value: propValue,
-            addBusyState,
             onMessagesCustomChanged,
             onValidChanged,
             onValueChanged,
-            validators
+            readonly,
+            value: propValue
         });
         const onCommitHandler = (0, hooks_1.useCallback)(async ({ value }) => {
-            const validationResult = await onCommitValue(value);
-            const newValue = validationResult === useValidators_1.ValidationResult.INVALID ? false : value;
-            setDisplayValue(newValue);
-        }, [onCommitValue]);
+            const commitSucceeded = await onCommitValue(value);
+            const newValue = commitSucceeded ? value : false;
+            refreshDisplayValue(newValue);
+        }, [onCommitValue, refreshDisplayValue]);
         const checkboxProps = {
             'aria-describedby': textFieldProps['aria-describedby'],
             isRequired: required,
@@ -4910,7 +4962,7 @@ define('oj-c/checkbox/useCheckboxPreact',["require", "exports", "preact/hooks",
 });
 
 
-define('oj-c/checkbox/checkbox',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "preact/compat", "ojs/ojcontext", "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_Checkbox", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "./useCheckboxPreact", "css!oj-c/checkbox/checkbox-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, compat_1, Context, ojvcomponent_1, UNSAFE_Checkbox_1, UNSAFE_useFormContext_1, useMergedFormContext_1, UNSAFE_useTabbableMode_1, UNSAFE_useTranslationBundle_1, Layout_1, useAssistiveText_1, useCheckboxPreact_1) {
+define('oj-c/checkbox/checkbox',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "preact/compat", "ojs/ojcontext", "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_Checkbox", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "./useCheckboxPreact", "css!oj-c/checkbox/checkbox-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, compat_1, Context, ojvcomponent_1, UNSAFE_Checkbox_1, UNSAFE_useFormContext_1, useMergedFormContext_1, UNSAFE_useTabbableMode_1, Layout_1, useAssistiveText_1, useCheckboxPreact_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Checkbox = void 0;
@@ -4928,20 +4980,6 @@ define('oj-c/checkbox/checkbox',["require", "exports", "preact/jsx-runtime", '@o
     const FunctionalCheckbox = (0, compat_1.forwardRef)(({ ['aria-describedby']: ariaDescribedBy, children, columnSpan = 1, containerReadonly: propContainerReadonly, disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, id, messagesCustom = messagesCustomDefault, onMessagesCustomChanged, onValidChanged, onValueChanged, readonly: propReadonly, required = false, requiredMessageDetail, userAssistanceDensity: propUserAssistanceDensity, value = false }, ref) => {
         const rootRef = (0, hooks_1.useRef)();
         const checkboxRef = (0, hooks_1.useRef)();
-        const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
-        const errorMessage = requiredMessageDetail || translations.checkbox_requiredMessageDetail();
-        const validators = (0, hooks_1.useMemo)(() => {
-            return [
-                {
-                    validate: (value) => {
-                        if (required && value !== true) {
-                            throw new Error(errorMessage);
-                        }
-                        return;
-                    }
-                }
-            ];
-        }, [errorMessage, required]);
         const addBusyState = (0, hooks_1.useCallback)((description) => {
             return rootRef.current
                 ? Context.getContext(rootRef.current)
@@ -4967,7 +5005,6 @@ define('oj-c/checkbox/checkbox',["require", "exports", "preact/jsx-runtime", '@o
             required,
             requiredMessageDetail,
             userAssistanceDensity: uadValue,
-            validators,
             value
         }, addBusyState);
         (0, hooks_1.useImperativeHandle)(ref, () => ({
@@ -4979,7 +5016,6 @@ define('oj-c/checkbox/checkbox',["require", "exports", "preact/jsx-runtime", '@o
             displayOptions,
             help,
             helpHints,
-            validators,
             userAssistanceDensity: checkboxProps.userAssistanceDensity
         });
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, class: Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan], children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_Checkbox_1.Checkbox, { ref: checkboxRef, ...assistiveTextProps, ...checkboxProps, children: children }) }) }));
@@ -4997,34 +5033,38 @@ define('oj-c/checkbox',["require", "exports", "oj-c/checkbox/checkbox"], functio
     Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
 });
 
-define('oj-c/checkboxset/useCheckboxsetPreact',["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "preact/hooks", "oj-c/editable-value/UNSAFE_useValidators/useValidators"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1, hooks_1, useValidators_1) {
+define('oj-c/checkboxset/useCheckboxsetPreact',["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/hooks/UNSAFE_useEditableValue/index", "preact/hooks", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators"], function (require, exports, UNSAFE_useTranslationBundle_1, index_1, hooks_1, useDeferredValidators_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useCheckboxsetPreact = void 0;
     function useCheckboxsetPreact({ 'aria-describedby': ariaDescribedBy, disabled, displayOptions, labelEdge, labelHint, labelStartWidth, messagesCustom, readonly, requiredMessageDetail: propRequiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged }, addBusyState) {
         const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
         const requiredMessageDetail = propRequiredMessageDetail || translations.checkboxSet_requiredMessageDetail();
-        const { methods, onCommitValue, setDisplayValue, displayValue, textFieldProps } = (0, useEditableValue_1.useEditableValue)({
+        const deferredValidators = (0, useDeferredValidators_1.useDeferredValidators)({
+            labelHint,
+            required,
+            requiredMessageDetail
+        });
+        const { methods, displayValue, onCommitValue, refreshDisplayValue, textFieldProps } = (0, index_1.useEditableValue)({
+            addBusyState,
             ariaDescribedBy,
+            defaultDisplayValue: null,
+            deferredValidators,
             disabled,
             displayOptions,
-            labelHint,
             messagesCustom,
-            readonly,
-            required,
-            requiredMessageDetail,
-            value: propValue,
-            addBusyState,
             onMessagesCustomChanged,
             onValidChanged,
-            onValueChanged
+            onValueChanged,
+            readonly,
+            value: propValue
         });
         const onCommitHandler = (0, hooks_1.useCallback)(async ({ value }) => {
             const valueAsArray = value ? Array.from(value) : null;
-            const validationResult = await onCommitValue(valueAsArray);
-            const newValue = validationResult === useValidators_1.ValidationResult.INVALID ? null : valueAsArray;
-            setDisplayValue(newValue);
-        }, [onCommitValue, setDisplayValue]);
+            const commitSuccessful = await onCommitValue(valueAsArray);
+            const newValue = commitSuccessful ? valueAsArray : null;
+            refreshDisplayValue(newValue);
+        }, [onCommitValue, refreshDisplayValue]);
         return {
             methods,
             checkboxsetProps: {
@@ -5143,7 +5183,7 @@ define('oj-c/utils/UNSAFE_meterUtils/meterUtils',["require", "exports"], functio
 });
 
 
-define('oj-c/rating-gauge/rating-gauge',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_RatingGauge", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "css!oj-c/rating-gauge/rating-gauge-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_RatingGauge_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1) {
+define('oj-c/rating-gauge/rating-gauge',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_RatingGauge", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "@oracle/oraclejet-preact/utils/UNSAFE_stringUtils", "css!oj-c/rating-gauge/rating-gauge-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_RatingGauge_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1, UNSAFE_stringUtils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.RatingGauge = void 0;
@@ -5165,10 +5205,18 @@ define('oj-c/rating-gauge/rating-gauge',["require", "exports", "preact/jsx-runti
                 color: (0, meterUtils_1.getThresholdColorByIndex)(threshold, index)
             };
         });
+        const preactRatingGaugeAriaLabelledBy = (0, UNSAFE_stringUtils_1.merge)([
+            otherProps['aria-labelledby'],
+            otherProps.labelledBy
+        ]);
+        const preactRatingGaugeAriaDescribedBy = (0, UNSAFE_stringUtils_1.merge)([
+            otherProps['aria-describedby'],
+            otherProps.describedBy
+        ]);
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(UNSAFE_RatingGauge_1.RatingGauge, { isReadonly: readonly, isDisabled: disabled, value: (hoveredVal != undefined ? hoveredVal : value), step: step, max: max, size: size, color: color, thresholds: thresholds, tooltip: otherProps.tooltip, datatip: otherProps.datatip?.({
                     value: hoveredVal != undefined ? hoveredVal : value
-                }), onCommit: commitHandler, onInput: inputHandler, "aria-label": otherProps['aria-label'], "aria-labelledby": otherProps.labelledBy ?? undefined, "aria-describedby": otherProps.describedBy ?? undefined }) }));
-    }, "RatingGauge", { "properties": { "max": { "type": "number" }, "readonly": { "type": "boolean" }, "disabled": { "type": "boolean" }, "changed": { "type": "boolean", "writeback": true }, "value": { "type": "number|null", "writeback": true }, "step": { "type": "number" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "color": { "type": "string", "enumValues": ["gold", "neutral"] }, "thresholds": { "type": "Array<object>" }, "datatip": { "type": "function" }, "tooltip": { "type": "string" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["changed", "value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, { "max": 5, "value": 0, "size": "md", "color": "neutral", "step": 1, "readonly": false, "disabled": false, "changed": false }, {
+                }), onCommit: commitHandler, onInput: inputHandler, "aria-label": otherProps['aria-label'], "aria-labelledby": preactRatingGaugeAriaLabelledBy ?? undefined, "aria-describedby": preactRatingGaugeAriaDescribedBy ?? undefined }) }));
+    }, "RatingGauge", { "properties": { "max": { "type": "number" }, "readonly": { "type": "boolean" }, "disabled": { "type": "boolean" }, "changed": { "type": "boolean", "writeback": true }, "value": { "type": "number|null", "writeback": true }, "step": { "type": "number" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "color": { "type": "string", "enumValues": ["gold", "neutral"] }, "thresholds": { "type": "Array<object>" }, "datatip": { "type": "function" }, "tooltip": { "type": "string" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["changed", "value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-labelledby", "aria-describedby"] } }, { "max": 5, "value": 0, "size": "md", "color": "neutral", "step": 1, "readonly": false, "disabled": false, "changed": false }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
@@ -5180,10 +5228,116 @@ define('oj-c/rating-gauge',["require", "exports", "oj-c/rating-gauge/rating-gaug
     Object.defineProperty(exports, "RatingGauge", { enumerable: true, get: function () { return rating_gauge_1.RatingGauge; } });
 });
 
-define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/ojdataproviderfactory", "preact/hooks"], function (require, exports, ojdataproviderfactory_1, hooks_1) {
+define('oj-c/select-common/utils/utils',["require", "exports", "ojs/ojdataprovider", "@oracle/oraclejet-preact/utils/UNSAFE_logger"], function (require, exports, ojdataprovider_1, UNSAFE_logger_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getFilterCriterion = exports.isSetEqual = exports.isEmpty = exports.DEFAULT_VALUE_ITEMS = exports.DEFAULT_VALUE_ITEM = exports.DEFAULT_VALUE = exports.DEFAULT_ITEM_CONTEXT = void 0;
+    exports.DEFAULT_ITEM_CONTEXT = null;
+    exports.DEFAULT_VALUE = null;
+    exports.DEFAULT_VALUE_ITEM = null;
+    exports.DEFAULT_VALUE_ITEMS = null;
+    function isEmpty(value) {
+        if (!value)
+            return true;
+        if (Array.isArray(value))
+            return value.length === 0;
+        if (value instanceof Set || value instanceof Map)
+            return value.size === 0;
+        return false;
+    }
+    exports.isEmpty = isEmpty;
+    function isSetEqual(a, b) {
+        if (a === b)
+            return true;
+        if (a?.size !== b?.size)
+            return false;
+        const aArray = Array.from(a);
+        const bArray = Array.from(b);
+        return aArray.every((value, index) => value === bArray[index]);
+    }
+    exports.isSetEqual = isSetEqual;
+    function getFilterCriterion(dataProvider, searchText, paramMatchBy) {
+        const hasSearchText = searchText && searchText.length > 0;
+        if (!hasSearchText) {
+            return undefined;
+        }
+        const arMatchBy = paramMatchBy;
+        const hasMatchBy = arMatchBy && arMatchBy.length > 0;
+        const filterCapability = dataProvider?.getCapability('filter');
+        const hasTextFilterCapability = filterCapability && filterCapability.textFilter;
+        if (dataProvider && hasSearchText && !hasTextFilterCapability) {
+            (0, UNSAFE_logger_1.error)('Core Pack Select: DataProvider does not support text filter.  ' +
+                'Filtering results in dropdown may not work correctly.');
+        }
+        const matchBy = dataProvider && hasTextFilterCapability && hasSearchText && hasMatchBy
+            ? arMatchBy.reduce((result, curr) => {
+                if (result) {
+                    return result;
+                }
+                if (curr === 'unknown') {
+                    return curr;
+                }
+                if (curr) {
+                    if (filterCapability.textFilterMatching &&
+                        filterCapability.textFilterMatching.matchBy &&
+                        filterCapability.textFilterMatching.matchBy.indexOf(curr) > -1) {
+                        return curr;
+                    }
+                    (0, UNSAFE_logger_1.warn)(`Core Pack Select: DataProvider does not support text filter "${curr}" matching.  ` +
+                        'Filtering results in dropdown may not work as expected.');
+                }
+                return undefined;
+            }, null)
+            : undefined;
+        const filterDef = matchBy ? { text: searchText, matchBy } : { text: searchText };
+        const fc = ojdataprovider_1.FilterFactory.getFilter({ filterDef });
+        return fc;
+    }
+    exports.getFilterCriterion = getFilterCriterion;
+});
+
+define('oj-c/select-common/PRIVATE_useCache/useCache',["require", "exports", "preact/hooks", "../utils/utils"], function (require, exports, hooks_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCache = void 0;
+    function useCache() {
+        const cache = (0, hooks_1.useRef)(new Map());
+        return (0, hooks_1.useCallback)((key, value, deps) => {
+            if (isChanged(cache.current, key, deps)) {
+                cache.current.set(key, { value, deps });
+                return value;
+            }
+            return cache.current.get(key).value;
+        }, []);
+    }
+    exports.useCache = useCache;
+    const isChanged = (cache, key, deps) => {
+        if (!cache.has(key))
+            return true;
+        const oldDeps = cache.get(key).deps;
+        return (oldDeps.length !== deps.length || oldDeps.some((value, index) => !isEquals(value, deps[index])));
+    };
+    const isEquals = (value1, value2) => {
+        if (value1 === value2)
+            return true;
+        if (value1 instanceof Set && value2 instanceof Set) {
+            return (0, utils_1.isSetEqual)(value1, value2);
+        }
+        return value1 === value2;
+    };
+});
+
+define('oj-c/select-common/PRIVATE_useCache/index',["require", "exports", "./useCache"], function (require, exports, useCache_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCache = void 0;
+    Object.defineProperty(exports, "useCache", { enumerable: true, get: function () { return useCache_1.useCache; } });
+});
+
+define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/ojdatacollection-common", "ojs/ojdataproviderfactory", "preact/hooks"], function (require, exports, ojdatacollection_common_1, ojdataproviderfactory_1, hooks_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useListData = void 0;
+    exports.getEmptyState = exports.useListData = void 0;
     const initialState = Object.freeze({
         status: 'loading',
         data: null
@@ -5200,11 +5354,11 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
         const abortControllerRef = (0, hooks_1.useRef)(null);
         const fetchSize = options.fetchSize && options.fetchSize > 0 ? options.fetchSize : DEFAULT_FETCH_SIZE;
         if (!data) {
-            const emptyListState = getEmptyState('exact');
+            const emptyListState = (0, exports.getEmptyState)('exact');
             return [emptyListState, (_) => Promise.resolve()];
         }
         const dataProvider = (0, hooks_1.useMemo)(() => wrapData(data), [data]);
-        const [state, dispatch] = (0, hooks_1.useReducer)(reducer, options.initialRowsFetched === 0 ? getEmptyState('atLeast') : initialState);
+        const [state, dispatch] = (0, hooks_1.useReducer)(reducer, options.initialRowsFetched === 0 ? (0, exports.getEmptyState)('atLeast') : initialState);
         const fetchRange = (0, hooks_1.useCallback)(async (range, resultsCallback) => {
             const fetchOptions = {
                 attributes: options.attributes,
@@ -5250,6 +5404,9 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
             }
         }, [dataProvider, options.attributes, options.filterCriterion, options.sortCriteria]);
         const loadInitial = (0, hooks_1.useCallback)(async () => {
+            if (state.status === 'loading') {
+                abortControllerRef.current?.abort((0, ojdatacollection_common_1.getAbortReason)());
+            }
             dispatch({ status: 'loading', data: null });
             const controller = new AbortController();
             abortControllerRef.current = controller;
@@ -5343,7 +5500,7 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
             totalSizeRef.current = 0;
             isDoneRef.current = false;
             if (options.initialRowsFetched === 0) {
-                dispatch(getEmptyState('atLeast'));
+                dispatch((0, exports.getEmptyState)('atLeast'));
             }
             else if (!options.isInitialFetchDeferred) {
                 loadInitial();
@@ -5365,7 +5522,7 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
                     totalSizeRef.current = totalSizeRef.current + itemsInserted;
                     count = count + itemsInserted;
                     shouldUpdate = itemsInserted > 0 || dataState.sizePrecision === 'exact';
-                    if (itemsInserted === 0) {
+                    if (itemsInserted < event.detail.add.data.length) {
                         isDoneRef.current = false;
                     }
                 }
@@ -5460,6 +5617,7 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
     const getEmptyState = (precision) => {
         return (precision === 'atLeast' ? emptyStateAtLeast : emptyStateExact);
     };
+    exports.getEmptyState = getEmptyState;
     const emptyStateAtLeast = Object.freeze({
         status: 'success',
         data: {
@@ -5529,75 +5687,548 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
     };
 });
 
-define('oj-c/select-common/utils/utils',["require", "exports", "ojs/ojdataprovider", "@oracle/oraclejet-preact/utils/UNSAFE_logger"], function (require, exports, ojdataprovider_1, UNSAFE_logger_1) {
+define('oj-c/select-common/PRIVATE_DebouncingDataProviderView/Debouncer',["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getFilterCriterion = exports.isSetEqual = exports.isEmpty = exports.DEFAULT_VALUE_ITEMS = exports.DEFAULT_VALUE_ITEM = exports.DEFAULT_VALUE = exports.DEFAULT_ITEM_CONTEXT = void 0;
-    exports.DEFAULT_ITEM_CONTEXT = null;
-    exports.DEFAULT_VALUE = null;
-    exports.DEFAULT_VALUE_ITEM = null;
-    exports.DEFAULT_VALUE_ITEMS = null;
-    function isEmpty(value) {
-        if (!value)
-            return true;
-        if (Array.isArray(value))
-            return value.length === 0;
-        if (value instanceof Set || value instanceof Map)
-            return value.size === 0;
-        return false;
-    }
-    exports.isEmpty = isEmpty;
-    function isSetEqual(a, b) {
-        if (a === b)
-            return true;
-        if (a?.size !== b?.size)
-            return false;
-        const aArray = Array.from(a);
-        const bArray = Array.from(b);
-        return aArray.every((value, index) => value === bArray[index]);
-    }
-    exports.isSetEqual = isSetEqual;
-    function getFilterCriterion(dataProvider, searchText, paramMatchBy) {
-        const hasSearchText = searchText && searchText.length > 0;
-        if (!hasSearchText) {
-            return undefined;
+    exports.Debouncer = void 0;
+    class Debouncer {
+        constructor() {
+            this._responseTimes = [
+                { time: 900, count: 0 },
+                { time: 720, count: 0 },
+                { time: 600, count: 0 },
+                { time: 450, count: 0 },
+                { time: 360, count: 0 },
+                { time: 300, count: 0 }
+            ];
+            this._requestTime = { time: 250, count: 0 };
+            this._lastRequestTime = 0;
+        }
+        debounce(callback, filterTextLength) {
+            const wait = this.GetDebounceTime(filterTextLength);
+            return (...args) => {
+                window.setTimeout(() => {
+                    callback(...args);
+                }, wait);
+            };
         }
-        const arMatchBy = paramMatchBy;
-        const hasMatchBy = arMatchBy && arMatchBy.length > 0;
-        const filterCapability = dataProvider?.getCapability('filter');
-        const hasTextFilterCapability = filterCapability && filterCapability.textFilter;
-        if (dataProvider && hasSearchText && !hasTextFilterCapability) {
-            (0, UNSAFE_logger_1.error)('Core Pack Select: DataProvider does not support text filter.  ' +
-                'Filtering results in dropdown may not work correctly.');
+        recordResponseTime(time, filterTextLength) {
+            const index = Math.min(filterTextLength, 5);
+            const record = this._responseTimes[index];
+            if (record.count === 0) {
+                record.time = time;
+            }
+            else {
+                record.time = (record.time * record.count + time) / (record.count + 1);
+            }
+            record.count += 1;
         }
-        const matchBy = dataProvider && hasTextFilterCapability && hasSearchText && hasMatchBy
-            ? arMatchBy.reduce((result, curr) => {
-                if (result) {
-                    return result;
+        recordRequestTime() {
+            const requestTime = Date.now();
+            const lastRequestTime = this._lastRequestTime;
+            this._lastRequestTime = requestTime;
+            if (lastRequestTime === 0) {
+                return;
+            }
+            const time = requestTime - lastRequestTime;
+            if (time > 1000) {
+                return;
+            }
+            const record = this._requestTime;
+            if (record.count === 0) {
+                record.time = time;
+            }
+            else {
+                record.time = (record.time * record.count + time) / (record.count + 1);
+            }
+            record.count += 1;
+        }
+        _getResponseTime(filterTextLength) {
+            const index = Math.min(filterTextLength, 5);
+            const record = this._responseTimes[index];
+            return record.time;
+        }
+        _getRequestTime() {
+            return this._requestTime.time;
+        }
+        GetDebounceTime(filterTextLength) {
+            const responseTime = this._getResponseTime(filterTextLength);
+            const requestTime = this._getRequestTime();
+            const paddedRequestTime = 1.2 * requestTime;
+            if (responseTime < paddedRequestTime) {
+                return 0;
+            }
+            const factor = (responseTime - paddedRequestTime) / responseTime;
+            const debounceTime = (1 + factor) * paddedRequestTime;
+            return debounceTime;
+        }
+    }
+    exports.Debouncer = Debouncer;
+});
+
+define('oj-c/select-common/PRIVATE_DebouncingDataProviderView/DebouncingDataProviderView',["require", "exports", "ojs/ojdataprovider", "./Debouncer"], function (require, exports, ojdataprovider_1, Debouncer_1) {
+    "use strict";
+    var _a;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DebouncingDataProviderView = void 0;
+    class AsyncIteratorWrapper {
+        constructor(dataProvider, debouncer, params) {
+            this._isFirstNext = true;
+            this.dataProvider = dataProvider;
+            this.debouncer = debouncer;
+            this.params = params;
+        }
+        next() {
+            if (this._isFirstNext) {
+                this.debouncer.recordRequestTime();
+                this._isFirstNext = false;
+                const filterText = this.params?.filterCriterion?.text;
+                const debounceCallback = (resolve, reject) => {
+                    if (this.params?.signal?.aborted) {
+                        reject(this.params?.signal?.reason);
+                        return;
+                    }
+                    const asyncIterable = this.dataProvider.fetchFirst(this.params);
+                    this._asyncIterator = asyncIterable[Symbol.asyncIterator]();
+                    const fetchStart = Date.now();
+                    const iterPromise = this._asyncIterator.next();
+                    iterPromise.then((result) => {
+                        const fetchEnd = Date.now();
+                        this.debouncer.recordResponseTime(fetchEnd - fetchStart, filterText ? filterText.length : 0);
+                        resolve(result);
+                    }, reject);
+                };
+                const callback = (resolve, reject) => {
+                    const promise = new Promise((pResolve, pReject) => {
+                        this.debouncer.debounce(debounceCallback, filterText ? filterText.length : 0)(pResolve, pReject);
+                    });
+                    return promise.then(resolve, reject);
+                };
+                return (0, ojdataprovider_1.wrapWithAbortHandling)(this.params?.signal, callback, false);
+            }
+            return this._asyncIterator.next();
+        }
+    }
+    class AsyncIterableWrapper {
+        constructor(dataProvider, debouncer, params) {
+            this[_a] = () => {
+                return new AsyncIteratorWrapper(this.dataProvider, this.debouncer, this.params);
+            };
+            this.dataProvider = dataProvider;
+            this.debouncer = debouncer;
+            this.params = params;
+        }
+    }
+    _a = Symbol.asyncIterator;
+    class DebouncingDataProviderView {
+        constructor(dataProvider) {
+            this._debouncer = new Debouncer_1.Debouncer();
+            this.dataProvider = dataProvider;
+        }
+        fetchFirst(params) {
+            return new AsyncIterableWrapper(this.dataProvider, this._debouncer, params);
+        }
+        fetchByKeys(params) {
+            return this.dataProvider.fetchByKeys(params);
+        }
+        containsKeys(params) {
+            return this.dataProvider.containsKeys(params);
+        }
+        fetchByOffset(params) {
+            return this.dataProvider.fetchByOffset(params);
+        }
+        getTotalSize() {
+            return this.dataProvider.getTotalSize();
+        }
+        isEmpty() {
+            return this.dataProvider.isEmpty();
+        }
+        getCapability(capabilityName) {
+            return this.dataProvider.getCapability(capabilityName);
+        }
+        addEventListener(eventType, listener) {
+            this.dataProvider.addEventListener(eventType, listener);
+        }
+        removeEventListener(eventType, listener) {
+            this.dataProvider.removeEventListener(eventType, listener);
+        }
+        dispatchEvent(event) {
+            return this.dataProvider.dispatchEvent(event);
+        }
+    }
+    exports.DebouncingDataProviderView = DebouncingDataProviderView;
+});
+
+define('oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider',["require", "exports", "ojs/ojdataproviderfactory", "preact/hooks", "../PRIVATE_DebouncingDataProviderView/DebouncingDataProviderView"], function (require, exports, ojdataproviderfactory_1, hooks_1, DebouncingDataProviderView_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useWrapDataProvider = void 0;
+    function useWrapDataProvider(data) {
+        const dataProvider = (0, hooks_1.useMemo)(() => {
+            if (!data) {
+                return data;
+            }
+            const enhancedDP = (0, ojdataproviderfactory_1.getEnhancedDataProvider)(data, {
+                fetchFirst: { caching: 'visitedByCurrentIterator' }
+            });
+            const filterCapability = enhancedDP.getCapability('fetchFirst');
+            const isImmediate = filterCapability?.iterationSpeed === 'immediate';
+            return isImmediate ? enhancedDP : new DebouncingDataProviderView_1.DebouncingDataProviderView(enhancedDP);
+        }, [data]);
+        return dataProvider;
+    }
+    exports.useWrapDataProvider = useWrapDataProvider;
+});
+
+define('oj-c/select-common/UNSAFE_useWrapDataProvider/index',["require", "exports", "./useWrapDataProvider"], function (require, exports, useWrapDataProvider_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useWrapDataProvider = void 0;
+    Object.defineProperty(exports, "useWrapDataProvider", { enumerable: true, get: function () { return useWrapDataProvider_1.useWrapDataProvider; } });
+});
+
+define('oj-c/select-common/PRIVATE_useSelectData/CollectionTemplateDataProviderView',["require", "exports", "ojs/ojdataprovider"], function (require, exports, ojdataprovider_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.CollectionTemplateDataProviderView = exports.SELECT_INTERNALS = void 0;
+    exports.SELECT_INTERNALS = Symbol('__SELECT_INTERNALS__');
+    class CollectionTemplateDataProviderView {
+        get currentDataProvider() {
+            return this.overrideDataProvider ?? this.originalDataProvider;
+        }
+        setFilterCriterion(filter) {
+            const previousFilter = this.filterCriterion;
+            this.filterCriterion = filter;
+            if (!this.compareFilter(previousFilter, filter)) {
+                const event = new ojdataprovider_1.DataProviderRefreshEvent();
+                Object.defineProperty(event, exports.SELECT_INTERNALS, {
+                    value: { cause: 'filterCriterionChanged' }
+                });
+                this.dispatchEvent(event);
+                this.options.onRefresh?.();
+            }
+        }
+        setDataStateOverride(dataStateOverride) {
+            if (this.dataStateOverride !== dataStateOverride) {
+                this.dataStateOverride = dataStateOverride;
+                this.overrideDataProvider =
+                    this.dataStateOverride?.status === 'success'
+                        ? new DataStateDataProviderView(this.dataStateOverride)
+                        : undefined;
+                const event = new ojdataprovider_1.DataProviderRefreshEvent();
+                Object.defineProperty(event, exports.SELECT_INTERNALS, {
+                    value: { cause: 'dataOverrideChanged' }
+                });
+                this.dispatchEvent(event);
+                this.options.onRefresh?.();
+            }
+        }
+        compareFilter(fc1, fc2) {
+            if (fc1 === fc2)
+                return true;
+            if (fc1 === undefined || fc2 === undefined)
+                return false;
+            const keys1 = Object.keys(fc1);
+            const keys2 = Object.keys(fc2);
+            if (keys1.length !== keys2.length)
+                return false;
+            return keys1.every((key) => keys2.includes(key) && fc1[key] === fc2[key]);
+        }
+        constructor(dataProvider, options) {
+            this.originalDataProvider = dataProvider;
+            this.options = options;
+            if (dataProvider.createOptimizedKeyMap)
+                this.createOptimizedKeyMap = (initialMap) => dataProvider.createOptimizedKeyMap(initialMap);
+            if (dataProvider.createOptimizedKeySet)
+                this.createOptimizedKeySet = (initialMap) => dataProvider.createOptimizedKeySet(initialMap);
+        }
+        async fetchByOffset(parameters) {
+            const overriddenParams = this.filterCriterion
+                ? { ...parameters, filterCriterion: this.filterCriterion }
+                : parameters;
+            const results = await this.currentDataProvider.fetchByOffset(overriddenParams);
+            this.options.onOffsetFetch?.({ results });
+            return results;
+        }
+        fetchFirst(parameters) {
+            const overriddenParams = this.filterCriterion
+                ? { ...parameters, filterCriterion: this.filterCriterion }
+                : parameters;
+            const options = this.options;
+            options.onInitializeFetch?.();
+            const iterable = this.currentDataProvider.fetchFirst(overriddenParams);
+            return {
+                [Symbol.asyncIterator]() {
+                    let offset = 0;
+                    const iterator = iterable[Symbol.asyncIterator]();
+                    return {
+                        async next() {
+                            const itResult = await iterator.next();
+                            const { value: results, done = false } = itResult;
+                            options.onNextIteration?.({ results, offset, done });
+                            offset += results.data.length;
+                            return itResult;
+                        }
+                    };
                 }
-                if (curr === 'unknown') {
-                    return curr;
+            };
+        }
+        addEventListener(eventType, listener) {
+            return this.originalDataProvider.addEventListener(eventType, listener);
+        }
+        containsKeys(parameters) {
+            return this.currentDataProvider.containsKeys(parameters);
+        }
+        dispatchEvent(event) {
+            return this.originalDataProvider.dispatchEvent(event);
+        }
+        fetchByKeys(parameters) {
+            return this.currentDataProvider.fetchByKeys(parameters);
+        }
+        getCapability(capabilityName) {
+            return this.originalDataProvider.getCapability(capabilityName);
+        }
+        getTotalSize() {
+            return this.currentDataProvider.getTotalSize();
+        }
+        isEmpty() {
+            return this.currentDataProvider.isEmpty();
+        }
+        removeEventListener(eventType, listener) {
+            return this.originalDataProvider.removeEventListener(eventType, listener);
+        }
+    }
+    exports.CollectionTemplateDataProviderView = CollectionTemplateDataProviderView;
+    class DataStateDataProviderView {
+        constructor(dataState) {
+            this.dataState = dataState;
+        }
+        containsKeys(parameters) {
+            const { keys } = parameters;
+            const { data } = this.dataState;
+            const foundKeys = new Set();
+            data.data.forEach((item) => {
+                if (keys.has(item.metadata.key)) {
+                    foundKeys.add(item.metadata.key);
                 }
-                if (curr) {
-                    if (filterCapability.textFilterMatching &&
-                        filterCapability.textFilterMatching.matchBy &&
-                        filterCapability.textFilterMatching.matchBy.indexOf(curr) > -1) {
-                        return curr;
-                    }
-                    (0, UNSAFE_logger_1.warn)(`Core Pack Select: DataProvider does not support text filter "${curr}" matching.  ` +
-                        'Filtering results in dropdown may not work as expected.');
+            });
+            return Promise.resolve({
+                containsParameters: parameters,
+                results: foundKeys
+            });
+        }
+        fetchByKeys(parameters) {
+            const { keys } = parameters;
+            const { data } = this.dataState;
+            const results = new Map();
+            data.data.forEach((item) => {
+                if (keys.has(item.metadata.key)) {
+                    results.set(item.metadata.key, item);
                 }
-                return undefined;
-            }, null)
-            : undefined;
-        const filterDef = matchBy ? { text: searchText, matchBy } : { text: searchText };
-        const fc = ojdataprovider_1.FilterFactory.getFilter({ filterDef });
-        return fc;
+            });
+            return Promise.resolve({
+                fetchParameters: parameters,
+                results
+            });
+        }
+        fetchByOffset(parameters) {
+            const { offset, size } = parameters;
+            const { data } = this.dataState;
+            const filteredData = data.data.slice(offset, size);
+            const results = {
+                fetchParameters: parameters ?? {},
+                results: filteredData.map((item) => ({ data: item.data, metadata: item.metadata })),
+                done: offset + (size ?? 0) >= data.totalSize
+            };
+            return Promise.resolve(results);
+        }
+        fetchFirst(parameters) {
+            const { data } = this.dataState;
+            return {
+                [Symbol.asyncIterator]() {
+                    let offset = 0;
+                    const size = parameters?.size ?? 25;
+                    const totalSize = data.totalSize;
+                    return {
+                        async next() {
+                            if (offset < totalSize) {
+                                const filteredData = data.data.slice(offset, size);
+                                const resultsOverride = filteredData.reduce((acc, value) => {
+                                    acc.data.push(value.data);
+                                    acc.metadata.push(value.metadata);
+                                    return acc;
+                                }, { data: [], metadata: [] });
+                                const results = {
+                                    ...resultsOverride,
+                                    fetchParameters: parameters ?? {},
+                                    totalFilteredRowCount: data.totalSize
+                                };
+                                const adjustedSize = Math.min(size, totalSize - offset);
+                                offset += offset + adjustedSize;
+                                return { value: results, done: false };
+                            }
+                            const results = {
+                                data: [],
+                                metadata: [],
+                                fetchParameters: parameters ?? {},
+                                totalFilteredRowCount: data.totalSize
+                            };
+                            return { value: results, done: true };
+                        }
+                    };
+                }
+            };
+        }
+        getCapability() {
+            return null;
+        }
+        getTotalSize() {
+            return Promise.resolve(this.dataState.data.totalSize);
+        }
+        isEmpty() {
+            return this.dataState.data.totalSize === 0 ? 'yes' : 'no';
+        }
+        addEventListener() { }
+        dispatchEvent() {
+            return false;
+        }
+        removeEventListener() { }
     }
-    exports.getFilterCriterion = getFilterCriterion;
 });
 
-define('oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners',["require", "exports", "@oracle/oraclejet-preact/utils/UNSAFE_logger", "preact/hooks", "../utils/utils"], function (require, exports, UNSAFE_logger_1, hooks_1, utils_1) {
+define('oj-c/select-common/PRIVATE_useSelectData/useCollectionTemplateDataProviderView',["require", "exports", "oj-c/hooks/UNSAFE_useListData/useListData", "preact/hooks", "./CollectionTemplateDataProviderView"], function (require, exports, useListData_1, hooks_1, CollectionTemplateDataProviderView_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCollectionTemplateDataProviderView = void 0;
+    function useCollectionTemplateDataProviderView({ dataProvider, options: { dataStateOverride, filterCriterion } }) {
+        const [state, dispatch] = (0, hooks_1.useReducer)((reducer), {
+            dataState: (0, useListData_1.getEmptyState)('atLeast')
+        });
+        const wrappedDP = (0, hooks_1.useMemo)(() => dataProvider == null
+            ? dataProvider
+            : new CollectionTemplateDataProviderView_1.CollectionTemplateDataProviderView(dataProvider, {
+                onInitializeFetch() {
+                    dispatch({ type: 'loading' });
+                },
+                onNextIteration({ results: { data, metadata, fetchParameters }, offset, done }) {
+                    if (fetchParameters.signal?.aborted)
+                        return;
+                    const items = data.map((item, index) => ({
+                        data: item,
+                        metadata: metadata[index]
+                    }));
+                    dispatch({ type: 'append', payload: { items, offset, done } });
+                },
+                onOffsetFetch({ results: { results, done, fetchParameters } }) {
+                    if (fetchParameters.signal?.aborted)
+                        return;
+                    dispatch({
+                        type: 'update',
+                        payload: { items: results, done, offset: fetchParameters.offset }
+                    });
+                },
+                onRefresh() {
+                    dispatch({ type: 'loading' });
+                }
+            }), [dataProvider]);
+        const prevFilterCriterionRef = (0, hooks_1.useRef)();
+        if (prevFilterCriterionRef.current !== filterCriterion) {
+            prevFilterCriterionRef.current = filterCriterion;
+            wrappedDP?.setFilterCriterion(filterCriterion);
+        }
+        const prevDataStateOverride = (0, hooks_1.useRef)();
+        if (prevDataStateOverride.current !== dataStateOverride) {
+            prevDataStateOverride.current = dataStateOverride;
+            wrappedDP?.setDataStateOverride(dataStateOverride);
+        }
+        return {
+            dataState: state.dataState,
+            dataProvider: wrappedDP
+        };
+    }
+    exports.useCollectionTemplateDataProviderView = useCollectionTemplateDataProviderView;
+    const reducer = (state, { type, payload }) => {
+        switch (type) {
+            case 'append': {
+                const { dataState } = state;
+                const prevData = dataState.status === 'success' ? dataState.data : null;
+                const { done, items } = payload;
+                return {
+                    ...state,
+                    dataState: {
+                        status: 'success',
+                        data: {
+                            data: [...(prevData?.data ?? []), ...items],
+                            offset: prevData?.offset ?? 0,
+                            sizePrecision: done ? 'exact' : 'atLeast',
+                            totalSize: (prevData?.data.length ?? 0) + items.length
+                        }
+                    }
+                };
+            }
+            case 'update': {
+                return {
+                    ...state,
+                    dataState: {
+                        status: 'success',
+                        data: {
+                            data: payload.items,
+                            offset: payload.offset,
+                            sizePrecision: payload.done ? 'exact' : 'atLeast',
+                            totalSize: payload.items.length
+                        }
+                    }
+                };
+            }
+            case 'loading': {
+                return {
+                    ...state,
+                    dataState: {
+                        status: 'loading',
+                        data: null
+                    }
+                };
+            }
+            default:
+                return state;
+        }
+    };
+});
+
+define('oj-c/select-common/PRIVATE_useSelectData/useSelectData',["require", "exports", "oj-c/hooks/UNSAFE_useListData/useListData", "preact/hooks", "../UNSAFE_useWrapDataProvider/index", "./useCollectionTemplateDataProviderView"], function (require, exports, useListData_1, hooks_1, index_1, useCollectionTemplateDataProviderView_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useSelectData = void 0;
+    const noOp = () => { };
+    const useSelectData = ({ data, dataStateOverride: propDataStateOverride, filterCriterion, hasCollectionTemplate }) => {
+        const dataProvider = (0, index_1.useWrapDataProvider)(data);
+        const [listDataState, onLoadRange] = (0, useListData_1.useListData)(dataProvider ?? null, {
+            filterCriterion,
+            initialRowsFetched: 0
+        });
+        const dataStateOverride = (0, hooks_1.useMemo)(() => (propDataStateOverride ? { status: 'success', data: propDataStateOverride } : undefined), [propDataStateOverride]);
+        const { dataState: templateDataState, dataProvider: templateDataProvider } = (0, useCollectionTemplateDataProviderView_1.useCollectionTemplateDataProviderView)({
+            dataProvider,
+            options: { dataStateOverride, filterCriterion }
+        });
+        return {
+            dataProvider: hasCollectionTemplate ? templateDataProvider : dataProvider,
+            dataState: hasCollectionTemplate ? dataStateOverride ?? templateDataState : listDataState,
+            onLoadRange: hasCollectionTemplate ? noOp : onLoadRange
+        };
+    };
+    exports.useSelectData = useSelectData;
+});
+
+define('oj-c/select-common/PRIVATE_useSelectData/index',["require", "exports", "./useSelectData", "./CollectionTemplateDataProviderView"], function (require, exports, useSelectData_1, CollectionTemplateDataProviderView_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.SELECT_INTERNALS = exports.useSelectData = void 0;
+    Object.defineProperty(exports, "useSelectData", { enumerable: true, get: function () { return useSelectData_1.useSelectData; } });
+    Object.defineProperty(exports, "SELECT_INTERNALS", { enumerable: true, get: function () { return CollectionTemplateDataProviderView_1.SELECT_INTERNALS; } });
+});
+
+define('oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners',["require", "exports", "@oracle/oraclejet-preact/utils/UNSAFE_logger", "preact/hooks", "../PRIVATE_useSelectData/index", "../utils/utils"], function (require, exports, UNSAFE_logger_1, hooks_1, index_1, utils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useDataProviderListeners = void 0;
@@ -5638,12 +6269,14 @@ define('oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListen
     }
     function useDataProviderListeners({ dataProvider, setValue, setValueToSync, setValueItemsToSync, value, valueItems }) {
         const isSelectMultiple = value instanceof Set;
-        const handleRefresh = (0, hooks_1.useCallback)(() => {
+        const handleRefresh = (0, hooks_1.useCallback)((event) => {
+            if (!shouldHandleRefreshEvent(event))
+                return;
             if (!(0, utils_1.isEmpty)(value)) {
                 setValueToSync(cloneValue(value));
                 setValueItemsToSync(utils_1.DEFAULT_VALUE_ITEMS);
             }
-        }, [value]);
+        }, [setValueItemsToSync, setValueToSync, value]);
         const handleMutation = (0, hooks_1.useCallback)((event) => {
             if ((0, utils_1.isEmpty)(value)) {
                 return;
@@ -5681,7 +6314,7 @@ define('oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListen
                     setValueItemsToSync(!(0, utils_1.isEmpty)(newValueItems) ? newValueItems : utils_1.DEFAULT_VALUE_ITEMS);
                 }
             }
-        }, [value, valueItems]);
+        }, [isSelectMultiple, setValue, setValueItemsToSync, setValueToSync, value, valueItems]);
         (0, hooks_1.useEffect)(() => {
             dataProvider?.addEventListener('refresh', handleRefresh);
             dataProvider?.addEventListener('mutate', handleMutation);
@@ -5692,23 +6325,13 @@ define('oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListen
         }, [dataProvider, handleMutation, handleRefresh]);
     }
     exports.useDataProviderListeners = useDataProviderListeners;
-});
-
-define('oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider',["require", "exports", "ojs/ojdataproviderfactory", "preact/hooks"], function (require, exports, ojdataproviderfactory_1, hooks_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useWrapDataProvider = void 0;
-    function useWrapDataProvider(data) {
-        const dataProvider = (0, hooks_1.useMemo)(() => {
-            return data
-                ? (0, ojdataproviderfactory_1.getEnhancedDataProvider)(data, {
-                    fetchFirst: { caching: 'visitedByCurrentIterator' }
-                })
-                : data;
-        }, [data]);
-        return dataProvider;
-    }
-    exports.useWrapDataProvider = useWrapDataProvider;
+    const shouldHandleRefreshEvent = (event) => {
+        if (index_1.SELECT_INTERNALS in event) {
+            const { cause = '' } = event[index_1.SELECT_INTERNALS];
+            return !['filterCriterionChanged', 'dataOverrideChanged'].includes(cause);
+        }
+        return true;
+    };
 });
 
 define('oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState',["require", "exports", "preact/hooks", "../utils/utils"], function (require, exports, hooks_1, utils_1) {
@@ -5978,13 +6601,13 @@ define('oj-c/select-multiple/useValueItems',["require", "exports", "@oracle/orac
     exports.useValueItems = useValueItems;
 });
 
-define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "oj-c/hooks/UNSAFE_useListData/useListData", "oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners", "oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider", "oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState", "oj-c/select-common/utils/utils", "oj-c/utils/UNSAFE_keyUtils/keySetUtils", "preact/hooks", "./useSyncValueAndValueItems", "./useValueItems"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1, useValidators_1, useListData_1, useDataProviderListeners_1, useWrapDataProvider_1, useWrapValueState_1, utils_1, keySetUtils_1, hooks_1, useSyncValueAndValueItems_1, useValueItems_1) {
+define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "oj-c/select-common/PRIVATE_useCache/index", "oj-c/select-common/PRIVATE_useSelectData/index", "oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners", "oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState", "oj-c/select-common/utils/utils", "oj-c/utils/UNSAFE_keyUtils/keySetUtils", "ojs/ojkeyset", "preact/hooks", "./useSyncValueAndValueItems", "./useValueItems"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1, useValidators_1, index_1, index_2, useDataProviderListeners_1, useWrapValueState_1, utils_1, keySetUtils_1, ojkeyset_1, hooks_1, useSyncValueAndValueItems_1, useValueItems_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useSelectMultiplePreact = void 0;
-    function useSelectMultiplePreact({ data: propData, disabled, displayOptions, itemTemplate, itemText, labelEdge, labelHint, labelStartWidth, matchBy: propMatchBy, messagesCustom, placeholder, readonly, required, requiredMessageDetail: propRequiredMessageDetail, textAlign, userAssistanceDensity, value: propValue, valueItems: propValueItems, virtualKeyboard, onMessagesCustomChanged, onValidChanged, onValueChanged, onValueItemsChanged, ...otherProps }, addBusyState) {
+    function useSelectMultiplePreact({ collectionTemplate, data, disabled, displayOptions, itemTemplate, itemText, labelEdge, labelHint, labelStartWidth, matchBy: propMatchBy, messagesCustom, placeholder, readonly, required, requiredMessageDetail: propRequiredMessageDetail, textAlign, userAssistanceDensity, value: propValue, valueItems: propValueItems, virtualKeyboard, onMessagesCustomChanged, onValidChanged, onValueChanged, onValueItemsChanged, ...otherProps }, addBusyState) {
         const [filterCriterion, setFilterCriterion] = (0, hooks_1.useState)(undefined);
-        const [isLoading, setIsLoading] = (0, hooks_1.useState)(propData != null &&
+        const [isLoading, setIsLoading] = (0, hooks_1.useState)(data != null &&
             propValue != null &&
             propValue.size > 0 &&
             (propValueItems == null || propValueItems.size === 0));
@@ -6022,7 +6645,13 @@ define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@o
         });
         const { 'aria-describedby': ariaDescribedBy, messages } = textFieldProps;
         const hasNoValue = value === null || (value instanceof Set && value.size === 0);
-        const dataProvider = (0, useWrapDataProvider_1.useWrapDataProvider)(propData);
+        const [dataStateOverride, setDataStateOverride] = (0, hooks_1.useState)();
+        const { dataProvider, dataState, onLoadRange } = (0, index_2.useSelectData)({
+            data,
+            dataStateOverride,
+            filterCriterion,
+            hasCollectionTemplate: collectionTemplate !== undefined
+        });
         const [valueToSync, setValueToSync] = (0, hooks_1.useState)(value);
         const [valueItemsToSync, setValueItemsToSync] = (0, hooks_1.useState)(valueItems);
         const [prevValue, setPrevValue] = (0, hooks_1.useState)(value);
@@ -6052,10 +6681,6 @@ define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@o
             valueItems: valueItemsToSync,
             validateValueOnExternalChange
         });
-        const [listDataState, onLoadRange] = (0, useListData_1.useListData)(dataProvider, {
-            filterCriterion,
-            initialRowsFetched: 0
-        });
         const onCommit = (0, hooks_1.useCallback)(async ({ value }) => {
             const valueToCommit = (value && value.size > 0 ? value : utils_1.DEFAULT_VALUE);
             setDisplayValue(valueToCommit);
@@ -6080,23 +6705,25 @@ define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@o
             setFilterCriterion(fc);
         }, [dataProvider, matchBy]);
         const prevSelectedKeysRef = (0, hooks_1.useRef)((0, keySetUtils_1.keysToKeySet)({ all: false, keys: new Set() }));
-        const itemRenderer = (0, hooks_1.useCallback)(({ data, metadata, searchText, selectedKeys: preactSelectedKeys, onSelectionChange: preactOnSelectionChange }) => {
-            const newPreactSelectedKeys = preactSelectedKeys ?? new Set();
-            const prevPreactSelectedKeys = prevSelectedKeysRef.current.keys.keys ?? new Set();
-            const selectedKeys = (0, utils_1.isSetEqual)(prevPreactSelectedKeys, newPreactSelectedKeys)
-                ? prevSelectedKeysRef.current
-                : (0, keySetUtils_1.keysToKeySet)({ all: false, keys: newPreactSelectedKeys });
-            prevSelectedKeysRef.current = selectedKeys;
-            const onSelectedKeysChanged = ((arg) => {
-                const immutableKeySet = (arg instanceof CustomEvent ? arg.detail.value : arg);
-                const immutableSet = immutableKeySet.keys.keys;
-                preactOnSelectionChange({
-                    target: arg instanceof CustomEvent ? arg.target : null,
-                    value: new Set(immutableSet?.values())
+        const itemRenderer = (0, hooks_1.useMemo)(() => {
+            if (!itemTemplate)
+                return undefined;
+            return ({ data, metadata, searchText, selectedKeys: preactSelectedKeys, onSelectionChange: preactOnSelectionChange }) => {
+                const newPreactSelectedKeys = preactSelectedKeys ?? new Set();
+                const prevPreactSelectedKeys = prevSelectedKeysRef.current.keys.keys ?? new Set();
+                const selectedKeys = (0, utils_1.isSetEqual)(prevPreactSelectedKeys, newPreactSelectedKeys)
+                    ? prevSelectedKeysRef.current
+                    : (0, keySetUtils_1.keysToKeySet)({ all: false, keys: newPreactSelectedKeys });
+                prevSelectedKeysRef.current = selectedKeys;
+                const onSelectedKeysChanged = ((arg) => {
+                    const immutableKeySet = (arg instanceof CustomEvent ? arg.detail.value : arg);
+                    const immutableSet = immutableKeySet.keys.keys;
+                    preactOnSelectionChange({
+                        target: arg instanceof CustomEvent ? arg.target : null,
+                        value: new Set(immutableSet?.values())
+                    });
                 });
-            });
-            return itemTemplate
-                ? itemTemplate({
+                return itemTemplate({
                     selectedKeys,
                     onSelectedKeysChanged,
                     item: {
@@ -6104,9 +6731,45 @@ define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@o
                         metadata: metadata
                     },
                     searchText
-                })
-                : undefined;
+                });
+            };
         }, [itemTemplate]);
+        const stableCollectionTemplateContextRef = (0, hooks_1.useRef)();
+        const cache = (0, index_1.useCache)();
+        const collectionRenderer = (0, hooks_1.useMemo)(() => {
+            if (!collectionTemplate)
+                return undefined;
+            return ({ currentRowKeyOverride, onPersistCurrentRowKey, onSelectedChange, searchText, selected, selectedOnlyData }) => {
+                if (dataStateOverride !== selectedOnlyData) {
+                    setDataStateOverride(selectedOnlyData);
+                }
+                const newCollectionTemplateContext = {
+                    currentRowOverride: cache('currentRowOverride', currentRowKeyOverride ? { rowKey: currentRowKeyOverride } : undefined, [currentRowKeyOverride, searchText]),
+                    data: dataProvider,
+                    onCurrentRowChanged: cache('onCurrentRowChanged', ({ rowKey }) => {
+                        onPersistCurrentRowKey({ value: rowKey });
+                    }, [onPersistCurrentRowKey]),
+                    onSelectedChanged: cache('onSelectedChanged', (detail) => {
+                        if (detail.value?.keys.all === false) {
+                            const immutableSet = detail.value.keys.keys;
+                            const current = selected ?? new Set();
+                            const next = new Set(immutableSet.values());
+                            if (!(0, utils_1.isSetEqual)(current, next))
+                                onSelectedChange({ value: next });
+                        }
+                    }, [selected, onSelectedChange]),
+                    searchText,
+                    selected: cache('selected', new ojkeyset_1.KeySetImpl([...(selected?.values() ?? [])]), [selected])
+                };
+                if (!stableCollectionTemplateContextRef.current) {
+                    stableCollectionTemplateContextRef.current = newCollectionTemplateContext;
+                }
+                else {
+                    Object.assign(stableCollectionTemplateContextRef.current, newCollectionTemplateContext);
+                }
+                return collectionTemplate(stableCollectionTemplateContextRef.current);
+            };
+        }, [cache, collectionTemplate, dataProvider, dataStateOverride]);
         const _selectItemsByValue = (0, hooks_1.useCallback)(async (value) => {
             return onCommit({
                 value: value ?? undefined,
@@ -6126,7 +6789,8 @@ define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@o
             methods,
             selectMultipleProps: {
                 'aria-describedby': ariaDescribedBy,
-                data: listDataState.data,
+                collectionRenderer,
+                data: dataState.status !== 'error' ? dataState.data : null,
                 isDisabled: disabled,
                 isLoading,
                 isReadonly: readonly,
@@ -6154,7 +6818,7 @@ define('oj-c/select-multiple/useSelectMultiplePreact',["require", "exports", "@o
 });
 
 
-define('oj-c/select-multiple/select-multiple',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SelectMultiple", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "ojs/ojcontext", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "./useSelectMultiplePreact", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "css!oj-c/select-multiple/select-multiple-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SelectMultiple_1, UNSAFE_useTabbableMode_1, Context, ojvcomponent_1, compat_1, hooks_1, useAssistiveText_1, useSelectMultiplePreact_1, UNSAFE_useFormContext_1, useMergedFormContext_1, UNSAFE_useFormVariantContext_1, Layout_1) {
+define('oj-c/select-multiple/select-multiple',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SelectMultiple", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "./useSelectMultiplePreact", "ojs/ojcontext", "css!oj-c/select-multiple/select-multiple-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SelectMultiple_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, Layout_1, useAssistiveText_1, useMergedFormContext_1, ojvcomponent_1, compat_1, hooks_1, useSelectMultiplePreact_1, Context) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SelectMultiple = void 0;
@@ -6214,7 +6878,7 @@ define('oj-c/select-multiple/select-multiple',["require", "exports", "preact/jsx
         const variant = (0, UNSAFE_useFormVariantContext_1.useFormVariantContext)();
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, class: Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan], children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_SelectMultiple_1.SelectMultiple, { ref: selectMultipleRef, ...assistiveTextProps, ...selectMultipleProps, variant: variant }) }) }));
     }
-    exports.SelectMultiple = (0, ojvcomponent_1.registerCustomElement)('oj-c-select-multiple', (0, compat_1.forwardRef)(SelectMultipleImpl), "SelectMultiple", { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "data": { "type": "DataProvider|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "itemText": { "type": "string|number|function" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "matchBy": { "type": "Array<string>|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "object|null", "writeback": true }, "valueItems": { "type": "object|null", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "search", "auto", "url", "text", "email", "tel"] }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "slots": { "itemTemplate": { "data": {} } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value", "valueItems"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {}, "_selectItemsByValue": {} } }, { "columnSpan": 1, "data": null, "disabled": false, "displayOptions": { "messages": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "matchBy": null, "messagesCustom": [], "required": false, "value": null, "valueItems": null, "virtualKeyboard": "auto" }, {
+    exports.SelectMultiple = (0, ojvcomponent_1.registerCustomElement)('oj-c-select-multiple', (0, compat_1.forwardRef)(SelectMultipleImpl), "SelectMultiple", { "slots": { "collectionTemplate": { "data": {} }, "itemTemplate": { "data": {} } }, "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "data": { "type": "DataProvider|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "itemText": { "type": "string|number|function" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "matchBy": { "type": "Array<string>|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "object|null", "writeback": true }, "valueItems": { "type": "object|null", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "search", "auto", "url", "text", "email", "tel"] }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value", "valueItems"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {}, "_selectItemsByValue": {} } }, { "columnSpan": 1, "data": null, "disabled": false, "displayOptions": { "messages": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "matchBy": null, "messagesCustom": [], "required": false, "value": null, "valueItems": null, "virtualKeyboard": "auto" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
@@ -6372,13 +7036,13 @@ define('oj-c/select-single/useValueItem',["require", "exports", "@oracle/oraclej
     exports.useValueItem = useValueItem;
 });
 
-define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "oj-c/editable-value/utils/utils", "oj-c/hooks/UNSAFE_useListData/useListData", "oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners", "oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider", "oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState", "oj-c/select-common/utils/utils", "preact/hooks", "./useSyncValueAndValueItem", "./useValueItem"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1, useValidators_1, utils_1, useListData_1, useDataProviderListeners_1, useWrapDataProvider_1, useWrapValueState_1, utils_2, hooks_1, useSyncValueAndValueItem_1, useValueItem_1) {
+define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue", "oj-c/editable-value/UNSAFE_useValidators/useValidators", "oj-c/editable-value/utils/utils", "oj-c/select-common/PRIVATE_useCache/index", "oj-c/select-common/PRIVATE_useSelectData/index", "oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners", "oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState", "oj-c/select-common/utils/utils", "ojs/ojkeyset", "preact/hooks", "./useSyncValueAndValueItem", "./useValueItem"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1, useValidators_1, utils_1, index_1, index_2, useDataProviderListeners_1, useWrapValueState_1, utils_2, ojkeyset_1, hooks_1, useSyncValueAndValueItem_1, useValueItem_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useSelectSinglePreact = void 0;
-    function useSelectSinglePreact({ advancedSearch, data: propData, disabled, displayOptions, itemTemplate, itemText, labelEdge, labelHint, labelStartWidth, matchBy: propMatchBy, messagesCustom, placeholder, readonly, requiredMessageDetail: propRequiredMessageDetail, required, textAlign, userAssistanceDensity, value: propValue, valueItem: propValueItem, virtualKeyboard, onMessagesCustomChanged, onOjAdvancedSearchAction, onOjValueAction, onValidChanged, onValueChanged, onValueItemChanged, ...otherProps }, addBusyState) {
+    function useSelectSinglePreact({ advancedSearch, collectionTemplate, data, disabled, displayOptions, itemTemplate, itemText, labelEdge, labelHint, labelStartWidth, matchBy: propMatchBy, messagesCustom, placeholder, readonly, requiredMessageDetail: propRequiredMessageDetail, required, textAlign, userAssistanceDensity, value: propValue, valueItem: propValueItem, virtualKeyboard, onMessagesCustomChanged, onOjAdvancedSearchAction, onOjValueAction, onValidChanged, onValueChanged, onValueItemChanged, ...otherProps }, addBusyState) {
         const [filterCriterion, setFilterCriterion] = (0, hooks_1.useState)(undefined);
-        const [isLoading, setIsLoading] = (0, hooks_1.useState)(propData != null && propValue != null && propValueItem == null);
+        const [isLoading, setIsLoading] = (0, hooks_1.useState)(data != null && propValue != null && propValueItem == null);
         const matchBy = (0, hooks_1.useMemo)(() => {
             return propMatchBy && propMatchBy.length > 0 ? [...propMatchBy] : undefined;
         }, [propMatchBy]);
@@ -6412,7 +7076,11 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
         });
         const { 'aria-describedby': ariaDescribedBy, messages } = textFieldProps;
         const hasNoValue = value === null;
-        const dataProvider = (0, useWrapDataProvider_1.useWrapDataProvider)(propData);
+        const { dataProvider, dataState, onLoadRange } = (0, index_2.useSelectData)({
+            data,
+            filterCriterion,
+            hasCollectionTemplate: collectionTemplate !== undefined
+        });
         const [valueToSync, setValueToSync] = (0, hooks_1.useState)(value);
         const [valueItemToSync, setValueItemToSync] = (0, hooks_1.useState)(valueItem);
         (0, hooks_1.useEffect)(() => {
@@ -6440,10 +7108,6 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
             valueItem: valueItemToSync,
             validateValueOnExternalChange
         });
-        const [listDataState, onLoadRange] = (0, useListData_1.useListData)(dataProvider, {
-            filterCriterion,
-            initialRowsFetched: 0
-        });
         const onCommit = (0, hooks_1.useCallback)(async ({ previousValue, value }) => {
             const valueToCommit = value != null ? value : utils_2.DEFAULT_VALUE;
             setDisplayValue(valueToCommit);
@@ -6451,7 +7115,7 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
             if (validationResult === useValidators_1.ValidationResult.INVALID) {
                 setPreactValueItem(undefined);
             }
-            else if (validationResult === useValidators_1.ValidationResult.VALID && listDataState.status === 'success') {
+            else if (validationResult === useValidators_1.ValidationResult.VALID && dataState.status === 'success') {
                 if (value == null) {
                     onOjValueAction?.({
                         itemContext: utils_2.DEFAULT_ITEM_CONTEXT,
@@ -6470,7 +7134,7 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
                     }
                 }
                 else {
-                    const data = listDataState.data.data;
+                    const data = dataState.data.data;
                     let item = data.find((item) => item.metadata.key === value);
                     if (item === undefined) {
                         const fetchResults = await dataProvider.fetchByKeys({ keys: new Set([value]) });
@@ -6490,7 +7154,7 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
             }
         }, [
             dataProvider,
-            listDataState,
+            dataState,
             preactValueItem,
             valueItem,
             onCommitValue,
@@ -6501,17 +7165,48 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
             const fc = (0, utils_2.getFilterCriterion)(dataProvider, searchText, matchBy);
             setFilterCriterion(fc);
         }, [dataProvider, matchBy]);
-        const itemRenderer = (0, hooks_1.useCallback)(({ data, metadata, searchText }) => {
-            return itemTemplate
-                ? itemTemplate({
+        const itemRenderer = (0, hooks_1.useMemo)(() => {
+            if (!itemTemplate)
+                return undefined;
+            return ({ data, metadata, searchText }) => {
+                return itemTemplate({
                     item: {
                         data: data,
                         metadata: metadata
                     },
                     searchText
-                })
-                : undefined;
+                });
+            };
         }, [itemTemplate]);
+        const stableCollectionTemplateContextRef = (0, hooks_1.useRef)();
+        const cache = (0, index_1.useCache)();
+        const collectionRenderer = (0, hooks_1.useMemo)(() => {
+            if (!collectionTemplate)
+                return undefined;
+            return ({ currentRowKeyOverride, searchText, selected, onPersistCurrentRowKey, onRowAction }) => {
+                const newCollectionTemplateContext = {
+                    currentRowOverride: cache('currentRowOverride', currentRowKeyOverride ? { rowKey: currentRowKeyOverride } : undefined, [currentRowKeyOverride, searchText]),
+                    data: dataProvider,
+                    onCurrentRowChanged: cache('onCurrentRowChanged', ({ rowKey }) => {
+                        onPersistCurrentRowKey({ value: rowKey });
+                    }, [onPersistCurrentRowKey]),
+                    onRowAction: cache('onRowAction', ({ item }) => {
+                        onRowAction({
+                            context: { data: item.data, key: item.metadata.key, metadata: item.metadata }
+                        });
+                    }, [onRowAction]),
+                    searchText,
+                    selected: cache('selected', new ojkeyset_1.KeySetImpl([...(selected?.values() ?? [])]), [selected])
+                };
+                if (!stableCollectionTemplateContextRef.current) {
+                    stableCollectionTemplateContextRef.current = newCollectionTemplateContext;
+                }
+                else {
+                    Object.assign(stableCollectionTemplateContextRef.current, newCollectionTemplateContext);
+                }
+                return collectionTemplate(stableCollectionTemplateContextRef.current);
+            };
+        }, [cache, collectionTemplate, dataProvider]);
         const _selectItemByValue = (0, hooks_1.useCallback)(async (value) => {
             return onCommit({
                 value: value ?? undefined,
@@ -6529,13 +7224,14 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
             selectSingleProps: {
                 advancedSearch,
                 'aria-describedby': ariaDescribedBy,
-                data: listDataState.data,
+                collectionRenderer,
+                data: dataState.status !== 'error' ? dataState.data : null,
                 isDisabled: disabled,
                 isLoading,
                 isReadonly: readonly,
                 isRequired: required,
                 isRequiredShown: required && (userAssistanceDensity === 'compact' || hasNoValue),
-                itemRenderer: itemTemplate ? itemRenderer : undefined,
+                itemRenderer,
                 itemText,
                 label: labelHint,
                 labelEdge,
@@ -6559,7 +7255,7 @@ define('oj-c/select-single/useSelectSinglePreact',["require", "exports", "@oracl
 });
 
 
-define('oj-c/select-single/select-single',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/UNSAFE_SelectSingle", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojcontext", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "./useSelectSinglePreact", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "css!oj-c/select-single/select-single-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_useFormContext_1, useMergedFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, UNSAFE_SelectSingle_1, useAssistiveText_1, Context, ojvcomponent_1, compat_1, hooks_1, useSelectSinglePreact_1, Layout_1) {
+define('oj-c/select-single/select-single',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SelectSingle", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "./useSelectSinglePreact", "ojs/ojcontext", "css!oj-c/select-single/select-single-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SelectSingle_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, Layout_1, useAssistiveText_1, useMergedFormContext_1, ojvcomponent_1, compat_1, hooks_1, useSelectSinglePreact_1, Context) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SelectSingle = void 0;
@@ -6621,7 +7317,7 @@ define('oj-c/select-single/select-single',["require", "exports", "preact/jsx-run
         const variant = (0, UNSAFE_useFormVariantContext_1.useFormVariantContext)();
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, class: Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan], children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(UNSAFE_SelectSingle_1.SelectSingle, { ref: selectSingleRef, ...assistiveTextProps, ...selectSingleProps, variant: variant }) }) }));
     }
-    exports.SelectSingle = (0, ojvcomponent_1.registerCustomElement)('oj-c-select-single', (0, compat_1.forwardRef)(SelectSingleImpl), "SelectSingle", { "properties": { "advancedSearch": { "type": "string", "enumValues": ["off", "on"] }, "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "data": { "type": "DataProvider|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "itemText": { "type": "string|number|function" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "matchBy": { "type": "Array<string>|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "any", "writeback": true }, "valueItem": { "type": "object|null", "properties": { "data": { "type": "any" }, "key": { "type": "any" }, "metadata": { "type": "object", "properties": { "indexFromParent": { "type": "number" }, "isLeaf": { "type": "boolean" }, "key": { "type": "any" }, "message": { "type": "object", "properties": { "detail": { "type": "string" }, "severity": { "type": "string|number" }, "summary": { "type": "string" } } }, "parentKey": { "type": "any" }, "suggestion": { "type": "object" }, "treeDepth": { "type": "number" } } } }, "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "search", "auto", "url", "text", "email", "tel"] }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "slots": { "itemTemplate": { "data": {} } }, "events": { "ojAdvancedSearchAction": {}, "ojValueAction": {} }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value", "valueItem"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {}, "_doAdvancedSearchAction": {}, "_selectItemByValue": {} } }, { "advancedSearch": "off", "columnSpan": 1, "data": null, "disabled": false, "displayOptions": { "messages": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "matchBy": null, "messagesCustom": [], "required": false, "value": null, "valueItem": null, "virtualKeyboard": "auto" }, {
+    exports.SelectSingle = (0, ojvcomponent_1.registerCustomElement)('oj-c-select-single', (0, compat_1.forwardRef)(SelectSingleImpl), "SelectSingle", { "properties": { "advancedSearch": { "type": "string", "enumValues": ["off", "on"] }, "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "data": { "type": "DataProvider|null" }, "disabled": { "type": "boolean" }, "displayOptions": { "type": "object", "properties": { "messages": { "type": "string", "enumValues": ["none", "display"] } } }, "help": { "type": "object", "properties": { "instruction": { "type": "string" } } }, "helpHints": { "type": "object", "properties": { "definition": { "type": "string" }, "source": { "type": "string" }, "sourceText": { "type": "string" } } }, "itemText": { "type": "string|number|function" }, "labelEdge": { "type": "string", "enumValues": ["none", "start", "top", "inside"], "binding": { "consume": { "name": "containerLabelEdge" } } }, "labelHint": { "type": "string" }, "labelStartWidth": { "type": "number|string", "binding": { "consume": { "name": "labelWidth" } } }, "labelWrapping": { "type": "string", "enumValues": ["truncate", "wrap"], "binding": { "consume": { "name": "labelWrapping" } } }, "matchBy": { "type": "Array<string>|null" }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "placeholder": { "type": "string" }, "readonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "required": { "type": "boolean" }, "requiredMessageDetail": { "type": "string" }, "textAlign": { "type": "string", "enumValues": ["end", "start", "right"] }, "userAssistanceDensity": { "type": "string", "enumValues": ["compact", "reflow", "efficient"], "binding": { "consume": { "name": "containerUserAssistanceDensity" } } }, "value": { "type": "any", "writeback": true }, "valueItem": { "type": "object|null", "properties": { "data": { "type": "any" }, "key": { "type": "any" }, "metadata": { "type": "object", "properties": { "indexFromParent": { "type": "number" }, "isLeaf": { "type": "boolean" }, "key": { "type": "any" }, "message": { "type": "object", "properties": { "detail": { "type": "string" }, "severity": { "type": "string|number" }, "summary": { "type": "string" } } }, "parentKey": { "type": "any" }, "suggestion": { "type": "object" }, "treeDepth": { "type": "number" } } } }, "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "search", "auto", "url", "text", "email", "tel"] }, "valid": { "type": "string", "enumValues": ["pending", "valid", "invalidHidden", "invalidShown"], "readOnly": true, "writeback": true } }, "slots": { "collectionTemplate": { "data": {} }, "itemTemplate": { "data": {} } }, "events": { "ojAdvancedSearchAction": {}, "ojValueAction": {} }, "extension": { "_WRITEBACK_PROPS": ["messagesCustom", "valid", "value", "valueItem"], "_READ_ONLY_PROPS": ["valid"], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "id"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {}, "_doAdvancedSearchAction": {}, "_selectItemByValue": {} } }, { "advancedSearch": "off", "columnSpan": 1, "data": null, "disabled": false, "displayOptions": { "messages": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "matchBy": null, "messagesCustom": [], "required": false, "value": null, "valueItem": null, "virtualKeyboard": "auto" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
@@ -6787,11 +7483,11 @@ define('oj-c/file-picker',["require", "exports", "oj-c/file-picker/file-picker"]
 });
 
 
-define('oj-c/meter-bar/meter-bar',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_MeterBar", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "css!oj-c/meter-bar/meter-bar-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_MeterBar_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1) {
+define('oj-c/meter-bar/meter-bar',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_MeterBar", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "@oracle/oraclejet-preact/utils/UNSAFE_stringUtils", "css!oj-c/meter-bar/meter-bar-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_MeterBar_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1, UNSAFE_stringUtils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MeterBar = void 0;
-    exports.MeterBar = (0, ojvcomponent_1.registerCustomElement)('oj-c-meter-bar', ({ max = 100, value = 0, min = 0, size = 'md', orientation = 'horizontal', step = 1, indicatorSize = 1, readonly = false, thresholdDisplay = 'indicator', ...props }) => {
+    exports.MeterBar = (0, ojvcomponent_1.registerCustomElement)('oj-c-meter-bar', ({ max = 100, value = 0, min = 0, size = 'md', orientation = 'horizontal', step = 1, indicatorSize = 1, readonly = false, thresholdDisplay = 'indicator', baseline, ...props }) => {
         const [hoveredVal, setHoveredVal] = (0, hooks_1.useState)();
         const inputHandler = (detail) => {
             setHoveredVal(detail.value);
@@ -6806,12 +7502,14 @@ define('oj-c/meter-bar/meter-bar',["require", "exports", "preact/jsx-runtime", '
                 color: (0, meterUtils_1.getThresholdColorByIndex)(threshold, index)
             };
         });
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { class: `oj-c-meter-bar-${orientation}${size === 'fit' ? '-fit' : ''}`, children: (0, jsx_runtime_1.jsx)(UNSAFE_MeterBar_1.MeterBar, { value: (hoveredVal != undefined ? hoveredVal : value), step: step, max: max, min: min, size: size, orientation: orientation, indicatorSize: indicatorSize, datatip: props.datatip
+        const preactMeterBarAriaLabelledBy = (0, UNSAFE_stringUtils_1.merge)([props['aria-labelledby'], props.labelledBy]);
+        const preactMeterBarAriaDescribedBy = (0, UNSAFE_stringUtils_1.merge)([props['aria-describedby'], props.describedBy]);
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { class: `oj-c-meter-bar-${orientation}${size === 'fit' ? '-fit' : ''}`, children: (0, jsx_runtime_1.jsx)(UNSAFE_MeterBar_1.MeterBar, { value: (hoveredVal != undefined ? hoveredVal : value), step: step, max: max, min: min, size: size, orientation: orientation, indicatorSize: indicatorSize, baseline: baseline, datatip: props.datatip
                     ? props.datatip({
                         value: hoveredVal != undefined ? hoveredVal : value
                     })
-                    : props.datatip, onCommit: readonly ? undefined : commitHandler, onInput: readonly ? undefined : inputHandler, length: '100%', thresholds: thresholds, referenceLines: props.referenceLines, thresholdDisplay: thresholdDisplay === 'plotArea' ? 'track' : thresholdDisplay, indicatorColor: props.color, trackColor: props.plotArea?.color, isTrackRendered: props.plotArea?.rendered !== 'off', "aria-label": props['aria-label'], "aria-labelledby": props.labelledBy ?? undefined, "aria-describedby": props.describedBy ?? undefined }) }));
-    }, "MeterBar", { "properties": { "max": { "type": "number" }, "min": { "type": "number" }, "readonly": { "type": "boolean" }, "value": { "type": "number|null", "writeback": true }, "step": { "type": "number" }, "color": { "type": "string" }, "indicatorSize": { "type": "number" }, "plotArea": { "type": "object", "properties": { "color": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["off", "on"] } } }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "referenceLines": { "type": "Array<object>" }, "thresholdDisplay": { "type": "string", "enumValues": ["all", "plotArea", "indicator"] }, "thresholds": { "type": "Array<object>" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg", "fit"] }, "datatip": { "type": "function" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, { "max": 100, "value": 0, "min": 0, "size": "md", "orientation": "horizontal", "step": 1, "indicatorSize": 1, "readonly": false, "thresholdDisplay": "indicator" }, {
+                    : props.datatip, onCommit: readonly ? undefined : commitHandler, onInput: readonly ? undefined : inputHandler, length: '100%', thresholds: thresholds, referenceLines: props.referenceLines, thresholdDisplay: thresholdDisplay === 'plotArea' ? 'track' : thresholdDisplay, indicatorColor: props.color, trackColor: props.plotArea?.color, isTrackRendered: props.plotArea?.rendered !== 'off', "aria-label": props['aria-label'], "aria-labelledby": preactMeterBarAriaLabelledBy ?? undefined, "aria-describedby": preactMeterBarAriaDescribedBy ?? undefined }) }));
+    }, "MeterBar", { "properties": { "max": { "type": "number" }, "min": { "type": "number" }, "readonly": { "type": "boolean" }, "value": { "type": "number|null", "writeback": true }, "baseline": { "type": "number" }, "step": { "type": "number" }, "color": { "type": "string" }, "indicatorSize": { "type": "number" }, "plotArea": { "type": "object", "properties": { "color": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["off", "on"] } } }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "referenceLines": { "type": "Array<object>" }, "thresholdDisplay": { "type": "string", "enumValues": ["all", "plotArea", "indicator"] }, "thresholds": { "type": "Array<object>" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg", "fit"] }, "datatip": { "type": "function" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-labelledby", "aria-describedby"] } }, { "max": 100, "value": 0, "min": 0, "size": "md", "orientation": "horizontal", "step": 1, "indicatorSize": 1, "readonly": false, "thresholdDisplay": "indicator" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
@@ -6824,7 +7522,7 @@ define('oj-c/meter-bar',["require", "exports", "oj-c/meter-bar/meter-bar"], func
 });
 
 
-define('oj-c/meter-circle/meter-circle',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_MeterCircle", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "css!oj-c/meter-circle/meter-circle-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_MeterCircle_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1) {
+define('oj-c/meter-circle/meter-circle',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_MeterCircle", "ojs/ojvcomponent", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "../utils/UNSAFE_meterUtils/meterUtils", "@oracle/oraclejet-preact/utils/UNSAFE_stringUtils", "css!oj-c/meter-circle/meter-circle-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_MeterCircle_1, ojvcomponent_1, hooks_1, UNSAFE_useTabbableMode_1, meterUtils_1, UNSAFE_stringUtils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MeterCircle = void 0;
@@ -6843,14 +7541,16 @@ define('oj-c/meter-circle/meter-circle',["require", "exports", "preact/jsx-runti
                 color: (0, meterUtils_1.getThresholdColorByIndex)(threshold, index)
             };
         });
+        const preactMeterCircleAriaLabelledBy = (0, UNSAFE_stringUtils_1.merge)([props['aria-labelledby'], props.labelledBy]);
+        const preactMeterCircleAriaDescribedBy = (0, UNSAFE_stringUtils_1.merge)([props['aria-describedby'], props.describedBy]);
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { class: size === 'fit' ? 'oj-c-meter-circle-fit' : undefined, children: (0, jsx_runtime_1.jsx)(UNSAFE_MeterCircle_1.MeterCircle, { value: (hoveredVal != undefined ? hoveredVal : value), step: step, max: max, min: min, size: size, angleExtent: angleExtent, startAngle: startAngle, indicatorSize: indicatorSize, innerRadius: props.innerRadius, datatip: props.datatip
                     ? props.datatip({
                         value: hoveredVal != undefined ? hoveredVal : value
                     })
-                    : props.datatip, onCommit: readonly ? undefined : commitHandler, onInput: readonly ? undefined : inputHandler, thresholds: thresholds, trackColor: props.plotArea?.color, indicatorColor: props.color, isTrackRendered: props.plotArea?.rendered !== 'off', referenceLines: props.referenceLines, thresholdDisplay: thresholdDisplay === 'plotArea' ? 'track' : thresholdDisplay, "aria-label": props['aria-label'], "aria-labelledby": props.labelledBy ?? undefined, "aria-describedby": props.describedBy ?? undefined, children: (context) => {
+                    : props.datatip, onCommit: readonly ? undefined : commitHandler, onInput: readonly ? undefined : inputHandler, thresholds: thresholds, trackColor: props.plotArea?.color, indicatorColor: props.color, isTrackRendered: props.plotArea?.rendered !== 'off', referenceLines: props.referenceLines, thresholdDisplay: thresholdDisplay === 'plotArea' ? 'track' : thresholdDisplay, "aria-label": props['aria-label'], "aria-labelledby": preactMeterCircleAriaLabelledBy ?? undefined, "aria-describedby": preactMeterCircleAriaDescribedBy ?? undefined, children: (context) => {
                     return props.centerTemplate?.({ value, ...context });
                 } }) }));
-    }, "MeterCircle", { "properties": { "max": { "type": "number" }, "min": { "type": "number" }, "readonly": { "type": "boolean" }, "value": { "type": "number|null", "writeback": true }, "step": { "type": "number" }, "color": { "type": "string" }, "indicatorSize": { "type": "number" }, "innerRadius": { "type": "number" }, "plotArea": { "type": "object", "properties": { "color": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["off", "on"] } } }, "angleExtent": { "type": "number" }, "startAngle": { "type": "number" }, "referenceLines": { "type": "Array<object>" }, "thresholdDisplay": { "type": "string", "enumValues": ["all", "plotArea", "indicator"] }, "thresholds": { "type": "Array<object>" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg", "fit"] }, "datatip": { "type": "function" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "slots": { "centerTemplate": { "data": {} } }, "extension": { "_WRITEBACK_PROPS": ["value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, { "max": 100, "value": 0, "min": 0, "size": "md", "step": 1, "readonly": false, "startAngle": 90, "indicatorSize": 1, "angleExtent": 360, "thresholdDisplay": "indicator" }, {
+    }, "MeterCircle", { "properties": { "max": { "type": "number" }, "min": { "type": "number" }, "readonly": { "type": "boolean" }, "value": { "type": "number|null", "writeback": true }, "step": { "type": "number" }, "color": { "type": "string" }, "indicatorSize": { "type": "number" }, "innerRadius": { "type": "number" }, "plotArea": { "type": "object", "properties": { "color": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["off", "on"] } } }, "angleExtent": { "type": "number" }, "startAngle": { "type": "number" }, "referenceLines": { "type": "Array<object>" }, "thresholdDisplay": { "type": "string", "enumValues": ["all", "plotArea", "indicator"] }, "thresholds": { "type": "Array<object>" }, "describedBy": { "type": "string|null" }, "labelledBy": { "type": "string|null" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg", "fit"] }, "datatip": { "type": "function" }, "transientValue": { "type": "number", "readOnly": true, "writeback": true } }, "slots": { "centerTemplate": { "data": {} } }, "extension": { "_WRITEBACK_PROPS": ["value", "transientValue"], "_READ_ONLY_PROPS": ["transientValue"], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-labelledby", "aria-describedby"] } }, { "max": 100, "value": 0, "min": 0, "size": "md", "step": 1, "readonly": false, "startAngle": 90, "indicatorSize": 1, "angleExtent": 360, "thresholdDisplay": "indicator" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
@@ -6867,10 +7567,11 @@ define('oj-c/line-chart/line-chart',["require", "exports", "preact/jsx-runtime",
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LineChart = void 0;
-    function LineChartComp({ data, hideAndShowBehavior = 'none', orientation = 'vertical', xAxis, yAxis, hoverBehavior = 'none', valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling = 'off', hiddenCategories = [], timeAxisType, highlightedCategories = [], highlightMatch = 'any', selection = [], selectionMode = 'none', stack = 'off', legend = {
-        rendered: 'on',
-        position: 'auto'
-    }, ...props }) {
+    const HIGHLIGHTED_DEFAULT = [];
+    const SELECTION_DEFAULT = [];
+    const HIDDEN_DEFAULT = [];
+    const LEGEND_DEFAULT = { rendered: 'on', position: 'auto' };
+    function LineChartComp({ data, hideAndShowBehavior = 'none', orientation = 'vertical', xAxis, yAxis, hoverBehavior = 'none', valueFormats, plotArea, zoomAndScroll, itemTemplate, seriesTemplate, groupTemplate, seriesComparator, groupComparator, drilling = 'off', hiddenCategories = HIDDEN_DEFAULT, timeAxisType, highlightedCategories = HIGHLIGHTED_DEFAULT, highlightMatch = 'any', selection = SELECTION_DEFAULT, selectionMode = 'none', stack = 'off', legend = LEGEND_DEFAULT, ...props }) {
         const rootRef = (0, hooks_1.useRef)(null);
         const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-line-chart');
         const { series, groups, getDataItem, isLoading } = (0, useChartData_1.useChartData)(data, addBusyState, itemTemplate, seriesTemplate, groupTemplate, 'oj-c-line-chart-item', 'oj-c-line-chart-series', 'oj-c-line-chart-group', seriesComparator, groupComparator);
@@ -6911,7 +7612,7 @@ define('oj-c/line-chart/line-chart',["require", "exports", "preact/jsx-runtime",
         const chartLegend = isLegendRendered && legendData.length > 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_Legend_1.Legend, { items: legendData, orientation: legendPosition === 'start' || legendPosition === 'end' ? 'vertical' : 'horizontal', isReadOnly: !isLegendInteractive, highlightedIds: highlightedIds.length === 0 ? undefined : highlightedIds, hiddenIds: hiddenIds.length === 0 ? undefined : hiddenIds, symbolHeight: legend.symbolHeight, symbolWidth: legend.symbolWidth, onItemAction: legendItemActionHandler, onItemHover: legendItemInputHandler, onItemFocus: legendItemInputHandler })) : undefined;
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(UNSAFE_VisProgressiveLoader_1.VisProgressiveLoader, { isLoading: isLoading, type: "line", "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'], children: (0, jsx_runtime_1.jsx)(UNSAFE_ChartWithLegend_1.ChartWithLegend, { chart: chart, position: legendPosition, maxSize: legend.maxSize, size: legend.size, legend: chartLegend }) }) }));
     }
-    exports.LineChart = (0, ojvcomponent_1.registerCustomElement)('oj-c-line-chart', LineChartComp, "LineChart", { "properties": { "groupComparator": { "type": "function" }, "stack": { "type": "string", "enumValues": ["off", "on"] }, "drilling": { "type": "string", "enumValues": ["off", "on", "groupsOnly", "seriesOnly"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "timeAxisType": { "type": "string", "enumValues": ["enabled", "mixedFrequency", "skipGaps"] }, "yAxis": { "type": "object", "properties": { "dataMax": { "type": "number" }, "dataMin": { "type": "number" }, "max": { "type": "number" }, "min": { "type": "number" }, "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object|" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "rotation": { "type": "string", "enumValues": ["auto", "none"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "plotArea": { "type": "object", "properties": { "backgroundColor": { "type": "string" } } }, "zoomAndScroll": { "type": "string", "enumValues": ["off", "live"] }, "valueFormats": { "type": "object", "properties": { "group": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "series": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "value": { "type": "object", "properties": { "converter": { "type": "object" }, "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } } } }, "seriesComparator": { "type": "function" }, "data": { "type": "DataProvider|null" }, "selectionMode": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "selection": { "type": "Array<any>", "writeback": true }, "dragMode": { "type": "string", "enumValues": ["pan", "select", "off", "user", "zoom"] }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["none", "withoutRescale", "withRescale"] }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "highlightMatch": { "type": "string", "enumValues": ["all", "any"] }, "legend": { "type": "object", "properties": { "position": { "type": "string", "enumValues": ["auto", "end", "start", "top", "bottom"] }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] }, "maxSize": { "type": "number|string" }, "size": { "type": "number|string" }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" } } } }, "slots": { "itemTemplate": { "data": {} }, "seriesTemplate": { "data": {} }, "groupTemplate": { "data": {} } }, "events": { "ojItemDrill": {}, "ojSeriesDrill": {}, "ojGroupDrill": {}, "ojViewportChange": {} }, "extension": { "_WRITEBACK_PROPS": ["selection", "hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "hideAndShowBehavior": "none", "orientation": "vertical", "hoverBehavior": "none", "drilling": "off", "hiddenCategories": [], "highlightedCategories": [], "highlightMatch": "any", "selection": [], "selectionMode": "none", "stack": "off", "legend": { "rendered": "on", "position": "auto" } }, {
+    exports.LineChart = (0, ojvcomponent_1.registerCustomElement)('oj-c-line-chart', LineChartComp, "LineChart", { "properties": { "groupComparator": { "type": "function" }, "stack": { "type": "string", "enumValues": ["off", "on"] }, "drilling": { "type": "string", "enumValues": ["off", "on", "groupsOnly", "seriesOnly"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "timeAxisType": { "type": "string", "enumValues": ["enabled", "mixedFrequency", "skipGaps"] }, "yAxis": { "type": "object", "properties": { "dataMax": { "type": "number" }, "dataMin": { "type": "number" }, "max": { "type": "number" }, "min": { "type": "number" }, "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "tickLabel": { "type": "object", "properties": { "converter": { "type": "object|Array<object>" }, "rendered": { "type": "string", "enumValues": ["off", "on"] }, "rotation": { "type": "string", "enumValues": ["auto", "none"] }, "style": { "type": "object" } } }, "viewportMin": { "type": "number" }, "viewportMax": { "type": "number" }, "step": { "type": "number" }, "size": { "type": "number" }, "scale": { "type": "string", "enumValues": ["linear", "log"] }, "title": { "type": "string" }, "titleStyle": { "type": "object" } } }, "plotArea": { "type": "object", "properties": { "backgroundColor": { "type": "string" } } }, "zoomAndScroll": { "type": "string", "enumValues": ["off", "live"] }, "valueFormats": { "type": "object", "properties": { "group": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "series": { "type": "object", "properties": { "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } }, "value": { "type": "object", "properties": { "converter": { "type": "object" }, "tooltipLabel": { "type": "string" }, "tooltipDisplay": { "type": "string", "enumValues": ["auto", "off"] } } } } }, "seriesComparator": { "type": "function" }, "data": { "type": "DataProvider|null" }, "selectionMode": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "selection": { "type": "Array<any>", "writeback": true }, "dragMode": { "type": "string", "enumValues": ["pan", "select", "off", "user", "zoom"] }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["none", "withoutRescale", "withRescale"] }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "highlightMatch": { "type": "string", "enumValues": ["all", "any"] }, "legend": { "type": "object", "properties": { "position": { "type": "string", "enumValues": ["auto", "end", "start", "top", "bottom"] }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] }, "maxSize": { "type": "number|string" }, "size": { "type": "number|string" }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" } } } }, "slots": { "itemTemplate": { "data": {} }, "seriesTemplate": { "data": {} }, "groupTemplate": { "data": {} } }, "events": { "ojItemDrill": {}, "ojSeriesDrill": {}, "ojGroupDrill": {}, "ojViewportChange": {} }, "extension": { "_WRITEBACK_PROPS": ["selection", "hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "hideAndShowBehavior": "none", "orientation": "vertical", "hoverBehavior": "none", "drilling": "off", "hiddenCategories": [], "highlightedCategories": [], "highlightMatch": "any", "selection": [], "selectionMode": "none", "stack": "off", "legend": { "rendered": "on", "position": "auto" } }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -6984,7 +7685,7 @@ define('oj-c/line-chart-group',["require", "exports", "oj-c/line-chart-group/lin
 });
 
 
-define('oj-c/list-item-layout/list-item-layout',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_ListItemLayout", "@oracle/oraclejet-preact/UNSAFE_Inset", "ojs/ojvcomponent", "css!oj-c/list-item-layout/list-item-layout-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_ListItemLayout_1, UNSAFE_Inset_1, ojvcomponent_1) {
+define('oj-c/list-item-layout/list-item-layout',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_ListItemLayout", "@oracle/oraclejet-preact/UNSAFE_Inset", "@oracle/oraclejet-preact/hooks/UNSAFE_useCollectionInteractionContext", "ojs/ojvcomponent", "css!oj-c/list-item-layout/list-item-layout-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_ListItemLayout_1, UNSAFE_Inset_1, UNSAFE_useCollectionInteractionContext_1, ojvcomponent_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ListItemLayout = void 0;
@@ -6992,11 +7693,11 @@ define('oj-c/list-item-layout/list-item-layout',["require", "exports", "preact/j
         const primary = children;
         const actionSlot = otherProps.action ? ((0, jsx_runtime_1.jsx)("div", { "data-oj-clickthrough": "disabled", children: otherProps.action })) : undefined;
         const navSlot = otherProps.navigation ? ((0, jsx_runtime_1.jsx)("div", { "data-oj-clickthrough": "disabled", children: otherProps.navigation })) : undefined;
-        const layout = otherProps.inset === 'none' ? ((0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot })) : ((0, jsx_runtime_1.jsx)(UNSAFE_Inset_1.Inset, { variant: "listview", children: (0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot }) }));
+        const layout = otherProps.inset === 'none' ? ((0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { verticalAlignment: otherProps.verticalAlignment, primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot })) : ((0, jsx_runtime_1.jsx)(UNSAFE_Inset_1.Inset, { variant: "listview", children: (0, jsx_runtime_1.jsx)(UNSAFE_ListItemLayout_1.ListItemLayout, { verticalAlignment: otherProps.verticalAlignment, primary: primary, overline: otherProps.overline, selector: otherProps.selector, leading: otherProps.leading, secondary: otherProps.secondary, tertiary: otherProps.tertiary, metadata: otherProps.metadata, trailing: otherProps.trailing, action: actionSlot, quaternary: otherProps.quaternary, navigation: navSlot }) }));
         return (0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: layout });
-    }, "ListItemLayout", { "slots": { "": {}, "overline": {}, "selector": {}, "leading": {}, "secondary": {}, "tertiary": {}, "metadata": {}, "trailing": {}, "action": {}, "quaternary": {}, "navigation": {} }, "properties": { "inset": { "type": "string", "enumValues": ["none", "listInset"] } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, undefined, {
+    }, "ListItemLayout", { "slots": { "": {}, "overline": {}, "selector": {}, "leading": {}, "secondary": {}, "tertiary": {}, "metadata": {}, "trailing": {}, "action": {}, "quaternary": {}, "navigation": {} }, "properties": { "inset": { "type": "string", "enumValues": ["none", "listInset"] }, "verticalAlignment": { "type": "string", "enumValues": ["top", "middle"] } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    });
+    }, { consume: [UNSAFE_useCollectionInteractionContext_1.CollectionInteractionContext] });
 });
 
 define('oj-c/list-item-layout',["require", "exports", "oj-c/list-item-layout/list-item-layout"], function (require, exports, list_item_layout_1) {
@@ -7010,12 +7711,15 @@ define('oj-c/list-view/useHandleRemoveCurrentKey',["require", "exports", "preact
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useHandleRemoveCurrentKey = void 0;
-    function useHandleRemoveCurrentKey(dataState, currentKey, onChange) {
+    function useHandleRemoveCurrentKey(dataState, updateCurrentKey) {
         const prevDataState = (0, hooks_1.useRef)();
+        const currentItemRef = (0, hooks_1.useRef)();
+        const notifyCurrentItemChanged = (detail) => {
+            currentItemRef.current = detail.value;
+        };
         (0, hooks_1.useEffect)(() => {
             const oldDataState = prevDataState.current;
-            if (currentKey &&
-                onChange &&
+            if (currentItemRef.current &&
                 oldDataState &&
                 dataState &&
                 oldDataState.offset === dataState.offset &&
@@ -7023,18 +7727,18 @@ define('oj-c/list-view/useHandleRemoveCurrentKey',["require", "exports", "preact
                 const newKeys = dataState.data.map((dataMetadata) => {
                     return dataMetadata.metadata.key;
                 });
-                if (newKeys.indexOf(currentKey) === -1) {
+                if (newKeys.indexOf(currentItemRef.current.rowKey) === -1) {
                     const oldKeys = oldDataState?.data.map((dataMetadata) => {
                         return dataMetadata.metadata.key;
                     });
-                    let index = oldKeys.indexOf(currentKey);
+                    let index = oldKeys.indexOf(currentItemRef.current.rowKey);
                     if (index > -1) {
                         const backward = index === oldKeys.length - 1;
                         while (index >= 0 && index < oldKeys.length) {
                             index = backward ? index - 1 : index + 1;
                             const newCurrentKey = oldKeys[index];
                             if (newKeys.indexOf(newCurrentKey) > -1) {
-                                onChange({ value: newCurrentKey });
+                                updateCurrentKey(newCurrentKey);
                                 break;
                             }
                         }
@@ -7042,7 +7746,10 @@ define('oj-c/list-view/useHandleRemoveCurrentKey',["require", "exports", "preact
                 }
             }
             prevDataState.current = dataState;
-        }, [dataState, currentKey, onChange]);
+        }, [dataState, updateCurrentKey]);
+        return {
+            notifyCurrentItemChanged
+        };
     }
     exports.useHandleRemoveCurrentKey = useHandleRemoveCurrentKey;
 });
@@ -7058,7 +7765,7 @@ define('oj-c/list-view/useListViewPreact',["require", "exports", "preact/hooks",
             fetchSize: scrollPolicyOptions?.fetchSize
         });
         const listData = listDataState.status !== 'error' ? listDataState.data : null;
-        const [currentItem, setCurrentItem] = (0, hooks_1.useState)();
+        const [currentItemOverride, setCurrentItemOverride] = (0, hooks_1.useState)();
         const firstSelectedItemRef = (0, hooks_1.useRef)();
         const numOfSelectedItems = !selected?.keys.all
             ? selected?.keys.keys?.size
@@ -7086,8 +7793,12 @@ define('oj-c/list-view/useListViewPreact',["require", "exports", "preact/hooks",
             }
         }, [listDataState.status, addBusyState]);
         const handleOnCurrentItemChanged = (detail) => {
-            setCurrentItem(detail.value);
-            onCurrentItemChanged && onCurrentItemChanged(detail.value);
+            const item = detail.value;
+            item && onCurrentItemChanged?.(item.rowKey);
+            notifyCurrentItemChanged(detail);
+        };
+        const updateCurrentItemOverride = (key) => {
+            setCurrentItemOverride({ rowKey: key });
         };
         const handleOnOjFirstSelectedItem = (0, hooks_1.useCallback)((data) => {
             if (selected && onOjFirstSelectedItem && propData) {
@@ -7163,7 +7874,7 @@ define('oj-c/list-view/useListViewPreact',["require", "exports", "preact/hooks",
             };
         }, [propData, onOjFirstSelectedItem]);
         const dataState = listDataState.status === 'error' ? null : listDataState.data;
-        (0, useHandleRemoveCurrentKey_1.useHandleRemoveCurrentKey)(dataState, currentItem, handleOnCurrentItemChanged);
+        const { notifyCurrentItemChanged } = (0, useHandleRemoveCurrentKey_1.useHandleRemoveCurrentKey)(dataState, updateCurrentItemOverride);
         const viewportConfig = scrollPolicyOptions?.scroller
             ? {
                 scroller: () => {
@@ -7190,10 +7901,10 @@ define('oj-c/list-view/useListViewPreact',["require", "exports", "preact/hooks",
                 'aria-label': ariaLabel,
                 'aria-labelledby': ariaLabelledBy,
                 data: listData ? listData.data : null,
-                currentKey: currentItem,
+                currentItemOverride: currentItemOverride,
                 getRowKey,
                 gridlines,
-                onCurrentKeyChange: handleOnCurrentItemChanged,
+                onPersistCurrentItem: handleOnCurrentItemChanged,
                 hasMore: listData ? listData.sizePrecision === 'atLeast' : false,
                 onLoadMore,
                 onSelectionChange: handleOnSelectionChanged,
@@ -7340,7 +8051,7 @@ define('oj-c/utils/PRIVATE_ItemsMenu/items-menu',["require", "exports", "preact/
         function getCommit(key, selection, onSelection) {
             return (detail) => {
                 onSelection?.({ value: detail.value });
-                onOjMenuSelection?.({ value: detail.value });
+                onOjMenuSelection?.({ value: detail.value, menuSelectionGroupKey: key });
                 onSelectionChanged?.(setSelectionValue(selection, key, detail.value));
             };
         }
@@ -7351,7 +8062,7 @@ define('oj-c/utils/PRIVATE_ItemsMenu/items-menu',["require", "exports", "preact/
                         return (0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuSeparator, {});
                     case 'submenu':
                         if (item.items && item.label && !isSplitMenu) {
-                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.Submenu, { label: item.label, children: (0, jsx_runtime_1.jsx)(exports.ItemsMenu, { items: item.items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuAction: onOjMenuAction }) }));
+                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.Submenu, { label: item.label, children: (0, jsx_runtime_1.jsx)(exports.ItemsMenu, { items: item.items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuAction: onOjMenuAction, onOjMenuSelection: onOjMenuSelection }) }));
                         }
                         return;
                     case 'selectsingle':
@@ -7397,9 +8108,10 @@ define('oj-c/list-view/list-view',["require", "exports", "preact/jsx-runtime", '
                         menuItemKey: key,
                         contextMenuContext: itemDetail
                     });
-                }, onOjMenuSelection: ({ value }) => {
+                }, onOjMenuSelection: ({ value, menuSelectionGroupKey }) => {
                     onOjContextMenuSelection?.({
                         value,
+                        menuSelectionGroupKey,
                         contextMenuContext: itemDetail
                     });
                 } }));
@@ -7427,11 +8139,14 @@ define('oj-c/list-view/list-view',["require", "exports", "preact/jsx-runtime", '
     };
     const ListViewImpl = ({ selectionMode = 'none', reorderable = { items: 'disabled' }, ...rest }) => {
         const rootRef = (0, hooks_1.useRef)();
-        const busyContextRef = (0, hooks_1.useRef)(Context.getContext(rootRef.current).getBusyContext());
         const addBusyState = (0, hooks_1.useCallback)((desc) => {
-            return busyContextRef.current?.addBusyState({
-                description: `oj-c-list-view: ${desc}`
-            });
+            return rootRef.current
+                ? Context.getContext(rootRef.current)
+                    .getBusyContext()
+                    .addBusyState({
+                    description: `oj-c-list-view: ${desc}`
+                })
+                : () => { };
         }, []);
         const isClickthroughDisabled = (0, hooks_1.useCallback)((target) => {
             if (target === null || rootRef.current === undefined) {
@@ -7471,22 +8186,26 @@ define('oj-c/list-view',["require", "exports", "oj-c/list-view/list-view"], func
     Object.defineProperty(exports, "ListView", { enumerable: true, get: function () { return list_view_1.ListView; } });
 });
 
-define('oj-c/radioset/useRadiosetPreact',["require", "exports", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue"], function (require, exports, UNSAFE_useTranslationBundle_1, useEditableValue_1) {
+define('oj-c/radioset/useRadiosetPreact',["require", "exports", "oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators", "oj-c/hooks/UNSAFE_useEditableValue/index", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle"], function (require, exports, useDeferredValidators_1, index_1, UNSAFE_useTranslationBundle_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.useRadiosetPreact = void 0;
     function useRadiosetPreact({ direction, disabled, displayOptions, labelEdge, labelHint, labelStartWidth, messagesCustom, readonly, requiredMessageDetail: propRequiredMessageDetail, required, userAssistanceDensity, value: propValue, onMessagesCustomChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
         const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
         const requiredMessageDetail = propRequiredMessageDetail || translations.radio_requiredMessageDetail();
-        const { value, methods, textFieldProps } = (0, useEditableValue_1.useEditableValue)({
+        const deferredValidators = (0, useDeferredValidators_1.useDeferredValidators)({
+            labelHint,
+            required,
+            requiredMessageDetail
+        });
+        const { value, methods, textFieldProps } = (0, index_1.useEditableValue)({
             ariaDescribedBy: otherProps['aria-describedby'],
+            deferredValidators,
+            defaultDisplayValue: null,
             disabled,
             displayOptions,
-            labelHint,
             messagesCustom,
             readonly,
-            required,
-            requiredMessageDetail,
             value: propValue,
             addBusyState,
             onMessagesCustomChanged,
@@ -7672,7 +8391,7 @@ define('oj-c/split-menu-button',["require", "exports", "oj-c/split-menu-button/s
     Object.defineProperty(exports, "SplitMenuButton", { enumerable: true, get: function () { return split_menu_button_1.SplitMenuButton; } });
 });
 
-define('oj-c/selector/selector',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_Selector", "ojs/ojvcomponent", "../utils/UNSAFE_keyUtils/keySetUtils", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_Selector_1, ojvcomponent_1, keySetUtils_1, UNSAFE_useTabbableMode_1) {
+define('oj-c/selector/selector',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_Selector", "ojs/ojvcomponent", "../utils/UNSAFE_keyUtils/keySetUtils", "@oracle/oraclejet-preact/hooks/UNSAFE_useCollectionInteractionContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_Selector_1, ojvcomponent_1, keySetUtils_1, UNSAFE_useCollectionInteractionContext_1, UNSAFE_useTabbableMode_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Selector = void 0;
@@ -7683,7 +8402,7 @@ define('oj-c/selector/selector',["require", "exports", "preact/jsx-runtime", '@o
     };
     exports.Selector = (0, ojvcomponent_1.registerCustomElement)('oj-c-selector', SelectorImpl, "Selector", { "properties": { "rowKey": { "type": "any" }, "selectedKeys": { "type": "object", "writeback": true }, "indeterminate": { "type": "boolean" }, "selectionMode": { "type": "string", "enumValues": ["multiple", "single"] } }, "extension": { "_WRITEBACK_PROPS": ["selectedKeys"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label"] } }, { "indeterminate": false, "selectionMode": "multiple" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
+    }, { consume: [UNSAFE_useCollectionInteractionContext_1.CollectionInteractionContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
 
 define('oj-c/selector',["require", "exports", "oj-c/selector/selector"], function (require, exports, selector_1) {
@@ -7950,7 +8669,11 @@ define('oj-c/legend/legend',["require", "exports", "preact/jsx-runtime", '@oracl
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LinearLegend = exports.Legend = void 0;
-    function LegendComp({ data = null, drilling = 'off', halign = 'start', valign = 'top', hiddenCategories = [], hideAndShowBehavior = 'off', highlightedCategories = [], hoverBehavior = 'none', orientation = 'vertical', symbolHeight = 0, symbolWidth = 0, textStyle = {}, sectionTitleStyle = {}, sectionTitleHalign = 'start', ...props }) {
+    const HIGHLIGHTED_DEFAULT = [];
+    const HIDDEN_DEFAULT = [];
+    const TEXTSTYLE_DEFAULT = {};
+    const SECTION_TITLE_DEFAULT = {};
+    function LegendComp({ data = null, drilling = 'off', halign = 'start', valign = 'top', hiddenCategories = HIDDEN_DEFAULT, hideAndShowBehavior = 'off', highlightedCategories = HIGHLIGHTED_DEFAULT, hoverBehavior = 'none', orientation = 'vertical', symbolHeight = 0, symbolWidth = 0, textStyle = TEXTSTYLE_DEFAULT, sectionTitleStyle = SECTION_TITLE_DEFAULT, sectionTitleHalign = 'start', ...props }) {
         const rootRef = (0, hooks_1.useRef)(null);
         const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-legend');
         const isTreeData = (0, utils_1.isTreeDataProvider)(data);
@@ -8125,7 +8848,10 @@ define('oj-c/tag-cloud/tag-cloud',["require", "exports", "preact/jsx-runtime", '
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TagCloud = void 0;
-    function TagCloudComp({ hiddenCategories = [], data = null, highlightedCategories = [], hoverBehavior = 'none', layout = 'rectangular', selection = [], selectionMode = 'none', highlightMatch = 'all', ...props }) {
+    const HIGHLIGHTED_DEFAULT = [];
+    const SELECTION_DEFAULT = [];
+    const HIDDEN_DEFAULT = [];
+    function TagCloudComp({ hiddenCategories = HIDDEN_DEFAULT, data = null, highlightedCategories = HIGHLIGHTED_DEFAULT, hoverBehavior = 'none', layout = 'rectangular', selection = SELECTION_DEFAULT, selectionMode = 'none', highlightMatch = 'all', ...props }) {
         const rootRef = (0, hooks_1.useRef)(null);
         const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-tag-cloud');
         const { data: compData } = (0, useDataProvider_1.useDataProvider)({
@@ -8878,14 +9604,14 @@ define('oj-c/tab-bar/DataTabBar',["require", "exports", "preact/jsx-runtime", "p
     exports.DataTabBar = DataTabBar;
 });
 
-define('oj-c/tab-bar/tab-bar',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "oj-c/hooks/UNSAFE_useDataProvider/useDataProvider", "ojs/ojcontext", "./DataTabBar", "preact/hooks"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, useDataProvider_1, Context, DataTabBar_1, hooks_1) {
+define('oj-c/tab-bar/tab-bar',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "oj-c/hooks/UNSAFE_useDataProvider/useDataProvider", "ojs/ojcontext", "./DataTabBar", "preact/hooks", "preact/compat"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, useDataProvider_1, Context, DataTabBar_1, hooks_1, compat_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TabBar = void 0;
     function isDataProvider(data) {
         return data && 'fetchFirst' in data;
     }
-    exports.TabBar = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar', ({ data = [], onOjBeforeSelect, onOjRemove, onOjReorder, onOjSelectionAction, onSelectionChanged, reorderable = 'disabled', overflow = 'hidden', selection, display = 'standard', layout = 'stretch', edge = 'top', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby }) => {
+    exports.TabBar = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar', (0, compat_1.forwardRef)(({ data = [], onOjBeforeSelect, onOjRemove, onOjReorder, onOjSelectionAction, onSelectionChanged, reorderable = 'disabled', overflow = 'hidden', selection, display = 'standard', layout = 'stretch', edge = 'top', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, id }, ref) => {
         const rootRef = (0, hooks_1.useRef)();
         const addBusyState = (0, hooks_1.useCallback)((description = 'MessageBanner: busyState') => {
             return rootRef.current
@@ -8943,8 +9669,14 @@ define('oj-c/tab-bar/tab-bar',["require", "exports", "preact/jsx-runtime", '@ora
                 }
             })();
         };
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(DataTabBar_1.DataTabBar, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, data: dataArr, onRemove: handleRemove, onReorder: handleReorder, onSelect: handleSelect, reorderable: reorderable, selection: selection, display: display, edge: edge, layout: layout, overflow: overflow }) }));
-    }, "TabBar", { "properties": { "data": { "type": "Array<object>|DataProvider" }, "selection": { "type": "any", "writeback": true }, "reorderable": { "type": "string", "enumValues": ["disabled", "enabled"] }, "overflow": { "type": "string", "enumValues": ["hidden", "popup", "conveyor"] }, "display": { "type": "string", "enumValues": ["standard", "icons", "stacked"] }, "layout": { "type": "string", "enumValues": ["stretch", "condense"] }, "edge": { "type": "string", "enumValues": ["top", "bottom"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojReorder": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] } }, { "data": [], "reorderable": "disabled", "overflow": "hidden", "display": "standard", "layout": "stretch", "edge": "top" }, {
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            _doReorderHelper: (tabBarKeys) => {
+                onOjReorder && onOjReorder({ reorderedKeys: tabBarKeys });
+                return Promise.resolve();
+            }
+        }));
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, children: (0, jsx_runtime_1.jsx)(DataTabBar_1.DataTabBar, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, data: dataArr, onRemove: handleRemove, onReorder: handleReorder, onSelect: handleSelect, reorderable: reorderable, selection: selection, display: display, edge: edge, layout: layout, overflow: overflow }) }));
+    }), "TabBar", { "properties": { "data": { "type": "Array<object>|DataProvider" }, "selection": { "type": "any", "writeback": true }, "reorderable": { "type": "string", "enumValues": ["disabled", "enabled"] }, "overflow": { "type": "string", "enumValues": ["hidden", "popup", "conveyor"] }, "display": { "type": "string", "enumValues": ["standard", "icons", "stacked"] }, "layout": { "type": "string", "enumValues": ["stretch", "condense"] }, "edge": { "type": "string", "enumValues": ["top", "bottom"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojReorder": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] }, "methods": { "_doReorderHelper": {} } }, { "data": [], "reorderable": "disabled", "overflow": "hidden", "display": "standard", "layout": "stretch", "edge": "top" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -9031,7 +9763,7 @@ define('oj-c/tab-bar-mixed/DataTabBarMixed',["require", "exports", "preact/jsx-r
         };
         const badgeTotal = (0, sumBadge_1.sumBadge)(dynamicTabs);
         const isDividerVisible = staticTabs.length > 0 && dynamicTabs.length > 0;
-        return ((0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarMixed, { onRemove: onRemove, onSelect: handleSelect, selection: selection, size: size, ref: tabBarMixedRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children: [(0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarLayout, { layout: "stretch", display: staticTabsDisplay, children: [staticTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarItem, { icon: tab.icon ? ((0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { label: staticTabsDisplay === 'icons' ? tab.label : undefined, icon: tab.icon })) : undefined, itemKey: tab.itemKey, label: tab.label, "aria-controls": tab.tabPanelId }))), dynamicTabsOverflow === 'popup' && ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.OverflowTabBarItem, { badge: badgeTotal > 0 ? badgeTotal.toString() : undefined, icon: (0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { icon: dynamicTabsOverflowIcon }), isOpen: isOverflowMenuOpen, onClose: handleClose, overflowItemKey: "overflow", overflowItems: dynamicTabs.map((tab) => ({
+        return ((0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarMixed, { onRemove: onRemove, onSelect: handleSelect, selection: selection, size: size, ref: tabBarMixedRef, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children: [(0, jsx_runtime_1.jsxs)(UNSAFE_TabBarMixed_1.TabBarLayout, { layout: "stretch", display: staticTabsDisplay, children: [staticTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarItem, { icon: tab.icon ? ((0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { label: staticTabsDisplay === 'icons' ? tab.label : undefined, icon: tab.icon })) : undefined, itemKey: tab.itemKey, label: tab.label, badge: tab.badge ? tab.badge.toString() : undefined, "aria-controls": tab.tabPanelId }))), dynamicTabsOverflow === 'popup' && ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.OverflowTabBarItem, { badge: badgeTotal > 0 ? badgeTotal.toString() : undefined, icon: (0, jsx_runtime_1.jsx)(DataTabBarMixedIcon_1.DataTabBarMixedIcon, { icon: dynamicTabsOverflowIcon }), isOpen: isOverflowMenuOpen, onClose: handleClose, overflowItemKey: "overflow", overflowItems: dynamicTabs.map((tab) => ({
                                 itemKey: tab.itemKey,
                                 badge: tab.badge ? tab.badge.toString() : undefined,
                                 label: tab.label,
@@ -9046,7 +9778,7 @@ define('oj-c/tab-bar-mixed/tab-bar-mixed',["require", "exports", "preact/jsx-run
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TabBarMixed = void 0;
     exports.TabBarMixed = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar-mixed', (props) => {
-        const { dynamicTabs = [], dynamicTabsOverflow = 'conveyor', dynamicTabsOverflowIcon = { type: 'class', class: 'oj-ux-ico-collection' }, onOjBeforeSelect, onOjRemove, onOjSelectionAction, onSelectionChanged, selection, separatorPadding = '3rem', size, staticTabs = [], staticTabsDisplay = 'standard', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+        const { dynamicTabs = [], dynamicTabsOverflow = 'conveyor', dynamicTabsOverflowIcon = { type: 'class', class: 'oj-ux-ico-collection' }, onOjBeforeSelect, onOjRemove, onOjSelectionAction, onSelectionChanged, selection, separatorPadding = '3rem', size, staticTabs = [], staticTabsDisplay = 'standard', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, id } = props;
         const handleRemove = (event) => {
             if (onOjRemove) {
                 onOjRemove({ key: event.value });
@@ -9075,7 +9807,7 @@ define('oj-c/tab-bar-mixed/tab-bar-mixed',["require", "exports", "preact/jsx-run
                 }
             })();
         };
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay }) }));
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay }) }));
     }, "TabBarMixed", { "properties": { "dynamicTabs": { "type": "Array<object>" }, "dynamicTabsOverflow": { "type": "string", "enumValues": ["popup", "conveyor"] }, "dynamicTabsOverflowIcon": { "type": "object" }, "size": { "type": "string", "enumValues": ["md", "lg"] }, "selection": { "type": "any", "writeback": true }, "separatorPadding": { "type": "string" }, "staticTabs": { "type": "Array<object>" }, "staticTabsDisplay": { "type": "string", "enumValues": ["standard", "icons"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
@@ -9215,7 +9947,6 @@ define('oj-c/card-view/card-view',["require", "exports", "preact/jsx-runtime", '
     };
     const CardViewImpl = ({ columns = 'auto', data = null, focusBehavior = 'card', gutterSize = 'sm', initialAnimation = 'slideUp', scrollPolicyOptions = { fetchSize: 25 }, selectionMode = 'none', reorderable = { items: 'disabled' }, ...rest }) => {
         const rootRef = (0, hooks_1.useRef)();
-        const busyContextRef = (0, hooks_1.useRef)(Context.getContext(rootRef.current).getBusyContext());
         const isClickthroughDisabled = (0, hooks_1.useCallback)((target) => {
             if (target === null || rootRef.current === undefined) {
                 return false;
@@ -9223,9 +9954,13 @@ define('oj-c/card-view/card-view',["require", "exports", "preact/jsx-runtime", '
             return isEventClickthroughDisabled({ target }, rootRef.current);
         }, []);
         const addBusyState = (0, hooks_1.useCallback)((desc) => {
-            return busyContextRef.current?.addBusyState({
-                description: `oj-c-card-view: ${desc}`
-            });
+            return rootRef.current
+                ? Context.getContext(rootRef.current)
+                    .getBusyContext()
+                    .addBusyState({
+                    description: `oj-c-card-view: ${desc}`
+                })
+                : () => { };
         }, []);
         const props = {
             columns,
@@ -9694,3 +10429,427 @@ define('oj-c/buttonset-multiple',["require", "exports", "oj-c/buttonset-multiple
     Object.defineProperty(exports, "ButtonsetMultiple", { enumerable: true, get: function () { return buttonset_multiple_1.ButtonsetMultiple; } });
 });
 
+
+define('oj-c/progress-button/progress-button',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_ProgressButton", "@oracle/oraclejet-preact/UNSAFE_IconProgressButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "preact/hooks", "preact/compat", "css!oj-c/progress-button/progress-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, UNSAFE_ProgressButton_1, UNSAFE_IconProgressButton_1, UNSAFE_useTabbableMode_1, UNSAFE_useTooltip_1, UNSAFE_mergeProps_1, hooks_1, compat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ProgressButton = void 0;
+    function ProgressButtonImpl({ chroming = 'outlined', disabled = false, size = 'md', display = 'all', startIcon, edge = 'none', tooltip, isLoading, width, label, onOjAction, ...otherProps }, ref) {
+        const rootRef = (0, hooks_1.useRef)();
+        const buttonRef = (0, hooks_1.useRef)();
+        const iconButtonRef = (0, hooks_1.useRef)();
+        const isLabelButton = display != 'icons' || (!startIcon && display == 'icons');
+        const widthSize = { width: edge === 'bottom' ? '100%' : width };
+        const widthProps = width || edge !== 'none' ? { style: widthSize } : {};
+        const ariaProps = { 'aria-label': label };
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            blur: () => (isLabelButton ? buttonRef.current?.blur() : iconButtonRef?.current?.blur()),
+            focus: () => (isLabelButton ? buttonRef.current?.focus() : iconButtonRef?.current?.focus()),
+            click: () => (isLabelButton ? buttonRef.current?.click() : iconButtonRef?.current?.click())
+        }), [isLabelButton, buttonRef, iconButtonRef]);
+        if (isLabelButton) {
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, ...widthProps, children: (0, jsx_runtime_1.jsx)(FunctionalProgressButton, { ref: buttonRef, type: "submit", variant: chroming, isDisabled: disabled, width: '100%', onAction: onOjAction, startIcon: startIcon, isLoading: isLoading, size: size, label: display == 'icons' ? (!startIcon ? label : '') : label, display: display != 'icons' ? display : 'all', ...otherProps }) }));
+        }
+        else {
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, ...widthProps, children: (0, jsx_runtime_1.jsx)(FunctionalIconProgressButton, { width: '100%', ref: iconButtonRef, type: "submit", variant: chroming, isDisabled: disabled, isLoading: isLoading, tooltip: label, onAction: onOjAction, size: size, ...ariaProps, ...otherProps, children: startIcon }) }));
+        }
+    }
+    exports.ProgressButton = (0, ojvcomponent_1.registerCustomElement)('oj-c-progress-button', (0, compat_1.forwardRef)(ProgressButtonImpl), "ProgressButton", { "properties": { "label": { "type": "string" }, "tooltip": { "type": "string" }, "disabled": { "type": "boolean" }, "isLoading": { "type": "boolean" }, "width": { "type": "number|string" }, "display": { "type": "string", "enumValues": ["all", "label", "icons"] }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "edge": { "type": "string", "enumValues": ["none", "bottom"] }, "chroming": { "type": "string", "enumValues": ["solid", "borderless", "outlined", "callToAction"], "binding": { "consume": { "name": "containerChroming" } } } }, "slots": { "startIcon": {} }, "events": { "ojAction": { "bubbles": true } }, "methods": { "focus": {}, "blur": {}, "click": {} } }, { "chroming": "outlined", "disabled": false, "size": "md", "display": "all", "edge": "none" }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
+    const FunctionalProgressButton = (0, compat_1.forwardRef)((props, ref) => {
+        const buttonRef = (0, hooks_1.useRef)();
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => buttonRef.current?.focus(),
+            blur: () => buttonRef.current?.blur(),
+            click: () => buttonRef.current?.click()
+        }), []);
+        const { tooltipContent, tooltipProps } = (0, UNSAFE_useTooltip_1.useTooltip)({
+            text: props.tooltip,
+            isDisabled: props.isDisabled
+        });
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(UNSAFE_ProgressButton_1.ProgressButton, { ref: buttonRef, ...(0, UNSAFE_mergeProps_1.mergeProps)(props, tooltipProps) }), tooltipContent] }));
+    });
+    const FunctionalIconProgressButton = (0, compat_1.forwardRef)((props, ref) => {
+        const iconButtonRef = (0, hooks_1.useRef)();
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => iconButtonRef.current?.focus(),
+            blur: () => iconButtonRef.current?.blur(),
+            click: () => iconButtonRef.current?.click()
+        }), []);
+        return (0, jsx_runtime_1.jsx)(UNSAFE_IconProgressButton_1.IconProgressButton, { ref: iconButtonRef, ...props });
+    });
+});
+
+define('oj-c/progress-button',["require", "exports", "oj-c/progress-button/progress-button"], function (require, exports, progress_button_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ProgressButton = void 0;
+    Object.defineProperty(exports, "ProgressButton", { enumerable: true, get: function () { return progress_button_1.ProgressButton; } });
+});
+
+
+define('oj-c/table/table',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojcustomelement-registry", "ojs/ojcontext", "ojs/ojvcomponent", "preact/hooks", "../hooks/UNSAFE_useListData/useListData", "@oracle/oraclejet-preact/UNSAFE_TableView", "ojs/ojkeyset", "../utils/UNSAFE_keyUtils/keySetUtils", "@oracle/oraclejet-preact/hooks/UNSAFE_useCollectionInteractionContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "css!oj-c/table/table-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojcustomelement_registry_1, Context, ojvcomponent_1, hooks_1, useListData_1, UNSAFE_TableView_1, ojkeyset_1, keySetUtils_1, UNSAFE_useCollectionInteractionContext_1, UNSAFE_useFormVariantContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Table = void 0;
+    const _SELECTION_COLUMN_KEY = 'oj-c-table_selection';
+    const _selectedDefault = {};
+    const _selectionModeDefault = { row: 'none', column: 'none' };
+    const _scrollPolicyOptionsDefault = { fetchSize: 25 };
+    const _defaultHeaderRenderer = (headerText) => {
+        return headerText != null ? ((0, jsx_runtime_1.jsx)("div", { class: "oj-c-table-header-div", children: (0, jsx_runtime_1.jsx)("span", { class: "oj-c-table-header-span", children: headerText }) })) : undefined;
+    };
+    const _isClickthroughDisabled = function (element) {
+        return element.dataset['ojClickthrough'] === 'disabled';
+    };
+    const _isEventClickthroughDisabled = function (event, rootElement) {
+        let node = event.target;
+        while (node != null && node !== rootElement) {
+            if (_isClickthroughDisabled(node)) {
+                return true;
+            }
+            node = node.parentNode;
+        }
+        return false;
+    };
+    function TableImpl({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, id, data, columns, row, horizontalGridVisible = 'enabled', verticalGridVisible = 'disabled', layout = 'contents', currentCellOverride, onCurrentCellChanged, selected = _selectedDefault, selectionMode = _selectionModeDefault, onSelectedChanged, selectAllControl = 'visible', columnOrder, cellTemplate, headerTemplate, footerTemplate, templates, onOjRowAction, noData, columnWidths, scrollPolicyOptions = _scrollPolicyOptionsDefault }) {
+        const rootRef = (0, hooks_1.useRef)(null);
+        const tableViewRef = (0, hooks_1.useRef)(null);
+        const isClickthroughDisabled = (0, hooks_1.useCallback)((target) => {
+            if (target == null || rootRef.current == null) {
+                return false;
+            }
+            return _isEventClickthroughDisabled({ target }, rootRef.current);
+        }, []);
+        const [listDataState, onLoadRange] = (0, useListData_1.useListData)(data, {
+            fetchSize: scrollPolicyOptions?.fetchSize
+        });
+        const onLoadMore = (0, hooks_1.useCallback)(() => {
+            if (listDataState.status === 'success' && listDataState.data && onLoadRange) {
+                const fetchSize = scrollPolicyOptions && scrollPolicyOptions.fetchSize != null
+                    ? scrollPolicyOptions.fetchSize
+                    : 25;
+                onLoadRange({ offset: 0, count: listDataState.data.data.length + fetchSize });
+            }
+        }, [listDataState, onLoadRange, scrollPolicyOptions]);
+        const hasMore = listDataState.status === 'loading' ||
+            (listDataState.status === 'success' && listDataState.data.sizePrecision === 'atLeast');
+        const realizedColumnWidths = (0, hooks_1.useMemo)(() => {
+            const preactColumnWidths = { ...columnWidths };
+            if (selectionMode?.row === 'multiple') {
+                preactColumnWidths[_SELECTION_COLUMN_KEY] = 36;
+            }
+            return preactColumnWidths;
+        }, [selectionMode?.row, columnWidths]);
+        function getRowContext(context) {
+            const { data } = context;
+            return {
+                item: data
+            };
+        }
+        const tableCellSelectorRenderer = (context) => {
+            return context.selector != null ? context.selector() : undefined;
+        };
+        const tableHeaderSelectorRenderer = (context) => {
+            return context.selector != null ? ((0, jsx_runtime_1.jsx)("div", { "data-oj-table-selector": 'all', children: context.selector() })) : undefined;
+        };
+        function getPreactHeaderRenderer(headerTemplate) {
+            return (context) => {
+                const templateContext = {
+                    key: context.key,
+                    headerText: context.headerText,
+                    isTabbable: context.isTabbable
+                };
+                return headerTemplate
+                    ? headerTemplate(templateContext)
+                    : _defaultHeaderRenderer(templateContext.headerText);
+            };
+        }
+        function getPreactFooterRenderer(footerTemplate, footerText) {
+            if (footerTemplate || footerText != null) {
+                return (context) => {
+                    const templateContext = {
+                        key: context.key,
+                        footerText: context.footerText,
+                        isTabbable: context.isTabbable
+                    };
+                    return footerTemplate ? footerTemplate(templateContext) : footerText;
+                };
+            }
+            return undefined;
+        }
+        function getPreactNoDataRenderer(noData) {
+            if (noData) {
+                return (context) => {
+                    return noData({ isTabbable: context.isTabbable });
+                };
+            }
+            return undefined;
+        }
+        function getPreactCellRenderer(cellTemplate, field) {
+            return (context) => {
+                const templateContext = {
+                    item: context.rowData,
+                    columnKey: context.columnKey,
+                    data: field != null ? context.rowData.data[field] : undefined,
+                    isTabbable: context.isTabbable
+                };
+                return cellTemplate
+                    ? cellTemplate(templateContext)
+                    : templateContext.data != null
+                        ? String(templateContext.data)
+                        : undefined;
+            };
+        }
+        function getPreactColumns(cols, globalCellTemplate, globalHeaderTemplate, globalFooterTemplate, templates) {
+            const preactColumns = {};
+            if (selectionMode?.row === 'multiple') {
+                preactColumns[_SELECTION_COLUMN_KEY] = {
+                    stickyEdge: 'start',
+                    selectable: 'disabled',
+                    renderer: tableCellSelectorRenderer,
+                    headerRenderer: selectAllControl !== 'hidden' ? tableHeaderSelectorRenderer : undefined,
+                    padding: 'disabled',
+                    headerPadding: 'disabled'
+                };
+            }
+            Object.keys(cols).forEach((key) => {
+                const colKey = key;
+                const column = cols[colKey];
+                const cellRenderer = column.template && templates && templates[column.template]
+                    ? getPreactCellRenderer(templates[column.template], column.field)
+                    : getPreactCellRenderer(globalCellTemplate, column.field);
+                const headerCellRenderer = column.headerTemplate && templates && templates[column.headerTemplate]
+                    ? getPreactHeaderRenderer(templates[column.headerTemplate])
+                    : getPreactHeaderRenderer(globalHeaderTemplate);
+                const footerCellRenderer = column.footerTemplate && templates && templates[column.footerTemplate]
+                    ? getPreactFooterRenderer(templates[column.footerTemplate], column.footerText)
+                    : getPreactFooterRenderer(globalFooterTemplate, column.footerText);
+                const headerText = column.headerText ?? undefined;
+                const footerText = column.footerText ?? undefined;
+                const maxWidth = column.maxWidth ?? undefined;
+                const minWidth = column.minWidth ?? undefined;
+                const weight = column.weight ?? undefined;
+                let padding;
+                const columnPadding = column.padding;
+                if (typeof columnPadding === 'function') {
+                    padding = (context) => {
+                        const internalContext = getRowContext(context);
+                        return columnPadding(internalContext);
+                    };
+                }
+                else {
+                    padding = columnPadding ?? 'enabled';
+                }
+                const headerPadding = column.headerPadding ?? 'enabled';
+                const footerPadding = column.footerPadding ?? 'enabled';
+                preactColumns[colKey] = {
+                    headerText: headerText,
+                    footerText: footerText,
+                    renderer: cellRenderer,
+                    headerRenderer: headerCellRenderer,
+                    footerRenderer: footerCellRenderer,
+                    maxWidth,
+                    minWidth,
+                    weight,
+                    padding,
+                    headerPadding,
+                    footerPadding
+                };
+            });
+            return preactColumns;
+        }
+        const handleKeyDown = (0, hooks_1.useCallback)((event) => {
+            if (event.key === ' ') {
+                const targetElement = event.target;
+                if (targetElement.children.length > 0 &&
+                    targetElement.children[0].dataset['ojTableSelector'] === 'all') {
+                    let newRowSelection;
+                    if (selected.row?.isAddAll() && selected.row.keys.deletedKeys?.size === 0) {
+                        newRowSelection = new ojkeyset_1.KeySetImpl();
+                    }
+                    else {
+                        newRowSelection = new ojkeyset_1.AllKeySetImpl();
+                    }
+                    onSelectedChanged({
+                        row: newRowSelection,
+                        column: new ojkeyset_1.KeySetImpl()
+                    });
+                }
+            }
+        }, [onSelectedChanged, selected]);
+        const selectAllHandlerProps = selectionMode?.row === 'multiple' && selectAllControl !== 'hidden'
+            ? { onKeyDown: handleKeyDown }
+            : {};
+        const preactColumns = (0, hooks_1.useMemo)(() => {
+            return columns
+                ? getPreactColumns(columns, cellTemplate, headerTemplate, footerTemplate, templates)
+                : {};
+        }, [columns, cellTemplate, headerTemplate, footerTemplate, templates, selectionMode?.row]);
+        const preactColumnOrder = (0, hooks_1.useMemo)(() => {
+            const newColumnOrder = [];
+            let hasSelectorColumn = false;
+            if (selectionMode?.row === 'multiple') {
+                newColumnOrder.push(_SELECTION_COLUMN_KEY);
+                hasSelectorColumn = true;
+            }
+            if (columnOrder != null) {
+                for (const key of columnOrder) {
+                    if (preactColumns[key] != null && !newColumnOrder.includes(key)) {
+                        newColumnOrder.push(key);
+                    }
+                }
+            }
+            else {
+                for (const [key] of Object.entries(preactColumns)) {
+                    if (key !== _SELECTION_COLUMN_KEY) {
+                        newColumnOrder.push(key);
+                    }
+                }
+            }
+            return newColumnOrder.length === 1 && hasSelectorColumn ? [] : newColumnOrder;
+        }, [columnOrder, selectionMode?.row, preactColumns]);
+        const preactData = listDataState.status === 'success' ? listDataState?.data?.data || [] : [];
+        const preactGetRowKey = (data) => {
+            return data.metadata.key;
+        };
+        const preactGetAccessibleRowHeaders = (preactContext) => {
+            const internalContext = getRowContext(preactContext);
+            const rowHeaders = new Set();
+            if (row != null && row.accessibleRowHeader != null) {
+                if (typeof row.accessibleRowHeader === 'string') {
+                    rowHeaders.add(row.accessibleRowHeader);
+                }
+                else if (Array.isArray(row.accessibleRowHeader)) {
+                    row.accessibleRowHeader.forEach((header) => rowHeaders.add(header));
+                }
+                else if (typeof row.accessibleRowHeader === 'function') {
+                    const result = row.accessibleRowHeader(internalContext);
+                    if (typeof result === 'string') {
+                        rowHeaders.add(result);
+                    }
+                    else if (Array.isArray(result)) {
+                        result.forEach((header) => rowHeaders.add(header));
+                    }
+                }
+            }
+            else if (preactColumnOrder.length > 0) {
+                if (selectionMode?.row === 'multiple') {
+                    rowHeaders.add(preactColumnOrder[1]);
+                }
+                else {
+                    rowHeaders.add(preactColumnOrder[0]);
+                }
+            }
+            return rowHeaders;
+        };
+        const preactOnRowAction = (0, hooks_1.useCallback)((eventDetail) => {
+            if (onOjRowAction && eventDetail != null && !isClickthroughDisabled(eventDetail.target)) {
+                onOjRowAction({ context: getRowContext(eventDetail.context) });
+            }
+        }, [onOjRowAction, isClickthroughDisabled, getRowContext]);
+        const gridlines = (0, hooks_1.useMemo)(() => ({
+            horizontal: horizontalGridVisible === 'enabled' ? 'visible' : 'hidden',
+            vertical: verticalGridVisible === 'enabled' ? 'visible' : 'hidden'
+        }), [horizontalGridVisible, verticalGridVisible]);
+        const noDataRenderer = (0, hooks_1.useMemo)(() => {
+            return getPreactNoDataRenderer(noData);
+        }, [noData]);
+        const preactSelected = (0, hooks_1.useMemo)(() => {
+            return selected
+                ? {
+                    row: selected.row ? (0, keySetUtils_1.keySetToKeys)(selected.row) : undefined,
+                    column: selected.column ? (0, keySetUtils_1.keySetToKeys)(selected.column) : undefined
+                }
+                : undefined;
+        }, [selected?.row, selected?.column]);
+        const preactOnSelectionChange = (0, hooks_1.useCallback)((detail) => {
+            if (!isClickthroughDisabled(detail.target)) {
+                const value = detail.value;
+                const rowKeySet = value.row
+                    ? (0, keySetUtils_1.keysToKeySet)(value.row)
+                    : undefined;
+                const columnKeySet = value.column
+                    ? (0, keySetUtils_1.keysToKeySet)(value.column)
+                    : undefined;
+                onSelectedChanged({
+                    row: rowKeySet,
+                    column: columnKeySet
+                });
+            }
+        }, [onSelectedChanged, isClickthroughDisabled]);
+        const onPersistCurrentCell = (0, hooks_1.useCallback)((detail) => {
+            if (onCurrentCellChanged) {
+                onCurrentCellChanged(detail.value);
+            }
+        }, [onCurrentCellChanged]);
+        const busyContextRef = (0, hooks_1.useRef)();
+        const childBusyContextRef = (0, hooks_1.useRef)();
+        const resolveDataBusyStateRef = (0, hooks_1.useRef)();
+        const resolveContentBusyStateRef = (0, hooks_1.useRef)();
+        const [isInitialLoading, setIsInitialLoading] = (0, hooks_1.useState)(layout === 'contents');
+        const isInitialLoadingRef = (0, hooks_1.useRef)(isInitialLoading);
+        (0, hooks_1.useEffect)(() => {
+            busyContextRef.current = Context.getContext(rootRef.current).getBusyContext();
+            childBusyContextRef.current = Context.getContext(tableViewRef.current).getBusyContext();
+        }, []);
+        const addBusyState = (0, hooks_1.useCallback)((desc) => {
+            return busyContextRef.current?.addBusyState({
+                description: `oj-c-table: ${desc}`
+            });
+        }, []);
+        (0, hooks_1.useEffect)(() => {
+            if (listDataState.status === 'loading') {
+                resolveDataBusyStateRef.current = addBusyState('Table is loading data');
+            }
+            else {
+                if (isInitialLoadingRef.current) {
+                    resolveContentBusyStateRef.current = addBusyState('Table content is initializing');
+                    childBusyContextRef.current.whenReady().then(function () {
+                        if (resolveContentBusyStateRef.current) {
+                            resolveContentBusyStateRef.current();
+                            resolveContentBusyStateRef.current = undefined;
+                        }
+                        setIsInitialLoading(false);
+                        isInitialLoadingRef.current = false;
+                    });
+                }
+            }
+            return () => {
+                if (resolveDataBusyStateRef.current) {
+                    resolveDataBusyStateRef.current();
+                    resolveDataBusyStateRef.current = undefined;
+                }
+                if (resolveContentBusyStateRef.current) {
+                    resolveContentBusyStateRef.current();
+                    resolveContentBusyStateRef.current = undefined;
+                }
+            };
+        }, [listDataState.status, addBusyState]);
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: id, ref: rootRef, children: (0, jsx_runtime_1.jsx)("div", { ref: tableViewRef, "data-oj-context": true, ...selectAllHandlerProps, ...(cellTemplate ? { 'data-oj-ct': true } : {}), ...(headerTemplate ? { 'data-oj-ht': true } : {}), ...(footerTemplate ? { 'data-oj-ft': true } : {}), ...(noData ? { 'data-oj-ndt': true } : {}), style: "display: contents;", children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormVariantContext_1.FormVariantContext.Provider, { value: 'embedded', children: (0, jsx_runtime_1.jsx)(UNSAFE_TableView_1.TableView, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, columns: preactColumns, data: preactData, getRowKey: preactGetRowKey, getAccessibleRowHeaders: preactGetAccessibleRowHeaders, gridlines: gridlines, layout: isInitialLoading ? 'pending' : layout, selected: preactSelected, selectionMode: selectionMode, onSelectionChange: preactOnSelectionChange, columnOrder: preactColumnOrder, onRowAction: preactOnRowAction, noDataRenderer: noDataRenderer, columnWidths: realizedColumnWidths, onLoadMore: onLoadMore, hasMore: hasMore, currentCellOverride: currentCellOverride, onPersistCurrentCell: onPersistCurrentCell, width: '100%' }) }) }) }));
+    }
+    exports.Table = (0, ojvcomponent_1.registerCustomElement)('oj-c-table', TableImpl, "Table", { "properties": { "layout": { "type": "string", "enumValues": ["fixed", "contents"] }, "data": { "type": "DataProvider" }, "columns": { "type": "object" }, "row": { "type": "object", "properties": { "accessibleRowHeader": { "type": "any" } } }, "horizontalGridVisible": { "type": "string", "enumValues": ["disabled", "enabled"] }, "verticalGridVisible": { "type": "string", "enumValues": ["disabled", "enabled"] }, "selected": { "type": "object", "properties": { "column": { "type": "object" }, "row": { "type": "object" } }, "writeback": true }, "selectionMode": { "type": "object", "properties": { "column": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "row": { "type": "string", "enumValues": ["none", "multiple", "single"] } } }, "selectAllControl": { "type": "string", "enumValues": ["hidden", "visible"] }, "columnOrder": { "type": "Array<string>", "writeback": true }, "currentCellOverride": { "type": "object" }, "currentCell": { "type": "object", "readOnly": true, "writeback": true }, "columnWidths": { "type": "object", "writeback": true }, "scrollPolicyOptions": { "type": "object", "properties": { "fetchSize": { "type": "number" } } } }, "slots": { "cellTemplate": { "data": {} }, "headerTemplate": { "data": {} }, "footerTemplate": { "data": {} }, "noData": { "data": {} } }, "extension": { "_DYNAMIC_SLOT": { "prop": "templates", "isTemplate": 1 }, "_WRITEBACK_PROPS": ["selected", "columnOrder", "currentCell", "columnWidths"], "_READ_ONLY_PROPS": ["currentCell"], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-labelledby", "id"] }, "events": { "ojRowAction": { "bubbles": true } } }, { "horizontalGridVisible": "enabled", "verticalGridVisible": "disabled", "layout": "contents", "selected": {}, "selectionMode": { "row": "none", "column": "none" }, "selectAllControl": "visible", "scrollPolicyOptions": { "fetchSize": 25 } }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useCollectionInteractionContext_1.CollectionInteractionContext] });
+    const metadata = (0, ojcustomelement_registry_1.getMetadata)('oj-c-table');
+    metadata.properties.__oj_private_do_not_use_userAssistanceDensity = {
+        binding: {
+            provide: [
+                { name: 'containerUserAssistanceDensity', default: 'compact' },
+                { name: 'userAssistanceDensity', default: 'compact' }
+            ]
+        }
+    };
+});
+
+define('oj-c/table',["require", "exports", "oj-c/table/table"], function (require, exports, table_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Table = void 0;
+    Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
+});
+
+
+define("corepackbundle", function(){});
+