@vonage/vivid-vue 4.16.2 → 4.18.0

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

@@ -6,10 +6,17 @@ import type { SlotsType } from 'vue';
  */
 declare const _default: import("vue").DefineComponent<{
     /**
-     * The label for the form element.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    label: {
-        type: PropType<string>;
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -20,52 +27,52 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Indicates the element that represents the current item within a container or set of related elements.
+     * The initial value of the date-picker.
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    initialValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     * The label for the form element.
      */
-    disabled: {
-        type: PropType<boolean>;
+    label: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * The latest accepted date.
      */
-    name: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The earliest accepted date.
      */
-    required: {
-        type: PropType<boolean>;
+    min: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    max: {
+    name: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * Whether the date-picker is readonly.
      */
-    min: {
-        type: PropType<string>;
+    readonly: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The initial value of the date-picker.
+     * Require the field to be completed prior to form submission.
      */
-    initialValue: {
-        type: PropType<string>;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -82,50 +89,36 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Whether the date-picker is readonly.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<DatePicker | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
-     * 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: DatePicker;
-    }): true;
-    /**
-     * Fires when the element receives focus.
+     * Fires when the element loses focus.
      * @type {FocusEvent}
      */
-    focus(event: FocusEvent & {
+    blur(event: FocusEvent & {
         target: DatePicker;
     }): true;
     /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
+     * Emitted when the date is changed by the user.
+     * @type {CustomEvent<undefined>}
      */
-    blur(event: FocusEvent & {
+    change(event: CustomEvent<undefined> & {
         target: DatePicker;
     }): true;
     /**
-     * Fires when a key is pressed.
-     * @type {KeyboardEvent}
+     * 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}
      */
-    keydown(event: KeyboardEvent & {
+    click(event: MouseEvent & {
         target: DatePicker;
     }): true;
     /**
-     * Fires when a key is released.
-     * @type {KeyboardEvent}
+     * Fires when the element receives focus.
+     * @type {FocusEvent}
      */
-    keyup(event: KeyboardEvent & {
+    focus(event: FocusEvent & {
         target: DatePicker;
     }): true;
     /**
@@ -136,17 +129,17 @@ declare const _default: import("vue").DefineComponent<{
         target: DatePicker;
     }): true;
     /**
-     * Emitted when the date is changed by the user.
-     * @type {CustomEvent<undefined>}
+     * Fires when a key is pressed.
+     * @type {KeyboardEvent}
      */
-    change(event: CustomEvent<undefined> & {
+    keydown(event: KeyboardEvent & {
         target: DatePicker;
     }): true;
     /**
-     * Event emitted when the clear button is clicked.
-     * @type {CustomEvent<undefined>}
+     * Fires when a key is released.
+     * @type {KeyboardEvent}
      */
-    "clear-click"(event: CustomEvent<undefined> & {
+    keyup(event: KeyboardEvent & {
         target: DatePicker;
     }): true;
     /**
@@ -158,10 +151,17 @@ declare const _default: import("vue").DefineComponent<{
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * The label for the form element.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    label: {
-        type: PropType<string>;
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -172,52 +172,52 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Indicates the element that represents the current item within a container or set of related elements.
+     * The initial value of the date-picker.
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    initialValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     * The label for the form element.
      */
-    disabled: {
-        type: PropType<boolean>;
+    label: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * The latest accepted date.
      */
-    name: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The earliest accepted date.
      */
-    required: {
-        type: PropType<boolean>;
+    min: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    max: {
+    name: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * Whether the date-picker is readonly.
      */
-    min: {
-        type: PropType<string>;
+    readonly: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The initial value of the date-picker.
+     * Require the field to be completed prior to form submission.
      */
-    initialValue: {
-        type: PropType<string>;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -234,49 +234,39 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Whether the date-picker is readonly.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: DatePicker;
     }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
+    onBlur?: ((event: FocusEvent & {
         target: DatePicker;
     }) => any) | undefined;
-    onFocus?: ((event: FocusEvent & {
+    onChange?: ((event: CustomEvent<undefined> & {
         target: DatePicker;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onClick?: ((event: MouseEvent & {
         target: DatePicker;
     }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
+    onFocus?: ((event: FocusEvent & {
         target: DatePicker;
     }) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
         target: DatePicker;
     }) => any) | undefined;
-    onChange?: ((event: CustomEvent<undefined> & {
+    onKeyup?: ((event: KeyboardEvent & {
         target: DatePicker;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((event: string & {
         target: DatePicker;
     }) => any) | undefined;
-    "onClear-click"?: ((event: CustomEvent<undefined> & {
-        target: DatePicker;
-    }) => any) | undefined;
 }, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
     disabled: boolean;
     initialValue: string;
-    required: boolean;
     label: string;
+    required: boolean;
     modelValue: string;
     errorText: string;
     readonly: boolean;

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

@@ -1,20 +1,6 @@
 import { PropType } from 'vue';
 import type { DateRangePicker } from '@vonage/vivid/lib/date-range-picker/date-range-picker';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * The label for the form element.
-     */
-    label: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * The error text for the form element.
-     */
-    errorText: {
-        type: PropType<string>;
-        default: undefined;
-    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -30,23 +16,28 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * The current end value of the element. This property serves as a mechanism
+     * to set the `end` 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.
      */
-    name: {
+    end: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The error text for the form element.
      */
-    required: {
-        type: PropType<boolean>;
+    errorText: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The initial end value. This value sets the `end` property
+     * only when the `end` property has not been explicitly set.
      */
-    max: {
+    initialEnd: {
         type: PropType<string>;
         default: undefined;
     };
@@ -59,81 +50,76 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The initial end value. This value sets the `end` property
-     * only when the `end` property has not been explicitly set.
+     * The initial value of the date-picker.
      */
-    initialEnd: {
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current start value of the element. This property serves as a mechanism
-     * to set the `start` 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 label for the form element.
      */
-    start: {
+    label: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current end value of the element. This property serves as a mechanism
-     * to set the `end` 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 latest accepted date.
      */
-    end: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * The earliest accepted date.
      */
     min: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the date-picker.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    initialValue: {
+    name: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current value of the date-picker.
+     * Whether the date-picker is readonly.
      */
-    value: {
-        type: PropType<string>;
+    readonly: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Whether the date-picker is readonly.
+     * Require the field to be completed prior to form submission.
      */
-    readonly: {
+    required: {
         type: PropType<boolean>;
         default: undefined;
     };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DateRangePicker | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "clear-click" | "input:start" | "input:end" | "update:start" | "update:end")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * The label for the form element.
+     * The current start value of the element. This property serves as a mechanism
+     * to set the `start` 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.
      */
-    label: {
+    start: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The error text for the form element.
+     * The current value of the date-picker.
      */
-    errorText: {
+    value: {
         type: PropType<string>;
         default: undefined;
     };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<DateRangePicker | 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" | "input:end" | "input:start" | "update:end" | "update:start")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -149,23 +135,28 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * The current end value of the element. This property serves as a mechanism
+     * to set the `end` 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.
      */
-    name: {
+    end: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The error text for the form element.
      */
-    required: {
-        type: PropType<boolean>;
+    errorText: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The initial end value. This value sets the `end` property
+     * only when the `end` property has not been explicitly set.
      */
-    max: {
+    initialEnd: {
         type: PropType<string>;
         default: undefined;
     };
@@ -178,78 +169,87 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The initial end value. This value sets the `end` property
-     * only when the `end` property has not been explicitly set.
+     * The initial value of the date-picker.
      */
-    initialEnd: {
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current start value of the element. This property serves as a mechanism
-     * to set the `start` 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 label for the form element.
      */
-    start: {
+    label: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current end value of the element. This property serves as a mechanism
-     * to set the `end` 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 latest accepted date.
      */
-    end: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * The earliest accepted date.
      */
     min: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the date-picker.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    initialValue: {
+    name: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The current value of the date-picker.
+     * Whether the date-picker is readonly.
      */
-    value: {
-        type: PropType<string>;
+    readonly: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Whether the date-picker is readonly.
+     * Require the field to be completed prior to form submission.
      */
-    readonly: {
+    required: {
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The current start value of the element. This property serves as a mechanism
+     * to set the `start` 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.
+     */
+    start: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>>, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
     disabled: boolean;
     initialValue: string;
-    required: boolean;
     label: string;
+    required: boolean;
     start: string;
     errorText: string;
     readonly: boolean;
     max: string;
     min: string;
-    initialStart: string;
-    initialEnd: string;
     end: string;
+    initialEnd: string;
+    initialStart: string;
 }>;
 export default _default;