@vonage/vivid-vue 4.26.0 → 4.28.0

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

@@ -0,0 +1,229 @@
+import { PropType } from 'vue';
+import type { VwcDateRangePickerElement } from '@vonage/vivid';
+import type { SlotsType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    end: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    initialEnd: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    initialStart: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    start: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<VwcDateRangePickerElement | null>;
+}, unknown, {}, {
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur(event: FocusEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    change(event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    click(event: MouseEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    focus(event: FocusEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    input(event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    "input:end"(event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    "input:start"(event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    keydown(event: KeyboardEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    keyup(event: KeyboardEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }): true;
+    "update:end"(event: string): true;
+    "update:start"(event: string): true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    end: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    initialEnd: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    initialStart: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    start: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}>> & {
+    onKeydown?: ((event: KeyboardEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    onChange?: ((event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    onClick?: ((event: MouseEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    onFocus?: ((event: FocusEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    onInput?: ((event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    "onInput:end"?: ((event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    "onInput:start"?: ((event: CustomEvent<undefined> & {
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    }) => any) | undefined;
+    "onUpdate:end"?: ((event: string) => any) | undefined;
+    "onUpdate:start"?: ((event: string) => any) | undefined;
+}, {
+    name: string;
+    value: string;
+    disabled: boolean;
+    initialValue: string;
+    label: string;
+    required: boolean;
+    start: string;
+    errorText: string;
+    helperText: string;
+    readonly: boolean;
+    max: string;
+    min: string;
+    end: string;
+    initialEnd: string;
+    initialStart: string;
+}, SlotsType<{
+    'helper-text': Record<string, never>;
+}>>;
+export default _default;

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

@@ -0,0 +1,61 @@
+import type { VwcDateTimePickerElement } from '@vonage/vivid';
+export interface VDateTimePickerEvents {
+    blur: FocusEvent & {
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    change: CustomEvent<undefined> & {
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    click: MouseEvent & {
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    focus: FocusEvent & {
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    input: CustomEvent<undefined> & {
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    'update:modelValue': string;
+}
+export interface VDateTimePickerProps {
+    clock?: '12h' | '24h';
+    disabled?: boolean;
+    errorText?: string;
+    helperText?: string;
+    initialValue?: string;
+    label?: string;
+    max?: string;
+    maxDate?: string;
+    maxTime?: string;
+    min?: string;
+    minDate?: string;
+    minTime?: string;
+    minutesStep?: number;
+    name?: string;
+    readonly?: boolean;
+    required?: boolean;
+    secondsStep?: number;
+    value?: string;
+    modelValue?: string;
+    onBlur?: (event: VDateTimePickerEvents['blur']) => void;
+    onChange?: (event: VDateTimePickerEvents['change']) => void;
+    onClick?: (event: VDateTimePickerEvents['click']) => void;
+    onFocus?: (event: VDateTimePickerEvents['focus']) => void;
+    onInput?: (event: VDateTimePickerEvents['input']) => void;
+    onKeydown?: (event: VDateTimePickerEvents['keydown']) => void;
+    onKeyup?: (event: VDateTimePickerEvents['keyup']) => void;
+    'onUpdate:modelValue'?: (event: VDateTimePickerEvents['update:modelValue']) => void;
+}

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

@@ -1,140 +1,78 @@
 import { PropType } from 'vue';
 import type { VwcDateTimePickerElement } from '@vonage/vivid';
-/**
- * Single date picker component.
- */
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * Forces a 12h or 24h clock to be used.
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     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;
@@ -143,147 +81,81 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDateTimePickerElement | 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;
-}, 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<{
-    /**
-     * Forces a 12h or 24h clock to be used.
-     */
+}, 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")[], string, Readonly<import("vue").ExtractPropTypes<{
     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;