@vonage/vivid-vue 3.2.2 → 3.3.0

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

@@ -1,88 +1,10 @@
-import { PropType } from 'vue';
-import type { Layout } from '@vonage/vivid/lib/layout/layout';
-/**
- * Base class for layout
- */
-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;
-    };
-    /**
-     * sets the initial preferred margin from predefined available options
-     */
-    gutters: {
-        type: PropType<"small" | "medium" | "large">;
-        default: undefined;
-    };
-    /**
-     * sets the initial preferred measure of a column from predefined available options
-     */
-    columnBasis: {
-        type: PropType<"small" | "medium" | "large" | "block">;
-        default: undefined;
-    };
-    /**
-     * sets the initial preferred spacing of a column from predefined available options
-     */
-    columnSpacing: {
-        type: PropType<"small" | "medium" | "large">;
-        default: undefined;
-    };
-    /**
-     * sets the initial preferred auto-sizing from predefined available options
-     */
-    autoSizing: {
-        type: PropType<"fill" | "fit">;
-        default: undefined;
-    };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Layout | 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;
-    };
-    /**
-     * sets the initial preferred margin from predefined available options
-     */
-    gutters: {
-        type: PropType<"small" | "medium" | "large">;
-        default: undefined;
-    };
-    /**
-     * sets the initial preferred measure of a column from predefined available options
-     */
-    columnBasis: {
-        type: PropType<"small" | "medium" | "large" | "block">;
-        default: undefined;
-    };
-    /**
-     * sets the initial preferred spacing of a column from predefined available options
-     */
-    columnSpacing: {
-        type: PropType<"small" | "medium" | "large">;
-        default: undefined;
-    };
-    /**
-     * sets the initial preferred auto-sizing from predefined available options
-     */
-    autoSizing: {
-        type: PropType<"fill" | "fit">;
-        default: undefined;
-    };
-}>>, {
-    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    gutters: "small" | "medium" | "large";
-    columnBasis: "small" | "medium" | "large" | "block";
-    columnSpacing: "small" | "medium" | "large";
-    autoSizing: "fill" | "fit";
-}>;
+import { VNode } from 'vue';
+import VLayoutVue2 from './VLayout.vue2';
+import VLayoutVue3 from './VLayout.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 VLayoutVue2 : typeof VLayoutVue3;
 export default _default;

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

@@ -0,0 +1,103 @@
+import { PropType } from 'vue';
+import type { Layout } from '@vonage/vivid/lib/layout/layout';
+/**
+ * Base class for layout
+ */
+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;
+    };
+    /**
+     * sets the initial preferred margin from predefined available options
+     */
+    gutters: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred measure of a column from predefined available options
+     */
+    columnBasis: {
+        type: PropType<"small" | "medium" | "large" | "block">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a column from predefined available options
+     */
+    columnSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a row from predefined available options
+     */
+    rowSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred auto-sizing from predefined available options
+     */
+    autoSizing: {
+        type: PropType<"fill" | "fit">;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Layout | 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;
+    };
+    /**
+     * sets the initial preferred margin from predefined available options
+     */
+    gutters: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred measure of a column from predefined available options
+     */
+    columnBasis: {
+        type: PropType<"small" | "medium" | "large" | "block">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a column from predefined available options
+     */
+    columnSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a row from predefined available options
+     */
+    rowSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred auto-sizing from predefined available options
+     */
+    autoSizing: {
+        type: PropType<"fill" | "fit">;
+        default: undefined;
+    };
+}>>, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    gutters: "small" | "medium" | "large";
+    columnBasis: "small" | "medium" | "large" | "block";
+    columnSpacing: "small" | "medium" | "large";
+    rowSpacing: "small" | "medium" | "large";
+    autoSizing: "fill" | "fit";
+}>;
+export default _default;

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

@@ -0,0 +1,110 @@
+import { PropType } from 'vue';
+import type { Layout } from '@vonage/vivid/lib/layout/layout';
+/**
+ * Base class for layout
+ */
+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;
+    };
+    /**
+     * sets the initial preferred margin from predefined available options
+     */
+    gutters: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred measure of a column from predefined available options
+     */
+    columnBasis: {
+        type: PropType<"small" | "medium" | "large" | "block">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a column from predefined available options
+     */
+    columnSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a row from predefined available options
+     */
+    rowSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred auto-sizing from predefined available options
+     */
+    autoSizing: {
+        type: PropType<"fill" | "fit">;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Layout | 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;
+    };
+    /**
+     * sets the initial preferred margin from predefined available options
+     */
+    gutters: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred measure of a column from predefined available options
+     */
+    columnBasis: {
+        type: PropType<"small" | "medium" | "large" | "block">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a column from predefined available options
+     */
+    columnSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred spacing of a row from predefined available options
+     */
+    rowSpacing: {
+        type: PropType<"small" | "medium" | "large">;
+        default: undefined;
+    };
+    /**
+     * sets the initial preferred auto-sizing from predefined available options
+     */
+    autoSizing: {
+        type: PropType<"fill" | "fit">;
+        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";
+    gutters: "small" | "medium" | "large";
+    columnBasis: "small" | "medium" | "large" | "block";
+    columnSpacing: "small" | "medium" | "large";
+    rowSpacing: "small" | "medium" | "large";
+    autoSizing: "fill" | "fit";
+}>;
+export default _default;

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

@@ -1,73 +1,10 @@
-import { PropType } from 'vue';
-import type { Menu } from '@vonage/vivid/lib/menu/menu';
-/**
- * Base class for menu
- */
-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;
-    };
-    /**
-     * indicates whether the menu is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * the placement of the menu
-     */
-    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;
-    };
-    /**
-     * ID reference to element in the menu's owner document.
-     */
-    anchor: {
-        type: PropType<string | HTMLElement>;
-        default: undefined;
-    };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Menu | 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;
-    };
-    /**
-     * indicates whether the menu is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * the placement of the menu
-     */
-    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;
-    };
-    /**
-     * ID reference to element in the menu's owner document.
-     */
-    anchor: {
-        type: PropType<string | HTMLElement>;
-        default: 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";
-}>;
+import { VNode } from 'vue';
+import VMenuVue2 from './VMenu.vue2';
+import VMenuVue3 from './VMenu.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 VMenuVue2 : typeof VMenuVue3;
 export default _default;

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

@@ -0,0 +1,73 @@
+import { PropType } from 'vue';
+import type { Menu } from '@vonage/vivid/lib/menu/menu';
+/**
+ * Base class for menu
+ */
+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;
+    };
+    /**
+     * indicates whether the menu is open
+     */
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * the placement of the menu
+     */
+    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;
+    };
+    /**
+     * ID reference to element in the menu's owner document.
+     */
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Menu | 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;
+    };
+    /**
+     * indicates whether the menu is open
+     */
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * the placement of the menu
+     */
+    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;
+    };
+    /**
+     * ID reference to element in the menu's owner document.
+     */
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: 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";
+}>;
+export default _default;

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

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+import type { Menu } from '@vonage/vivid/lib/menu/menu';
+/**
+ * Base class for menu
+ */
+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 menu is open
+     */
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * the placement of the menu
+     */
+    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;
+    };
+    /**
+     * ID reference to element in the menu's owner document.
+     */
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Menu | 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 menu is open
+     */
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * the placement of the menu
+     */
+    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;
+    };
+    /**
+     * ID reference to element in the menu's owner document.
+     */
+    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";
+}>;
+export default _default;