@vonage/vivid-vue 3.20.1 → 3.22.0

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

@@ -1,15 +1,8 @@
 import { PropType } from 'vue';
 /**
- * Base class for date-picker
+ * Single date picker component.
  */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * The helper text for the form element.
-     */
-    helperText: {
-        type: PropType<string>;
-        default: undefined;
-    };
     /**
      * The label for the form element.
      */
@@ -53,16 +46,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * The latest accepted date of the date-picker.
      */
-    min: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The earliest accepted date of the date-picker.
      */
-    max: {
+    min: {
         type: PropType<string>;
         default: undefined;
     };
@@ -90,6 +83,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        label: string;
         min: string;
         max: string;
         initialValue: string;
@@ -97,8 +91,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         readOnly: boolean;
         connectedCallback: () => void;
         disconnectedCallback: () => void;
-        validate: () => void;
-        _presentationValueChanged: () => void;
         proxy: HTMLInputElement;
         readonly locale: {
             datePicker: {
@@ -114,6 +106,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
                 dateFormat: string;
                 dateFormatPlaceholder: string;
                 chooseDateLabel: string;
+                changeDateLabel: (date: string) => string;
+                chooseDatesLabel: string;
+                changeDatesLabel: (range: string) => string;
                 prevYearLabel: string;
                 prevMonthLabel: string;
                 nextMonthLabel: string;
@@ -121,23 +116,45 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
                 clearLabel: string;
                 okLabel: string;
                 invalidDateError: string;
+                invalidDateRangeError: string;
+                startDateAfterMinDateError: (minDate: string) => string;
+                endDateBeforeMaxDateError: (maxDate: string) => string;
+            };
+            filePicker: {
+                invalidFileTypeError: string;
+                maxFilesExceededError: string;
+                fileTooBigError: string;
+                removeFileLabel: string;
+            };
+            audioPlayer: {
+                playButtonLabel: string;
+                pauseButtonLabel: string;
+                sliderLabel: string;
+            };
+            alert: {
+                dismissButtonLabel: string;
+            };
+            dialog: {
+                dismissButtonLabel: string;
+            };
+            banner: {
+                dismissButtonLabel: string;
+            };
+            numberField: {
+                incrementButtonLabel: string;
+                decrementButtonLabel: string;
+            };
+            splitButton: {
+                showMoreActionsLabel: string;
             };
         };
+        helperText?: string | undefined;
         errorText: string;
         errorValidationMessage: string;
-        label: string;
         userValid: boolean;
         dirtyValue: boolean;
-        helperText?: string | undefined;
     } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The helper text for the form element.
-     */
-    helperText: {
-        type: PropType<string>;
-        default: undefined;
-    };
     /**
      * The label for the form element.
      */
@@ -181,16 +198,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * The latest accepted date of the date-picker.
      */
-    min: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The earliest accepted date of the date-picker.
      */
-    max: {
+    min: {
         type: PropType<string>;
         default: undefined;
     };
@@ -224,9 +241,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     label: string;
     modelValue: string;
     errorText: string;
-    helperText: string;
     readonly: boolean;
-    min: string;
     max: string;
+    min: string;
 }>;
 export default _default;

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

@@ -1,15 +1,8 @@
 import { PropType } from 'vue';
 /**
- * Base class for date-picker
+ * Single date picker component.
  */
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * The helper text for the form element.
-     */
-    helperText: {
-        type: PropType<string>;
-        default: undefined;
-    };
     /**
      * The label for the form element.
      */
@@ -53,16 +46,16 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * The latest accepted date of the date-picker.
      */
-    min: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The earliest accepted date of the date-picker.
      */
-    max: {
+    min: {
         type: PropType<string>;
         default: undefined;
     };
@@ -90,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        label: string;
         min: string;
         max: string;
         initialValue: string;
@@ -97,8 +91,6 @@ declare const _default: import("vue").DefineComponent<{
         readOnly: boolean;
         connectedCallback: () => void;
         disconnectedCallback: () => void;
-        validate: () => void;
-        _presentationValueChanged: () => void;
         proxy: HTMLInputElement;
         readonly locale: {
             datePicker: {
@@ -114,6 +106,9 @@ declare const _default: import("vue").DefineComponent<{
                 dateFormat: string;
                 dateFormatPlaceholder: string;
                 chooseDateLabel: string;
+                changeDateLabel: (date: string) => string;
+                chooseDatesLabel: string;
+                changeDatesLabel: (range: string) => string;
                 prevYearLabel: string;
                 prevMonthLabel: string;
                 nextMonthLabel: string;
@@ -121,23 +116,45 @@ declare const _default: import("vue").DefineComponent<{
                 clearLabel: string;
                 okLabel: string;
                 invalidDateError: string;
+                invalidDateRangeError: string;
+                startDateAfterMinDateError: (minDate: string) => string;
+                endDateBeforeMaxDateError: (maxDate: string) => string;
+            };
+            filePicker: {
+                invalidFileTypeError: string;
+                maxFilesExceededError: string;
+                fileTooBigError: string;
+                removeFileLabel: string;
+            };
+            audioPlayer: {
+                playButtonLabel: string;
+                pauseButtonLabel: string;
+                sliderLabel: string;
+            };
+            alert: {
+                dismissButtonLabel: string;
+            };
+            dialog: {
+                dismissButtonLabel: string;
+            };
+            banner: {
+                dismissButtonLabel: string;
+            };
+            numberField: {
+                incrementButtonLabel: string;
+                decrementButtonLabel: string;
+            };
+            splitButton: {
+                showMoreActionsLabel: string;
             };
         };
+        helperText?: string | undefined;
         errorText: string;
         errorValidationMessage: string;
-        label: string;
         userValid: boolean;
         dirtyValue: boolean;
-        helperText?: string | undefined;
     } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The helper text for the form element.
-     */
-    helperText: {
-        type: PropType<string>;
-        default: undefined;
-    };
     /**
      * The label for the form element.
      */
@@ -181,16 +198,16 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The earliest accepted date of the date-picker.
+     * The latest accepted date of the date-picker.
      */
-    min: {
+    max: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The latest accepted date of the date-picker.
+     * The earliest accepted date of the date-picker.
      */
-    max: {
+    min: {
         type: PropType<string>;
         default: undefined;
     };
@@ -232,9 +249,8 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     modelValue: string;
     errorText: string;
-    helperText: string;
     readonly: boolean;
-    min: string;
     max: string;
+    min: string;
 }>;
 export default _default;

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

@@ -0,0 +1,10 @@
+import { VNode } from 'vue';
+import VDateRangePickerVue2 from './VDateRangePicker.vue2';
+import VDateRangePickerVue3 from './VDateRangePicker.vue3';
+
+// @ts-ignore
+type VNodeData = VNode["data"];
+type IsAny<T> = 0 extends (1 & T) ? true : false;
+type VueVersion = IsAny<VNodeData> extends true ? 'v3' : 'v2';
+declare const _default: VueVersion extends 'v2' ? typeof VDateRangePickerVue2 : typeof VDateRangePickerVue3;
+export default _default;

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

@@ -0,0 +1,301 @@
+import { PropType } from 'vue';
+/**
+ * Base class for 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.
+     */
+    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;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date of the date-picker.
+     */
+    max: {
+        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.
+     */
+    start: {
+        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.
+     */
+    end: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date of the date-picker.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the date-picker.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    currentValue: {
+        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<{
+        initialStart: string;
+        initialEnd: string;
+        start: string;
+        end: string;
+        currentStart: string;
+        currentEnd: string;
+        setFormValue: (value: string | File | FormData | null, state?: string | File | FormData | null | undefined) => void;
+        connectedCallback: () => void;
+        label: string;
+        min: string;
+        max: string;
+        initialValue: string;
+        currentValue: string;
+        readOnly: boolean;
+        disconnectedCallback: () => void;
+        proxy: HTMLInputElement;
+        readonly locale: {
+            datePicker: {
+                months: {
+                    name: string[];
+                    shorthand: string[];
+                };
+                weekdays: {
+                    name: string[];
+                    shorthand: string[];
+                };
+                firstDayOfWeek: number;
+                dateFormat: string;
+                dateFormatPlaceholder: string;
+                chooseDateLabel: string;
+                changeDateLabel: (date: string) => string;
+                chooseDatesLabel: string;
+                changeDatesLabel: (range: string) => string;
+                prevYearLabel: string;
+                prevMonthLabel: string;
+                nextMonthLabel: string;
+                nextYearLabel: string;
+                clearLabel: string;
+                okLabel: string;
+                invalidDateError: string;
+                invalidDateRangeError: string;
+                startDateAfterMinDateError: (minDate: string) => string;
+                endDateBeforeMaxDateError: (maxDate: string) => string;
+            };
+            filePicker: {
+                invalidFileTypeError: string;
+                maxFilesExceededError: string;
+                fileTooBigError: string;
+                removeFileLabel: string;
+            };
+            audioPlayer: {
+                playButtonLabel: string;
+                pauseButtonLabel: string;
+                sliderLabel: string;
+            };
+            alert: {
+                dismissButtonLabel: string;
+            };
+            dialog: {
+                dismissButtonLabel: string;
+            };
+            banner: {
+                dismissButtonLabel: string;
+            };
+            numberField: {
+                incrementButtonLabel: string;
+                decrementButtonLabel: string;
+            };
+            splitButton: {
+                showMoreActionsLabel: string;
+            };
+        };
+        helperText?: string | undefined;
+        errorText: string;
+        errorValidationMessage: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+    } | null>;
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "input:start" | "input:end" | "update:start" | "update:end")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 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.
+     */
+    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;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date of the date-picker.
+     */
+    max: {
+        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.
+     */
+    start: {
+        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.
+     */
+    end: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date of the date-picker.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the date-picker.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    currentValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>>, {
+    name: string;
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    value: string;
+    disabled: boolean;
+    currentValue: string;
+    required: boolean;
+    label: string;
+    start: string;
+    errorText: string;
+    readonly: boolean;
+    max: string;
+    min: string;
+    end: string;
+}>;
+export default _default;