@oracle/oraclejet-core-pack 16.1.4 → 17.0.0

package/oj-c/legend/legend.js

@@ -1,16 +1,10 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "@oracle/oraclejet-preact/UNSAFE_Legend", "ojs/ojcontext", "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, Context, 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", "@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) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LinearLegend = exports.Legend = void 0;
     function LegendComp({ data = null, drilling = 'off', halign = 'start', valign = 'top', hiddenCategories = [], hideAndShowBehavior = 'off', highlightedCategories = [], hoverBehavior = 'none', orientation = 'vertical', symbolHeight = 0, symbolWidth = 0, textStyle = {}, sectionTitleStyle = {}, sectionTitleHalign = 'start', ...props }) {
         const rootRef = (0, hooks_1.useRef)(null);
-        const addBusyState = (0, hooks_1.useCallback)((description) => {
-            return rootRef.current
-                ? Context.getContext(rootRef.current)
-                    .getBusyContext()
-                    .addBusyState({ description: `oj-c-legend: ${description}` })
-                : () => { };
-        }, []);
+        const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-legend');
         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 })) }));
@@ -25,7 +19,6 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         });
         const isHighlightOn = hoverBehavior === 'dim';
         const isHideShowOn = hideAndShowBehavior === 'on';
-        const isInteractive = (0, utils_1.isLegendInteractive)(drilling, hideAndShowBehavior, hoverBehavior);
         const getItemContext = (context, index) => {
             return {
                 data: context.data,
@@ -37,9 +30,17 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
         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');
+        }, [items]);
         const preactItems = (0, compat_1.useMemo)(() => {
-            return items.map((value, itemIndex) => (0, utils_1.transformItem)(value, 0, itemIndex, drilling === 'on' ? translations.viz_drillable() : ''));
+            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);
+            });
         }, [items, drilling, translations]);
+        const isInteractive = (0, utils_1.isLegendInteractive)(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem);
         const categoriesItems = (0, compat_1.useMemo)(() => {
             const categoriesItems = [];
             if (isHideShowOn || isHighlightOn) {
@@ -57,21 +58,28 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                 return item['categories'];
             return data[itemIdx].metadata?.key;
         };
-        const { itemActionHandler, inputHandler } = (0, events_1.getLegendEventsHandler)(isHideShowOn, isHighlightOn, updateHidden, updateHighlighted, getDrillDetail, drilling, props.onOjDrill);
+        const getItemDrilling = (itemIdx) => {
+            const item = items[itemIdx];
+            return item?.['drilling'];
+        };
+        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, hiddenIds: isHideShowOn ? hiddenIds : undefined, highlightedIds: isHighlightOn ? highlightedIds : undefined, items: preactItems, onItemAction: itemActionHandler, onInput: inputHandler, ...props, ...textStyles })) : null;
+        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;
     }
     exports.LinearLegend = LinearLegend;
     function SectionalLegend({ hoverBehavior, hideAndShowBehavior, hiddenCategories, highlightedCategories, onHiddenCategoriesChanged, onHighlightedCategoriesChanged, drilling, itemTemplate, sectionTemplate, textStyle, sectionTitleStyle, orientation, symbolHeight, symbolWidth, data, ...props }) {
         const isHighlightOn = hoverBehavior === 'dim';
         const isHideShowOn = hideAndShowBehavior === 'on';
-        const isInteractive = (0, utils_1.isLegendInteractive)(drilling, hideAndShowBehavior, hoverBehavior);
         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'));
+        }, [sections]);
         const preactSections = (0, compat_1.useMemo)(() => {
-            const preactSections = sections.map((section, sectionIdx) => (0, utils_1.transformSection)(section, drilling === 'on' ? translations.viz_drillable() : '', sectionIdx));
+            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 categoriesItems = [];
             if (isHideShowOn || isHighlightOn) {
@@ -94,9 +102,13 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                 return item.categories;
             return item.key;
         };
-        const { itemActionHandler, inputHandler } = (0, events_1.getLegendEventsHandler)(isHideShowOn, isHighlightOn, updateHidden, updateHighlighted, getDillDetail, drilling, props.onOjDrill);
+        const getItemDrilling = (itemIdx, sectionIdx) => {
+            const item = sections[sectionIdx].items[itemIdx];
+            return item?.drilling;
+        };
+        const { itemActionHandler, inputHandler } = (0, events_1.getLegendEventsHandler)(isHideShowOn, isHighlightOn, updateHidden, updateHighlighted, getDillDetail, drilling, getItemDrilling, props.onOjDrill);
         const textStyles = (0, utils_1.getTextStyles)(textStyle);
         const sectionTitleStyles = (0, utils_1.getSectionStyles)(sectionTitleStyle);
-        return preactSections.length !== 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_Legend_1.SectionalLegend, { sections: preactSections, orientation: orientation, sectionTitleHAlign: props.sectionTitleHalign, symbolHeight: symbolHeight, symbolWidth: symbolWidth, isReadOnly: !isInteractive, "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, onInput: inputHandler, ...textStyles, ...sectionTitleStyles })) : null;
+        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;
     }
 });

package/oj-c/legend/utils.js

@@ -1,7 +1,7 @@
 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.getDefaultSymbolDims = exports.isTreeDataProvider = exports.transformSection = exports.transformItem = exports.parseItemId = exports.isLegendInteractive = exports.getSectionStyles = exports.getTextStyles = void 0;
+    exports.isLegendItemDrillable = exports.getDefaultSymbolDims = exports.isTreeDataProvider = exports.transformSection = exports.transformItem = exports.parseItemId = exports.isLegendInteractive = exports.getSectionStyles = exports.getTextStyles = void 0;
     function getTextStyles(styles) {
         return {
             textFontStyle: styles?.fontStyle,
@@ -24,15 +24,15 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
         };
     }
     exports.getSectionStyles = getSectionStyles;
-    function isLegendInteractive(drilling, hideAndShowBehavior, hoverBehavior) {
-        return drilling === 'on' || hideAndShowBehavior === 'on' || hoverBehavior === 'dim';
+    function isLegendInteractive(drilling, hideAndShowBehavior, hoverBehavior, hasDrillableItem) {
+        return (drilling === 'on' || hideAndShowBehavior === 'on' || hoverBehavior === 'dim' || hasDrillableItem);
     }
     exports.isLegendInteractive = isLegendInteractive;
     function parseItemId(id) {
         return id.split(';').map((i) => parseInt(i, 10));
     }
     exports.parseItemId = parseItemId;
-    function transformItem(dataItem, sectionIndex, itemIndex, ariaLabelSuffix) {
+    function transformItem(dataItem, sectionIndex, itemIndex, ariaLabelSuffix, drilling, hideAndShowBehavior) {
         const item = { ...legend_item_1.LegendItemDefaults, ...dataItem };
         return {
             borderColor: item.borderColor,
@@ -45,14 +45,17 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
             datatip: item.shortDesc,
             source: item.source,
             text: item.text,
+            actionable: hideAndShowBehavior === 'on'
+                ? 'inherit'
+                : isLegendItemDrillable(drilling, item.drilling),
             id: `${sectionIndex};${itemIndex}`
         };
     }
     exports.transformItem = transformItem;
-    function transformSection(dataSection, ariaLabelSuffix, sectionIndex) {
+    function transformSection(dataSection, ariaLabelSuffix, sectionIndex, drilling) {
         const section = { ...legend_section_1.LegendSectionDefaults, ...dataSection };
         return {
-            items: section.items.map((item, itemIndex) => transformItem(item, sectionIndex, itemIndex, ariaLabelSuffix)),
+            items: section.items.map((item, itemIndex) => transformItem(item, sectionIndex, itemIndex, ariaLabelSuffix, drilling)),
             title: section.text || section.title,
             id: `${sectionIndex}`
         };
@@ -78,4 +81,23 @@ define(["require", "exports", "../legend-item/legend-item", "../legend-section/l
         return { width: symbolWidth, height: symbolHeight };
     };
     exports.getDefaultSymbolDims = getDefaultSymbolDims;
+    function isLegendItemDrillable(drilling, itemDrilling) {
+        let actionable = 'inherit';
+        if (itemDrilling === 'on') {
+            return actionable;
+        }
+        else if (itemDrilling === 'off') {
+            actionable = 'off';
+        }
+        else {
+            if (drilling === 'on') {
+                actionable = 'inherit';
+            }
+            else if (drilling === 'off') {
+                actionable = 'off';
+            }
+        }
+        return actionable;
+    }
+    exports.isLegendItemDrillable = isLegendItemDrillable;
 });

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

@@ -1,7 +1,7 @@
 {
   "name": "legend-item",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -14,6 +14,12 @@
   "displayName": "LegendItem",
   "main": "oj-c/legend-item",
   "help": "oj-c.LegendItem.html",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Visualizations"
@@ -25,7 +31,9 @@
       "type": "string",
       "description": "The legend item text.",
       "displayName": "Text",
-      "help": "#text"
+      "help": "#text",
+      "required": true,
+      "translatable": true
     },
     "categories": {
       "type": "Array<string>",
@@ -105,8 +113,8 @@
       },
       "enumValues": [
         "dashed",
-        "dotted",
-        "solid"
+        "solid",
+        "dotted"
       ],
       "value": "solid"
     },
@@ -187,7 +195,34 @@
       "type": "string",
       "description": "The description of this legend item. This is used for accessibility and for customizing the tooltip text.",
       "displayName": "Short Desc",
-      "help": "#shortDesc"
+      "help": "#shortDesc",
+      "translatable": true
+    },
+    "drilling": {
+      "type": "string",
+      "description": "Whether drilling is enabled on the legend item.",
+      "displayName": "Drilling",
+      "help": "#drilling",
+      "propertyEditorValues": {
+        "inherit": {
+          "description": "The drilling behavior is inherited from legend.",
+          "displayName": "Inherit"
+        },
+        "off": {
+          "description": "The legend item will not be drillable.",
+          "displayName": "Off"
+        },
+        "on": {
+          "description": "The legend item will be drillable.",
+          "displayName": "On"
+        }
+      },
+      "enumValues": [
+        "inherit",
+        "off",
+        "on"
+      ],
+      "value": "inherit"
     }
   },
   "methods": {

package/oj-c/legend-item/legend-item.js

@@ -7,11 +7,12 @@ define(["require", "exports", '@oracle/oraclejet-preact/translationBundle', "ojs
         symbolType: 'marker',
         borderColor: '',
         categories: [],
-        lineStyle: 'solid'
+        lineStyle: 'solid',
+        drilling: 'inherit'
     };
-    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 }) => {
+    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, drilling = exports.LegendItemDefaults.drilling, ...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" } } }, { "markerShape": "square", "symbolType": "marker", "borderColor": "", "categories": [], "lineStyle": "solid" }, {
+    }, "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", "solid", "dotted"] }, "lineWidth": { "type": "number" }, "markerShape": { "type": "string", "enumValues": ["square", "circle", "ellipse", "diamond", "human", "plus", "star", "triangleDown", "triangleUp", "rectangle"] }, "markerColor": { "type": "string" }, "shortDesc": { "type": "string" }, "drilling": { "type": "string", "enumValues": ["inherit", "off", "on"] } } }, { "markerShape": "square", "symbolType": "marker", "borderColor": "", "categories": [], "lineStyle": "solid", "drilling": "inherit" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });
 });

package/oj-c/legend-item.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "./legend-item/legend-item"], function (require, exports, legend_item_1) {
+define(["require", "exports", "oj-c/legend-item/legend-item"], function (require, exports, legend_item_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LegendItem = void 0;

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

@@ -1,7 +1,7 @@
 {
   "name": "legend-section",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -14,11 +14,25 @@
   "displayName": "LegendSection",
   "main": "oj-c/legend-section",
   "help": "oj-c.LegendSection.html",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Visualizations"
     }
   },
+  "propertyLayout": [
+    {
+      "propertyGroup": "common",
+      "items": [
+        "text"
+      ]
+    }
+  ],
   "since": "15.0.0",
   "properties": {
     "text": {
@@ -26,6 +40,8 @@
       "description": "The title of the legend section.",
       "displayName": "Text",
       "help": "#text",
+      "translatable": true,
+      "required": true,
       "value": ""
     }
   },

package/oj-c/legend-section.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "./legend-section/legend-section"], function (require, exports, legend_section_1) {
+define(["require", "exports", "oj-c/legend-section/legend-section"], function (require, exports, legend_section_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LegendSection = void 0;

package/oj-c/legend.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "./legend/legend"], function (require, exports, legend_1) {
+define(["require", "exports", "oj-c/legend/legend"], function (require, exports, legend_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Legend = void 0;

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

@@ -111,6 +111,13 @@ export declare class LineChartWebElementBase extends OjWebElement {
      *
      */
     getSelection(): Promise<Array<any>>;
+    /**
+     * Gets the value of <code>dragMode</code> property.
+     * The action that is performed when a drag occurs on the chart.
+     * @return The value of <code>dragMode</code> property.
+     *
+     */
+    getDragMode(): Promise<string>;
     /**
      * Sets the value of <code>hiddenCategories</code> property.
      * An array of category strings used for filtering.
@@ -363,6 +370,10 @@ export interface XAxisTickLabel {
      * Whether the tick labels are rendered or not.
      */
     rendered: string;
+    /**
+     * Whether the ticklabels can be rotated.
+     */
+    rotation: string;
     /**
      * The style of the tick labels.
      */

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

@@ -144,6 +144,15 @@ class LineChartWebElementBase extends elements_1.OjWebElement {
     getSelection() {
         return this.getProperty('selection');
     }
+    /**
+     * Gets the value of <code>dragMode</code> property.
+     * The action that is performed when a drag occurs on the chart.
+     * @return The value of <code>dragMode</code> property.
+     *
+     */
+    getDragMode() {
+        return this.getProperty('dragMode');
+    }
     /**
      * Sets the value of <code>hiddenCategories</code> property.
      * An array of category strings used for filtering.

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   *\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   * 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;\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 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   *\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;\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"]}

package/oj-c/line-chart/component.json

@@ -1,7 +1,7 @@
 {
   "name": "line-chart",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -13,6 +13,12 @@
   "displayName": "Line Chart",
   "main": "oj-c/line-chart",
   "help": "oj-c.LineChart.html",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Visualizations"
@@ -27,15 +33,16 @@
       "uxSpecs": [
         "line-chart"
       ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/LineChartWebElement.html"
     }
   },
   "propertyLayout": [
     {
       "propertyGroup": "common",
       "items": [
-        "type",
         "orientation",
-        "legend.title",
         "legend.position",
         "legend.rendered",
         "stack",
@@ -200,8 +207,8 @@
               },
               "enumValues": [
                 "dashed",
-                "dotted",
-                "solid"
+                "solid",
+                "dotted"
               ]
             },
             "lineWidth": {
@@ -266,8 +273,8 @@
               },
               "enumValues": [
                 "dashed",
-                "dotted",
-                "solid"
+                "solid",
+                "dotted"
               ]
             },
             "lineWidth": {
@@ -425,8 +432,8 @@
               },
               "enumValues": [
                 "dashed",
-                "dotted",
-                "solid"
+                "solid",
+                "dotted"
               ]
             },
             "lineWidth": {
@@ -491,8 +498,8 @@
               },
               "enumValues": [
                 "dashed",
-                "dotted",
-                "solid"
+                "solid",
+                "dotted"
               ]
             },
             "lineWidth": {
@@ -555,6 +562,25 @@
                 "on"
               ]
             },
+            "rotation": {
+              "type": "string",
+              "description": "Whether the ticklabels can be rotated.",
+              "displayName": "Rotation",
+              "propertyEditorValues": {
+                "none": {
+                  "description": "The axis labels will not be rotated.",
+                  "displayName": "On"
+                },
+                "off": {
+                  "description": "The axis labels might be rotated in order to fit more labels.",
+                  "displayName": "auto"
+                }
+              },
+              "enumValues": [
+                "auto",
+                "none"
+              ]
+            },
             "style": {
               "type": "object",
               "description": "The style of the tick labels.",
@@ -775,6 +801,19 @@
       "writeback": true,
       "value": []
     },
+    "dragMode": {
+      "type": "string",
+      "description": "The action that is performed when a drag occurs on the chart.",
+      "displayName": "Drag Mode",
+      "help": "#dragMode",
+      "enumValues": [
+        "pan",
+        "select",
+        "off",
+        "user",
+        "zoom"
+      ]
+    },
     "hiddenCategories": {
       "type": "Array<string>",
       "description": "An array of category strings used for filtering.",
@@ -1207,8 +1246,8 @@
               "description": "The line style of the data line.",
               "enumValues": [
                 "dashed",
-                "dotted",
-                "solid"
+                "solid",
+                "dotted"
               ]
             },
             "lineType": {
@@ -1424,8 +1463,8 @@
               "description": "The line style of the data line.",
               "enumValues": [
                 "dashed",
-                "dotted",
-                "solid"
+                "solid",
+                "dotted"
               ]
             },
             "lineType": {