@db-ux/v-core-components 1.0.1 → 1.1.0

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

@@ -21,6 +21,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBInputPro
     id: string;
     autofocus: boolean;
     icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    size: number;
     showIcon: boolean;
     blur: (event: FocusEvent) => void;
     change: (event: Event) => void;

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';
 export declare const InputTypeList: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", "week"];
 export type InputTypeType = (typeof InputTypeList)[number];
 export type DBInputDefaultProps = {
@@ -31,7 +31,7 @@ export type DBInputDefaultProps = {
      */
     step?: number | string;
 };
-export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps;
+export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps & FormSizeProps;
 export type DBInputDefaultState = {
     _dataListId?: string;
     getDataList: (_list?: string[] | ValueLabelType[]) => ValueLabelType[];

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

@@ -4,9 +4,6 @@ type __VLS_TemplateRefs = {
     _ref: typeof __VLS_nativeElements['a'];
 };
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
-    rel: string;
-    content: "external" | "internal";
-    role: string;
     disabled: boolean;
     label: string;
     variant: "adaptive" | "brand";
@@ -18,9 +15,12 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBLinkProp
     showIcon: boolean;
     text: string;
     target: "_self" | "_blank" | "_parent" | "_top";
+    role: string;
+    content: "external" | "internal";
     current: boolean | "time" | "true" | "false" | "date" | "page" | "step" | "location";
     href: string;
     hreflang: string;
+    rel: string;
     selected: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLAnchorElement>, {
     default?: ((props: {}) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
      * The description attribute will add a paragraph below the select.
@@ -35,7 +35,7 @@ export type DBSelectOptionType = {
      */
     value: string | string[] | number;
 };
-export type DBSelectProps = DBSelectDefaultProps & GlobalProps & ClickEventProps<HTMLSelectElement> & ChangeEventProps<HTMLSelectElement> & FocusEventProps<HTMLSelectElement> & InputEventProps<HTMLSelectElement> & FormProps & IconProps & FormMessageProps & ShowIconProps;
+export type DBSelectProps = DBSelectDefaultProps & GlobalProps & ClickEventProps<HTMLSelectElement> & ChangeEventProps<HTMLSelectElement> & FocusEventProps<HTMLSelectElement> & InputEventProps<HTMLSelectElement> & FormProps & IconProps & FormMessageProps & ShowIconProps & FormSizeProps;
 export type DBSelectDefaultState = {
     _placeholderId: string;
     getOptionLabel: (option: DBSelectOptionType) => string;

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

@@ -18,6 +18,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSelectPr
     id: string;
     onClick: (event: MouseEvent) => void;
     icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    size: number;
     showIcon: boolean;
     blur: (event: FocusEvent) => void;
     change: (event: Event) => void;

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, SizeProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconAfterProps, IconProps, SizeProps } from '../../shared/model';
 export type DBSwitchDefaultProps = {
     /**
      * Add additional icons to indicate active/inactive state.
@@ -9,4 +9,4 @@ export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProp
 export type DBSwitchDefaultState = {
     _checked: boolean;
 };
-export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;
+export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;

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

@@ -11,6 +11,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSwitchPr
     name: string;
     disabled: boolean;
     label: string;
+    value: any;
     children: any;
     className: string;
     describedbyid: string;

package/dist/components/tab-panel/tab-panel.vue.d.ts

@@ -4,10 +4,10 @@ type __VLS_TemplateRefs = {
     _ref: typeof __VLS_nativeElements['section'];
 };
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabPanelProps> & Readonly<{}>, {
-    content: string;
     children: any;
     className: string;
     id: string;
+    content: string;
     labelledBy: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLElement>, {
     default?: ((props: {}) => any) | undefined;

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

@@ -27,6 +27,14 @@ export type DBTabsDefaultProps = {
      * The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.
      */
     name?: string;
+    /**
+     * Informs the user if the current tab index has changed.
+     */
+    onIndexChange?: (index?: number) => void;
+    /**
+     * Informs the user if another tab has been selected.
+     */
+    onTabSelect?: (event?: Event) => void;
     /**
      * Provide simple tabs with label + text as content
      */
@@ -43,5 +51,6 @@ export type DBTabsDefaultState = {
     convertTabs: (tabs?: unknown[] | string | undefined) => DBSimpleTabProps[];
     initTabList: () => void;
     initTabs: (init?: boolean) => void;
+    handleChange: (event: any) => void;
 };
 export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;

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

@@ -13,6 +13,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabsProp
     arrowScrollDistance: number;
     initialSelectedIndex: number;
     initialSelectedMode: "auto" | "manually";
+    onIndexChange: (index?: number | undefined) => void;
+    onTabSelect: (event?: Event | undefined) => void;
     tabs: string | DBSimpleTabProps[];
     orientation: "horizontal" | "vertical";
     alignment: "start" | "center";

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

@@ -9,7 +9,6 @@ declare const _default: import("vue").DefineComponent<DBTextareaProps, {}, {}, {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
-    spellCheck: boolean;
     disabled: boolean;
     label: string;
     value: any;
@@ -41,6 +40,7 @@ declare const _default: import("vue").DefineComponent<DBTextareaProps, {}, {}, {
     readOnly: boolean;
     cols: number;
     rows: number;
+    spellCheck: boolean;
     wrap: "off" | "hard" | "soft";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLDivElement>;
 export default _default;