@vonage/vivid 5.23.1 → 5.24.0

package/unbundled/extractOptions.cjs

@@ -0,0 +1,21 @@
+const require_definition = require("./definition29.cjs");
+const require_definition$1 = require("./definition30.cjs");
+//#region src/shared/foundation/listbox/extractOptions.ts
+/**
+* Extracts all options from a list of slotted elements, including options nested inside optgroups.
+*/
+function extractOptions(elements) {
+	const options = [];
+	for (const item of elements) if (require_definition.isListboxOption(item)) options.push(item);
+	else if (require_definition$1.isOptgroup(item)) {
+		for (const child of Array.from(item.children)) if (require_definition.isListboxOption(child)) options.push(child);
+	}
+	return options;
+}
+//#endregion
+Object.defineProperty(exports, "extractOptions", {
+	enumerable: true,
+	get: function() {
+		return extractOptions;
+	}
+});

package/unbundled/extractOptions.js

@@ -0,0 +1,16 @@
+import { i as isListboxOption } from "./definition29.js";
+import { i as isOptgroup } from "./definition30.js";
+//#region src/shared/foundation/listbox/extractOptions.ts
+/**
+* Extracts all options from a list of slotted elements, including options nested inside optgroups.
+*/
+function extractOptions(elements) {
+	const options = [];
+	for (const item of elements) if (isListboxOption(item)) options.push(item);
+	else if (isOptgroup(item)) {
+		for (const child of Array.from(item.children)) if (isListboxOption(child)) options.push(child);
+	}
+	return options;
+}
+//#endregion
+export { extractOptions as t };

package/unbundled/listbox.cjs

@@ -2,6 +2,8 @@ require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_definition = require("./definition29.cjs");
+const require_definition$1 = require("./definition30.cjs");
+const require_extractOptions = require("./extractOptions.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
 //#region src/shared/foundation/listbox/listbox.ts
@@ -16,6 +18,9 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 		this.typeaheadExpired = true;
 		this.typeaheadTimeout = -1;
 		this._activeDescendant = null;
+		this._onOptgroupChange = () => {
+			this.slottedOptionsChanged(void 0, this.slottedOptions);
+		};
 	}
 	/**
 	* The first selected option.
@@ -44,7 +49,7 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 		}
 	}
 	static {
-		this.slottedOptionFilter = (n) => require_definition.isListboxOption(n) && !n.hidden;
+		this.slottedOptionFilter = (n) => require_definition.isListboxOption(n) && !n.hidden || require_definition$1.isOptgroup(n);
 	}
 	static {
 		this.TYPE_AHEAD_TIMEOUT_MS = 1e3;
@@ -300,16 +305,20 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 		this.focusAndScrollOptionIntoView();
 	}
 	/**
+	* Extracts all options from a list of slotted elements, including options nested inside optgroups.
+	*
+	* @internal
+	*/
+	static extractOptions(elements) {
+		return require_extractOptions.extractOptions(elements);
+	}
+	/**
 	* Updates the list of options and resets the selected option when the slotted option content changes.
 	*
 	* @internal
 	*/
 	slottedOptionsChanged(_, next) {
-		this.options = next.reduce((options, item) => {
-			/* v8 ignore else -- @preserve */
-			if (require_definition.isListboxOption(item)) options.push(item);
-			return options;
-		}, []);
+		this.options = Listbox.extractOptions(next);
 		const setSize = `${this.options.length}`;
 		this.options.forEach((option, index) => {
 			if (!option.id) option.id = (0, _microsoft_fast_web_utilities.uniqueId)("option-");
@@ -334,6 +343,14 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 			this.typeaheadExpired = false;
 		}
 	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.addEventListener("optgroup-change", this._onOptgroupChange);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("optgroup-change", this._onOptgroupChange);
+		super.disconnectedCallback();
+	}
 };
 require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], Listbox.prototype, "disabled", void 0);
 require_decorate.__decorate([_microsoft_fast_element.observable], Listbox.prototype, "selectedIndex", void 0);

package/unbundled/listbox.js

@@ -1,6 +1,8 @@
 import { t as VividElement } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
 import { i as isListboxOption } from "./definition29.js";
+import { i as isOptgroup } from "./definition30.js";
+import { t as extractOptions } from "./extractOptions.js";
 import { Observable, attr, observable } from "@microsoft/fast-element";
 import { findLastIndex, keyArrowDown, keyArrowUp, keyEnd, keyEnter, keyEscape, keyHome, keySpace, keyTab, uniqueId } from "@microsoft/fast-web-utilities";
 //#region src/shared/foundation/listbox/listbox.ts
@@ -15,6 +17,9 @@ var Listbox = class Listbox extends VividElement {
 		this.typeaheadExpired = true;
 		this.typeaheadTimeout = -1;
 		this._activeDescendant = null;
+		this._onOptgroupChange = () => {
+			this.slottedOptionsChanged(void 0, this.slottedOptions);
+		};
 	}
 	/**
 	* The first selected option.
@@ -43,7 +48,7 @@ var Listbox = class Listbox extends VividElement {
 		}
 	}
 	static {
-		this.slottedOptionFilter = (n) => isListboxOption(n) && !n.hidden;
+		this.slottedOptionFilter = (n) => isListboxOption(n) && !n.hidden || isOptgroup(n);
 	}
 	static {
 		this.TYPE_AHEAD_TIMEOUT_MS = 1e3;
@@ -299,16 +304,20 @@ var Listbox = class Listbox extends VividElement {
 		this.focusAndScrollOptionIntoView();
 	}
 	/**
+	* Extracts all options from a list of slotted elements, including options nested inside optgroups.
+	*
+	* @internal
+	*/
+	static extractOptions(elements) {
+		return extractOptions(elements);
+	}
+	/**
 	* Updates the list of options and resets the selected option when the slotted option content changes.
 	*
 	* @internal
 	*/
 	slottedOptionsChanged(_, next) {
-		this.options = next.reduce((options, item) => {
-			/* v8 ignore else -- @preserve */
-			if (isListboxOption(item)) options.push(item);
-			return options;
-		}, []);
+		this.options = Listbox.extractOptions(next);
 		const setSize = `${this.options.length}`;
 		this.options.forEach((option, index) => {
 			if (!option.id) option.id = uniqueId("option-");
@@ -333,6 +342,14 @@ var Listbox = class Listbox extends VividElement {
 			this.typeaheadExpired = false;
 		}
 	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.addEventListener("optgroup-change", this._onOptgroupChange);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("optgroup-change", this._onOptgroupChange);
+		super.disconnectedCallback();
+	}
 };
 __decorate([attr({ mode: "boolean" })], Listbox.prototype, "disabled", void 0);
 __decorate([observable], Listbox.prototype, "selectedIndex", void 0);

package/unbundled/vivid-element.cjs

@@ -287,7 +287,7 @@ var ReplacedPropHandling = (Base) => {
 */
 var VividElement = class extends AriaMixin(ReplacedPropHandling(ReactiveControllerHostSupport(_microsoft_fast_element.FASTElement))) {
 	static {
-		this.VIVID_VERSION = "5.23.1";
+		this.VIVID_VERSION = "5.24.0";
 	}
 	/**
 	* Add data-vvd-component attribute with component name globally,
@@ -298,6 +298,15 @@ var VividElement = class extends AriaMixin(ReplacedPropHandling(ReactiveControll
 		const name = this.constructor.componentName;
 		this.setAttribute("data-vvd-component", name);
 	}
+	/** @internal */
+	focus(...args) {
+		const controlEl = this.control;
+		if (this.$fastController.definition.shadowOptions?.delegatesFocus && controlEl) {
+			controlEl.focus(...args);
+			return;
+		}
+		super.focus(...args);
+	}
 };
 //#endregion
 Object.defineProperty(exports, "VividElement", {

package/unbundled/vivid-element.js

@@ -286,7 +286,7 @@ var ReplacedPropHandling = (Base) => {
 */
 var VividElement = class extends AriaMixin(ReplacedPropHandling(ReactiveControllerHostSupport(FASTElement))) {
 	static {
-		this.VIVID_VERSION = "5.23.1";
+		this.VIVID_VERSION = "5.24.0";
 	}
 	/**
 	* Add data-vvd-component attribute with component name globally,
@@ -297,6 +297,15 @@ var VividElement = class extends AriaMixin(ReplacedPropHandling(ReactiveControll
 		const name = this.constructor.componentName;
 		this.setAttribute("data-vvd-component", name);
 	}
+	/** @internal */
+	focus(...args) {
+		const controlEl = this.control;
+		if (this.$fastController.definition.shadowOptions?.delegatesFocus && controlEl) {
+			controlEl.focus(...args);
+			return;
+		}
+		super.focus(...args);
+	}
 };
 //#endregion
 export { ariaValueProperties as a, subscribeToAriaPropertyChanges as c, createRegisterFunction as d, ariaIdrefsProperties as i, unsubscribeFromAriaPropertyChanges as l, replaces as n, handleAriaPropertyChange as o, ariaAttributeName as r, publishAriaPropertyChange as s, VividElement as t, defineVividComponent as u };

package/video-player/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition80.cjs");
+const require_definition = require("../unbundled/definition81.cjs");
 exports.VwcVideoPlayerElement = require_definition.VideoPlayer;
 exports.registerVideoPlayer = require_definition.registerVideoPlayer;
 exports.videoPlayerDefinition = require_definition.videoPlayerDefinition;

package/video-player/definition.js

@@ -1,2 +1,2 @@
-import { n as videoPlayerDefinition, r as VideoPlayer, t as registerVideoPlayer } from "../unbundled/definition80.js";
+import { n as videoPlayerDefinition, r as VideoPlayer, t as registerVideoPlayer } from "../unbundled/definition81.js";
 export { VideoPlayer as VwcVideoPlayerElement, registerVideoPlayer, videoPlayerDefinition };

package/vivid.api.json

@@ -5859,6 +5859,47 @@
           ],
           "name": "registerNumberField"
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@vonage/vivid!registerOptgroup:function(1)",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "registerOptgroup: (prefix?: "
+            },
+            {
+              "kind": "Content",
+              "text": "string"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Content",
+              "text": "void"
+            }
+          ],
+          "fileUrlPath": "dist/lib/optgroup/definition.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 3,
+            "endIndex": 4
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "prefix",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isOptional": true
+            }
+          ],
+          "name": "registerOptgroup"
+        },
         {
           "kind": "Function",
           "canonicalReference": "@vonage/vivid!registerOption:function(1)",
@@ -11600,6 +11641,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@vonage/vivid!VwcAccordionItemElement#secondaryText:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "secondaryText?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "secondaryText",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@vonage/vivid!VwcAccordionItemElement#size:member",
@@ -16193,6 +16264,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@vonage/vivid!VwcDataGridCellElement#connotation:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connotation?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "DataGridConnotation",
+                  "canonicalReference": "@vonage/vivid!~DataGridConnotation:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "connotation",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@vonage/vivid!VwcDataGridCellElement#gridColumn:member",
@@ -16937,6 +17039,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@vonage/vivid!VwcDataGridRowElement#connotation:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connotation?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "DataGridConnotation",
+                  "canonicalReference": "@vonage/vivid!~DataGridConnotation:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "connotation",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@vonage/vivid!VwcDataGridRowElement#gridTemplateColumns:member",
@@ -18546,6 +18679,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@vonage/vivid!VwcDialPadElement#noLetters:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "noLetters: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "noLetters",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@vonage/vivid!VwcDialPadElement#pattern:member",
@@ -22325,6 +22488,37 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@vonage/vivid!VwcOptgroupElement:class",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class Optgroup extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "Optgroup_base",
+              "canonicalReference": "@vonage/vivid!~Optgroup_base"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "fileUrlPath": "dist/lib/optgroup/optgroup.d.ts",
+          "releaseTag": "Public",
+          "isAbstract": false,
+          "name": "VwcOptgroupElement",
+          "preserveMemberOrder": false,
+          "members": [],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "Class",
           "canonicalReference": "@vonage/vivid!VwcOptionElement:class",