@db-ux/v-core-components 4.0.4 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @db-ux/v-core-components
 
+## 4.2.0
+
+### Minor Changes
+
+- feat(DBHeader): Passthrough property `closeButtonText` for the close button within the inner `DBDrawer`. - [see commit 211cf1d](https://github.com/db-ux-design-system/core-web/commit/211cf1d1fa98938d5bce732863da8bb3f7b75f98)
+
+## 4.1.0
+
+### Minor Changes
+
+- refactor(notification): update and simplify grid layout for block link variant - [see commit cb83f96](https://github.com/db-ux-design-system/core-web/commit/cb83f966eaf29c85b4cf0079750bdd563f216d6e)
+
+- fix(DBCustomSelect): properly announce selected options - [see commit 773edeb](https://github.com/db-ux-design-system/core-web/commit/773edeb943a085eb79e1c8d59059137b2830fbf0):
+  - feat(DBCustomSelect): introduce new property `selectedPrefix`
+
+### Patch Changes
+
+- fix(DBCustomSelect): automatically handle form reset events - [see commit 6af5246](https://github.com/db-ux-design-system/core-web/commit/6af5246b3b2e6febdc6ff6342ba1a8eb10184d14):
+  - An event listener is now added for every form component (input, custom-select, etc.) when a `form` property is passed.
+  - This listener detects form resets and updates the component's internal value/checked state accordingly.
+  - > **Note**: This does not work for `ngModel` in Angular.
+
+- fix(button): Replace fixed height with min-height for buttons to allow dynamic height adjustment when text wraps - [see commit d1fd2c4](https://github.com/db-ux-design-system/core-web/commit/d1fd2c4e58a5ed6f75fab44700cd2d93c7232474)
+
+- fix(input): Date or time types – initial value gets displayed as placeholder [see commit e3c7ce7](e3c7ce7718803624557bc8fc66f7b662b42ff0be)
+
 ## 4.0.4
 
 ### Patch Changes

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

@@ -50,6 +50,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {},
     searchValue: string;
     selectAllLabel: string;
     selectedLabels: string;
+    selectedPrefix: string;
     selectedType: import("./model").SelectedTypeType;
     showClearSelection: boolean;
     showLoading: boolean;

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

@@ -140,6 +140,11 @@ export type DBCustomSelectDefaultProps = {
      * You need to define the empty state as well based on selected options.
      */
     selectedLabels?: string;
+    /**
+     * Optional: Prefix text announced by screen readers before the selection
+     * (e.g., "Ausgewählt" or "Selected").
+     */
+    selectedPrefix?: string;
     /**
      * Change the selected type for values shown in multi select
      */

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

@@ -23,6 +23,8 @@ declare const __VLS_base: import("vue").DefineComponent<DBHeaderProps, {}, {}, {
     id: string;
     onToggle: (open: boolean) => void;
     width: import("../..").MaxWidthType;
+    closeButtonId: string;
+    closeButtonText: string;
     drawerOpen: boolean | string;
     forceMobile: boolean | string;
     burgerMenuLabel: string;

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

@@ -1,4 +1,4 @@
-import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
+import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
 export type DBHeaderDefaultProps = {
     /**
      * Slot to pass in the DBBrand component
@@ -37,7 +37,7 @@ export type DBHeaderDefaultProps = {
      */
     burgerMenuLabel?: string;
 };
-export type DBHeaderProps = DBHeaderDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
+export type DBHeaderProps = DBHeaderDefaultProps & InnerCloseButtonProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
 export type DBHeaderDefaultState = {
     forcedToMobile?: boolean;
 };

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

@@ -1,5 +1,5 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, InputEventProps, InputEventState, SizeProps } from '../../shared/model';
 export type DBRadioDefaultProps = {};
-export type DBRadioProps = DBRadioDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
+export type DBRadioProps = DBRadioDefaultProps & GlobalProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
 export type DBRadioDefaultState = {};
-export type DBRadioState = DBRadioDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;
+export type DBRadioState = DBRadioDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;

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

@@ -11,6 +11,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBRadioProps, {}, {}, {}
 }>, {
     value: any;
     name: string;
+    input: (event: import("../../shared/model").InputEvent<HTMLInputElement>) => void;
     label: string;
     disabled: boolean | string;
     children: any;
@@ -19,6 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBRadioProps, {}, {}, {}
     onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
     onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onInput: (event: import("../../shared/model").InputEvent<HTMLInputElement>) => void;
     size: import("../../shared/model").SizeType;
     validation: import("../../shared/model").ValidationType;
     required: boolean | string;

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

@@ -1,4 +1,4 @@
-import { InteractionEvent } from "../../shared/model";
+import { ChangeEvent, InteractionEvent } from "../../shared/model";
 import { DBSwitchProps } from "./model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -18,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBSwitchProps, {}, {}, {
     id: string;
     onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
     onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     variant: never;
     size: import("../../shared/model").SizeType;
     icon: import("@db-ux/core-foundations").IconTypes;