@vonage/vivid-vue 4.18.0 → 4.19.0

package/generated/components/VNavItem.vue3.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { NavItem } from '@vonage/vivid/lib/nav-item/nav-item';
+import type { VwcNavItemElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 /**
  * A Nav Item Custom HTML Element.
@@ -108,7 +108,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NavItem | null>;
+    element: import("vue").Ref<VwcNavItemElement | null>;
 }, unknown, {}, {
     getBodyTemplate(): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -117,42 +117,66 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }): true;
     /**
      * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
      * @type {MouseEvent}
      */
     click(event: MouseEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -256,22 +280,46 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: NavItem;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNavItemElement;
+        currentTarget: VwcNavItemElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

package/generated/components/VNote.vue2.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { Note } from '@vonage/vivid/lib/note/note';
+import type { VwcNoteElement } from '@vonage/vivid';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -30,7 +30,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Note | null>;
+    element: import("vue").Ref<VwcNoteElement | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/generated/components/VNote.vue3.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { Note } from '@vonage/vivid/lib/note/note';
+import type { VwcNoteElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -31,49 +31,73 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Note | null>;
+    element: import("vue").Ref<VwcNoteElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
      * Fires when the element loses focus.
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }): true;
     /**
      * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
      * @type {MouseEvent}
      */
     click(event: MouseEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -104,22 +128,46 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: Note;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNoteElement;
+        currentTarget: VwcNoteElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

package/generated/components/VNumberField.vue2.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { NumberField } from '@vonage/vivid/lib/number-field/number-field';
+import type { VwcNumberFieldElement } from '@vonage/vivid';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     appearance: {
         type: PropType<"fieldset" | "ghost">;
@@ -202,7 +202,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NumberField | null>;
+    element: import("vue").Ref<VwcNumberFieldElement | null>;
 }, import("vue").Data, {}, {
     /**
      * Selects all the text in the number field

package/generated/components/VNumberField.vue3.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { NumberField } from '@vonage/vivid/lib/number-field/number-field';
+import type { VwcNumberFieldElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     appearance: {
@@ -203,7 +203,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NumberField | null>;
+    element: import("vue").Ref<VwcNumberFieldElement | null>;
 }, unknown, {}, {
     /**
      * Selects all the text in the number field
@@ -228,57 +228,83 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }): true;
     /**
      * Fires a custom 'change' event when the value has changed
      * @type {CustomEvent<undefined>}
      */
     change(event: CustomEvent<undefined> & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }): true;
     /**
      * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
      * @type {MouseEvent}
      */
     click(event: MouseEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }): true;
     /**
      * Fires a custom 'input' event when the value has changed
      * @type {CustomEvent<undefined>}
      */
     input(event: CustomEvent<undefined> & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }): true;
     /**
      * Fires when the modelValue value changes
      * @type {string}
      */
-    "update:modelValue"(event: string & {
-        target: NumberField;
-    }): true;
+    "update:modelValue"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     appearance: {
         type: PropType<"fieldset" | "ghost">;
@@ -480,29 +506,55 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: NumberField;
-    }) => any) | undefined;
-    "onUpdate:modelValue"?: ((event: string & {
-        target: NumberField;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcNumberFieldElement;
+        currentTarget: VwcNumberFieldElement;
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
 }, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

package/generated/components/VOption.vue2.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { ListboxOption } from '@vonage/vivid/lib/option/option';
+import type { VwcOptionElement } from '@vonage/vivid';
 /**
  * An Option Custom HTML Element.
  * Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
@@ -47,6 +47,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Text to highlighted as matching a search query.
+     */
+    matchedText: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The selected attribute value. This sets the initial selected value.
      */
@@ -67,7 +74,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ListboxOption | null>;
+    element: import("vue").Ref<VwcOptionElement | null>;
 }, import("vue").Data, {}, {
     initialValueChanged(): void;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -112,6 +119,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Text to highlighted as matching a search query.
+     */
+    matchedText: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The selected attribute value. This sets the initial selected value.
      */
@@ -139,6 +153,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     disabled: boolean;
     initialValue: string;
     label: string;
+    matchedText: string;
     selected: boolean;
 }>;
 export default _default;