@vonage/vivid 4.12.0 → 4.13.0

package/shared/key-codes.js

@@ -1,79 +1,3 @@
-/**
- * Key Code values
- * @deprecated - KeyCodes are deprecated, use individual string key exports
- */
-var KeyCodes;
-(function (KeyCodes) {
-    KeyCodes[KeyCodes["alt"] = 18] = "alt";
-    KeyCodes[KeyCodes["arrowDown"] = 40] = "arrowDown";
-    KeyCodes[KeyCodes["arrowLeft"] = 37] = "arrowLeft";
-    KeyCodes[KeyCodes["arrowRight"] = 39] = "arrowRight";
-    KeyCodes[KeyCodes["arrowUp"] = 38] = "arrowUp";
-    KeyCodes[KeyCodes["back"] = 8] = "back";
-    KeyCodes[KeyCodes["backSlash"] = 220] = "backSlash";
-    KeyCodes[KeyCodes["break"] = 19] = "break";
-    KeyCodes[KeyCodes["capsLock"] = 20] = "capsLock";
-    KeyCodes[KeyCodes["closeBracket"] = 221] = "closeBracket";
-    KeyCodes[KeyCodes["colon"] = 186] = "colon";
-    KeyCodes[KeyCodes["colon2"] = 59] = "colon2";
-    KeyCodes[KeyCodes["comma"] = 188] = "comma";
-    KeyCodes[KeyCodes["ctrl"] = 17] = "ctrl";
-    KeyCodes[KeyCodes["delete"] = 46] = "delete";
-    KeyCodes[KeyCodes["end"] = 35] = "end";
-    KeyCodes[KeyCodes["enter"] = 13] = "enter";
-    KeyCodes[KeyCodes["equals"] = 187] = "equals";
-    KeyCodes[KeyCodes["equals2"] = 61] = "equals2";
-    KeyCodes[KeyCodes["equals3"] = 107] = "equals3";
-    KeyCodes[KeyCodes["escape"] = 27] = "escape";
-    KeyCodes[KeyCodes["forwardSlash"] = 191] = "forwardSlash";
-    KeyCodes[KeyCodes["function1"] = 112] = "function1";
-    KeyCodes[KeyCodes["function10"] = 121] = "function10";
-    KeyCodes[KeyCodes["function11"] = 122] = "function11";
-    KeyCodes[KeyCodes["function12"] = 123] = "function12";
-    KeyCodes[KeyCodes["function2"] = 113] = "function2";
-    KeyCodes[KeyCodes["function3"] = 114] = "function3";
-    KeyCodes[KeyCodes["function4"] = 115] = "function4";
-    KeyCodes[KeyCodes["function5"] = 116] = "function5";
-    KeyCodes[KeyCodes["function6"] = 117] = "function6";
-    KeyCodes[KeyCodes["function7"] = 118] = "function7";
-    KeyCodes[KeyCodes["function8"] = 119] = "function8";
-    KeyCodes[KeyCodes["function9"] = 120] = "function9";
-    KeyCodes[KeyCodes["home"] = 36] = "home";
-    KeyCodes[KeyCodes["insert"] = 45] = "insert";
-    KeyCodes[KeyCodes["menu"] = 93] = "menu";
-    KeyCodes[KeyCodes["minus"] = 189] = "minus";
-    KeyCodes[KeyCodes["minus2"] = 109] = "minus2";
-    KeyCodes[KeyCodes["numLock"] = 144] = "numLock";
-    KeyCodes[KeyCodes["numPad0"] = 96] = "numPad0";
-    KeyCodes[KeyCodes["numPad1"] = 97] = "numPad1";
-    KeyCodes[KeyCodes["numPad2"] = 98] = "numPad2";
-    KeyCodes[KeyCodes["numPad3"] = 99] = "numPad3";
-    KeyCodes[KeyCodes["numPad4"] = 100] = "numPad4";
-    KeyCodes[KeyCodes["numPad5"] = 101] = "numPad5";
-    KeyCodes[KeyCodes["numPad6"] = 102] = "numPad6";
-    KeyCodes[KeyCodes["numPad7"] = 103] = "numPad7";
-    KeyCodes[KeyCodes["numPad8"] = 104] = "numPad8";
-    KeyCodes[KeyCodes["numPad9"] = 105] = "numPad9";
-    KeyCodes[KeyCodes["numPadDivide"] = 111] = "numPadDivide";
-    KeyCodes[KeyCodes["numPadDot"] = 110] = "numPadDot";
-    KeyCodes[KeyCodes["numPadMinus"] = 109] = "numPadMinus";
-    KeyCodes[KeyCodes["numPadMultiply"] = 106] = "numPadMultiply";
-    KeyCodes[KeyCodes["numPadPlus"] = 107] = "numPadPlus";
-    KeyCodes[KeyCodes["openBracket"] = 219] = "openBracket";
-    KeyCodes[KeyCodes["pageDown"] = 34] = "pageDown";
-    KeyCodes[KeyCodes["pageUp"] = 33] = "pageUp";
-    KeyCodes[KeyCodes["period"] = 190] = "period";
-    KeyCodes[KeyCodes["print"] = 44] = "print";
-    KeyCodes[KeyCodes["quote"] = 222] = "quote";
-    KeyCodes[KeyCodes["scrollLock"] = 145] = "scrollLock";
-    KeyCodes[KeyCodes["shift"] = 16] = "shift";
-    KeyCodes[KeyCodes["space"] = 32] = "space";
-    KeyCodes[KeyCodes["tab"] = 9] = "tab";
-    KeyCodes[KeyCodes["tilde"] = 192] = "tilde";
-    KeyCodes[KeyCodes["windowsLeft"] = 91] = "windowsLeft";
-    KeyCodes[KeyCodes["windowsOpera"] = 219] = "windowsOpera";
-    KeyCodes[KeyCodes["windowsRight"] = 92] = "windowsRight";
-})(KeyCodes || (KeyCodes = {}));
 /**
  * String values for use with KeyboardEvent.key
  */
@@ -81,20 +5,9 @@ const keyArrowDown = "ArrowDown";
 const keyArrowLeft = "ArrowLeft";
 const keyArrowRight = "ArrowRight";
 const keyArrowUp = "ArrowUp";
+const keyEnd = "End";
 const keyEnter = "Enter";
-const keyEscape = "Escape";
 const keyHome = "Home";
-const keyEnd = "End";
-const keyFunction2 = "F2";
-const keyPageDown = "PageDown";
-const keyPageUp = "PageUp";
 const keySpace = " ";
-const keyTab = "Tab";
-const ArrowKeys = {
-    ArrowDown: keyArrowDown,
-    ArrowLeft: keyArrowLeft,
-    ArrowRight: keyArrowRight,
-    ArrowUp: keyArrowUp,
-};
 
-export { ArrowKeys as A, keySpace as a, keyEscape as b, keyTab as c, keyEnd as d, keyArrowUp as e, keyArrowDown as f, keyHome as g, keyArrowRight as h, keyArrowLeft as i, keyPageDown as j, keyEnter as k, keyPageUp as l, keyFunction2 as m };
+export { keyEnd as a, keyHome as b, keyArrowDown as c, keyArrowUp as d, keyArrowLeft as e, keyArrowRight as f, keyEnter as g, keySpace as k };

package/shared/key-codes2.cjs

@@ -1,5 +1,81 @@
 'use strict';
 
+/**
+ * Key Code values
+ * @deprecated - KeyCodes are deprecated, use individual string key exports
+ */
+var KeyCodes;
+(function (KeyCodes) {
+    KeyCodes[KeyCodes["alt"] = 18] = "alt";
+    KeyCodes[KeyCodes["arrowDown"] = 40] = "arrowDown";
+    KeyCodes[KeyCodes["arrowLeft"] = 37] = "arrowLeft";
+    KeyCodes[KeyCodes["arrowRight"] = 39] = "arrowRight";
+    KeyCodes[KeyCodes["arrowUp"] = 38] = "arrowUp";
+    KeyCodes[KeyCodes["back"] = 8] = "back";
+    KeyCodes[KeyCodes["backSlash"] = 220] = "backSlash";
+    KeyCodes[KeyCodes["break"] = 19] = "break";
+    KeyCodes[KeyCodes["capsLock"] = 20] = "capsLock";
+    KeyCodes[KeyCodes["closeBracket"] = 221] = "closeBracket";
+    KeyCodes[KeyCodes["colon"] = 186] = "colon";
+    KeyCodes[KeyCodes["colon2"] = 59] = "colon2";
+    KeyCodes[KeyCodes["comma"] = 188] = "comma";
+    KeyCodes[KeyCodes["ctrl"] = 17] = "ctrl";
+    KeyCodes[KeyCodes["delete"] = 46] = "delete";
+    KeyCodes[KeyCodes["end"] = 35] = "end";
+    KeyCodes[KeyCodes["enter"] = 13] = "enter";
+    KeyCodes[KeyCodes["equals"] = 187] = "equals";
+    KeyCodes[KeyCodes["equals2"] = 61] = "equals2";
+    KeyCodes[KeyCodes["equals3"] = 107] = "equals3";
+    KeyCodes[KeyCodes["escape"] = 27] = "escape";
+    KeyCodes[KeyCodes["forwardSlash"] = 191] = "forwardSlash";
+    KeyCodes[KeyCodes["function1"] = 112] = "function1";
+    KeyCodes[KeyCodes["function10"] = 121] = "function10";
+    KeyCodes[KeyCodes["function11"] = 122] = "function11";
+    KeyCodes[KeyCodes["function12"] = 123] = "function12";
+    KeyCodes[KeyCodes["function2"] = 113] = "function2";
+    KeyCodes[KeyCodes["function3"] = 114] = "function3";
+    KeyCodes[KeyCodes["function4"] = 115] = "function4";
+    KeyCodes[KeyCodes["function5"] = 116] = "function5";
+    KeyCodes[KeyCodes["function6"] = 117] = "function6";
+    KeyCodes[KeyCodes["function7"] = 118] = "function7";
+    KeyCodes[KeyCodes["function8"] = 119] = "function8";
+    KeyCodes[KeyCodes["function9"] = 120] = "function9";
+    KeyCodes[KeyCodes["home"] = 36] = "home";
+    KeyCodes[KeyCodes["insert"] = 45] = "insert";
+    KeyCodes[KeyCodes["menu"] = 93] = "menu";
+    KeyCodes[KeyCodes["minus"] = 189] = "minus";
+    KeyCodes[KeyCodes["minus2"] = 109] = "minus2";
+    KeyCodes[KeyCodes["numLock"] = 144] = "numLock";
+    KeyCodes[KeyCodes["numPad0"] = 96] = "numPad0";
+    KeyCodes[KeyCodes["numPad1"] = 97] = "numPad1";
+    KeyCodes[KeyCodes["numPad2"] = 98] = "numPad2";
+    KeyCodes[KeyCodes["numPad3"] = 99] = "numPad3";
+    KeyCodes[KeyCodes["numPad4"] = 100] = "numPad4";
+    KeyCodes[KeyCodes["numPad5"] = 101] = "numPad5";
+    KeyCodes[KeyCodes["numPad6"] = 102] = "numPad6";
+    KeyCodes[KeyCodes["numPad7"] = 103] = "numPad7";
+    KeyCodes[KeyCodes["numPad8"] = 104] = "numPad8";
+    KeyCodes[KeyCodes["numPad9"] = 105] = "numPad9";
+    KeyCodes[KeyCodes["numPadDivide"] = 111] = "numPadDivide";
+    KeyCodes[KeyCodes["numPadDot"] = 110] = "numPadDot";
+    KeyCodes[KeyCodes["numPadMinus"] = 109] = "numPadMinus";
+    KeyCodes[KeyCodes["numPadMultiply"] = 106] = "numPadMultiply";
+    KeyCodes[KeyCodes["numPadPlus"] = 107] = "numPadPlus";
+    KeyCodes[KeyCodes["openBracket"] = 219] = "openBracket";
+    KeyCodes[KeyCodes["pageDown"] = 34] = "pageDown";
+    KeyCodes[KeyCodes["pageUp"] = 33] = "pageUp";
+    KeyCodes[KeyCodes["period"] = 190] = "period";
+    KeyCodes[KeyCodes["print"] = 44] = "print";
+    KeyCodes[KeyCodes["quote"] = 222] = "quote";
+    KeyCodes[KeyCodes["scrollLock"] = 145] = "scrollLock";
+    KeyCodes[KeyCodes["shift"] = 16] = "shift";
+    KeyCodes[KeyCodes["space"] = 32] = "space";
+    KeyCodes[KeyCodes["tab"] = 9] = "tab";
+    KeyCodes[KeyCodes["tilde"] = 192] = "tilde";
+    KeyCodes[KeyCodes["windowsLeft"] = 91] = "windowsLeft";
+    KeyCodes[KeyCodes["windowsOpera"] = 219] = "windowsOpera";
+    KeyCodes[KeyCodes["windowsRight"] = 92] = "windowsRight";
+})(KeyCodes || (KeyCodes = {}));
 /**
  * String values for use with KeyboardEvent.key
  */
@@ -7,10 +83,15 @@ const keyArrowDown = "ArrowDown";
 const keyArrowLeft = "ArrowLeft";
 const keyArrowRight = "ArrowRight";
 const keyArrowUp = "ArrowUp";
-const keyEnd = "End";
 const keyEnter = "Enter";
+const keyEscape = "Escape";
 const keyHome = "Home";
+const keyEnd = "End";
+const keyFunction2 = "F2";
+const keyPageDown = "PageDown";
+const keyPageUp = "PageUp";
 const keySpace = " ";
+const keyTab = "Tab";
 
 exports.keyArrowDown = keyArrowDown;
 exports.keyArrowLeft = keyArrowLeft;
@@ -18,5 +99,10 @@ exports.keyArrowRight = keyArrowRight;
 exports.keyArrowUp = keyArrowUp;
 exports.keyEnd = keyEnd;
 exports.keyEnter = keyEnter;
+exports.keyEscape = keyEscape;
+exports.keyFunction2 = keyFunction2;
 exports.keyHome = keyHome;
+exports.keyPageDown = keyPageDown;
+exports.keyPageUp = keyPageUp;
 exports.keySpace = keySpace;
+exports.keyTab = keyTab;

package/shared/key-codes2.js

@@ -1,3 +1,79 @@
+/**
+ * Key Code values
+ * @deprecated - KeyCodes are deprecated, use individual string key exports
+ */
+var KeyCodes;
+(function (KeyCodes) {
+    KeyCodes[KeyCodes["alt"] = 18] = "alt";
+    KeyCodes[KeyCodes["arrowDown"] = 40] = "arrowDown";
+    KeyCodes[KeyCodes["arrowLeft"] = 37] = "arrowLeft";
+    KeyCodes[KeyCodes["arrowRight"] = 39] = "arrowRight";
+    KeyCodes[KeyCodes["arrowUp"] = 38] = "arrowUp";
+    KeyCodes[KeyCodes["back"] = 8] = "back";
+    KeyCodes[KeyCodes["backSlash"] = 220] = "backSlash";
+    KeyCodes[KeyCodes["break"] = 19] = "break";
+    KeyCodes[KeyCodes["capsLock"] = 20] = "capsLock";
+    KeyCodes[KeyCodes["closeBracket"] = 221] = "closeBracket";
+    KeyCodes[KeyCodes["colon"] = 186] = "colon";
+    KeyCodes[KeyCodes["colon2"] = 59] = "colon2";
+    KeyCodes[KeyCodes["comma"] = 188] = "comma";
+    KeyCodes[KeyCodes["ctrl"] = 17] = "ctrl";
+    KeyCodes[KeyCodes["delete"] = 46] = "delete";
+    KeyCodes[KeyCodes["end"] = 35] = "end";
+    KeyCodes[KeyCodes["enter"] = 13] = "enter";
+    KeyCodes[KeyCodes["equals"] = 187] = "equals";
+    KeyCodes[KeyCodes["equals2"] = 61] = "equals2";
+    KeyCodes[KeyCodes["equals3"] = 107] = "equals3";
+    KeyCodes[KeyCodes["escape"] = 27] = "escape";
+    KeyCodes[KeyCodes["forwardSlash"] = 191] = "forwardSlash";
+    KeyCodes[KeyCodes["function1"] = 112] = "function1";
+    KeyCodes[KeyCodes["function10"] = 121] = "function10";
+    KeyCodes[KeyCodes["function11"] = 122] = "function11";
+    KeyCodes[KeyCodes["function12"] = 123] = "function12";
+    KeyCodes[KeyCodes["function2"] = 113] = "function2";
+    KeyCodes[KeyCodes["function3"] = 114] = "function3";
+    KeyCodes[KeyCodes["function4"] = 115] = "function4";
+    KeyCodes[KeyCodes["function5"] = 116] = "function5";
+    KeyCodes[KeyCodes["function6"] = 117] = "function6";
+    KeyCodes[KeyCodes["function7"] = 118] = "function7";
+    KeyCodes[KeyCodes["function8"] = 119] = "function8";
+    KeyCodes[KeyCodes["function9"] = 120] = "function9";
+    KeyCodes[KeyCodes["home"] = 36] = "home";
+    KeyCodes[KeyCodes["insert"] = 45] = "insert";
+    KeyCodes[KeyCodes["menu"] = 93] = "menu";
+    KeyCodes[KeyCodes["minus"] = 189] = "minus";
+    KeyCodes[KeyCodes["minus2"] = 109] = "minus2";
+    KeyCodes[KeyCodes["numLock"] = 144] = "numLock";
+    KeyCodes[KeyCodes["numPad0"] = 96] = "numPad0";
+    KeyCodes[KeyCodes["numPad1"] = 97] = "numPad1";
+    KeyCodes[KeyCodes["numPad2"] = 98] = "numPad2";
+    KeyCodes[KeyCodes["numPad3"] = 99] = "numPad3";
+    KeyCodes[KeyCodes["numPad4"] = 100] = "numPad4";
+    KeyCodes[KeyCodes["numPad5"] = 101] = "numPad5";
+    KeyCodes[KeyCodes["numPad6"] = 102] = "numPad6";
+    KeyCodes[KeyCodes["numPad7"] = 103] = "numPad7";
+    KeyCodes[KeyCodes["numPad8"] = 104] = "numPad8";
+    KeyCodes[KeyCodes["numPad9"] = 105] = "numPad9";
+    KeyCodes[KeyCodes["numPadDivide"] = 111] = "numPadDivide";
+    KeyCodes[KeyCodes["numPadDot"] = 110] = "numPadDot";
+    KeyCodes[KeyCodes["numPadMinus"] = 109] = "numPadMinus";
+    KeyCodes[KeyCodes["numPadMultiply"] = 106] = "numPadMultiply";
+    KeyCodes[KeyCodes["numPadPlus"] = 107] = "numPadPlus";
+    KeyCodes[KeyCodes["openBracket"] = 219] = "openBracket";
+    KeyCodes[KeyCodes["pageDown"] = 34] = "pageDown";
+    KeyCodes[KeyCodes["pageUp"] = 33] = "pageUp";
+    KeyCodes[KeyCodes["period"] = 190] = "period";
+    KeyCodes[KeyCodes["print"] = 44] = "print";
+    KeyCodes[KeyCodes["quote"] = 222] = "quote";
+    KeyCodes[KeyCodes["scrollLock"] = 145] = "scrollLock";
+    KeyCodes[KeyCodes["shift"] = 16] = "shift";
+    KeyCodes[KeyCodes["space"] = 32] = "space";
+    KeyCodes[KeyCodes["tab"] = 9] = "tab";
+    KeyCodes[KeyCodes["tilde"] = 192] = "tilde";
+    KeyCodes[KeyCodes["windowsLeft"] = 91] = "windowsLeft";
+    KeyCodes[KeyCodes["windowsOpera"] = 219] = "windowsOpera";
+    KeyCodes[KeyCodes["windowsRight"] = 92] = "windowsRight";
+})(KeyCodes || (KeyCodes = {}));
 /**
  * String values for use with KeyboardEvent.key
  */
@@ -5,9 +81,14 @@ const keyArrowDown = "ArrowDown";
 const keyArrowLeft = "ArrowLeft";
 const keyArrowRight = "ArrowRight";
 const keyArrowUp = "ArrowUp";
-const keyEnd = "End";
 const keyEnter = "Enter";
+const keyEscape = "Escape";
 const keyHome = "Home";
+const keyEnd = "End";
+const keyFunction2 = "F2";
+const keyPageDown = "PageDown";
+const keyPageUp = "PageUp";
 const keySpace = " ";
+const keyTab = "Tab";
 
-export { keyArrowRight as a, keyEnter as b, keyHome as c, keyEnd as d, keyArrowDown as e, keyArrowUp as f, keySpace as g, keyArrowLeft as k };
+export { keySpace as a, keyEscape as b, keyTab as c, keyEnd as d, keyArrowUp as e, keyArrowDown as f, keyHome as g, keyArrowRight as h, keyArrowLeft as i, keyPageDown as j, keyEnter as k, keyPageUp as l, keyFunction2 as m };

package/shared/listbox.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-const keyCodes$1 = require('./key-codes2.cjs');
+const keyCodes$1 = require('./key-codes.cjs');
 const index = require('./index.cjs');
-const listboxOption = require('./listbox-option.cjs');
 const ariaGlobal = require('./aria-global.cjs');
+const startEnd = require('./start-end.cjs');
 const applyMixins = require('./apply-mixins.cjs');
-const keyCodes = require('./key-codes.cjs');
+const dom = require('./dom.cjs');
+const keyCodes = require('./key-codes2.cjs');
 const strings = require('./strings.cjs');
-const numbers = require('./numbers.cjs');
 
 /**
  * Returns the index of the last element in the array where predicate is true, and -1 otherwise.
@@ -25,6 +25,200 @@ function findLastIndex(array, predicate) {
     return -1;
 }
 
+/**
+ * Determines if the element is a {@link (ListboxOption:class)}
+ *
+ * @param element - the element to test.
+ * @public
+ */
+function isListboxOption(el) {
+    return (dom.isHTMLElement(el) &&
+        (el.getAttribute("role") === "option" ||
+            el instanceof HTMLOptionElement));
+}
+/**
+ * An Option Custom HTML Element.
+ * Implements {@link https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option }.
+ *
+ * @slot start - Content which can be provided before the listbox option content
+ * @slot end - Content which can be provided after the listbox option content
+ * @slot - The default slot for listbox option content
+ * @csspart content - Wraps the listbox option content
+ *
+ * @public
+ */
+class ListboxOption extends index.FoundationElement {
+    constructor(text, value, defaultSelected, selected) {
+        super();
+        /**
+         * The defaultSelected state of the option.
+         * @public
+         */
+        this.defaultSelected = false;
+        /**
+         * Tracks whether the "selected" property has been changed.
+         * @internal
+         */
+        this.dirtySelected = false;
+        /**
+         * The checked state of the control.
+         *
+         * @public
+         */
+        this.selected = this.defaultSelected;
+        /**
+         * Track whether the value has been changed from the initial value
+         */
+        this.dirtyValue = false;
+        if (text) {
+            this.textContent = text;
+        }
+        if (value) {
+            this.initialValue = value;
+        }
+        if (defaultSelected) {
+            this.defaultSelected = defaultSelected;
+        }
+        if (selected) {
+            this.selected = selected;
+        }
+        this.proxy = new Option(`${this.textContent}`, this.initialValue, this.defaultSelected, this.selected);
+        this.proxy.disabled = this.disabled;
+    }
+    /**
+     * Updates the ariaChecked property when the checked property changes.
+     *
+     * @param prev - the previous checked value
+     * @param next - the current checked value
+     *
+     * @public
+     */
+    checkedChanged(prev, next) {
+        if (typeof next === "boolean") {
+            this.ariaChecked = next ? "true" : "false";
+            return;
+        }
+        this.ariaChecked = null;
+    }
+    /**
+     * Updates the proxy's text content when the default slot changes.
+     * @param prev - the previous content value
+     * @param next - the current content value
+     *
+     * @internal
+     */
+    contentChanged(prev, next) {
+        if (this.proxy instanceof HTMLOptionElement) {
+            this.proxy.textContent = this.textContent;
+        }
+        this.$emit("contentchange", null, { bubbles: true });
+    }
+    defaultSelectedChanged() {
+        if (!this.dirtySelected) {
+            this.selected = this.defaultSelected;
+            if (this.proxy instanceof HTMLOptionElement) {
+                this.proxy.selected = this.defaultSelected;
+            }
+        }
+    }
+    disabledChanged(prev, next) {
+        this.ariaDisabled = this.disabled ? "true" : "false";
+        if (this.proxy instanceof HTMLOptionElement) {
+            this.proxy.disabled = this.disabled;
+        }
+    }
+    selectedAttributeChanged() {
+        this.defaultSelected = this.selectedAttribute;
+        if (this.proxy instanceof HTMLOptionElement) {
+            this.proxy.defaultSelected = this.defaultSelected;
+        }
+    }
+    selectedChanged() {
+        this.ariaSelected = this.selected ? "true" : "false";
+        if (!this.dirtySelected) {
+            this.dirtySelected = true;
+        }
+        if (this.proxy instanceof HTMLOptionElement) {
+            this.proxy.selected = this.selected;
+        }
+    }
+    initialValueChanged(previous, next) {
+        // If the value is clean and the component is connected to the DOM
+        // then set value equal to the attribute value.
+        if (!this.dirtyValue) {
+            this.value = this.initialValue;
+            this.dirtyValue = false;
+        }
+    }
+    get label() {
+        var _a;
+        return (_a = this.value) !== null && _a !== void 0 ? _a : this.text;
+    }
+    get text() {
+        var _a, _b;
+        return (_b = (_a = this.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, " ").trim()) !== null && _b !== void 0 ? _b : "";
+    }
+    set value(next) {
+        const newValue = `${next !== null && next !== void 0 ? next : ""}`;
+        this._value = newValue;
+        this.dirtyValue = true;
+        if (this.proxy instanceof HTMLOptionElement) {
+            this.proxy.value = newValue;
+        }
+        index.Observable.notify(this, "value");
+    }
+    get value() {
+        var _a;
+        index.Observable.track(this, "value");
+        return (_a = this._value) !== null && _a !== void 0 ? _a : this.text;
+    }
+    get form() {
+        return this.proxy ? this.proxy.form : null;
+    }
+}
+index.__decorate([
+    index.observable
+], ListboxOption.prototype, "checked", void 0);
+index.__decorate([
+    index.observable
+], ListboxOption.prototype, "content", void 0);
+index.__decorate([
+    index.observable
+], ListboxOption.prototype, "defaultSelected", void 0);
+index.__decorate([
+    index.attr({ mode: "boolean" })
+], ListboxOption.prototype, "disabled", void 0);
+index.__decorate([
+    index.attr({ attribute: "selected", mode: "boolean" })
+], ListboxOption.prototype, "selectedAttribute", void 0);
+index.__decorate([
+    index.observable
+], ListboxOption.prototype, "selected", void 0);
+index.__decorate([
+    index.attr({ attribute: "value", mode: "fromView" })
+], ListboxOption.prototype, "initialValue", void 0);
+/**
+ * States and properties relating to the ARIA `option` role.
+ *
+ * @public
+ */
+class DelegatesARIAListboxOption {
+}
+index.__decorate([
+    index.observable
+], DelegatesARIAListboxOption.prototype, "ariaChecked", void 0);
+index.__decorate([
+    index.observable
+], DelegatesARIAListboxOption.prototype, "ariaPosInSet", void 0);
+index.__decorate([
+    index.observable
+], DelegatesARIAListboxOption.prototype, "ariaSelected", void 0);
+index.__decorate([
+    index.observable
+], DelegatesARIAListboxOption.prototype, "ariaSetSize", void 0);
+applyMixins.applyMixins(DelegatesARIAListboxOption, ariaGlobal.ARIAGlobalStatesAndProperties);
+applyMixins.applyMixins(ListboxOption, startEnd.StartEnd, DelegatesARIAListboxOption);
+
 /**
  * A Listbox Custom HTML Element.
  * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#listbox | ARIA listbox }.
@@ -458,7 +652,7 @@ let Listbox$1 = class Listbox extends index.FoundationElement {
      */
     slottedOptionsChanged(prev, next) {
         this.options = next.reduce((options, item) => {
-            if (listboxOption.isListboxOption(item)) {
+            if (isListboxOption(item)) {
                 options.push(item);
             }
             return options;
@@ -503,7 +697,7 @@ let Listbox$1 = class Listbox extends index.FoundationElement {
  * @param n - element to filter
  * @public
  */
-Listbox$1.slottedOptionFilter = (n) => listboxOption.isListboxOption(n) && !n.hidden;
+Listbox$1.slottedOptionFilter = (n) => isListboxOption(n) && !n.hidden;
 /**
  * Typeahead timeout in milliseconds.
  *
@@ -642,7 +836,7 @@ class ListboxElement extends Listbox$1 {
                 this.rangeStartIndex = this.activeIndex + 1;
             }
             this.options.forEach((o, i) => {
-                o.checked = numbers.inRange(i, this.rangeStartIndex);
+                o.checked = strings.inRange(i, this.rangeStartIndex);
             });
         }
         else {
@@ -667,7 +861,7 @@ class ListboxElement extends Listbox$1 {
                 this.rangeStartIndex = this.activeIndex;
             }
             this.options.forEach((o, i) => {
-                o.checked = numbers.inRange(i, this.rangeStartIndex, this.options.length);
+                o.checked = strings.inRange(i, this.rangeStartIndex, this.options.length);
             });
         }
         else {
@@ -708,7 +902,7 @@ class ListboxElement extends Listbox$1 {
                 this.rangeStartIndex = this.activeIndex;
             }
             this.options.forEach((o, i) => {
-                o.checked = numbers.inRange(i, this.rangeStartIndex, this.activeIndex + 1);
+                o.checked = strings.inRange(i, this.rangeStartIndex, this.activeIndex + 1);
             });
         }
         else {
@@ -736,7 +930,7 @@ class ListboxElement extends Listbox$1 {
                 this.rangeStartIndex += 1;
             }
             this.options.forEach((o, i) => {
-                o.checked = numbers.inRange(i, this.activeIndex, this.rangeStartIndex);
+                o.checked = strings.inRange(i, this.activeIndex, this.rangeStartIndex);
             });
         }
         else {