@db-ux/v-core-components 4.12.1 → 4.13.0-shell-f221975

package/dist/components/control-panel-navigation/model.d.ts

@@ -0,0 +1,25 @@
+import { CollapsibleBehaviorProps, GlobalProps, GlobalState, InitializedState, NavigationItemGroupVariant, OverflowScrollButtonProps, OverflowScrollButtonState } from '../../shared/model.js';
+export type DBControlPanelNavigationDefaultProps = {
+    /**
+     * Show or hide the tree line connecting nested navigation items in tree variant.
+     * @default true
+     */
+    showTreeLine?: boolean | string;
+};
+export type DBControlPanelNavigationProps = DBControlPanelNavigationDefaultProps & GlobalProps & OverflowScrollButtonProps & NavigationItemGroupVariant & CollapsibleBehaviorProps;
+export type DBControlPanelNavigationDefaultState = {
+    onScroll: () => void;
+    _shellMobile?: boolean;
+    _shellDesktopPosition?: string | null;
+    _handleSubNavigation: () => void;
+    _handleTreeKeyDown: (event: any) => void;
+    _handleTreeKeys: (event: any) => void;
+    _handlePopoverKeys: (event: any) => void;
+    _focusParentGroupButton: (activeElement: HTMLElement) => boolean;
+    _closeSubMenuAndReturnToParent: (parentGroupMenu: Element) => void;
+    _resizeObserverCallbackId?: string;
+    _singleBehaviorObserver?: MutationObserver;
+    _attachSingleBehaviorObserver: () => void;
+    _setShellMobile: () => void;
+};
+export type DBControlPanelNavigationState = DBControlPanelNavigationDefaultState & GlobalState & OverflowScrollButtonState & InitializedState;

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

@@ -0,0 +1,27 @@
+import { DBControlPanelNavigationItemProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    'end-slot'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelNavigationItemProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelNavigationItemProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    text: string;
+    disabled: boolean | string;
+    icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
+    showIcon: boolean | string;
+    tooltip: string;
+    active: boolean;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-navigation-item/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelNavigationItem } from './control-panel-navigation-item.vue';

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

@@ -0,0 +1,20 @@
+import type { DisabledProps, EndSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, ShowIconProps, TextProps } from '../../shared/model.js';
+export type DBControlPanelNavigationItemDefaultProps = {
+    /**
+     * 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.
+     */
+    active?: boolean;
+    /**
+     * If you use DBShell with controlPanelDesktopPosition="left" or DBControlPanelFlatIcon
+     * you need to add a tooltip for collapsed navigation
+     */
+    tooltip?: string;
+} & EndSlotProps & TextProps;
+export type DBControlPanelNavigationItemProps = DBControlPanelNavigationItemDefaultProps & GlobalProps & IconProps & ShowIconProps & DisabledProps;
+export type DBControlPanelNavigationItemDefaultState = {
+    _tooltip?: string;
+    _savedHref?: string;
+    _role?: string;
+    _attributeObserver?: MutationObserver;
+};
+export type DBControlPanelNavigationItemState = DBControlPanelNavigationItemDefaultState & GlobalState & InitializedState;

package/dist/components/{navigation-item/navigation-item.vue.d.ts → control-panel-navigation-item-group/control-panel-navigation-item-group.vue.d.ts}

@@ -1,14 +1,12 @@
 import { ClickEvent } from "../../shared/model.js";
-import { DBNavigationItemProps } from "./model.js";
-declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {};
+import { DBControlPanelNavigationItemGroupProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    'end-slot'?: (props: typeof __VLS_1) => any;
 } & {
-    'sub-navigation'?: (props: typeof __VLS_9) => any;
-} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBNavigationItemProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelNavigationItemGroupProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelNavigationItemGroupProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
@@ -16,13 +14,11 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBNavigati
     text: string;
     disabled: boolean | string;
     onClick: (event: ClickEvent<HTMLButtonElement>) => void;
-    wrap: boolean | string;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
-    width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).WidthType | string;
+    expanded: boolean | string;
     active: boolean;
-    subNavigationExpanded: boolean | string;
-    hideSubNavigation: boolean | string;
+    menuId: string;
     backButtonId: string;
     backButtonText: string;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;

package/dist/components/control-panel-navigation-item-group/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelNavigationItemGroup } from './control-panel-navigation-item-group.vue';

package/dist/components/control-panel-navigation-item-group/model.d.ts

@@ -0,0 +1,44 @@
+import { ClickEvent, ClickEventProps, ClickEventState, DisabledProps, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps } from '../../shared/model.js';
+import { NavigationItemSafeTriangle } from '../../utils/navigation.js';
+import { DBControlPanelNavigationItemDefaultProps } from '../control-panel-navigation-item/model.js';
+export type DBControlPanelNavigationItemGroupDefaultProps = {
+    /**
+     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
+     */
+    expanded?: boolean | string;
+    /**
+     * Change id for db-control-panel-navigation-item-group-menu
+     */
+    menuId?: string;
+};
+export type DBControlPanelNavigationItemGroupProps = DBControlPanelNavigationItemGroupDefaultProps & NavigationBackButtonProps & ClickEventProps<HTMLButtonElement> & GlobalProps & IconProps & ShowIconProps & DBControlPanelNavigationItemDefaultProps & DisabledProps;
+export type DBControlPanelNavigationItemGroupDefaultState = {
+    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    isSubNavigationExpanded: boolean;
+    _itemGroupMenuId: string;
+    _intersectionObserverCallbackId?: string;
+    _resizeObserverCallbackId?: string;
+    _attributeObserver?: MutationObserver;
+    _role?: string;
+    _popoverListenersAttached: boolean;
+    _isMobile: boolean;
+    /**
+     * Internal state property to show/hide sub-navigation button
+     */
+    hasSubNavigation?: boolean;
+    hasPopup?: boolean;
+    navigationItemSafeTriangle?: NavigationItemSafeTriangle;
+    autoClose?: boolean;
+    onScroll: () => void;
+    handleEscape: (event: any) => void;
+    forceClose: () => void;
+    _attachPopoverListeners: () => void;
+    _detachPopoverListeners: () => void;
+    _teardownPopover: () => void;
+    _handleFocusIn: () => void;
+    _handleFocusOut: (event: any) => void;
+    _handleMouseEnter: () => void;
+    _handleMouseLeave: () => void;
+    _setSiblingsInert: (inert: boolean) => void;
+};
+export type DBControlPanelNavigationItemGroupState = DBControlPanelNavigationItemGroupDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & NavigationBehaviorState & InitializedState;

package/dist/components/control-panel-primary-actions/control-panel-primary-actions.vue.d.ts

@@ -0,0 +1,18 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-primary-actions/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelPrimaryActions } from './control-panel-primary-actions.vue';

package/dist/components/control-panel-primary-actions/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelPrimaryActionsDefaultProps = {};
+export type DBControlPanelPrimaryActionsProps = DBControlPanelPrimaryActionsDefaultProps & GlobalProps;
+export type DBControlPanelPrimaryActionsDefaultState = {};
+export type DBControlPanelPrimaryActionsState = DBControlPanelPrimaryActionsDefaultState & GlobalState;

package/dist/components/control-panel-secondary-actions/control-panel-secondary-actions.vue.d.ts

@@ -0,0 +1,18 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-secondary-actions/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelSecondaryActions } from './control-panel-secondary-actions.vue';

package/dist/components/control-panel-secondary-actions/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelSecondaryActionsDefaultProps = {};
+export type DBControlPanelSecondaryActionsProps = DBControlPanelSecondaryActionsDefaultProps & GlobalProps;
+export type DBControlPanelSecondaryActionsDefaultState = {};
+export type DBControlPanelSecondaryActionsState = DBControlPanelSecondaryActionsDefaultState & GlobalState;

package/dist/components/{brand/brand.vue.d.ts → control-panel-skip-navigation/control-panel-skip-navigation.vue.d.ts}

@@ -1,17 +1,15 @@
-import { DBBrandProps } from "./model.js";
+import { DBControlPanelSkipNavigationProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBBrandProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelSkipNavigationProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelSkipNavigationProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     text: string;
-    hideLogo: boolean;
-    icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
-    showIcon: boolean | string;
+    target: string;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/control-panel-skip-navigation/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelSkipNavigation } from './control-panel-skip-navigation.vue';

package/dist/components/control-panel-skip-navigation/model.d.ts

@@ -0,0 +1,16 @@
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelSkipNavigationDefaultProps = {
+    /**
+     * Change the text for the link providing a skip for navigation jumping to main content
+     */
+    text?: string;
+    /**
+     * Target id for the skip-navigation link. Must match the `mainId` prop
+     * on `DBShellContent` if you override it. Only one shell should exist per page.
+     * @default 'main-content'
+     */
+    target?: string;
+};
+export type DBControlPanelSkipNavigationProps = DBControlPanelSkipNavigationDefaultProps & GlobalProps;
+export type DBControlPanelSkipNavigationDefaultState = {};
+export type DBControlPanelSkipNavigationState = DBControlPanelSkipNavigationDefaultState & GlobalState;

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

@@ -11,8 +11,8 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomBu
     variant: import("../button/model.js", { with: { "resolution-mode": "import" } }).ButtonVariantType | string;
     size: import("../../index.js", { with: { "resolution-mode": "import" } }).SizeType;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
-    showIcon: boolean | string;
     width: import("../../index.js", { with: { "resolution-mode": "import" } }).WidthType | string;
+    showIcon: boolean | string;
     showIconLeading: boolean | string;
     showIconTrailing: boolean | string;
     iconLeading: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;

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

@@ -14,12 +14,12 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSe
     className: string;
     propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
+    multiple: boolean | string;
     form: string;
     label: string;
     values: string[];
     open: boolean;
     disabled: boolean | string;
-    multiple: boolean | string;
     variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
     placement: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PlacementVerticalType;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;

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

@@ -194,6 +194,10 @@ export type DBCustomSelectDefaultState = {
     _infoTextId?: string;
     _internalChangeTimestamp: number;
     _documentClickListenerCallbackId?: string;
+    _documentScrollListenerCallbackId?: string;
+    handleDocumentScroll: (event: any) => void;
+    _intersectionObserverCallbackId?: string;
+    _resizeObserverCallbackId?: string;
     _searchValue?: string;
     _userInteraction?: boolean;
     getNativeSelectValue: () => string;
@@ -204,7 +208,7 @@ export type DBCustomSelectDefaultState = {
     searchEnabled: boolean;
     amountOptions: number;
     setDescById: (descId?: string) => void;
-    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void) => void;
+    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void | any) => void;
     handleSummaryFocus: () => void;
     handleSelect: (value?: string) => void;
     handleSelectAll: (event: any) => void;

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

@@ -8,8 +8,8 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSe
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
-    label: string;
     multiple: boolean;
+    label: string;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,9 +1,11 @@
 import { DBDrawerProps } from "./model.js";
-declare var __VLS_1: {}, __VLS_9: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
-    'drawer-header'?: (props: typeof __VLS_1) => any;
+    header?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    footer?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBDrawerProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBDrawerProps> & Readonly<{}>, {
     id: string;
@@ -12,15 +14,13 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBDrawerPr
     propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     open: boolean | string;
     variant: import("./model.js", { with: { "resolution-mode": "import" } }).DrawerVariantType;
-    width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).WidthType | string;
-    spacing: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).SpacingType | string;
     backdrop: import("./model.js", { with: { "resolution-mode": "import" } }).DrawerBackdropType;
     direction: import("./model.js", { with: { "resolution-mode": "import" } }).DrawerDirectionType;
+    showSpacing: boolean | string;
     rounded: boolean | string;
     position: import("./model.js", { with: { "resolution-mode": "import" } }).DrawerPositionType;
+    containerSize: import("./model.js", { with: { "resolution-mode": "import" } }).DrawerContainerSizeType;
     onClose: (event?: KeyboardEvent | MouseEvent | undefined) => void;
-    closeButtonId: string;
-    closeButtonText: string;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,4 +1,4 @@
-import type { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model.js';
+import type { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState } from '../../shared/model.js';
 export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
 export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
 export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
@@ -7,6 +7,8 @@ export declare const DrawerVariantList: readonly ["modal", "inside"];
 export type DrawerVariantType = (typeof DrawerVariantList)[number];
 export declare const DrawerPositionList: readonly ["fixed", "absolute"];
 export type DrawerPositionType = (typeof DrawerPositionList)[number];
+export declare const DrawerContainerSizeList: readonly ["small", "medium", "large", "full"];
+export type DrawerContainerSizeType = (typeof DrawerContainerSizeList)[number];
 export type DBDrawerDefaultProps = {
     /**
      * The backdrop attribute changes the opacity of the backdrop.
@@ -21,7 +23,15 @@ export type DBDrawerDefaultProps = {
     /**
      * Slot for changing the header of the drawer.
      */
-    drawerHeader?: any;
+    header?: any;
+    /**
+     * Slot for changing the footer of the drawer.
+     */
+    footer?: any;
+    /**
+     * Shows a spacing between screen and drawer-content to provide enough space for the backdrop
+     */
+    showSpacing?: boolean | string;
     /**
      * The open attribute opens or closes the drawer based on the state.
      */
@@ -42,12 +52,17 @@ export type DBDrawerDefaultProps = {
      * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
      */
     position?: DrawerPositionType;
+    /**
+     * Change the size of the drawer container.
+     */
+    containerSize?: DrawerContainerSizeType;
 };
-export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
+export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>;
 export type DBDrawerDefaultState = {
     handleDialogOpen: () => void;
     isNotModal: () => boolean;
     handleBackdropPointerDown: (event: any) => void;
     backdropPointerDown: boolean;
+    _closeTimeoutId?: number;
 };
 export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;

package/dist/components/drawer-footer/drawer-footer.vue.d.ts

@@ -0,0 +1,18 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/drawer-footer/index.d.ts

@@ -0,0 +1 @@
+export { default as DBDrawerFooter } from './drawer-footer.vue';

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

@@ -0,0 +1,5 @@
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBDrawerFooterDefaultProps = {};
+export type DBDrawerFooterProps = DBDrawerFooterDefaultProps & GlobalProps;
+export type DBDrawerFooterDefaultState = {};
+export type DBDrawerFooterState = DBDrawerFooterDefaultState & GlobalState;

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

@@ -0,0 +1,26 @@
+import { DBDrawerHeaderProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    'start-slot'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    'end-slot'?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBDrawerHeaderProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBDrawerHeaderProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    text: string;
+    closeButtonId: string;
+    closeButtonText: string;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/drawer-header/index.d.ts

@@ -0,0 +1 @@
+export { default as DBDrawerHeader } from './drawer-header.vue';

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

@@ -0,0 +1,9 @@
+import { EndSlotProps, GlobalProps, GlobalState, InnerCloseButtonProps, StartSlotProps, TextProps } from '../../shared/model.js';
+export type DBDrawerHeaderDefaultProps = {};
+export type DBDrawerHeaderProps = DBDrawerHeaderDefaultProps & InnerCloseButtonProps & TextProps & GlobalProps & StartSlotProps & EndSlotProps;
+export type DBDrawerHeaderDefaultState = {
+    _headingId: string;
+    setAriaLabelledBy: () => void;
+    removeAriaLabelledBy: () => void;
+};
+export type DBDrawerHeaderState = DBDrawerHeaderDefaultState & GlobalState;

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

@@ -15,6 +15,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBInputPro
     autofocus: boolean | string;
     propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
+    multiple: boolean | string;
     form: string;
     input: (event: InputEvent<HTMLInputElement>) => void;
     label: string;
@@ -26,7 +27,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBInputPro
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     onInput: (event: InputEvent<HTMLInputElement>) => void;
     type: import("./model.js", { with: { "resolution-mode": "import" } }).InputTypeType | string;
-    multiple: boolean | string;
     variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
     size: number;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;

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

@@ -20,9 +20,9 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBNotifica
     variant: import("./model.js", { with: { "resolution-mode": "import" } }).NotificationVariantType;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
-    onClose: (event?: MouseEvent | undefined) => void;
     closeButtonId: string;
     closeButtonText: string;
+    onClose: (event?: MouseEvent | undefined) => void;
     closeable: boolean | string;
     linkVariant: import("./model.js", { with: { "resolution-mode": "import" } }).NotificationLinkVariantType;
     showHeadline: boolean | string;

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

@@ -14,6 +14,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBSelectPr
     className: string;
     propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
+    multiple: boolean;
     input: (event: InputEvent<HTMLSelectElement>) => void;
     label: string;
     value: any;
@@ -23,7 +24,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBSelectPr
     onChange: (event: ChangeEvent<HTMLSelectElement>) => void;
     onInput: (event: InputEvent<HTMLSelectElement>) => void;
     onClick: (event: ClickEvent<HTMLSelectElement>) => void;
-    multiple: boolean;
     variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
     size: number;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;

package/dist/components/shell/index.d.ts

@@ -0,0 +1 @@
+export { default as DBShell } from './shell.vue';

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

@@ -0,0 +1,34 @@
+import { GlobalProps, GlobalState, ShellControlPanelDesktopPositionType, ShellControlPanelMobilePositionType } from '../../shared/model.js';
+export declare const ShellSubNavigationMobilePosition: readonly ["top", "bottom", "none"];
+export type ShellSubNavigationMobilePositionType = (typeof ShellSubNavigationMobilePosition)[number];
+export type DBShellDefaultProps = {
+    /**
+     * Change the position of the desktop content panel
+     */
+    controlPanelDesktopPosition?: ShellControlPanelDesktopPositionType;
+    /**
+     * Change the position of the mobile content panel
+     */
+    controlPanelMobilePosition?: ShellControlPanelMobilePositionType;
+    /**
+     * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
+     */
+    fadeIn?: boolean | string;
+    /**
+     * Change the position of the optional sub navigation for desktop
+     */
+    subNavigationDesktopPosition?: ShellControlPanelDesktopPositionType;
+    /**
+     * Change the position of the optional sub navigation for mobile
+     */
+    subNavigationMobilePosition?: ShellSubNavigationMobilePositionType;
+    /**
+     * Shows sub-navigation
+     */
+    showSubNavigation?: boolean | string;
+};
+export type DBShellProps = DBShellDefaultProps & GlobalProps;
+export type DBShellDefaultState = {
+    fontsLoaded?: boolean;
+};
+export type DBShellState = DBShellDefaultState & GlobalState;

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

@@ -0,0 +1,25 @@
+import { DBShellProps } from "./model.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBShellProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBShellProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    controlPanelDesktopPosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelDesktopPositionType;
+    controlPanelMobilePosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelMobilePositionType;
+    fadeIn: boolean | string;
+    subNavigationDesktopPosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelDesktopPositionType;
+    subNavigationMobilePosition: import("./model.js", { with: { "resolution-mode": "import" } }).ShellSubNavigationMobilePositionType;
+    showSubNavigation: boolean | string;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/shell-content/index.d.ts

@@ -0,0 +1 @@
+export { default as DBShellContent } from './shell-content.vue';

package/dist/components/shell-content/model.d.ts

@@ -0,0 +1,28 @@
+import type { EndSlotProps, GlobalProps, GlobalState, StartSlotProps } from '../../shared/model.js';
+export declare const ShellContentVariantList: readonly ["auto", "fixed"];
+export type ShellContentVariantType = (typeof ShellContentVariantList)[number];
+export type DBShellContentDefaultProps = {
+    /**
+     * Adds `class` to `<main>` element
+     */
+    mainClass?: string;
+    /**
+     * Overrides the default `id` on the `<main>` element.
+     * This id is used as the target for the shell skip-navigation link.
+     * Only one `DBShellContent` should exist per page to avoid duplicate IDs.
+     * @default 'main-content'
+     */
+    mainId?: string;
+    /**
+     * Adds `aria-label` to `<main>` element
+     */
+    mainLabel?: string;
+    /**
+     * Change the scrolling behavior. `auto` scrolling on complete wrapper, `fixed` scrolling only in for main.
+     * @default auto
+     */
+    variant?: ShellContentVariantType;
+};
+export type DBShellContentProps = DBShellContentDefaultProps & GlobalProps & StartSlotProps & EndSlotProps;
+export type DBShellContentDefaultState = {};
+export type DBShellContentState = DBShellContentDefaultState & GlobalState;