@vonage/vivid-vue 4.18.0 → 4.19.0

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { Radio } from '@vonage/vivid/lib/radio/radio';
+import type { VwcRadioElement } 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.
@@ -93,7 +93,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Radio | null>;
+    element: import("vue").Ref<VwcRadioElement | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "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/VRadio.vue3.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { Radio } from '@vonage/vivid/lib/radio/radio';
+import type { VwcRadioElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -94,56 +94,84 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Radio | null>;
+    element: import("vue").Ref<VwcRadioElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
      * Fires when the element loses focus.
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }): true;
     /**
      * Fires a custom 'change' event when the value changes
      * @type {CustomEvent<undefined>}
      */
     change(event: CustomEvent<undefined> & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }): 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: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -238,25 +266,53 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: Radio;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioElement;
+        currentTarget: VwcRadioElement;
     }) => any) | undefined;
 }, {
     name: string;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { RadioGroup } from '@vonage/vivid/lib/radio-group/radio-group';
+import type { VwcRadioGroupElement } 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.
@@ -60,7 +60,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<RadioGroup | null>;
+    element: import("vue").Ref<VwcRadioGroupElement | null>;
 }, import("vue").Data, {}, {
     nameChanged(): void;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { RadioGroup } from '@vonage/vivid/lib/radio-group/radio-group';
+import type { VwcRadioGroupElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<RadioGroup | null>;
+    element: import("vue").Ref<VwcRadioGroupElement | null>;
 }, unknown, {}, {
     nameChanged(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -70,57 +70,83 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }): true;
     /**
      * Fires a custom 'change' event when the value changes
      * @type {CustomEvent<undefined>}
      */
     change(event: CustomEvent<undefined> & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }): 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: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }): true;
     /**
      * Fires when the modelValue value changes
      * @type {string}
      */
-    "update:modelValue"(event: string & {
-        target: RadioGroup;
-    }): true;
+    "update:modelValue"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -181,29 +207,55 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: RadioGroup;
-    }) => any) | undefined;
-    "onUpdate:modelValue"?: ((event: string & {
-        target: RadioGroup;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRadioGroupElement;
+        currentTarget: VwcRadioGroupElement;
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
 }, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { RangeSlider } from '@vonage/vivid/lib/range-slider/range-slider';
+import type { VwcRangeSliderElement } from '@vonage/vivid';
 /**
  * Base class for range-slider
  */
@@ -161,7 +161,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<RangeSlider | null>;
+    element: import("vue").Ref<VwcRangeSliderElement | null>;
 }, import("vue").Data, {}, {
     formResetCallback(): unknown;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "input:end" | "input:start" | "update:end" | "update:start")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { RangeSlider } from '@vonage/vivid/lib/range-slider/range-slider';
+import type { VwcRangeSliderElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 /**
  * Base class for range-slider
@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<RangeSlider | null>;
+    element: import("vue").Ref<VwcRangeSliderElement | null>;
 }, unknown, {}, {
     formResetCallback(): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -171,78 +171,110 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Event emitted when either the start or end value changes.
      * @type {CustomEvent<undefined>}
      */
     change(event: CustomEvent<undefined> & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): 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: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Event emitted when either the start or end value changes.
      * @type {CustomEvent<undefined>}
      */
     input(event: CustomEvent<undefined> & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Event emitted when the end value changes
      * @type {CustomEvent<undefined>}
      */
     "input:end"(event: CustomEvent<undefined> & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Event emitted when the start value changes
      * @type {CustomEvent<undefined>}
      */
     "input:start"(event: CustomEvent<undefined> & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }): true;
     /**
      * Fires when the end value changes
      * @type {string}
      */
-    "update:end"(event: string & {
-        target: RangeSlider;
-    }): true;
+    "update:end"(event: string): true;
     /**
      * Fires when the start value changes
      * @type {string}
      */
-    "update:start"(event: string & {
-        target: RangeSlider;
-    }): true;
+    "update:start"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -401,38 +433,70 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     "onInput:end"?: ((event: CustomEvent<undefined> & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
     "onInput:start"?: ((event: CustomEvent<undefined> & {
-        target: RangeSlider;
-    }) => any) | undefined;
-    "onUpdate:end"?: ((event: string & {
-        target: RangeSlider;
-    }) => any) | undefined;
-    "onUpdate:start"?: ((event: string & {
-        target: RangeSlider;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcRangeSliderElement;
+        currentTarget: VwcRangeSliderElement;
     }) => any) | undefined;
+    "onUpdate:end"?: ((event: string) => any) | undefined;
+    "onUpdate:start"?: ((event: string) => any) | undefined;
 }, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { RichTextEditor } from '@vonage/vivid/lib/rich-text-editor/rich-text-editor';
+import type { VwcRichTextEditorElement } 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.
@@ -18,10 +18,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<RichTextEditor | null>;
+    element: import("vue").Ref<VwcRichTextEditorElement | null>;
 }, import("vue").Data, {}, {
     selectionEndChanged(): unknown;
     selectionStartChanged(): unknown;
+    setTextSize(size: "title" | "subtitle" | "body"): unknown;
 }, 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.