@oracle/oraclejet-core-pack 14.0.0

package/oj-c/button/__webdriver__/ButtonWebElementBase.js

@@ -0,0 +1,96 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+exports.ButtonWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-button 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, ButtonWebElement.ts.
+ */
+var ButtonWebElementBase = /** @class */ (function (_super) {
+    __extends(ButtonWebElementBase, _super);
+    function ButtonWebElementBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Gets the value of <code>label</code> property.
+     * Text to show in the button.
+     * @return The value of <code>label</code> property.
+     *
+     */
+    ButtonWebElementBase.prototype.getLabel = function () {
+        return this.getProperty('label');
+    };
+    /**
+     * Gets the value of <code>disabled</code> property.
+     * Specifies that the button element should be disabled.
+     * @return The value of <code>disabled</code> property.
+     *
+     */
+    ButtonWebElementBase.prototype.getDisabled = function () {
+        return this.getProperty('disabled');
+    };
+    /**
+     * Gets the value of <code>width</code> property.
+     * Specifies that the button style width
+     * @return The value of <code>width</code> property.
+     *
+     */
+    ButtonWebElementBase.prototype.getWidth = function () {
+        return this.getProperty('width');
+    };
+    /**
+     * Gets the value of <code>display</code> property.
+     * Display just the label, the icons, or all. Label is used as tooltip and should be set in all cases.
+     * @return The value of <code>display</code> property.
+     *
+     */
+    ButtonWebElementBase.prototype.getDisplay = function () {
+        return this.getProperty('display');
+    };
+    /**
+     * Gets the value of <code>size</code> property.
+     * Size of button
+     * @return The value of <code>size</code> property.
+     *
+     */
+    ButtonWebElementBase.prototype.getSizeProperty = function () {
+        return this.getProperty('size');
+    };
+    /**
+     * Gets the value of <code>edge</code> property.
+     * Specifies whether the button is attached to an edge. For example setting edge='bottom' can be used to attach a button to the bottom of a card. The button is then stretched to 100% width, and borders adjusted.
+     * @return The value of <code>edge</code> property.
+     *
+     */
+    ButtonWebElementBase.prototype.getEdge = function () {
+        return this.getProperty('edge');
+    };
+    /**
+     * Gets the value of <code>chroming</code> property.
+     * Indicates in what states the button has variants in background and border.
+     * @return The value of <code>chroming</code> property.
+     *
+     */
+    ButtonWebElementBase.prototype.getChroming = function () {
+        return this.getProperty('chroming');
+    };
+    return ButtonWebElementBase;
+}(elements_1.OjWebElement));
+exports.ButtonWebElementBase = ButtonWebElementBase;

package/oj-c/button/__webdriver__/index.js

@@ -0,0 +1,74 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+exports.findButton = exports.ButtonWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var ButtonWebElement_1 = require("./ButtonWebElement");
+exports.ButtonWebElement = ButtonWebElement_1.ButtonWebElement;
+/**
+ * Retrieve an instance of [[ButtonWebElement]].
+ * @example
+ * ```javascript
+ * import { findButton } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findButton(driver, By.id('my-oj-c-button'));
+ * ```
+ * @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
+ */
+function findButton(driver, by) {
+    return __awaiter(this, void 0, void 0, function () {
+        var webEl, tagName;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, driver.findElement(by)];
+                case 1:
+                    webEl = _a.sent();
+                    if (!!(webEl instanceof ButtonWebElement_1.ButtonWebElement)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, webEl.getTagName()];
+                case 2:
+                    tagName = _a.sent();
+                    throw Error("findButton(".concat(by, ") created ").concat(webEl.constructor.name, " for <").concat(tagName, ">, but expected ").concat(ButtonWebElement_1.ButtonWebElement.name));
+                case 3: return [2 /*return*/, webEl];
+            }
+        });
+    });
+}
+exports.findButton = findButton;
+(0, oraclejet_webdriver_1.register)('oj-c-button', ButtonWebElement_1.ButtonWebElement);

package/oj-c/button/button-styles.css

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

package/oj-c/button/button.js

@@ -0,0 +1,71 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "@oracle/oraclejet-preact/UNSAFE_Button", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "preact", "preact/hooks", "preact/compat", "ojs/ojvcomponent", "css!oj-c/button/button-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, UNSAFE_Button_1, UNSAFE_useTabbableMode_1, preact_1, hooks_1, compat_1, ojvcomponent_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Button = void 0;
+    translationBundle_1 = __importDefault(translationBundle_1);
+    const FunctionalButton = (0, compat_1.forwardRef)((props, ref) => {
+        const buttonRef = (0, hooks_1.useRef)();
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => { var _a; return (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+            blur: () => { var _a; return (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.blur(); }
+        }), []);
+        return (0, jsx_runtime_1.jsx)(UNSAFE_Button_1.Button, Object.assign({ ref: buttonRef }, props));
+    });
+    let Button = class Button extends preact_1.Component {
+        constructor() {
+            super(...arguments);
+            this.buttonRef = (0, preact_1.createRef)();
+        }
+        render(props) {
+            const widthSize = { width: props.edge === 'bottom' ? '100%' : props.width };
+            const _a = Object.assign({}, props), { chroming: variant, disabled: isDisabled, onOjAction: onAction, 'aria-label': accessibleLabel, width: throwAwayWidth } = _a, otherProps = __rest(_a, ["chroming", "disabled", "onOjAction", 'aria-label', "width"]);
+            return props.width || props.edge !== 'none' ? ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, Object.assign({ style: widthSize }, { children: (0, jsx_runtime_1.jsx)(FunctionalButton, Object.assign({ ref: this.buttonRef, variant: variant, isDisabled: isDisabled, width: '100%', onAction: onAction, accessibleLabel: accessibleLabel }, otherProps)) }))) : ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(FunctionalButton, Object.assign({ ref: this.buttonRef, variant: variant, isDisabled: isDisabled, width: '100%', onAction: onAction, accessibleLabel: accessibleLabel }, otherProps)) }));
+        }
+        blur() {
+            var _a;
+            (_a = this.buttonRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+        focus() {
+            var _a;
+            (_a = this.buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    Button.defaultProps = {
+        chroming: 'outlined',
+        disabled: false,
+        size: 'md',
+        display: 'all',
+        endIcon: null,
+        startIcon: null,
+        edge: 'none'
+    };
+    Button._metadata = { "properties": { "label": { "type": "string" }, "disabled": { "type": "boolean" }, "width": { "type": "number|string" }, "display": { "type": "string", "enumValues": ["label", "icons", "all"] }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "edge": { "type": "string", "enumValues": ["none", "bottom"] }, "chroming": { "type": "string", "enumValues": ["borderless", "outlined", "solid", "callToAction", "danger"] } }, "slots": { "startIcon": {}, "endIcon": {} }, "events": { "ojAction": { "bubbles": true } }, "extension": { "_OBSERVED_GLOBAL_PROPS": ["title", "aria-label"] }, "methods": { "blur": {}, "focus": {} } };
+    Button._translationBundleMap = {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    };
+    Button._consumedContexts = [UNSAFE_useTabbableMode_1.TabbableModeContext];
+    Button = __decorate([
+        (0, ojvcomponent_1.customElement)('oj-c-button')
+    ], Button);
+    exports.Button = Button;
+});

package/oj-c/button/component.json

@@ -0,0 +1,243 @@
+{
+  "name": "button",
+  "version": "1.0.0",
+  "jetVersion": "^14.0.0",
+  "type": "composite",
+  "pack": "oj-c",
+  "implements": [
+    "CButtonElement"
+  ],
+  "description": "Buttons direct users to initiate or take actions and work with a single tap, click, or keystroke.",
+  "displayName": "Button",
+  "help": "oj-c.Button.html",
+  "main": "oj-c/button",
+  "extension": {
+    "vbdt": {
+      "module": "oj-c/button"
+    },
+    "oracle": {
+      "icon": "oj-ux-ico-button",
+      "uxSpecs": [
+        "button"
+      ]
+    }
+  },
+  "propertyLayout": [
+    {
+      "propertyGroup": "common",
+      "items": [
+        "label",
+        "display",
+        "chroming",
+        "disabled",
+        "width",
+        "size",
+        "edge"
+      ]
+    }
+  ],
+  "since": "13.0.0",
+  "properties": {
+    "label": {
+      "type": "string",
+      "description": "Text to show in the button.",
+      "displayName": "label",
+      "help": "#label",
+      "translatable": true
+    },
+    "disabled": {
+      "type": "boolean",
+      "description": "Specifies that the button element should be disabled.",
+      "displayName": "disabled",
+      "help": "#disabled",
+      "value": false
+    },
+    "width": {
+      "type": "number|string",
+      "description": "Specifies that the button style width",
+      "displayName": "width",
+      "help": "#width"
+    },
+    "display": {
+      "type": "string",
+      "description": "Display just the label, the icons, or all. Label is used as tooltip and should be set in all cases.",
+      "displayName": "display",
+      "help": "#display",
+      "propertyEditorValues": {
+        "all": {
+          "description": "Display both the label and icons.",
+          "displayName": "All"
+        },
+        "icons": {
+          "description": "Display only the icons.",
+          "displayName": "Icons"
+        },
+        "label": {
+          "description": "Display only the text label.",
+          "displayName": "label"
+        }
+      },
+      "enumValues": [
+        "label",
+        "icons",
+        "all"
+      ],
+      "value": "all"
+    },
+    "size": {
+      "type": "string",
+      "description": "Size of button",
+      "displayName": "size",
+      "help": "#size",
+      "propertyEditorValues": {
+        "sm": {
+          "description": "Display a small button.",
+          "displayName": "Small"
+        },
+        "md": {
+          "description": "Display a default size button.",
+          "displayName": "Medium"
+        },
+        "lg": {
+          "description": "Display a large button.",
+          "displayName": "Large"
+        }
+      },
+      "translatable": true,
+      "enumValues": [
+        "sm",
+        "md",
+        "lg"
+      ],
+      "value": "md"
+    },
+    "edge": {
+      "type": "string",
+      "description": "Specifies whether the button is attached to an edge. For example setting edge='bottom' can be used to attach a button to the bottom of a card. The button is then stretched to 100% width, and borders adjusted.",
+      "displayName": "edge",
+      "help": "#edge",
+      "propertyEditorValues": {
+        "none": {
+          "description": "Display a default standalone button.",
+          "displayName": "Small"
+        },
+        "bottom": {
+          "description": "Stretch the button to 100% width and adjust borders for usage at bottom of container.",
+          "displayName": "bottom"
+        }
+      },
+      "translatable": true,
+      "enumValues": [
+        "none",
+        "bottom"
+      ],
+      "value": "none"
+    },
+    "chroming": {
+      "type": "string",
+      "description": "Indicates in what states the button has variants in background and border.",
+      "displayName": "chroming",
+      "help": "#chroming",
+      "propertyEditorValues": {
+        "borderless": {
+          "description": "Borderless buttons are the least prominent variation. Borderless buttons are useful for supplemental actions that require minimal emphasis.",
+          "displayName": "Borderless"
+        },
+        "outlined": {
+          "description": "Outlined buttons are salient, but lighter weight than solid buttons. Outlined buttons are useful for secondary actions.",
+          "displayName": "Outlined"
+        },
+        "solid": {
+          "description": "Solid buttons stand out, and direct the user's attention to the most important actions in the UI.",
+          "displayName": "Solid"
+        },
+        "callToAction": {
+          "description": "A Call To Action (CTA) button guides the user to take or complete the action that is the main goal of the page or page section. There should only be one CTA button on a page at any given time.",
+          "displayName": "Call To Action"
+        },
+        "danger": {
+          "description": "A Danger button alerts the user to a dangerous situation.",
+          "displayName": "Danger"
+        }
+      },
+      "enumValues": [
+        "borderless",
+        "outlined",
+        "solid",
+        "callToAction",
+        "danger"
+      ],
+      "value": "outlined"
+    }
+  },
+  "slots": {
+    "startIcon": {
+      "description": "The startIcon slot is the button's start icon. The oj-c-button element accepts DOM nodes as children with the startIcon slot.",
+      "displayName": "startIcon",
+      "help": "#startIcon"
+    },
+    "endIcon": {
+      "description": "The endIcon slot is the button's end icon. The oj-c-button element accepts DOM nodes as children with the endIcon slot.",
+      "displayName": "endIcon",
+      "help": "#endIcon"
+    }
+  },
+  "events": {
+    "ojAction": {
+      "bubbles": true,
+      "description": "Triggered when a button is clicked, whether by keyboard, mouse, or touch events. To meet accessibility requirements, the only supported way to react to the click of a button is to listen for this event.",
+      "eventGroup": "common",
+      "displayName": "onOjAction",
+      "help": "#event:action"
+    }
+  },
+  "methods": {
+    "blur": {
+      "return": "any"
+    },
+    "focus": {
+      "return": "any"
+    },
+    "setProperty": {
+      "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",
+      "help": "#setProperty",
+      "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/button/index.js

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

package/oj-c/button.js

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

package/oj-c/collapsible/__webdriver__/CollapsibleWebElement.js

@@ -0,0 +1,116 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+exports.CollapsibleWebElement = void 0;
+var selenium_webdriver_1 = require("selenium-webdriver");
+var CollapsibleWebElementBase_1 = require("./CollapsibleWebElementBase");
+/**
+ * The component WebElement for [oj-c-collapsible](../../../oj-c/docs/oj.Collapsible.html).
+ * Do not instantiate this class directly, instead, use
+ * [findCollapsible](../modules.html#findCollapsible).
+ */
+var CollapsibleWebElement = /** @class */ (function (_super) {
+    __extends(CollapsibleWebElement, _super);
+    function CollapsibleWebElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Collapse the content. If already collapsed, this method will do nothing.
+     * @returns Promise<void>
+     */
+    CollapsibleWebElement.prototype.doCollapse = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.isExpanded()];
+                    case 1:
+                        if (!_a.sent()) return [3 /*break*/, 3];
+                        return [4 /*yield*/, this.getToggleButton()];
+                    case 2: return [2 /*return*/, (_a.sent()).click()];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * Expand the content. If already expanded, this method will do nothing.
+     * @returns Promise<void>
+     */
+    CollapsibleWebElement.prototype.doExpand = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.isExpanded()];
+                    case 1:
+                        if (!!(_a.sent())) return [3 /*break*/, 3];
+                        return [4 /*yield*/, this.getToggleButton()];
+                    case 2: return [2 /*return*/, (_a.sent()).click()];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    CollapsibleWebElement.prototype.getToggleButton = function () {
+        if (!this.toggleButton) {
+            this.toggleButton = this.findElement(
+            // Need to use Xpath to partial-match header Id
+            selenium_webdriver_1.By.xpath('//*[starts-with(@id, "oj-collapsible-header-")]//button'));
+        }
+        return this.toggleButton;
+    };
+    CollapsibleWebElement.prototype.isExpanded = function () {
+        return this.getProperty('expanded');
+    };
+    return CollapsibleWebElement;
+}(CollapsibleWebElementBase_1.CollapsibleWebElementBase));
+exports.CollapsibleWebElement = CollapsibleWebElement;