@vonage/vivid-vue 5.16.0 → 5.18.0

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import type { VwcDatePickerElement } from '@vonage/vivid';
 declare const _default: import("vue").DefineComponent<{
     disabled: {
@@ -41,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -49,13 +53,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDatePickerElement | null>;
 }, {}, {}, {
     checkValidity(): boolean;
     reportValidity(): boolean;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean>;
         default: undefined;
@@ -96,6 +104,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -104,6 +116,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>>, {
     name: string;
     value: string;
@@ -115,6 +131,8 @@ declare const _default: import("vue").DefineComponent<{
     errorText: string;
     helperText: string;
     readonly: boolean;
+    modelModifiers: Record<string, boolean>;
+    scale: "condensed" | "normal";
     max: string;
     min: string;
 }>;

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

@@ -1,6 +1,5 @@
-import { PropType } from 'vue';
 import type { VwcDatePickerElement } from '@vonage/vivid';
-import type { SlotsType } from 'vue';
+import type { SlotsType, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean>;
@@ -42,6 +41,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -50,6 +53,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDatePickerElement | null, VwcDatePickerElement | null>;
@@ -57,26 +64,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     checkValidity(): boolean;
     reportValidity(): boolean;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur(event: FocusEvent & {
-        currentTarget: VwcDatePickerElement;
-    }): true;
     change(event: CustomEvent<undefined> & {
-        currentTarget: VwcDatePickerElement;
-    }): true;
-    click(event: MouseEvent & {
-        currentTarget: VwcDatePickerElement;
-    }): true;
-    focus(event: FocusEvent & {
-        currentTarget: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement | null;
     }): true;
     input(event: CustomEvent<undefined> & {
-        currentTarget: VwcDatePickerElement;
-    }): true;
-    keydown(event: KeyboardEvent & {
-        currentTarget: VwcDatePickerElement;
-    }): true;
-    keyup(event: KeyboardEvent & {
-        currentTarget: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement | null;
     }): true;
     "update:modelValue"(event: string): true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -120,6 +112,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -128,29 +124,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>> & Readonly<{
-    onBlur?: ((event: FocusEvent & {
-        currentTarget: VwcDatePickerElement;
-    }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDatePickerElement;
-    }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
-        currentTarget: VwcDatePickerElement;
-    }) => any) | undefined;
-    onFocus?: ((event: FocusEvent & {
-        currentTarget: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement | null;
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDatePickerElement;
-    }) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent & {
-        currentTarget: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement | null;
     }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
-        currentTarget: VwcDatePickerElement;
-    }) => any) | undefined;
-    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
 }>, {
     name: string;
     value: string;
@@ -162,6 +147,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     errorText: string;
     helperText: string;
     readonly: boolean;
+    modelModifiers: Record<string, boolean>;
+    scale: "condensed" | "normal";
     max: string;
     min: string;
 }, SlotsType<{

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

@@ -1,31 +1,16 @@
 import type { VwcDateRangePickerElement } from '@vonage/vivid';
 export interface VDateRangePickerEvents {
-    'blur': FocusEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    };
     'change': CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
-    };
-    'click': MouseEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    };
-    'focus': FocusEvent & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     };
     'input': CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     };
     'input:end': CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     };
     'input:start': CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
-    };
-    'keydown': KeyboardEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    };
-    'keyup': KeyboardEvent & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     };
     'update:end': string;
     'update:start': string;
@@ -44,17 +29,21 @@ export interface VDateRangePickerProps {
     name?: string;
     readonly?: boolean;
     required?: boolean;
+    scale?: 'condensed' | 'normal';
     start?: string;
     value?: string;
-    'onBlur'?: (event: VDateRangePickerEvents['blur']) => void;
+    endModifiers?: {
+        trim?: true;
+        number?: true;
+    };
+    startModifiers?: {
+        trim?: true;
+        number?: true;
+    };
     'onChange'?: (event: VDateRangePickerEvents['change']) => void;
-    'onClick'?: (event: VDateRangePickerEvents['click']) => void;
-    'onFocus'?: (event: VDateRangePickerEvents['focus']) => void;
     'onInput'?: (event: VDateRangePickerEvents['input']) => void;
     'onInput:end'?: (event: VDateRangePickerEvents['input:end']) => void;
     'onInput:start'?: (event: VDateRangePickerEvents['input:start']) => void;
-    'onKeydown'?: (event: VDateRangePickerEvents['keydown']) => void;
-    'onKeyup'?: (event: VDateRangePickerEvents['keyup']) => void;
     'onUpdate:end'?: (event: VDateRangePickerEvents['update:end']) => void;
     'onUpdate:start'?: (event: VDateRangePickerEvents['update:start']) => void;
 }

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import type { VwcDateRangePickerElement } from '@vonage/vivid';
 declare const _default: import("vue").DefineComponent<{
     disabled: {
@@ -53,6 +53,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     start: {
         type: PropType<string>;
         default: undefined;
@@ -61,13 +65,21 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    endModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
+    startModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDateRangePickerElement | null>;
 }, {}, {}, {
     checkValidity(): boolean;
     reportValidity(): boolean;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "input:end" | "input:start" | "update:end" | "update:start")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "input:end" | "input:start" | "update:end" | "update:start")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean>;
         default: undefined;
@@ -120,6 +132,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     start: {
         type: PropType<string>;
         default: undefined;
@@ -128,6 +144,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    endModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
+    startModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>>, {
     name: string;
     value: string;
@@ -139,10 +163,13 @@ declare const _default: import("vue").DefineComponent<{
     errorText: string;
     helperText: string;
     readonly: boolean;
+    scale: "condensed" | "normal";
     max: string;
     min: string;
     end: string;
     initialEnd: string;
     initialStart: string;
+    endModifiers: Record<string, boolean>;
+    startModifiers: Record<string, boolean>;
 }>;
 export default _default;

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

@@ -1,6 +1,5 @@
-import { PropType } from 'vue';
 import type { VwcDateRangePickerElement } from '@vonage/vivid';
-import type { SlotsType } from 'vue';
+import type { SlotsType, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean>;
@@ -54,6 +53,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     start: {
         type: PropType<string>;
         default: undefined;
@@ -62,6 +65,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    endModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
+    startModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDateRangePickerElement | null, VwcDateRangePickerElement | null>;
@@ -69,32 +80,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     checkValidity(): boolean;
     reportValidity(): boolean;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur(event: FocusEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    }): true;
     change(event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
-    }): true;
-    click(event: MouseEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    }): true;
-    focus(event: FocusEvent & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }): true;
     input(event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }): true;
     "input:end"(event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }): true;
     "input:start"(event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
-    }): true;
-    keydown(event: KeyboardEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    }): true;
-    keyup(event: KeyboardEvent & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }): true;
     "update:end"(event: string): true;
     "update:start"(event: string): true;
@@ -151,6 +147,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     start: {
         type: PropType<string>;
         default: undefined;
@@ -159,33 +159,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<string>;
         default: undefined;
     };
+    endModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
+    startModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>> & Readonly<{
-    onBlur?: ((event: FocusEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
-    }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    }) => any) | undefined;
-    onFocus?: ((event: FocusEvent & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
-    }) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent & {
-        currentTarget: VwcDateRangePickerElement;
-    }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }) => any) | undefined;
     "onInput:end"?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }) => any) | undefined;
     "onInput:start"?: ((event: CustomEvent<undefined> & {
-        currentTarget: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement | null;
     }) => any) | undefined;
     "onUpdate:end"?: ((event: string) => any) | undefined;
     "onUpdate:start"?: ((event: string) => any) | undefined;
@@ -200,11 +193,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     errorText: string;
     helperText: string;
     readonly: boolean;
+    scale: "condensed" | "normal";
     max: string;
     min: string;
     end: string;
     initialEnd: string;
     initialStart: string;
+    endModifiers: Record<string, boolean>;
+    startModifiers: Record<string, boolean>;
 }, SlotsType<{
     "contextual-help": Record<string, never>;
     "helper-text": Record<string, never>;

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

@@ -1,25 +1,10 @@
 import type { VwcDateTimePickerElement } from '@vonage/vivid';
 export interface VDateTimePickerEvents {
-    'blur': FocusEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    };
     'change': CustomEvent<undefined> & {
-        currentTarget: VwcDateTimePickerElement;
-    };
-    'click': MouseEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    };
-    'focus': FocusEvent & {
-        currentTarget: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement | null;
     };
     'input': CustomEvent<undefined> & {
-        currentTarget: VwcDateTimePickerElement;
-    };
-    'keydown': KeyboardEvent & {
-        currentTarget: VwcDateTimePickerElement;
-    };
-    'keyup': KeyboardEvent & {
-        currentTarget: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement | null;
     };
     'update:modelValue': string;
 }
@@ -40,15 +25,16 @@ export interface VDateTimePickerProps {
     name?: string;
     readonly?: boolean;
     required?: boolean;
+    scale?: 'condensed' | 'normal';
     secondsStep?: number;
     value?: string;
     modelValue?: string;
-    'onBlur'?: (event: VDateTimePickerEvents['blur']) => void;
+    modelModifiers?: {
+        trim?: true;
+        number?: true;
+        lazy?: true;
+    };
     '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/dist/generated/components/VDateTimePicker.vue2.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import type { VwcDateTimePickerElement } from '@vonage/vivid';
 declare const _default: import("vue").DefineComponent<{
     clock: {
@@ -65,6 +65,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     secondsStep: {
         type: PropType<number>;
         default: undefined;
@@ -77,13 +81,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDateTimePickerElement | null>;
 }, {}, {}, {
     checkValidity(): boolean;
     reportValidity(): boolean;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     clock: {
         type: PropType<"12h" | "24h">;
         default: undefined;
@@ -148,6 +156,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    scale: {
+        type: PropType<"condensed" | "normal">;
+        default: undefined;
+    };
     secondsStep: {
         type: PropType<number>;
         default: undefined;
@@ -160,6 +172,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    modelModifiers: {
+        type: PropType<Record<string, boolean>>;
+        default: () => {};
+    };
 }>>, {
     name: string;
     value: string;
@@ -171,6 +187,8 @@ declare const _default: import("vue").DefineComponent<{
     errorText: string;
     helperText: string;
     readonly: boolean;
+    modelModifiers: Record<string, boolean>;
+    scale: "condensed" | "normal";
     max: string;
     min: string;
     clock: "12h" | "24h";