@vonage/vivid-vue 5.0.0 → 5.2.0

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

@@ -0,0 +1,161 @@
+import { PropType } from 'vue';
+import type { VwcSimpleColorPickerElement } from '@vonage/vivid';
+import type { SlotsType } from 'vue';
+declare const _default: import("vue").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>;
+}, unknown, {}, {
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur(event: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }): true;
+    change(event: CustomEvent<undefined> & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }): true;
+    click(event: MouseEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }): true;
+    focus(event: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }): true;
+    input(event: Event & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }): true;
+    keydown(event: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }): true;
+    keyup(event: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }): true;
+    "update:modelValue"(event: string): true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+    };
+}>> & {
+    onKeydown?: ((event: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }) => any) | undefined;
+    onChange?: ((event: CustomEvent<undefined> & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }) => any) | undefined;
+    onClick?: ((event: MouseEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }) => any) | undefined;
+    onFocus?: ((event: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }) => any) | undefined;
+    onInput?: ((event: Event & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string) => any) | 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;
+}, SlotsType<{
+    anchor: Record<string, never>;
+}>>;
+export default _default;

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

@@ -22,6 +22,7 @@ export interface VSliderEvents {
         currentTarget: VwcSliderElement;
     };
     'update:modelValue': string;
+    'update:valueAsNumber': number;
 }
 export interface VSliderProps {
     connotation?: 'accent' | 'cta';
@@ -39,6 +40,7 @@ export interface VSliderProps {
     step?: number;
     value?: string;
     modelValue?: string;
+    valueAsNumber?: number;
     onBlur?: (event: VSliderEvents['blur']) => void;
     onChange?: (event: VSliderEvents['change']) => void;
     onClick?: (event: VSliderEvents['click']) => void;
@@ -47,4 +49,5 @@ export interface VSliderProps {
     onKeydown?: (event: VSliderEvents['keydown']) => void;
     onKeyup?: (event: VSliderEvents['keyup']) => void;
     'onUpdate:modelValue'?: (event: VSliderEvents['update:modelValue']) => void;
+    'onUpdate:valueAsNumber'?: (event: VSliderEvents['update:valueAsNumber']) => void;
 }

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

@@ -61,6 +61,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    valueAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSliderElement | null>;
@@ -70,7 +74,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     increment(): void;
     reportValidity(): boolean;
     setThumbPositionForOrientation(_: "ltr" | "rtl", direction: unknown): void;
-}, 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<{
+}, 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" | "update:valueAsNumber")[], string, Readonly<import("vue").ExtractPropTypes<{
     connotation: {
         type: PropType<"accent" | "cta">;
         default: undefined;
@@ -131,6 +135,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<string>;
         default: undefined;
     };
+    valueAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
 }>>, {
     name: string;
     value: string;
@@ -144,6 +152,7 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
     min: number;
     orientation: "horizontal" | "vertical";
     step: number;
+    valueAsNumber: number;
     markers: boolean;
     pin: boolean;
     mode: "single-value";

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

@@ -62,6 +62,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    valueAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSliderElement | null>;
@@ -94,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         currentTarget: VwcSliderElement;
     }): true;
     "update:modelValue"(event: string): true;
+    "update:valueAsNumber"(event: number): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     connotation: {
         type: PropType<"accent" | "cta">;
@@ -155,6 +160,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    valueAsNumber: {
+        type: PropType<number>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         currentTarget: VwcSliderElement;
@@ -178,6 +187,7 @@ declare const _default: import("vue").DefineComponent<{
         currentTarget: VwcSliderElement;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((event: string) => any) | undefined;
+    "onUpdate:valueAsNumber"?: ((event: number) => any) | undefined;
 }, {
     name: string;
     value: string;
@@ -191,6 +201,7 @@ declare const _default: import("vue").DefineComponent<{
     min: number;
     orientation: "horizontal" | "vertical";
     step: number;
+    valueAsNumber: number;
     markers: boolean;
     pin: boolean;
     mode: "single-value";

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

@@ -41,7 +41,10 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSplitButtonElement | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "action-click" | "indicator-click")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").Data, {}, {
+    handleActionClick(event: Event): unknown;
+    handleIndicatorClick(event: Event): unknown;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "action-click" | "indicator-click")[], string, Readonly<import("vue").ExtractPropTypes<{
     appearance: {
         type: PropType<"filled" | "outlined" | "ghost" | "outlined-light">;
         default: undefined;

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

@@ -42,7 +42,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSplitButtonElement | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {
+    handleActionClick(event: Event): unknown;
+    handleIndicatorClick(event: Event): unknown;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "action-click"(event: CustomEvent<undefined> & {
         currentTarget: VwcSplitButtonElement;
     }): true;

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

@@ -48,6 +48,7 @@ export { default as VSearchableSelect } from './VSearchableSelect';
 export { default as VSelect } from './VSelect';
 export { default as VSelectableBox } from './VSelectableBox';
 export { default as VSideDrawer } from './VSideDrawer';
+export { default as VSimpleColorPicker } from './VSimpleColorPicker';
 export { default as VSlider } from './VSlider';
 export { default as VSplitButton } from './VSplitButton';
 export { default as VSwitch } from './VSwitch';

package/dist/generated/types.d.ts

@@ -98,6 +98,8 @@ import type { VSelectableBox } from './components';
 import type { VSelectableBoxProps, VSelectableBoxEvents } from './components/VSelectableBox.types';
 import type { VSideDrawer } from './components';
 import type { VSideDrawerProps, VSideDrawerEvents } from './components/VSideDrawer.types';
+import type { VSimpleColorPicker } from './components';
+import type { VSimpleColorPickerProps, VSimpleColorPickerEvents } from './components/VSimpleColorPicker.types';
 import type { VSlider } from './components';
 import type { VSliderProps, VSliderEvents } from './components/VSlider.types';
 import type { VSplitButton } from './components';
@@ -182,6 +184,7 @@ export type VProps = {
     VSelect: VSelectProps;
     VSelectableBox: VSelectableBoxProps;
     VSideDrawer: VSideDrawerProps;
+    VSimpleColorPicker: VSimpleColorPickerProps;
     VSlider: VSliderProps;
     VSplitButton: VSplitButtonProps;
     VSwitch: VSwitchProps;
@@ -250,6 +253,7 @@ export type VEvents = {
     VSelect: VSelectEvents;
     VSelectableBox: VSelectableBoxEvents;
     VSideDrawer: VSideDrawerEvents;
+    VSimpleColorPicker: VSimpleColorPickerEvents;
     VSlider: VSliderEvents;
     VSplitButton: VSplitButtonEvents;
     VSwitch: VSwitchEvents;
@@ -318,6 +322,7 @@ export type VSlots = {
     VSelect: ComponentSlots<typeof VSelect>;
     VSelectableBox: ComponentSlots<typeof VSelectableBox>;
     VSideDrawer: ComponentSlots<typeof VSideDrawer>;
+    VSimpleColorPicker: ComponentSlots<typeof VSimpleColorPicker>;
     VSlider: ComponentSlots<typeof VSlider>;
     VSplitButton: ComponentSlots<typeof VSplitButton>;
     VSwitch: ComponentSlots<typeof VSwitch>;