@db-ux/v-core-components 2.2.3 → 2.2.5

package/dist/components/accordion-item/accordion-item.vue.d.ts

@@ -12,7 +12,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBAccordionItemProp
     children: any;
     className: string;
     id: string;
-    onToggle: (open: boolean | any) => void;
+    onToggle: (open: boolean) => void;
     defaultOpen: boolean;
     headlinePlain: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/custom-select/custom-select.vue.d.ts

@@ -1,4 +1,5 @@
 import { CustomSelectOptionType, DBCustomSelectProps } from "./model";
+import { GeneralEvent, InputEvent } from "../../shared/model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -57,8 +58,8 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps
     transformSelectedLabels: (selectedOptions?: CustomSelectOptionType[]) => string;
     onAmountChange: (amount: number) => void;
     onOptionSelected: (values: string[]) => void;
-    onDropdownToggle: (event: any) => void;
-    onSearch: (event: any) => void;
+    onDropdownToggle: (event: GeneralEvent<HTMLDetailsElement>) => void;
+    onSearch: (event: InputEvent<HTMLInputElement>) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/custom-select/model.d.ts

@@ -1,4 +1,4 @@
-import { BaseFormProps, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
+import { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
 import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
 import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
 import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
@@ -46,19 +46,19 @@ export type DBCustomSelectEvents = {
     /**
      * Informs the user when dropdown was toggled.
      */
-    onDropdownToggle?: (event: any) => void;
+    onDropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
     /**
      * Informs the user when dropdown was toggled.
      */
-    dropdownToggle?: (event: any) => void;
+    dropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
     /**
      * Informs the user when a search was performed.
      */
-    onSearch?: (event: any) => void;
+    onSearch?: (event: InputEvent<HTMLInputElement>) => void;
     /**
      * Informs the user when a search was performed.
      */
-    search?: (event: any) => void;
+    search?: (event: InputEvent<HTMLInputElement>) => void;
 };
 export type DBCustomSelectDefaultProps = {
     /**
@@ -198,7 +198,7 @@ export type DBCustomSelectDefaultState = {
     searchEnabled: boolean;
     amountOptions: number;
     setDescById: (descId?: string) => void;
-    handleTagRemove: (option: CustomSelectOptionType, event?: any) => void;
+    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void) => void;
     handleSummaryFocus: () => void;
     handleSelect: (value?: string) => void;
     handleSelectAll: (event: any) => void;
@@ -216,4 +216,4 @@ export type DBCustomSelectDefaultState = {
     selectAllIndeterminate: boolean;
     handleAutoPlacement: () => void;
 };
-export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState & DocumentScrollState;
+export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState<InteractionEvent<HTMLDetailsElement>> & DocumentScrollState;

package/dist/components/drawer/drawer.vue.d.ts

@@ -10,11 +10,11 @@ declare const __VLS_component: import("vue").DefineComponent<DBDrawerProps, {},
     children: any;
     className: string;
     id: string;
-    width: import("../..").WidthType | string;
-    onClose: (event?: any) => void;
+    width: import("../../shared/model").WidthType | string;
+    onClose: (event?: KeyboardEvent | MouseEvent | undefined) => void;
     closeButtonId: string;
     closeButtonText: string;
-    spacing: import("../..").SpacingType | string;
+    spacing: import("../../shared/model").SpacingType | string;
     backdrop: import("./model").DrawerBackdropType;
     direction: import("./model").DrawerDirectionType;
     open: boolean | string;

package/dist/components/drawer/model.d.ts

@@ -1,4 +1,4 @@
-import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
+import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
 export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
 export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
 export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
@@ -34,8 +34,8 @@ export type DBDrawerDefaultProps = {
      */
     variant?: DrawerVariantType;
 };
-export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps & InnerCloseButtonProps & WidthProps & SpacingProps;
+export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
 export type DBDrawerDefaultState = {
     handleDialogOpen: () => void;
 };
-export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState;
+export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>;

package/dist/components/header/header.vue.d.ts

@@ -25,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBHeaderProps, {},
     drawerOpen: boolean | string;
     forceMobile: boolean | string;
     burgerMenuLabel: string;
-    onToggle: (open: boolean | any) => void;
+    onToggle: (open: boolean) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/notification/model.d.ts

@@ -1,4 +1,4 @@
-import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
+import { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
 export declare const NotificationVariantList: readonly ["docked", "standalone", "overlay"];
 export type NotificationVariantType = (typeof NotificationVariantList)[number];
 export declare const NotificationLinkVariantList: readonly ["block", "inline"];
@@ -52,6 +52,6 @@ export type DBNotificationDefaultProps = {
      */
     variant?: NotificationVariantType;
 };
-export type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
+export type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement>> & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
 export type DBNotificationDefaultState = {};
-export type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState;
+export type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement>>;

package/dist/components/notification/notification.vue.d.ts

@@ -22,7 +22,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBNotificationProps
     showHeadline: boolean | string;
     timestamp: string;
     showTimestamp: boolean | string;
-    onClose: (event?: any) => void;
+    onClose: (event?: MouseEvent | undefined) => void;
     semantic: import("../../shared/model").SemanticType;
     closeButtonId: string;
     closeButtonText: string;

package/dist/components/tabs/model.d.ts

@@ -1,4 +1,4 @@
-import { AlignmentProps, GlobalProps, GlobalState, InitializedState, OrientationProps, WidthProps } from '../../shared/model';
+import { AlignmentProps, InputEvent, GlobalProps, GlobalState, InitializedState, OrientationProps, WidthProps } from '../../shared/model';
 import { DBTabItemProps } from '../tab-item/model';
 import { DBTabPanelProps } from '../tab-panel/model';
 export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
@@ -28,27 +28,29 @@ export type DBTabsDefaultProps = {
      */
     name?: string;
     /**
-     * Informs the user if the current tab index has changed.
+     * Provide simple tabs with label + text as content
      */
-    onIndexChange?: (index?: number) => void;
+    tabs?: DBSimpleTabProps[] | string;
+};
+export type DBTabsEventProps = {
     /**
-     * Informs the user if another tab has been selected.
+     * Informs the user if the current tab index has changed.
      */
-    onTabSelect?: (event?: Event) => void;
+    indexChange?: (index?: number) => void;
     /**
      * Informs the user if the current tab index has changed.
      */
-    indexChange?: (index?: number) => void;
+    onIndexChange?: (index?: number) => void;
     /**
      * Informs the user if another tab has been selected.
      */
-    tabSelect?: (event?: Event) => void;
+    onTabSelect?: (event?: InputEvent<HTMLElement>) => void;
     /**
-     * Provide simple tabs with label + text as content
+     * Informs the user if another tab has been selected.
      */
-    tabs?: DBSimpleTabProps[] | string;
+    tabSelect?: (event?: InputEvent<HTMLElement>) => void;
 };
-export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps;
+export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & DBTabsEventProps;
 export type DBTabsDefaultState = {
     _name: string;
     scrollContainer?: Element | null;
@@ -59,6 +61,6 @@ export type DBTabsDefaultState = {
     convertTabs: () => DBSimpleTabProps[];
     initTabList: () => void;
     initTabs: (init?: boolean) => void;
-    handleChange: (event: any) => void;
+    handleChange: (event: InputEvent<HTMLElement>) => void;
 };
 export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;

package/dist/components/tabs/tabs.vue.d.ts

@@ -1,4 +1,5 @@
 import { DBSimpleTabProps, DBTabsProps } from "./model";
+import { InputEvent } from "../../shared/model";
 declare var __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_16) => any;
@@ -8,16 +9,16 @@ declare const __VLS_component: import("vue").DefineComponent<DBTabsProps, {}, {}
     children: any;
     className: string;
     id: string;
-    width: import("../..").WidthType | string;
+    width: import("../../shared/model").WidthType | string;
     behavior: import("./model").TabsBehaviorType;
     arrowScrollDistance: number | string;
     initialSelectedIndex: number | string;
     initialSelectedMode: import("./model").TabsInitialSelectedModeType;
-    onIndexChange: (index?: number) => void;
-    onTabSelect: (event?: Event) => void;
     tabs: DBSimpleTabProps[] | string;
-    orientation: import("../..").OrientationType;
-    alignment: import("../..").AlignmentType | string;
+    orientation: import("../../shared/model").OrientationType;
+    alignment: import("../../shared/model").AlignmentType | string;
+    onIndexChange: (index?: number) => void;
+    onTabSelect: (event?: InputEvent<HTMLElement>) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/tag/model.d.ts

@@ -1,6 +1,16 @@
 import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, EmphasisProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
+export type DBTagEventsProps = {
+    /**
+     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
+     */
+    onRemove?: (event?: ClickEvent<HTMLButtonElement> | void) => void;
+    /**
+     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
+     */
+    remove?: (event?: ClickEvent<HTMLButtonElement> | void) => void;
+};
 export type DBTagDefaultProps = {
     /**
      *	Defines the behavior of the component:
@@ -16,14 +26,6 @@ export type DBTagDefaultProps = {
      * Define the text next to the icon specified via the icon Property to get hidden.
      */
     noText?: boolean | string;
-    /**
-     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
-     */
-    onRemove?: (event?: any) => void;
-    /**
-     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
-     */
-    remove?: (event?: any) => void;
     /**
      * The removeButton attribute shows the cancel button.
      */
@@ -41,9 +43,9 @@ export type DBTagDefaultProps = {
      */
     value?: string;
 };
-export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps;
+export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps & DBTagEventsProps;
 export type DBTagDefaultState = {
     getRemoveButtonText: () => string;
-    handleRemove: (event?: ClickEvent<HTMLButtonElement>) => void;
+    handleRemove: (event?: ClickEvent<HTMLButtonElement> | void) => void;
 };
 export type DBTagState = DBTagDefaultState & GlobalState & InitializedState;

package/dist/components/tag/tag.vue.d.ts

@@ -1,4 +1,5 @@
 import { DBTagProps } from "./model";
+import { ClickEvent } from "../../shared/model";
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     content?: (props: typeof __VLS_1) => any;
@@ -17,10 +18,10 @@ declare const __VLS_component: import("vue").DefineComponent<DBTagProps, {}, {},
     semantic: import("../../shared/model").SemanticType;
     emphasis: import("../../shared/model").EmphasisType;
     behavior: import("./model").TagBehaviorType | string;
-    onRemove: (event?: any) => void;
     removeButton: string;
     showCheckState: boolean | string;
     overflow: boolean | string;
+    onRemove: (event?: ClickEvent<HTMLButtonElement> | void) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;