@db-ux/v-core-components 4.9.0-stencil-bundle-ad37ca4 → 4.9.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @db-ux/v-core-components
 
+## 4.9.1
+
+### Patch Changes
+
+- fix(switch): use `2lh` unit and add `min-inline-size` to prevent track from shrinking - [see commit 78c9fde](https://github.com/db-ux-design-system/core-web/commit/78c9fde67d9677f61eaa41761a088b9c1a9773a1)
+
+- fix(notification): remove empty grid gap when icon is hidden - [see commit 96f94c6](https://github.com/db-ux-design-system/core-web/commit/96f94c651391f014e2d073402c2700b524ccbf5e)
+
+## 4.9.0
+
+### Minor Changes
+
+- refactor: allow text and children to be used together in components - [see commit cecb833](https://github.com/db-ux-design-system/core-web/commit/cecb833e2d2b2d15b47f9ac1ed57ccf1040374f0):
+    - feat: add `text` property to components that previously only supported children for their label, like e.g. `DBTooltip`.
+    - refactor: allow `text` property and components children to be used in parallel in components. Previously, `text` and children were mutually exclusive.
+    - refactor(`DBRadio`, `DBCheckbox`, `DBSwitch`): `label` and `children` can now be used together. Previously they were mutually exclusive.
+    - fix(`DBTag`): changed render order of `children` and `text` to align with design (children rendered before text).
+
 ## 4.8.0
 
 ### Minor Changes
@@ -189,7 +207,7 @@ _version bump_
 
 - fix: set DBTabItem internal state `_selected` correctly - [see commit f7625cb](https://github.com/db-ux-design-system/core-web/commit/f7625cbd9d64513527e826c9d2c1ef42b2734a4b):
 
-          - Now also sets aria-selected=true|false correctly which improves screen reader behaviour
+            - Now also sets aria-selected=true|false correctly which improves screen reader behaviour
 
 ## 4.2.1
 

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

@@ -1,5 +1,5 @@
-import { GlobalProps, InitializedState } from '../../shared/model';
-import { DBAccordionItemDefaultProps } from '../accordion-item/model';
+import type { GlobalProps, InitializedState } from '../../shared/model';
+import type { DBAccordionItemDefaultProps } from '../accordion-item/model';
 export declare const AccordionVariantList: readonly ["divider", "card"];
 export type AccordionVariantType = (typeof AccordionVariantList)[number];
 export declare const AccordionBehaviorList: readonly ["multiple", "single"];

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

@@ -13,7 +13,6 @@ declare const __VLS_base: import("vue").DefineComponent<DBAccordionItemProps, {}
     name: string;
     text: string;
     defaultOpen: boolean;
-    open: boolean;
     disabled: boolean | string;
     headlinePlain: string;
     onToggle: (open: boolean) => void;

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

@@ -1,13 +1,9 @@
-import { GlobalProps, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
+import type { GlobalProps, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
 export type DBAccordionItemDefaultProps = {
     /**
      * Initial state for the accordion item
      */
     defaultOpen?: boolean;
-    /**
-     * State for the accordion item
-     */
-    open?: boolean;
     /**
      * The disabled attribute can be set to keep a user from clicking on the element.
      */

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

@@ -1,4 +1,4 @@
-import { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
+import type { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
 export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
 export type BadgePlacementType = (typeof BadgePlacementList)[number];
 export type DBBadgeDefaultProps = {

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
 export type DBBrandDefaultProps = {
     /**
      * @deprecated: Disable the default logo svg to pass in a custom `img`

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

@@ -1,4 +1,4 @@
-import { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
+import type { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
 export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
 export type ButtonVariantType = (typeof ButtonVariantList)[number];
 export declare const ButtonTypeList: readonly ["button", "reset", "submit"];

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

@@ -1,4 +1,4 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
+import type { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
 export declare const CardBehaviorList: readonly ["static", "interactive"];
 export type CardBehaviorType = (typeof CardBehaviorList)[number];
 export declare const CardElevationLevelList: readonly ["1", "2", "3"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
 export type DBCheckboxDefaultProps = {
     /**
      * Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox

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

@@ -1,5 +1,5 @@
-import { GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, WidthProps, WrapProps } from '../../shared/model';
-import { DBButtonSharedProps } from '../button/model';
+import type { GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, WidthProps, WrapProps } from '../../shared/model';
+import type { DBButtonSharedProps } from '../button/model';
 export type DBCustomButtonDefaultProps = {};
 export type DBCustomButtonProps = DBCustomButtonDefaultProps & DBButtonSharedProps & GlobalProps & IconProps & WidthProps & SizeProps & ShowIconProps & ShowIconLeadingProps & ShowIconTrailingProps & IconLeadingProps & IconTrailingProps & NoTextProps & WrapProps;
 export type DBCustomButtonDefaultState = {};

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

@@ -17,8 +17,8 @@ declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {},
     form: string;
     label: string;
     values: string[];
-    open: boolean;
     disabled: boolean | string;
+    open: boolean;
     multiple: boolean | string;
     variant: import("../../shared/model").LabelVariantType;
     placement: import("../../shared/model").PlacementVerticalType;

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

@@ -1,7 +1,7 @@
-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 { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
-import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
-import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
+import type { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
+import type { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
+import type { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
+import type { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
 export type CustomSelectOptionType = {
     /**
      * Disables this option

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export declare const CustomSelectDropdownWidthList: readonly ["fixed", "auto", "full"];
 export type CustomSelectDropdownWidthType = (typeof CustomSelectDropdownWidthList)[number];
 export type DBCustomSelectDropdownDefaultProps = {

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export type DBCustomSelectFormFieldDefaultProps = {};
 export type DBCustomSelectFormFieldProps = DBCustomSelectFormFieldDefaultProps & GlobalProps;
 export type DBCustomSelectFormFieldDefaultState = {};

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export type DBCustomSelectListDefaultProps = {
     label?: string;
     multiple?: boolean;

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

@@ -1,4 +1,4 @@
-import { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
+import type { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
 export declare const CustomSelectListItemTypeList: readonly ["checkbox", "radio"];
 export type CustomSelectListItemTypeType = (typeof CustomSelectListItemTypeList)[number];
 export type DBCustomSelectListItemExtraProps = {

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

@@ -1,4 +1,4 @@
-import { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
+import type { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
 export declare const DividerMarginList: readonly ["none", "_"];
 export type DividerMarginType = (typeof DividerMarginList)[number];
 export declare const DividerVariantList: readonly ["horizontal", "vertical"];

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

@@ -1,4 +1,4 @@
-import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
+import type { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, 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"];

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

@@ -1,19 +1,19 @@
 import { DBHeaderProps } from "./model";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_15: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
-    'meta-navigation'?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_7) => any;
 } & {
-    brand?: (props: typeof __VLS_3) => any;
+    'meta-navigation'?: (props: typeof __VLS_9) => any;
 } & {
-    default?: (props: typeof __VLS_5) => any;
+    'secondary-action'?: (props: typeof __VLS_11) => any;
 } & {
-    'primary-action'?: (props: typeof __VLS_7) => any;
+    'meta-navigation'?: (props: typeof __VLS_13) => any;
 } & {
-    'secondary-action'?: (props: typeof __VLS_15) => any;
+    brand?: (props: typeof __VLS_15) => any;
 } & {
-    default?: (props: typeof __VLS_23) => any;
+    default?: (props: typeof __VLS_17) => any;
 } & {
-    'meta-navigation'?: (props: typeof __VLS_25) => any;
+    'primary-action'?: (props: typeof __VLS_19) => any;
 } & {
     'secondary-action'?: (props: typeof __VLS_27) => any;
 };

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

@@ -1,4 +1,4 @@
-import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
+import type { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
 export type DBHeaderDefaultProps = {
     /**
      * Slot to pass in the DBBrand component

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
 export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
 export type IconWeightType = (typeof IconWeightList)[number];
 export type DBIconDefaultProps = {

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
 export type DBInfotextDefaultProps = {};
 export type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & IconProps & SizeProps & ShowIconProps & TextProps & WrapProps;
 export type DBInfotextDefaultState = {};

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InputEventProps, InputEventState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeType, ValueLabelType } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InputEventProps, InputEventState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeType, 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 = {

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

@@ -1,4 +1,4 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, RoleProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
+import type { 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"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps } from '../../shared/model';
+import type { GlobalProps } from '../../shared/model';
 export type DBNavigationDefaultProps = {};
 export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
 export type DBNavigationDefaultState = {};

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

@@ -1,5 +1,5 @@
-import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
-import { NavigationItemSafeTriangle } from '../../utils/navigation';
+import type { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
+import type { NavigationItemSafeTriangle } from '../../utils/navigation';
 export type DBNavigationItemDefaultProps = {
     /**
      * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current="page" on the contained anchor, this does not guarantee correct a11y.
@@ -17,10 +17,6 @@ export type DBNavigationItemDefaultProps = {
      * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
      */
     subNavigationExpanded?: boolean | string;
-    /**
-     * Force hide sub-navigation - for web component output
-     */
-    hideSubNavigation?: boolean;
 };
 export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & WrapProps & NavigationBackButtonProps & ShowIconProps & TextProps;
 export type DBNavigationItemDefaultState = {

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

@@ -1,12 +1,12 @@
 import { ClickEvent } from "../../shared/model";
 import { DBNavigationItemProps } from "./model";
-declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    'sub-navigation'?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_3) => any;
 } & {
-    default?: (props: typeof __VLS_11) => any;
+    'sub-navigation'?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DBNavigationItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
     id: string;
@@ -22,7 +22,6 @@ declare const __VLS_base: import("vue").DefineComponent<DBNavigationItemProps, {
     width: import("../../shared/model").WidthType | string;
     active: boolean;
     subNavigationExpanded: boolean | string;
-    hideSubNavigation: boolean;
     backButtonId: string;
     backButtonText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,4 +1,4 @@
-import { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, RoleProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
+import type { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, 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"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export declare const PageVariantList: readonly ["auto", "fixed"];
 export type PageVariantType = (typeof PageVariantList)[number];
 export declare const PageDocumentOverflowList: readonly ["hidden", "auto"];

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

@@ -1,4 +1,4 @@
-import { GapProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, SpacingProps } from '../../shared/model';
+import type { GapProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, SpacingProps } from '../../shared/model';
 export type DBPopoverDefaultProps = {
     /**
      * Use open to disable the default hover/focus behavior to use it on click or other trigger.

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

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

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

@@ -1,3 +1,3 @@
-import { ContainerWidthProps, GlobalProps, SpacingProps } from '../../shared/model';
+import type { ContainerWidthProps, GlobalProps, SpacingProps } from '../../shared/model';
 export type DBSectionDefaultProps = {};
 export type DBSectionProps = DBSectionDefaultProps & GlobalProps & SpacingProps & ContainerWidthProps;

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
      * @deprecated

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

@@ -1,4 +1,4 @@
-import { GapSpacingProps, GlobalProps, GlobalState } from '../../shared/model';
+import type { GapSpacingProps, GlobalProps, GlobalState } from '../../shared/model';
 export declare const StackVariantList: readonly ["simple", "divider"];
 export type StackVariantType = (typeof StackVariantList)[number];
 export declare const StackDirectionList: readonly ["row", "column"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, LabelVariantHorizontalType, SizeProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, LabelVariantHorizontalType, SizeProps } from '../../shared/model';
 export type DBSwitchDefaultProps = {
     /**
      * Add additional icons to indicate active/inactive state.

package/dist/components/tab-item/model.d.ts

@@ -1,4 +1,4 @@
-import { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';
+import type { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';
 export type DBTabItemDefaultProps = {
     /**
      * To control the component

package/dist/components/tab-list/model.d.ts

@@ -1,4 +1,4 @@
-import { GlobalProps } from '../../shared/model';
+import type { GlobalProps } from '../../shared/model';
 export type DBTabListDefaultProps = {};
 export type DBTabListProps = DBTabListDefaultProps & GlobalProps;
 export type DBTabListDefaultState = {};

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export type DBTabPanelDefaultProps = {
     /**
      * The content if you don't want to use children.

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

@@ -1,6 +1,6 @@
-import { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
-import { DBTabItemProps } from '../tab-item/model';
-import { DBTabPanelProps } from '../tab-panel/model';
+import type { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
+import type { DBTabItemProps } from '../tab-item/model';
+import type { DBTabPanelProps } from '../tab-panel/model';
 export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
 export type TabsBehaviorType = (typeof TabsBehaviorList)[number];
 export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];

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

@@ -1,4 +1,4 @@
-import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, NoTextProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
+import type { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, NoTextProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagEventsProps = {

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
 export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
 export type TextareaResizeType = (typeof TextareaResizeList)[number];
 export declare const TextareaWrapList: readonly ["hard", "soft", "off"];

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

@@ -1,4 +1,4 @@
-import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, ResetIdState, TextProps, WrapProps } from '../../shared/model';
+import type { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, ResetIdState, TextProps, WrapProps } from '../../shared/model';
 export declare const TooltipVariantList: readonly ["description", "label"];
 export type TooltipVariantType = (typeof TooltipVariantList)[number];
 export type DBTooltipDefaultProps = {

package/dist/db-ux.es.js

@@ -57,10 +57,6 @@ var b = () => {
 			type: Boolean,
 			default: void 0
 		},
-		open: {
-			type: Boolean,
-			default: void 0
-		},
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
@@ -95,16 +91,11 @@ var b = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [o.open], () => {
-			o.open !== void 0 && (s.value = o.open);
-		}, {
-			immediate: !0,
-			flush: "post"
 		});
 		function y(e) {
 			e?.preventDefault();
 			let t = !s.value;
-			o.onToggle && o.onToggle(t), o.open === void 0 && (s.value = t);
+			o.onToggle && o.onToggle(t), s.value = t;
 		}
 		return (l, f) => (d(), r("li", {
 			id: t.id ?? t.propOverrides?.id,
@@ -143,7 +134,7 @@ var b = () => {
 			o.name,
 			o.behavior
 		], () => {
-			u.value && y.value && (o.behavior === "single" ? o.name ? s.value !== o.name && (s.value = o.name) : s.value = `accordion-${a}` : s.value = "");
+			u.value && (o.behavior === "single" ? o.name ? s.value !== o.name && (s.value = o.name) : s.value = `accordion-${a}` : s.value = "");
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -2448,7 +2439,7 @@ var b = () => {
 		}
 		function _() {
 			if (s.value) {
-				let e = k(t.open);
+				let e = !!t.open;
 				e && !s.value.open && (u.value && u.value.removeAttribute("data-transition"), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? s.value.show() : s.value.showModal(), D(() => {
 					u.value && (u.value.dataset.transition = "open");
 				}, 1)), !e && s.value.open && (u.value && (u.value.dataset.transition = "close"), D(() => {
@@ -2572,7 +2563,7 @@ var b = () => {
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], hn = { class: "db-header-meta-navigation" }, gn = { class: "db-header-navigation-bar" }, _n = { class: "db-header-brand-container" }, vn = { class: "db-header-navigation-container" }, yn = { class: "db-header-navigation" }, bn = { class: "db-header-primary-action" }, xn = { class: "db-header-action-container" }, Sn = { class: "db-header-burger-menu-container" }, Cn = { class: "db-header-secondary-action" }, wn = { class: "db-header-drawer-navigation" }, Tn = { class: "db-header-meta-navigation" }, En = { class: "db-header-secondary-action" }, Dn = /* @__PURE__ */ s({
+], hn = { class: "db-header-drawer-navigation" }, gn = { class: "db-header-meta-navigation" }, _n = { class: "db-header-secondary-action" }, vn = { class: "db-header-meta-navigation" }, yn = { class: "db-header-navigation-bar" }, bn = { class: "db-header-brand-container" }, xn = { class: "db-header-navigation-container" }, Sn = { class: "db-header-navigation" }, Cn = { class: "db-header-primary-action" }, wn = { class: "db-header-action-container" }, Tn = { class: "db-header-burger-menu-container" }, En = { class: "db-header-secondary-action" }, Dn = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2633,20 +2624,6 @@ var b = () => {
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
-			i("div", hn, [m(n.$slots, "meta-navigation")]),
-			i("div", gn, [
-				i("div", _n, [m(n.$slots, "brand")]),
-				i("div", vn, [i("div", yn, [m(n.$slots, "default")]), i("div", bn, [m(n.$slots, "primary-action")])]),
-				i("div", xn, [i("div", Sn, [o(Ie, {
-					icon: "menu",
-					variant: "ghost",
-					noText: !0,
-					onClick: (e) => p()
-				}, {
-					default: y(() => [a(h(e.burgerMenuLabel ?? g("BurgerMenu")), 1)]),
-					_: 1
-				}, 8, ["onClick"])]), i("div", Cn, [m(n.$slots, "secondary-action")])])
-			]),
 			o(sn, {
 				class: "db-header-drawer",
 				spacing: "small",
@@ -2656,16 +2633,30 @@ var b = () => {
 				open: g(k)(e.drawerOpen),
 				onClose: (e) => p()
 			}, {
-				default: y(() => [i("div", wn, [i("div", {
+				default: y(() => [i("div", hn, [i("div", {
 					class: "db-header-navigation",
 					onClick: l[0] ||= async (e) => _(e)
-				}, [m(n.$slots, "default")]), i("div", Tn, [m(n.$slots, "meta-navigation")])]), i("div", En, [m(n.$slots, "secondary-action")])]),
+				}, [m(n.$slots, "default")]), i("div", gn, [m(n.$slots, "meta-navigation")])]), i("div", _n, [m(n.$slots, "secondary-action")])]),
 				_: 3
 			}, 8, [
 				"closeButtonId",
 				"closeButtonText",
 				"open",
 				"onClose"
+			]),
+			i("div", vn, [m(n.$slots, "meta-navigation")]),
+			i("div", yn, [
+				i("div", bn, [m(n.$slots, "brand")]),
+				i("div", xn, [i("div", Sn, [m(n.$slots, "default")]), i("div", Cn, [m(n.$slots, "primary-action")])]),
+				i("div", wn, [i("div", Tn, [o(Ie, {
+					icon: "menu",
+					variant: "ghost",
+					noText: !0,
+					onClick: (e) => p()
+				}, {
+					default: y(() => [a(h(e.burgerMenuLabel ?? g("BurgerMenu")), 1)]),
+					_: 1
+				}, 8, ["onClick"])]), i("div", En, [m(n.$slots, "secondary-action")])])
 			])
 		], 10, mn));
 	}
@@ -2868,10 +2859,6 @@ var b = () => {
 			type: [Boolean, String],
 			default: void 0
 		},
-		hideSubNavigation: {
-			type: Boolean,
-			default: void 0
-		},
 		children: { default: void 0 },
 		className: { default: void 0 },
 		class: {},
@@ -2942,7 +2929,7 @@ var b = () => {
 			"data-active": t.active,
 			"data-wrap": g(O)(t.wrap),
 			"aria-disabled": g(O)(t.disabled)
-		}, [!g(k)(t.hideSubNavigation, "hideSubNavigation") && x.value ? (d(), r(e, { key: 0 }, [i("button", {
+		}, [x.value ? n("", !0) : (d(), r(e, { key: 0 }, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 64)), x.value ? (d(), r(e, { key: 1 }, [i("button", {
 			class: "db-navigation-item-expand-button",
 			id: A.value,
 			"aria-haspopup": b.value ? "true" : void 0,
@@ -2964,7 +2951,7 @@ var b = () => {
 		}, {
 			default: y(() => [a(h(t.backButtonText ?? g("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), m(s.$slots, "sub-navigation")], 8, Vn)], 64)) : (d(), r(e, { key: 1 }, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 64))], 42, zn));
+		}, 8, ["id", "onClick"])])) : n("", !0), m(s.$slots, "sub-navigation")], 8, Vn)], 64)) : n("", !0)], 42, zn));
 	}
 }), Wn = [
 	"id",