@vonage/vivid-vue 4.24.0 → 4.26.0

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

@@ -20,14 +20,23 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the date-picker.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
+     */
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The default value of the element. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
      */
     initialValue: {
         type: PropType<string>;
@@ -118,14 +127,14 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the date-picker.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current value of the date-picker.
+     * The current value of the element.
      */
     modelValue: {
         type: PropType<string>;
@@ -134,7 +143,17 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDateTimePickerElement | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity(): boolean;
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity(): boolean;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
      * Fires when the element loses focus.
      * @type {FocusEvent}
@@ -233,14 +252,23 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the date-picker.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
+     */
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The default value of the element. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
      */
     initialValue: {
         type: PropType<string>;
@@ -331,14 +359,14 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the date-picker.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current value of the date-picker.
+     * The current value of the element.
      */
     modelValue: {
         type: PropType<string>;
@@ -404,6 +432,7 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     modelValue: string;
     errorText: string;
+    helperText: string;
     readonly: boolean;
     max: string;
     min: string;

package/generated/components/VDialPad.types.d.ts

@@ -106,6 +106,10 @@ export interface VDialPadEvents {
     'update:modelValue': string;
 }
 export interface VDialPadProps {
+    /**
+     * Indicates that this element should get focus after the page finishes loading.
+     */
+    autofocus?: boolean;
     /**
      * Indicates the active state of the dial-pad.
      */

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

@@ -4,6 +4,13 @@ import type { VwcDialPadElement } from '@vonage/vivid';
  * Base class for dial-pad
  */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
+    /**
+     * Indicates that this element should get focus after the page finishes loading.
+     */
+    autofocus: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the active state of the dial-pad.
      */
@@ -86,8 +93,19 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDialPadElement | null>;
 }, import("vue").Data, {}, {
+    /**
+     * Moves focus into the diapl-pad.
+     */
+    focus(): void;
     valueChanged(_oldValue: string, newValue: string): unknown;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue" | "dial" | "end-call" | "keypad-click")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Indicates that this element should get focus after the page finishes loading.
+     */
+    autofocus: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the active state of the dial-pad.
      */
@@ -169,6 +187,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }>>, {
     value: string;
     disabled: boolean;
+    autofocus: boolean;
     pending: boolean;
     modelValue: string;
     helperText: string;

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

@@ -5,6 +5,13 @@ import type { SlotsType } from 'vue';
  * Base class for dial-pad
  */
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * Indicates that this element should get focus after the page finishes loading.
+     */
+    autofocus: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the active state of the dial-pad.
      */
@@ -87,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDialPadElement | null>;
 }, unknown, {}, {
+    /**
+     * Moves focus into the diapl-pad.
+     */
+    focus(): void;
     valueChanged(_oldValue: string, newValue: string): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
@@ -205,6 +216,13 @@ declare const _default: import("vue").DefineComponent<{
      */
     "update:modelValue"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Indicates that this element should get focus after the page finishes loading.
+     */
+    autofocus: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the active state of the dial-pad.
      */
@@ -358,6 +376,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     value: string;
     disabled: boolean;
+    autofocus: boolean;
     pending: boolean;
     modelValue: string;
     helperText: string;

package/generated/components/VDialog.types.d.ts

@@ -130,6 +130,10 @@ export interface VDialogProps {
      * Indicates dialog's state
      */
     open?: boolean;
+    /**
+     * Makes only the element's content area between the header and footer scrollable
+     */
+    scrollableBody?: boolean;
     subtitle?: string;
     /**
      * Fires when the element loses focus.

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

@@ -68,6 +68,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Makes only the element's content area between the header and footer scrollable
+     */
+    scrollableBody: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     subtitle: {
         type: PropType<string>;
         default: undefined;
@@ -146,6 +153,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Makes only the element's content area between the header and footer scrollable
+     */
+    scrollableBody: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     subtitle: {
         type: PropType<string>;
         default: undefined;
@@ -163,5 +177,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     noDismissOnEsc: boolean;
     noLightDismiss: boolean;
     nonDismissible: boolean;
+    scrollableBody: boolean;
 }>;
 export default _default;

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

@@ -69,6 +69,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Makes only the element's content area between the header and footer scrollable
+     */
+    scrollableBody: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     subtitle: {
         type: PropType<string>;
         default: undefined;
@@ -252,6 +259,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Makes only the element's content area between the header and footer scrollable
+     */
+    scrollableBody: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     subtitle: {
         type: PropType<string>;
         default: undefined;
@@ -334,6 +348,7 @@ declare const _default: import("vue").DefineComponent<{
     noDismissOnEsc: boolean;
     noLightDismiss: boolean;
     nonDismissible: boolean;
+    scrollableBody: boolean;
 }, SlotsType<{
     /**
      * Use the action-items slot in order to add action buttons to the bottom of the dialog.

package/generated/components/VDivider.types.d.ts

@@ -67,7 +67,7 @@ export interface VDividerProps {
      */
     orientation?: 'horizontal' | 'vertical';
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role?: 'separator' | 'presentation';
     /**

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

@@ -9,7 +9,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
@@ -27,14 +27,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
         default: undefined;
     };
 }>>, {
-    role: "separator" | "presentation";
     orientation: "horizontal" | "vertical";
+    role: "separator" | "presentation";
 }>;
 export default _default;

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

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
@@ -95,7 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
@@ -145,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
         currentTarget: VwcDividerElement;
     }) => any) | undefined;
 }, {
-    role: "separator" | "presentation";
     orientation: "horizontal" | "vertical";
+    role: "separator" | "presentation";
 }, SlotsType<Record<string, never>>>;
 export default _default;

package/generated/components/VEmptyState.types.d.ts

@@ -76,9 +76,6 @@ export interface VEmptyStateProps {
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon?: IconId;
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration?: 'outlined' | 'filled';
     /**
      * Fires when the element loses focus.

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

@@ -27,9 +27,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;
@@ -60,9 +57,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;

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

@@ -28,9 +28,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;
@@ -128,9 +125,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;

package/generated/components/VFab.types.d.ts

@@ -109,7 +109,7 @@ export interface VFabProps {
      */
     iconTrailing?: boolean;
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue?: string;
@@ -134,11 +134,7 @@ export interface VFabProps {
      */
     type?: 'submit' | 'reset' | 'button';
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value?: string;
     /**

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

@@ -81,7 +81,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -124,11 +124,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -138,6 +134,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcFabElement | null>;
 }, import("vue").Data, {}, {
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity(): boolean;
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity(): boolean;
     /**
      * {@inheritDoc (FormAssociated:interface).validate}
      */
@@ -222,7 +227,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -265,11 +270,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;

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

@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -125,11 +125,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -139,6 +135,15 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcFabElement | null>;
 }, unknown, {}, {
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity(): boolean;
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity(): boolean;
     /**
      * {@inheritDoc (FormAssociated:interface).validate}
      */
@@ -290,7 +295,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -333,11 +338,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -407,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
 }, SlotsType<{
     /**
-     * Slot to add an icon to fab.
+     * The preferred way to add an icon to the component.
      */
     icon: Record<string, never>;
 }>>;

package/generated/components/VFilePicker.types.d.ts

@@ -81,7 +81,7 @@ export interface VFilePickerProps {
      */
     disabled?: boolean;
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText?: string;
     /**
@@ -89,11 +89,12 @@ export interface VFilePickerProps {
      */
     fileTooBigError?: string;
     /**
-     * The helper text for the form element.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
      */
     helperText?: string;
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue?: string;
@@ -134,11 +135,7 @@ export interface VFilePickerProps {
      */
     size?: 'normal' | 'expanded';
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value?: string;
     /**