@oracle/oraclejet-core-pack 17.1.3 → 18.0.0

package/oj-c/ActionCard.json

@@ -6,7 +6,7 @@
     "memberof": "oj-c",
     "longname": "oj-c.ActionCard",
     "kind": "class",
-    "classdesc": "<h3 id=\"ActionCardOverview-section\">\n  JET Action\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#CardOverview-section\"></a>\n</h3>\n<p>Description: Themeable, WAI-ARIA-compliant element that represents a card.</p>\n<p>Action Card provides a styled rectangular area with hover/focus/active state rendering,\nalong with an ojAction event.\n\n<pre class=\"prettyprint\">\n<code>\n&lt;oj-c-action-card onAction=\"[[actionHandler]]\">\n  Sample Text\n&lt;/oj-c-action-card>\n\n</code></pre>\n\n<p>As oj-c-action-card is intended to fire actions, it should not be used for the purpose of selection. That role is delegated to oj-c-selection-card.</p>\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>A clarification in a11y rules states that any element with role of ActionCard should not have interactive elements inside: https://www.w3.org/TR/html-aria/#allowed-descendants-of-aria-roles </p>",
+    "classdesc": "<h3 id=\"ActionCardOverview-section\">\n  JET Action\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#CardOverview-section\"></a>\n</h3>\n<p>Description: Themeable, WAI-ARIA-compliant element that represents a card.</p>\n<p>Action Card provides a styled rectangular area with hover/focus/active state rendering,\nalong with an ojAction event.\n\n<pre class=\"prettyprint\">\n<code>\n&lt;oj-c-action-card onAction=\"[[actionHandler]]\">\n  Sample Text\n&lt;/oj-c-action-card>\n\n</code></pre>\n\n<h3 id=\"diff-section\">\n  Differences between Cards in JET\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#diff-section\"></a>\n</h3>\n\n<p>\nThere are several different options for creating cards in JET applications.\n</p>\n<ul>\n<li><strong>oj-c-action-card:</strong> ActionCard fires action events and is supported for use stand alone or in oj-c-card-view. For accessibility reasons nothing interactive (for example links or buttons) can be put in an action card.</li>\n<li><strong>oj-c-selection-card:</strong> SelectionCard is supported for use in oj-c-card-view, with single or multiple selection.</li>\n<li><strong>oj-panel CSS class:</strong> For simple cases with no associated action or selection. Panel is supported for use in standalone or in oj-c-card-view.</li>\n</ul>\n\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>A clarification in a11y rules states that any element with role of ActionCard should not have interactive elements inside: https://www.w3.org/TR/html-aria/#allowed-descendants-of-aria-roles </p>",
     "scope": "static",
     "tagWithoutBrackets": "oj-c-action-card",
     "tagWithBrackets": "<oj-c-action-card>",
@@ -31,7 +31,7 @@
     "tsdeprecated": [
       {
         "type": "candidate",
-        "since": "17.1.0"
+        "since": "17.0.0"
       }
     ],
     "meta": {

package/oj-c/AreaChart.json

@@ -6,7 +6,7 @@
     "memberof": "oj-c",
     "longname": "oj-c.AreaChart",
     "kind": "class",
-    "classdesc": "<h3 id=\"areaChartOverview-section\">\n  JET Area Chart\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#areaChartOverview-section\"></a>\n</h3>\n<p>An area chart displays information graphically using lines and filled areas, making relationships among the data easier to understand.</p>\n\n\n<pre class=\"prettyprint\">\n<code>\n&lt;oj-c-area-chart\n  data=\"[[dataProvider]]\">\n&lt;/oj-c-area-chart>\n</code>\n</pre>\n\n<h3 id=\"a11y-section\">\n  Accessibility\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#a11y-section\"></a>\n</h3>\nTo make your component accessible, the application is required to include contextual information for screender readers using one or more the following methods as appropriate:\n <ul>\n  <li>aria-describedby</li>\n  <li>aria-labelledby</li>\n  <li>aria-label</li>\n  <li>short-desc property of your items</li>\n </ul>\n<p>\n If your application has custom keyboard and touch shortcuts implemented for the component, these shortcuts can conflict with those of the component. It is the application's responsibility to disclose these custom shortcuts, possibly via a datatip or help popup.\n</p>\n<p>\n When setting color, applications are responsible for making sure that the color meets the <a target=\"_blank\" href=\"https://www.w3.org/TR/WCAG21/#contrast-minimum\">minimum contrast requirements</a>.\n</p>\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<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Key</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><kbd>Tab</kbd></td>\n      <td>Move focus to next element.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + Tab</kbd></td>\n      <td>Move focus to previous element.</td>\n    </tr>\n    <tr>\n      <td><kbd>UpArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>DownArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>LeftArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>RightArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + UpArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + DownArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + LeftArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + RightArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + UpArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + DownArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + LeftArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + RightArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + Spacebar</kbd></td>\n      <td>Multi-select data item with focus.</td>\n    </tr>\n    <tr>\n      <td><kbd>= or +</kbd></td>\n      <td>Zoom in one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>- or _</kbd></td>\n      <td>Zoom out one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageUp</kbd></td>\n      <td>Pan up if scrolling is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageDown</kbd></td>\n      <td>Pan down if scrolling is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + PageUp</kbd></td>\n      <td>Pan left in left-to-right locales. Pan right in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + PageDown</kbd></td>\n      <td>Pan right in left-to-right locales. Pan left in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>Enter</kbd></td>\n      <td>Drill on data item, categorical axis label, or legend item when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n  </tbody>\n</table>\n\n<h3 id=\"perf-section\">\n  Performance\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#perf-section\"></a>\n</h3>\n\n<h4>Data Set Size</h4>\n<p>As a rule of thumb, it's recommended that applications only set usable data densities on the chart. For example,\n   it's not recommended to show more than 500 area series on a 500 pixel wide chart, since the areas will be unusably thin.\n   While there are several optimizations within the chart to deal with large data sets, it's always more efficient to\n   reduce the data set size as early as possible. Future optimizations will focus on improving end user experience as\n   well as developer productivity for common use cases.\n</p>\n\n<h4>Styling</h4>\n<p>Use the highest level property available. For example, consider setting styling properties on\n   <code class=\"prettyprint\">styleDefaults</code> or <code class=\"prettyprint\">series</code>, instead of styling properties\n   on the individual data items. The chart can take advantage of these higher level properties to apply the style properties on\n   containers, saving expensive DOM calls.\n</p>\n\n\n<h3 id=\"touch-section\">\nTouch 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 rowspan=\"5\">Data Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Select when <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">none</code>.</td>\n    </tr>\n    <tr>\n      <td><kbd>Double Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\"><kbd>Press & Hold</kbd></td>\n      <td>Display tooltip.</td>\n    </tr>\n    <tr>\n      <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n      <td>Categorical Axis Item</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\">Legend Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Filter when <code class=\"prettyprint\">hideAndShowBehavior</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"4\">Plot Area</td>\n      <td rowspan=\"2\"><kbd>Drag</kbd></td>\n      <td>Pan when panning is enabled and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td>Marquee select when <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">multiple</code> and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td><kbd>Pinch-close</kbd></td>\n      <td>Zoom out when zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Spread-open</kbd></td>\n      <td>Zoom in when zooming is enabled.</td>\n    </tr>\n  </tbody>\n</table>",
+    "classdesc": "<h3 id=\"areaChartOverview-section\">\n  JET Area Chart\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#areaChartOverview-section\"></a>\n</h3>\n<p>An area chart displays information graphically using lines and filled areas, making relationships among the data easier to understand.</p>\n\n\n<pre class=\"prettyprint\">\n<code>\n&lt;oj-c-area-chart\n  data=\"[[dataProvider]]\">\n&lt;/oj-c-area-chart>\n</code>\n</pre>\n\n<h3 id=\"a11y-section\">\n  Accessibility\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#a11y-section\"></a>\n</h3>\nTo make your component accessible, the application is required to include contextual information for screender readers using one or more the following methods as appropriate:\n <ul>\n  <li>aria-describedby</li>\n  <li>aria-labelledby</li>\n  <li>aria-label</li>\n  <li>short-desc property of your items</li>\n </ul>\n<p>\n If your application has custom keyboard and touch shortcuts implemented for the component, these shortcuts can conflict with those of the component. It is the application's responsibility to disclose these custom shortcuts, possibly via a datatip or help popup.\n</p>\n<p>\n When setting color, applications are responsible for making sure that the color meets the <a target=\"_blank\" href=\"https://www.w3.org/TR/WCAG21/#contrast-minimum\">minimum contrast requirements</a>.\n</p>\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<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Key</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><kbd>Tab</kbd></td>\n      <td>Move focus to next element.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + Tab</kbd></td>\n      <td>Move focus to previous element.</td>\n    </tr>\n    <tr>\n      <td><kbd>UpArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>DownArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>LeftArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>RightArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + UpArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + DownArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + LeftArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + RightArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + UpArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + DownArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + LeftArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + RightArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + Spacebar</kbd></td>\n      <td>Multi-select data item with focus.</td>\n    </tr>\n    <tr>\n      <td><kbd>= or +</kbd></td>\n      <td>Zoom in one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>- or _</kbd></td>\n      <td>Zoom out one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageUp or Shift + PageUp</kbd></td>\n      <td>Pan left in left-to-right locales. Pan right in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageDown or Shift + PageDown</kbd></td>\n      <td>Pan right in left-to-right locales. Pan left in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>Enter</kbd></td>\n      <td>Drill on data item, categorical axis label, or legend item when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift+F10</kbd></td>\n      <td>Launch the context menu if there is one associated with the current item.</td>\n    </tr>\n  </tbody>\n</table>\n\n<h3 id=\"perf-section\">\n  Performance\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#perf-section\"></a>\n</h3>\n\n<h4>Data Set Size</h4>\n<p>As a rule of thumb, it's recommended that applications only set usable data densities on the chart. For example,\n   it's not recommended to show more than 500 area series on a 500 pixel wide chart, since the areas will be unusably thin.\n   While there are several optimizations within the chart to deal with large data sets, it's always more efficient to\n   reduce the data set size as early as possible. Future optimizations will focus on improving end user experience as\n   well as developer productivity for common use cases.\n</p>\n\n<h4>Styling</h4>\n<p>Use the highest level property available. For example, consider setting styling properties on\n   <code class=\"prettyprint\">styleDefaults</code> or <code class=\"prettyprint\">series</code>, instead of styling properties\n   on the individual data items. The chart can take advantage of these higher level properties to apply the style properties on\n   containers, saving expensive DOM calls.\n</p>\n\n\n<h3 id=\"touch-section\">\nTouch 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 rowspan=\"5\">Data Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Select when <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">none</code>.</td>\n    </tr>\n    <tr>\n      <td><kbd>Double Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\"><kbd>Press & Hold</kbd></td>\n      <td>Display tooltip.</td>\n    </tr>\n    <tr>\n      <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\">Categorical Axis Item</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n     <tr>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\">Legend Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Filter when <code class=\"prettyprint\">hideAndShowBehavior</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"5\">Plot Area</td>\n      <td rowspan=\"2\"><kbd>Drag</kbd></td>\n      <td>Pan when panning is enabled and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td>Marquee select when <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">multiple</code> and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td><kbd>Pinch-close</kbd></td>\n      <td>Zoom out when zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Spread-open</kbd></td>\n      <td>Zoom in when zooming is enabled.</td>\n    </tr>\n    <tr>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n       <td>Series Area</td>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n       <td>Axis Title</td>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n  </tbody>\n</table>",
     "scope": "static",
     "tagWithoutBrackets": "oj-c-area-chart",
     "tagWithBrackets": "<oj-c-area-chart>",
@@ -435,7 +435,7 @@
     "longname": "oj-c.AreaChart#selectionMode",
     "optional": true,
     "scope": "instance",
-    "description": "The type of selection behavior that is enabled on the tag cloud. This attribute controls the number of selections that can be made via selection gestures at any given time.",
+    "description": "The type of selection behavior that is enabled on the area chart This attribute controls the number of selections that can be made via selection gestures at any given time.",
     "meta": {
       "filename": "area-chart.tsx",
       "path": "web/components/oj-c/area-chart"
@@ -546,10 +546,10 @@
     "type": {
       "names": [
         "\"pan\"",
+        "\"zoom\"",
         "\"select\"",
         "\"off\"",
-        "\"user\"",
-        "\"zoom\""
+        "\"user\""
       ]
     }
   },
@@ -740,6 +740,32 @@
       }
     ]
   },
+  {
+    "memberof": "oj-c.AreaChart",
+    "id": "oj-c.AreaChart#contextMenuConfig",
+    "name": "contextMenuConfig",
+    "kind": "member",
+    "longname": "oj-c.AreaChart#contextMenuConfig",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies a context menu configuration.\nIt takes the keys `accessibleLabel` and `items`,\nwhere `accessibleLabel` is optional and items required . `items` function returns an array\nof menu item object representations that indicates what menu items are going to be part of\nmenu based on some specific context menu context.\n<table>\n<tr><th align='left'>Context Menu Item Type</th><th align='left'>Def</th></tr>\n<tr><td>ContextMenuSeparator</td><td>{ type: 'separator'}</td></tr>\n<tr><td>MenuItem</td><td>{\ntype?: 'item';\nlabel: string;\nkey: string;\ndisabled?: boolean;\nonAction?: () => void;\nstartIcon?: MenuIcon;\nendIcon?: MenuIcon;\nvariant?: 'standard' | 'destructive';\n};</td></tr>\n<tr><td>ContextMenuSubMenu</td><td>{\ntype: 'submenu';\nlabel?: string;\ndisabled?: boolean;\nstartIcon?: string;\nitems?: Array&lt;ContextMenuItems&gt;;\n};</td></tr>\n<tr><td>ContextMenuSelectSingle</td><td>{\ntype: 'selectsingle';\nkey?: string;\nitems?: Array&lt;MenuSelectItem&gt;;\nselection?: string;\nonSelection?: (detail: { value: string }) => void;\n};</td></tr>\n<tr><td>ContextMenuSelectMultiple</td><td>{\ntype: 'selectmultiple';\nkey?: string;\nitems?: Array&lt;MenuSelectItem&gt;;\nselection?: Array&lt;string&gt;;\nonSelection?: (detail: { value: Array&lt;string&gt; }) => void;\n};</td></tr>\n<tr><td>MenuIcon</td><td>{\ntype?: 'class';\n    class: string;\n  }\n| {\n    type: 'img';\n   src: string;\n  };</td></tr>\n<tr><td>MenuSelectItem</td><td>{\nlabel: string;\ndisabled?: boolean;\nendIcon?: MenuIcon;\nvalue: string;\n}</td></tr>\n</table>",
+    "meta": {
+      "filename": "area-chart.tsx",
+      "path": "web/components/oj-c/area-chart"
+    },
+    "type": {
+      "names": [
+        "object"
+      ]
+    },
+    "tstype": [
+      {
+        "target": "Type",
+        "value": "oj-c.AreaChart.AreaChartContextMenuConfig<K, D>",
+        "jsdocOverride": true
+      }
+    ]
+  },
   {
     "memberof": "oj-c.AreaChart",
     "id": "oj-c.AreaChart#setProperty",
@@ -1222,6 +1248,97 @@
       }
     ]
   },
+  {
+    "memberof": "oj-c.AreaChart",
+    "id": "oj-c.AreaChart#event:ojContextMenuAction",
+    "name": "ojContextMenuAction",
+    "kind": "event",
+    "longname": "oj-c.AreaChart#event:ojContextMenuAction",
+    "description": "Triggered when a menu item is clicked, whether by keyboard, mouse, or touch events.",
+    "meta": {
+      "filename": "area-chart.tsx",
+      "path": "web/components/oj-c/area-chart"
+    },
+    "scope": "instance",
+    "properties": [
+      {
+        "name": "menuItemKey",
+        "optional": false,
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "contextMenuContext",
+        "optional": false,
+        "type": {
+          "names": [
+            "any"
+          ]
+        },
+        "tstype": [
+          {
+            "target": "Type",
+            "value": "C",
+            "jsdocOverride": true,
+            "for": "contextMenuContext"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.AreaChart",
+    "id": "oj-c.AreaChart#event:ojContextMenuSelection",
+    "name": "ojContextMenuSelection",
+    "kind": "event",
+    "longname": "oj-c.AreaChart#event:ojContextMenuSelection",
+    "description": "Triggered when a select menu item is clicked, whether by keyboard, mouse, or touch events.",
+    "meta": {
+      "filename": "area-chart.tsx",
+      "path": "web/components/oj-c/area-chart"
+    },
+    "scope": "instance",
+    "properties": [
+      {
+        "name": "value",
+        "optional": false,
+        "type": {
+          "names": [
+            "string|Array<string>"
+          ]
+        }
+      },
+      {
+        "name": "contextMenuContext",
+        "optional": false,
+        "type": {
+          "names": [
+            "any"
+          ]
+        },
+        "tstype": [
+          {
+            "target": "Type",
+            "value": "C",
+            "jsdocOverride": true,
+            "for": "contextMenuContext"
+          }
+        ]
+      },
+      {
+        "name": "menuSelectionGroupKey",
+        "optional": false,
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      }
+    ]
+  },
   {
     "memberof": "oj-c.AreaChart",
     "id": "oj-c.AreaChart#itemTemplate",
@@ -1410,7 +1527,7 @@
     "name": "touchDoc",
     "kind": "member",
     "longname": "oj-c.AreaChart.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 rowspan=\"5\">Data Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Select when <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">none</code>.</td>\n    </tr>\n    <tr>\n      <td><kbd>Double Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\"><kbd>Press & Hold</kbd></td>\n      <td>Display tooltip.</td>\n    </tr>\n    <tr>\n      <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n      <td>Categorical Axis Item</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\">Legend Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Filter when <code class=\"prettyprint\">hideAndShowBehavior</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"4\">Plot Area</td>\n      <td rowspan=\"2\"><kbd>Drag</kbd></td>\n      <td>Pan when panning is enabled and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td>Marquee select when <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">multiple</code> and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td><kbd>Pinch-close</kbd></td>\n      <td>Zoom out when zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Spread-open</kbd></td>\n      <td>Zoom in when zooming is enabled.</td>\n    </tr>\n  </tbody>\n</table>",
+    "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 rowspan=\"5\">Data Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Select when <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">none</code>.</td>\n    </tr>\n    <tr>\n      <td><kbd>Double Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled and <code class=\"prettyprint\">selectionMode</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\"><kbd>Press & Hold</kbd></td>\n      <td>Display tooltip.</td>\n    </tr>\n    <tr>\n      <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\">Categorical Axis Item</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n     <tr>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"2\">Legend Item</td>\n      <td rowspan=\"2\"><kbd>Tap</kbd></td>\n      <td>Drill when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td>Filter when <code class=\"prettyprint\">hideAndShowBehavior</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td rowspan=\"5\">Plot Area</td>\n      <td rowspan=\"2\"><kbd>Drag</kbd></td>\n      <td>Pan when panning is enabled and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td>Marquee select when <code class=\"prettyprint\">selectionMode</code> is <code class=\"prettyprint\">multiple</code> and toggled into that mode.</td>\n    </tr>\n    <tr>\n      <td><kbd>Pinch-close</kbd></td>\n      <td>Zoom out when zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Spread-open</kbd></td>\n      <td>Zoom in when zooming is enabled.</td>\n    </tr>\n    <tr>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n       <td>Series Area</td>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n    <tr>\n       <td>Axis Title</td>\n       <td><kbd>Press & Hold</kbd></td>\n       <td>Display context menu on release.</td>\n    </tr>\n  </tbody>\n</table>",
     "memberof": "oj-c.AreaChart",
     "meta": {
       "filename": "area-chart.tsx",
@@ -1423,7 +1540,7 @@
     "name": "keyboardDoc",
     "kind": "member",
     "longname": "oj-c.AreaChart.keyboardDoc",
-    "description": "<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Key</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><kbd>Tab</kbd></td>\n      <td>Move focus to next element.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + Tab</kbd></td>\n      <td>Move focus to previous element.</td>\n    </tr>\n    <tr>\n      <td><kbd>UpArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>DownArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>LeftArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>RightArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + UpArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + DownArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + LeftArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + RightArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + UpArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + DownArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + LeftArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + RightArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + Spacebar</kbd></td>\n      <td>Multi-select data item with focus.</td>\n    </tr>\n    <tr>\n      <td><kbd>= or +</kbd></td>\n      <td>Zoom in one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>- or _</kbd></td>\n      <td>Zoom out one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageUp</kbd></td>\n      <td>Pan up if scrolling is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageDown</kbd></td>\n      <td>Pan down if scrolling is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + PageUp</kbd></td>\n      <td>Pan left in left-to-right locales. Pan right in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + PageDown</kbd></td>\n      <td>Pan right in left-to-right locales. Pan left in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>Enter</kbd></td>\n      <td>Drill on data item, categorical axis label, or legend item when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n  </tbody>\n</table>",
+    "description": "<table class=\"keyboard-table\">\n  <thead>\n    <tr>\n      <th>Key</th>\n      <th>Action</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><kbd>Tab</kbd></td>\n      <td>Move focus to next element.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + Tab</kbd></td>\n      <td>Move focus to previous element.</td>\n    </tr>\n    <tr>\n      <td><kbd>UpArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>DownArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>LeftArrow</kbd></td>\n      <td>Move focus and selection to previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>RightArrow</kbd></td>\n      <td>Move focus and selection to next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + UpArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + DownArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + LeftArrow</kbd></td>\n      <td>Move focus and multi-select previous data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift + RightArrow</kbd></td>\n      <td>Move focus and multi-select next data item.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + UpArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + DownArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + LeftArrow</kbd></td>\n      <td>Move focus to previous data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + RightArrow</kbd></td>\n      <td>Move focus to next data item, without changing the current selection.</td>\n    </tr>\n    <tr>\n      <td><kbd>Ctrl + Spacebar</kbd></td>\n      <td>Multi-select data item with focus.</td>\n    </tr>\n    <tr>\n      <td><kbd>= or +</kbd></td>\n      <td>Zoom in one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>- or _</kbd></td>\n      <td>Zoom out one level if zooming is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageUp or Shift + PageUp</kbd></td>\n      <td>Pan left in left-to-right locales. Pan right in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>PageDown or Shift + PageDown</kbd></td>\n      <td>Pan right in left-to-right locales. Pan left in right-to-left locales.</td>\n    </tr>\n    <tr>\n      <td><kbd>Enter</kbd></td>\n      <td>Drill on data item, categorical axis label, or legend item when <code class=\"prettyprint\">drilling</code> is enabled.</td>\n    </tr>\n    <tr>\n      <td><kbd>Shift+F10</kbd></td>\n      <td>Launch the context menu if there is one associated with the current item.</td>\n    </tr>\n  </tbody>\n</table>",
     "memberof": "oj-c.AreaChart",
     "meta": {
       "filename": "area-chart.tsx",
@@ -3197,5 +3314,56 @@
         }
       }
     ]
+  },
+  {
+    "memberof": "oj-c.AreaChart",
+    "id": "oj-c.AreaChart.AreaChartContextMenuConfig",
+    "name": "AreaChartContextMenuConfig",
+    "kind": "typedef",
+    "longname": "oj-c.AreaChart.AreaChartContextMenuConfig",
+    "scope": "static",
+    "description": "",
+    "tsgenerictype": {
+      "target": "Type",
+      "value": "<K,D>",
+      "for": "genericTypeParameters"
+    },
+    "type": {
+      "names": [
+        "Object"
+      ]
+    },
+    "meta": {
+      "filename": "area-chart.tsx",
+      "path": "web/components/oj-c/area-chart"
+    },
+    "properties": [
+      {
+        "name": "accessibleLabel",
+        "optional": true,
+        "type": {
+          "names": [
+            "string"
+          ]
+        }
+      },
+      {
+        "name": "items",
+        "optional": false,
+        "type": {
+          "names": [
+            "function"
+          ]
+        },
+        "tstype": [
+          {
+            "target": "Type",
+            "value": "(context: C) => ContextMenuItems[]",
+            "jsdocOverride": true,
+            "for": "items"
+          }
+        ]
+      }
+    ]
   }
 ]

package/oj-c/Button.json

@@ -75,7 +75,6 @@
       "filename": "button.tsx",
       "path": "web/components/oj-c/button"
     },
-    "defaultvalue": "\"\"",
     "type": {
       "names": [
         "string"
@@ -372,12 +371,11 @@
   },
   {
     "memberof": "oj-c.Button",
-    "id": "oj-c.Button#click",
-    "name": "click",
+    "id": "oj-c.Button#focus",
+    "name": "focus",
     "kind": "function",
-    "longname": "oj-c.Button#click",
-    "description": "blurs the button",
-    "ojhidden": true,
+    "longname": "oj-c.Button#focus",
+    "description": "",
     "meta": {
       "filename": "button.tsx",
       "path": "web/components/oj-c/button"
@@ -387,7 +385,7 @@
       {
         "type": {
           "names": [
-            "any"
+            "void"
           ]
         }
       }
@@ -399,8 +397,7 @@
     "name": "blur",
     "kind": "function",
     "longname": "oj-c.Button#blur",
-    "description": "blurs the button",
-    "ojhidden": true,
+    "description": "",
     "meta": {
       "filename": "button.tsx",
       "path": "web/components/oj-c/button"
@@ -410,7 +407,7 @@
       {
         "type": {
           "names": [
-            "any"
+            "void"
           ]
         }
       }
@@ -418,12 +415,11 @@
   },
   {
     "memberof": "oj-c.Button",
-    "id": "oj-c.Button#focus",
-    "name": "focus",
+    "id": "oj-c.Button#click",
+    "name": "click",
     "kind": "function",
-    "longname": "oj-c.Button#focus",
-    "description": "focuses the button",
-    "ojhidden": true,
+    "longname": "oj-c.Button#click",
+    "description": "",
     "meta": {
       "filename": "button.tsx",
       "path": "web/components/oj-c/button"
@@ -433,7 +429,7 @@
       {
         "type": {
           "names": [
-            "any"
+            "void"
           ]
         }
       }

package/oj-c/ButtonsetMultiple.json

@@ -6,7 +6,7 @@
     "memberof": "oj-c",
     "longname": "oj-c.ButtonsetMultiple",
     "kind": "class",
-    "classdesc": "<h3 id=\"ButtonsetMultipleOverview-section\">\n  JET Buttonset Multiple\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#buttonSetMultipleOverview-section\"></a>\n</h3>\n\n<p>Description: A Buttonset Multiple is a grouping of related buttons where any number of buttons may be selected.\n\n<pre class=\"prettyprint\"><code>&lt;oj-c-buttonset-multiple aria-label=\"Pick Items\" value=\"{{value}}\" items=\"[[items]]\">\n&lt;/oj-c-buttonset-multiple>\n</code></pre>\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 Toggle Button</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Toggle 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>Buttonset Multiple</td>\n      <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>\n      <td>Toggle the focused Button.</td>\n    </tr>\n    <tr>\n      <td>Buttonset Multiple</td>\n      <td><kbd>Right Arrow</kbd></td>\n      <td>Move focus to the next enabled Button, wrapping as needed.</td>\n    </tr>\n    <tr>\n      <td>Buttonset Multiple</td>\n      <td><kbd>Left Arrow</kbd></td>\n      <td>Move focus to the previous enabled Button, wrapping as needed.</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>The application is responsible for applying <code class=\"prettyprint\">aria-label</code> and/or\n<code class=\"prettyprint\">aria-controls</code> attributes like the following to the buttonset element, if applicable per the instructions that follow:\n\n<pre class=\"prettyprint\">\n<code>aria-label=\"Choose beverages.\"\naria-controls=\"myTextEditor\"\n</code></pre>\n\n<p>An <code class=\"prettyprint\">aria-label</code> conveying the \"choose multiple\" semantics should be included for a buttonset-multiple.\n\n<p>The <code class=\"prettyprint\">aria-controls</code> attribute should be included if the buttonset is controlling something else on the page, e.g.\nbold / italic / underline buttons controlling a rich text editor.  If the buttonset is contained in a toolbar, <code class=\"prettyprint\">aria-controls</code>\nshould be placed on the toolbar, not on the buttonsets within the toolbar.\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>",
+    "classdesc": "<h3 id=\"ButtonsetMultipleOverview-section\">\n  JET Buttonset Multiple\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#buttonSetMultipleOverview-section\"></a>\n</h3>\n\n<p>Description: A Buttonset Multiple is a grouping of related buttons where any number of buttons may be selected.\n\n<pre class=\"prettyprint\"><code>&lt;oj-c-buttonset-multiple aria-label=\"Pick Items\" value=\"{{value}}\" items=\"[[items]]\">\n&lt;/oj-c-buttonset-multiple>\n</code></pre>\n\n<h3 id=\"toolbar-section\">\nToolbar Usage\n</h3>\n<p>Note that oj-c-buttonset-multiple is not intended for usage inside oj-toolbar, it is only\nsupported in oj-c-toolbar.</p>\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 Toggle Button</td>\n      <td><kbd>Tap</kbd></td>\n      <td>Toggle 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>Buttonset Multiple</td>\n      <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>\n      <td>Toggle the focused Button.</td>\n    </tr>\n    <tr>\n      <td>Buttonset Multiple</td>\n      <td><kbd>Right Arrow</kbd></td>\n      <td>Move focus to the next enabled Button, wrapping as needed.</td>\n    </tr>\n    <tr>\n      <td>Buttonset Multiple</td>\n      <td><kbd>Left Arrow</kbd></td>\n      <td>Move focus to the previous enabled Button, wrapping as needed.</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>The application is responsible for applying <code class=\"prettyprint\">aria-label</code> and/or\n<code class=\"prettyprint\">aria-controls</code> attributes like the following to the buttonset element, if applicable per the instructions that follow:\n\n<pre class=\"prettyprint\">\n<code>aria-label=\"Choose beverages.\"\naria-controls=\"myTextEditor\"\n</code></pre>\n\n<p>An <code class=\"prettyprint\">aria-label</code> conveying the \"choose multiple\" semantics should be included for a buttonset-multiple.\n\n<p>The <code class=\"prettyprint\">aria-controls</code> attribute should be included if the buttonset is controlling something else on the page, e.g.\nbold / italic / underline buttons controlling a rich text editor.  If the buttonset is contained in a toolbar, <code class=\"prettyprint\">aria-controls</code>\nshould be placed on the toolbar, not on the buttonsets within the toolbar.\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-buttonset-multiple",
     "tagWithBrackets": "<oj-c-buttonset-multiple>",
@@ -30,7 +30,7 @@
     "since": "17.0.0",
     "tsdeprecated": [
       {
-        "type": "candidate",
+        "type": "supersedes",
         "since": "17.0.0",
         "value": [
           "oj-buttonset-many"
@@ -321,12 +321,11 @@
   },
   {
     "memberof": "oj-c.ButtonsetMultiple",
-    "id": "oj-c.ButtonsetMultiple#blur",
-    "name": "blur",
+    "id": "oj-c.ButtonsetMultiple#focus",
+    "name": "focus",
     "kind": "function",
-    "longname": "oj-c.ButtonsetMultiple#blur",
-    "description": "blurs the button",
-    "ojhidden": true,
+    "longname": "oj-c.ButtonsetMultiple#focus",
+    "description": "",
     "meta": {
       "filename": "buttonset-multiple.tsx",
       "path": "web/components/oj-c/buttonset-multiple"
@@ -336,7 +335,7 @@
       {
         "type": {
           "names": [
-            "any"
+            "void"
           ]
         }
       }
@@ -344,12 +343,11 @@
   },
   {
     "memberof": "oj-c.ButtonsetMultiple",
-    "id": "oj-c.ButtonsetMultiple#focus",
-    "name": "focus",
+    "id": "oj-c.ButtonsetMultiple#blur",
+    "name": "blur",
     "kind": "function",
-    "longname": "oj-c.ButtonsetMultiple#focus",
-    "description": "focuses the button",
-    "ojhidden": true,
+    "longname": "oj-c.ButtonsetMultiple#blur",
+    "description": "",
     "meta": {
       "filename": "buttonset-multiple.tsx",
       "path": "web/components/oj-c/buttonset-multiple"
@@ -359,7 +357,7 @@
       {
         "type": {
           "names": [
-            "any"
+            "void"
           ]
         }
       }
@@ -503,6 +501,7 @@
     "properties": [
       {
         "name": "label",
+        "description": "The toggle item label.",
         "optional": false,
         "type": {
           "names": [
@@ -512,6 +511,7 @@
       },
       {
         "name": "value",
+        "description": "The toggle item value.",
         "optional": false,
         "type": {
           "names": [
@@ -521,6 +521,7 @@
       },
       {
         "name": "disabled",
+        "description": "Specifies if the toggle item is disabled (enabled by default).",
         "optional": true,
         "type": {
           "names": [
@@ -530,6 +531,7 @@
       },
       {
         "name": "startIcon",
+        "description": "Optional icon to render at the start of the toggle item.",
         "optional": true,
         "type": {
           "names": [
@@ -547,6 +549,7 @@
       },
       {
         "name": "endIcon",
+        "description": "Optional icon to render at the end of the toggle item.",
         "optional": true,
         "type": {
           "names": [