@vonage/vivid-vue 4.16.2 → 4.18.0

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

@@ -6,21 +6,6 @@ import type { ListboxOption } from '@vonage/vivid/lib/option/option';
  * Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
  */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * A decorative icon the custom element should have.
-     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
-     */
-    icon: {
-        type: PropType<IconId>;
-        default: undefined;
-    };
-    /**
-     * Indicates the icon affix alignment.
-     */
-    iconTrailing: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -36,9 +21,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The selected attribute value. This sets the initial selected value.
+     * A decorative icon the custom element should have.
+     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    selected: {
+    icon: {
+        type: PropType<IconId>;
+        default: undefined;
+    };
+    /**
+     * Indicates the icon affix alignment.
+     */
+    iconTrailing: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -54,6 +47,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The selected attribute value. This sets the initial selected value.
+     */
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     text: {
         type: PropType<string>;
         default: undefined;
@@ -69,27 +69,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<ListboxOption | null>;
 }, import("vue").Data, {}, {
-    /**
-     * Updates the ariaChecked property when the checked property changes.
-     */
-    checkedChanged(_: boolean | unknown, next: boolean): void;
     initialValueChanged(): void;
-}, 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<{
-    /**
-     * A decorative icon the custom element should have.
-     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
-     */
-    icon: {
-        type: PropType<IconId>;
-        default: undefined;
-    };
-    /**
-     * Indicates the icon affix alignment.
-     */
-    iconTrailing: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -105,9 +86,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The selected attribute value. This sets the initial selected value.
+     * A decorative icon the custom element should have.
+     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    selected: {
+    icon: {
+        type: PropType<IconId>;
+        default: undefined;
+    };
+    /**
+     * Indicates the icon affix alignment.
+     */
+    iconTrailing: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -123,6 +112,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The selected attribute value. This sets the initial selected value.
+     */
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     text: {
         type: PropType<string>;
         default: undefined;

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

@@ -7,21 +7,6 @@ import type { SlotsType } from 'vue';
  * Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
  */
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * A decorative icon the custom element should have.
-     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
-     */
-    icon: {
-        type: PropType<IconId>;
-        default: undefined;
-    };
-    /**
-     * Indicates the icon affix alignment.
-     */
-    iconTrailing: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -37,9 +22,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The selected attribute value. This sets the initial selected value.
+     * A decorative icon the custom element should have.
+     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    selected: {
+    icon: {
+        type: PropType<IconId>;
+        default: undefined;
+    };
+    /**
+     * Indicates the icon affix alignment.
+     */
+    iconTrailing: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -55,6 +48,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The selected attribute value. This sets the initial selected value.
+     */
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     text: {
         type: PropType<string>;
         default: undefined;
@@ -70,12 +70,15 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<ListboxOption | null>;
 }, unknown, {}, {
-    /**
-     * Updates the ariaChecked property when the checked property changes.
-     */
-    checkedChanged(_: boolean | unknown, next: boolean): void;
     initialValueChanged(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: ListboxOption;
+    }): true;
     /**
      * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
      * @type {MouseEvent}
@@ -91,10 +94,10 @@ declare const _default: import("vue").DefineComponent<{
         target: ListboxOption;
     }): true;
     /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
+     * Fires when the value of an element has been changed.
+     * @type {Event}
      */
-    blur(event: FocusEvent & {
+    input(event: Event & {
         target: ListboxOption;
     }): true;
     /**
@@ -111,29 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: ListboxOption;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    input(event: Event & {
-        target: ListboxOption;
-    }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * A decorative icon the custom element should have.
-     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
-     */
-    icon: {
-        type: PropType<IconId>;
-        default: undefined;
-    };
-    /**
-     * Indicates the icon affix alignment.
-     */
-    iconTrailing: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -149,9 +130,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The selected attribute value. This sets the initial selected value.
+     * A decorative icon the custom element should have.
+     * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    selected: {
+    icon: {
+        type: PropType<IconId>;
+        default: undefined;
+    };
+    /**
+     * Indicates the icon affix alignment.
+     */
+    iconTrailing: {
         type: PropType<boolean>;
         default: undefined;
     };
@@ -167,6 +156,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The selected attribute value. This sets the initial selected value.
+     */
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     text: {
         type: PropType<string>;
         default: undefined;
@@ -182,21 +178,21 @@ declare const _default: import("vue").DefineComponent<{
     onKeydown?: ((event: KeyboardEvent & {
         target: ListboxOption;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: ListboxOption;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: ListboxOption;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: ListboxOption;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: ListboxOption;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: ListboxOption;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: ListboxOption;
-    }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;

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

@@ -8,11 +8,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * The size the pagination should have.
-     */
-    size: {
-        type: PropType<"super-condensed" | "condensed" | "normal">;
+    navIcons: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    selectedIndex: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -22,26 +23,25 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
-    navIcons: {
-        type: PropType<boolean>;
+    /**
+     * The size the pagination should have.
+     */
+    size: {
+        type: PropType<"super-condensed" | "condensed" | "normal">;
         default: undefined;
     };
     total: {
         type: PropType<number>;
         default: undefined;
     };
-    selectedIndex: {
-        type: PropType<number>;
-        default: undefined;
-    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Pagination | null>;
 }, import("vue").Data, {}, {
-    totalChanged(_: number, newValue: number): unknown;
-    selectedIndexChanged(oldValue: number, newValue: number): unknown;
     paginationButtonsChanged(_: HTMLButtonElement[] | undefined, newValue: HTMLButtonElement[]): unknown;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "pagination-change")[], string, Readonly<import("vue").ExtractPropTypes<{
+    selectedIndexChanged(oldValue: number, newValue: number): unknown;
+    totalChanged(_: number, newValue: number): unknown;
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "pagination-change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -49,11 +49,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * The size the pagination should have.
-     */
-    size: {
-        type: PropType<"super-condensed" | "condensed" | "normal">;
+    navIcons: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    selectedIndex: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -63,24 +64,23 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
-    navIcons: {
-        type: PropType<boolean>;
+    /**
+     * The size the pagination should have.
+     */
+    size: {
+        type: PropType<"super-condensed" | "condensed" | "normal">;
         default: undefined;
     };
     total: {
         type: PropType<number>;
         default: undefined;
     };
-    selectedIndex: {
-        type: PropType<number>;
-        default: undefined;
-    };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     size: "condensed" | "normal" | "super-condensed";
     shape: "rounded" | "pill";
     navIcons: boolean;
-    total: number;
     selectedIndex: number;
+    total: number;
 }>;
 export default _default;

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

@@ -9,11 +9,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * The size the pagination should have.
-     */
-    size: {
-        type: PropType<"super-condensed" | "condensed" | "normal">;
+    navIcons: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    selectedIndex: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -23,26 +24,32 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
-    navIcons: {
-        type: PropType<boolean>;
+    /**
+     * The size the pagination should have.
+     */
+    size: {
+        type: PropType<"super-condensed" | "condensed" | "normal">;
         default: undefined;
     };
     total: {
         type: PropType<number>;
         default: undefined;
     };
-    selectedIndex: {
-        type: PropType<number>;
-        default: undefined;
-    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Pagination | null>;
 }, unknown, {}, {
-    totalChanged(_: number, newValue: number): unknown;
-    selectedIndexChanged(oldValue: number, newValue: number): unknown;
     paginationButtonsChanged(_: HTMLButtonElement[] | undefined, newValue: HTMLButtonElement[]): unknown;
+    selectedIndexChanged(oldValue: number, newValue: number): unknown;
+    totalChanged(_: number, newValue: number): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Pagination;
+    }): true;
     /**
      * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
      * @type {MouseEvent}
@@ -58,10 +65,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Pagination;
     }): true;
     /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
+     * Fires when the value of an element has been changed.
+     * @type {Event}
      */
-    blur(event: FocusEvent & {
+    input(event: Event & {
         target: Pagination;
     }): true;
     /**
@@ -78,13 +85,6 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Pagination;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    input(event: Event & {
-        target: Pagination;
-    }): true;
     /**
      * Fires when the page changes.
      * @type {CustomEvent<{selectedIndex: number, total: number, oldIndex: number}>}
@@ -104,11 +104,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * The size the pagination should have.
-     */
-    size: {
-        type: PropType<"super-condensed" | "condensed" | "normal">;
+    navIcons: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    selectedIndex: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -118,37 +119,36 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
-    navIcons: {
-        type: PropType<boolean>;
+    /**
+     * The size the pagination should have.
+     */
+    size: {
+        type: PropType<"super-condensed" | "condensed" | "normal">;
         default: undefined;
     };
     total: {
         type: PropType<number>;
         default: undefined;
     };
-    selectedIndex: {
-        type: PropType<number>;
-        default: undefined;
-    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: Pagination;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: Pagination;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: Pagination;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: Pagination;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: Pagination;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: Pagination;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: Pagination;
-    }) => any) | undefined;
     "onPagination-change"?: ((event: CustomEvent<{
         selectedIndex: number;
         total: number;
@@ -161,7 +161,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "condensed" | "normal" | "super-condensed";
     shape: "rounded" | "pill";
     navIcons: boolean;
-    total: number;
     selectedIndex: number;
+    total: number;
 }, SlotsType<Record<string, never>>>;
 export default _default;