@db-ux/v-core-components 4.3.2 → 4.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @db-ux/v-core-components
 
+## 4.4.0
+
+### Minor Changes
+
+- feat: add `role` property to DBNotification & automatically add role based on semantic if no `role` or `ariaLive` is provided to increase UX for screen-reader users - [see commit 177d71e](https://github.com/db-ux-design-system/core-web/commit/177d71e287a64a6491ba446e7812d0adbda1717e)
+
+- feat(DBSelect): hide empty first option in `required` selects with placeholder after the first user selection, and add `showEmptyOption` prop to overwrite this - [see commit 4280bc4](https://github.com/db-ux-design-system/core-web/commit/4280bc47538d6983d6bb5575f012b6c6b25b40e8)
+
 ## 4.3.2
 
 ### Patch Changes

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

@@ -4,13 +4,13 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DBBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
+    semantic: import("../..").SemanticType;
     label: string;
     text: string;
     children: any;
     className: string;
     id: string;
     placement: import("./model").BadgePlacementType;
-    semantic: import("../..").SemanticType;
     size: import("../..").SizeType;
     emphasis: import("../..").EmphasisType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -4,11 +4,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DBInfotextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBInfotextProps> & Readonly<{}>, {
+    semantic: import("../..").SemanticType;
     text: string;
     children: any;
     className: string;
     id: string;
-    semantic: import("../..").SemanticType;
     size: import("../..").SizeType;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;

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

@@ -5,6 +5,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<DBLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
     content: import("./model").LinkContentType;
+    role: string;
     text: string;
     disabled: boolean | string;
     children: any;
@@ -14,7 +15,6 @@ declare const __VLS_base: import("vue").DefineComponent<DBLinkProps, {}, {}, {},
     variant: import("./model").LinkVariantType;
     size: import("./model").LinkSizeType;
     showIcon: boolean | string;
-    role: string;
     target: import("../..").LinkTargetType;
     href: string;
     hreflang: string;

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

@@ -1,4 +1,4 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
+import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, RoleProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
 export declare const LinkVariantList: readonly ["adaptive", "brand", "inline"];
 export type LinkVariantType = (typeof LinkVariantList)[number];
 export declare const LinkSizeList: readonly ["medium", "small"];
@@ -19,6 +19,6 @@ export type DBLinkDefaultProps = {
      */
     variant?: LinkVariantType;
 };
-export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps & WrapProps;
+export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & RoleProps & ShowIconProps & TextProps & WrapProps;
 export type DBLinkDefaultState = {};
 export type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;

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

@@ -1,4 +1,4 @@
-import { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
+import { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, RoleProps, 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<ClickEvent<HTMLButtonElement>> & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
+export type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & RoleProps & CloseEventProps<ClickEvent<HTMLButtonElement>> & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
 export type DBNotificationDefaultState = {};
 export type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement>>;

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

@@ -8,19 +8,20 @@ type __VLS_Slots = {} & {
     link?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DBNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
+    semantic: import("../../shared/model").SemanticType;
+    role: string;
+    ariaLive: import("./model").NotificationAriaLiveType;
     text: string;
     headline: string | any;
     children: any;
     className: string;
     id: string;
     variant: import("./model").NotificationVariantType;
-    semantic: import("../../shared/model").SemanticType;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
     onClose: (event?: MouseEvent | undefined) => void;
     closeButtonId: string;
     closeButtonText: string;
-    ariaLive: import("./model").NotificationAriaLiveType;
     closeable: boolean | string;
     linkVariant: import("./model").NotificationLinkVariantType;
     showHeadline: boolean | string;

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

@@ -9,6 +9,15 @@ export type DBSelectDefaultProps = {
      * If you don't/can't use children/slots you can pass in the options as an array.
      */
     options?: DBSelectOptionType[];
+    /**
+     * Controls whether the empty placeholder option is shown in the dropdown after the user's selection of another option.
+     * By default, it is shown for non-required selects and hidden for required selects.
+     * Set to `true` to always show or `false` to always hide the empty option.
+     *
+     * Note: The empty option is only rendered when `variant === 'floating'` or a `placeholder` is set.
+     * Setting `showEmptyOption` alone has no effect if neither of these conditions is met.
+     */
+    showEmptyOption?: boolean;
 };
 export type DBSelectOptionType = {
     /**
@@ -40,5 +49,6 @@ export type DBSelectProps = GlobalProps & ClickEventProps<HTMLSelectElement> & C
 export type DBSelectDefaultState = {
     _placeholderId: string;
     getOptionLabel: (option: DBSelectOptionType) => string;
+    shouldShowEmptyOption: () => boolean;
 };
 export type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState & FromValidState;

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

@@ -40,6 +40,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBSelectProps, {}, {}, {
     autocomplete: string | import("../../shared/model").AutoCompleteType;
     showMessage: boolean | string;
     options: DBSelectOptionType[];
+    showEmptyOption: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -7,12 +7,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DBTagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTagProps> & Readonly<{}>, {
+    semantic: import("../../shared/model").SemanticType;
     text: string;
     children: any;
     className: string;
     id: string;
     behavior: import("./model").TagBehaviorType | string;
-    semantic: import("../../shared/model").SemanticType;
     emphasis: import("../../shared/model").EmphasisType;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;