@db-ux/v-core-components 2.0.0-0-custom-select-16b8cce → 2.0.1

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

@@ -1,22 +1,86 @@
-import { DBNavigationItemProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBNavigationItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
+import { DBNavigationItemProps, DBNavigationItemState } from "./model";
+import DBButton from "../button/button.vue";
+import { cls, getBoolean, getBooleanAsString, getHideProp } from "../../utils";
+import { NavigationItemSafeTriangle } from "../../utils/navigation";
+import { DEFAULT_BACK } from "../../shared/constants";
+import { ClickEvent } from "../../shared/model";
+declare const hasAreaPopup: import("vue").Ref<boolean, boolean>;
+declare const hasSubNavigation: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const isSubNavigationExpanded: import("vue").Ref<boolean, boolean>;
+declare const autoClose: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const subNavigationId: import("vue").Ref<string, string>;
+declare const navigationItemSafeTriangle: import("vue").Ref<{
+    enableFollow: () => void;
+    disableFollow: () => void;
+    followByMouseEvent: (event: MouseEvent) => void;
+} | undefined, NavigationItemSafeTriangle | {
+    enableFollow: () => void;
+    disableFollow: () => void;
+    followByMouseEvent: (event: MouseEvent) => void;
+} | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleNavigationItemClick(event: unknown): ReturnType<DBNavigationItemState["handleNavigationItemClick"]>;
+declare function handleClick(event: ClickEvent<HTMLButtonElement> | any): ReturnType<DBNavigationItemState["handleClick"]>;
+declare function handleBackClick(event: ClickEvent<HTMLButtonElement> | any): ReturnType<DBNavigationItemState["handleBackClick"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_8: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    'sub-navigation'?: (props: typeof __VLS_8) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBNavigationItemProps, {
+    DBButton: typeof DBButton;
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getBooleanAsString: typeof getBooleanAsString;
+    getHideProp: typeof getHideProp;
+    DEFAULT_BACK: typeof DEFAULT_BACK;
+    hasAreaPopup: typeof hasAreaPopup;
+    hasSubNavigation: typeof hasSubNavigation;
+    isSubNavigationExpanded: typeof isSubNavigationExpanded;
+    autoClose: typeof autoClose;
+    subNavigationId: typeof subNavigationId;
+    navigationItemSafeTriangle: typeof navigationItemSafeTriangle;
+    _ref: typeof _ref;
+    handleNavigationItemClick: typeof handleNavigationItemClick;
+    handleClick: typeof handleClick;
+    handleBackClick: typeof handleBackClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
     text: string;
-    disabled: boolean;
+    disabled: boolean | string;
     children: any;
     className: string;
     id: string;
-    onClick: (event: MouseEvent) => void;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    width: string;
-    showIcon: boolean;
+    onClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    width: import("../../shared/model").WidthType | string;
+    showIcon: boolean | string;
     active: boolean;
-    subNavigationExpanded: boolean;
+    wrap: boolean | string;
+    subNavigationExpanded: boolean | string;
     backButtonId: string;
     backButtonText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
-    'sub-navigation'?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
+    text: string;
+    disabled: boolean | string;
+    children: any;
+    className: string;
+    id: string;
+    onClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    width: import("../../shared/model").WidthType | string;
+    showIcon: boolean | string;
+    active: boolean;
+    wrap: boolean | string;
+    subNavigationExpanded: boolean | string;
+    backButtonId: string;
+    backButtonText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -15,7 +15,7 @@ export type DBNotificationDefaultProps = {
     /**
      * The closeable attribute shows/hides the close button on the top right.
      */
-    closeable?: boolean;
+    closeable?: boolean | string;
     /**
      * The headline attribute changes the text of the bold headline.
      */
@@ -35,7 +35,7 @@ export type DBNotificationDefaultProps = {
     /**
      * Enables or disables the visibility of the headline.
      */
-    showHeadline?: boolean;
+    showHeadline?: boolean | string;
     /**
      * The timestamp attribute can be set for overlay notifications
      */
@@ -43,7 +43,7 @@ export type DBNotificationDefaultProps = {
     /**
      * Enables or disables the visibility of the timestamp.
      */
-    showTimestamp?: boolean;
+    showTimestamp?: boolean | string;
     /**
      * The variant attribute changes the styling of the notification.
      * The docked notifications are used e.g. between header and main content to show a global alert.

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

@@ -1,28 +1,69 @@
-import { DBNotificationProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
+import { DBNotificationProps, DBNotificationState } from "./model";
+import DBButton from "../button/button.vue";
+import { DEFAULT_CLOSE_BUTTON } from "../../shared/constants";
+import { cls, getBoolean, getHideProp, stringPropVisible } from "../../utils";
+import { ClickEvent } from "../../shared/model";
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleClose(event: ClickEvent<HTMLButtonElement> | any): ReturnType<DBNotificationState["handleClose"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    link?: (props: typeof __VLS_5) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBNotificationProps, {
+    DBButton: typeof DBButton;
+    DEFAULT_CLOSE_BUTTON: typeof DEFAULT_CLOSE_BUTTON;
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getHideProp: typeof getHideProp;
+    stringPropVisible: typeof stringPropVisible;
+    _ref: typeof _ref;
+    handleClose: typeof handleClose;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
     text: string;
-    variant: "docked" | "standalone" | "overlay";
+    variant: import("./model").NotificationVariantType;
     children: any;
     className: string;
     id: string;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    showIcon: boolean;
-    ariaLive: "off" | "assertive" | "polite";
-    closeable: boolean;
-    headline: any;
-    linkVariant: "block" | "inline";
-    showHeadline: boolean;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    ariaLive: import("./model").NotificationAriaLiveType;
+    closeable: boolean | string;
+    headline: string | any;
+    linkVariant: import("./model").NotificationLinkVariantType;
+    showHeadline: boolean | string;
     timestamp: string;
-    showTimestamp: boolean;
+    showTimestamp: boolean | string;
     onClose: (event?: any) => void;
-    semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
+    semantic: import("../../shared/model").SemanticType;
     closeButtonId: string;
     closeButtonText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    image?: ((props: {}) => any) | undefined;
-    default?: ((props: {}) => any) | undefined;
-    link?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
+    text: string;
+    variant: import("./model").NotificationVariantType;
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    ariaLive: import("./model").NotificationAriaLiveType;
+    closeable: boolean | string;
+    headline: string | any;
+    linkVariant: import("./model").NotificationLinkVariantType;
+    showHeadline: boolean | string;
+    timestamp: string;
+    showTimestamp: boolean | string;
+    onClose: (event?: any) => void;
+    semantic: import("../../shared/model").SemanticType;
+    closeButtonId: string;
+    closeButtonText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -11,7 +11,7 @@ export type DBPageDefaultProps = {
     /**
      * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
      */
-    fadeIn?: boolean;
+    fadeIn?: boolean | string;
     /**
      * The slot can be used for React to set a footer.
      */

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

@@ -1,17 +1,40 @@
 import { DBPageProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
-    variant: "auto" | "fixed";
+import { cls, getBooleanAsString } from "../../utils";
+declare const fontsLoaded: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    footer?: (props: typeof __VLS_5) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBPageProps, {
+    cls: typeof cls;
+    getBooleanAsString: typeof getBooleanAsString;
+    fontsLoaded: typeof fontsLoaded;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
+    variant: import("./model").PageVariantType;
     children: any;
     className: string;
     id: string;
-    documentOverflow: "auto" | "hidden";
-    fadeIn: boolean;
+    documentOverflow: import("./model").PageDocumentOverflowType;
+    fadeIn: boolean | string;
     mainClass: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    header?: ((props: {}) => any) | undefined;
-    default?: ((props: {}) => any) | undefined;
-    footer?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
+    variant: import("./model").PageVariantType;
+    children: any;
+    className: string;
+    id: string;
+    documentOverflow: import("./model").PageDocumentOverflowType;
+    fadeIn: boolean | string;
+    mainClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -3,7 +3,7 @@ export type DBPopoverDefaultProps = {
     /**
      * Use open to disable the default hover/focus behavior to use it on click or other trigger.
      */
-    open?: boolean;
+    open?: boolean | string;
     /**
      * The trigger to open the popover e.g. a button
      */

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

@@ -1,19 +1,46 @@
-import { DBPopoverProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPopoverProps> & Readonly<{}>, {
+import { DBPopoverProps, DBPopoverState } from "./model";
+import { cls, getBooleanAsString } from "../../utils";
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleAutoPlacement(): ReturnType<DBPopoverState["handleAutoPlacement"]>;
+declare function handleLeave(event: any): ReturnType<DBPopoverState["handleLeave"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBPopoverProps, {
+    cls: typeof cls;
+    getBooleanAsString: typeof getBooleanAsString;
+    _ref: typeof _ref;
+    handleAutoPlacement: typeof handleAutoPlacement;
+    handleLeave: typeof handleLeave;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPopoverProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
-    width: "auto" | "fixed";
-    delay: "none" | "slow" | "fast";
-    animation: boolean;
-    placement: "left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
-    spacing: string;
-    open: boolean;
-    gap: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    trigger?: ((props: {}) => any) | undefined;
-    default?: ((props: {}) => any) | undefined;
-}>;
+    width: import("../..").PopoverWidthType;
+    delay: import("../..").PopoverDelayType;
+    animation: boolean | string;
+    placement: import("../..").PlacementType;
+    spacing: import("../..").SpacingType | string;
+    open: boolean | string;
+    gap: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPopoverProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    width: import("../..").PopoverWidthType;
+    delay: import("../..").PopoverDelayType;
+    animation: boolean | string;
+    placement: import("../..").PlacementType;
+    spacing: import("../..").SpacingType | string;
+    open: boolean | string;
+    gap: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,31 +1,70 @@
-import { DBRadioProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBRadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { DBRadioProps, DBRadioState } from "./model";
+import { cls, getBoolean, getHideProp } from "../../utils";
+import { ChangeEvent, InteractionEvent } from "../../shared/model";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleChange(event: ChangeEvent<HTMLInputElement> | any): ReturnType<DBRadioState["handleChange"]>;
+declare function handleBlur(event: InteractionEvent<HTMLInputElement> | any): ReturnType<DBRadioState["handleBlur"]>;
+declare function handleFocus(event: InteractionEvent<HTMLInputElement> | any): ReturnType<DBRadioState["handleFocus"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBRadioProps, {
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getHideProp: typeof getHideProp;
+    _id: typeof _id;
+    _ref: typeof _ref;
+    handleChange: typeof handleChange;
+    handleBlur: typeof handleBlur;
+    handleFocus: typeof handleFocus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<DBRadioProps> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
     label: string;
-    disabled: boolean;
+    disabled: boolean | string;
     value: any;
     children: any;
     className: string;
     describedbyid: string;
     id: string;
-    size: "medium" | "small";
-    blur: (event: FocusEvent) => void;
-    change: (event: Event) => void;
-    focus: (event: FocusEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onBlur: (event: FocusEvent) => void;
-    onChange: (event: Event) => void;
-    validation: "invalid" | "valid" | "no-validation";
-    required: boolean;
-    showLabel: boolean;
-    checked: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    size: import("../../shared/model").SizeType;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    checked: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBRadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DBRadioProps> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    label: string;
+    disabled: boolean | string;
+    value: any;
+    children: any;
+    className: string;
+    describedbyid: string;
+    id: string;
+    size: import("../../shared/model").SizeType;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    checked: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,13 +1,31 @@
 import { DBSectionProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBSectionProps> & Readonly<{}>, {
+import { cls } from "../../utils";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBSectionProps, {
+    cls: typeof cls;
+    _id: typeof _id;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBSectionProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
-    width: "medium" | "small" | "large" | "full";
-    spacing: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    width: import("../..").MaxWidthType;
+    spacing: import("../..").SpacingType | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBSectionProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    width: import("../..").MaxWidthType;
+    spacing: import("../..").SpacingType | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
      * Enable multiple select -> use DBCustomSelect/db-custom-select for a better look
@@ -40,4 +40,4 @@ export type DBSelectDefaultState = {
     _placeholderId: string;
     getOptionLabel: (option: DBSelectOptionType) => string;
 };
-export type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState;
+export type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState & FromValidState;

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

@@ -1,44 +1,126 @@
-import { DBSelectOptionType, DBSelectProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { DBSelectOptionType, DBSelectProps, DBSelectState } from "./model";
+import { cls, getBoolean, getHideProp, stringPropVisible } from "../../utils";
+import { DEFAULT_LABEL, DEFAULT_VALID_MESSAGE } from "../../shared/constants";
+import DBInfotext from "../infotext/infotext.vue";
+import { ChangeEvent, ClickEvent, InputEvent, InteractionEvent } from "../../shared/model";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _messageId: import("vue").Ref<string | undefined, string | undefined>;
+declare const _validMessageId: import("vue").Ref<string | undefined, string | undefined>;
+declare const _invalidMessageId: import("vue").Ref<string | undefined, string | undefined>;
+declare const _invalidMessage: import("vue").Ref<string | undefined, string | undefined>;
+declare const _placeholderId: import("vue").Ref<string, string>;
+declare const _descByIds: import("vue").Ref<string | undefined, string | undefined>;
+declare const _value: import("vue").Ref<string | undefined, string | undefined>;
+declare const _voiceOverFallback: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function hasValidState(): ReturnType<DBSelectState["hasValidState"]>;
+declare function handleClick(event: ClickEvent<HTMLSelectElement> | any): ReturnType<DBSelectState["handleClick"]>;
+declare function handleInput(event: InputEvent<HTMLSelectElement> | any): ReturnType<DBSelectState["handleInput"]>;
+declare function handleChange(event: ChangeEvent<HTMLSelectElement> | any): ReturnType<DBSelectState["handleChange"]>;
+declare function handleBlur(event: InteractionEvent<HTMLSelectElement> | any): ReturnType<DBSelectState["handleBlur"]>;
+declare function handleFocus(event: InteractionEvent<HTMLSelectElement> | any): ReturnType<DBSelectState["handleFocus"]>;
+declare function getOptionLabel(option: DBSelectOptionType): ReturnType<DBSelectState["getOptionLabel"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBSelectProps, {
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getHideProp: typeof getHideProp;
+    stringPropVisible: typeof stringPropVisible;
+    DEFAULT_LABEL: typeof DEFAULT_LABEL;
+    DEFAULT_VALID_MESSAGE: typeof DEFAULT_VALID_MESSAGE;
+    DBInfotext: typeof DBInfotext;
+    _id: typeof _id;
+    _messageId: typeof _messageId;
+    _validMessageId: typeof _validMessageId;
+    _invalidMessageId: typeof _invalidMessageId;
+    _invalidMessage: typeof _invalidMessage;
+    _placeholderId: typeof _placeholderId;
+    _descByIds: typeof _descByIds;
+    _value: typeof _value;
+    _voiceOverFallback: typeof _voiceOverFallback;
+    _ref: typeof _ref;
+    hasValidState: typeof hasValidState;
+    handleClick: typeof handleClick;
+    handleInput: typeof handleInput;
+    handleChange: typeof handleChange;
+    handleBlur: typeof handleBlur;
+    handleFocus: typeof handleFocus;
+    getOptionLabel: typeof getOptionLabel;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<DBSelectProps> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
-    input: (event: Event) => void;
+    input: (event: InputEvent<HTMLSelectElement>) => void;
     label: string;
-    disabled: boolean;
+    disabled: boolean | string;
     value: any;
-    variant: "above" | "floating";
+    variant: import("../../shared/model").LabelVariantType;
     children: any;
     className: string;
     id: string;
-    onClick: (event: MouseEvent) => void;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    onClick: (event: ClickEvent<HTMLSelectElement>) => void;
+    icon: import("@db-ux/core-foundations").IconTypes;
     size: number;
-    showIcon: boolean;
-    blur: (event: FocusEvent) => void;
-    change: (event: Event) => void;
-    focus: (event: FocusEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onBlur: (event: FocusEvent) => void;
-    onChange: (event: Event) => void;
-    onInput: (event: Event) => void;
-    validation: "invalid" | "valid" | "no-validation";
-    required: boolean;
-    showLabel: boolean;
+    showIcon: boolean | string;
+    onFocus: (event: InteractionEvent<HTMLSelectElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLSelectElement>) => void;
+    onChange: (event: ChangeEvent<HTMLSelectElement>) => void;
+    onInput: (event: InputEvent<HTMLSelectElement>) => void;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
     placeholder: string;
     message: string;
     validMessage: string;
     invalidMessage: string;
-    messageIcon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    autocomplete: string;
-    showMessage: boolean;
+    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    autocomplete: string | import("../../shared/model").AutoCompleteType;
+    showMessage: boolean | string;
     multiple: boolean;
     options: DBSelectOptionType[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DBSelectProps> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    input: (event: InputEvent<HTMLSelectElement>) => void;
+    label: string;
+    disabled: boolean | string;
+    value: any;
+    variant: import("../../shared/model").LabelVariantType;
+    children: any;
+    className: string;
+    id: string;
+    onClick: (event: ClickEvent<HTMLSelectElement>) => void;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    size: number;
+    showIcon: boolean | string;
+    onFocus: (event: InteractionEvent<HTMLSelectElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLSelectElement>) => void;
+    onChange: (event: ChangeEvent<HTMLSelectElement>) => void;
+    onInput: (event: InputEvent<HTMLSelectElement>) => void;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    placeholder: string;
+    message: string;
+    validMessage: string;
+    invalidMessage: string;
+    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    autocomplete: string | import("../../shared/model").AutoCompleteType;
+    showMessage: boolean | string;
+    multiple: boolean;
+    options: DBSelectOptionType[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {