@oracle/oraclejet-core-pack 16.1.3 → 17.0.0

package/oj-c/Popup.json

@@ -0,0 +1,628 @@
+[
+  {
+    "pack": "oj-c",
+    "id": "oj-c.Popup",
+    "name": "Popup",
+    "memberof": "oj-c",
+    "longname": "oj-c.Popup",
+    "kind": "class",
+    "classdesc": "<h3 id=\"popupOverview-section\">\n  JET Popup\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#popupOverview-section\"></a>\n</h3>\n<p>Description: A popup temporarily 'pops up' content in the foreground.</p>\n<pre class=\"prettyprint\">\n<code>\n&lt;oj-c-popup>\n   Popup content\n&lt;/oj-c-popup>\n\n&lt;oj-c-popup edge=\"end\" opened=\"true\">\n   Opened Popup\n&lt;/oj-c-popup>\n\n&lt;oj-c-popup placement=\"bottom\">\n   Popup positioned at the bottom of the anchor\n&lt;/oj-c-popup>\n\nMain section content\n</code></pre>\n\n<p id=\"popup-section\">A popup temporarily 'pops up' content in the foreground.</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>Target</th>\n     <th>Key</th>\n     <th>Action</th>\n   </tr>\n </thead>\n <tbody>\n   <tr>\n      <td rowspan = \"3\">Focus within Popup</td>\n      <td><kbd>Tab</kbd> or <kbd>Shift + Tab</kbd></td>\n      <td>Navigate the content of the popup.</td>\n   </tr>\n   <tr>\n     <td><kbd>F6</kbd></td>\n     <td>Move focus to the launcher for a popup with modeless modality.</td>\n   </tr>\n   <tr>\n     <td><kbd>Esc</kbd></td>\n     <td>Close the open popup.</td>\n   </tr>\n   <tr>\n     <td rowspan = \"1\">Popup Launcher</td>\n     <td><kbd>F6</kbd></td>\n     <td>Move focus to the first tab stop within the open popup. If there is not a tab stop\n         within the content, focus is established on the popup.</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 WAI-ARIA compliance, JET automatically adds\n<code class=\"prettyprint\">role=\"tooltip\"</code> to the non-modal popup root dom element, or\n<code class=\"prettyprint\">role=\"dialog\"</code> to the modal popup root dom element, if not\nalready specificed. This is not a component property but rather the standard html\n<a href=\"https://www.w3.org/WAI/PF/aria/roles\">role</a> attribute. Depending on how the\npopup is used in the page, the page developer should choose from the following when overriding\nthe default values:\n<ul>\n  <li>\"tooltip\" defines contextual popup that displays a description for an element.\n      Although this is the default role for non-modal popups, it should only be used\n      for popups that include simple textual content and no interactive elements.\n      The \"tooltip\" role should never be used with modal popups.</li>\n  <li>\"dialog\" defines an application window that is designed to interrupt the current\n      processing of an application in order to prompt the user to enter information or\n      require a response. It is the default role for modal popups, but can (and should) be used\n      for non-modal windows too, if the popup includes interactive content.</li>\n  <li>\"alertdialog\" defines type of popup that contains an alert message, where initial focus\n      goes to an element within the popup.</li>\n</ul>\n</p>\n<p>\n The page developer should consider adding the aria-haspopup=\"dialog\" to the launcher element.\n</p>\n<p>\nDepending on the aria role and popup content, the page developer may also need to\nset the <code class=\"prettyprint\">aria-labelledby</code> and (optionally)\n<code class=\"prettyprint\">aria-describedby</code> attributes on the oj-popup\nelement in order to make the popup and its content accessible.\n</p>\n\n<p>One point often overlooked is making the gestures that launch a popup accessible.\n  There are no constraints to what events a page developer might choose to trigger opening a\n  popup.  The choice should be accessible for screen reader users.  Page\n  developers should take care when using mouse events to trigger opening of a popup.\n  This is especially important if the content of the popup can't be derived from other\n  visible areas on the page. In cases that mouseover, mouseout, mouseenter, mouseleave and\n  hover events are used to launch popups, there needs to be a keyboard functional equivalency.\n</p>\n\n<h3 id=\"reparenting-section\">\n  Reparenting\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#reparenting-section\"></a>\n</h3>\n<p id=\"reparenting-strategy\">\n   When popups are open, they will be reparented in the document and reparented back when\n   closed. When open, the location of the popup within the document will be in context of\n   how it's used. Popups open from other popups will be relocated in the document into the\n   nearest parent popup's layer. The popups layer defines its z-index weight \"stacking\n   context\".  The ojPopup's layer is marked with the \"oj-popup-layer\" style.\n   The context of opening is defined by the launcher argument passed to the open method.  If\n   not open from another popup, the popup will be reparented to a container in the document\n   body. Popups of the same type are assigned the same z-index values.  The layering between\n   peer popups reflect the opening order.\n</p>\n<p>\n    There are known caveats with this design. However, these scenarios are considered \"bad use\"\n    based on our JET popup strategy.\n </p>\n <ol>\n   <li>Events raised within the popup will not bubble up to the popup's original ancestors.\n       Instead, listeners for popup events should be applied to either the popup's root\n       element, or the document.</li>\n   <li>Likewise, developers should not use CSS descendant selectors, or similar logic, that\n       assumes that the popup will remain a child of its original parent.</li>\n   <li>Popups containing iframes are problematic.  The iframe elements \"may\" fire a HTTP GET\n       request for its src attribute each time the iframe is reparented in the document.</li>\n   <li>If an iframe is added to the popup's content, it must not be the first or last tab stop\n       within the popup or keyboard and VoiceOver navigation will not remain within the popup.</li>\n   <li>In some browsers, reparenting a popup that contains elements having overflow, will cause\n       these overflow elements to reset their scrollTop.</li>\n </ol>\n\n<h3 id=\"eventHandling-section\">\n  Event Handling\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#eventHandling-section\"></a>\n</h3>\n<ul>\n <li>ojBeforeClose(event) - Triggered before a popup closes. Event can prevent closing the\n     popup; However, there are cases the framework must veto, such as when the popup is\n     destroyed.</li>\n <li>ojClose(event) - Triggered after the popup has closed.</li>\n <li>ojFocus(event) - Triggered when initial focus is established on opening, depending on\n     the value of the initalFocus property, or <kbd>F6</kbd> focus toggle from the associated\n     launcher.</li>\n <li>ojOpen(event) - Triggered after the popup has been made visible.</li>\n</ul>\n\n<h3 id=\"rtl-section\">\n  Reading direction\n  <a class=\"bookmarkable-link\" title=\"Bookmarkable Link\" href=\"#rtl-section\"></a>\n</h3>\n\n<p> Setting the reading direction (LTR or RTL) is supported by setting the <code class=\"prettyprint\">\"dir\"</code> attribute on the\n<code class=\"prettyprint\">&lt;html></code> element of the page. As with any JET component, in the unusual case that the reading direction\nis changed post-init, the page must be reloaded.",
+    "scope": "static",
+    "tagWithoutBrackets": "oj-c-popup",
+    "tagWithBrackets": "<oj-c-popup>",
+    "domInterface": "CPopupElement",
+    "ojPageTitle": "&lt;oj-c-popup>",
+    "ojcomponent": true,
+    "isvcomponent": true,
+    "camelCaseName": "Popup",
+    "ojPageTitlePrefix": "Element: ",
+    "ojtsvcomponent": true,
+    "tstype": {
+      "target": "Type",
+      "value": "interface CPopupElement extends JetElement<PopupElementSettableProperties>"
+    },
+    "ojsignature": [
+      {
+        "target": "Type",
+        "value": "interface CPopupElement extends JetElement<PopupElementSettableProperties>"
+      }
+    ],
+    "since": "17.0.0",
+    "tsdeprecated": [
+      {
+        "type": "candidate",
+        "since": "17.0.0"
+      }
+    ],
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "ojmodule": "popup"
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#opened",
+    "name": "opened",
+    "kind": "member",
+    "longname": "oj-c.Popup#opened",
+    "optional": false,
+    "scope": "instance",
+    "ojwriteback": true,
+    "description": "Specifies whether the Popup is open.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": false,
+    "type": {
+      "names": [
+        "boolean"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#launcher",
+    "name": "launcher",
+    "kind": "member",
+    "longname": "oj-c.Popup#launcher",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies Popup's launcher. After Popup closes, it returns focus to launcher.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "string|Element"
+      ]
+    },
+    "tstype": [
+      {
+        "target": "Type",
+        "value": "string|Element",
+        "jsdocOverride": true
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#anchor",
+    "name": "anchor",
+    "kind": "member",
+    "longname": "oj-c.Popup#anchor",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies Popup's anchor. Popup is placed relatively to its anchor.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "string|Element|object"
+      ]
+    },
+    "tstype": [
+      {
+        "target": "Type",
+        "value": "string|Element|Coords",
+        "jsdocOverride": true
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#placement",
+    "name": "placement",
+    "kind": "member",
+    "longname": "oj-c.Popup#placement",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies displacement of the Popup from the anchor element placement along the specified axes.\nThe offset object consists of mainAxis and crossAxis properties. The direction in which these properties\nare applied depends on the current value of the position property.\n\nThe <code>mainAxis</code> property represents the distance between the Popup and the anchor.\nThe <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "\"center\"",
+        "\"end\"",
+        "\"start\"",
+        "\"top\"",
+        "\"bottom\"",
+        "\"top-start\"",
+        "\"top-end\"",
+        "\"bottom-end\"",
+        "\"bottom-start\"",
+        "\"top-start-corner\"",
+        "\"top-end-corner\"",
+        "\"start-top\"",
+        "\"start-bottom\"",
+        "\"start-top-corner\"",
+        "\"start-bottom-corner\"",
+        "\"bottom-start-corner\"",
+        "\"bottom-end-corner\"",
+        "\"end-top\"",
+        "\"end-bottom\"",
+        "\"end-top-corner\"",
+        "\"end-bottom-corner\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#modality",
+    "name": "modality",
+    "kind": "member",
+    "longname": "oj-c.Popup#modality",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies modality of the Popup.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": "\"modeless\"",
+    "type": {
+      "names": [
+        "\"modal\"",
+        "\"modeless\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#autoDismiss",
+    "name": "autoDismiss",
+    "kind": "member",
+    "longname": "oj-c.Popup#autoDismiss",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies the auto dismissal behavior.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": "\"focusLoss\"",
+    "type": {
+      "names": [
+        "\"none\"",
+        "\"focusLoss\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#tail",
+    "name": "tail",
+    "kind": "member",
+    "longname": "oj-c.Popup#tail",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": "\"none\"",
+    "type": {
+      "names": [
+        "\"none\"",
+        "\"simple\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#initialFocus",
+    "name": "initialFocus",
+    "kind": "member",
+    "longname": "oj-c.Popup#initialFocus",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies if the Popup sets focus to its content when initially open.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": "\"auto\"",
+    "type": {
+      "names": [
+        "\"auto\"",
+        "\"none\"",
+        "\"popup\"",
+        "\"firstFocusable\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#offset",
+    "name": "offset",
+    "kind": "member",
+    "longname": "oj-c.Popup#offset",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies displacement of the Popup from the anchor element placement along the specified axes.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "object"
+      ]
+    },
+    "tstype": [
+      {
+        "target": "Type",
+        "value": "oj-c.Popup.PopupOffset",
+        "jsdocOverride": true
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#collision",
+    "name": "collision",
+    "kind": "member",
+    "longname": "oj-c.Popup#collision",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies rule for alternate placement alignment.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": "\"fit\"",
+    "type": {
+      "names": [
+        "\"none\"",
+        "\"flip\"",
+        "\"fit\"",
+        "\"flipfit\"",
+        "\"flipcenter\""
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#width",
+    "name": "width",
+    "kind": "member",
+    "longname": "oj-c.Popup#width",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies width of the Popup content.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "number|string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#minWidth",
+    "name": "minWidth",
+    "kind": "member",
+    "longname": "oj-c.Popup#minWidth",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies minWidth of the Popup content.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "number|string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#maxWidth",
+    "name": "maxWidth",
+    "kind": "member",
+    "longname": "oj-c.Popup#maxWidth",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies maxWidth of the Popup content.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": "calc(100vw - 3rem)",
+    "type": {
+      "names": [
+        "number|string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#height",
+    "name": "height",
+    "kind": "member",
+    "longname": "oj-c.Popup#height",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies height of the Popup content.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "number|string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#minHeight",
+    "name": "minHeight",
+    "kind": "member",
+    "longname": "oj-c.Popup#minHeight",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies minHeight of the Popup content.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "type": {
+      "names": [
+        "number|string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#maxHeight",
+    "name": "maxHeight",
+    "kind": "member",
+    "longname": "oj-c.Popup#maxHeight",
+    "optional": true,
+    "scope": "instance",
+    "description": "Specifies maxHeight of the Popup content.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "defaultvalue": "calc(100vw - 3rem)",
+    "type": {
+      "names": [
+        "number|string"
+      ]
+    }
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#setProperty",
+    "name": "setProperty",
+    "kind": "function",
+    "longname": "oj-c.Popup#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": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "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.Popup",
+    "id": "oj-c.Popup#getProperty",
+    "name": "getProperty",
+    "kind": "function",
+    "longname": "oj-c.Popup#getProperty",
+    "description": "Retrieves the value of a property or a subproperty.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "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.Popup",
+    "id": "oj-c.Popup#setProperties",
+    "name": "setProperties",
+    "kind": "function",
+    "longname": "oj-c.Popup#setProperties",
+    "description": "Performs a batch set of properties.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "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.Popup",
+    "id": "oj-c.Popup#event:ojOpen",
+    "name": "ojOpen",
+    "kind": "event",
+    "longname": "oj-c.Popup#event:ojOpen",
+    "description": "Triggered immediately after the popup opens.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "scope": "instance"
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#event:ojBeforeClose",
+    "name": "ojBeforeClose",
+    "kind": "event",
+    "longname": "oj-c.Popup#event:ojBeforeClose",
+    "description": "Triggered immediately before the popup closes.\nCall <code class=\"prettyprint\">event.preventDefault()</code> in the event listener to veto the event synchronously, which prevents the popup from closing.\nCall <code class=\"prettyprint\">event.detail.accept(Promise.reject());</code> in the event listener to veto the event asynchronously, which prevents the popup from closing.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "scope": "instance",
+    "properties": [
+      {
+        "name": "accept",
+        "description": "This method can be called with an application-created Promise to cancel this event asynchronously.  The Promise should be resolved or rejected to accept or cancel the event, respectively.",
+        "type": {
+          "names": [
+            "function"
+          ]
+        }
+      }
+    ]
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#event:ojClose",
+    "name": "ojClose",
+    "kind": "event",
+    "longname": "oj-c.Popup#event:ojClose",
+    "description": "Triggered immediately after the popup closes.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "scope": "instance"
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#event:ojFocus",
+    "name": "ojFocus",
+    "kind": "event",
+    "longname": "oj-c.Popup#event:ojFocus",
+    "description": "Triggered immediately after the popup receives focus.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "scope": "instance"
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup#Default",
+    "name": "Default",
+    "kind": "member",
+    "longname": "oj-c.Popup#Default",
+    "description": "The default slot is the content of the Popup.",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "scope": "instance",
+    "ojchild": true,
+    "ojslot": false
+  },
+  {
+    "id": "oj-c.Popup.keyboardDoc",
+    "name": "keyboardDoc",
+    "kind": "member",
+    "longname": "oj-c.Popup.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 rowspan = \"3\">Focus within Popup</td>\n      <td><kbd>Tab</kbd> or <kbd>Shift + Tab</kbd></td>\n      <td>Navigate the content of the popup.</td>\n   </tr>\n   <tr>\n     <td><kbd>F6</kbd></td>\n     <td>Move focus to the launcher for a popup with modeless modality.</td>\n   </tr>\n   <tr>\n     <td><kbd>Esc</kbd></td>\n     <td>Close the open popup.</td>\n   </tr>\n   <tr>\n     <td rowspan = \"1\">Popup Launcher</td>\n     <td><kbd>F6</kbd></td>\n     <td>Move focus to the first tab stop within the open popup. If there is not a tab stop\n         within the content, focus is established on the popup.</td>\n    </tr>\n </tbody>\n</table>",
+    "memberof": "oj-c.Popup",
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "ojfragment": true
+  },
+  {
+    "memberof": "oj-c.Popup",
+    "id": "oj-c.Popup.PopupOffset",
+    "name": "PopupOffset",
+    "kind": "typedef",
+    "longname": "oj-c.Popup.PopupOffset",
+    "scope": "static",
+    "description": "",
+    "type": {
+      "names": [
+        "Object"
+      ]
+    },
+    "meta": {
+      "filename": "popup.tsx",
+      "path": "web/components/oj-c/popup"
+    },
+    "properties": [
+      {
+        "name": "x",
+        "optional": true,
+        "type": {
+          "names": [
+            "number"
+          ]
+        }
+      },
+      {
+        "name": "y",
+        "optional": true,
+        "type": {
+          "names": [
+            "number"
+          ]
+        }
+      }
+    ]
+  }
+]