@vonage/vivid-vue 4.16.2 → 4.18.0

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

@@ -3,17 +3,24 @@ import type { TimePicker } from '@vonage/vivid/lib/time-picker/time-picker';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
-     * The helper text for the form element.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    helperText: {
-        type: PropType<string>;
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
     /**
-     * The label for the form element.
+     * Forces a 12h or 24h clock to be used.
      */
-    label: {
-        type: PropType<string>;
+    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;
     };
     /**
@@ -24,47 +31,38 @@ 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 initial value of the form. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
+     * The latest accepted time of the time-picker.
      */
-    initialValue: {
+    max: {
         type: PropType<string>;
         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 earliest accepted time of the time-picker.
      */
-    value: {
+    min: {
         type: PropType<string>;
         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.
+     * Distance between presented minute options.
      */
-    modelValue: {
-        type: PropType<string>;
+    minutesStep: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -75,24 +73,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
-     */
-    required: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * Whether the time-picker is readonly.
+     * Whether the date-picker is readonly.
      */
     readonly: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Distance between presented minute options.
+     * Require the field to be completed prior to form submission.
      */
-    minutesStep: {
-        type: PropType<number>;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -103,23 +94,16 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Forces the time-picker to use a 12h or 24h clock.
-     */
-    clock: {
-        type: PropType<"12h" | "24h">;
-        default: undefined;
-    };
-    /**
-     * The earliest accepted time of the time-picker.
+     * The current value of the date-picker.
      */
-    min: {
+    value: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted time of the time-picker.
+     * The current value of the date-picker.
      */
-    max: {
+    modelValue: {
         type: PropType<string>;
         default: undefined;
     };
@@ -127,6 +111,20 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<TimePicker | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: TimePicker;
+    }): true;
+    /**
+     * Emitted when the time is changed by the user.
+     * @type {CustomEvent<undefined>}
+     */
+    change(event: CustomEvent<undefined> & {
+        target: TimePicker;
+    }): 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}
@@ -142,10 +140,10 @@ declare const _default: import("vue").DefineComponent<{
         target: TimePicker;
     }): true;
     /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
+     * Emitted when the time is changed by the user.
+     * @type {CustomEvent<undefined>}
      */
-    blur(event: FocusEvent & {
+    input(event: CustomEvent<undefined> & {
         target: TimePicker;
     }): true;
     /**
@@ -162,20 +160,6 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: TimePicker;
     }): true;
-    /**
-     * Emitted when the time is changed by the user.
-     * @type {CustomEvent<undefined>}
-     */
-    input(event: CustomEvent<undefined> & {
-        target: TimePicker;
-    }): true;
-    /**
-     * Emitted when the time is changed by the user.
-     * @type {CustomEvent<undefined>}
-     */
-    change(event: CustomEvent<undefined> & {
-        target: TimePicker;
-    }): true;
     /**
      * Fires when the modelValue value changes
      * @type {string}
@@ -185,17 +169,24 @@ declare const _default: import("vue").DefineComponent<{
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * The helper text for the form element.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    helperText: {
-        type: PropType<string>;
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
     /**
-     * The label for the form element.
+     * Forces a 12h or 24h clock to be used.
      */
-    label: {
-        type: PropType<string>;
+    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;
     };
     /**
@@ -206,47 +197,38 @@ 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 initial value of the form. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
+     * The latest accepted time of the time-picker.
      */
-    initialValue: {
+    max: {
         type: PropType<string>;
         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 earliest accepted time of the time-picker.
      */
-    value: {
+    min: {
         type: PropType<string>;
         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.
+     * Distance between presented minute options.
      */
-    modelValue: {
-        type: PropType<string>;
+    minutesStep: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -257,24 +239,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
-     */
-    required: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * Whether the time-picker is readonly.
+     * Whether the date-picker is readonly.
      */
     readonly: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Distance between presented minute options.
+     * Require the field to be completed prior to form submission.
      */
-    minutesStep: {
-        type: PropType<number>;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -285,23 +260,16 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Forces the time-picker to use a 12h or 24h clock.
+     * The current value of the date-picker.
      */
-    clock: {
-        type: PropType<"12h" | "24h">;
-        default: undefined;
-    };
-    /**
-     * The earliest accepted time of the time-picker.
-     */
-    min: {
+    value: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted time of the time-picker.
+     * The current value of the date-picker.
      */
-    max: {
+    modelValue: {
         type: PropType<string>;
         default: undefined;
     };
@@ -309,22 +277,22 @@ declare const _default: import("vue").DefineComponent<{
     onKeydown?: ((event: KeyboardEvent & {
         target: TimePicker;
     }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
+    onBlur?: ((event: FocusEvent & {
         target: TimePicker;
     }) => any) | undefined;
-    onFocus?: ((event: FocusEvent & {
+    onChange?: ((event: CustomEvent<undefined> & {
         target: TimePicker;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onClick?: ((event: MouseEvent & {
         target: TimePicker;
     }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
+    onFocus?: ((event: FocusEvent & {
         target: TimePicker;
     }) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
         target: TimePicker;
     }) => any) | undefined;
-    onChange?: ((event: CustomEvent<undefined> & {
+    onKeyup?: ((event: KeyboardEvent & {
         target: TimePicker;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((event: string & {
@@ -336,17 +304,16 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     disabled: boolean;
     initialValue: string;
-    required: boolean;
     label: string;
+    required: boolean;
     modelValue: string;
     errorText: string;
-    helperText: string;
     readonly: boolean;
     max: string;
     min: string;
+    clock: "12h" | "24h";
     minutesStep: number;
     secondsStep: number;
-    clock: "12h" | "24h";
 }, SlotsType<{
     /**
      * Describes how to use the time-picker. Alternative to the `helper-text` attribute.

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

@@ -1,6 +1,13 @@
 import { PropType } from 'vue';
 import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
+    /**
+     * toggle color scheme
+     */
+    alternate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * ID or direct reference to the component's anchor element.
      */
@@ -23,9 +30,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * toggle color scheme
+     * indicates whether the toggletip is open
      */
-    alternate: {
+    open: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -36,19 +43,19 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    /**
-     * indicates whether the toggletip is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Toggletip | null>;
 }, import("vue").Data, {}, {
     openChanged(oldValue: boolean, newValue: boolean): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * toggle color scheme
+     */
+    alternate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * ID or direct reference to the component's anchor element.
      */
@@ -71,9 +78,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * toggle color scheme
+     * indicates whether the toggletip is open
      */
-    alternate: {
+    open: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -84,19 +91,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    /**
-     * indicates whether the toggletip is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     anchor: string | HTMLElement;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     headline: string;
     open: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     alternate: boolean;
 }>;
 export default _default;

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

@@ -2,6 +2,13 @@ import { PropType } from 'vue';
 import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * toggle color scheme
+     */
+    alternate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * ID or direct reference to the component's anchor element.
      */
@@ -24,9 +31,9 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * toggle color scheme
+     * indicates whether the toggletip is open
      */
-    alternate: {
+    open: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -37,19 +44,19 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    /**
-     * indicates whether the toggletip is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Toggletip | null>;
 }, unknown, {}, {
     openChanged(oldValue: boolean, newValue: boolean): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Toggletip;
+    }): 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}
@@ -65,10 +72,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Toggletip;
     }): true;
     /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
+     * Fires when the value of an element has been changed.
+     * @type {Event}
      */
-    blur(event: FocusEvent & {
+    input(event: Event & {
         target: Toggletip;
     }): true;
     /**
@@ -85,14 +92,14 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Toggletip;
     }): true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
+     * toggle color scheme
      */
-    input(event: Event & {
-        target: Toggletip;
-    }): true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    alternate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * ID or direct reference to the component's anchor element.
      */
@@ -115,9 +122,9 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * toggle color scheme
+     * indicates whether the toggletip is open
      */
-    alternate: {
+    open: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -128,51 +135,44 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    /**
-     * indicates whether the toggletip is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: Toggletip;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: Toggletip;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: Toggletip;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: Toggletip;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: Toggletip;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: Toggletip;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: Toggletip;
-    }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     anchor: string | HTMLElement;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     headline: string;
     open: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     alternate: boolean;
 }, SlotsType<{
     /**
-     * The content to display in the toggletip.
+     * The content to display in the toggletip action items.
      */
-    default: Record<string, never>;
+    'action-items': Record<string, never>;
     /**
      * Used to set the anchor element for the toggletip.
      */
     anchor: Record<string, never>;
     /**
-     * The content to display in the toggletip action items.
+     * The content to display in the toggletip.
      */
-    'action-items': Record<string, never>;
+    default: Record<string, never>;
 }>>;
 export default _default;