@vonage/vivid-vue 3.2.2 → 3.3.0

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

@@ -0,0 +1,140 @@
+import { PropType } from 'vue';
+import type { Popup } from '@vonage/vivid/lib/popup/popup';
+/**
+ * Base class for popup
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 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;
+    };
+    /**
+     * indicates whether the popup is open
+     */
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * adds close button to the popup
+     */
+    dismissible: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * adds small triangle to indicate the trigger element
+     */
+    arrow: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * set the color-scheme to dark
+     */
+    alternate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * the placement of the popup
+     */
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+    /**
+     * the strategy of the popup
+     */
+    strategy: {
+        type: PropType<"fixed" | "absolute">;
+        default: undefined;
+    };
+    /**
+     * ID reference to element in the popup’s owner document or HTMLElement.
+     */
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Popup | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 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;
+    };
+    /**
+     * indicates whether the popup is open
+     */
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * adds close button to the popup
+     */
+    dismissible: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * adds small triangle to indicate the trigger element
+     */
+    arrow: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * set the color-scheme to dark
+     */
+    alternate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * the placement of the popup
+     */
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+    /**
+     * the strategy of the popup
+     */
+    strategy: {
+        type: PropType<"fixed" | "absolute">;
+        default: undefined;
+    };
+    /**
+     * ID reference to element in the popup’s owner document or HTMLElement.
+     */
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    anchor: string | HTMLElement;
+    open: boolean;
+    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    alternate: boolean;
+    dismissible: boolean;
+    arrow: boolean;
+    strategy: "fixed" | "absolute";
+}>;
+export default _default;

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

@@ -1,115 +1,10 @@
-import { PropType } from 'vue';
-import type { Progress } from '@vonage/vivid/lib/progress/progress';
-/**
- * Base class for progress
- */
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * 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;
-    };
-    /**
-     * The value of the progress
-     */
-    value: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The minimum value
-     */
-    min: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The maximum value
-     */
-    max: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * Indicates the progress is paused
-     */
-    paused: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    shape: {
-        type: PropType<"rounded" | "sharp">;
-        default: undefined;
-    };
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert" | "pacific">;
-        default: undefined;
-    };
-    reverse: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Progress | null>;
-}, import("vue").Data, {}, {}, 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<{
-    /**
-     * 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;
-    };
-    /**
-     * The value of the progress
-     */
-    value: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The minimum value
-     */
-    min: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The maximum value
-     */
-    max: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * Indicates the progress is paused
-     */
-    paused: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    shape: {
-        type: PropType<"rounded" | "sharp">;
-        default: undefined;
-    };
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert" | "pacific">;
-        default: undefined;
-    };
-    reverse: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-}>>, {
-    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    reverse: boolean;
-    value: number;
-    shape: "rounded" | "sharp";
-    connotation: "accent" | "cta" | "success" | "alert" | "pacific";
-    max: number;
-    min: number;
-    paused: boolean;
-}>;
+import { VNode } from 'vue';
+import VProgressVue2 from './VProgress.vue2';
+import VProgressVue3 from './VProgress.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 VProgressVue2 : typeof VProgressVue3;
 export default _default;

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

@@ -0,0 +1,115 @@
+import { PropType } from 'vue';
+import type { Progress } from '@vonage/vivid/lib/progress/progress';
+/**
+ * Base class for progress
+ */
+declare const _default: import("vue/types/v3-define-component").DefineComponent<{
+    /**
+     * 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;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    shape: {
+        type: PropType<"rounded" | "sharp">;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "pacific">;
+        default: undefined;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Progress | null>;
+}, import("vue").Data, {}, {}, 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<{
+    /**
+     * 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;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    shape: {
+        type: PropType<"rounded" | "sharp">;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "pacific">;
+        default: undefined;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>>, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    reverse: boolean;
+    value: number;
+    shape: "rounded" | "sharp";
+    connotation: "accent" | "cta" | "success" | "alert" | "pacific";
+    max: number;
+    min: number;
+    paused: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,122 @@
+import { PropType } from 'vue';
+import type { Progress } from '@vonage/vivid/lib/progress/progress';
+/**
+ * Base class for progress
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 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;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    shape: {
+        type: PropType<"rounded" | "sharp">;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "pacific">;
+        default: undefined;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Progress | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 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;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    shape: {
+        type: PropType<"rounded" | "sharp">;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "pacific">;
+        default: undefined;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    reverse: boolean;
+    value: number;
+    shape: "rounded" | "sharp";
+    connotation: "accent" | "cta" | "success" | "alert" | "pacific";
+    max: number;
+    min: number;
+    paused: boolean;
+}>;
+export default _default;

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

@@ -1,106 +1,10 @@
-import { PropType } from 'vue';
-import type { ProgressRing } from '@vonage/vivid/lib/progress-ring/progress-ring';
-/**
- * Base class for progress-ring
- */
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * 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;
-    };
-    /**
-     * The value of the progress
-     */
-    value: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The minimum value
-     */
-    min: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The maximum value
-     */
-    max: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * Indicates the progress is paused
-     */
-    paused: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert">;
-        default: undefined;
-    };
-    size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
-        default: undefined;
-    };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ProgressRing | null>;
-}, import("vue").Data, {}, {}, 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<{
-    /**
-     * 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;
-    };
-    /**
-     * The value of the progress
-     */
-    value: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The minimum value
-     */
-    min: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * The maximum value
-     */
-    max: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    /**
-     * Indicates the progress is paused
-     */
-    paused: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert">;
-        default: undefined;
-    };
-    size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
-        default: undefined;
-    };
-}>>, {
-    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    value: number;
-    size: 0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1;
-    connotation: "accent" | "cta" | "success" | "alert";
-    max: number;
-    min: number;
-    paused: boolean;
-}>;
+import { VNode } from 'vue';
+import VProgressRingVue2 from './VProgressRing.vue2';
+import VProgressRingVue3 from './VProgressRing.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 VProgressRingVue2 : typeof VProgressRingVue3;
 export default _default;