@oracle/oraclejet-core-pack 16.0.6 → 16.1.0

package/oj-c/corepackbundle.js

@@ -790,12 +790,37 @@ define('oj-c/utils/PRIVATE_chartUtils/plotAreaUtils',["require", "exports"], fun
     exports.getPlotArea = getPlotArea;
 });
 
+define('oj-c/utils/PRIVATE_chartUtils/axisUtils',["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getPreactAxisProps = void 0;
+    const getPreactAxisProps = (axisProps) => {
+        const newProps = {};
+        const { tickLabel, ...rest } = axisProps;
+        if (tickLabel?.converter) {
+            if (Array.isArray(tickLabel.converter)) {
+                newProps['format'] = [
+                    (value) => tickLabel.converter[0]?.format?.(new Date(value).toISOString()),
+                    (value) => tickLabel.converter[1]?.format?.(new Date(value).toISOString())
+                ];
+            }
+            else {
+                newProps['format'] = (value) => tickLabel.converter?.format?.(axisProps['timeAxisType'] ? new Date(value).toISOString() : value);
+            }
+        }
+        newProps['isRendered'] = tickLabel?.rendered != 'off';
+        newProps['style'] = tickLabel?.style;
+        return { tickLabel: newProps, ...rest };
+    };
+    exports.getPreactAxisProps = getPreactAxisProps;
+});
 
-define('oj-c/area-chart/area-chart',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_LineAreaChart", "ojs/ojcontext", "@oracle/oraclejet-preact/UNSAFE_Legend", "@oracle/oraclejet-preact/UNSAFE_ChartWithLegend", "ojs/ojvcomponent", "../hooks/UNSAFE_useChartData/useChartData", "../utils/PRIVATE_chartUtils/events", "../utils/PRIVATE_chartUtils/legendUtils", "../hooks/UNSAFE_useVizCategories/useVizCategories", "../hooks/UNSAFE_useLegendPosition/useLegendPosition", "../utils/PRIVATE_chartUtils/lineAreaUtils", "../utils/PRIVATE_chartUtils/plotAreaUtils", "css!oj-c/area-chart/area-chart-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, UNSAFE_LineAreaChart_1, Context, UNSAFE_Legend_1, UNSAFE_ChartWithLegend_1, ojvcomponent_1, useChartData_1, events_1, legendUtils_1, useVizCategories_1, useLegendPosition_1, lineAreaUtils_1, plotAreaUtils_1) {
+
+define('oj-c/area-chart/area-chart',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_LineAreaChart", "ojs/ojcontext", "@oracle/oraclejet-preact/UNSAFE_Legend", "@oracle/oraclejet-preact/UNSAFE_ChartWithLegend", "ojs/ojvcomponent", "../hooks/UNSAFE_useChartData/useChartData", "../utils/PRIVATE_chartUtils/events", "../utils/PRIVATE_chartUtils/legendUtils", "../hooks/UNSAFE_useVizCategories/useVizCategories", "../hooks/UNSAFE_useLegendPosition/useLegendPosition", "../utils/PRIVATE_chartUtils/lineAreaUtils", "../utils/PRIVATE_chartUtils/plotAreaUtils", "../utils/PRIVATE_chartUtils/axisUtils", "css!oj-c/area-chart/area-chart-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, UNSAFE_LineAreaChart_1, Context, UNSAFE_Legend_1, UNSAFE_ChartWithLegend_1, ojvcomponent_1, useChartData_1, events_1, legendUtils_1, useVizCategories_1, useLegendPosition_1, lineAreaUtils_1, plotAreaUtils_1, axisUtils_1) {
     "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', stack = 'off', legend = {
+    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 }) {
@@ -838,11 +863,11 @@ define('oj-c/area-chart/area-chart',["require", "exports", "preact/jsx-runtime",
                 updateHighlighted(detail.itemId);
             }
         };
-        const chart = series.length > 0 && groups.length > 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_LineAreaChart_1.LineAreaChart, { type: "area", width: "100%", height: "100%", series: series, groups: groups, getDataItem: getDataItem, onItemInput: onItemInput, drilling: drilling, onItemDrill: itemDrillHandler, onGroupDrill: groupDrillHandler, onSelectionChange: selectionChangeHandler, selectionMode: selectionMode, selectedIds: selectionMode === 'none' ? undefined : selection, orientation: orientation, xAxis: xAxisRest, yAxis: yAxisRest, highlightedIds: highlightedIds.length === 0 ? undefined : highlightedIds, hiddenIds: hiddenIds, plotArea: (0, plotAreaUtils_1.getPlotArea)(plotArea, yMajorTick, yMinorTick, xMajorTick), hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, isStacked: stack === 'on', valueFormats: (0, lineAreaUtils_1.transformValueFormats)(valueFormats), "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'] })) : undefined;
+        const chart = series.length > 0 && groups.length > 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_LineAreaChart_1.LineAreaChart, { type: "area", width: "100%", height: "100%", series: series, groups: groups, getDataItem: getDataItem, onItemInput: onItemInput, drilling: drilling, onItemDrill: itemDrillHandler, onGroupDrill: groupDrillHandler, onSelectionChange: selectionChangeHandler, selectionMode: selectionMode, selectedIds: selectionMode === 'none' ? undefined : selection, orientation: orientation, xAxis: (0, axisUtils_1.getPreactAxisProps)({ ...xAxisRest, timeAxisType }), yAxis: (0, axisUtils_1.getPreactAxisProps)(yAxisRest), highlightedIds: highlightedIds.length === 0 ? undefined : highlightedIds, hiddenIds: hiddenIds, plotArea: (0, plotAreaUtils_1.getPlotArea)(plotArea, yMajorTick, yMinorTick, xMajorTick), hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, isStacked: stack === 'on', valueFormats: (0, lineAreaUtils_1.transformValueFormats)(valueFormats), "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'] })) : undefined;
         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, onInput: legendItemInputHandler })) : undefined;
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, 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"] }, "yAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "lineColor": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "lineColor": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "lineColor": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } } } }, "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": "any" }, "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 }, "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", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "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", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "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" } } }, "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 }, "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
     });
 });
@@ -860,7 +885,7 @@ define('oj-c/area-chart-item/area-chart-item',["require", "exports", '@oracle/or
     exports.AreaChartItem = void 0;
     exports.AreaChartItem = (0, ojvcomponent_1.registerCustomElement)('oj-c-area-chart-item', ({}) => {
         return null;
-    }, "AreaChartItem", { "properties": { "seriesId": { "type": "string" }, "groupId": { "type": "Array<string>" }, "value": { "type": "number" }, "color": { "type": "string" }, "markerDisplayed": { "type": "string", "enumValues": ["auto", "off", "on"] }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerSize": { "type": "number" }, "categories": { "type": "Array<string>" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "AreaChartItem", { "properties": { "seriesId": { "type": "string" }, "groupId": { "type": "Array<string>" }, "value": { "type": "number" }, "x": { "type": "string" }, "color": { "type": "string" }, "markerDisplayed": { "type": "string", "enumValues": ["auto", "off", "on"] }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerSize": { "type": "number" }, "categories": { "type": "Array<string>" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "shortDesc": { "type": "string" } } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -881,7 +906,7 @@ define('oj-c/area-chart-series/area-chart-series',["require", "exports", '@oracl
     };
     exports.AreaChartSeries = (0, ojvcomponent_1.registerCustomElement)('oj-c-area-chart-series', ({ drilling = exports.AreaChartSeriesDefaults.drilling, ...props }) => {
         return null;
-    }, "AreaChartSeries", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "lineType": { "type": "string", "enumValues": ["curved", "straight"] }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerColor": { "type": "string" }, "markerDisplayed": { "type": "string" }, "markerSize": { "type": "number" }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "AreaChartSeries", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "lineType": { "type": "string", "enumValues": ["curved", "straight"] }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerColor": { "type": "string" }, "markerDisplayed": { "type": "string" }, "markerSize": { "type": "number" }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, { "drilling": "inherit" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -902,7 +927,7 @@ define('oj-c/area-chart-group/area-chart-group',["require", "exports", '@oracle/
     };
     exports.AreaChartGroup = (0, ojvcomponent_1.registerCustomElement)('oj-c-area-chart-group', ({ drilling = exports.AreaChartGroupDefaults.drilling, ...props }) => {
         return null;
-    }, "AreaChartGroup", { "properties": { "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "AreaChartGroup", { "properties": { "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, { "drilling": "inherit" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -2364,25 +2389,42 @@ define('oj-c/input-date-mask/useInputDateMaskPreact',["require", "exports", "oj-
 });
 
 
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-define('oj-c/input-date-mask/input-date-mask',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/UNSAFE_InputDateMask", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojcontext", "ojs/ojvcomponent", "ojs/ojvcomponent-binding", "preact", "preact/compat", "preact/hooks", "./useInputDateMaskPreact", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "@oracle/oraclejet-preact/UNSAFE_IntlDateTime", "css!oj-c/input-date-mask/input-date-mask-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, UNSAFE_InputDateMask_1, useAssistiveText_1, Context, ojvcomponent_1, ojvcomponent_binding_1, preact_1, compat_1, hooks_1, useInputDateMaskPreact_1, Layout_1, UNSAFE_IntlDateTime_1) {
+define('oj-c/input-date-mask/input-date-mask',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/UNSAFE_InputDateMask", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojcontext", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "./useInputDateMaskPreact", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "@oracle/oraclejet-preact/UNSAFE_IntlDateTime", "css!oj-c/input-date-mask/input-date-mask-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, UNSAFE_InputDateMask_1, useAssistiveText_1, Context, ojvcomponent_1, compat_1, hooks_1, useInputDateMaskPreact_1, Layout_1, UNSAFE_IntlDateTime_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.InputDateMask = void 0;
-    const FunctionalInputDateMask = (0, compat_1.forwardRef)((props, ref) => {
-        const { busyContextRef, displayOptions, help, helpHints, validators } = props;
+    const displayOptionsDefault = {
+        messages: 'display',
+        validatorHint: 'display'
+    };
+    const helpDefault = {
+        instruction: ''
+    };
+    const helpHintsDefault = {
+        definition: '',
+        source: ''
+    };
+    const messagesCustomDefault = [];
+    const validatorsDefault = [];
+    const InputDateMaskImpl = ({ columnSpan = 1, disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, messagesCustom = messagesCustomDefault, readonly = false, required = false, userAssistanceDensity = 'reflow', validators = validatorsDefault, value = null, ...otherProps }, ref) => {
+        const rootRef = (0, hooks_1.useRef)();
         const inputDateMaskRef = (0, hooks_1.useRef)();
-        const addBusyState = (0, hooks_1.useCallback)((desc) => {
-            return busyContextRef.current?.addBusyState({
-                description: `oj-c-input-date-mask id=${props.id} is ${desc}`
-            });
+        const addBusyState = (0, hooks_1.useCallback)((description = 'InputDateMask: busyState') => {
+            return rootRef.current
+                ? Context.getContext(rootRef.current).getBusyContext().addBusyState({ description })
+                : () => { };
         }, []);
-        const { inputDateMaskProps, methods } = (0, useInputDateMaskPreact_1.useInputDateMaskPreact)(props, addBusyState);
+        const { inputDateMaskProps, methods } = (0, useInputDateMaskPreact_1.useInputDateMaskPreact)({
+            disabled,
+            displayOptions,
+            messagesCustom,
+            readonly,
+            required,
+            userAssistanceDensity,
+            validators,
+            value,
+            ...otherProps
+        }, addBusyState);
         (0, hooks_1.useImperativeHandle)(ref, () => ({
             blur: () => inputDateMaskRef.current?.blur(),
             focus: () => inputDateMaskRef.current?.focus(),
@@ -2396,85 +2438,25 @@ define('oj-c/input-date-mask/input-date-mask',["require", "exports", "preact/jsx
             validators
         });
         const variant = (0, UNSAFE_useFormVariantContext_1.useFormVariantContext)();
-        return ((0, jsx_runtime_1.jsx)(UNSAFE_InputDateMask_1.InputDateMask, { ref: inputDateMaskRef, ...assistiveTextProps, ...inputDateMaskProps, variant: variant }));
-    });
-    let InputDateMask = class InputDateMask extends preact_1.Component {
-        constructor() {
-            super(...arguments);
-            this.busyContextRef = (0, preact_1.createRef)();
-            this.inputDateMaskRef = (0, preact_1.createRef)();
-            this.rootRef = (0, preact_1.createRef)();
-        }
-        componentDidMount() {
-            this.busyContextRef.current = Context.getContext(this.rootRef.current).getBusyContext();
-        }
-        render({ columnSpan, ...props }) {
-            const containerProps = {
-                isFormLayout: props.containerReadonly !== undefined,
-                isReadonly: props.containerReadonly,
-                labelWrapping: props.labelWrapping
-            };
-            if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(props.value)) {
-                throw new Error('value must be a date-only ISO string');
-            }
-            if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(props.min)) {
-                throw new Error('min must be a date-only ISO string');
-            }
-            if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(props.max)) {
-                throw new Error('max must be a date-only ISO string');
-            }
-            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: props.id, ref: this.rootRef, class: columnSpan ? Layout_1.layoutSpanStyles.layoutSpanColumn[columnSpan] : '', children: (0, jsx_runtime_1.jsx)(UNSAFE_useFormContext_1.FormContext.Provider, { value: containerProps, children: (0, jsx_runtime_1.jsx)(FunctionalInputDateMask, { busyContextRef: this.busyContextRef, ref: this.inputDateMaskRef, ...props }) }) }));
-        }
-        componentWillUnmount() {
-            this.busyContextRef.current = null;
-        }
-        reset() {
-            this.inputDateMaskRef.current?.reset();
-        }
-        showMessages() {
-            this.inputDateMaskRef.current?.showMessages();
-        }
-        validate() {
-            return this.inputDateMaskRef.current?.validate();
+        const containerProps = {
+            isFormLayout: otherProps.containerReadonly !== undefined,
+            isReadonly: otherProps.containerReadonly,
+            labelWrapping: otherProps.labelWrapping
+        };
+        if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(value)) {
+            throw new Error('value must be a date-only ISO string');
         }
-        blur() {
-            this.inputDateMaskRef.current?.blur();
+        if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(otherProps.min)) {
+            throw new Error('min must be a date-only ISO string');
         }
-        focus() {
-            this.inputDateMaskRef.current?.focus();
+        if (!UNSAFE_IntlDateTime_1.DateTimeUtils.isDateOnlyIsoString(otherProps.max)) {
+            throw new Error('max must be a date-only ISO string');
         }
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.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_InputDateMask_1.InputDateMask, { ref: inputDateMaskRef, ...assistiveTextProps, ...inputDateMaskProps, variant: variant }) }) }));
     };
-    exports.InputDateMask = InputDateMask;
-    InputDateMask.defaultProps = {
-        columnSpan: 1,
-        disabled: false,
-        displayOptions: {
-            messages: 'display',
-            validatorHint: 'display'
-        },
-        help: {
-            instruction: ''
-        },
-        helpHints: {
-            definition: '',
-            source: '',
-            sourceText: undefined
-        },
-        messagesCustom: [],
-        readonly: false,
-        required: false,
-        userAssistanceDensity: 'reflow',
-        validators: [],
-        value: null
-    };
-    InputDateMask._metadata = { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "dateRangeOverflowMessageDetail": { "type": "string" }, "dateRangeUnderflowMessageDetail": { "type": "string" }, "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" }, "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" } } }, "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": { "reset": {}, "showMessages": {}, "validate": {}, "blur": {}, "focus": {} } };
-    InputDateMask._translationBundleMap = {
+    exports.InputDateMask = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-date-mask', (0, compat_1.forwardRef)(InputDateMaskImpl), "InputDateMask", { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "dateRangeOverflowMessageDetail": { "type": "string" }, "dateRangeUnderflowMessageDetail": { "type": "string" }, "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" }, "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" } } }, "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, "disabled": false, "displayOptions": { "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "readonly": false, "required": false, "userAssistanceDensity": "reflow", "validators": [], "value": null }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    };
-    InputDateMask._consumedContexts = [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext];
-    exports.InputDateMask = InputDateMask = __decorate([
-        (0, ojvcomponent_1.customElement)('oj-c-input-date-mask')
-    ], InputDateMask);
+    }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
 
 define('oj-c/input-date-mask',["require", "exports", "./input-date-mask/input-date-mask"], function (require, exports, input_date_mask_1) {
@@ -2484,137 +2466,421 @@ define('oj-c/input-date-mask',["require", "exports", "./input-date-mask/input-da
     Object.defineProperty(exports, "InputDateMask", { enumerable: true, get: function () { return input_date_mask_1.InputDateMask; } });
 });
 
-define('oj-c/input-number/useImplicitNumberConverter',["require", "exports", "ojs/ojconverter-nativenumber", "preact/hooks"], function (require, exports, ojconverter_nativenumber_1, hooks_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useImplicitNumberConverter = void 0;
-    function useImplicitNumberConverter({ converter }) {
-        const implicitConverter = (0, hooks_1.useMemo)(() => {
-            return converter ?? new ojconverter_nativenumber_1.NumberConverter();
-        }, [converter]);
-        return implicitConverter;
-    }
-    exports.useImplicitNumberConverter = useImplicitNumberConverter;
-});
-
-define('oj-c/input-number/useImplicitNumberRangeValidator',["require", "exports", "preact/hooks", "ojs/ojvalidator-numberrange"], function (require, exports, hooks_1, NumberRangeValidator) {
+define('oj-c/input-month-mask/CalendarMonthConverter',["require", "exports", "@oracle/oraclejet-preact/utils/UNSAFE_calendarDateUtils", "ojs/ojconfig"], function (require, exports, UNSAFE_calendarDateUtils_1, ojconfig_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useImplicitNumberRangeValidator = void 0;
-    function useImplicitNumberRangeValidator({ converter, max, min, numberRangeExactMessageDetail, numberRangeOverflowMessageDetail, numberRangeUnderflowMessageDetail }) {
-        const numberRangeValidator = (0, hooks_1.useMemo)(() => {
-            if (min !== undefined || max !== undefined) {
-                return new NumberRangeValidator({
-                    converter,
-                    max,
-                    min,
-                    messageDetail: {
-                        exact: numberRangeExactMessageDetail,
-                        rangeOverflow: numberRangeOverflowMessageDetail,
-                        rangeUnderflow: numberRangeUnderflowMessageDetail
-                    }
-                });
+    exports.CalendarMonthConverter = void 0;
+    class CalendarMonthConverter {
+        constructor(options) {
+            this.locale = options?.locale ?? (0, ojconfig_1.getLocale)();
+            this.calendarMonthConverter_parseErrorFn = options?.calendarMonthConverter_parseErrorFn;
+            this.customMask = options?.customMask;
+        }
+        format(value) {
+            if (!(0, UNSAFE_calendarDateUtils_1.isCompleteCalendarMonth)(value)) {
+                throw new Error('value must have year and month');
             }
-            return null;
-        }, [converter, min, max]);
-        return numberRangeValidator;
+            return value;
+        }
+        parse(input) {
+            if (input !== undefined && !(0, UNSAFE_calendarDateUtils_1.isCompleteCalendarMonth)(input)) {
+                const now = new Date();
+                const currentYear = now.getFullYear();
+                const formattedDateExample = (0, UNSAFE_calendarDateUtils_1.formatIsoDateStrAsExample)(this.locale, `${currentYear}-11-29`, this.customMask, 'month');
+                const errorStr = this.calendarMonthConverter_parseErrorFn &&
+                    this.calendarMonthConverter_parseErrorFn({
+                        dateExample: formattedDateExample
+                    });
+                throw new Error(errorStr ?? 'parse failed');
+            }
+            return input;
+        }
     }
-    exports.useImplicitNumberRangeValidator = useImplicitNumberRangeValidator;
+    exports.CalendarMonthConverter = CalendarMonthConverter;
 });
 
-define('oj-c/input-number/stepBasisUtils',["require", "exports"], function (require, exports) {
+define('oj-c/input-month-mask/CalendarMonthRangeValidator',["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.determineSteppedValue = void 0;
-    function determineSteppedValue(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt) {
-        const precision = _precision(stepOpt, initialValue, minOpt);
-        if (precision > 0) {
-            const power = Math.pow(10, precision);
-            const minOptPower = minOpt !== undefined ? Math.round(minOpt * power) : minOpt;
-            const maxOptPower = maxOpt != null ? Math.round(maxOpt * power) : maxOpt;
-            const stepOptPower = Math.round(stepOpt * power);
-            const adjustValuePower = _adjustValueForZeroPrecision(Math.round(step * power), stepOptPower, Math.round(currentParsedValue * power), initialValue !== undefined && initialValue !== null
-                ? Math.round(initialValue * power)
-                : initialValue, maxOptPower, minOptPower);
-            return adjustValuePower / power;
-        }
-        return _adjustValueForZeroPrecision(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt);
-    }
-    exports.determineSteppedValue = determineSteppedValue;
-    function _adjustValueForZeroPrecision(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt) {
-        let stepBase = minOpt != null ? minOpt : initialValue;
-        if (stepBase === null || stepBase === undefined) {
-            stepBase = 0;
-        }
-        try {
-            currentParsedValue = parseFloat(currentParsedValue.toFixed(0));
-        }
-        catch (e) {
-            if (e instanceof TypeError) {
-                currentParsedValue = +currentParsedValue;
+    exports.CalendarMonthRangeValidator = void 0;
+    class CalendarMonthRangeValidator {
+        constructor(options) {
+            if (options.min &&
+                options.max &&
+                CalendarMonthRangeValidator._compareCalendarMonths(options.min, options.max) > 0) {
+                throw new Error('min must be less than max');
+            }
+            this.defaultRangeOverflowMessageDetailFn = options.defaultRangeOverflowMessageDetailFn;
+            this.defaultRangeUnderflowMessageDetailFn = options.defaultRangeUnderflowMessageDetailFn;
+            this.min = options.min;
+            this.max = options.max;
+            this.dateRangeOverflowMessageDetail = options.dateRangeOverflowMessageDetail;
+            this.dateRangeUnderflowMessageDetail = options.dateRangeUnderflowMessageDetail;
+            this.formatObj = options.formatObj;
+        }
+        validate(value) {
+            const messageDetailRangeOverflow = this.dateRangeOverflowMessageDetail;
+            const messageDetailRangeUnderflow = this.dateRangeUnderflowMessageDetail;
+            const min = this.min;
+            const max = this.max;
+            if (value === null) {
+                return;
             }
+            const valStr = value ? this.formatObj.format(value) : value;
+            if (max && CalendarMonthRangeValidator._compareCalendarMonths(value, max) > 0) {
+                const maxStr = this.formatObj.format(max);
+                const detail = messageDetailRangeOverflow
+                    ? messageDetailRangeOverflow({ max: maxStr, value: valStr })
+                    : this.defaultRangeOverflowMessageDetailFn({ max: maxStr });
+                throw new Error(detail);
+            }
+            if (min && CalendarMonthRangeValidator._compareCalendarMonths(value, min) < 0) {
+                const minStr = this.formatObj.format(min);
+                const detail = messageDetailRangeUnderflow
+                    ? messageDetailRangeUnderflow({ min: minStr, value: valStr })
+                    : this.defaultRangeUnderflowMessageDetailFn({ min: minStr });
+                throw new Error(detail);
+            }
+            return value;
         }
-        let aboveMin = currentParsedValue - stepBase;
-        let rounded = Math.round(aboveMin / stepOpt) * stepOpt;
-        rounded = parseFloat(rounded.toFixed(0));
-        const multiple = rounded === aboveMin;
-        let newValue;
-        if (!multiple) {
-            if (step < 0) {
-                aboveMin = Math.ceil(aboveMin / stepOpt) * stepOpt;
+        static _compareCalendarMonths(val1, val2) {
+            if (val1.year === val2.year && val1.month === val2.month) {
+                return 0;
             }
-            else {
-                aboveMin = Math.floor(aboveMin / stepOpt) * stepOpt;
+            if (val1.year === val2.year) {
+                return val1.month > val2.month ? 1 : -1;
             }
-            newValue = stepBase + aboveMin + step;
-        }
-        else {
-            newValue = currentParsedValue + step;
+            return val1.year > val2.year ? 1 : -1;
         }
-        newValue = parseFloat(newValue.toFixed(0));
-        if (minOpt != null && newValue < minOpt) {
-            return minOpt;
-        }
-        if (maxOpt != null && newValue > maxOpt) {
-            let validMax = Math.floor((maxOpt - stepBase) / stepOpt) * stepOpt + stepBase;
-            validMax = parseFloat(validMax.toFixed(0));
-            return validMax;
-        }
-        return newValue;
-    }
-    function _precision(stepOpt, initialValue, minOpt) {
-        let precision = _precisionOf(stepOpt);
-        if (minOpt != null) {
-            precision = Math.max(precision, _precisionOf(minOpt));
-        }
-        if (initialValue != null) {
-            precision = Math.max(precision, _precisionOf(initialValue));
-        }
-        return precision;
     }
-    function _precisionOf(num) {
-        const str = num.toString();
-        const decimal = str.indexOf('.');
-        return decimal === -1 ? 0 : str.length - decimal - 1;
+    exports.CalendarMonthRangeValidator = CalendarMonthRangeValidator;
+});
+
+define('oj-c/input-month-mask/useImplicitCalendarMonthRangeValidator',["require", "exports", "preact/hooks", "./CalendarMonthRangeValidator", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle"], function (require, exports, hooks_1, CalendarMonthRangeValidator_1, UNSAFE_useTranslationBundle_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useImplicitCalendarMonthRangeValidator = void 0;
+    function useImplicitCalendarMonthRangeValidator({ formatObj, dateRangeOverflowMessageDetail, dateRangeUnderflowMessageDetail, max, min }) {
+        const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
+        const defaultRangeOverflowMessageDetailFn = translations.inputMonthMask_dateRangeOverflowMessageDetail;
+        const defaultRangeUnderflowMessageDetailFn = translations.inputMonthMask_dateRangeUnderflowMessageDetail;
+        const calendarMonthRangeValidator = (0, hooks_1.useMemo)(() => {
+            if (min !== undefined || max !== undefined) {
+                return new CalendarMonthRangeValidator_1.CalendarMonthRangeValidator({
+                    defaultRangeOverflowMessageDetailFn,
+                    defaultRangeUnderflowMessageDetailFn,
+                    formatObj,
+                    max,
+                    min,
+                    dateRangeOverflowMessageDetail,
+                    dateRangeUnderflowMessageDetail
+                });
+            }
+            return null;
+        }, [formatObj, dateRangeOverflowMessageDetail, dateRangeUnderflowMessageDetail, min, max]);
+        return calendarMonthRangeValidator;
     }
+    exports.useImplicitCalendarMonthRangeValidator = useImplicitCalendarMonthRangeValidator;
 });
 
-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-month-mask/useInputMonthMaskPreact',["require", "exports", "oj-c/editable-value/UNSAFE_useEditableValueRawValueObject/useEditableValueRawValueObject", "./CalendarMonthConverter", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "ojs/ojconverter-preferences", "@oracle/oraclejet-preact/utils/UNSAFE_calendarDateUtils", "./useImplicitCalendarMonthRangeValidator", "oj-c/editable-value/utils/utils", "ojs/ojconfig"], function (require, exports, useEditableValueRawValueObject_1, CalendarMonthConverter_1, hooks_1, UNSAFE_useTranslationBundle_1, ojconverter_preferences_1, UNSAFE_calendarDateUtils_1, useImplicitCalendarMonthRangeValidator_1, utils_1, ojconfig_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useNumberInputTextPreact = void 0;
-    function useNumberInputTextPreact({ autocomplete = 'on', autofocus, converter: propConverter, disabled, displayOptions, inputPrefix, inputSuffix, labelEdge, labelHint, labelStartWidth, max, messagesCustom, min, numberRangeExactMessageDetail, numberRangeOverflowMessageDetail, numberRangeUnderflowMessageDetail, placeholder, readonly, required, requiredMessageDetail, step, stepperVariant, textAlign, userAssistanceDensity, validators, value: propValue, virtualKeyboard, onMessagesCustomChanged, onRawValueChanged, onTransientValueChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
+    exports.useInputMonthMaskPreact = void 0;
+    function useInputMonthMaskPreact({ dateRangeOverflowMessageDetail, dateRangeUnderflowMessageDetail, disabled, displayOptions, labelEdge, labelHint, labelStartWidth, max, messagesCustom, min, readonly, required, requiredMessageDetail, textAlign, userAssistanceDensity, validators, value: propValue, onMessagesCustomChanged, onRawValueChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
         const minTreatNull = (0, utils_1.treatNull)(min);
         const maxTreatNull = (0, utils_1.treatNull)(max);
-        const converter = (0, useImplicitNumberConverter_1.useImplicitNumberConverter)({
-            converter: propConverter
-        });
-        const implicitComponentValidator = (0, useImplicitNumberRangeValidator_1.useImplicitNumberRangeValidator)({
-            converter,
+        const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
+        const calendarMonthConverter_parseErrorFn = translations.calendarMonthConverter_parseError;
+        const masksFromUserPref = (0, hooks_1.useMemo)(() => {
+            return getMasksFromDatePatternPreferences();
+        }, []);
+        const implicitConverter = (0, hooks_1.useMemo)(() => {
+            return new CalendarMonthConverter_1.CalendarMonthConverter({
+                calendarMonthConverter_parseErrorFn,
+                customMask: masksFromUserPref
+            });
+        }, [calendarMonthConverter_parseErrorFn, masksFromUserPref]);
+        const exampleFormatter = (0, hooks_1.useMemo)(() => {
+            return {
+                format: (value) => {
+                    return (0, UNSAFE_calendarDateUtils_1.formatCalendarMonthRequiredAsExample)((0, ojconfig_1.getLocale)(), value, masksFromUserPref);
+                }
+            };
+        }, [masksFromUserPref]);
+        const implicitComponentValidator = (0, useImplicitCalendarMonthRangeValidator_1.useImplicitCalendarMonthRangeValidator)({
+            formatObj: exampleFormatter,
+            dateRangeOverflowMessageDetail,
+            dateRangeUnderflowMessageDetail,
             max: maxTreatNull,
-            min: minTreatNull,
-            numberRangeExactMessageDetail,
-            numberRangeOverflowMessageDetail,
+            min: minTreatNull
+        });
+        const { methods, textFieldProps, value, setValue } = (0, useEditableValueRawValueObject_1.useEditableValueRawValueObject)({
+            ariaDescribedBy: otherProps['aria-describedby'],
+            converter: implicitConverter,
+            disabled,
+            displayOptions,
+            implicitComponentValidator,
+            labelHint,
+            messagesCustom,
+            readonly,
+            required,
+            requiredMessageDetail,
+            validators,
+            value: propValue,
+            addBusyState,
+            onMessagesCustomChanged,
+            onRawValueChanged,
+            onValidChanged,
+            onValueChanged
+        });
+        const hasNoValue = value === undefined || !isPartialDate(textFieldProps.value);
+        return {
+            value,
+            setValue,
+            methods,
+            inputMonthMaskProps: {
+                isDisabled: disabled,
+                isReadonly: readonly,
+                isRequired: required,
+                isRequiredShown: required && (userAssistanceDensity === 'compact' || hasNoValue),
+                label: labelHint,
+                labelEdge,
+                labelStartWidth,
+                masks: masksFromUserPref,
+                textAlign,
+                userAssistanceDensity,
+                ...textFieldProps
+            }
+        };
+    }
+    exports.useInputMonthMaskPreact = useInputMonthMaskPreact;
+    const isPartialDate = (value) => {
+        if (value === undefined)
+            return false;
+        return value.year !== undefined || value.month !== undefined;
+    };
+    const getMasksFromDatePatternPreferences = () => {
+        const prefs = (0, ojconverter_preferences_1.getDateTimePreferences)();
+        const pattern = prefs.dateStyle?.short?.pattern;
+        if (!pattern || pattern.toUpperCase().includes('MMM')) {
+            return undefined;
+        }
+        const datePlaceholders = (0, UNSAFE_calendarDateUtils_1.getDatePlaceholdersFromPattern)(pattern);
+        const monthDatePlaceholder = (0, UNSAFE_calendarDateUtils_1.getMonthYearPlaceholdersFromDatePlaceholders)(datePlaceholders);
+        return monthDatePlaceholder;
+    };
+});
+
+
+define('oj-c/input-month-mask/input-month-mask',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/UNSAFE_InputDateMask", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojcontext", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "./useInputMonthMaskPreact", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "@oracle/oraclejet-preact/utils/UNSAFE_calendarDateUtils", "css!oj-c/input-month-mask/input-month-mask-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, UNSAFE_InputDateMask_1, useAssistiveText_1, Context, ojvcomponent_1, compat_1, hooks_1, useInputMonthMaskPreact_1, Layout_1, UNSAFE_calendarDateUtils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.InputMonthMask = void 0;
+    const displayOptionsDefault = {
+        messages: 'display',
+        validatorHint: 'display'
+    };
+    const helpDefault = {
+        instruction: ''
+    };
+    const helpHintsDefault = {
+        definition: '',
+        source: ''
+    };
+    const messagesCustomDefault = [];
+    const validatorsDefault = [];
+    const InputMonthMaskImpl = ({ columnSpan = 1, disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, messagesCustom = messagesCustomDefault, readonly = false, required = false, userAssistanceDensity = 'reflow', validators = validatorsDefault, value = null, ...otherProps }, ref) => {
+        const rootRef = (0, hooks_1.useRef)();
+        const inputMonthMaskRef = (0, hooks_1.useRef)();
+        const addBusyState = (0, hooks_1.useCallback)((description = 'InputMonthMask: busyState') => {
+            return rootRef.current
+                ? Context.getContext(rootRef.current).getBusyContext().addBusyState({ description })
+                : () => { };
+        }, []);
+        const { inputMonthMaskProps, methods } = (0, useInputMonthMaskPreact_1.useInputMonthMaskPreact)({
+            disabled,
+            displayOptions,
+            messagesCustom,
+            readonly,
+            required,
+            userAssistanceDensity,
+            validators,
+            value,
+            ...otherProps
+        }, addBusyState);
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            blur: () => inputMonthMaskRef.current?.blur(),
+            focus: () => inputMonthMaskRef.current?.focus(),
+            ...methods
+        }), [methods]);
+        const assistiveTextProps = (0, useAssistiveText_1.useAssistiveText)({
+            displayOptions,
+            help,
+            helpHints,
+            userAssistanceDensity: inputMonthMaskProps.userAssistanceDensity,
+            validators
+        });
+        const variant = (0, UNSAFE_useFormVariantContext_1.useFormVariantContext)();
+        const containerProps = {
+            isFormLayout: otherProps.containerReadonly !== undefined,
+            isReadonly: otherProps.containerReadonly,
+            labelWrapping: otherProps.labelWrapping
+        };
+        if (!(0, UNSAFE_calendarDateUtils_1.isValidCalendarMonthRequired)(value)) {
+            throw new Error('If the value property is defined, it must be an object with year and month defined.');
+        }
+        if (!(0, UNSAFE_calendarDateUtils_1.isValidCalendarMonthRequired)(otherProps.min)) {
+            throw new Error('If the min property is defined, it must be an object with year and month defined.');
+        }
+        if (!(0, UNSAFE_calendarDateUtils_1.isValidCalendarMonthRequired)(otherProps.max)) {
+            throw new Error('If the max property is defined, it must be an object with year and month defined.');
+        }
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { id: otherProps.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_InputDateMask_1.InputDateMask, { ref: inputMonthMaskRef, ...assistiveTextProps, ...inputMonthMaskProps, variant: variant, granularity: "month" }) }) }));
+    };
+    exports.InputMonthMask = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-month-mask', (0, compat_1.forwardRef)(InputMonthMaskImpl), "InputMonthMask", { "properties": { "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "dateRangeOverflowMessageDetail": { "type": "function" }, "dateRangeUnderflowMessageDetail": { "type": "function" }, "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": "object|null", "properties": { "year": { "type": "number" }, "month": { "type": "number" } } }, "messagesCustom": { "type": "Array<object>", "writeback": true }, "min": { "type": "object|null", "properties": { "year": { "type": "number" }, "month": { "type": "number" } } }, "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" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "object|null", "properties": { "year": { "type": "number" }, "month": { "type": "number" } }, "writeback": true }, "rawValue": { "type": "object", "properties": { "year": { "type": "number" }, "month": { "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, "disabled": false, "displayOptions": { "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "messagesCustom": [], "readonly": false, "required": false, "userAssistanceDensity": "reflow", "validators": [], "value": null }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
+});
+
+define('oj-c/input-month-mask',["require", "exports", "./input-month-mask/input-month-mask"], function (require, exports, input_month_mask_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.InputMonthMask = void 0;
+    Object.defineProperty(exports, "InputMonthMask", { enumerable: true, get: function () { return input_month_mask_1.InputMonthMask; } });
+});
+
+define('oj-c/input-number/useImplicitNumberConverter',["require", "exports", "ojs/ojconverter-nativenumber", "preact/hooks"], function (require, exports, ojconverter_nativenumber_1, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useImplicitNumberConverter = void 0;
+    function useImplicitNumberConverter({ converter }) {
+        const implicitConverter = (0, hooks_1.useMemo)(() => {
+            return converter ?? new ojconverter_nativenumber_1.NumberConverter();
+        }, [converter]);
+        return implicitConverter;
+    }
+    exports.useImplicitNumberConverter = useImplicitNumberConverter;
+});
+
+define('oj-c/input-number/useImplicitNumberRangeValidator',["require", "exports", "preact/hooks", "ojs/ojvalidator-numberrange"], function (require, exports, hooks_1, NumberRangeValidator) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useImplicitNumberRangeValidator = void 0;
+    function useImplicitNumberRangeValidator({ converter, max, min, numberRangeExactMessageDetail, numberRangeOverflowMessageDetail, numberRangeUnderflowMessageDetail }) {
+        const numberRangeValidator = (0, hooks_1.useMemo)(() => {
+            if (min !== undefined || max !== undefined) {
+                return new NumberRangeValidator({
+                    converter,
+                    max,
+                    min,
+                    messageDetail: {
+                        exact: numberRangeExactMessageDetail,
+                        rangeOverflow: numberRangeOverflowMessageDetail,
+                        rangeUnderflow: numberRangeUnderflowMessageDetail
+                    }
+                });
+            }
+            return null;
+        }, [converter, min, max]);
+        return numberRangeValidator;
+    }
+    exports.useImplicitNumberRangeValidator = useImplicitNumberRangeValidator;
+});
+
+define('oj-c/input-number/stepBasisUtils',["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.determineSteppedValue = void 0;
+    function determineSteppedValue(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt) {
+        const precision = _precision(stepOpt, initialValue, minOpt);
+        if (precision > 0) {
+            const power = Math.pow(10, precision);
+            const minOptPower = minOpt !== undefined ? Math.round(minOpt * power) : minOpt;
+            const maxOptPower = maxOpt != null ? Math.round(maxOpt * power) : maxOpt;
+            const stepOptPower = Math.round(stepOpt * power);
+            const adjustValuePower = _adjustValueForZeroPrecision(Math.round(step * power), stepOptPower, Math.round(currentParsedValue * power), initialValue !== undefined && initialValue !== null
+                ? Math.round(initialValue * power)
+                : initialValue, maxOptPower, minOptPower);
+            return adjustValuePower / power;
+        }
+        return _adjustValueForZeroPrecision(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt);
+    }
+    exports.determineSteppedValue = determineSteppedValue;
+    function _adjustValueForZeroPrecision(step, stepOpt, currentParsedValue, initialValue, maxOpt, minOpt) {
+        let stepBase = minOpt != null ? minOpt : initialValue;
+        if (stepBase === null || stepBase === undefined) {
+            stepBase = 0;
+        }
+        try {
+            currentParsedValue = parseFloat(currentParsedValue.toFixed(0));
+        }
+        catch (e) {
+            if (e instanceof TypeError) {
+                currentParsedValue = +currentParsedValue;
+            }
+        }
+        let aboveMin = currentParsedValue - stepBase;
+        let rounded = Math.round(aboveMin / stepOpt) * stepOpt;
+        rounded = parseFloat(rounded.toFixed(0));
+        const multiple = rounded === aboveMin;
+        let newValue;
+        if (!multiple) {
+            if (step < 0) {
+                aboveMin = Math.ceil(aboveMin / stepOpt) * stepOpt;
+            }
+            else {
+                aboveMin = Math.floor(aboveMin / stepOpt) * stepOpt;
+            }
+            newValue = stepBase + aboveMin + step;
+        }
+        else {
+            newValue = currentParsedValue + step;
+        }
+        newValue = parseFloat(newValue.toFixed(0));
+        if (minOpt != null && newValue < minOpt) {
+            return minOpt;
+        }
+        if (maxOpt != null && newValue > maxOpt) {
+            let validMax = Math.floor((maxOpt - stepBase) / stepOpt) * stepOpt + stepBase;
+            validMax = parseFloat(validMax.toFixed(0));
+            return validMax;
+        }
+        return newValue;
+    }
+    function _precision(stepOpt, initialValue, minOpt) {
+        let precision = _precisionOf(stepOpt);
+        if (minOpt != null) {
+            precision = Math.max(precision, _precisionOf(minOpt));
+        }
+        if (initialValue != null) {
+            precision = Math.max(precision, _precisionOf(initialValue));
+        }
+        return precision;
+    }
+    function _precisionOf(num) {
+        const str = num.toString();
+        const decimal = str.indexOf('.');
+        return decimal === -1 ? 0 : str.length - decimal - 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"], function (require, exports, useEditableValue_1, useValidators_1, useImplicitNumberConverter_1, useImplicitNumberRangeValidator_1, hooks_1, utils_1, stepBasisUtils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useNumberInputTextPreact = void 0;
+    function useNumberInputTextPreact({ autocomplete = 'on', autofocus, converter: propConverter, disabled, displayOptions, inputPrefix, inputSuffix, labelEdge, labelHint, labelStartWidth, max, messagesCustom, min, numberRangeExactMessageDetail, numberRangeOverflowMessageDetail, numberRangeUnderflowMessageDetail, placeholder, readonly, required, requiredMessageDetail, step, stepperVariant, textAlign, userAssistanceDensity, validators, value: propValue, virtualKeyboard, onMessagesCustomChanged, onRawValueChanged, onTransientValueChanged, onValidChanged, onValueChanged, ...otherProps }, addBusyState) {
+        const minTreatNull = (0, utils_1.treatNull)(min);
+        const maxTreatNull = (0, utils_1.treatNull)(max);
+        const converter = (0, useImplicitNumberConverter_1.useImplicitNumberConverter)({
+            converter: propConverter
+        });
+        const implicitComponentValidator = (0, useImplicitNumberRangeValidator_1.useImplicitNumberRangeValidator)({
+            converter,
+            max: maxTreatNull,
+            min: minTreatNull,
+            numberRangeExactMessageDetail,
+            numberRangeOverflowMessageDetail,
             numberRangeUnderflowMessageDetail
         });
         const { onCommitValue, format, normalizeAndParseValue, methods, textFieldProps, value, setValue, displayValue, setDisplayValue, setTransientValue } = (0, useEditableValue_1.useEditableValue)({
@@ -3088,6 +3354,142 @@ define('oj-c/input-password',["require", "exports", "./input-password/input-pass
     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) {
+    "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)({
+            ariaDescribedBy: otherProps['aria-describedby'],
+            disabled,
+            displayOptions,
+            messagesCustom,
+            readonly,
+            required,
+            requiredMessageDetail,
+            validators,
+            value: propValue,
+            addBusyState,
+            onMessagesCustomChanged,
+            onRawValueChanged,
+            onValidChanged,
+            onValueChanged
+        });
+        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,
+                autoFocus: autofocus,
+                hasClearIcon,
+                hasRevealToggle,
+                isDisabled: disabled,
+                isReadonly: readonly,
+                isRequired: required,
+                isRequiredShown: required && (userAssistanceDensity === 'compact' || hasNoValue),
+                label: labelHint,
+                labelEdge,
+                labelStartWidth,
+                maxLength: (0, utils_1.treatNull)(length?.max),
+                maxLengthUnit: length?.countBy,
+                placeholder,
+                revealToggleLabel: maskIconLabel,
+                textAlign,
+                userAssistanceDensity,
+                virtualKeyboard
+            }
+        };
+    }
+    exports.useInputSensitiveTextPreact = useInputSensitiveTextPreact;
+});
+
+
+define('oj-c/input-sensitive-text/input-sensitive-text',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/compat", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useFormVariantContext", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/UNSAFE_InputSensitiveText", "@oracle/oraclejet-preact/utils/UNSAFE_styles/Layout", "oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText", "ojs/ojvcomponent", "ojs/ojcontext", "./useInputSensitiveTextPreact", "css!oj-c/input-sensitive-text/input-sensitive-text-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, compat_1, UNSAFE_useFormContext_1, UNSAFE_useFormVariantContext_1, UNSAFE_useTabbableMode_1, UNSAFE_InputSensitiveText_1, Layout_1, useAssistiveText_1, ojvcomponent_1, Context, useInputSensitiveTextPreact_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.InputSensitiveText = void 0;
+    const displayOptionsDefault = {
+        messages: 'display',
+        validatorHint: 'display'
+    };
+    const helpDefault = {
+        instruction: ''
+    };
+    const helpHintsDefault = {
+        definition: '',
+        source: ''
+    };
+    const messagesCustomDefault = [];
+    const validatorsDefault = [];
+    const lengthDefault = {
+        countBy: 'codePoint',
+        max: null
+    };
+    const FunctionalInputSensitiveText = (0, compat_1.forwardRef)(({ clearIcon = 'never', columnSpan = 1, disabled = false, displayOptions = displayOptionsDefault, help = helpDefault, helpHints = helpHintsDefault, id, length = lengthDefault, maskIcon = 'visible', messagesCustom = messagesCustomDefault, maskIconLabel, readonly = false, required = false, userAssistanceDensity = 'reflow', validators = validatorsDefault, value = null, ...otherProps }, ref) => {
+        const rootRef = (0, compat_1.useRef)();
+        const inputSensitiveTextRef = (0, compat_1.useRef)();
+        const addBusyState = (0, compat_1.useCallback)((description) => {
+            return rootRef.current
+                ? Context.getContext(rootRef.current)
+                    .getBusyContext()
+                    .addBusyState({ description: `oj-c-input-sensitive-text id=${id} is ${description}` })
+                : () => { };
+        }, []);
+        const { inputSensitiveTextProps, methods } = (0, useInputSensitiveTextPreact_1.useInputSensitiveTextPreact)({
+            clearIcon,
+            columnSpan,
+            disabled,
+            displayOptions,
+            help,
+            helpHints,
+            id,
+            length,
+            maskIcon,
+            maskIconLabel,
+            messagesCustom,
+            readonly,
+            required,
+            userAssistanceDensity,
+            validators,
+            value,
+            ...otherProps
+        }, addBusyState);
+        (0, compat_1.useImperativeHandle)(ref, () => ({
+            blur: () => inputSensitiveTextRef.current?.blur(),
+            focus: () => inputSensitiveTextRef.current?.focus(),
+            ...methods
+        }), [methods]);
+        const assistiveTextProps = (0, useAssistiveText_1.useAssistiveText)({
+            displayOptions,
+            help,
+            helpHints,
+            userAssistanceDensity: inputSensitiveTextProps.userAssistanceDensity,
+            validators
+        });
+        const variant = (0, UNSAFE_useFormVariantContext_1.useFormVariantContext)();
+        const containerProps = {
+            isFormLayout: otherProps.containerReadonly !== undefined,
+            isReadonly: otherProps.containerReadonly,
+            labelWrapping: otherProps.labelWrapping
+        };
+        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_InputSensitiveText_1.InputSensitiveText, { ref: inputSensitiveTextRef, ...assistiveTextProps, ...inputSensitiveTextProps, variant: variant }) }) }));
+    });
+    exports.InputSensitiveText = (0, ojvcomponent_1.registerCustomElement)('oj-c-input-sensitive-text', FunctionalInputSensitiveText, "InputSensitiveText", { "properties": { "clearIcon": { "type": "string", "enumValues": ["conditional", "always", "never"] }, "columnSpan": { "type": "number" }, "containerReadonly": { "type": "boolean", "binding": { "consume": { "name": "containerReadonly" } } }, "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" } } }, "length": { "type": "object", "properties": { "countBy": { "type": "string", "enumValues": ["codePoint", "codeUnit"] }, "max": { "type": "number|null" } } }, "maskIcon": { "type": "string", "enumValues": ["hidden", "visible"] }, "maskIconLabel": { "type": "string" }, "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" } } }, "validators": { "type": "Array<object>|null" }, "value": { "type": "any", "writeback": true }, "virtualKeyboard": { "type": "string", "enumValues": ["number", "search", "auto", "url", "text", "email", "tel"] }, "rawValue": { "type": "string", "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", "autofocus"] }, "methods": { "blur": {}, "focus": {}, "showMessages": {}, "reset": {}, "validate": {} } }, { "clearIcon": "never", "columnSpan": 1, "disabled": false, "displayOptions": { "messages": "display", "validatorHint": "display" }, "help": { "instruction": "" }, "helpHints": { "definition": "", "source": "" }, "length": { "countBy": "codePoint", "max": null }, "maskIcon": "visible", "messagesCustom": [], "readonly": false, "required": false, "userAssistanceDensity": "reflow", "validators": [], "value": null }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    }, { consume: [UNSAFE_useFormVariantContext_1.FormVariantContext, UNSAFE_useTabbableMode_1.TabbableModeContext] });
+});
+
+define('oj-c/input-sensitive-text',["require", "exports", "./input-sensitive-text/input-sensitive-text"], function (require, exports, input_sensitive_text_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.InputSensitiveText = void 0;
+    Object.defineProperty(exports, "InputSensitiveText", { enumerable: true, get: function () { return input_sensitive_text_1.InputSensitiveText; } });
+});
+
 define('oj-c/input-text/useInputTextPreact',["require", "exports", "oj-c/editable-value/utils/utils", "oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue"], function (require, exports, utils_1, useEditableValue_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
@@ -3661,18 +4063,18 @@ define('oj-c/button/button',["require", "exports", "preact/jsx-runtime", '@oracl
                 text: props.tooltip,
                 isDisabled
             });
+            const widthProps = props.width || props.edge !== 'none' ? { style: widthSize } : {};
             if (props.display != 'icons' ||
                 (props.startIcon && props.endIcon && props.display == 'icons') ||
                 (!props.startIcon && !props.endIcon && props.display == 'icons')) {
-                const buttonContent = () => ((0, jsx_runtime_1.jsx)(FunctionalButton, { ref: this.buttonRef, type: "submit", variant: variant, isDisabled: isDisabled, width: '100%', onAction: onAction, "aria-label": accessibleLabel, "aria-describedby": ariaDescribedBy, startIcon: props.startIcon, endIcon: props.endIcon, size: props.size, label: props.display == 'icons'
-                        ? !props.startIcon && !props.endIcon
-                            ? props.label
-                            : ''
-                        : props.label, display: props.display != 'icons' ? props.display : 'all', ...tooltipProps, ...otherProps }));
-                return props.width || props.edge !== 'none' ? ((0, jsx_runtime_1.jsxs)(ojvcomponent_1.Root, { style: widthSize, children: [buttonContent(), tooltipContent] })) : ((0, jsx_runtime_1.jsxs)(ojvcomponent_1.Root, { children: [buttonContent(), tooltipContent] }));
+                return ((0, jsx_runtime_1.jsxs)(ojvcomponent_1.Root, { ...widthProps, children: [(0, jsx_runtime_1.jsx)(FunctionalButton, { ref: this.buttonRef, type: "submit", variant: variant, isDisabled: isDisabled, width: '100%', onAction: onAction, "aria-label": accessibleLabel, "aria-describedby": ariaDescribedBy, startIcon: props.startIcon, endIcon: props.endIcon, size: props.size, label: props.display == 'icons'
+                                ? !props.startIcon && !props.endIcon
+                                    ? props.label
+                                    : ''
+                                : props.label, display: props.display != 'icons' ? props.display : 'all', ...tooltipProps, ...otherProps }), tooltipContent] }));
             }
             else {
-                return ((0, jsx_runtime_1.jsx)(FunctionalIconButton, { ref: this.buttonRef, type: "submit", variant: variant, isDisabled: isDisabled, tooltip: props.tooltip && props.tooltip !== '' ? props.tooltip : props.label, onAction: onAction, "aria-label": accessibleLabel && accessibleLabel !== '' ? accessibleLabel : props.label, "aria-describedby": ariaDescribedBy, size: props.size, ...otherProps, children: props.startIcon ?? props.endIcon }));
+                return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ...widthProps, children: (0, jsx_runtime_1.jsx)(FunctionalIconButton, { width: '100%', ref: this.buttonRef, type: "submit", variant: variant, isDisabled: isDisabled, tooltip: props.tooltip && props.tooltip !== '' ? props.tooltip : props.label, onAction: onAction, "aria-label": accessibleLabel && accessibleLabel !== '' ? accessibleLabel : props.label, "aria-describedby": ariaDescribedBy, size: props.size, ...otherProps, children: props.startIcon ?? props.endIcon }) }));
             }
         }
         blur() {
@@ -4280,10 +4682,12 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
         const handleMutation = (0, hooks_1.useCallback)((event) => {
             if (state.status === 'success' && state.data) {
                 const dataState = state.data;
+                let count = dataState.data.length;
                 let shouldUpdate = false;
                 if (event.detail.add) {
                     const itemsInserted = handleAddRemoveMutation(event.detail.add, dataState, options, true);
                     totalSizeRef.current = totalSizeRef.current + itemsInserted;
+                    count = count + itemsInserted;
                     shouldUpdate = itemsInserted > 0 || dataState.sizePrecision === 'exact';
                     if (itemsInserted === 0) {
                         isDoneRef.current = false;
@@ -4291,7 +4695,8 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
                 }
                 if (event.detail.remove) {
                     const itemsRemoved = handleAddRemoveMutation(event.detail.remove, dataState, options, false);
-                    totalSizeRef.current = totalSizeRef.current - itemsRemoved;
+                    totalSizeRef.current = Math.max(0, totalSizeRef.current - itemsRemoved);
+                    count = Math.max(0, count - itemsRemoved);
                     shouldUpdate = shouldUpdate || itemsRemoved > 0;
                 }
                 let callback;
@@ -4303,7 +4708,7 @@ define('oj-c/hooks/UNSAFE_useListData/useListData',["require", "exports", "ojs/o
                     };
                 }
                 if (shouldUpdate) {
-                    fetchRange({ offset: dataState.offset, count: dataState.data.length }, callback);
+                    fetchRange({ offset: dataState.offset, count }, callback);
                 }
             }
         }, [state, options, fetchRange]);
@@ -5744,11 +6149,11 @@ define('oj-c/meter-circle',["require", "exports", "./meter-circle/meter-circle"]
 });
 
 
-define('oj-c/line-chart/line-chart',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_LineAreaChart", "ojs/ojcontext", "ojs/ojvcomponent", "../hooks/UNSAFE_useChartData/useChartData", "../utils/PRIVATE_chartUtils/events", "../utils/PRIVATE_chartUtils/legendUtils", "../hooks/UNSAFE_useLegendPosition/useLegendPosition", "../hooks/UNSAFE_useVizCategories/useVizCategories", "@oracle/oraclejet-preact/UNSAFE_Legend", "@oracle/oraclejet-preact/UNSAFE_ChartWithLegend", "../utils/PRIVATE_chartUtils/lineAreaUtils", "oj-c/utils/PRIVATE_chartUtils/plotAreaUtils", "css!oj-c/line-chart/line-chart-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, UNSAFE_LineAreaChart_1, Context, ojvcomponent_1, useChartData_1, events_1, legendUtils_1, useLegendPosition_1, useVizCategories_1, UNSAFE_Legend_1, UNSAFE_ChartWithLegend_1, lineAreaUtils_1, plotAreaUtils_1) {
+define('oj-c/line-chart/line-chart',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_LineAreaChart", "ojs/ojcontext", "ojs/ojvcomponent", "../hooks/UNSAFE_useChartData/useChartData", "../utils/PRIVATE_chartUtils/events", "../utils/PRIVATE_chartUtils/legendUtils", "../hooks/UNSAFE_useLegendPosition/useLegendPosition", "../hooks/UNSAFE_useVizCategories/useVizCategories", "@oracle/oraclejet-preact/UNSAFE_Legend", "@oracle/oraclejet-preact/UNSAFE_ChartWithLegend", "../utils/PRIVATE_chartUtils/lineAreaUtils", "oj-c/utils/PRIVATE_chartUtils/plotAreaUtils", "../utils/PRIVATE_chartUtils/axisUtils", "css!oj-c/line-chart/line-chart-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, UNSAFE_LineAreaChart_1, Context, ojvcomponent_1, useChartData_1, events_1, legendUtils_1, useLegendPosition_1, useVizCategories_1, UNSAFE_Legend_1, UNSAFE_ChartWithLegend_1, lineAreaUtils_1, plotAreaUtils_1, axisUtils_1) {
     "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 = [], highlightedCategories = [], highlightMatch = 'any', selection = [], selectionMode = 'none', stack = 'off', legend = {
+    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 }) {
@@ -5794,11 +6199,11 @@ define('oj-c/line-chart/line-chart',["require", "exports", "preact/jsx-runtime",
                 updateHighlighted(detail.itemId);
             }
         };
-        const chart = series.length > 0 && groups.length > 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_LineAreaChart_1.LineAreaChart, { type: "line", width: "100%", height: "100%", series: series, groups: groups, getDataItem: getDataItem, onItemInput: onItemInput, drilling: drilling !== 'seriesOnly' ? drilling : undefined, onItemDrill: itemDrillHandler, onGroupDrill: groupDrillHandler, onSelectionChange: selectionChangeHandler, selectionMode: selectionMode, selectedIds: selectionMode === 'none' ? undefined : selection, orientation: orientation, xAxis: xAxisRest, yAxis: yAxisRest, highlightedIds: highlightedIds.length === 0 ? undefined : highlightedIds, hiddenIds: hiddenIds, plotArea: (0, plotAreaUtils_1.getPlotArea)(plotArea, yMajorTick, yMinorTick, xMajorTick), hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, isStacked: stack === 'on', valueFormats: (0, lineAreaUtils_1.transformValueFormats)(valueFormats), "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'] })) : undefined;
+        const chart = series.length > 0 && groups.length > 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_LineAreaChart_1.LineAreaChart, { type: "line", width: "100%", height: "100%", series: series, groups: groups, getDataItem: getDataItem, onItemInput: onItemInput, drilling: drilling !== 'seriesOnly' ? drilling : undefined, onItemDrill: itemDrillHandler, onGroupDrill: groupDrillHandler, onSelectionChange: selectionChangeHandler, selectionMode: selectionMode, selectedIds: selectionMode === 'none' ? undefined : selection, orientation: orientation, xAxis: (0, axisUtils_1.getPreactAxisProps)({ ...xAxisRest, timeAxisType }), yAxis: (0, axisUtils_1.getPreactAxisProps)(yAxisRest), highlightedIds: highlightedIds.length === 0 ? undefined : highlightedIds, hiddenIds: hiddenIds, plotArea: (0, plotAreaUtils_1.getPlotArea)(plotArea, yMajorTick, yMinorTick, xMajorTick), hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, isStacked: stack === 'on', valueFormats: (0, lineAreaUtils_1.transformValueFormats)(valueFormats), "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'] })) : undefined;
         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, onInput: legendItemInputHandler })) : undefined;
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, 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"] }, "yAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "lineColor": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "lineColor": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } } } }, "xAxis": { "type": "object", "properties": { "majorTick": { "type": "object", "properties": { "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "lineColor": { "type": "string" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } } } }, "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": "any" }, "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 }, "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", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "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", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "rendered": { "type": "string", "enumValues": ["auto", "off", "on"] } } }, "minorTick": { "type": "object", "properties": { "lineColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "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" } } }, "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 }, "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
     });
 });
@@ -5816,7 +6221,7 @@ define('oj-c/line-chart-item/line-chart-item',["require", "exports", '@oracle/or
     exports.LineChartItem = void 0;
     exports.LineChartItem = (0, ojvcomponent_1.registerCustomElement)('oj-c-line-chart-item', ({}) => {
         return null;
-    }, "LineChartItem", { "properties": { "seriesId": { "type": "string" }, "groupId": { "type": "Array<string>" }, "value": { "type": "number" }, "color": { "type": "string" }, "markerDisplayed": { "type": "string", "enumValues": ["auto", "off", "on"] }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerSize": { "type": "number" }, "categories": { "type": "Array<string>" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "LineChartItem", { "properties": { "seriesId": { "type": "string" }, "groupId": { "type": "Array<string>" }, "value": { "type": "number" }, "x": { "type": "string" }, "color": { "type": "string" }, "markerDisplayed": { "type": "string", "enumValues": ["auto", "off", "on"] }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerSize": { "type": "number" }, "categories": { "type": "Array<string>" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "shortDesc": { "type": "string" } } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -5837,7 +6242,7 @@ define('oj-c/line-chart-series/line-chart-series',["require", "exports", '@oracl
     };
     exports.LineChartSeries = (0, ojvcomponent_1.registerCustomElement)('oj-c-line-chart-series', ({ drilling = exports.LineChartSeriesDefaults.drilling, ...props }) => {
         return null;
-    }, "LineChartSeries", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineType": { "type": "string", "enumValues": ["curved", "straight"] }, "lineWidth": { "type": "number" }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerColor": { "type": "string" }, "markerDisplayed": { "type": "string" }, "markerSize": { "type": "number" }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "LineChartSeries", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineType": { "type": "string", "enumValues": ["curved", "straight"] }, "lineWidth": { "type": "number" }, "markerShape": { "type": "string", "enumValues": ["auto", "square", "circle", "diamond", "human", "plus", "star", "triangleDown", "triangleUp"] }, "markerColor": { "type": "string" }, "markerDisplayed": { "type": "string" }, "markerSize": { "type": "number" }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, { "drilling": "inherit" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -5858,7 +6263,7 @@ define('oj-c/line-chart-group/line-chart-group',["require", "exports", '@oracle/
     };
     exports.LineChartGroup = (0, ojvcomponent_1.registerCustomElement)('oj-c-line-chart-group', ({ drilling = exports.LineChartGroupDefaults.drilling, ...props }) => {
         return null;
-    }, "LineChartGroup", { "properties": { "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "LineChartGroup", { "properties": { "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] }, "name": { "type": "string" }, "shortDesc": { "type": "string" } } }, { "drilling": "inherit" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -6231,11 +6636,108 @@ define('oj-c/radioset/radioset',["require", "exports", "preact/jsx-runtime", '@o
     }, { consume: [UNSAFE_useTabbableMode_1.TabbableModeContext] });
 });
 
-define('oj-c/radioset',["require", "exports", "./radioset/radioset"], function (require, exports, radioset_1) {
+define('oj-c/radioset',["require", "exports", "./radioset/radioset"], function (require, exports, radioset_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Radioset = void 0;
+    Object.defineProperty(exports, "Radioset", { enumerable: true, get: function () { return radioset_1.Radioset; } });
+});
+
+define('oj-c/utils/PRIVATE_ItemsMenu/menu-item-icon',["require", "exports", "preact/jsx-runtime"], function (require, exports, jsx_runtime_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MenuItemIcon = void 0;
+    function MenuItemIcon(props) {
+        if (props.icon.type === 'img') {
+            return (0, jsx_runtime_1.jsx)("img", { src: props.icon.src });
+        }
+        else {
+            return (0, jsx_runtime_1.jsx)("span", { class: props.icon.class });
+        }
+    }
+    exports.MenuItemIcon = MenuItemIcon;
+});
+
+define('oj-c/utils/PRIVATE_ItemsMenu/menu-select-items',["require", "exports", "preact/jsx-runtime", "./menu-item-icon", "@oracle/oraclejet-preact/UNSAFE_Menu"], function (require, exports, jsx_runtime_1, menu_item_icon_1, UNSAFE_Menu_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Radioset = void 0;
-    Object.defineProperty(exports, "Radioset", { enumerable: true, get: function () { return radioset_1.Radioset; } });
+    exports.MenuSelectItems = void 0;
+    function MenuSelectItems(props) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.items.map((item) => {
+                return (item && ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.SelectMenuItem, { label: item.label, isDisabled: item.disabled, endIcon: item.endIcon ? (0, jsx_runtime_1.jsx)(menu_item_icon_1.MenuItemIcon, { icon: item.endIcon }) : undefined, value: item.value })));
+            }) }));
+    }
+    exports.MenuSelectItems = MenuSelectItems;
+});
+
+define('oj-c/utils/PRIVATE_ItemsMenu/items-menu',["require", "exports", "preact/jsx-runtime", "./menu-item-icon", "./menu-select-items", "@oracle/oraclejet-preact/UNSAFE_Menu"], function (require, exports, jsx_runtime_1, menu_item_icon_1, menu_select_items_1, UNSAFE_Menu_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ItemsMenu = void 0;
+    const ItemsMenu = ({ items = [], selection = {}, onSelectionChanged, onOjMenuAction, isSplitMenu = false }) => {
+        const getSingleGroupSelection = (key) => {
+            const item = selection[key];
+            return item && typeof item == 'string' ? item : undefined;
+        };
+        const getMultipleGroupSelection = (key) => {
+            const item = selection[key];
+            return Array.isArray(item) ? item : [];
+        };
+        const setSelectionValue = (selection, key, value) => {
+            const updatedSelection = { ...selection };
+            if (Array.isArray(value) && value.length === 0) {
+                delete updatedSelection[key];
+            }
+            else {
+                updatedSelection[key] = value;
+            }
+            return updatedSelection;
+        };
+        const getItemActionHandler = (key, onAction) => {
+            return () => {
+                onAction?.();
+                onOjMenuAction?.({ key });
+            };
+        };
+        const getCommit = (key, selection) => {
+            return (detail) => {
+                onSelectionChanged?.(setSelectionValue(selection, key, detail.value));
+            };
+        };
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items.map((item) => {
+                switch (item.type) {
+                    case 'divider':
+                    case 'separator':
+                        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;
+                    case 'selectsingle':
+                        if (item.items && item.key && !isSplitMenu) {
+                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.SelectSingleMenuGroup, { value: getSingleGroupSelection(item.key), onCommit: getCommit(item.key, selection), children: (0, jsx_runtime_1.jsx)(menu_select_items_1.MenuSelectItems, { items: item.items }) }));
+                        }
+                        return;
+                    case 'selectmultiple':
+                        if (item.items && item.key && !isSplitMenu) {
+                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.SelectMultipleMenuGroup, { value: getMultipleGroupSelection(item.key), onCommit: getCommit(item.key, selection), children: (0, jsx_runtime_1.jsx)(menu_select_items_1.MenuSelectItems, { items: item.items }) }));
+                        }
+                        return;
+                    case undefined:
+                    case 'item':
+                        if (item.label) {
+                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuItem, { label: item.label, isDisabled: item.disabled, variant: !isSplitMenu ? item.variant : undefined, startIcon: !isSplitMenu &&
+                                    item.startIcon && (0, jsx_runtime_1.jsx)(menu_item_icon_1.MenuItemIcon, { icon: item.startIcon }), endIcon: !isSplitMenu &&
+                                    item.endIcon && (0, jsx_runtime_1.jsx)(menu_item_icon_1.MenuItemIcon, { icon: item.endIcon }), onAction: getItemActionHandler(item.key, item.onAction) }));
+                        }
+                        return;
+                    default:
+                        return;
+                }
+            }) }));
+    };
+    exports.ItemsMenu = ItemsMenu;
 });
 
 
@@ -6245,41 +6747,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-define('oj-c/split-menu-button/split-menu-button',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SplitMenuButton", "@oracle/oraclejet-preact/UNSAFE_Menu", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "preact", "preact/hooks", "preact/compat", "ojs/ojvcomponent", "css!oj-c/split-menu-button/split-menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SplitMenuButton_1, UNSAFE_Menu_1, UNSAFE_useTabbableMode_1, preact_1, hooks_1, compat_1, ojvcomponent_1) {
+define('oj-c/split-menu-button/split-menu-button',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_SplitMenuButton", "@oracle/oraclejet-preact/hooks/UNSAFE_useTooltip", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "@oracle/oraclejet-preact/utils/UNSAFE_mergeProps", "preact", "preact/hooks", "preact/compat", "ojs/ojvcomponent", "../utils/PRIVATE_ItemsMenu/items-menu", "css!oj-c/split-menu-button/split-menu-button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_SplitMenuButton_1, UNSAFE_useTooltip_1, UNSAFE_useTabbableMode_1, UNSAFE_mergeProps_1, preact_1, hooks_1, compat_1, ojvcomponent_1, items_menu_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SplitMenuButton = void 0;
-    const FunctionalSplitMenuButton = (0, compat_1.forwardRef)((props, ref) => {
-        const buttonRef = (0, hooks_1.useRef)(null);
-        (0, hooks_1.useImperativeHandle)(ref, () => ({
-            focus: () => buttonRef.current?.focus(),
-            blur: () => buttonRef.current?.blur(),
-            doAction: () => buttonRef.current?.dispatchEvent(new Event('ojAction', { bubbles: true }))
-        }), []);
-        return (0, jsx_runtime_1.jsx)(UNSAFE_SplitMenuButton_1.SplitMenuButton, { ref: buttonRef, ...props });
-    });
     let SplitMenuButton = class SplitMenuButton extends preact_1.Component {
         constructor() {
             super(...arguments);
             this.buttonRef = (0, preact_1.createRef)();
-            this.renderMenu = (items) => {
-                return items.map((item) => {
-                    if (item && (item.type === 'divider' || item.type === 'separator')) {
-                        return (0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuSeparator, {});
-                    }
-                    else if ((item.type === 'item' || !item.type) && item.label) {
-                        return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuItem, { label: item.label, isDisabled: item.disabled, onAction: item.onAction }));
-                    }
-                    else {
-                        return;
-                    }
-                });
-            };
         }
         render(props) {
-            const { chroming, label, disabled, size, onOjAction: onAction, items } = { ...props };
-            const widthSize = { width: props.width };
-            return props.width ? ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { style: widthSize, children: (0, jsx_runtime_1.jsx)(FunctionalSplitMenuButton, { label: label, ref: this.buttonRef, variant: chroming, size: size, width: '100%', isDisabled: disabled, onAction: onAction, children: this.renderMenu(items) }) })) : ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(FunctionalSplitMenuButton, { label: label, ref: this.buttonRef, variant: chroming, size: size, width: '100%', isDisabled: disabled, onAction: onAction, children: this.renderMenu(items) }) }));
+            const { chroming, label, disabled, size, items, tooltip, onOjMenuAction, 'aria-describedby': ariaDescribedBy, onOjAction: onAction } = { ...props };
+            const widthSize = props.width ? { width: props.width } : {};
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { style: widthSize, children: (0, jsx_runtime_1.jsx)(FunctionalSplitMenuButton, { tooltip: tooltip, label: label, ref: this.buttonRef, variant: chroming, size: size, width: '100%', "aria-describedby": ariaDescribedBy, isDisabled: disabled, onAction: onAction, children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { isSplitMenu: true, items: items, onOjMenuAction: onOjMenuAction }) }) }));
         }
         blur() {
             this.buttonRef.current?.blur();
@@ -6299,7 +6779,7 @@ define('oj-c/split-menu-button/split-menu-button',["require", "exports", "preact
         size: 'md',
         items: []
     };
-    SplitMenuButton._metadata = { "properties": { "label": { "type": "string" }, "items": { "type": "Array<object>" }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "width": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["solid", "outlined", "callToAction"] } }, "events": { "ojAction": { "bubbles": true } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["title"] }, "methods": { "blur": {}, "focus": {}, "doAction": {} } };
+    SplitMenuButton._metadata = { "properties": { "label": { "type": "string" }, "items": { "type": "Array<object>" }, "tooltip": { "type": "string" }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "width": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["solid", "outlined", "callToAction"] } }, "events": { "ojMenuAction": { "bubbles": true }, "ojAction": { "bubbles": true } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["aria-describedby"] }, "methods": { "blur": {}, "focus": {}, "doAction": {} } };
     SplitMenuButton._translationBundleMap = {
         '@oracle/oraclejet-preact': translationBundle_1.default
     };
@@ -6307,6 +6787,19 @@ define('oj-c/split-menu-button/split-menu-button',["require", "exports", "preact
     exports.SplitMenuButton = SplitMenuButton = __decorate([
         (0, ojvcomponent_1.customElement)('oj-c-split-menu-button')
     ], SplitMenuButton);
+    const FunctionalSplitMenuButton = (0, compat_1.forwardRef)((props, ref) => {
+        const buttonRef = (0, hooks_1.useRef)(null);
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => buttonRef.current?.focus(),
+            blur: () => buttonRef.current?.blur(),
+            doAction: () => buttonRef.current?.dispatchEvent(new Event('ojAction', { bubbles: true }))
+        }), []);
+        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_SplitMenuButton_1.SplitMenuButton, { ref: buttonRef, ...(0, UNSAFE_mergeProps_1.mergeProps)(props, tooltipProps) }), tooltipContent] }));
+    });
 });
 
 define('oj-c/split-menu-button',["require", "exports", "./split-menu-button/split-menu-button"], function (require, exports, split_menu_button_1) {
@@ -6341,7 +6834,7 @@ define('oj-c/selector-all/selector-all',["require", "exports", "preact/jsx-runti
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SelectorAll = void 0;
-    const SelectorAllImpl = ({ selectedKeys, onSelectedKeysChanged }) => {
+    const SelectorAllImpl = ({ selectedKeys, onSelectedKeysChanged, showTooltip, ...otherProps }) => {
         const keys = selectedKeys.keys;
         const selected = (keys.all
             ? keys.deletedKeys.size > 0
@@ -6352,9 +6845,9 @@ define('oj-c/selector-all/selector-all',["require", "exports", "preact/jsx-runti
                 : 'none');
         return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(UNSAFE_SelectorAll_1.SelectorAll, { selected: selected, onChange: (detail) => {
                     onSelectedKeysChanged?.((0, keySetUtils_1.keysToKeySet)(detail.value));
-                } }) }));
+                }, showTooltip: showTooltip, ...otherProps }) }));
     };
-    exports.SelectorAll = (0, ojvcomponent_1.registerCustomElement)('oj-c-selector-all', SelectorAllImpl, "SelectorAll", { "properties": { "selectedKeys": { "type": "object", "writeback": true } }, "extension": { "_WRITEBACK_PROPS": ["selectedKeys"], "_READ_ONLY_PROPS": [] } }, undefined, {
+    exports.SelectorAll = (0, ojvcomponent_1.registerCustomElement)('oj-c-selector-all', SelectorAllImpl, "SelectorAll", { "properties": { "selectedKeys": { "type": "object", "writeback": true }, "showTooltip": { "type": "string", "enumValues": ["disabled", "enabled"] } }, "extension": { "_WRITEBACK_PROPS": ["selectedKeys"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-labelledby"] } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -6379,7 +6872,7 @@ define('oj-c/legend-item/legend-item',["require", "exports", '@oracle/oraclejet-
     };
     exports.LegendItem = (0, ojvcomponent_1.registerCustomElement)('oj-c-legend-item', ({ markerShape = exports.LegendItemDefaults.markerShape, symbolType = exports.LegendItemDefaults.symbolType, borderColor = exports.LegendItemDefaults.borderColor, categories = exports.LegendItemDefaults.categories, lineStyle = exports.LegendItemDefaults.lineStyle, ...props }) => {
         return null;
-    }, "LegendItem", { "properties": { "text": { "type": "string" }, "categories": { "type": "Array<string>" }, "symbolType": { "type": "string", "enumValues": ["marker", "image", "line", "lineWithMarker"] }, "source": { "type": "string" }, "color": { "type": "string" }, "borderColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "markerShape": { "type": "string", "enumValues": ["square", "circle", "ellipse", "diamond", "human", "plus", "star", "triangleDown", "triangleUp", "rectangle"] }, "markerColor": { "type": "string" }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "LegendItem", { "properties": { "text": { "type": "string" }, "categories": { "type": "Array<string>" }, "symbolType": { "type": "string", "enumValues": ["marker", "image", "line", "lineWithMarker"] }, "source": { "type": "string" }, "color": { "type": "string" }, "borderColor": { "type": "string" }, "lineStyle": { "type": "string", "enumValues": ["dashed", "dotted", "solid"] }, "lineWidth": { "type": "number" }, "markerShape": { "type": "string", "enumValues": ["square", "circle", "ellipse", "diamond", "human", "plus", "star", "triangleDown", "triangleUp", "rectangle"] }, "markerColor": { "type": "string" }, "shortDesc": { "type": "string" } } }, { "markerShape": "square", "symbolType": "marker", "borderColor": "", "categories": [], "lineStyle": "solid" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -6393,7 +6886,7 @@ define('oj-c/legend-section/legend-section',["require", "exports", '@oracle/orac
     };
     exports.LegendSection = (0, ojvcomponent_1.registerCustomElement)('oj-c-legend-section', ({ text = exports.LegendSectionDefaults.text, ...props }) => {
         return null;
-    }, "LegendSection", { "properties": { "text": { "type": "string" } } }, undefined, {
+    }, "LegendSection", { "properties": { "text": { "type": "string" } } }, { "text": "" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -6699,7 +7192,7 @@ define('oj-c/tag-cloud-item/tag-cloud-item',["require", "exports", '@oracle/orac
     };
     exports.TagCloudItem = (0, ojvcomponent_1.registerCustomElement)('oj-c-tag-cloud-item', ({ categories = exports.TagCloudItemDefaults.categories, ...props }) => {
         return null;
-    }, "TagCloudItem", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "label": { "type": "string" }, "value": { "type": "number|null" }, "url": { "type": "string" }, "shortDesc": { "type": "string" } } }, undefined, {
+    }, "TagCloudItem", { "properties": { "categories": { "type": "Array<string>" }, "color": { "type": "string" }, "label": { "type": "string" }, "value": { "type": "number|null" }, "url": { "type": "string" }, "shortDesc": { "type": "string" } } }, { "categories": [] }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });
@@ -7059,101 +7552,6 @@ define('oj-c/labelled-link',["require", "exports", "./labelled-link/labelled-lin
     Object.defineProperty(exports, "LabelledLink", { enumerable: true, get: function () { return labelled_link_1.LabelledLink; } });
 });
 
-define('oj-c/utils/PRIVATE_ItemsMenu/menu-item-icon',["require", "exports", "preact/jsx-runtime"], function (require, exports, jsx_runtime_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MenuItemIcon = void 0;
-    function MenuItemIcon(props) {
-        if (props.icon.type === 'img') {
-            return (0, jsx_runtime_1.jsx)("img", { src: props.icon.src });
-        }
-        else {
-            return (0, jsx_runtime_1.jsx)("span", { class: props.icon.class });
-        }
-    }
-    exports.MenuItemIcon = MenuItemIcon;
-});
-
-define('oj-c/utils/PRIVATE_ItemsMenu/menu-select-items',["require", "exports", "preact/jsx-runtime", "./menu-item-icon", "@oracle/oraclejet-preact/UNSAFE_Menu"], function (require, exports, jsx_runtime_1, menu_item_icon_1, UNSAFE_Menu_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MenuSelectItems = void 0;
-    function MenuSelectItems(props) {
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.items.map((item) => {
-                return (item && ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.SelectMenuItem, { label: item.label, isDisabled: item.disabled, endIcon: item.endIcon ? (0, jsx_runtime_1.jsx)(menu_item_icon_1.MenuItemIcon, { icon: item.endIcon }) : undefined, value: item.value })));
-            }) }));
-    }
-    exports.MenuSelectItems = MenuSelectItems;
-});
-
-define('oj-c/utils/PRIVATE_ItemsMenu/items-menu',["require", "exports", "preact/jsx-runtime", "./menu-item-icon", "./menu-select-items", "@oracle/oraclejet-preact/UNSAFE_Menu"], function (require, exports, jsx_runtime_1, menu_item_icon_1, menu_select_items_1, UNSAFE_Menu_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ItemsMenu = void 0;
-    const ItemsMenu = ({ items = [], selection = {}, onSelectionChanged, onOjMenuAction }) => {
-        const getSingleGroupSelection = (key) => {
-            const item = selection[key];
-            return item && typeof item == 'string' ? item : undefined;
-        };
-        const getMultipleGroupSelection = (key) => {
-            const item = selection[key];
-            return Array.isArray(item) ? item : [];
-        };
-        const setSelectionValue = (selection, key, value) => {
-            const updatedSelection = { ...selection };
-            if (Array.isArray(value) && value.length === 0) {
-                delete updatedSelection[key];
-            }
-            else {
-                updatedSelection[key] = value;
-            }
-            return updatedSelection;
-        };
-        const getItemActionHandler = (key, onAction) => {
-            return () => {
-                onAction?.();
-                onOjMenuAction?.({ key });
-            };
-        };
-        const getCommit = (key, selection) => {
-            return (detail) => {
-                onSelectionChanged?.(setSelectionValue(selection, key, detail.value));
-            };
-        };
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items.map((item) => {
-                switch (item.type) {
-                    case 'divider':
-                    case 'separator':
-                        return (0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuSeparator, {});
-                    case 'submenu':
-                        if (item.items && item.label) {
-                            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;
-                    case 'selectsingle':
-                        if (item.items && item.key) {
-                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.SelectSingleMenuGroup, { value: getSingleGroupSelection(item.key), onCommit: getCommit(item.key, selection), children: (0, jsx_runtime_1.jsx)(menu_select_items_1.MenuSelectItems, { items: item.items }) }));
-                        }
-                        return;
-                    case 'selectmultiple':
-                        if (item.items && item.key) {
-                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.SelectMultipleMenuGroup, { value: getMultipleGroupSelection(item.key), onCommit: getCommit(item.key, selection), children: (0, jsx_runtime_1.jsx)(menu_select_items_1.MenuSelectItems, { items: item.items }) }));
-                        }
-                        return;
-                    case undefined:
-                    case 'item':
-                        if (item.label) {
-                            return ((0, jsx_runtime_1.jsx)(UNSAFE_Menu_1.MenuItem, { label: item.label, isDisabled: item.disabled, variant: item.variant, startIcon: item.startIcon && (0, jsx_runtime_1.jsx)(menu_item_icon_1.MenuItemIcon, { icon: item.startIcon }), endIcon: item.endIcon && (0, jsx_runtime_1.jsx)(menu_item_icon_1.MenuItemIcon, { icon: item.endIcon }), onAction: getItemActionHandler(item.key, item.onAction) }));
-                        }
-                        return;
-                    default:
-                        return;
-                }
-            }) }));
-    };
-    exports.ItemsMenu = ItemsMenu;
-});
-
 
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -7176,8 +7574,8 @@ define('oj-c/menu-button/menu-button',["require", "exports", "preact/jsx-runtime
         render(props) {
             const { chroming, label, disabled, suffix, size, items, display, startIcon, endIcon, selection, onSelectionChanged, onOjMenuAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, ...otherProps } = { ...props };
             const { bool: isOpen, toggle: toggleOpen } = (0, UNSAFE_useToggle_1.useToggle)();
-            const widthSize = props.width ? { width: props.width } : {};
-            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { style: widthSize, children: display !== 'icons' || (startIcon && endIcon) ? ((0, jsx_runtime_1.jsx)(FunctionalMenuButton, { isMenuOpen: isOpen, onToggleMenu: toggleOpen, label: display === 'icons' ? (!startIcon ? label : '') : label, suffix: display === 'icons' ? (!startIcon ? suffix : '') : suffix, ref: this.buttonRef, variant: chroming, size: size, width: '100%', "aria-label": accessibleLabel, "aria-describedby": ariaDescribedBy, icon: display !== 'label' ? props.startIcon : null, isDisabled: disabled, ...otherProps, children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuAction: onOjMenuAction }) })) : ((0, jsx_runtime_1.jsx)(FunctionalIconMenuButton, { isMenuOpen: isOpen, width: '100%', onToggleMenu: toggleOpen, ref: this.buttonRef, variant: chroming, isDisabled: disabled, tooltip: props.tooltip, accessibleLabel: accessibleLabel && accessibleLabel !== '' ? accessibleLabel : props.label, "aria-describedby": ariaDescribedBy, size: props.size, isIconOnly: (!props.startIcon && props.endIcon) || (!props.startIcon && !props.endIcon)
+            const widthProps = props.width ? { style: { width: props.width } } : {};
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ...widthProps, children: display !== 'icons' || (startIcon && endIcon) ? ((0, jsx_runtime_1.jsx)(FunctionalMenuButton, { isMenuOpen: isOpen, onToggleMenu: toggleOpen, label: display === 'icons' ? (!startIcon ? label : '') : label, suffix: display === 'icons' ? (!startIcon ? suffix : '') : suffix, ref: this.buttonRef, variant: chroming, size: size, width: '100%', "aria-label": accessibleLabel, "aria-describedby": ariaDescribedBy, icon: display !== 'label' ? props.startIcon : null, isDisabled: disabled, ...otherProps, children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuAction: onOjMenuAction }) })) : ((0, jsx_runtime_1.jsx)(FunctionalIconMenuButton, { isMenuOpen: isOpen, width: '100%', onToggleMenu: toggleOpen, ref: this.buttonRef, variant: chroming, isDisabled: disabled, tooltip: props.tooltip, accessibleLabel: accessibleLabel && accessibleLabel !== '' ? accessibleLabel : props.label, "aria-describedby": ariaDescribedBy, size: props.size, isIconOnly: (!props.startIcon && props.endIcon) || (!props.startIcon && !props.endIcon)
                         ? display === 'icons'
                         : false, ...otherProps, icon: props.startIcon ?? (props.endIcon ? props.endIcon : (0, jsx_runtime_1.jsx)(this.OverFlowIcon, {})), children: (0, jsx_runtime_1.jsx)(items_menu_1.ItemsMenu, { items: items, selection: selection, onSelectionChanged: onSelectionChanged, onOjMenuAction: onOjMenuAction }) })) }));
         }
@@ -7234,6 +7632,138 @@ define('oj-c/menu-button',["require", "exports", "./menu-button/menu-button"], f
     Object.defineProperty(exports, "MenuButton", { enumerable: true, get: function () { return menu_button_1.MenuButton; } });
 });
 
+define('oj-c/tab-bar-mixed/DataTabBarMixedIcon',["require", "exports", "preact/jsx-runtime"], function (require, exports, jsx_runtime_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataTabBarMixedIcon = void 0;
+    function DataTabBarMixedIcon(props) {
+        const { icon } = props;
+        if (!icon) {
+            return null;
+        }
+        if (icon.type === 'class') {
+            return (0, jsx_runtime_1.jsx)("span", { class: icon.class });
+        }
+        return null;
+    }
+    exports.DataTabBarMixedIcon = DataTabBarMixedIcon;
+});
+
+define('oj-c/tab-bar-mixed/sumBadge',["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.sumBadge = void 0;
+    function sumBadge(items) {
+        return items.reduce((total, item) => {
+            if (!item.badge) {
+                return total;
+            }
+            const num = Number(item.badge);
+            if (!Number.isInteger(num)) {
+                console.warn(`Item with itemKey ${item.itemKey} provided a badge of '${item.badge}', expected integer`);
+                return total;
+            }
+            if (num < 0) {
+                console.warn(`Item with itemKey ${item.itemKey} provided a negative numerical badge value of '${item.badge}', expected positive integer. This will be discarded from total.`);
+                return total;
+            }
+            return total + item.badge;
+        }, 0);
+    }
+    exports.sumBadge = sumBadge;
+});
+
+define('oj-c/tab-bar-mixed/DataTabBarMixed',["require", "exports", "preact/jsx-runtime", "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_ConveyorBelt", "@oracle/oraclejet-preact/UNSAFE_TabBarMixed", "./DataTabBarMixedIcon", "./sumBadge", "preact"], function (require, exports, jsx_runtime_1, hooks_1, UNSAFE_ConveyorBelt_1, UNSAFE_TabBarMixed_1, DataTabBarMixedIcon_1, sumBadge_1, preact_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataTabBarMixed = void 0;
+    function DataTabBarMixed(props) {
+        const { dynamicTabs = [], dynamicTabsOverflowIcon, dynamicTabsOverflow, onRemove, onSelect, selection, separatorPadding, size = 'lg', staticTabs = [], staticTabsDisplay, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;
+        const [isOverflowMenuOpen, setIsOverflowMenuOpen] = (0, hooks_1.useState)(false);
+        const tabBarMixedRef = (0, preact_1.createRef)();
+        const isOutsideMouseDown = (0, hooks_1.useRef)(false);
+        const handleClose = (e) => {
+            if (tabBarMixedRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {
+                tabBarMixedRef?.current?.focus();
+            }
+            if (e.reason === 'outsideMousedown') {
+                isOutsideMouseDown.current = true;
+            }
+            setIsOverflowMenuOpen(false);
+        };
+        const handleSelect = (event) => {
+            if (event.value && event.value === 'overflow') {
+                if (isOutsideMouseDown.current) {
+                    setIsOverflowMenuOpen(false);
+                }
+                else {
+                    setIsOverflowMenuOpen(true);
+                }
+            }
+            else if (onSelect) {
+                onSelect(event);
+            }
+            isOutsideMouseDown.current = false;
+        };
+        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) => ({
+                                itemKey: tab.itemKey,
+                                badge: tab.badge ? tab.badge.toString() : undefined,
+                                label: tab.label,
+                                isRemovable: true
+                            })) }))] }), dynamicTabsOverflow === 'conveyor' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isDividerVisible && (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarMixedSeparator, { padding: separatorPadding }), (0, jsx_runtime_1.jsx)(UNSAFE_ConveyorBelt_1.ConveyorBelt, { children: (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarLayout, { display: "standard", layout: "condense", children: dynamicTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.RemovableTabBarItem, { badge: tab.badge ? tab.badge.toString() : undefined, itemKey: tab.itemKey, label: tab.label, "aria-controls": tab.tabPanelId }))) }) })] }))] }));
+    }
+    exports.DataTabBarMixed = DataTabBarMixed;
+});
+
+define('oj-c/tab-bar-mixed/tab-bar-mixed',["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "./DataTabBarMixed"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, DataTabBarMixed_1) {
+    "use strict";
+    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 handleRemove = (event) => {
+            if (onOjRemove) {
+                onOjRemove({ key: event.value });
+            }
+        };
+        const handleSelect = (event) => {
+            if (onOjSelectionAction) {
+                onOjSelectionAction({ previousValue: selection || '', value: event.value });
+            }
+            if (selection === event.value) {
+                return;
+            }
+            (async () => {
+                handleOnSelectionChanged: {
+                    if (onOjBeforeSelect) {
+                        try {
+                            await onOjBeforeSelect({ key: event.value });
+                        }
+                        catch {
+                            break handleOnSelectionChanged;
+                        }
+                    }
+                    if (onSelectionChanged) {
+                        onSelectionChanged(event.value);
+                    }
+                }
+            })();
+        };
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby }) }));
+    }, "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
+    });
+});
+
+define('oj-c/tab-bar-mixed',["require", "exports", "./tab-bar-mixed/tab-bar-mixed"], function (require, exports, tab_bar_mixed_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBarMixed = void 0;
+    Object.defineProperty(exports, "TabBarMixed", { enumerable: true, get: function () { return tab_bar_mixed_1.TabBarMixed; } });
+});
+
 
 define("corepackbundle", function(){});