@db-ux/v-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/README.md

@@ -95,17 +95,6 @@ Both Inputs in this example do the same:
 </template>
 ```
 
-## Documentation for AI Agents
-
-We provide a documentation for every component in the DB UX Design System via `docs` folder.
-To consume those documentation for AI Agents the best way is to copy the `docs` folder into your project.
-
-We provide a CLI tool to do this automatically, which you can run with:
-
-```shell
-npx @db-ux/agent-cli
-```
-
 ## Deutsche Bahn brand
 
 As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even if being used with the code that we're providing with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.

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

@@ -16,10 +16,10 @@ declare const __VLS_component: import("vue").DefineComponent<DBButtonProps, void
     onClick: (event: import("../..").ClickEvent<HTMLButtonElement>) => void;
     variant: import("./model").ButtonVariantType | string;
     size: import("../..").SizeType;
-    icon: import("@db-ux/core-foundations").IconTypes;
-    showIcon: boolean | string;
     noText: boolean | string;
+    icon: import("@db-ux/core-foundations").IconTypes;
     width: import("../..").WidthType | string;
+    showIcon: boolean | string;
     showIconLeading: boolean | string;
     showIconTrailing: boolean | string;
     iconLeading: import("@db-ux/core-foundations").IconTypes;

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

@@ -1,14 +1,15 @@
-import { DBBrandProps } from "./model";
-declare var __VLS_1: {};
+import { DBControlPanelBrandProps } from "./model";
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    'additional-information'?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<DBBrandProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<DBControlPanelBrandProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBControlPanelBrandProps> & Readonly<{}>, {
     text: string;
     children: any;
     className: string;
     id: string;
-    hideLogo: boolean;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/control-panel-brand/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelBrand } from './control-panel-brand.vue';

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

@@ -0,0 +1,5 @@
+import { AdditionalInformationSlotProps, GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
+export type DBControlPanelBrandDefaultProps = {};
+export type DBControlPanelBrandProps = DBControlPanelBrandDefaultProps & GlobalProps & IconProps & ShowIconProps & TextProps & AdditionalInformationSlotProps;
+export type DBControlPanelBrandDefaultState = {};
+export type DBControlPanelBrandState = DBControlPanelBrandDefaultState & GlobalState;

package/dist/components/control-panel-desktop/control-panel-desktop.vue.d.ts

@@ -0,0 +1,30 @@
+import { DBControlPanelDesktopProps } from "./model";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    brand?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    'meta-navigation'?: (props: typeof __VLS_5) => any;
+} & {
+    'primary-actions'?: (props: typeof __VLS_7) => any;
+} & {
+    'secondary-actions'?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DBControlPanelDesktopProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBControlPanelDesktopProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    width: import("../..").MaxWidthType;
+    orientation: import("../..").OrientationType;
+    expanded: boolean | string;
+    expandButtonTooltip: string;
+    onExpandButtonTooltipFn: (open: 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 (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-desktop/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelDesktop } from './control-panel-desktop.vue';

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

@@ -0,0 +1,7 @@
+import { ContainerWidthProps, ControlPanelProps, GlobalProps, GlobalState, OrientationProps, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model';
+export type DBControlPanelDesktopDefaultProps = {};
+export type DBControlPanelDesktopProps = DBControlPanelDesktopDefaultProps & GlobalProps & ContainerWidthProps & ControlPanelProps & OrientationProps & SidebarProps;
+export type DBControlPanelDesktopDefaultState = {
+    onScroll: () => void;
+};
+export type DBControlPanelDesktopState = DBControlPanelDesktopDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState;

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

@@ -0,0 +1,18 @@
+import { DBControlPanelFlatIconNavigationProps } from "./model";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DBControlPanelFlatIconNavigationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBControlPanelFlatIconNavigationProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    noText: string | boolean;
+}, {}, {}, {}, 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 (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBControlPanelFlatIconNavigation } from "./control-panel-flat-icon-navigation.vue";

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

@@ -0,0 +1,7 @@
+import { GlobalProps, GlobalState, InitializedState } from '../../shared/model';
+export type DBControlPanelFlatIconNavigationDefaultProps = {
+    noText?: string | boolean;
+};
+export type DBControlPanelFlatIconNavigationProps = DBControlPanelFlatIconNavigationDefaultProps & GlobalProps;
+export type DBControlPanelFlatIconNavigationDefaultState = {};
+export type DBControlPanelFlatIconNavigationState = DBControlPanelFlatIconNavigationDefaultState & GlobalState & InitializedState;

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

@@ -0,0 +1,16 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: 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 (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState } from '../../shared/model';
+export type DBControlPanelMetaNavigationDefaultProps = {};
+export type DBControlPanelMetaNavigationProps = DBControlPanelMetaNavigationDefaultProps & GlobalProps;
+export type DBControlPanelMetaNavigationDefaultState = {};
+export type DBControlPanelMetaNavigationState = DBControlPanelMetaNavigationDefaultState & GlobalState;

package/dist/components/control-panel-mobile/control-panel-mobile.vue.d.ts

@@ -0,0 +1,33 @@
+import { DBControlPanelMobileProps } from "./model";
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    'meta-navigation'?: (props: typeof __VLS_7) => any;
+} & {
+    'secondary-actions'?: (props: typeof __VLS_9) => any;
+} & {
+    'flat-icon-navigation'?: (props: typeof __VLS_11) => any;
+} & {
+    brand?: (props: typeof __VLS_13) => any;
+} & {
+    'primary-actions'?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DBControlPanelMobileProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBControlPanelMobileProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    onToggle: (open: boolean) => void;
+    variant: import("./model").ShellControlPanelMobileVariantType;
+    width: import("../..").MaxWidthType;
+    position: import("../..").ShellControlPanelMobilePositionType;
+    drawerHeadlinePlain: string;
+    burgerMenuLabel: 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 (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-mobile/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelMobile } from './control-panel-mobile.vue';

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

@@ -0,0 +1,30 @@
+import { ContainerWidthProps, ControlPanelProps, GlobalProps, GlobalState, NavigationBehaviorState, ShellControlPanelMobilePositionType, ToggleEventProps, ToggleEventState } from '../../shared/model';
+export declare const ShellControlPanelMobileVariant: readonly ["drawer", "flat-icon"];
+export type ShellControlPanelMobileVariantType = (typeof ShellControlPanelMobileVariant)[number];
+export type DBControlPanelMobileDefaultProps = {
+    /**
+     * Text to pass in a headline for the drawer header.
+     */
+    drawerHeadlinePlain?: string;
+    /**
+     * This attribute sets the label for the burger menu button for mobile control-panel-desktops.
+     */
+    burgerMenuLabel?: string;
+    /**
+     * Change the position of the mobile content panel
+     */
+    position?: ShellControlPanelMobilePositionType;
+    /**
+     * Change the variant of the mobile content panel
+     */
+    variant?: ShellControlPanelMobileVariantType;
+    /**
+     * Optional flat icon navigation for a mobile app look. Only visible by using variant="flat-icon" as well.
+     */
+    flatIconNavigation?: any;
+};
+export type DBControlPanelMobileProps = DBControlPanelMobileDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps & ControlPanelProps;
+export type DBControlPanelMobileDefaultState = {
+    open: boolean;
+};
+export type DBControlPanelMobileState = DBControlPanelMobileDefaultState & GlobalState & ToggleEventState<HTMLElement> & NavigationBehaviorState;

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

@@ -0,0 +1,16 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: 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 (): {
+        $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';
+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,16 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: 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 (): {
+        $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';
+export type DBControlPanelSecondaryActionsDefaultProps = {};
+export type DBControlPanelSecondaryActionsProps = DBControlPanelSecondaryActionsDefaultProps & GlobalProps;
+export type DBControlPanelSecondaryActionsDefaultState = {};
+export type DBControlPanelSecondaryActionsState = DBControlPanelSecondaryActionsDefaultState & GlobalState;

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

@@ -189,6 +189,9 @@ export type DBCustomSelectDefaultState = {
     _infoTextId?: string;
     _internalChangeTimestamp: number;
     _documentClickListenerCallbackId?: string;
+    _documentScrollListenerCallbackId?: string;
+    handleDocumentScroll: (event: any) => void;
+    _observer?: IntersectionObserver;
     _searchValue?: string;
     _userInteraction?: boolean;
     getNativeSelectValue: () => string;
@@ -199,7 +202,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/drawer/drawer.vue.d.ts

@@ -15,6 +15,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBDrawerProps, void
     spacing: import("../../shared/model").SpacingType | string;
     backdrop: import("./model").DrawerBackdropType;
     direction: import("./model").DrawerDirectionType;
+    drawerHeaderPlain: string;
     rounded: boolean | string;
     position: import("./model").DrawerPositionType;
     onClose: (event?: KeyboardEvent | MouseEvent | undefined) => void;

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

@@ -1,7 +1,7 @@
 import { 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"];
+export declare const DrawerDirectionList: readonly ["custom", "left", "right", "up", "down"];
 export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
 export declare const DrawerVariantList: readonly ["modal", "inside"];
 export type DrawerVariantType = (typeof DrawerVariantList)[number];
@@ -22,6 +22,10 @@ export type DBDrawerDefaultProps = {
      * Slot for changing the header of the drawer.
      */
     drawerHeader?: any;
+    /**
+     * Text for changing the header of the drawer.
+     */
+    drawerHeaderPlain?: string;
     /**
      * The open attribute opens or closes the drawer based on the state.
      */

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

@@ -1,5 +1,14 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
-export type DBNavigationDefaultProps = {};
-export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
-export type DBNavigationDefaultState = {};
-export type DBNavigationState = DBNavigationDefaultState & GlobalState;
+import { GlobalProps, GlobalState, InitializedState, NavigationItemGroupVariant, NavigationItemGroupVariantType, OverflowScrollButtonProps, OverflowScrollButtonState } from '../../shared/model';
+export type DBNavigationDefaultProps = {
+    showTreeLine?: boolean | string;
+};
+export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps & OverflowScrollButtonProps & NavigationItemGroupVariant;
+export type DBNavigationDefaultState = {
+    onScroll: () => void;
+    _variant?: NavigationItemGroupVariantType;
+    _shellDesktopPosition?: string | null;
+    _subNavigationDesktopPosition?: string | null;
+    _handleSubNavigation: () => void;
+    _isSubNavigation?: boolean;
+};
+export type DBNavigationState = DBNavigationDefaultState & GlobalState & OverflowScrollButtonState & InitializedState;

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

@@ -1,11 +1,15 @@
-declare var __VLS_1: {};
+import { DBNavigationProps } from "./model";
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<DBNavigationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
+    variant: import("../..").NavigationItemGroupVariantType;
+    showTreeLine: boolean | string;
+    arrowScrollDistance: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,34 +1,19 @@
-import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
-import { NavigationItemSafeTriangle } from '../../utils/navigation';
+import { AdditionalInformationSlotProps, DisabledProps, GlobalProps, GlobalState, IconProps, ShowIconProps } from '../../shared/model';
 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.
      */
     active?: boolean;
     /**
-     * The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
+     * If you use DBShell with controlPanelDesktopPosition="left" you need
+     * to add a tooltip for collapsed navigation
      */
-    disabled?: boolean | string;
+    tooltip?: string;
     /**
-     * React-specific property to pass in a slot for sub-navigation
+     * Set the text for the navigation-item
      */
-    subNavigation?: any;
-    /**
-     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
-     */
-    subNavigationExpanded?: boolean | string;
-};
-export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & WrapProps & NavigationBackButtonProps & ShowIconProps & TextProps;
-export type DBNavigationItemDefaultState = {
-    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
-    hasAreaPopup: boolean;
-    isSubNavigationExpanded: boolean;
-    subNavigationId: string;
-    /**
-     * Internal state property to show/hide sub-navigation button
-     */
-    hasSubNavigation?: boolean;
-    navigationItemSafeTriangle?: NavigationItemSafeTriangle;
-    autoClose?: boolean;
+    text?: string;
 };
-export type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState & NavigationBehaviorState;
+export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & IconProps & ShowIconProps & DisabledProps & AdditionalInformationSlotProps;
+export type DBNavigationItemDefaultState = {};
+export type DBNavigationItemState = DBNavigationItemDefaultState & GlobalState;

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

@@ -1,28 +1,19 @@
-import { ClickEvent } from "../../shared/model";
 import { DBNavigationItemProps } from "./model";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_9: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
-} & {
-    'sub-navigation'?: (props: typeof __VLS_9) => any;
+    'additional-information'?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemProps, void, {}, {}, {}, 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;
     showIcon: boolean | string;
-    width: import("../../shared/model").WidthType | string;
-    wrap: boolean | string;
+    tooltip: string;
     active: boolean;
-    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;

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

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

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

@@ -0,0 +1,26 @@
+import { AdditionalInformationSlotProps, ClickEvent, ClickEventProps, ClickEventState, DisabledProps, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, NavigationItemGroupVariant, ShowIconProps } from '../../shared/model';
+import { NavigationItemSafeTriangle } from '../../utils/navigation';
+import { DBNavigationItemDefaultProps } from '../navigation-item/model';
+export type DBNavigationItemGroupDefaultProps = {
+    /**
+     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
+     */
+    expanded?: boolean | string;
+};
+export type DBNavigationItemGroupProps = DBNavigationItemGroupDefaultProps & NavigationBackButtonProps & ClickEventProps<HTMLButtonElement> & GlobalProps & IconProps & ShowIconProps & DBNavigationItemDefaultProps & DisabledProps & NavigationItemGroupVariant & AdditionalInformationSlotProps;
+export type DBNavigationItemGroupDefaultState = {
+    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    isSubNavigationExpanded: boolean;
+    subNavigationId: string;
+    /**
+     * 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;
+};
+export type DBNavigationItemGroupState = DBNavigationItemGroupDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & NavigationBehaviorState & InitializedState;

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

@@ -0,0 +1,29 @@
+import { ClickEvent } from "../../shared/model";
+import { DBNavigationItemGroupProps } from "./model";
+declare var __VLS_1: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    'additional-information'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemGroupProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemGroupProps> & Readonly<{}>, {
+    text: string;
+    disabled: boolean | string;
+    children: any;
+    className: string;
+    id: string;
+    onClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    expanded: boolean | string;
+    active: boolean;
+    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 (): {
+        $slots: S;
+    };
+};

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,50 @@
+import { GlobalProps, GlobalState, ShellControlPanelDesktopPositionType, ShellControlPanelMobilePositionType } from '../../shared/model';
+export declare const ShellSubNavigationMobilePosition: readonly ["top", "bottom"];
+export type ShellSubNavigationMobilePositionType = (typeof ShellSubNavigationMobilePosition)[number];
+export type DBShellDefaultProps = {
+    /**
+     * The slot can be used for React to set a desktopControlPanel.
+     */
+    controlPanelDesktop?: any;
+    /**
+     * Change the position of the desktop content panel
+     */
+    controlPanelDesktopPosition?: ShellControlPanelDesktopPositionType;
+    /**
+     * The slot can be used for React to set a mobileControlPanel.
+     */
+    controlPanelMobile?: any;
+    /**
+     * 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;
+    /**
+     * Adds `class` to `<main>` element
+     */
+    mainClass?: string;
+    /**
+     * The slot can be used for React to set a subNavigation.
+     */
+    subNavigation?: any;
+    /**
+     * 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,30 @@
+import { DBShellProps } from "./model";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    'control-panel-desktop'?: (props: typeof __VLS_1) => any;
+} & {
+    'control-panel-mobile'?: (props: typeof __VLS_3) => any;
+} & {
+    'sub-navigation'?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DBShellProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBShellProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    controlPanelDesktopPosition: import("../..").ShellControlPanelDesktopPositionType;
+    controlPanelMobilePosition: import("../..").ShellControlPanelMobilePositionType;
+    fadeIn: boolean | string;
+    mainClass: string;
+    subNavigationDesktopPosition: import("../..").ShellControlPanelDesktopPositionType;
+    subNavigationMobilePosition: import("./model").ShellSubNavigationMobilePositionType;
+    showSubNavigation: 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 (): {
+        $slots: S;
+    };
+};

package/dist/components/shell-sub-navigation/index.d.ts

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

package/dist/components/shell-sub-navigation/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model';
+export type DBShellSubNavigationDefaultProps = {};
+export type DBShellSubNavigationProps = DBShellSubNavigationDefaultProps & GlobalProps & SidebarProps;
+export type DBShellSubNavigationDefaultState = {};
+export type DBShellSubNavigationState = DBShellSubNavigationDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState;