@db-ux/react-core-components 3.0.2-shell4-bdb351c → 3.0.3

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

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

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

@@ -1,7 +0,0 @@
-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-flat-icon-navigation/model.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBControlPanelMetaNavigation: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps> & import("../..").GlobalProps & React.RefAttributes<any>>;
-export default DBControlPanelMetaNavigation;

package/dist/components/control-panel-meta-navigation/control-panel-meta-navigation.js

@@ -1,11 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useRef, forwardRef } from "react";
-import { cls } from "../../utils";
-function DBControlPanelMetaNavigationFn(props, component) {
-    const _ref = component || useRef(undefined);
-    return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-control-panel-meta-navigation", props.className) }), props.children));
-}
-const DBControlPanelMetaNavigation = forwardRef(DBControlPanelMetaNavigationFn);
-export default DBControlPanelMetaNavigation;

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

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

package/dist/components/control-panel-meta-navigation/index.js

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

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

@@ -1,5 +0,0 @@
-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-meta-navigation/model.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBControlPanelMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "width" | keyof import("../..").GlobalProps | keyof import("../..").ToggleEventProps | keyof import("../..").ControlPanelProps | keyof import("./model").DBControlPanelMobileDefaultProps> & import("./model").DBControlPanelMobileDefaultProps & import("../..").GlobalProps & import("../..").ToggleEventProps & import("../..").ContainerWidthProps & import("../..").ControlPanelProps & React.RefAttributes<any>>;
-export default DBControlPanelMobile;

package/dist/components/control-panel-mobile/control-panel-mobile.js

@@ -1,41 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useState, useRef, forwardRef } from "react";
-import { DEFAULT_BURGER_MENU } from "../../shared/constants";
-import { cls } from "../../utils";
-import { isEventTargetNavigationItem } from "../../utils/navigation";
-import DBButton from "../button/button";
-import DBDrawer from "../drawer/drawer";
-function DBControlPanelMobileFn(props, component) {
-    var _a;
-    const _ref = component || useRef(undefined);
-    const [open, setOpen] = useState(() => false);
-    function handleToggle(event) {
-        if (event.stopPropagation) {
-            event.stopPropagation();
-        }
-        const reverseOpen = !open;
-        setOpen(reverseOpen);
-        if (props.onToggle) {
-            props.onToggle(reverseOpen);
-        }
-    }
-    function handleNavigationItemClick(event) {
-        if (isEventTargetNavigationItem(event)) {
-            handleToggle(event);
-        }
-    }
-    return (React.createElement("header", Object.assign({ "data-density": "regular", ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id, "data-width": props.width, "data-position": props.position, "data-variant": props.variant }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-control-panel-mobile", props.className) }),
-        React.createElement(DBDrawer, { direction: "custom", spacing: "small", drawerHeaderPlain: props.drawerHeadlinePlain, rounded: true, open: open, onClose: (event) => handleToggle(event) },
-            React.createElement("div", { className: "db-control-panel-mobile-drawer-scroll-container", onClick: (event) => handleNavigationItemClick(event) },
-                props.children,
-                React.createElement(React.Fragment, null, props.metaNavigation)),
-            React.createElement(React.Fragment, null, props.secondaryActions)),
-        React.createElement(React.Fragment, null, props.flatIconNavigation),
-        React.createElement(React.Fragment, null, props.brand),
-        React.createElement(React.Fragment, null, props.primaryActions),
-        React.createElement(DBButton, { className: "db-control-panel-mobile-button", icon: "menu", type: "button", variant: "ghost", noText: true, onClick: (event) => handleToggle(event) }, (_a = props.burgerMenuLabel) !== null && _a !== void 0 ? _a : DEFAULT_BURGER_MENU)));
-}
-const DBControlPanelMobile = forwardRef(DBControlPanelMobileFn);
-export default DBControlPanelMobile;

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

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

package/dist/components/control-panel-mobile/index.js

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

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

@@ -1,30 +0,0 @@
-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-mobile/model.js

@@ -1 +0,0 @@
-export const ShellControlPanelMobileVariant = ['drawer', 'flat-icon'];

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBControlPanelPrimaryActions: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps> & import("../..").GlobalProps & React.RefAttributes<any>>;
-export default DBControlPanelPrimaryActions;

package/dist/components/control-panel-primary-actions/control-panel-primary-actions.js

@@ -1,11 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useRef, forwardRef } from "react";
-import { cls } from "../../utils";
-function DBControlPanelPrimaryActionsFn(props, component) {
-    const _ref = component || useRef(undefined);
-    return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-control-panel-primary-actions", props.className) }), props.children));
-}
-const DBControlPanelPrimaryActions = forwardRef(DBControlPanelPrimaryActionsFn);
-export default DBControlPanelPrimaryActions;

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

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

package/dist/components/control-panel-primary-actions/index.js

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

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

@@ -1,5 +0,0 @@
-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-primary-actions/model.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBControlPanelSecondaryActions: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps> & import("../..").GlobalProps & React.RefAttributes<any>>;
-export default DBControlPanelSecondaryActions;

package/dist/components/control-panel-secondary-actions/control-panel-secondary-actions.js

@@ -1,11 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useRef, forwardRef } from "react";
-import { cls } from "../../utils";
-function DBControlPanelSecondaryActionsFn(props, component) {
-    const _ref = component || useRef(undefined);
-    return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-control-panel-secondary-actions", props.className) }), props.children));
-}
-const DBControlPanelSecondaryActions = forwardRef(DBControlPanelSecondaryActionsFn);
-export default DBControlPanelSecondaryActions;

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

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

package/dist/components/control-panel-secondary-actions/index.js

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

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

@@ -1,5 +0,0 @@
-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/control-panel-secondary-actions/model.js

@@ -1 +0,0 @@
-export {};

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

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

package/dist/components/navigation-item-group/index.js

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

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

@@ -1,26 +0,0 @@
-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/model.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBNavigationItemGroup: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "variant" | "expanded" | "disabled" | "icon" | "onClick" | keyof import("../../shared/model").GlobalProps | "showIcon" | "additionalInformation" | keyof import("../..").DBNavigationItemDefaultProps | keyof import("../../shared/model").NavigationBackButtonProps> & import("./model").DBNavigationItemGroupDefaultProps & import("../../shared/model").NavigationBackButtonProps & import("../../shared/model").ClickEventProps<HTMLButtonElement> & import("../../shared/model").GlobalProps & import("../../shared/model").IconProps & import("../../shared/model").ShowIconProps & import("../..").DBNavigationItemDefaultProps & import("../../shared/model").DisabledProps & import("../../shared/model").NavigationItemGroupVariant & import("../../shared/model").AdditionalInformationSlotProps & React.RefAttributes<any>>;
-export default DBNavigationItemGroup;

package/dist/components/navigation-item-group/navigation-item-group.js

@@ -1,100 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useState, useRef, useEffect, forwardRef } from "react";
-import { DEFAULT_BACK } from "../../shared/constants";
-import { cls, delay, getBoolean, getBooleanAsString, getHideProp, uuid, } from "../../utils";
-import { handleSubNavigationPosition, NavigationItemSafeTriangle, } from "../../utils/navigation";
-import DBButton from "../button/button";
-function DBNavigationItemGroupFn(props, component) {
-    var _a;
-    const _ref = component || useRef(undefined);
-    const _menuRef = useRef(undefined);
-    const _buttonRef = useRef(undefined);
-    const [hasSubNavigation, setHasSubNavigation] = useState(() => true);
-    const [isSubNavigationExpanded, setIsSubNavigationExpanded] = useState(() => false);
-    const [autoClose, setAutoClose] = useState(() => false);
-    const [hasPopup, setHasPopup] = useState(() => false);
-    const [initialized, setInitialized] = useState(() => false);
-    const [subNavigationId, setSubNavigationId] = useState(() => "db-navigation-item-group-menu-" + uuid());
-    const [navigationItemSafeTriangle, setNavigationItemSafeTriangle] = useState(() => undefined);
-    function onScroll() {
-        if (hasPopup) {
-            handleSubNavigationPosition(_ref.current);
-        }
-    }
-    function handleNavigationItemClick(event) {
-        var _a;
-        if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.nodeName) === "A") {
-            forceClose();
-        }
-    }
-    function forceClose() {
-        setAutoClose(true);
-        void delay(() => {
-            setAutoClose(false);
-        }, 300);
-    }
-    function handleClick(event) {
-        if (props.onClick) {
-            event.stopPropagation();
-            props.onClick(event);
-        }
-        setIsSubNavigationExpanded(!isSubNavigationExpanded);
-    }
-    function handleBackClick(event) {
-        event.stopPropagation();
-        setIsSubNavigationExpanded(false);
-    }
-    function handleEscape(event) {
-        if (!event || event.key === "Escape") {
-            forceClose();
-            _buttonRef.current.blur();
-        }
-    }
-    useEffect(() => {
-        setInitialized(true);
-    }, []);
-    useEffect(() => {
-        if (props.expanded !== undefined) {
-            setIsSubNavigationExpanded(!!getBoolean(props.expanded, "subNavigationExpanded"));
-        }
-    }, [props.expanded]);
-    useEffect(() => {
-        if (_ref.current && initialized) {
-            setInitialized(false);
-            // We delay this because the navigation variant check is delayed as well
-            void delay(() => {
-                const element = _ref.current;
-                const nav = element.closest(".db-navigation");
-                setHasPopup(!nav ||
-                    !nav.dataset["variant"] ||
-                    nav.dataset["variant"] === "popover");
-            }, 200);
-        }
-    }, [_ref.current, initialized]);
-    useEffect(() => {
-        if (_ref.current &&
-            _buttonRef.current &&
-            _menuRef.current &&
-            hasPopup &&
-            !navigationItemSafeTriangle) {
-            void delay(() => {
-                setNavigationItemSafeTriangle(new NavigationItemSafeTriangle(_ref.current, _menuRef.current));
-            }, 1);
-            ["mouseenter", "focusin"].forEach((event) => {
-                _ref.current.addEventListener(event, () => handleSubNavigationPosition(_menuRef.current));
-            });
-        }
-    }, [_ref.current, _menuRef.current, _buttonRef.current, hasPopup]);
-    return (React.createElement("li", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id, onMouseOver: (event) => navigationItemSafeTriangle === null || navigationItemSafeTriangle === void 0 ? void 0 : navigationItemSafeTriangle.enableFollow(), onMouseLeave: (event) => navigationItemSafeTriangle === null || navigationItemSafeTriangle === void 0 ? void 0 : navigationItemSafeTriangle.disableFollow(), onMouseMove: (event) => navigationItemSafeTriangle === null || navigationItemSafeTriangle === void 0 ? void 0 : navigationItemSafeTriangle.followByMouseEvent(event), onKeyDown: (event) => handleEscape(event) }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-navigation-item-group", props.className), "data-icon": props.icon, "data-hide-icon": getHideProp(props.showIcon), "data-active": props.active, "aria-disabled": getBooleanAsString(props.disabled) }),
-        React.createElement("button", { type: "button", className: "db-navigation-item-group-expand-button", ref: _buttonRef, "aria-haspopup": getBooleanAsString(hasPopup ? true : undefined), "aria-owns": hasPopup ? undefined : subNavigationId, "aria-expanded": getBooleanAsString(isSubNavigationExpanded), disabled: getBoolean(props.disabled, "disabled"), onClick: (event) => handleClick(event) },
-            props.text,
-            React.createElement(React.Fragment, null, props.additionalInformation)),
-        React.createElement("menu", { className: "db-navigation-item-group-menu", role: "group", ref: _menuRef, "data-force-close": getBooleanAsString(autoClose), id: subNavigationId, onScroll: (event) => onScroll(), onClick: (event) => handleNavigationItemClick(event) },
-            React.createElement("div", { className: "db-navigation-item-group-back-button" },
-                React.createElement(DBButton, { icon: "arrow_left", variant: "ghost", id: props.backButtonId, onClick: (event) => handleBackClick(event) }, (_a = props.backButtonText) !== null && _a !== void 0 ? _a : DEFAULT_BACK)),
-            props.children)));
-}
-const DBNavigationItemGroup = forwardRef(DBNavigationItemGroupFn);
-export default DBNavigationItemGroup;

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

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

package/dist/components/shell/index.js

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

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

@@ -1,50 +0,0 @@
-import { GlobalProps, GlobalState, ShellControlPanelDesktopPositionType, ShellControlPanelMobilePositionType } from '../../shared/model';
-export declare const ShellSubNavigationMobilePosition: readonly ["top", "bottom", "none"];
-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/model.js

@@ -1 +0,0 @@
-export const ShellSubNavigationMobilePosition = ['top', 'bottom', 'none'];

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBShell: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | keyof import("./model").DBShellDefaultProps> & import("./model").DBShellDefaultProps & import("../..").GlobalProps & React.RefAttributes<any>>;
-export default DBShell;

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

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

package/dist/components/shell-sub-navigation/index.js

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

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

@@ -1,5 +0,0 @@
-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;

package/dist/components/shell-sub-navigation/model.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBShellSubNavigation: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | keyof import("../..").SidebarProps> & import("../..").GlobalProps & import("../..").SidebarProps & React.RefAttributes<any>>;
-export default DBShellSubNavigation;

package/dist/components/shell-sub-navigation/shell-sub-navigation.js

@@ -1,45 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useState, useRef, forwardRef } from "react";
-import { DEFAULT_COLLAPSE, DEFAULT_EXPAND } from "../../shared/constants";
-import { cls, getBoolean, getBooleanAsString, uuid } from "../../utils";
-import DBButton from "../button/button";
-import DBTooltip from "../tooltip/tooltip";
-function DBShellSubNavigationFn(props, component) {
-    var _a, _b, _c;
-    const _ref = component || useRef(undefined);
-    const [_id, set_id] = useState(() => `db-shell-sub-navigation-${uuid()}`);
-    const [_open, set_open] = useState(() => true);
-    function handleToggle(event) {
-        event.stopPropagation();
-        set_open(!_open);
-    }
-    function getToggleButtonText() {
-        var _a;
-        if (props.expandButtonTooltip) {
-            return props.expandButtonTooltip;
-        }
-        const fnOutput = () => {
-            if (props.onExpandButtonTooltipFn) {
-                const open = _open;
-                return props.onExpandButtonTooltipFn(open);
-            }
-        };
-        return (_a = fnOutput()) !== null && _a !== void 0 ? _a : (_open ? DEFAULT_COLLAPSE : DEFAULT_EXPAND);
-    }
-    const hasInitialized = useRef(false);
-    if (!hasInitialized.current) {
-        if (props.expanded !== undefined) {
-            set_open((_a = getBoolean(props.expanded, "expanded")) !== null && _a !== void 0 ? _a : true);
-        }
-        hasInitialized.current = true;
-    }
-    return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: (_b = props.id) !== null && _b !== void 0 ? _b : _id, "data-open": getBooleanAsString(_open) }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-shell-sub-navigation", props.className) }),
-        props.children,
-        React.createElement("div", { className: "db-shell-sub-navigation-button" },
-            React.createElement(DBButton, { variant: "ghost", icon: "double_chevron_left", onClick: (event) => handleToggle(event), "aria-controls": (_c = props.id) !== null && _c !== void 0 ? _c : _id, "aria-expanded": getBooleanAsString(_open), noText: true },
-                React.createElement(DBTooltip, { variant: "label", placement: "right" }, getToggleButtonText())))));
-}
-const DBShellSubNavigation = forwardRef(DBShellSubNavigationFn);
-export default DBShellSubNavigation;