@vonage/vivid-vue 5.0.0 → 5.1.0

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

@@ -135,6 +135,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     element: import("vue").Ref<VwcButtonElement | null>;
 }, import("vue").Data, {}, {
     checkValidity(): boolean;
+    clickHandler(event: Event): unknown;
     reportValidity(): boolean;
     validate(): void;
 }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -136,6 +136,7 @@ declare const _default: import("vue").DefineComponent<{
     element: import("vue").Ref<VwcButtonElement | null>;
 }, unknown, {}, {
     checkValidity(): boolean;
+    clickHandler(event: Event): unknown;
     reportValidity(): boolean;
     validate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

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

@@ -79,6 +79,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     element: import("vue").Ref<VwcFabElement | null>;
 }, import("vue").Data, {}, {
     checkValidity(): boolean;
+    clickHandler(event: Event): unknown;
     reportValidity(): boolean;
     validate(): void;
 }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -80,6 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     element: import("vue").Ref<VwcFabElement | null>;
 }, unknown, {}, {
     checkValidity(): boolean;
+    clickHandler(event: Event): unknown;
     reportValidity(): boolean;
     validate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

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

@@ -69,19 +69,9 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcFilePickerElement | null>;
 }, import("vue").Data, {}, {
-    acceptChanged(_oldValue: string, newValue: string): void;
     checkValidity(): boolean;
-    fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
-    formResetCallback(): void;
-    invalidFileTypeErrorChanged(_oldValue: string, newValue: string): void;
-    maxFileSizeChanged(_oldValue: number, newValue: number): void;
-    maxFilesChanged(_oldValue: number, newValue: number): void;
-    maxFilesExceededErrorChanged(_oldValue: string, newValue: string): void;
-    nameChanged(previous: string, next: string): unknown;
     removeAllFiles(): unknown;
     reportValidity(): boolean;
-    singleFileChanged(): unknown;
-    validate(): void;
 }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
     accept: {
         type: PropType<string>;

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

@@ -70,19 +70,9 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcFilePickerElement | null>;
 }, unknown, {}, {
-    acceptChanged(_oldValue: string, newValue: string): void;
     checkValidity(): boolean;
-    fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
-    formResetCallback(): void;
-    invalidFileTypeErrorChanged(_oldValue: string, newValue: string): void;
-    maxFileSizeChanged(_oldValue: number, newValue: number): void;
-    maxFilesChanged(_oldValue: number, newValue: number): void;
-    maxFilesExceededErrorChanged(_oldValue: string, newValue: string): void;
-    nameChanged(previous: string, next: string): unknown;
     removeAllFiles(): unknown;
     reportValidity(): boolean;
-    singleFileChanged(): unknown;
-    validate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur(event: FocusEvent & {
         currentTarget: VwcFilePickerElement;

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

@@ -31,6 +31,7 @@ export interface VOptionProps {
     selected?: boolean;
     tagConnotation?: 'accent' | 'cta';
     text?: string;
+    textSecondary?: string;
     value?: string;
     onBlur?: (event: VOptionEvents['blur']) => void;
     onClick?: (event: VOptionEvents['click']) => void;

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

@@ -42,6 +42,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    textSecondary: {
+        type: PropType<string>;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -90,6 +94,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    textSecondary: {
+        type: PropType<string>;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -103,6 +111,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     label: string;
     checked: boolean;
     selected: boolean;
+    textSecondary: string;
     defaultSelected: boolean;
     matchedText: string;
     tagConnotation: "accent" | "cta";

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

@@ -43,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    textSecondary: {
+        type: PropType<string>;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -110,6 +114,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    textSecondary: {
+        type: PropType<string>;
+        default: undefined;
+    };
     value: {
         type: PropType<string>;
         default: undefined;
@@ -142,10 +150,12 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     checked: boolean;
     selected: boolean;
+    textSecondary: string;
     defaultSelected: boolean;
     matchedText: string;
     tagConnotation: "accent" | "cta";
 }, SlotsType<{
     icon: Record<string, never>;
+    'trailing-meta': Record<string, never>;
 }>>;
 export default _default;

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

@@ -25,10 +25,12 @@ export interface VPaginationEvents {
     }> & {
         currentTarget: VwcPaginationElement;
     };
+    'update:modelValue': number;
 }
 export interface VPaginationProps {
     navIcons?: boolean;
     selectedIndex?: number;
+    modelValue?: number;
     shape?: 'rounded' | 'pill';
     size?: 'super-condensed' | 'condensed' | 'normal';
     total?: number;
@@ -39,4 +41,5 @@ export interface VPaginationProps {
     onKeydown?: (event: VPaginationEvents['keydown']) => void;
     onKeyup?: (event: VPaginationEvents['keyup']) => void;
     onPaginationChange?: (event: VPaginationEvents['pagination-change']) => void;
+    'onUpdate:modelValue'?: (event: VPaginationEvents['update:modelValue']) => void;
 }

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

@@ -9,6 +9,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<number>;
         default: undefined;
     };
+    modelValue: {
+        type: PropType<number>;
+        default: undefined;
+    };
     shape: {
         type: PropType<"rounded" | "pill">;
         default: undefined;
@@ -28,7 +32,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     paginationButtonsChanged(_: HTMLButtonElement[] | undefined, newValue: HTMLButtonElement[]): unknown;
     selectedIndexChanged(oldValue: number, newValue: number): unknown;
     totalChanged(_: number, newValue: number): unknown;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "pagination-change")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue" | "pagination-change")[], string, Readonly<import("vue").ExtractPropTypes<{
     navIcons: {
         type: PropType<boolean>;
         default: undefined;
@@ -37,6 +41,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<number>;
         default: undefined;
     };
+    modelValue: {
+        type: PropType<number>;
+        default: undefined;
+    };
     shape: {
         type: PropType<"rounded" | "pill">;
         default: undefined;
@@ -52,6 +60,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
 }>>, {
     size: "condensed" | "normal" | "super-condensed";
     shape: "rounded" | "pill";
+    modelValue: number;
     navIcons: boolean;
     selectedIndex: number;
     total: number;

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

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<number>;
         default: undefined;
     };
+    modelValue: {
+        type: PropType<number>;
+        default: undefined;
+    };
     shape: {
         type: PropType<"rounded" | "pill">;
         default: undefined;
@@ -55,6 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     }> & {
         currentTarget: VwcPaginationElement;
     }): true;
+    "update:modelValue"(event: number): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     navIcons: {
         type: PropType<boolean>;
@@ -64,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<number>;
         default: undefined;
     };
+    modelValue: {
+        type: PropType<number>;
+        default: undefined;
+    };
     shape: {
         type: PropType<"rounded" | "pill">;
         default: undefined;
@@ -95,6 +104,7 @@ declare const _default: import("vue").DefineComponent<{
     onKeyup?: ((event: KeyboardEvent & {
         currentTarget: VwcPaginationElement;
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: number) => any) | undefined;
     "onPagination-change"?: ((event: CustomEvent<{
         selectedIndex: number;
         total: number;
@@ -105,6 +115,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     size: "condensed" | "normal" | "super-condensed";
     shape: "rounded" | "pill";
+    modelValue: number;
     navIcons: boolean;
     selectedIndex: number;
     total: number;

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

@@ -28,7 +28,9 @@ export interface VRangeSliderEvents {
         currentTarget: VwcRangeSliderElement;
     };
     'update:end': string;
+    'update:endAsNumber': number;
     'update:start': string;
+    'update:startAsNumber': number;
 }
 export interface VRangeSliderProps {
     ariaEndLabel?: string;
@@ -36,6 +38,7 @@ export interface VRangeSliderProps {
     connotation?: 'accent' | 'cta';
     disabled?: boolean;
     end?: string;
+    endAsNumber?: number;
     initialEnd?: string;
     initialStart?: string;
     initialValue?: string;
@@ -48,6 +51,7 @@ export interface VRangeSliderProps {
     pin?: boolean;
     required?: boolean;
     start?: string;
+    startAsNumber?: number;
     step?: number;
     value?: string;
     onBlur?: (event: VRangeSliderEvents['blur']) => void;
@@ -60,5 +64,7 @@ export interface VRangeSliderProps {
     onKeydown?: (event: VRangeSliderEvents['keydown']) => void;
     onKeyup?: (event: VRangeSliderEvents['keyup']) => void;
     'onUpdate:end'?: (event: VRangeSliderEvents['update:end']) => void;
+    'onUpdate:endAsNumber'?: (event: VRangeSliderEvents['update:endAsNumber']) => void;
     'onUpdate:start'?: (event: VRangeSliderEvents['update:start']) => void;
+    'onUpdate:startAsNumber'?: (event: VRangeSliderEvents['update:startAsNumber']) => void;
 }

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

@@ -21,6 +21,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    endAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     initialEnd: {
         type: PropType<string>;
         default: undefined;
@@ -69,6 +73,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    startAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     step: {
         type: PropType<number>;
         default: undefined;
@@ -84,7 +92,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     checkValidity(): boolean;
     formResetCallback(): unknown;
     reportValidity(): boolean;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "input:end" | "input:start" | "update:end" | "update:start")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "input:end" | "input:start" | "update:end" | "update:start" | "update:endAsNumber" | "update:startAsNumber")[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaEndLabel: {
         type: PropType<string>;
         default: undefined;
@@ -105,6 +113,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    endAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     initialEnd: {
         type: PropType<string>;
         default: undefined;
@@ -153,6 +165,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    startAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     step: {
         type: PropType<number>;
         default: undefined;
@@ -179,7 +195,9 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     step: number;
     ariaEndLabel: string;
     ariaStartLabel: string;
+    endAsNumber: number;
     markers: boolean;
     pin: boolean;
+    startAsNumber: number;
 }>;
 export default _default;

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

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    endAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     initialEnd: {
         type: PropType<string>;
         default: undefined;
@@ -70,6 +74,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    startAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     step: {
         type: PropType<number>;
         default: undefined;
@@ -114,7 +122,9 @@ declare const _default: import("vue").DefineComponent<{
         currentTarget: VwcRangeSliderElement;
     }): true;
     "update:end"(event: string): true;
+    "update:endAsNumber"(event: number): true;
     "update:start"(event: string): true;
+    "update:startAsNumber"(event: number): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     ariaEndLabel: {
         type: PropType<string>;
@@ -136,6 +146,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    endAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     initialEnd: {
         type: PropType<string>;
         default: undefined;
@@ -184,6 +198,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    startAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
     step: {
         type: PropType<number>;
         default: undefined;
@@ -222,6 +240,8 @@ declare const _default: import("vue").DefineComponent<{
     }) => any) | undefined;
     "onUpdate:end"?: ((event: string) => any) | undefined;
     "onUpdate:start"?: ((event: string) => any) | undefined;
+    "onUpdate:endAsNumber"?: ((event: number) => any) | undefined;
+    "onUpdate:startAsNumber"?: ((event: number) => any) | undefined;
 }, {
     name: string;
     value: string;
@@ -240,7 +260,9 @@ declare const _default: import("vue").DefineComponent<{
     step: number;
     ariaEndLabel: string;
     ariaStartLabel: string;
+    endAsNumber: number;
     markers: boolean;
     pin: boolean;
+    startAsNumber: number;
 }, SlotsType<Record<string, never>>>;
 export default _default;

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

@@ -0,0 +1,7 @@
+import { VNode } from 'vue';
+import VSimpleColorPickerVue2 from './VSimpleColorPicker.vue2';
+import VSimpleColorPickerVue3 from './VSimpleColorPicker.vue3';
+
+type IsVue2 = "data" extends keyof VNode ? true : false;
+declare const _default: IsVue2 extends true ? typeof VSimpleColorPickerVue2 : typeof VSimpleColorPickerVue3;
+export default _default;

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

@@ -0,0 +1,46 @@
+import type { VwcSimpleColorPickerElement } from '@vonage/vivid';
+export interface VSimpleColorPickerEvents {
+    blur: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    change: CustomEvent<undefined> & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    click: MouseEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    focus: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    input: Event & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    keydown: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    keyup: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    'update:modelValue': string;
+}
+export interface VSimpleColorPickerProps {
+    anchor?: string | HTMLElement;
+    disabled?: boolean;
+    initialValue?: string;
+    label?: string;
+    name?: string;
+    open?: boolean;
+    placement?: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+    required?: boolean;
+    swatchesPerRow?: number;
+    value?: string;
+    modelValue?: string;
+    onBlur?: (event: VSimpleColorPickerEvents['blur']) => void;
+    onChange?: (event: VSimpleColorPickerEvents['change']) => void;
+    onClick?: (event: VSimpleColorPickerEvents['click']) => void;
+    onFocus?: (event: VSimpleColorPickerEvents['focus']) => void;
+    onInput?: (event: VSimpleColorPickerEvents['input']) => void;
+    onKeydown?: (event: VSimpleColorPickerEvents['keydown']) => void;
+    onKeyup?: (event: VSimpleColorPickerEvents['keyup']) => void;
+    'onUpdate:modelValue'?: (event: VSimpleColorPickerEvents['update:modelValue']) => void;
+}

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

@@ -0,0 +1,112 @@
+import { PropType } from 'vue';
+import type { VwcSimpleColorPickerElement } from '@vonage/vivid';
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    swatchesPerRow: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<VwcSimpleColorPickerElement | null>;
+}, import("vue").Data, {}, {
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+}, 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<{
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    swatchesPerRow: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}>>, {
+    name: string;
+    anchor: string | HTMLElement;
+    value: string;
+    open: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
+    disabled: boolean;
+    initialValue: string;
+    label: string;
+    required: boolean;
+    modelValue: string;
+    swatchesPerRow: number;
+}>;
+export default _default;