@oracle/oraclejet-core-pack 16.1.4 → 17.0.0

package/oj-c/drag-handle/index.js

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

package/oj-c/drag-handle.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "oj-c/drag-handle/drag-handle"], function (require, exports, drag_handle_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DragHandle = void 0;
+    Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return drag_handle_1.DragHandle; } });
+});

package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.d.ts

@@ -0,0 +1,8 @@
+import { DrawerLayoutWebElementBase } from './DrawerLayoutWebElementBase';
+/**
+ * The component WebElement for [oj-c-drawer-layout](../../../oj-c/docs/oj.DrawerLayout.html).
+ * Do not instantiate this class directly, instead, use
+ * [findDrawerLayout](../functions/findDrawerLayout.html).
+ */
+export declare class DrawerLayoutWebElement extends DrawerLayoutWebElementBase {
+}

package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerLayoutWebElement = void 0;
+var DrawerLayoutWebElementBase_1 = require("./DrawerLayoutWebElementBase");
+/**
+ * The component WebElement for [oj-c-drawer-layout](../../../oj-c/docs/oj.DrawerLayout.html).
+ * Do not instantiate this class directly, instead, use
+ * [findDrawerLayout](../functions/findDrawerLayout.html).
+ */
+class DrawerLayoutWebElement extends DrawerLayoutWebElementBase_1.DrawerLayoutWebElementBase {
+}
+exports.DrawerLayoutWebElement = DrawerLayoutWebElement;
+//# sourceMappingURL=DrawerLayoutWebElement.js.map

package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerLayoutWebElement.js","sourceRoot":"","sources":["DrawerLayoutWebElement.ts"],"names":[],"mappings":";;;AAAA,2EAA0E;AAE1E;;;;GAIG;AACH,MAAa,sBAAuB,SAAQ,uDAA0B;CAErE;AAFD,wDAEC","sourcesContent":["import { DrawerLayoutWebElementBase } from './DrawerLayoutWebElementBase';\n\n/**\n * The component WebElement for [oj-c-drawer-layout](../../../oj-c/docs/oj.DrawerLayout.html).\n * Do not instantiate this class directly, instead, use\n * [findDrawerLayout](../functions/findDrawerLayout.html).\n */\nexport class DrawerLayoutWebElement extends DrawerLayoutWebElementBase {\n  // Put overrides here\n}\n"]}

package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.d.ts

@@ -0,0 +1,72 @@
+import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';
+/**
+ * This is the base class for oj-c-drawer-layout WebElement, and is generated from the
+ * component's metadata. Do not modify these contents since they'll be replaced
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, DrawerLayoutWebElement.ts.
+ */
+export declare class DrawerLayoutWebElementBase extends OjWebElement {
+    /**
+     * Sets the value of <code>startOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @param startOpened The value to set for <code>startOpened</code>
+     *
+     */
+    changeStartOpened(startOpened: boolean): Promise<void>;
+    /**
+     * Gets the value of <code>startOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @return The value of <code>startOpened</code> property.
+     *
+     */
+    getStartOpened(): Promise<boolean>;
+    /**
+     * Sets the value of <code>endOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @param endOpened The value to set for <code>endOpened</code>
+     *
+     */
+    changeEndOpened(endOpened: boolean): Promise<void>;
+    /**
+     * Gets the value of <code>endOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @return The value of <code>endOpened</code> property.
+     *
+     */
+    getEndOpened(): Promise<boolean>;
+    /**
+     * Sets the value of <code>bottomOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @param bottomOpened The value to set for <code>bottomOpened</code>
+     *
+     */
+    changeBottomOpened(bottomOpened: boolean): Promise<void>;
+    /**
+     * Gets the value of <code>bottomOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @return The value of <code>bottomOpened</code> property.
+     *
+     */
+    getBottomOpened(): Promise<boolean>;
+    /**
+     * Gets the value of <code>startDisplay</code> property.
+     * Specifies display mode of the Start drawer.
+     * @return The value of <code>startDisplay</code> property.
+     *
+     */
+    getStartDisplay(): Promise<string>;
+    /**
+     * Gets the value of <code>endDisplay</code> property.
+     * Specifies display mode of the End drawer.
+     * @return The value of <code>endDisplay</code> property.
+     *
+     */
+    getEndDisplay(): Promise<string>;
+    /**
+     * Gets the value of <code>bottomDisplay</code> property.
+     * Specifies display mode of the Start drawer.
+     * @return The value of <code>bottomDisplay</code> property.
+     *
+     */
+    getBottomDisplay(): Promise<string>;
+}

package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerLayoutWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-drawer-layout WebElement, and is generated from the
+ * component's metadata. Do not modify these contents since they'll be replaced
+ * during the next generation.
+ * Put overrides into the WebElements's subclass, DrawerLayoutWebElement.ts.
+ */
+class DrawerLayoutWebElementBase extends elements_1.OjWebElement {
+    /**
+     * Sets the value of <code>startOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @param startOpened The value to set for <code>startOpened</code>
+     *
+     */
+    changeStartOpened(startOpened) {
+        return this.setProperty('startOpened', startOpened);
+    }
+    /**
+     * Gets the value of <code>startOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @return The value of <code>startOpened</code> property.
+     *
+     */
+    getStartOpened() {
+        return this.getProperty('startOpened');
+    }
+    /**
+     * Sets the value of <code>endOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @param endOpened The value to set for <code>endOpened</code>
+     *
+     */
+    changeEndOpened(endOpened) {
+        return this.setProperty('endOpened', endOpened);
+    }
+    /**
+     * Gets the value of <code>endOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @return The value of <code>endOpened</code> property.
+     *
+     */
+    getEndOpened() {
+        return this.getProperty('endOpened');
+    }
+    /**
+     * Sets the value of <code>bottomOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @param bottomOpened The value to set for <code>bottomOpened</code>
+     *
+     */
+    changeBottomOpened(bottomOpened) {
+        return this.setProperty('bottomOpened', bottomOpened);
+    }
+    /**
+     * Gets the value of <code>bottomOpened</code> property.
+     * Specifies whether the Drawer is open.
+     * @return The value of <code>bottomOpened</code> property.
+     *
+     */
+    getBottomOpened() {
+        return this.getProperty('bottomOpened');
+    }
+    /**
+     * Gets the value of <code>startDisplay</code> property.
+     * Specifies display mode of the Start drawer.
+     * @return The value of <code>startDisplay</code> property.
+     *
+     */
+    getStartDisplay() {
+        return this.getProperty('startDisplay');
+    }
+    /**
+     * Gets the value of <code>endDisplay</code> property.
+     * Specifies display mode of the End drawer.
+     * @return The value of <code>endDisplay</code> property.
+     *
+     */
+    getEndDisplay() {
+        return this.getProperty('endDisplay');
+    }
+    /**
+     * Gets the value of <code>bottomDisplay</code> property.
+     * Specifies display mode of the Start drawer.
+     * @return The value of <code>bottomDisplay</code> property.
+     *
+     */
+    getBottomDisplay() {
+        return this.getProperty('bottomDisplay');
+    }
+}
+exports.DrawerLayoutWebElementBase = DrawerLayoutWebElementBase;
+//# sourceMappingURL=DrawerLayoutWebElementBase.js.map

package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerLayoutWebElementBase.js","sourceRoot":"","sources":["DrawerLayoutWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,0BAA2B,SAAQ,uBAAY;IAC1D;;;;;OAKG;IACI,iBAAiB,CAAC,WAAoB;QAC3C,OAAO,IAAI,CAAC,WAAW,CAAU,aAAa,EAAE,WAAW,CAAC,CAAC;IAC/D,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAU,aAAa,CAAC,CAAC;IAClD,CAAC;IAED;;;;;OAKG;IACI,eAAe,CAAC,SAAkB;QACvC,OAAO,IAAI,CAAC,WAAW,CAAU,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3D,CAAC;IAED;;;;;OAKG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,WAAW,CAAU,WAAW,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,kBAAkB,CAAC,YAAqB;QAC7C,OAAO,IAAI,CAAC,WAAW,CAAU,cAAc,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;IAED;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAU,cAAc,CAAC,CAAC;IACnD,CAAC;IAED;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAS,cAAc,CAAC,CAAC;IAClD,CAAC;IAED;;;;;OAKG;IACI,aAAa;QAClB,OAAO,IAAI,CAAC,WAAW,CAAS,YAAY,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACI,gBAAgB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAS,eAAe,CAAC,CAAC;IACnD,CAAC;CACF;AA1FD,gEA0FC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-drawer-layout WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, DrawerLayoutWebElement.ts.\n */\nexport class DrawerLayoutWebElementBase extends OjWebElement {\n  /**\n   * Sets the value of <code>startOpened</code> property.\n   * Specifies whether the Drawer is open.\n   * @param startOpened The value to set for <code>startOpened</code>\n   *\n   */\n  public changeStartOpened(startOpened: boolean): Promise<void> {\n    return this.setProperty<boolean>('startOpened', startOpened);\n  }\n\n  /**\n   * Gets the value of <code>startOpened</code> property.\n   * Specifies whether the Drawer is open.\n   * @return The value of <code>startOpened</code> property.\n   *\n   */\n  public getStartOpened(): Promise<boolean> {\n    return this.getProperty<boolean>('startOpened');\n  }\n\n  /**\n   * Sets the value of <code>endOpened</code> property.\n   * Specifies whether the Drawer is open.\n   * @param endOpened The value to set for <code>endOpened</code>\n   *\n   */\n  public changeEndOpened(endOpened: boolean): Promise<void> {\n    return this.setProperty<boolean>('endOpened', endOpened);\n  }\n\n  /**\n   * Gets the value of <code>endOpened</code> property.\n   * Specifies whether the Drawer is open.\n   * @return The value of <code>endOpened</code> property.\n   *\n   */\n  public getEndOpened(): Promise<boolean> {\n    return this.getProperty<boolean>('endOpened');\n  }\n\n  /**\n   * Sets the value of <code>bottomOpened</code> property.\n   * Specifies whether the Drawer is open.\n   * @param bottomOpened The value to set for <code>bottomOpened</code>\n   *\n   */\n  public changeBottomOpened(bottomOpened: boolean): Promise<void> {\n    return this.setProperty<boolean>('bottomOpened', bottomOpened);\n  }\n\n  /**\n   * Gets the value of <code>bottomOpened</code> property.\n   * Specifies whether the Drawer is open.\n   * @return The value of <code>bottomOpened</code> property.\n   *\n   */\n  public getBottomOpened(): Promise<boolean> {\n    return this.getProperty<boolean>('bottomOpened');\n  }\n\n  /**\n   * Gets the value of <code>startDisplay</code> property.\n   * Specifies display mode of the Start drawer.\n   * @return The value of <code>startDisplay</code> property.\n   *\n   */\n  public getStartDisplay(): Promise<string> {\n    return this.getProperty<string>('startDisplay');\n  }\n\n  /**\n   * Gets the value of <code>endDisplay</code> property.\n   * Specifies display mode of the End drawer.\n   * @return The value of <code>endDisplay</code> property.\n   *\n   */\n  public getEndDisplay(): Promise<string> {\n    return this.getProperty<string>('endDisplay');\n  }\n\n  /**\n   * Gets the value of <code>bottomDisplay</code> property.\n   * Specifies display mode of the Start drawer.\n   * @return The value of <code>bottomDisplay</code> property.\n   *\n   */\n  public getBottomDisplay(): Promise<string> {\n    return this.getProperty<string>('bottomDisplay');\n  }\n}\n"]}

package/oj-c/drawer-layout/__webdriver__/index.d.ts

@@ -0,0 +1,17 @@
+import { By } from 'selenium-webdriver';
+import { DriverLike } from '@oracle/oraclejet-webdriver';
+import { DrawerLayoutWebElement } from './DrawerLayoutWebElement';
+export { DrawerLayoutWebElement };
+/**
+ * Retrieve an instance of [DrawerLayoutWebElement](../classes/DrawerLayoutWebElement.html).
+ * @example
+ * ```javascript
+ * import { findDrawerLayout } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findDrawerLayout(driver, By.id('my-oj-c-drawer-layout'));
+ * ```
+ * @param driver A WebDriver/WebElement instance from where the element will be
+ * searched. If WebDriver is passed, the element will be searched globally in the
+ * document. If WebElement is passed, the search will be relative to this element.
+ * @param by The locator with which to find the element
+ */
+export declare function findDrawerLayout(driver: DriverLike, by: By): Promise<DrawerLayoutWebElement>;

package/oj-c/drawer-layout/__webdriver__/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findDrawerLayout = exports.DrawerLayoutWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var DrawerLayoutWebElement_1 = require("./DrawerLayoutWebElement");
+Object.defineProperty(exports, "DrawerLayoutWebElement", { enumerable: true, get: function () { return DrawerLayoutWebElement_1.DrawerLayoutWebElement; } });
+/**
+ * Retrieve an instance of [DrawerLayoutWebElement](../classes/DrawerLayoutWebElement.html).
+ * @example
+ * ```javascript
+ * import { findDrawerLayout } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findDrawerLayout(driver, By.id('my-oj-c-drawer-layout'));
+ * ```
+ * @param driver A WebDriver/WebElement instance from where the element will be
+ * searched. If WebDriver is passed, the element will be searched globally in the
+ * document. If WebElement is passed, the search will be relative to this element.
+ * @param by The locator with which to find the element
+ */
+async function findDrawerLayout(driver, by) {
+    const webEl = await driver.findElement(by);
+    // Check that the element is of type DrawerLayoutWebElement
+    if (!(webEl instanceof DrawerLayoutWebElement_1.DrawerLayoutWebElement)) {
+        const tagName = await webEl.getTagName();
+        let supplemental = '';
+        if (webEl.constructor.name === 'DrawerLayoutWebElement') {
+            supplemental = 'You likely have multiple installations of this package.';
+        }
+        throw Error(`findDrawerLayout(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${DrawerLayoutWebElement_1.DrawerLayoutWebElement.name}. ${supplemental}`);
+    }
+    return webEl;
+}
+exports.findDrawerLayout = findDrawerLayout;
+(0, oraclejet_webdriver_1.register)('oj-c-drawer-layout', DrawerLayoutWebElement_1.DrawerLayoutWebElement);
+//# sourceMappingURL=index.js.map

package/oj-c/drawer-layout/__webdriver__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,mEAAkE;AACzD,uGADA,+CAAsB,OACA;AAE/B;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,gBAAgB,CACpC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,2DAA2D;IAC3D,IAAI,CAAC,CAAC,KAAK,YAAY,+CAAsB,CAAC,EAAE,CAAC;QAC/C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,wBAAwB,EAAE,CAAC;YACxD,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,oBAAoB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,+CAAsB,CAAC,IAAI,KAAK,YAAY,EAAE,CAC3I,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,4CAiBC;AAED,IAAA,8BAAQ,EAAC,oBAAoB,EAAE,+CAAsB,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { DrawerLayoutWebElement } from './DrawerLayoutWebElement';\nexport { DrawerLayoutWebElement };\n\n/**\n * Retrieve an instance of [DrawerLayoutWebElement](../classes/DrawerLayoutWebElement.html).\n * @example\n * ```javascript\n * import { findDrawerLayout } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findDrawerLayout(driver, By.id('my-oj-c-drawer-layout'));\n * ```\n * @param driver A WebDriver/WebElement instance from where the element will be\n * searched. If WebDriver is passed, the element will be searched globally in the\n * document. If WebElement is passed, the search will be relative to this element.\n * @param by The locator with which to find the element\n */\nexport async function findDrawerLayout(\n  driver: DriverLike,\n  by: By\n): Promise<DrawerLayoutWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type DrawerLayoutWebElement\n  if (!(webEl instanceof DrawerLayoutWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'DrawerLayoutWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findDrawerLayout(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${DrawerLayoutWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-drawer-layout', DrawerLayoutWebElement);\n"]}

package/oj-c/drawer-layout/component.json

@@ -0,0 +1,208 @@
+{
+  "name": "drawer-layout",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
+  "pack": "oj-c",
+  "type": "composite",
+  "dependencyScope": "runtime",
+  "license": "https://opensource.org/licenses/UPL",
+  "implements": [
+    "CDrawerLayoutElement"
+  ],
+  "description": "A Drawer Layout adds expandable side contents (drawers) alongside some primary content.",
+  "displayName": "Drawer Layout",
+  "help": "oj-c.DrawerLayout.html",
+  "main": "oj-c/drawer-layout",
+  "status": [
+    {
+      "type": "supersedes",
+      "since": "17.0.0",
+      "value": [
+        "oj-drawer-layout"
+      ]
+    }
+  ],
+  "extension": {
+    "catalog": {
+      "category": "Layout & Nav"
+    },
+    "vbdt": {
+      "module": "oj-c/drawer-layout"
+    },
+    "oracle": {
+      "icon": "oj-ux-ico-drawer",
+      "uxSpecs": [
+        "drawer"
+      ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/DrawerLayoutWebElement.html"
+    }
+  },
+  "propertyLayout": [
+    {
+      "propertyGroup": "common",
+      "items": [
+        "startOpened",
+        "endOpened",
+        "bottomOpened",
+        "startDisplay",
+        "endDisplay",
+        "bottomDisplay"
+      ]
+    }
+  ],
+  "since": "17.0.0",
+  "slots": {
+    "": {
+      "description": "The default slot is the content of the Drawer Popup.",
+      "displayName": "default",
+      "help": "#Default"
+    },
+    "start": {},
+    "end": {},
+    "bottom": {}
+  },
+  "properties": {
+    "startOpened": {
+      "type": "boolean",
+      "description": "Specifies whether the Drawer is open.",
+      "displayName": "startOpened",
+      "help": "#startOpened",
+      "writeback": true,
+      "value": false
+    },
+    "endOpened": {
+      "type": "boolean",
+      "description": "Specifies whether the Drawer is open.",
+      "displayName": "endOpened",
+      "help": "#endOpened",
+      "writeback": true,
+      "value": false
+    },
+    "bottomOpened": {
+      "type": "boolean",
+      "description": "Specifies whether the Drawer is open.",
+      "displayName": "bottomOpened",
+      "help": "#bottomOpened",
+      "writeback": true,
+      "value": false
+    },
+    "startDisplay": {
+      "type": "string",
+      "description": "Specifies display mode of the Start drawer.",
+      "displayName": "startDisplay",
+      "help": "#startDisplay",
+      "enumValues": [
+        "auto",
+        "overlay",
+        "reflow"
+      ],
+      "value": "auto"
+    },
+    "endDisplay": {
+      "type": "string",
+      "description": "Specifies display mode of the End drawer.",
+      "displayName": "endDisplay",
+      "help": "#endDisplay",
+      "enumValues": [
+        "auto",
+        "overlay",
+        "reflow"
+      ],
+      "value": "auto"
+    },
+    "bottomDisplay": {
+      "type": "string",
+      "description": "Specifies display mode of the Start drawer.",
+      "displayName": "bottomDisplay",
+      "help": "#bottomDisplay",
+      "enumValues": [
+        "auto",
+        "overlay",
+        "reflow"
+      ],
+      "value": "auto"
+    }
+  },
+  "events": {
+    "ojBeforeClose": {
+      "cancelable": true,
+      "description": "Triggered immediately before the drawer closes",
+      "displayName": "Beforeclose",
+      "help": "#event:beforeClose",
+      "detail": {
+        "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": "function"
+        },
+        "edge": {
+          "type": "string",
+          "enumValues": [
+            "end",
+            "start",
+            "bottom"
+          ]
+        }
+      }
+    },
+    "ojClose": {
+      "description": "Triggered immediately after the drawer closes",
+      "displayName": "Close",
+      "help": "#event:close",
+      "detail": {
+        "edge": {
+          "type": "string",
+          "enumValues": [
+            "end",
+            "start",
+            "bottom"
+          ]
+        }
+      }
+    }
+  },
+  "methods": {
+    "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",
+      "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"
+        }
+      ],
+      "return": "void"
+    },
+    "getProperty": {
+      "description": "Retrieves the value of a property or a subproperty.",
+      "help": "#getProperty",
+      "params": [
+        {
+          "name": "property",
+          "description": "The property name to get. Supports dot notation for subproperty access.",
+          "type": "string"
+        }
+      ],
+      "return": "any"
+    },
+    "setProperties": {
+      "description": "Performs a batch set of properties.",
+      "help": "#setProperties",
+      "params": [
+        {
+          "name": "properties",
+          "description": "An object containing the property and value pairs to set.",
+          "type": "object"
+        }
+      ],
+      "return": "void"
+    }
+  }
+}

package/oj-c/drawer-layout/drawer-layout-styles.css

@@ -0,0 +1,11 @@
+oj-c-drawer-layout:not(.oj-complete) {
+    visibility: hidden;
+}
+
+oj-c-drawer-layout {
+    display: block;
+}
+
+oj-c-drawer-layout[hidden] {
+    display: none;
+}

package/oj-c/drawer-layout/drawer-layout.js

@@ -0,0 +1,37 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_DrawerLayout", "ojs/ojvcomponent", "css!oj-c/drawer-layout/drawer-layout-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_DrawerLayout_1, ojvcomponent_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DrawerLayout = void 0;
+    exports.DrawerLayout = (0, ojvcomponent_1.registerCustomElement)('oj-c-drawer-layout', ({ children, start, end, bottom, startOpened = false, endOpened = false, bottomOpened = false, startDisplay = 'auto', endDisplay = 'auto', bottomDisplay = 'auto', onOjBeforeClose, onOjClose, onStartOpenedChanged, onEndOpenedChanged, onBottomOpenedChanged }) => {
+        const onOjBeforeCloseHandler = async (detail) => {
+            try {
+                await onOjBeforeClose?.({
+                    edge: detail.placement
+                });
+                switch (detail.placement) {
+                    case 'start':
+                        onStartOpenedChanged?.(false);
+                        break;
+                    case 'end':
+                        onEndOpenedChanged?.(false);
+                        break;
+                    case 'bottom':
+                        onBottomOpenedChanged?.(false);
+                        break;
+                }
+            }
+            catch (_) {
+            }
+        };
+        const onOjCloseHandler = async (detail) => {
+            if (detail.value === false) {
+                onOjClose?.({
+                    edge: detail.placement
+                });
+            }
+        };
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(UNSAFE_DrawerLayout_1.DrawerLayout, { startDrawer: start, endDrawer: end, bottomDrawer: bottom, isStartOpen: startOpened, isEndOpen: endOpened, isBottomOpen: bottomOpened, startDisplay: startDisplay === 'auto' ? undefined : startDisplay, endDisplay: endDisplay === 'auto' ? undefined : endDisplay, bottomDisplay: bottomDisplay === 'auto' ? undefined : bottomDisplay, onClose: onOjBeforeCloseHandler, onTransitionEnd: onOjCloseHandler, children: children }) }));
+    }, "DrawerLayout", { "slots": { "": {}, "start": {}, "end": {}, "bottom": {} }, "properties": { "startOpened": { "type": "boolean", "writeback": true }, "endOpened": { "type": "boolean", "writeback": true }, "bottomOpened": { "type": "boolean", "writeback": true }, "startDisplay": { "type": "string", "enumValues": ["auto", "overlay", "reflow"] }, "endDisplay": { "type": "string", "enumValues": ["auto", "overlay", "reflow"] }, "bottomDisplay": { "type": "string", "enumValues": ["auto", "overlay", "reflow"] } }, "events": { "ojBeforeClose": { "cancelable": true }, "ojClose": {} }, "extension": { "_WRITEBACK_PROPS": ["startOpened", "endOpened", "bottomOpened"], "_READ_ONLY_PROPS": [] } }, { "startOpened": false, "endOpened": false, "bottomOpened": false, "startDisplay": "auto", "endDisplay": "auto", "bottomDisplay": "auto" }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    });
+});

package/oj-c/drawer-layout/index.js

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

package/oj-c/drawer-layout.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "oj-c/drawer-layout/drawer-layout"], function (require, exports, drawer_layout_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DrawerLayout = void 0;
+    Object.defineProperty(exports, "DrawerLayout", { enumerable: true, get: function () { return drawer_layout_1.DrawerLayout; } });
+});