@vonage/vivid-vue 4.26.0 → 4.27.0

package/{generated → dist/generated}/components/VDateTimePicker.vue3.d.ts

@@ -1,141 +1,79 @@
 import { PropType } from 'vue';
 import type { VwcDateTimePickerElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
-/**
- * Single date picker component.
- */
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Forces a 12h or 24h clock to be used.
-     */
     clock: {
         type: PropType<"12h" | "24h">;
         default: undefined;
     };
-    /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
-     */
     disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Provides a custom error message. Any current error state will be overridden.
-     */
     errorText: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * 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>;
         default: undefined;
     };
-    /**
-     * The label for the form element.
-     */
     label: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The latest accepted date-time.
-     */
     max: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The latest accepted time date of the date-time.
-     */
     maxDate: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The latest accepted time part of the date-time.
-     */
     maxTime: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The earliest accepted date-time.
-     */
     min: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The earliest accepted date part of the date-time.
-     */
     minDate: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The earliest accepted time part of the date-time.
-     */
     minTime: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Distance between presented minute options.
-     */
     minutesStep: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
-     */
     name: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Whether the date-picker is readonly.
-     */
     readonly: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
     required: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Distance between presented seconds options. If null, seconds are not presented.
-     */
     secondsStep: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;
@@ -144,281 +82,141 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDateTimePickerElement | 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;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
-     */
     blur(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }): true;
-    /**
-     * Emitted when the date is changed by the user.
-     * @type {CustomEvent<undefined>}
-     */
     change(event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }): 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 & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }): true;
-    /**
-     * Fires when the element receives focus.
-     * @type {FocusEvent}
-     */
     focus(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }): true;
-    /**
-     * Emitted when the date is changed by the user.
-     * @type {CustomEvent<undefined>}
-     */
     input(event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }): true;
-    /**
-     * Fires when a key is pressed.
-     * @type {KeyboardEvent}
-     */
     keydown(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }): true;
-    /**
-     * Fires when a key is released.
-     * @type {KeyboardEvent}
-     */
     keyup(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }): true;
-    /**
-     * Fires when the modelValue value changes
-     * @type {string}
-     */
     "update:modelValue"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Forces a 12h or 24h clock to be used.
-     */
     clock: {
         type: PropType<"12h" | "24h">;
         default: undefined;
     };
-    /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
-     */
     disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Provides a custom error message. Any current error state will be overridden.
-     */
     errorText: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * 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>;
         default: undefined;
     };
-    /**
-     * The label for the form element.
-     */
     label: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The latest accepted date-time.
-     */
     max: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The latest accepted time date of the date-time.
-     */
     maxDate: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The latest accepted time part of the date-time.
-     */
     maxTime: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The earliest accepted date-time.
-     */
     min: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The earliest accepted date part of the date-time.
-     */
     minDate: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The earliest accepted time part of the date-time.
-     */
     minTime: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Distance between presented minute options.
-     */
     minutesStep: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
-     */
     name: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Whether the date-picker is readonly.
-     */
     readonly: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
     required: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Distance between presented seconds options. If null, seconds are not presented.
-     */
     secondsStep: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDateTimePickerElement;
         currentTarget: VwcDateTimePickerElement;
     }) => any) | undefined;
@@ -444,9 +242,6 @@ declare const _default: import("vue").DefineComponent<{
     minutesStep: number;
     secondsStep: number;
 }, SlotsType<{
-    /**
-     * Describes how to use the date-picker. Alternative to the `helper-text` attribute.
-     */
     'helper-text': Record<string, never>;
 }>>;
 export default _default;

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

@@ -0,0 +1,70 @@
+import type { VwcDialPadElement } from '@vonage/vivid';
+export interface VDialPadEvents {
+    blur: CustomEvent<undefined> & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    change: CustomEvent<undefined> & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    click: MouseEvent & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    dial: CustomEvent<undefined> & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    'end-call': CustomEvent<undefined> & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    focus: CustomEvent<undefined> & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    input: CustomEvent<undefined> & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    'keypad-click': CustomEvent<HTMLElement> & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcDialPadElement;
+        currentTarget: VwcDialPadElement;
+    };
+    'update:modelValue': string;
+}
+export interface VDialPadProps {
+    autofocus?: boolean;
+    callActive?: boolean;
+    callButtonLabel?: string;
+    disabled?: boolean;
+    endCallButtonLabel?: string;
+    helperText?: string;
+    noCall?: boolean;
+    noInput?: boolean;
+    pattern?: string;
+    pending?: boolean;
+    placeholder?: string;
+    value?: string;
+    modelValue?: string;
+    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/{generated → dist/generated}/components/VDialPad.vue2.d.ts

@@ -1,19 +1,10 @@
 import { PropType } from 'vue';
 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.
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     autofocus: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the active state of the dial-pad.
-     */
     callActive: {
         type: PropType<boolean>;
         default: undefined;
@@ -22,9 +13,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the disabled state of the dial-pad.
-     */
     disabled: {
         type: PropType<boolean>;
         default: undefined;
@@ -33,58 +21,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the helper-text's text.
-     */
     helperText: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the no-call state of the dial-pad.
-     */
     noCall: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the no-input state of the dial-pad.
-     */
     noInput: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the dial pad's pattern.
-     */
     pattern: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the pending state of the dial-pad.
-     */
     pending: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the placeholder's text.
-     */
     placeholder: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the value's text.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the value's text.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;
@@ -93,22 +57,13 @@ 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.
-     */
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue" | "dial" | "end-call" | "keypad-click")[], string, Readonly<import("vue").ExtractPropTypes<{
     autofocus: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the active state of the dial-pad.
-     */
     callActive: {
         type: PropType<boolean>;
         default: undefined;
@@ -117,9 +72,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the disabled state of the dial-pad.
-     */
     disabled: {
         type: PropType<boolean>;
         default: undefined;
@@ -128,58 +80,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the helper-text's text.
-     */
     helperText: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the no-call state of the dial-pad.
-     */
     noCall: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the no-input state of the dial-pad.
-     */
     noInput: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the dial pad's pattern.
-     */
     pattern: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the pending state of the dial-pad.
-     */
     pending: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Indicates the placeholder's text.
-     */
     placeholder: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the value's text.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the value's text.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;