@oracle/oraclejet-core-pack 17.1.3 → 18.0.0

package/oj-c/legend/legend.js

@@ -1,26 +1,32 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_Legend", "../hooks/UNSAFE_useVisBusyState/useVisBusyState", "@oracle/oraclejet-preact/UNSAFE_SectionalLegend", "ojs/ojvcomponent", "./utils", "../hooks/UNSAFE_useDataProvider/useDataProvider", "../utils/UNSAFE_vizUtils/TemplateHandler", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "preact/compat", "../hooks/UNSAFE_useVizCategories/useVizCategories", "./events", "./useSectionData", "css!oj-c/legend/legend-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, UNSAFE_Legend_1, useVisBusyState_1, UNSAFE_SectionalLegend_1, ojvcomponent_1, utils_1, useDataProvider_1, TemplateHandler_1, UNSAFE_useTranslationBundle_1, compat_1, useVizCategories_1, events_1, useSectionData_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "preact/compat", "@oracle/oraclejet-preact/UNSAFE_Legend", "@oracle/oraclejet-preact/hooks/UNSAFE_useVisBusyStateContext", "../hooks/UNSAFE_useVisBusyState/useVisBusyState", "@oracle/oraclejet-preact/UNSAFE_SectionalLegend", "ojs/ojvcomponent", "./utils", "../hooks/UNSAFE_useDataProvider/useDataProvider", "../utils/UNSAFE_vizUtils/TemplateHandler", "@oracle/oraclejet-preact/hooks/UNSAFE_useTranslationBundle", "preact/compat", "../hooks/UNSAFE_useVizCategories/useVizCategories", "./events", "./useSectionData", "oj-c/hooks/PRIVATE_useVisContextMenu/useVisContextMenu", "css!oj-c/legend/legend-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, compat_1, UNSAFE_Legend_1, UNSAFE_useVisBusyStateContext_1, useVisBusyState_1, UNSAFE_SectionalLegend_1, ojvcomponent_1, utils_1, useDataProvider_1, TemplateHandler_1, UNSAFE_useTranslationBundle_1, compat_2, useVizCategories_1, events_1, useSectionData_1, useVisContextMenu_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.LinearLegend = exports.Legend = void 0;
+    exports.SectionalLegend = exports.LinearLegend = exports.Legend = void 0;
     const HIGHLIGHTED_DEFAULT = [];
     const HIDDEN_DEFAULT = [];
     const TEXTSTYLE_DEFAULT = {};
     const SECTION_TITLE_DEFAULT = {};
-    function LegendComp({ data = null, drilling = 'off', halign = 'start', valign = 'top', hiddenCategories = HIDDEN_DEFAULT, hideAndShowBehavior = 'off', highlightedCategories = HIGHLIGHTED_DEFAULT, hoverBehavior = 'none', orientation = 'vertical', symbolHeight = 0, symbolWidth = 0, textStyle = TEXTSTYLE_DEFAULT, sectionTitleStyle = SECTION_TITLE_DEFAULT, sectionTitleHalign = 'start', ...props }) {
+    exports.Legend = (0, ojvcomponent_1.registerCustomElement)('oj-c-legend', (0, compat_1.forwardRef)(({ data = null, drilling = 'off', halign = 'start', valign = 'top', hiddenCategories = HIDDEN_DEFAULT, hideAndShowBehavior = 'off', highlightedCategories = HIGHLIGHTED_DEFAULT, hoverBehavior = 'none', orientation = 'vertical', symbolHeight = 0, symbolWidth = 0, textStyle = TEXTSTYLE_DEFAULT, sectionTitleStyle = SECTION_TITLE_DEFAULT, sectionTitleHalign = 'start', contextMenuConfig, onOjContextMenuAction, onOjContextMenuSelection, itemTemplate, sectionTemplate, onOjDrill, ...props }, ref) => {
         const rootRef = (0, hooks_1.useRef)(null);
-        const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-legend');
+        const busyStateContext = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-legend: ');
+        const legendRef = (0, hooks_1.useRef)(null);
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            _getPreferredSize: (_width, _height) => {
+                return legendRef.current._getPreferredSize(_width, _height);
+            }
+        }));
         const isTreeData = (0, utils_1.isTreeDataProvider)(data);
         const { width: symWidth, height: symHeight } = (0, utils_1.getDefaultSymbolDims)(symbolHeight, symbolWidth);
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, class: `oj-c-legend-${halign} oj-c-legend-${valign}`, children: isTreeData ? ((0, jsx_runtime_1.jsx)(SectionalLegend, { data: data, ...props, addBusyState: addBusyState, drilling: drilling, hiddenCategories: hiddenCategories, hideAndShowBehavior: hideAndShowBehavior, highlightedCategories: highlightedCategories, hoverBehavior: hoverBehavior, orientation: orientation, symbolHeight: symHeight, symbolWidth: symWidth, textStyle: textStyle, sectionTitleStyle: sectionTitleStyle, sectionTitleHalign: sectionTitleHalign })) : ((0, jsx_runtime_1.jsx)(LinearLegend, { ...props, data: data, drilling: drilling, hiddenCategories: hiddenCategories, hideAndShowBehavior: hideAndShowBehavior, highlightedCategories: highlightedCategories, hoverBehavior: hoverBehavior, orientation: orientation, symbolHeight: symHeight, symbolWidth: symHeight, addBusyState: addBusyState, textStyle: textStyle })) }));
-    }
-    exports.Legend = (0, ojvcomponent_1.registerCustomElement)('oj-c-legend', LegendComp, "Legend", { "properties": { "data": { "type": "DataProvider|null" }, "drilling": { "type": "string", "enumValues": ["off", "on"] }, "halign": { "type": "string", "enumValues": ["center", "end", "start"] }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["off", "on"] }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" }, "textStyle": { "type": "object", "properties": { "color": { "type": "string" }, "fontFamily": { "type": "string" }, "fontSize": { "type": "string" }, "fontStyle": { "type": "string" }, "fontWeight": { "type": "string" }, "textDecoration": { "type": "string" } } }, "valign": { "type": "string", "enumValues": ["top", "bottom", "middle"] }, "sectionTitleStyle": { "type": "object", "properties": { "color": { "type": "string" }, "fontFamily": { "type": "string" }, "fontSize": { "type": "string" }, "fontStyle": { "type": "string" }, "fontWeight": { "type": "string" }, "textDecoration": { "type": "string" } } }, "sectionTitleHalign": { "type": "string", "enumValues": ["center", "end", "start"] } }, "slots": { "itemTemplate": { "data": {} }, "sectionTemplate": { "data": {} } }, "events": { "ojDrill": {} }, "extension": { "_WRITEBACK_PROPS": ["hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "data": null, "drilling": "off", "halign": "start", "valign": "top", "hiddenCategories": [], "hideAndShowBehavior": "off", "highlightedCategories": [], "hoverBehavior": "none", "orientation": "vertical", "symbolHeight": 0, "symbolWidth": 0, "textStyle": {}, "sectionTitleStyle": {}, "sectionTitleHalign": "start" }, {
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(UNSAFE_useVisBusyStateContext_1.VisBusyStateContext.Provider, { value: busyStateContext, children: isTreeData ? ((0, jsx_runtime_1.jsx)(exports.SectionalLegend, { ...props, onOjDrill: onOjDrill, data: data, halign: halign, valign: valign, sectionTemplate: sectionTemplate, itemTemplate: itemTemplate, addBusyState: busyStateContext.addBusyState, drilling: drilling, hiddenCategories: hiddenCategories, hideAndShowBehavior: hideAndShowBehavior, highlightedCategories: highlightedCategories, hoverBehavior: hoverBehavior, orientation: orientation, symbolHeight: symHeight, symbolWidth: symWidth, textStyle: textStyle, sectionTitleStyle: sectionTitleStyle, sectionTitleHalign: sectionTitleHalign, sectionalLegendRef: legendRef, contextMenuConfig: contextMenuConfig, onOjContextMenuAction: onOjContextMenuAction, onOjContextMenuSelection: onOjContextMenuSelection })) : ((0, jsx_runtime_1.jsx)(exports.LinearLegend, { ...props, onOjDrill: onOjDrill, data: data, valign: valign, halign: halign, itemTemplate: itemTemplate, drilling: drilling, hiddenCategories: hiddenCategories, hideAndShowBehavior: hideAndShowBehavior, highlightedCategories: highlightedCategories, hoverBehavior: hoverBehavior, orientation: orientation, symbolHeight: symHeight, symbolWidth: symHeight, addBusyState: busyStateContext.addBusyState, textStyle: textStyle, linearLegendRef: legendRef, contextMenuConfig: contextMenuConfig, onOjContextMenuAction: onOjContextMenuAction, onOjContextMenuSelection: onOjContextMenuSelection })) }) }));
+    }), "Legend", { "properties": { "data": { "type": "DataProvider|null" }, "drilling": { "type": "string", "enumValues": ["off", "on"] }, "halign": { "type": "string", "enumValues": ["center", "end", "start"] }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "hideAndShowBehavior": { "type": "string", "enumValues": ["off", "on"] }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "orientation": { "type": "string", "enumValues": ["horizontal", "vertical"] }, "symbolHeight": { "type": "number" }, "symbolWidth": { "type": "number" }, "textStyle": { "type": "object", "properties": { "color": { "type": "string" }, "fontFamily": { "type": "string" }, "fontSize": { "type": "string" }, "fontStyle": { "type": "string" }, "fontWeight": { "type": "string" }, "textDecoration": { "type": "string" } } }, "valign": { "type": "string", "enumValues": ["top", "bottom", "middle"] }, "sectionTitleStyle": { "type": "object", "properties": { "color": { "type": "string" }, "fontFamily": { "type": "string" }, "fontSize": { "type": "string" }, "fontStyle": { "type": "string" }, "fontWeight": { "type": "string" }, "textDecoration": { "type": "string" } } }, "sectionTitleHalign": { "type": "string", "enumValues": ["center", "end", "start"] }, "contextMenuConfig": { "type": "object", "properties": { "accessibleLabel": { "type": "string" }, "items": { "type": "function" } } } }, "slots": { "itemTemplate": { "data": {} }, "sectionTemplate": { "data": {} } }, "events": { "ojDrill": {}, "ojContextMenuAction": { "bubbles": true }, "ojContextMenuSelection": { "bubbles": true } }, "extension": { "_WRITEBACK_PROPS": ["hiddenCategories", "highlightedCategories"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] }, "methods": { "_getPreferredSize": {} } }, { "data": null, "drilling": "off", "halign": "start", "valign": "top", "hiddenCategories": [], "hideAndShowBehavior": "off", "highlightedCategories": [], "hoverBehavior": "none", "orientation": "vertical", "symbolHeight": 0, "symbolWidth": 0, "textStyle": {}, "sectionTitleStyle": {}, "sectionTitleHalign": "start" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
-    });
-    function LinearLegend({ hoverBehavior, hideAndShowBehavior, hiddenCategories, highlightedCategories, onHiddenCategoriesChanged, onHighlightedCategoriesChanged, drilling, itemTemplate, sectionTemplate, textStyle, orientation, symbolHeight, symbolWidth, ...props }) {
+    }, { consume: [] });
+    const LinearLegend = ({ hoverBehavior, hideAndShowBehavior, hiddenCategories, highlightedCategories, onHiddenCategoriesChanged, onHighlightedCategoriesChanged, drilling, itemTemplate, sectionTemplate, textStyle, orientation, symbolHeight, symbolWidth, valign, halign, contextMenuConfig, onOjContextMenuAction, onOjContextMenuSelection, ...props }) => {
         const { data } = (0, useDataProvider_1.useDataProvider)({
             data: props.data ? props.data : undefined,
             addBusyState: props.addBusyState
         });
+        const idToDPItemMap = new Map(data.map((item) => [item.key, item.data]));
         const isHighlightOn = hoverBehavior === 'dim';
         const isHideShowOn = hideAndShowBehavior === 'on';
         const getItemContext = (context, index) => {
@@ -31,25 +37,29 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             };
         };
         const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
-        const items = itemTemplate
+        const items = (itemTemplate
             ? (0, TemplateHandler_1.processTemplate)(data, itemTemplate, getItemContext, 'oj-c-legend-item')
-            : data.map((item) => item.data);
-        const hasDrillableItem = (0, compat_1.useMemo)(() => {
-            return items.some((value) => value['drilling'] === 'on');
+            : data.map((item) => item.data));
+        const hasDrillableItem = (0, compat_2.useMemo)(() => {
+            return items.some((value) => value.drilling === 'on');
         }, [items]);
-        const preactItems = (0, compat_1.useMemo)(() => {
+        const isContextMenuEnabled = !!contextMenuConfig;
+        const preactItems = (0, compat_2.useMemo)(() => {
             return items.map((value, itemIndex) => {
                 return (0, utils_1.transformItem)(value, 0, itemIndex, (drilling === 'on' && value.drilling !== 'off') || value.drilling === 'on'
                     ? translations.vis_drillable()
-                    : '', drilling, hideAndShowBehavior);
+                    : '', drilling, hideAndShowBehavior, isContextMenuEnabled);
             });
         }, [items, drilling, translations]);
-        const isInteractive = (0, utils_1.isLegendInteractive)(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem);
-        const categoriesItems = (0, compat_1.useMemo)(() => {
+        const isInteractive = (0, utils_1.isLegendInteractive)(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem, isContextMenuEnabled);
+        const categoriesItems = (0, compat_2.useMemo)(() => {
             const categoriesItems = [];
             if (isHideShowOn || isHighlightOn) {
                 items.forEach((item, itemIndex) => {
-                    categoriesItems.push({ id: preactItems[itemIndex].id, categories: item.categories || [] });
+                    categoriesItems.push({
+                        id: preactItems[itemIndex].id,
+                        categories: item.categories || []
+                    });
                 });
             }
             return categoriesItems;
@@ -58,33 +68,51 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         const getDrillDetail = (id) => {
             const [_, itemIdx] = id;
             const item = items[itemIdx];
-            if (item['categories']?.length > 0)
-                return item['categories'];
+            if ((item.categories || []).length > 0)
+                return item.categories;
             return data[itemIdx].metadata?.key;
         };
         const getItemDrilling = (itemIdx) => {
             const item = items[itemIdx];
-            return item?.['drilling'];
+            return item?.drilling || 'inherit';
         };
         const { itemActionHandler, inputHandler } = (0, events_1.getLegendEventsHandler)(isHideShowOn, isHighlightOn, updateHidden, updateHighlighted, getDrillDetail, drilling, getItemDrilling, props.onOjDrill);
         const textStyles = (0, utils_1.getTextStyles)(textStyle);
-        return preactItems.length !== 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_Legend_1.Legend, { orientation: orientation, symbolHeight: symbolHeight, symbolWidth: symbolWidth, isReadOnly: !isInteractive, hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, hiddenIds: isHideShowOn ? hiddenIds : undefined, highlightedIds: isHighlightOn ? highlightedIds : undefined, items: preactItems, onItemAction: itemActionHandler, onItemHover: inputHandler, onItemFocus: inputHandler, ...props, ...textStyles })) : null;
-    }
+        const transformContext = (context) => {
+            if (context.type !== 'item')
+                return context;
+            const id = context.data.id;
+            const [_, itemIdx] = (0, utils_1.parseItemIdx)(id);
+            const corepackItemData = idToDPItemMap.get(data[itemIdx].metadata?.key);
+            const corepackData = { ...preactItems[itemIdx], id: data[itemIdx].metadata?.key };
+            return {
+                data: corepackData,
+                itemData: corepackItemData,
+                itemIndexPath: [itemIdx],
+                type: 'item'
+            };
+        };
+        const { preactContextMenuConfig } = (0, useVisContextMenu_1.useVisContextMenu)(idToDPItemMap, contextMenuConfig, onOjContextMenuAction, onOjContextMenuSelection, transformContext);
+        const { data: _data, ...otherProps } = props;
+        return preactItems.length !== 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_Legend_1.Legend, { ref: props.linearLegendRef, orientation: orientation, symbolHeight: symbolHeight, valign: valign, halign: halign, symbolWidth: symbolWidth, isReadOnly: !isInteractive, hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, hiddenIds: isHideShowOn ? hiddenIds : undefined, highlightedIds: isHighlightOn ? highlightedIds : undefined, items: preactItems, onItemAction: itemActionHandler, onItemHover: inputHandler, onItemFocus: inputHandler, contextMenuConfig: contextMenuConfig ? preactContextMenuConfig : undefined, ...otherProps, ...textStyles })) : null;
+    };
     exports.LinearLegend = LinearLegend;
-    function SectionalLegend({ hoverBehavior, hideAndShowBehavior, hiddenCategories, highlightedCategories, onHiddenCategoriesChanged, onHighlightedCategoriesChanged, drilling, itemTemplate, sectionTemplate, textStyle, sectionTitleStyle, orientation, symbolHeight, symbolWidth, data, ...props }) {
+    const SectionalLegend = ({ hoverBehavior, hideAndShowBehavior, hiddenCategories, highlightedCategories, onHiddenCategoriesChanged, onHighlightedCategoriesChanged, drilling, itemTemplate, sectionTemplate, textStyle, sectionTitleStyle, orientation, symbolHeight, symbolWidth, valign, halign, contextMenuConfig, onOjContextMenuAction, onOjContextMenuSelection, ...props }) => {
         const isHighlightOn = hoverBehavior === 'dim';
         const isHideShowOn = hideAndShowBehavior === 'on';
         const translations = (0, UNSAFE_useTranslationBundle_1.useTranslationBundle)('@oracle/oraclejet-preact');
-        const sections = (0, useSectionData_1.useSectionData)(data, props.addBusyState, sectionTemplate, itemTemplate);
-        const hasDrillableItem = (0, compat_1.useMemo)(() => {
-            return sections.some((section) => section.items.some((item) => item['drilling'] === 'on'));
+        const { sections: s, idToDPItemMap } = (0, useSectionData_1.useSectionData)(props.data, props.addBusyState, sectionTemplate, itemTemplate);
+        const sections = s;
+        const hasDrillableItem = (0, compat_2.useMemo)(() => {
+            return sections.some((section) => section.items.some((item) => item.drilling === 'on'));
         }, [sections]);
-        const preactSections = (0, compat_1.useMemo)(() => {
+        const preactSections = (0, compat_2.useMemo)(() => {
             const preactSections = sections.map((section, sectionIdx) => (0, utils_1.transformSection)(section, drilling === 'on' ? translations.vis_drillable() : '', sectionIdx));
             return preactSections;
         }, [sections, drilling, translations]);
-        const isInteractive = (0, utils_1.isLegendInteractive)(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem);
-        const categoriesItems = (0, compat_1.useMemo)(() => {
+        const isContextMenuEnabled = !!contextMenuConfig;
+        const isInteractive = (0, utils_1.isLegendInteractive)(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem, isContextMenuEnabled);
+        const categoriesItems = (0, compat_2.useMemo)(() => {
             const categoriesItems = [];
             if (isHideShowOn || isHighlightOn) {
                 sections.forEach((section, sectionIndex) => {
@@ -99,7 +127,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
             return categoriesItems;
         }, [sections, isHideShowOn, isHighlightOn, preactSections]);
         const { hiddenIds, updateHidden, highlightedIds, updateHighlighted } = (0, useVizCategories_1.useVizCategories)(categoriesItems, (item) => item.categories, hiddenCategories, highlightedCategories, 'any', 'any', onHiddenCategoriesChanged, onHighlightedCategoriesChanged);
-        const getDillDetail = (id) => {
+        const getDrillDetail = (id) => {
             const [sectionIdx, itemIdx] = id;
             const item = sections[sectionIdx].items[itemIdx];
             if (item.categories)
@@ -108,11 +136,30 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         };
         const getItemDrilling = (itemIdx, sectionIdx) => {
             const item = sections[sectionIdx].items[itemIdx];
-            return item?.drilling;
+            return item?.drilling || 'inherit';
+        };
+        const { itemActionHandler, inputHandler } = (0, events_1.getLegendEventsHandler)(isHideShowOn, isHighlightOn, updateHidden, updateHighlighted, getDrillDetail, drilling, getItemDrilling, props.onOjDrill);
+        const transformContext = (context) => {
+            if (context.type !== 'item')
+                return context;
+            const id = context.data.id;
+            const [sectionIdx, itemIdx] = (0, utils_1.parseItemIdx)(id);
+            const corepackItemData = idToDPItemMap.get(sections[sectionIdx].items[itemIdx].key);
+            const corepackData = {
+                ...preactSections[sectionIdx].items[itemIdx],
+                id: sections[sectionIdx].items[itemIdx].key
+            };
+            return {
+                data: corepackData,
+                itemData: corepackItemData,
+                itemIndexPath: [sectionIdx, itemIdx],
+                type: 'item'
+            };
         };
-        const { itemActionHandler, inputHandler } = (0, events_1.getLegendEventsHandler)(isHideShowOn, isHighlightOn, updateHidden, updateHighlighted, getDillDetail, drilling, getItemDrilling, props.onOjDrill);
+        const { preactContextMenuConfig } = (0, useVisContextMenu_1.useVisContextMenu)(idToDPItemMap, contextMenuConfig, onOjContextMenuAction, onOjContextMenuSelection, transformContext);
         const textStyles = (0, utils_1.getTextStyles)(textStyle);
         const sectionTitleStyles = (0, utils_1.getSectionStyles)(sectionTitleStyle);
-        return preactSections.length !== 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_SectionalLegend_1.SectionalLegend, { sections: preactSections, orientation: orientation, sectionTitleHAlign: props.sectionTitleHalign, symbolHeight: symbolHeight, symbolWidth: symbolWidth, isReadOnly: !isInteractive, hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'], hiddenIds: isHideShowOn ? hiddenIds : undefined, highlightedIds: isHighlightOn ? highlightedIds : undefined, onItemAction: itemActionHandler, onItemHover: inputHandler, onItemFocus: inputHandler, ...textStyles, ...sectionTitleStyles })) : null;
-    }
+        return preactSections.length !== 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_SectionalLegend_1.SectionalLegend, { ref: props.sectionalLegendRef, sections: preactSections, orientation: orientation, sectionTitleHAlign: props.sectionTitleHalign, symbolHeight: symbolHeight, symbolWidth: symbolWidth, isReadOnly: !isInteractive, valign: valign, halign: halign, hideAndShowBehavior: hideAndShowBehavior, hoverBehavior: hoverBehavior, "aria-label": props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'], hiddenIds: isHideShowOn ? hiddenIds : undefined, highlightedIds: isHighlightOn ? highlightedIds : undefined, onItemAction: itemActionHandler, onItemHover: inputHandler, onItemFocus: inputHandler, contextMenuConfig: contextMenuConfig ? preactContextMenuConfig : undefined, ...textStyles, ...sectionTitleStyles })) : null;
+    };
+    exports.SectionalLegend = SectionalLegend;
 });

package/oj-c/legend/useSectionData.js

@@ -1,7 +1,7 @@
 define(["require", "exports", "preact/compat", "../utils/UNSAFE_vizUtils/TemplateHandler", "../hooks/UNSAFE_useDataProvider/useDataProvider", "ojs/ojflattenedtreedataproviderview", "ojs/ojkeyset"], function (require, exports, compat_1, TemplateHandler_1, useDataProvider_1, FlattenedTreeDataProviderView, ojkeyset_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useSectionData = void 0;
+    exports.useSectionData = useSectionData;
     function useSectionData(dataProvider, addBusyState, sectionTemplate, itemTemplate) {
         const dpRef = (0, compat_1.useRef)(dataProvider);
         const flatDpRef = (0, compat_1.useRef)(new FlattenedTreeDataProviderView(dataProvider, {
@@ -52,7 +52,10 @@ define(["require", "exports", "preact/compat", "../utils/UNSAFE_vizUtils/Templat
                 }
             }
         }
-        return sections;
+        const idToDPItemMap = new Map(data.map((item) => [item.key, item.data]));
+        return {
+            sections,
+            idToDPItemMap
+        };
     }
-    exports.useSectionData = useSectionData;
 });

package/oj-c/legend/utils.js

@@ -1,7 +1,15 @@
 define(["require", "exports", "../legend-item/legend-item", "../legend-section/legend-section"], function (require, exports, legend_item_1, legend_section_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isLegendItemDrillable = exports.getDefaultSymbolDims = exports.isTreeDataProvider = exports.transformSection = exports.transformItem = exports.parseItemId = exports.isLegendInteractive = exports.getSectionStyles = exports.getTextStyles = void 0;
+    exports.getDefaultSymbolDims = void 0;
+    exports.getTextStyles = getTextStyles;
+    exports.getSectionStyles = getSectionStyles;
+    exports.isLegendInteractive = isLegendInteractive;
+    exports.parseItemIdx = parseItemIdx;
+    exports.transformItem = transformItem;
+    exports.transformSection = transformSection;
+    exports.isTreeDataProvider = isTreeDataProvider;
+    exports.isLegendItemDrillable = isLegendItemDrillable;
     function getTextStyles(styles) {
         return {
             textFontStyle: styles?.fontStyle,
@@ -12,7 +20,6 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
             textFontFamily: styles?.fontFamily
         };
     }
-    exports.getTextStyles = getTextStyles;
     function getSectionStyles(styles) {
         return {
             sectionTitleColor: styles?.color,
@@ -23,16 +30,17 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
             sectionTitleTextDecoration: styles?.textDecoration
         };
     }
-    exports.getSectionStyles = getSectionStyles;
-    function isLegendInteractive(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem) {
-        return (drilling === 'on' || hideAndShowBehavior === 'on' || hoverBehavior === 'dim' || hasDrillableItem);
+    function isLegendInteractive(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem, isContextMenuEnabled) {
+        return (drilling === 'on' ||
+            hideAndShowBehavior === 'on' ||
+            hoverBehavior === 'dim' ||
+            hasDrillableItem ||
+            isContextMenuEnabled);
     }
-    exports.isLegendInteractive = isLegendInteractive;
-    function parseItemId(id) {
+    function parseItemIdx(id) {
         return id.split(';').map((i) => parseInt(i, 10));
     }
-    exports.parseItemId = parseItemId;
-    function transformItem(dataItem, sectionIndex, itemIndex, ariaLabelSuffix, drilling, hideAndShowBehavior) {
+    function transformItem(dataItem, sectionIndex, itemIndex, ariaLabelSuffix, drilling, hideAndShowBehavior, isContextMenuEnabled) {
         const item = { ...legend_item_1.LegendItemDefaults, ...dataItem };
         return {
             borderColor: item.borderColor,
@@ -45,13 +53,12 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
             datatip: item.shortDesc,
             source: item.source,
             text: item.text,
-            actionable: hideAndShowBehavior === 'on'
+            actionable: hideAndShowBehavior === 'on' || isContextMenuEnabled
                 ? 'inherit'
                 : isLegendItemDrillable(drilling, item.drilling),
             id: `${sectionIndex};${itemIndex}`
         };
     }
-    exports.transformItem = transformItem;
     function transformSection(dataSection, ariaLabelSuffix, sectionIndex, drilling) {
         const section = { ...legend_section_1.LegendSectionDefaults, ...dataSection };
         return {
@@ -60,14 +67,12 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
             id: `${sectionIndex}`
         };
     }
-    exports.transformSection = transformSection;
     function isTreeDataProvider(dataprovider) {
         if (dataprovider && dataprovider['getChildDataProvider']) {
             return true;
         }
         return false;
     }
-    exports.isTreeDataProvider = isTreeDataProvider;
     const getDefaultSymbolDims = (symbolHeight, symbolWidth) => {
         if (!symbolHeight && !symbolWidth) {
             return { width: undefined, height: undefined };
@@ -99,5 +104,4 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
         }
         return actionable;
     }
-    exports.isLegendItemDrillable = isLegendItemDrillable;
 });

package/oj-c/legend-item/component.json

@@ -1,7 +1,7 @@
 {
   "name": "legend-item",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",

package/oj-c/legend-section/component.json

@@ -1,7 +1,7 @@
 {
   "name": "legend-section",
-  "version": "17.1.3",
-  "jetVersion": "^17.1.3",
+  "version": "18.0.0",
+  "jetVersion": "^18.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",

package/oj-c/legend-utils/index.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./legendUtils"], function (require, exports, legendUtils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getPreferredSize = void 0;
+    Object.defineProperty(exports, "getPreferredSize", { enumerable: true, get: function () { return legendUtils_1.getPreferredSize; } });
+});

package/oj-c/legend-utils/legendUtils.js

@@ -0,0 +1,9 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getPreferredSize = void 0;
+    const getPreferredSize = function (element, width, height) {
+        return element._getPreferredSize(width, height);
+    };
+    exports.getPreferredSize = getPreferredSize;
+});

package/oj-c/line-chart/__webdriver__/LineChartWebElement.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineChartWebElement = void 0;
-var LineChartWebElementBase_1 = require("./LineChartWebElementBase");
+const LineChartWebElementBase_1 = require("./LineChartWebElementBase");
 /**
  * The component WebElement for [oj-c-line-chart](../../../oj-c/docs/oj.LineChart.html).
  * Do not instantiate this class directly, instead, use

package/oj-c/line-chart/__webdriver__/LineChartWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartWebElement.js","sourceRoot":"","sources":["LineChartWebElement.ts"],"names":[],"mappings":";;;AAAA,qEAAoE;AAEpE;;;;GAIG;AACH,MAAa,mBAAoB,SAAQ,iDAAuB;CAE/D;AAFD,kDAEC","sourcesContent":["import { LineChartWebElementBase } from './LineChartWebElementBase';\n\n/**\n * The component WebElement for [oj-c-line-chart](../../../oj-c/docs/oj.LineChart.html).\n * Do not instantiate this class directly, instead, use\n * [findLineChart](../functions/findLineChart.html).\n */\nexport class LineChartWebElement extends LineChartWebElementBase {\n  // Put overrides here\n}\n"]}
+{"version":3,"file":"LineChartWebElement.js","sourceRoot":"","sources":["LineChartWebElement.ts"],"names":[],"mappings":";;;AAAA,uEAAoE;AAEpE;;;;GAIG;AACH,MAAa,mBAAoB,SAAQ,iDAAuB;CAE/D;AAFD,kDAEC","sourcesContent":["import { LineChartWebElementBase } from './LineChartWebElementBase';\n\n/**\n * The component WebElement for [oj-c-line-chart](../../../oj-c/docs/oj.LineChart.html).\n * Do not instantiate this class directly, instead, use\n * [findLineChart](../functions/findLineChart.html).\n */\nexport class LineChartWebElement extends LineChartWebElementBase {\n  // Put overrides here\n}\n"]}

package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.d.ts

@@ -174,6 +174,13 @@ export declare class LineChartWebElementBase extends OjWebElement {
      *
      */
     getLegend(): Promise<Legend>;
+    /**
+     * Gets the value of <code>contextMenuConfig</code> property.
+     * Specifies a context menu configuration.
+     * @return The value of <code>contextMenuConfig</code> property.
+     *
+     */
+    getContextMenuConfig(): Promise<ContextMenuConfig>;
 }
 export interface YAxis {
     /**
@@ -459,3 +466,9 @@ export interface Legend {
      */
     symbolWidth: number;
 }
+export interface ContextMenuConfig {
+    /**
+     *
+     */
+    accessibleLabel: string;
+}

package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineChartWebElementBase = void 0;
-var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+const elements_1 = require("@oracle/oraclejet-webdriver/elements");
 /**
  * This is the base class for oj-c-line-chart WebElement, and is generated from the
  * component's metadata. Do not modify these contents since they'll be replaced
@@ -225,6 +225,15 @@ class LineChartWebElementBase extends elements_1.OjWebElement {
     getLegend() {
         return this.getProperty('legend');
     }
+    /**
+     * Gets the value of <code>contextMenuConfig</code> property.
+     * Specifies a context menu configuration.
+     * @return The value of <code>contextMenuConfig</code> property.
+     *
+     */
+    getContextMenuConfig() {
+        return this.getProperty('contextMenuConfig');
+    }
 }
 exports.LineChartWebElementBase = LineChartWebElementBase;
 //# sourceMappingURL=LineChartWebElementBase.js.map

package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartWebElementBase.js","sourceRoot":"","sources":["LineChartWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-line-chart WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, LineChartWebElement.ts.\n */\nexport class LineChartWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>groupComparator</code> property.\n   * A comparator function that determines the ordering of the chart groups when using a DataProvider. If undefined, the group will follow the order in which they are found in the data.\n   * @return The value of <code>groupComparator</code> property.\n   *\n   */\n  public getGroupComparator(): Promise<null> {\n    return this.getProperty<null>('groupComparator');\n  }\n\n  /**\n   * Gets the value of <code>stack</code> property.\n   * Defines whether the data items are stacked.\n   * @return The value of <code>stack</code> property.\n   *\n   */\n  public getStack(): Promise<string> {\n    return this.getProperty<string>('stack');\n  }\n\n  /**\n   * Gets the value of <code>drilling</code> property.\n   * Whether drilling is enabled. Drillable objects will show a pointer cursor on hover and fire an &lt;code class=\"prettyprint\">ojDrill&lt;/code> event on click (double click if selection is enabled). Use \"on\" to enable drilling for all series objects (legend items), group objects (x-axis labels), and data items. Use \"seriesOnly\" or \"groupsOnly\" to enable drilling for series objects or group objects only. To enable or disable drilling on individual series, group, or data item, use the drilling attribute in each series, group, or data item.\n   * @return The value of <code>drilling</code> property.\n   *\n   */\n  public getDrilling(): Promise<string> {\n    return this.getProperty<string>('drilling');\n  }\n\n  /**\n   * Gets the value of <code>orientation</code> property.\n   * The orientation of the chart.\n   * @return The value of <code>orientation</code> property.\n   *\n   */\n  public getOrientation(): Promise<string> {\n    return this.getProperty<string>('orientation');\n  }\n\n  /**\n   * Gets the value of <code>timeAxisType</code> property.\n   * The time axis type of the chart x axis.\n   * @return The value of <code>timeAxisType</code> property.\n   *\n   */\n  public getTimeAxisType(): Promise<string> {\n    return this.getProperty<string>('timeAxisType');\n  }\n\n  /**\n   * Gets the value of <code>yAxis</code> property.\n   * The yAxis options for the chart.\n   * @return The value of <code>yAxis</code> property.\n   *\n   */\n  public getYAxis(): Promise<YAxis> {\n    return this.getProperty<YAxis>('yAxis');\n  }\n\n  /**\n   * Gets the value of <code>xAxis</code> property.\n   * The xAxis options for the chart.\n   * @return The value of <code>xAxis</code> property.\n   *\n   */\n  public getXAxis(): Promise<XAxis> {\n    return this.getProperty<XAxis>('xAxis');\n  }\n\n  /**\n   * Gets the value of <code>plotArea</code> property.\n   * The plot area of the chart.\n   * @return The value of <code>plotArea</code> property.\n   *\n   */\n  public getPlotArea(): Promise<PlotArea> {\n    return this.getProperty<PlotArea>('plotArea');\n  }\n\n  /**\n   * Gets the value of <code>zoomAndScroll</code> property.\n   * The zoom and scroll behavior.\n   * @return The value of <code>zoomAndScroll</code> property.\n   *\n   */\n  public getZoomAndScroll(): Promise<string> {\n    return this.getProperty<string>('zoomAndScroll');\n  }\n\n  /**\n   * Gets the value of <code>valueFormats</code> property.\n   * An object specifying value formatting and tooltip behavior, whose keys generally correspond to the attribute names on the data items.\n   * @return The value of <code>valueFormats</code> property.\n   *\n   */\n  public getValueFormats(): Promise<ValueFormats> {\n    return this.getProperty<ValueFormats>('valueFormats');\n  }\n\n  /**\n   * Gets the value of <code>seriesComparator</code> property.\n   * A comparator function that determines the ordering of the chart series when using a DataProvider. If undefined, the series will follow the order in which they are found in the data.\n   * @return The value of <code>seriesComparator</code> property.\n   *\n   */\n  public getSeriesComparator(): Promise<null> {\n    return this.getProperty<null>('seriesComparator');\n  }\n\n  /**\n   * Gets the value of <code>data</code> property.\n   * Specifies the DataProvider for the sections and items of the line-chart.\n   * @return The value of <code>data</code> property.\n   * @deprecated Since 17.1.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.\n   */\n  public getData(): Promise<null> {\n    return this.getProperty<null>('data');\n  }\n\n  /**\n   * Gets the value of <code>selectionMode</code> property.\n   * Specifies the selection mode.\n   * @return The value of <code>selectionMode</code> property.\n   *\n   */\n  public getSelectionMode(): Promise<string> {\n    return this.getProperty<string>('selectionMode');\n  }\n\n  /**\n   * Sets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @param selection The value to set for <code>selection</code>\n   *\n   */\n  public changeSelection(selection: Array<any>): Promise<void> {\n    return this.setProperty<Array<any>>('selection', selection);\n  }\n\n  /**\n   * Gets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @return The value of <code>selection</code> property.\n   *\n   */\n  public getSelection(): Promise<Array<any>> {\n    return this.getProperty<Array<any>>('selection');\n  }\n\n  /**\n   * Gets the value of <code>dragMode</code> property.\n   * The action that is performed when a drag occurs on the chart.\n   * @return The value of <code>dragMode</code> property.\n   *\n   */\n  public getDragMode(): Promise<string> {\n    return this.getProperty<string>('dragMode');\n  }\n\n  /**\n   * Sets the value of <code>hiddenCategories</code> property.\n   * An array of category strings used for filtering.\n   * @param hiddenCategories The value to set for <code>hiddenCategories</code>\n   *\n   */\n  public changeHiddenCategories(hiddenCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('hiddenCategories', hiddenCategories);\n  }\n\n  /**\n   * Gets the value of <code>hiddenCategories</code> property.\n   * An array of category strings used for filtering.\n   * @return The value of <code>hiddenCategories</code> property.\n   *\n   */\n  public getHiddenCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('hiddenCategories');\n  }\n\n  /**\n   * Sets the value of <code>highlightedCategories</code> property.\n   * An array of category strings used for highlighting.\n   * @param highlightedCategories The value to set for <code>highlightedCategories</code>\n   *\n   */\n  public changeHighlightedCategories(highlightedCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('highlightedCategories', highlightedCategories);\n  }\n\n  /**\n   * Gets the value of <code>highlightedCategories</code> property.\n   * An array of category strings used for highlighting.\n   * @return The value of <code>highlightedCategories</code> property.\n   *\n   */\n  public getHighlightedCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('highlightedCategories');\n  }\n\n  /**\n   * Gets the value of <code>hideAndShowBehavior</code> property.\n   * Defines the hide and show behavior that is performed when clicking on a leegnd item.\n   * @return The value of <code>hideAndShowBehavior</code> property.\n   *\n   */\n  public getHideAndShowBehavior(): Promise<string> {\n    return this.getProperty<string>('hideAndShowBehavior');\n  }\n\n  /**\n   * Gets the value of <code>hoverBehavior</code> property.\n   * Defines the behavior applied when hovering over data items.\n   * @return The value of <code>hoverBehavior</code> property.\n   *\n   */\n  public getHoverBehavior(): Promise<string> {\n    return this.getProperty<string>('hoverBehavior');\n  }\n\n  /**\n   * Gets the value of <code>highlightMatch</code> property.\n   * The matching condition for the highlighted property.\n   * @return The value of <code>highlightMatch</code> property.\n   *\n   */\n  public getHighlightMatch(): Promise<string> {\n    return this.getProperty<string>('highlightMatch');\n  }\n\n  /**\n   * Gets the value of <code>legend</code> property.\n   * An object defining the style, positioning, and behavior of the legend.\n   * @return The value of <code>legend</code> property.\n   *\n   */\n  public getLegend(): Promise<Legend> {\n    return this.getProperty<Legend>('legend');\n  }\n}\nexport interface YAxis {\n  /**\n   * The maximum value of the chart data.\n   */\n  dataMax: number;\n  /**\n   * The minimum value of the chart data.\n   */\n  dataMin: number;\n  /**\n   * The maximum value of the y axis.\n   */\n  max: number;\n  /**\n   * The minimum value of the y axis.\n   */\n  min: number;\n  /**\n   * The y axis major tick properties.\n   */\n  majorTick: YAxisMajorTick;\n  /**\n   * The y axis minor tick properties.\n   */\n  minorTick: YAxisMinorTick;\n  /**\n   * The y axis tick label properties.\n   */\n  tickLabel: YAxisTickLabel;\n  /**\n   * The current minimum value of y axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of y axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in y axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface YAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface YAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface YAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface XAxis {\n  /**\n   * The x axis major tick properties.\n   */\n  majorTick: XAxisMajorTick;\n  /**\n   * The x axis minor tick properties.\n   */\n  minorTick: XAxisMinorTick;\n  /**\n   * The x axis tick label properties.\n   */\n  tickLabel: XAxisTickLabel;\n  /**\n   * The current minimum value of x axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of x axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in x axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface XAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface XAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface XAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object | Array<object>;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * Whether the ticklabels can be rotated.\n   */\n  rotation: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface PlotArea {\n  /**\n   * The background color of the plot area.\n   */\n  backgroundColor: string;\n}\nexport interface ValueFormats {\n  /**\n   * The object defining formatting and tooltip behavior for the group.\n   */\n  group: ValueFormatsGroup;\n  /**\n   * The object defining formatting and tooltip behavior for the series.\n   */\n  series: ValueFormatsSeries;\n  /**\n   * The object defining formatting and tooltip behavior for the value.\n   */\n  value: ValueFormatsValue;\n}\nexport interface ValueFormatsGroup {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsSeries {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsValue {\n  /**\n   * The converter to format the numerical value for the tooltip.\n   */\n  converter: object;\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface Legend {\n  /**\n   *\n   */\n  position: string;\n  /**\n   *\n   */\n  rendered: string;\n  /**\n   *\n   */\n  maxSize: number | string;\n  /**\n   *\n   */\n  size: number | string;\n  /**\n   *\n   */\n  symbolHeight: number;\n  /**\n   *\n   */\n  symbolWidth: number;\n}\n"]}
+{"version":3,"file":"LineChartWebElementBase.js","sourceRoot":"","sources":["LineChartWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-line-chart WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, LineChartWebElement.ts.\n */\nexport class LineChartWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>groupComparator</code> property.\n   * A comparator function that determines the ordering of the chart groups when using a DataProvider. If undefined, the group will follow the order in which they are found in the data.\n   * @return The value of <code>groupComparator</code> property.\n   *\n   */\n  public getGroupComparator(): Promise<null> {\n    return this.getProperty<null>('groupComparator');\n  }\n\n  /**\n   * Gets the value of <code>stack</code> property.\n   * Defines whether the data items are stacked.\n   * @return The value of <code>stack</code> property.\n   *\n   */\n  public getStack(): Promise<string> {\n    return this.getProperty<string>('stack');\n  }\n\n  /**\n   * Gets the value of <code>drilling</code> property.\n   * Whether drilling is enabled. Drillable objects will show a pointer cursor on hover and fire an &lt;code class=\"prettyprint\">ojDrill&lt;/code> event on click (double click if selection is enabled). Use \"on\" to enable drilling for all series objects (legend items), group objects (x-axis labels), and data items. Use \"seriesOnly\" or \"groupsOnly\" to enable drilling for series objects or group objects only. To enable or disable drilling on individual series, group, or data item, use the drilling attribute in each series, group, or data item.\n   * @return The value of <code>drilling</code> property.\n   *\n   */\n  public getDrilling(): Promise<string> {\n    return this.getProperty<string>('drilling');\n  }\n\n  /**\n   * Gets the value of <code>orientation</code> property.\n   * The orientation of the chart.\n   * @return The value of <code>orientation</code> property.\n   *\n   */\n  public getOrientation(): Promise<string> {\n    return this.getProperty<string>('orientation');\n  }\n\n  /**\n   * Gets the value of <code>timeAxisType</code> property.\n   * The time axis type of the chart x axis.\n   * @return The value of <code>timeAxisType</code> property.\n   *\n   */\n  public getTimeAxisType(): Promise<string> {\n    return this.getProperty<string>('timeAxisType');\n  }\n\n  /**\n   * Gets the value of <code>yAxis</code> property.\n   * The yAxis options for the chart.\n   * @return The value of <code>yAxis</code> property.\n   *\n   */\n  public getYAxis(): Promise<YAxis> {\n    return this.getProperty<YAxis>('yAxis');\n  }\n\n  /**\n   * Gets the value of <code>xAxis</code> property.\n   * The xAxis options for the chart.\n   * @return The value of <code>xAxis</code> property.\n   *\n   */\n  public getXAxis(): Promise<XAxis> {\n    return this.getProperty<XAxis>('xAxis');\n  }\n\n  /**\n   * Gets the value of <code>plotArea</code> property.\n   * The plot area of the chart.\n   * @return The value of <code>plotArea</code> property.\n   *\n   */\n  public getPlotArea(): Promise<PlotArea> {\n    return this.getProperty<PlotArea>('plotArea');\n  }\n\n  /**\n   * Gets the value of <code>zoomAndScroll</code> property.\n   * The zoom and scroll behavior.\n   * @return The value of <code>zoomAndScroll</code> property.\n   *\n   */\n  public getZoomAndScroll(): Promise<string> {\n    return this.getProperty<string>('zoomAndScroll');\n  }\n\n  /**\n   * Gets the value of <code>valueFormats</code> property.\n   * An object specifying value formatting and tooltip behavior, whose keys generally correspond to the attribute names on the data items.\n   * @return The value of <code>valueFormats</code> property.\n   *\n   */\n  public getValueFormats(): Promise<ValueFormats> {\n    return this.getProperty<ValueFormats>('valueFormats');\n  }\n\n  /**\n   * Gets the value of <code>seriesComparator</code> property.\n   * A comparator function that determines the ordering of the chart series when using a DataProvider. If undefined, the series will follow the order in which they are found in the data.\n   * @return The value of <code>seriesComparator</code> property.\n   *\n   */\n  public getSeriesComparator(): Promise<null> {\n    return this.getProperty<null>('seriesComparator');\n  }\n\n  /**\n   * Gets the value of <code>data</code> property.\n   * Specifies the DataProvider for the sections and items of the line-chart.\n   * @return The value of <code>data</code> property.\n   * @deprecated Since 17.1.0. Data sets from a DataProvider cannot be sent to WebDriverJS; use ViewModels or page variables instead.\n   */\n  public getData(): Promise<null> {\n    return this.getProperty<null>('data');\n  }\n\n  /**\n   * Gets the value of <code>selectionMode</code> property.\n   * Specifies the selection mode.\n   * @return The value of <code>selectionMode</code> property.\n   *\n   */\n  public getSelectionMode(): Promise<string> {\n    return this.getProperty<string>('selectionMode');\n  }\n\n  /**\n   * Sets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @param selection The value to set for <code>selection</code>\n   *\n   */\n  public changeSelection(selection: Array<any>): Promise<void> {\n    return this.setProperty<Array<any>>('selection', selection);\n  }\n\n  /**\n   * Gets the value of <code>selection</code> property.\n   * An array containing the ids of the initially selected data items.\n   * @return The value of <code>selection</code> property.\n   *\n   */\n  public getSelection(): Promise<Array<any>> {\n    return this.getProperty<Array<any>>('selection');\n  }\n\n  /**\n   * Gets the value of <code>dragMode</code> property.\n   * The action that is performed when a drag occurs on the chart.\n   * @return The value of <code>dragMode</code> property.\n   *\n   */\n  public getDragMode(): Promise<string> {\n    return this.getProperty<string>('dragMode');\n  }\n\n  /**\n   * Sets the value of <code>hiddenCategories</code> property.\n   * An array of category strings used for filtering.\n   * @param hiddenCategories The value to set for <code>hiddenCategories</code>\n   *\n   */\n  public changeHiddenCategories(hiddenCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('hiddenCategories', hiddenCategories);\n  }\n\n  /**\n   * Gets the value of <code>hiddenCategories</code> property.\n   * An array of category strings used for filtering.\n   * @return The value of <code>hiddenCategories</code> property.\n   *\n   */\n  public getHiddenCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('hiddenCategories');\n  }\n\n  /**\n   * Sets the value of <code>highlightedCategories</code> property.\n   * An array of category strings used for highlighting.\n   * @param highlightedCategories The value to set for <code>highlightedCategories</code>\n   *\n   */\n  public changeHighlightedCategories(highlightedCategories: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('highlightedCategories', highlightedCategories);\n  }\n\n  /**\n   * Gets the value of <code>highlightedCategories</code> property.\n   * An array of category strings used for highlighting.\n   * @return The value of <code>highlightedCategories</code> property.\n   *\n   */\n  public getHighlightedCategories(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('highlightedCategories');\n  }\n\n  /**\n   * Gets the value of <code>hideAndShowBehavior</code> property.\n   * Defines the hide and show behavior that is performed when clicking on a leegnd item.\n   * @return The value of <code>hideAndShowBehavior</code> property.\n   *\n   */\n  public getHideAndShowBehavior(): Promise<string> {\n    return this.getProperty<string>('hideAndShowBehavior');\n  }\n\n  /**\n   * Gets the value of <code>hoverBehavior</code> property.\n   * Defines the behavior applied when hovering over data items.\n   * @return The value of <code>hoverBehavior</code> property.\n   *\n   */\n  public getHoverBehavior(): Promise<string> {\n    return this.getProperty<string>('hoverBehavior');\n  }\n\n  /**\n   * Gets the value of <code>highlightMatch</code> property.\n   * The matching condition for the highlighted property.\n   * @return The value of <code>highlightMatch</code> property.\n   *\n   */\n  public getHighlightMatch(): Promise<string> {\n    return this.getProperty<string>('highlightMatch');\n  }\n\n  /**\n   * Gets the value of <code>legend</code> property.\n   * An object defining the style, positioning, and behavior of the legend.\n   * @return The value of <code>legend</code> property.\n   *\n   */\n  public getLegend(): Promise<Legend> {\n    return this.getProperty<Legend>('legend');\n  }\n\n  /**\n   * Gets the value of <code>contextMenuConfig</code> property.\n   * Specifies a context menu configuration.\n   * @return The value of <code>contextMenuConfig</code> property.\n   *\n   */\n  public getContextMenuConfig(): Promise<ContextMenuConfig> {\n    return this.getProperty<ContextMenuConfig>('contextMenuConfig');\n  }\n}\nexport interface YAxis {\n  /**\n   * The maximum value of the chart data.\n   */\n  dataMax: number;\n  /**\n   * The minimum value of the chart data.\n   */\n  dataMin: number;\n  /**\n   * The maximum value of the y axis.\n   */\n  max: number;\n  /**\n   * The minimum value of the y axis.\n   */\n  min: number;\n  /**\n   * The y axis major tick properties.\n   */\n  majorTick: YAxisMajorTick;\n  /**\n   * The y axis minor tick properties.\n   */\n  minorTick: YAxisMinorTick;\n  /**\n   * The y axis tick label properties.\n   */\n  tickLabel: YAxisTickLabel;\n  /**\n   * The current minimum value of y axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of y axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in y axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface YAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface YAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface YAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface XAxis {\n  /**\n   * The x axis major tick properties.\n   */\n  majorTick: XAxisMajorTick;\n  /**\n   * The x axis minor tick properties.\n   */\n  minorTick: XAxisMinorTick;\n  /**\n   * The x axis tick label properties.\n   */\n  tickLabel: XAxisTickLabel;\n  /**\n   * The current minimum value of x axis viewport.\n   */\n  viewportMin: number;\n  /**\n   * The current maximum value of x axis viewport.\n   */\n  viewportMax: number;\n  /**\n   * The increment between major tick marks in x axis.\n   */\n  step: number;\n  /**\n   * The size of the axis.\n   */\n  size: number;\n  /**\n   * The scale of the axis.\n   */\n  scale: string;\n  /**\n   * The axis title.\n   */\n  title: string;\n  /**\n   * The axis title style.\n   */\n  titleStyle: object;\n}\nexport interface XAxisMajorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * The color of the line.\n   */\n  rendered: string;\n}\nexport interface XAxisMinorTick {\n  /**\n   * The color of the line.\n   */\n  lineColor: string;\n  /**\n   * The style of the line.\n   */\n  lineStyle: string;\n  /**\n   * The width of the line.\n   */\n  lineWidth: number;\n  /**\n   * Whether the minor tick are rendered.\n   */\n  rendered: string;\n}\nexport interface XAxisTickLabel {\n  /**\n   * The converter to format the axis tick labels.\n   */\n  converter: object | Array<object>;\n  /**\n   * Whether the tick labels are rendered or not.\n   */\n  rendered: string;\n  /**\n   * Whether the ticklabels can be rotated.\n   */\n  rotation: string;\n  /**\n   * The style of the tick labels.\n   */\n  style: object;\n}\nexport interface PlotArea {\n  /**\n   * The background color of the plot area.\n   */\n  backgroundColor: string;\n}\nexport interface ValueFormats {\n  /**\n   * The object defining formatting and tooltip behavior for the group.\n   */\n  group: ValueFormatsGroup;\n  /**\n   * The object defining formatting and tooltip behavior for the series.\n   */\n  series: ValueFormatsSeries;\n  /**\n   * The object defining formatting and tooltip behavior for the value.\n   */\n  value: ValueFormatsValue;\n}\nexport interface ValueFormatsGroup {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsSeries {\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface ValueFormatsValue {\n  /**\n   * The converter to format the numerical value for the tooltip.\n   */\n  converter: object;\n  /**\n   * A string representing the label that is displayed before the value in the tooltip.\n   */\n  tooltipLabel: string;\n  /**\n   * Whether the value is displayed in the tooltip.\n   */\n  tooltipDisplay: string;\n}\nexport interface Legend {\n  /**\n   *\n   */\n  position: string;\n  /**\n   *\n   */\n  rendered: string;\n  /**\n   *\n   */\n  maxSize: number | string;\n  /**\n   *\n   */\n  size: number | string;\n  /**\n   *\n   */\n  symbolHeight: number;\n  /**\n   *\n   */\n  symbolWidth: number;\n}\nexport interface ContextMenuConfig {\n  /**\n   *\n   */\n  accessibleLabel: string;\n}\n"]}

package/oj-c/line-chart/__webdriver__/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findLineChart = exports.LineChartWebElement = void 0;
-var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
-var LineChartWebElement_1 = require("./LineChartWebElement");
+exports.LineChartWebElement = void 0;
+exports.findLineChart = findLineChart;
+const oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+const LineChartWebElement_1 = require("./LineChartWebElement");
 Object.defineProperty(exports, "LineChartWebElement", { enumerable: true, get: function () { return LineChartWebElement_1.LineChartWebElement; } });
 /**
  * Retrieve an instance of [LineChartWebElement](../classes/LineChartWebElement.html).
@@ -29,6 +30,5 @@ async function findLineChart(driver, by) {
     }
     return webEl;
 }
-exports.findLineChart = findLineChart;
 (0, oraclejet_webdriver_1.register)('oj-c-line-chart', LineChartWebElement_1.LineChartWebElement);
 //# sourceMappingURL=index.js.map

package/oj-c/line-chart/__webdriver__/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,6DAA4D;AACnD,oGADA,yCAAmB,OACA;AAE5B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,aAAa,CAAC,MAAkB,EAAE,EAAM;IAC5D,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,wDAAwD;IACxD,IAAI,CAAC,CAAC,KAAK,YAAY,yCAAmB,CAAC,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,qBAAqB,EAAE,CAAC;YACrD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,iBAAiB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,yCAAmB,CAAC,IAAI,KAAK,YAAY,EAAE,CACrI,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAdD,sCAcC;AAED,IAAA,8BAAQ,EAAC,iBAAiB,EAAE,yCAAmB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { LineChartWebElement } from './LineChartWebElement';\nexport { LineChartWebElement };\n\n/**\n * Retrieve an instance of [LineChartWebElement](../classes/LineChartWebElement.html).\n * @example\n * ```javascript\n * import { findLineChart } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findLineChart(driver, By.id('my-oj-c-line-chart'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findLineChart(driver: DriverLike, by: By): Promise<LineChartWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type LineChartWebElement\n  if (!(webEl instanceof LineChartWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'LineChartWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findLineChart(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${LineChartWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-line-chart', LineChartWebElement);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAiBA,sCAcC;AA9BD,qEAAmE;AACnE,+DAA4D;AACnD,oGADA,yCAAmB,OACA;AAE5B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,aAAa,CAAC,MAAkB,EAAE,EAAM;IAC5D,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,wDAAwD;IACxD,IAAI,CAAC,CAAC,KAAK,YAAY,yCAAmB,CAAC,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,qBAAqB,EAAE,CAAC;YACrD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,iBAAiB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,yCAAmB,CAAC,IAAI,KAAK,YAAY,EAAE,CACrI,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,IAAA,8BAAQ,EAAC,iBAAiB,EAAE,yCAAmB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { LineChartWebElement } from './LineChartWebElement';\nexport { LineChartWebElement };\n\n/**\n * Retrieve an instance of [LineChartWebElement](../classes/LineChartWebElement.html).\n * @example\n * ```javascript\n * import { findLineChart } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findLineChart(driver, By.id('my-oj-c-line-chart'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findLineChart(driver: DriverLike, by: By): Promise<LineChartWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type LineChartWebElement\n  if (!(webEl instanceof LineChartWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'LineChartWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findLineChart(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${LineChartWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-line-chart', LineChartWebElement);\n"]}