@oracle/oraclejet-core-pack 16.1.3 → 17.0.0

package/oj-c/button/component.json

@@ -1,7 +1,7 @@
 {
   "name": "button",
-  "version": "16.1.3",
-  "jetVersion": "^16.1.3",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -25,6 +25,9 @@
       "uxSpecs": [
         "button"
       ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/ButtonWebElement.html"
     }
   },
   "propertyLayout": [
@@ -32,13 +35,13 @@
       "propertyGroup": "common",
       "items": [
         "label",
+        "tooltip",
         "display",
         "chroming",
-        "disabled",
-        "width",
         "size",
+        "width",
         "edge",
-        "tooltip"
+        "disabled"
       ]
     }
   ],
@@ -56,14 +59,13 @@
     "label": {
       "type": "string",
       "description": "Text to show in the button.",
-      "displayName": "label",
       "help": "#label",
+      "required": true,
       "translatable": true
     },
     "tooltip": {
       "type": "string",
       "description": "Text to show in the tooltip. This overrides the default tooltip that renders the label when in icon mode.",
-      "displayName": "tooltip",
       "help": "#tooltip",
       "translatable": true,
       "value": ""
@@ -71,20 +73,17 @@
     "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": {
@@ -110,9 +109,12 @@
     "size": {
       "type": "string",
       "description": "Size of button",
-      "displayName": "size",
       "help": "#size",
       "propertyEditorValues": {
+        "xs": {
+          "description": "Display an extra small button.  Only suppported for component developers with ghost chroming in icon display mode.",
+          "displayName": "Extra Small"
+        },
         "sm": {
           "description": "Display a small button.",
           "displayName": "Small"
@@ -126,8 +128,8 @@
           "displayName": "Large"
         }
       },
-      "translatable": true,
       "enumValues": [
+        "xs",
         "sm",
         "md",
         "lg"
@@ -137,7 +139,6 @@
     "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": {
@@ -146,10 +147,9 @@
         },
         "bottom": {
           "description": "Stretch the button to 100% width and adjust borders for usage at bottom of container.",
-          "displayName": "bottom"
+          "displayName": "Bottom"
         }
       },
-      "translatable": true,
       "enumValues": [
         "none",
         "bottom"
@@ -159,7 +159,6 @@
     "chroming": {
       "type": "string",
       "description": "Indicates in what states the button has variants in background and border.",
-      "displayName": "chroming",
       "help": "#chroming",
       "propertyEditorValues": {
         "ghost": {
@@ -206,12 +205,10 @@
   "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"
     }
   },
@@ -220,11 +217,13 @@
       "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": {
+    "click": {
+      "return": "any"
+    },
     "blur": {
       "return": "any"
     },

package/oj-c/button.js

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

package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.d.ts

@@ -0,0 +1,8 @@
+import { ButtonsetMultipleWebElementBase } from './ButtonsetMultipleWebElementBase';
+/**
+ * The component WebElement for [oj-c-buttonset-multiple](../../../oj-c/docs/oj.ButtonsetMultiple.html).
+ * Do not instantiate this class directly, instead, use
+ * [findButtonsetMultiple](../functions/findButtonsetMultiple.html).
+ */
+export declare class ButtonsetMultipleWebElement extends ButtonsetMultipleWebElementBase {
+}

package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsetMultipleWebElement = void 0;
+var ButtonsetMultipleWebElementBase_1 = require("./ButtonsetMultipleWebElementBase");
+/**
+ * The component WebElement for [oj-c-buttonset-multiple](../../../oj-c/docs/oj.ButtonsetMultiple.html).
+ * Do not instantiate this class directly, instead, use
+ * [findButtonsetMultiple](../functions/findButtonsetMultiple.html).
+ */
+class ButtonsetMultipleWebElement extends ButtonsetMultipleWebElementBase_1.ButtonsetMultipleWebElementBase {
+}
+exports.ButtonsetMultipleWebElement = ButtonsetMultipleWebElement;
+//# sourceMappingURL=ButtonsetMultipleWebElement.js.map

package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsetMultipleWebElement.js","sourceRoot":"","sources":["ButtonsetMultipleWebElement.ts"],"names":[],"mappings":";;;AAAA,qFAAoF;AAEpF;;;;GAIG;AACH,MAAa,2BAA4B,SAAQ,iEAA+B;CAE/E;AAFD,kEAEC","sourcesContent":["import { ButtonsetMultipleWebElementBase } from './ButtonsetMultipleWebElementBase';\n\n/**\n * The component WebElement for [oj-c-buttonset-multiple](../../../oj-c/docs/oj.ButtonsetMultiple.html).\n * Do not instantiate this class directly, instead, use\n * [findButtonsetMultiple](../functions/findButtonsetMultiple.html).\n */\nexport class ButtonsetMultipleWebElement extends ButtonsetMultipleWebElementBase {\n  // Put overrides here\n}\n"]}

package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.d.ts

@@ -0,0 +1,101 @@
+import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';
+/**
+ * This is the base class for oj-c-buttonset-multiple 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, ButtonsetMultipleWebElement.ts.
+ */
+export declare class ButtonsetMultipleWebElementBase extends OjWebElement {
+    /**
+     * Sets the value of <code>value</code> property.
+     * Specifies which toggle button is selected
+     * @param value The value to set for <code>value</code>
+     *
+     */
+    changeValue(value: Array<string>): Promise<void>;
+    /**
+     * Gets the value of <code>value</code> property.
+     * Specifies which toggle button is selected
+     * @return The value of <code>value</code> property.
+     *
+     */
+    getValue(): Promise<Array<string>>;
+    /**
+     * Gets the value of <code>items</code> property.
+     * Specifies the toggle buttons rendered by the buttonset.
+     * @return The value of <code>items</code> property.
+     *
+     */
+    getItems(): Promise<Array<Items>>;
+    /**
+     * Gets the value of <code>display</code> property.
+     * Display just the label, the icons, or all.
+     * @return The value of <code>display</code> property.
+     *
+     */
+    getDisplay(): Promise<string>;
+    /**
+     * Gets the value of <code>disabled</code> property.
+     * Specifies that the buttonset should be disabled.
+     * @return The value of <code>disabled</code> property.
+     *
+     */
+    getDisabled(): Promise<boolean>;
+    /**
+     * Gets the value of <code>size</code> property.
+     * Specifies the size of the toggle buttons
+     * @return The value of <code>size</code> property.
+     *
+     */
+    getSizeProperty(): Promise<string>;
+    /**
+     * Gets the value of <code>width</code> property.
+     * Specifies the buttonset width
+     * @return The value of <code>width</code> property.
+     *
+     */
+    getWidth(): Promise<number | string>;
+    /**
+     * Gets the value of <code>maxWidth</code> property.
+     * Specifies the buttonset max width
+     * @return The value of <code>maxWidth</code> property.
+     *
+     */
+    getMaxWidth(): Promise<number | string>;
+    /**
+     * Gets the value of <code>chroming</code> property.
+     * Indicates in what states the button has chromings in background and border.
+     * @return The value of <code>chroming</code> property.
+     *
+     */
+    getChroming(): Promise<string>;
+    /**
+     * Gets the value of <code>layoutWidth</code> property.
+     * Specifies if button width should be equal or based on contents.
+     * @return The value of <code>layoutWidth</code> property.
+     *
+     */
+    getLayoutWidth(): Promise<string>;
+}
+export interface Items {
+    /**
+     *
+     */
+    label: string;
+    /**
+     *
+     */
+    value: string;
+    /**
+     *
+     */
+    disabled: boolean;
+    /**
+     *
+     */
+    startIcon: object;
+    /**
+     *
+     */
+    endIcon: object;
+}

package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsetMultipleWebElementBase = void 0;
+var elements_1 = require("@oracle/oraclejet-webdriver/elements");
+/**
+ * This is the base class for oj-c-buttonset-multiple 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, ButtonsetMultipleWebElement.ts.
+ */
+class ButtonsetMultipleWebElementBase extends elements_1.OjWebElement {
+    /**
+     * Sets the value of <code>value</code> property.
+     * Specifies which toggle button is selected
+     * @param value The value to set for <code>value</code>
+     *
+     */
+    changeValue(value) {
+        return this.setProperty('value', value);
+    }
+    /**
+     * Gets the value of <code>value</code> property.
+     * Specifies which toggle button is selected
+     * @return The value of <code>value</code> property.
+     *
+     */
+    getValue() {
+        return this.getProperty('value');
+    }
+    /**
+     * Gets the value of <code>items</code> property.
+     * Specifies the toggle buttons rendered by the buttonset.
+     * @return The value of <code>items</code> property.
+     *
+     */
+    getItems() {
+        return this.getProperty('items');
+    }
+    /**
+     * Gets the value of <code>display</code> property.
+     * Display just the label, the icons, or all.
+     * @return The value of <code>display</code> property.
+     *
+     */
+    getDisplay() {
+        return this.getProperty('display');
+    }
+    /**
+     * Gets the value of <code>disabled</code> property.
+     * Specifies that the buttonset should be disabled.
+     * @return The value of <code>disabled</code> property.
+     *
+     */
+    getDisabled() {
+        return this.getProperty('disabled');
+    }
+    /**
+     * Gets the value of <code>size</code> property.
+     * Specifies the size of the toggle buttons
+     * @return The value of <code>size</code> property.
+     *
+     */
+    getSizeProperty() {
+        return this.getProperty('size');
+    }
+    /**
+     * Gets the value of <code>width</code> property.
+     * Specifies the buttonset width
+     * @return The value of <code>width</code> property.
+     *
+     */
+    getWidth() {
+        return this.getProperty('width');
+    }
+    /**
+     * Gets the value of <code>maxWidth</code> property.
+     * Specifies the buttonset max width
+     * @return The value of <code>maxWidth</code> property.
+     *
+     */
+    getMaxWidth() {
+        return this.getProperty('maxWidth');
+    }
+    /**
+     * Gets the value of <code>chroming</code> property.
+     * Indicates in what states the button has chromings in background and border.
+     * @return The value of <code>chroming</code> property.
+     *
+     */
+    getChroming() {
+        return this.getProperty('chroming');
+    }
+    /**
+     * Gets the value of <code>layoutWidth</code> property.
+     * Specifies if button width should be equal or based on contents.
+     * @return The value of <code>layoutWidth</code> property.
+     *
+     */
+    getLayoutWidth() {
+        return this.getProperty('layoutWidth');
+    }
+}
+exports.ButtonsetMultipleWebElementBase = ButtonsetMultipleWebElementBase;
+//# sourceMappingURL=ButtonsetMultipleWebElementBase.js.map

package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsetMultipleWebElementBase.js","sourceRoot":"","sources":["ButtonsetMultipleWebElementBase.ts"],"names":[],"mappings":";;;AAAA,iEAAoE;AAEpE;;;;;GAKG;AACH,MAAa,+BAAgC,SAAQ,uBAAY;IAC/D;;;;;OAKG;IACI,WAAW,CAAC,KAAoB;QACrC,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAgB,OAAO,CAAC,CAAC;IAClD,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAe,OAAO,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACI,UAAU;QACf,OAAO,IAAI,CAAC,WAAW,CAAS,SAAS,CAAC,CAAC;IAC7C,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAU,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;OAKG;IACI,eAAe;QACpB,OAAO,IAAI,CAAC,WAAW,CAAS,MAAM,CAAC,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,WAAW,CAAkB,OAAO,CAAC,CAAC;IACpD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAkB,UAAU,CAAC,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACI,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,CAAS,UAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;;;;OAKG;IACI,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAS,aAAa,CAAC,CAAC;IACjD,CAAC;CACF;AApGD,0EAoGC","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-buttonset-multiple 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, ButtonsetMultipleWebElement.ts.\n */\nexport class ButtonsetMultipleWebElementBase extends OjWebElement {\n  /**\n   * Sets the value of <code>value</code> property.\n   * Specifies which toggle button is selected\n   * @param value The value to set for <code>value</code>\n   *\n   */\n  public changeValue(value: Array<string>): Promise<void> {\n    return this.setProperty<Array<string>>('value', value);\n  }\n\n  /**\n   * Gets the value of <code>value</code> property.\n   * Specifies which toggle button is selected\n   * @return The value of <code>value</code> property.\n   *\n   */\n  public getValue(): Promise<Array<string>> {\n    return this.getProperty<Array<string>>('value');\n  }\n\n  /**\n   * Gets the value of <code>items</code> property.\n   * Specifies the toggle buttons rendered by the buttonset.\n   * @return The value of <code>items</code> property.\n   *\n   */\n  public getItems(): Promise<Array<Items>> {\n    return this.getProperty<Array<Items>>('items');\n  }\n\n  /**\n   * Gets the value of <code>display</code> property.\n   * Display just the label, the icons, or all.\n   * @return The value of <code>display</code> property.\n   *\n   */\n  public getDisplay(): Promise<string> {\n    return this.getProperty<string>('display');\n  }\n\n  /**\n   * Gets the value of <code>disabled</code> property.\n   * Specifies that the buttonset should be disabled.\n   * @return The value of <code>disabled</code> property.\n   *\n   */\n  public getDisabled(): Promise<boolean> {\n    return this.getProperty<boolean>('disabled');\n  }\n\n  /**\n   * Gets the value of <code>size</code> property.\n   * Specifies the size of the toggle buttons\n   * @return The value of <code>size</code> property.\n   *\n   */\n  public getSizeProperty(): Promise<string> {\n    return this.getProperty<string>('size');\n  }\n\n  /**\n   * Gets the value of <code>width</code> property.\n   * Specifies the buttonset width\n   * @return The value of <code>width</code> property.\n   *\n   */\n  public getWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('width');\n  }\n\n  /**\n   * Gets the value of <code>maxWidth</code> property.\n   * Specifies the buttonset max width\n   * @return The value of <code>maxWidth</code> property.\n   *\n   */\n  public getMaxWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('maxWidth');\n  }\n\n  /**\n   * Gets the value of <code>chroming</code> property.\n   * Indicates in what states the button has chromings in background and border.\n   * @return The value of <code>chroming</code> property.\n   *\n   */\n  public getChroming(): Promise<string> {\n    return this.getProperty<string>('chroming');\n  }\n\n  /**\n   * Gets the value of <code>layoutWidth</code> property.\n   * Specifies if button width should be equal or based on contents.\n   * @return The value of <code>layoutWidth</code> property.\n   *\n   */\n  public getLayoutWidth(): Promise<string> {\n    return this.getProperty<string>('layoutWidth');\n  }\n}\nexport interface Items {\n  /**\n   *\n   */\n  label: string;\n  /**\n   *\n   */\n  value: string;\n  /**\n   *\n   */\n  disabled: boolean;\n  /**\n   *\n   */\n  startIcon: object;\n  /**\n   *\n   */\n  endIcon: object;\n}\n"]}

package/oj-c/buttonset-multiple/__webdriver__/index.d.ts

@@ -0,0 +1,17 @@
+import { By } from 'selenium-webdriver';
+import { DriverLike } from '@oracle/oraclejet-webdriver';
+import { ButtonsetMultipleWebElement } from './ButtonsetMultipleWebElement';
+export { ButtonsetMultipleWebElement };
+/**
+ * Retrieve an instance of [ButtonsetMultipleWebElement](../classes/ButtonsetMultipleWebElement.html).
+ * @example
+ * ```javascript
+ * import { findButtonsetMultiple } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findButtonsetMultiple(driver, By.id('my-oj-c-buttonset-multiple'));
+ * ```
+ * @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 findButtonsetMultiple(driver: DriverLike, by: By): Promise<ButtonsetMultipleWebElement>;

package/oj-c/buttonset-multiple/__webdriver__/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findButtonsetMultiple = exports.ButtonsetMultipleWebElement = void 0;
+var oraclejet_webdriver_1 = require("@oracle/oraclejet-webdriver");
+var ButtonsetMultipleWebElement_1 = require("./ButtonsetMultipleWebElement");
+Object.defineProperty(exports, "ButtonsetMultipleWebElement", { enumerable: true, get: function () { return ButtonsetMultipleWebElement_1.ButtonsetMultipleWebElement; } });
+/**
+ * Retrieve an instance of [ButtonsetMultipleWebElement](../classes/ButtonsetMultipleWebElement.html).
+ * @example
+ * ```javascript
+ * import { findButtonsetMultiple } from '@oracle/oraclejet-core-pack/webdriver';
+ * const el = await findButtonsetMultiple(driver, By.id('my-oj-c-buttonset-multiple'));
+ * ```
+ * @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 findButtonsetMultiple(driver, by) {
+    const webEl = await driver.findElement(by);
+    // Check that the element is of type ButtonsetMultipleWebElement
+    if (!(webEl instanceof ButtonsetMultipleWebElement_1.ButtonsetMultipleWebElement)) {
+        const tagName = await webEl.getTagName();
+        let supplemental = '';
+        if (webEl.constructor.name === 'ButtonsetMultipleWebElement') {
+            supplemental = 'You likely have multiple installations of this package.';
+        }
+        throw Error(`findButtonsetMultiple(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${ButtonsetMultipleWebElement_1.ButtonsetMultipleWebElement.name}. ${supplemental}`);
+    }
+    return webEl;
+}
+exports.findButtonsetMultiple = findButtonsetMultiple;
+(0, oraclejet_webdriver_1.register)('oj-c-buttonset-multiple', ButtonsetMultipleWebElement_1.ButtonsetMultipleWebElement);
+//# sourceMappingURL=index.js.map

package/oj-c/buttonset-multiple/__webdriver__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AACA,mEAAmE;AACnE,6EAA4E;AACnE,4GADA,yDAA2B,OACA;AAEpC;;;;;;;;;;;GAWG;AACI,KAAK,UAAU,qBAAqB,CACzC,MAAkB,EAClB,EAAM;IAEN,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3C,gEAAgE;IAChE,IAAI,CAAC,CAAC,KAAK,YAAY,yDAA2B,CAAC,EAAE,CAAC;QACpD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC;QACzC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,6BAA6B,EAAE,CAAC;YAC7D,YAAY,GAAG,yDAAyD,CAAC;QAC3E,CAAC;QACD,MAAM,KAAK,CACT,yBAAyB,EAAE,aAAa,KAAK,CAAC,WAAW,CAAC,IAAI,SAAS,OAAO,mBAAmB,yDAA2B,CAAC,IAAI,KAAK,YAAY,EAAE,CACrJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,sDAiBC;AAED,IAAA,8BAAQ,EAAC,yBAAyB,EAAE,yDAA2B,CAAC,CAAC","sourcesContent":["import { By } from 'selenium-webdriver';\nimport { DriverLike, register } from '@oracle/oraclejet-webdriver';\nimport { ButtonsetMultipleWebElement } from './ButtonsetMultipleWebElement';\nexport { ButtonsetMultipleWebElement };\n\n/**\n * Retrieve an instance of [ButtonsetMultipleWebElement](../classes/ButtonsetMultipleWebElement.html).\n * @example\n * ```javascript\n * import { findButtonsetMultiple } from '@oracle/oraclejet-core-pack/webdriver';\n * const el = await findButtonsetMultiple(driver, By.id('my-oj-c-buttonset-multiple'));\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 findButtonsetMultiple(\n  driver: DriverLike,\n  by: By\n): Promise<ButtonsetMultipleWebElement> {\n  const webEl = await driver.findElement(by);\n  // Check that the element is of type ButtonsetMultipleWebElement\n  if (!(webEl instanceof ButtonsetMultipleWebElement)) {\n    const tagName = await webEl.getTagName();\n    let supplemental = '';\n    if (webEl.constructor.name === 'ButtonsetMultipleWebElement') {\n      supplemental = 'You likely have multiple installations of this package.';\n    }\n    throw Error(\n      `findButtonsetMultiple(${by}) created ${webEl.constructor.name} for <${tagName}>, but expected ${ButtonsetMultipleWebElement.name}. ${supplemental}`\n    );\n  }\n  return webEl;\n}\n\nregister('oj-c-buttonset-multiple', ButtonsetMultipleWebElement);\n"]}

package/oj-c/buttonset-multiple/buttonset-multiple-styles.css

@@ -0,0 +1,12 @@
+oj-c-buttonset-multiple:not(.oj-complete) {
+  visibility: hidden;
+}
+
+oj-c-buttonset-multiple {
+  display: inline-flex;
+  vertical-align: top;
+}
+
+oj-c-buttonset-multiple[hidden] {
+  display: none;
+}

package/oj-c/buttonset-multiple/buttonset-multiple.js

@@ -0,0 +1,55 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent-binding", "ojs/ojvcomponent", "@oracle/oraclejet-preact/UNSAFE_ButtonSetMultiple", "@oracle/oraclejet-preact/hooks/UNSAFE_useTabbableMode", "oj-c/utils/PRIVATE_toggleUtils/index", "@oracle/oraclejet-preact/UNSAFE_ButtonSetItem", "preact", "preact/hooks", "preact/compat", "css!oj-c/buttonset-multiple/buttonset-multiple-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_binding_1, ojvcomponent_1, UNSAFE_ButtonSetMultiple_1, UNSAFE_useTabbableMode_1, index_1, UNSAFE_ButtonSetItem_1, preact_1, hooks_1, compat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ButtonsetMultiple = void 0;
+    let ButtonsetMultiple = class ButtonsetMultiple extends preact_1.Component {
+        constructor() {
+            super(...arguments);
+            this.buttonRef = (0, preact_1.createRef)();
+        }
+        render({ chroming, disabled, value, onValueChanged, size, width, maxWidth, layoutWidth, items, display, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy }) {
+            const widthProps = (0, index_1.widthStyle)(layoutWidth, width, maxWidth);
+            return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ...widthProps, children: (0, jsx_runtime_1.jsx)(FunctionalButtonSetMultiple, { value: value, onCommit: (detail) => {
+                        onValueChanged?.(detail.value);
+                    }, ref: this.buttonRef, display: display, layoutWidth: layoutWidth, variant: chroming, size: size, width: widthProps.style ? (widthProps.style.width ? '100%' : undefined) : undefined, "aria-label": accessibleLabel, "aria-describedby": ariaDescribedBy, isDisabled: disabled, children: items?.map((item) => {
+                        return ((0, jsx_runtime_1.jsx)(UNSAFE_ButtonSetItem_1.ButtonSetItem, { label: item.label, value: item.value, isDisabled: item.disabled, startIcon: item.startIcon && (0, jsx_runtime_1.jsx)(index_1.ToggleItemIcon, { icon: item.startIcon }), endIcon: item.endIcon && (0, jsx_runtime_1.jsx)(index_1.ToggleItemIcon, { icon: item.endIcon }) }));
+                    }) }) }));
+        }
+        blur() {
+            this.buttonRef.current?.blur();
+        }
+        focus() {
+            this.buttonRef.current?.focus();
+        }
+    };
+    exports.ButtonsetMultiple = ButtonsetMultiple;
+    ButtonsetMultiple.defaultProps = {
+        chroming: 'outlined',
+        disabled: false,
+        size: 'md',
+        display: 'all',
+        items: []
+    };
+    ButtonsetMultiple._metadata = { "properties": { "value": { "type": "Array<string>", "writeback": true }, "items": { "type": "Array<object>" }, "display": { "type": "string", "enumValues": ["all", "label", "icons"] }, "disabled": { "type": "boolean" }, "size": { "type": "string", "enumValues": ["sm", "md", "lg"] }, "width": { "type": "number|string" }, "maxWidth": { "type": "number|string" }, "chroming": { "type": "string", "enumValues": ["borderless", "outlined"], "binding": { "consume": { "name": "containerChroming" } } }, "layoutWidth": { "type": "string", "enumValues": ["auto", "equal"] } }, "extension": { "_WRITEBACK_PROPS": ["value"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-describedby", "aria-label"] }, "methods": { "blur": {}, "focus": {} } };
+    ButtonsetMultiple._translationBundleMap = {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    };
+    ButtonsetMultiple._consumedContexts = [UNSAFE_useTabbableMode_1.TabbableModeContext];
+    exports.ButtonsetMultiple = ButtonsetMultiple = __decorate([
+        (0, ojvcomponent_1.customElement)('oj-c-buttonset-multiple')
+    ], ButtonsetMultiple);
+    const FunctionalButtonSetMultiple = (0, compat_1.forwardRef)((props, ref) => {
+        const buttonRef = (0, hooks_1.useRef)();
+        (0, hooks_1.useImperativeHandle)(ref, () => ({
+            focus: () => buttonRef.current?.focus(),
+            blur: () => buttonRef.current?.blur()
+        }), []);
+        return (0, jsx_runtime_1.jsx)(UNSAFE_ButtonSetMultiple_1.ButtonSetMultiple, { ref: buttonRef, ...props });
+    });
+});