@oracle/oraclejet-core-pack 16.1.4 → 17.0.0

package/oj-c/ToggleButton.json

@@ -0,0 +1,513 @@
+[
+  {
+    "pack": "oj-c",
+    "id": "oj-c.ToggleButton",
+    "name": "ToggleButton",
+    "memberof": "oj-c",
+    "longname": "oj-c.ToggleButton",
+    "kind": "class",
+    "classdesc": "<h3 id=\"toggleButtonOverview-section\">\n  JET ToggleButton\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#toggleButtonOverview-section\"></a>\n</h3>\n\n<p>Description: Themeable, WAI-ARIA-compliant toggle button, with appropriate styles for hover, active, and disabled.\n\n<pre class=\"prettyprint\"><code>&lt;oj-c-toggle-button id=\"myToggleButton\" value=\"{{value}}\" label=\"My ToggleButton\">\n&lt;/oj-c-toggle-button>\n&lt;oj-c-toggle-button label=\"start icon\">\n  &lt;span slot='startIcon' class='myIconClass'>&lt;/span>\n&lt;/oj-c-toggle-button>\n &lt;oj-c-toggle-button label=\"end icon\">\n  &lt;span slot='endIcon' class='myIconClass'>&lt;/span>\n&lt;/oj-c-toggle-button>\n</code></pre>\n\n<h3 id=\"toggleButtons-section\">\n  Toggle Buttons\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#pushToggleButtons-section\"></a>\n</h3>\n\n<p>Toggle Buttons allow users to switch between states when clicked or tapped.\nToggle buttons are created from <code class=\"prettyprint\">oj-c-toggle-button</code> elements.\n\n<h3 id=\"touch-section\">\n  Touch End User Information\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#touch-section\"></a>\n</h3>\n\n<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Target</th>\n      <th>Gesture</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>Push ToggleButton</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Push the button.</td>\n    </tr>\n  </tbody>\n</table>\n\n<h3 id=\"keyboard-section\">\n  Keyboard End User Information\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#keyboard-section\"></a>\n</h3>\n\n<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Target</th>\n      <th>Key</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>Push Toggle Button</td>\n      <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>\n      <td>Push the button.</td>\n    </tr>\n  </tbody>\n</table>\n\n<h3 id=\"a11y-section\">\n  Accessibility\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#a11y-section\"></a>\n</h3>\n\n<p>For accessibility, it is not required to set an aria label on a JET button as it uses the label text to generate an aria label.\nTherefore the label should be specified even if the button is <a href=\"#display\">icon-only (display=icons)</a>. However,\nyou can override the default behavior by setting <code class=\"prettyprint\">aria-label</code>.\nThe label can be hidden using the display attribute.\n\n<p>Disabled content: JET supports an accessible luminosity contrast ratio,\nas specified in <a href=\"http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\">WCAG 2.0 - Section 1.4.3 \"Contrast\"</a>,\nin the themes that are accessible.  (See the \"Theming\" chapter of the JET Developer Guide for more information on which\nthemes are accessible.)  Note that Section 1.4.3 says that text or images of text that are part of an inactive user\ninterface component have no contrast requirement.  Because disabled content may not meet the minimum contrast ratio\nrequired of enabled content, it cannot be used to convey meaningful information.<p>",
+    "scope": "static",
+    "tagWithoutBrackets": "oj-c-toggle-button",
+    "tagWithBrackets": "<oj-c-toggle-button>",
+    "domInterface": "CToggleButtonElement",
+    "ojPageTitle": "&lt;oj-c-toggle-button>",
+    "ojcomponent": true,
+    "isvcomponent": true,
+    "camelCaseName": "ToggleButton",
+    "ojPageTitlePrefix": "Element: ",
+    "ojtsvcomponent": true,
+    "tstype": {
+      "target": "Type",
+      "value": "interface CToggleButtonElement extends JetElement<ToggleButtonElementSettableProperties>"
+    },
+    "ojsignature": [
+      {
+        "target": "Type",
+        "value": "interface CToggleButtonElement extends JetElement<ToggleButtonElementSettableProperties>"
+      }
+    ],
+    "since": "17.0.0",
+    "tsdeprecated": [
+      {
+        "type": "supersedes",
+        "since": "17.0.0",
+        "value": [
+          "oj-buttonset-many"
+        ]
+      }
+    ],
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "ojmodule": "toggle-button"
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#label",
+    "name": "label",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#label",
+    "optional": false,
+    "scope": "instance",
+    "description": "Text to show in the button.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "type": {
+      "names": [
+        "string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#value",
+    "name": "value",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#value",
+    "optional": true,
+    "scope": "instance",
+    "ojwriteback": true,
+    "description": "Specifies if the toggle button is selected",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "defaultvalue": false,
+    "type": {
+      "names": [
+        "boolean"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#tooltip",
+    "name": "tooltip",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#tooltip",
+    "optional": true,
+    "scope": "instance",
+    "description": "Text to show in the tooltip. This overrides the default tooltip that renders the label when in icon mode.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "defaultvalue": "\"\"",
+    "type": {
+      "names": [
+        "string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#disabled",
+    "name": "disabled",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#disabled",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies that the button element should be disabled.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "defaultvalue": false,
+    "type": {
+      "names": [
+        "boolean"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#width",
+    "name": "width",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#width",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies that the button style width",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "type": {
+      "names": [
+        "number|string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#display",
+    "name": "display",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#display",
+    "optional": true,
+    "scope": "instance",
+    "description": "Display just the label, the icons, or all. Label is used as tooltip and should be set in all cases.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "ojvalues": [
+      {
+        "name": "all",
+        "description": "Display both the label and icons.",
+        "displayName": "All",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "icons",
+        "description": "Display only the icons.",
+        "displayName": "Icons",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "label",
+        "description": "Display only the text label.",
+        "displayName": "label",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      }
+    ],
+    "defaultvalue": "\"all\"",
+    "type": {
+      "names": [
+        "\"all\"",
+        "\"label\"",
+        "\"icons\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#size",
+    "name": "size",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#size",
+    "optional": true,
+    "scope": "instance",
+    "description": "Size of button",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "ojvalues": [
+      {
+        "name": "sm",
+        "description": "Display a small button.",
+        "displayName": "Small",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "md",
+        "description": "Display a default size button.",
+        "displayName": "Medium",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "lg",
+        "description": "Display a large button.",
+        "displayName": "Large",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      }
+    ],
+    "defaultvalue": "\"md\"",
+    "type": {
+      "names": [
+        "\"sm\"",
+        "\"md\"",
+        "\"lg\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#chroming",
+    "name": "chroming",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#chroming",
+    "optional": true,
+    "scope": "instance",
+    "description": "Indicates in what states the button has variants in background and border.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "ojvalues": [
+      {
+        "name": "borderless",
+        "description": "Borderless buttons are a less prominent variation.",
+        "displayName": "Borderless",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "outlined",
+        "description": "Outlined buttons are a more prominent variation.",
+        "displayName": "Outlined",
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      }
+    ],
+    "defaultvalue": "\"outlined\"",
+    "type": {
+      "names": [
+        "\"borderless\"",
+        "\"outlined\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#click",
+    "name": "click",
+    "kind": "function",
+    "longname": "oj-c.ToggleButton#click",
+    "description": "blurs the button",
+    "ojhidden": true,
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "returns": [
+      {
+        "type": {
+          "names": [
+            "any"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#blur",
+    "name": "blur",
+    "kind": "function",
+    "longname": "oj-c.ToggleButton#blur",
+    "description": "blurs the button",
+    "ojhidden": true,
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "returns": [
+      {
+        "type": {
+          "names": [
+            "any"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#focus",
+    "name": "focus",
+    "kind": "function",
+    "longname": "oj-c.ToggleButton#focus",
+    "description": "focuses the button",
+    "ojhidden": true,
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "returns": [
+      {
+        "type": {
+          "names": [
+            "any"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#setProperty",
+    "name": "setProperty",
+    "kind": "function",
+    "longname": "oj-c.ToggleButton#setProperty",
+    "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "params": [
+      {
+        "name": "property",
+        "description": "The property name to set. Supports dot notation for subproperty access.",
+        "type": "string"
+      },
+      {
+        "name": "value",
+        "description": "The new value to set the property to.",
+        "type": "any"
+      }
+    ],
+    "returns": [
+      {
+        "type": {
+          "names": [
+            "void"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#getProperty",
+    "name": "getProperty",
+    "kind": "function",
+    "longname": "oj-c.ToggleButton#getProperty",
+    "description": "Retrieves the value of a property or a subproperty.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "params": [
+      {
+        "name": "property",
+        "description": "The property name to get. Supports dot notation for subproperty access.",
+        "type": "string"
+      }
+    ],
+    "returns": [
+      {
+        "type": {
+          "names": [
+            "any"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#setProperties",
+    "name": "setProperties",
+    "kind": "function",
+    "longname": "oj-c.ToggleButton#setProperties",
+    "description": "Performs a batch set of properties.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "params": [
+      {
+        "name": "properties",
+        "description": "An object containing the property and value pairs to set.",
+        "type": "object"
+      }
+    ],
+    "returns": [
+      {
+        "type": {
+          "names": [
+            "void"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#startIcon",
+    "name": "startIcon",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#startIcon",
+    "description": "The startIcon slot is the button's start icon. The oj-c-toggle-button element accepts DOM nodes as children with the startIcon slot.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "ojchild": false,
+    "ojslot": true
+  },
+  {
+    "memberof": "oj-c.ToggleButton",
+    "id": "oj-c.ToggleButton#endIcon",
+    "name": "endIcon",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton#endIcon",
+    "description": "The endIcon slot is the button's end icon. The oj-c-toggle-button element accepts DOM nodes as children with the endIcon slot.",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "scope": "instance",
+    "ojchild": false,
+    "ojslot": true
+  },
+  {
+    "id": "oj-c.ToggleButton.touchDoc",
+    "name": "touchDoc",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton.touchDoc",
+    "description": "<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Target</th>\n      <th>Gesture</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>Push ToggleButton</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Push the button.</td>\n    </tr>\n  </tbody>\n</table>",
+    "memberof": "oj-c.ToggleButton",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "ojfragment": true
+  },
+  {
+    "id": "oj-c.ToggleButton.keyboardDoc",
+    "name": "keyboardDoc",
+    "kind": "member",
+    "longname": "oj-c.ToggleButton.keyboardDoc",
+    "description": "<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Target</th>\n      <th>Key</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>Push Toggle Button</td>\n      <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>\n      <td>Push the button.</td>\n    </tr>\n  </tbody>\n</table>",
+    "memberof": "oj-c.ToggleButton",
+    "meta": {
+      "filename": "toggle-button.tsx",
+      "path": "web/components/oj-c/toggle-button"
+    },
+    "ojfragment": true
+  }
+]

package/oj-c/action-card/__webdriver__/ActionCardWebElement.js

@@ -21,7 +21,7 @@ class ActionCardWebElement extends ActionCardWebElementBase_1.ActionCardWebEleme
      */
     async click() {
         // Find the <button> element to click so that it can receive focus
-        const button = await this.findElement(selenium_webdriver_1.By.css('button'));
+        const button = await this.findElement(selenium_webdriver_1.By.css('[role=button]'));
         return button.click();
     }
 }

package/oj-c/action-card/__webdriver__/ActionCardWebElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionCardWebElement.js","sourceRoot":"","sources":["ActionCardWebElement.ts"],"names":[],"mappings":";;;AAAA,uEAAsE;AACtE,yDAAwC;AAExC;;;;GAIG;AACH,MAAa,oBAAqB,SAAQ,mDAAwB;IAChE,qBAAqB;IAErB;;OAEG;IACH,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,KAAK;QACT,kEAAkE;QAClE,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxD,OAAO,MAAM,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;CACF;AAlBD,oDAkBC","sourcesContent":["import { ActionCardWebElementBase } from './ActionCardWebElementBase';\nimport { By } from 'selenium-webdriver';\n\n/**\n * The component WebElement for [oj-c-action-card](../../../oj-c/docs/oj.ActionCard.html).\n * Do not instantiate this class directly, instead, use\n * [findActionCard](../functions/findActionCard.html).\n */\nexport class ActionCardWebElement extends ActionCardWebElementBase {\n  // Put overrides here\n\n  /**\n   * Perform a click on the button\n   */\n  doAction() {\n    return this.click();\n  }\n\n  /**\n   * Perform a click on the button\n   */\n  async click() {\n    // Find the <button> element to click so that it can receive focus\n    const button = await this.findElement(By.css('button'));\n    return button.click();\n  }\n}\n"]}
+{"version":3,"file":"ActionCardWebElement.js","sourceRoot":"","sources":["ActionCardWebElement.ts"],"names":[],"mappings":";;;AAAA,uEAAsE;AACtE,yDAAwC;AAExC;;;;GAIG;AACH,MAAa,oBAAqB,SAAQ,mDAAwB;IAChE,qBAAqB;IAErB;;OAEG;IACH,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,KAAK;QACT,kEAAkE;QAClE,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,uBAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;QAC/D,OAAO,MAAM,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;CACF;AAlBD,oDAkBC","sourcesContent":["import { ActionCardWebElementBase } from './ActionCardWebElementBase';\nimport { By } from 'selenium-webdriver';\n\n/**\n * The component WebElement for [oj-c-action-card](../../../oj-c/docs/oj.ActionCard.html).\n * Do not instantiate this class directly, instead, use\n * [findActionCard](../functions/findActionCard.html).\n */\nexport class ActionCardWebElement extends ActionCardWebElementBase {\n  // Put overrides here\n\n  /**\n   * Perform a click on the button\n   */\n  doAction() {\n    return this.click();\n  }\n\n  /**\n   * Perform a click on the button\n   */\n  async click() {\n    // Find the <button> element to click so that it can receive focus\n    const button = await this.findElement(By.css('[role=button]'));\n    return button.click();\n  }\n}\n"]}

package/oj-c/action-card/action-card.js

@@ -1,10 +1,47 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_ActionCard", "ojs/ojvcomponent", "css!oj-c/action-card/action-card-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_ActionCard_1, ojvcomponent_1) {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_ActionCard", "preact", "ojs/ojvcomponent", "preact/compat", "preact/hooks", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "css!oj-c/action-card/action-card-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_ActionCard_1, preact_1, ojvcomponent_1, compat_1, hooks_1, UNSAFE_useTabbableMode_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ActionCard = void 0;
-    exports.ActionCard = (0, ojvcomponent_1.registerCustomElement)('oj-c-action-card', ({ children, onOjAction }) => {
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(UNSAFE_ActionCard_1.ActionCard, { onAction: onOjAction, width: "100%", height: "100%", children: children }) }));
-    }, "ActionCard", { "slots": { "": {} }, "events": { "ojAction": { "bubbles": true } } }, undefined, {
+    let ActionCard = class ActionCard extends preact_1.Component {
+        constructor() {
+            super(...arguments);
+            this.actionCardRef = (0, preact_1.createRef)();
+        }
+        render({ children, onOjAction }) {
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(FunctionalActionCard, { ref: this.actionCardRef, onAction: onOjAction, width: "100%", height: "100%", children: children }) }));
+        }
+        click() {
+            this.actionCardRef.current?.click();
+        }
+        blur() {
+            this.actionCardRef.current?.blur();
+        }
+        focus() {
+            this.actionCardRef.current?.focus();
+        }
+    };
+    exports.ActionCard = ActionCard;
+    ActionCard._metadata = { "slots": { "": {} }, "events": { "ojAction": { "bubbles": true } }, "methods": { "click": {}, "blur": {}, "focus": {} } };
+    ActionCard._translationBundleMap = {
         '@oracle/oraclejet-preact': translationBundle_1.default
+    };
+    ActionCard._consumedContexts = [UNSAFE_useTabbableMode_1.TabbableModeContext];
+    exports.ActionCard = ActionCard = __decorate([
+        (0, ojvcomponent_1.customElement)('oj-c-action-card')
+    ], ActionCard);
+    const FunctionalActionCard = (0, compat_1.forwardRef)((props, ref) => {
+        const actionCardRef = (0, hooks_1.useRef)();
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => actionCardRef.current?.focus(),
+            blur: () => actionCardRef.current?.blur(),
+            click: () => actionCardRef.current?.click()
+        }), []);
+        return (0, jsx_runtime_1.jsx)(UNSAFE_ActionCard_1.ActionCard, { ref: actionCardRef, ...props });
     });
 });

package/oj-c/action-card/component.json

@@ -1,7 +1,7 @@
 {
   "name": "action-card",
-  "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": "Action Card",
   "help": "oj-c.ActionCard.html",
   "main": "oj-c/action-card",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Layout & Nav"
@@ -27,6 +33,9 @@
       "module": "oj-c/action-card",
       "defaultColumns": "1",
       "minColumns": "1"
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ActionCardWebElement.html"
     }
   },
   "since": "16.0.0",
@@ -47,6 +56,15 @@
     }
   },
   "methods": {
+    "click": {
+      "return": "any"
+    },
+    "blur": {
+      "return": "any"
+    },
+    "focus": {
+      "return": "any"
+    },
     "setProperty": {
       "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",
       "help": "#setProperty",

package/oj-c/action-card.js

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

package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.d.ts

@@ -125,6 +125,13 @@ export declare class AreaChartWebElementBase extends OjWebElement {
      *
      */
     getHiddenCategories(): Promise<Array<string>>;
+    /**
+     * 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>highlightedCategories</code> property.
      * An array of category string used for highlighting.
@@ -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.
      */