@vonage/vivid-vue 5.16.0 → 5.18.0

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

@@ -1,6 +1,5 @@
-import { PropType } from 'vue';
 import type { VwcDateTimePickerElement } from '@vonage/vivid';
-import type { SlotsType } from 'vue';
+import type { SlotsType, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     clock: {
         type: PropType<"12h" | "24h">;
@@ -66,6 +65,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     secondsStep: {
         type: PropType<number>;
         default: undefined;
@@ -78,6 +81,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDateTimePickerElement | null, VwcDateTimePickerElement | null>;
@@ -85,26 +92,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     checkValidity(): boolean;
     reportValidity(): boolean;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur(event: FocusEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    }): true;
     change(event: CustomEvent<undefined> & {
-        currentTarget: VwcDateTimePickerElement;
-    }): true;
-    click(event: MouseEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    }): true;
-    focus(event: FocusEvent & {
-        currentTarget: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement | null;
     }): true;
     input(event: CustomEvent<undefined> & {
-        currentTarget: VwcDateTimePickerElement;
-    }): true;
-    keydown(event: KeyboardEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    }): true;
-    keyup(event: KeyboardEvent & {
-        currentTarget: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement | null;
     }): true;
     "update:modelValue"(event: string): true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -172,6 +164,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     secondsStep: {
         type: PropType<number>;
         default: undefined;
@@ -184,29 +180,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>> & Readonly<{
-    onBlur?: ((event: FocusEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDateTimePickerElement;
-    }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    }) => any) | undefined;
-    onFocus?: ((event: FocusEvent & {
-        currentTarget: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement | null;
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDateTimePickerElement;
-    }) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent & {
-        currentTarget: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement | null;
     }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    }) => any) | undefined;
-    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
 }>, {
     name: string;
     value: string;
@@ -218,6 +203,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     errorText: string;
     helperText: string;
     readonly: boolean;
+    modelModifiers: Record<string, boolean>;
+    scale: "condensed" | "normal";
     max: string;
     min: string;
     clock: "12h" | "24h";

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

@@ -1,34 +1,25 @@
 import type { VwcDialPadElement } from '@vonage/vivid';
 export interface VDialPadEvents {
     'blur': CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     };
     'change': CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
-    };
-    'click': MouseEvent & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     };
     'dial': CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     };
     'end-call': CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     };
     'focus': CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     };
     'input': CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
-    };
-    'keydown': KeyboardEvent & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     };
     'keypad-click': CustomEvent<HTMLElement> & {
-        currentTarget: VwcDialPadElement;
-    };
-    'keyup': KeyboardEvent & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     };
     'update:modelValue': string;
 }
@@ -45,17 +36,20 @@ export interface VDialPadProps {
     pattern?: string;
     pending?: boolean;
     placeholder?: string;
+    size?: 'condensed' | 'normal';
     value?: string;
     modelValue?: string;
+    modelModifiers?: {
+        trim?: true;
+        number?: true;
+        lazy?: true;
+    };
     'onBlur'?: (event: VDialPadEvents['blur']) => void;
     'onChange'?: (event: VDialPadEvents['change']) => void;
-    'onClick'?: (event: VDialPadEvents['click']) => void;
     'onDial'?: (event: VDialPadEvents['dial']) => void;
     'onEndCall'?: (event: VDialPadEvents['end-call']) => void;
     'onFocus'?: (event: VDialPadEvents['focus']) => void;
     'onInput'?: (event: VDialPadEvents['input']) => void;
-    'onKeydown'?: (event: VDialPadEvents['keydown']) => void;
     'onKeypadClick'?: (event: VDialPadEvents['keypad-click']) => void;
-    'onKeyup'?: (event: VDialPadEvents['keyup']) => void;
     'onUpdate:modelValue'?: (event: VDialPadEvents['update:modelValue']) => void;
 }

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import type { VwcDialPadElement } from '@vonage/vivid';
 declare const _default: import("vue").DefineComponent<{
     autofocus: {
@@ -49,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    size: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -57,13 +61,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDialPadElement | null>;
 }, {}, {}, {
     focus(): void;
     valueChanged(_oldValue: string, newValue: string): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue" | "dial" | "end-call" | "keypad-click")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "input" | "blur" | "dial" | "end-call" | "focus" | "keypad-click")[], string, Readonly<import("vue").ExtractPropTypes<{
     autofocus: {
         type: PropType<boolean>;
         default: undefined;
@@ -112,6 +120,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    size: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -120,14 +132,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>>, {
     value: string;
+    size: "condensed" | "normal";
     placeholder: string;
     disabled: boolean;
     autofocus: boolean;
     pending: boolean;
     modelValue: string;
     helperText: string;
+    modelModifiers: Record<string, boolean>;
     callActive: boolean;
     callButtonLabel: string;
     deleteAriaLabel: string;

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

@@ -1,6 +1,5 @@
-import { PropType } from 'vue';
 import type { VwcDialPadElement } from '@vonage/vivid';
-import type { SlotsType } from 'vue';
+import type { SlotsType, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     autofocus: {
         type: PropType<boolean>;
@@ -50,6 +49,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    size: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -58,6 +61,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDialPadElement | null, VwcDialPadElement | null>;
@@ -66,34 +73,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     valueChanged(_oldValue: string, newValue: string): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur(event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }): true;
     change(event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
-    }): true;
-    click(event: MouseEvent & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }): true;
     dial(event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }): true;
     "end-call"(event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }): true;
     focus(event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }): true;
     input(event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
-    }): true;
-    keydown(event: KeyboardEvent & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }): true;
     "keypad-click"(event: CustomEvent<HTMLElement> & {
-        currentTarget: VwcDialPadElement;
-    }): true;
-    keyup(event: KeyboardEvent & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }): true;
     "update:modelValue"(event: string): true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -145,6 +143,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    size: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -153,46 +155,43 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>> & Readonly<{
-    onBlur?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
-    }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
-    }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
-        currentTarget: VwcDialPadElement;
-    }) => any) | undefined;
-    onFocus?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent & {
-        currentTarget: VwcDialPadElement;
-    }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
-        currentTarget: VwcDialPadElement;
+    onBlur?: ((event: CustomEvent<undefined> & {
+        currentTarget: VwcDialPadElement | null;
     }) => any) | undefined;
-    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
     onDial?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }) => any) | undefined;
     "onEnd-call"?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
+    }) => any) | undefined;
+    onFocus?: ((event: CustomEvent<undefined> & {
+        currentTarget: VwcDialPadElement | null;
     }) => any) | undefined;
     "onKeypad-click"?: ((event: CustomEvent<HTMLElement> & {
-        currentTarget: VwcDialPadElement;
+        currentTarget: VwcDialPadElement | null;
     }) => any) | undefined;
 }>, {
     value: string;
+    size: "condensed" | "normal";
     placeholder: string;
     disabled: boolean;
     autofocus: boolean;
     pending: boolean;
     modelValue: string;
     helperText: string;
+    modelModifiers: Record<string, boolean>;
     callActive: boolean;
     callButtonLabel: string;
     deleteAriaLabel: string;

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

@@ -1,32 +1,14 @@
 import type { VwcDialogElement } from '@vonage/vivid';
 import type { IconId } from '../icons';
 export interface VDialogEvents {
-    'blur': FocusEvent & {
-        currentTarget: VwcDialogElement;
-    };
     'cancel': CustomEvent<undefined> & {
-        currentTarget: VwcDialogElement;
-    };
-    'click': MouseEvent & {
-        currentTarget: VwcDialogElement;
+        currentTarget: VwcDialogElement | null;
     };
     'close': CustomEvent<string> & {
-        currentTarget: VwcDialogElement;
-    };
-    'focus': FocusEvent & {
-        currentTarget: VwcDialogElement;
-    };
-    'input': Event & {
-        currentTarget: VwcDialogElement;
-    };
-    'keydown': KeyboardEvent & {
-        currentTarget: VwcDialogElement;
-    };
-    'keyup': KeyboardEvent & {
-        currentTarget: VwcDialogElement;
+        currentTarget: VwcDialogElement | null;
     };
     'open': CustomEvent<undefined> & {
-        currentTarget: VwcDialogElement;
+        currentTarget: VwcDialogElement | null;
     };
     'update:open': boolean;
 }
@@ -45,14 +27,12 @@ export interface VDialogProps {
     returnValue?: string;
     scrollableBody?: boolean;
     subtitle?: string;
-    'onBlur'?: (event: VDialogEvents['blur']) => void;
+    openModifiers?: {
+        trim?: true;
+        number?: true;
+    };
     'onCancel'?: (event: VDialogEvents['cancel']) => void;
-    'onClick'?: (event: VDialogEvents['click']) => void;
     'onClose'?: (event: VDialogEvents['close']) => void;
-    'onFocus'?: (event: VDialogEvents['focus']) => void;
-    'onInput'?: (event: VDialogEvents['input']) => void;
-    'onKeydown'?: (event: VDialogEvents['keydown']) => void;
-    'onKeyup'?: (event: VDialogEvents['keyup']) => void;
     'onOpen'?: (event: VDialogEvents['open']) => void;
     'onUpdate:open'?: (event: VDialogEvents['update:open']) => void;
 }