@db-ux/wc-core-components 3.0.2-copilot-66b0168 → 3.0.2-shell-ed0ed7c

package/dist/types/index.d.ts

@@ -4,14 +4,24 @@ export * from './components/accordion-item/model';
 export * from './components/accordion/model';
 export * from './components/badge';
 export * from './components/badge/model';
-export * from './components/brand';
-export * from './components/brand/model';
 export * from './components/button';
 export * from './components/button/model';
 export * from './components/card';
 export * from './components/card/model';
 export * from './components/checkbox';
 export * from './components/checkbox/model';
+export * from './components/control-panel-brand';
+export * from './components/control-panel-brand/model';
+export * from './components/control-panel-desktop';
+export * from './components/control-panel-desktop/model';
+export * from './components/control-panel-meta-navigation';
+export * from './components/control-panel-meta-navigation/model';
+export * from './components/control-panel-mobile';
+export * from './components/control-panel-mobile/model';
+export * from './components/control-panel-primary-actions';
+export * from './components/control-panel-primary-actions/model';
+export * from './components/control-panel-secondary-actions';
+export * from './components/control-panel-secondary-actions/model';
 export * from './components/custom-select';
 export * from './components/custom-select-dropdown';
 export * from './components/custom-select-dropdown/model';
@@ -26,8 +36,6 @@ export * from './components/divider';
 export * from './components/divider/model';
 export * from './components/drawer';
 export * from './components/drawer/model';
-export * from './components/header';
-export * from './components/header/model';
 export * from './components/icon';
 export * from './components/icon/model';
 export * from './components/infotext';
@@ -38,12 +46,12 @@ export * from './components/link';
 export * from './components/link/model';
 export * from './components/navigation';
 export * from './components/navigation-item';
+export * from './components/navigation-item-group';
+export * from './components/navigation-item-group/model';
 export * from './components/navigation-item/model';
 export * from './components/navigation/model';
 export * from './components/notification';
 export * from './components/notification/model';
-export * from './components/page';
-export * from './components/page/model';
 export * from './components/popover';
 export * from './components/popover/model';
 export * from './components/radio';
@@ -52,6 +60,8 @@ export * from './components/section';
 export * from './components/section/model';
 export * from './components/select';
 export * from './components/select/model';
+export * from './components/shell';
+export * from './components/shell/model';
 export * from './components/stack';
 export * from './components/stack/model';
 export * from './components/switch';
@@ -77,3 +87,6 @@ export * from './utils/document-scroll-listener';
 export * from './utils/floating-components';
 export * from './utils/index';
 export * from './utils/navigation';
+export * from './components/shell-sub-navigation';
+export * from "./components/control-panel-flat-icon-navigation";
+export * from "./components/control-panel-flat-icon-navigation/model";

package/dist/types/shared/constants.d.ts

@@ -14,6 +14,8 @@ export declare const DEFAULT_INVALID_MESSAGE: string;
 export declare const DEFAULT_REMOVE: string;
 export declare const DEFAULT_BACK: string;
 export declare const DEFAULT_SELECTED: string;
+export declare const DEFAULT_EXPAND: string;
+export declare const DEFAULT_COLLAPSE: string;
 export declare const DEFAULT_BURGER_MENU: string;
 export declare const DEFAULT_ICON: string;
 export declare const DEFAULT_ROWS: number;
@@ -64,6 +66,7 @@ export declare enum COLOR {
 export declare const COLORS: COLOR[];
 export declare const COLORS_SIMPLE: COLOR_SIMPLE[];
 export declare enum SEMANTIC {
+    'NEUTRAL' = "neutral",
     'CRITICAL' = "critical",
     'INFORMATIONAL' = "informational",
     'WARNING' = "warning",

package/dist/types/shared/model.d.ts

@@ -87,6 +87,10 @@ export type MarginProps = {
      */
     margin?: MarginType;
 };
+export declare const ShellControlPanelDesktopPosition: readonly ["top", "left"];
+export type ShellControlPanelDesktopPositionType = (typeof ShellControlPanelDesktopPosition)[number];
+export declare const ShellControlPanelMobilePosition: readonly ["top", "bottom"];
+export type ShellControlPanelMobilePositionType = (typeof ShellControlPanelMobilePosition)[number];
 export declare const PlacementHorizontalList: readonly ["left", "right", "left-start", "left-end", "right-start", "right-end"];
 export type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];
 export declare const PlacementVerticalList: readonly ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"];
@@ -232,11 +236,13 @@ export type ValueProps = {
      */
     value?: any;
 };
-export type BaseFormProps = {
+export type DisabledProps = {
     /**
-     * The disabled attribute can be set to keep a user from clicking on the form element.
+     * The disabled attribute can be set to keep a user from clicking on the item.
      */
     disabled?: boolean | string;
+};
+export type BaseFormProps = {
     /**
      * The label attribute specifies the caption of the form element.
      */
@@ -245,7 +251,7 @@ export type BaseFormProps = {
      * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.
      */
     name?: string;
-};
+} & DisabledProps;
 export type CustomFormProps = {
     /**
      * Overwrites auto handling for aria-describedby.
@@ -505,10 +511,83 @@ export type AriaControlsProps = {
      */
     controls?: string;
 };
+export type ControlPanelProps = {
+    /**
+     * Slot to pass in the DBControlPanelBrand component
+     */
+    brand?: any;
+    /**
+     * Slot to pass in a meta navigation.
+     * Desktop: Above the regular control-panel-desktop
+     * Mobile: Inside the drawer
+     */
+    metaNavigation?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
+     * Desktop: Shown next to the main-navigation
+     * Mobile: Shown next to the control-panel-brand
+     */
+    primaryActions?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
+     * Desktop: Shown seperated by divider at the end of the control-panel-desktop
+     * Mobile: Shown inside the drawer at the bottom.
+     */
+    secondaryActions?: any;
+    /**
+     * Adds ``aria-labelledby`` to the <nav> element.
+     */
+    navigationLabeledBy?: string;
+};
 export type ValueLabelType = {
     value: string;
     label?: string;
 };
+export type OverflowScrollButtonProps = {
+    /**
+     * Change amount of distance if you click on an arrow, only available with behavior="arrows"
+     */
+    arrowScrollDistance?: number | string;
+};
+export type OverflowScrollButtonState = {
+    scroll: (left?: boolean) => void;
+    showScrollLeft?: boolean;
+    showScrollRight?: boolean;
+    evaluateScrollButtons: (tabList: Element) => void;
+};
+export type SidebarProps = {
+    /**
+     * Set the expanded/collapsed state initially for the left sidebar
+     */
+    expanded?: boolean | string;
+    /**
+     * Set the tooltip for the expand/collapse button
+     */
+    expandButtonTooltip?: string;
+    /**
+     * Set the tooltip for the expand/collapse button based on the state. (only react|vue)
+     */
+    expandButtonTooltipFn?: (open: boolean) => string;
+    /**
+     * Set the tooltip for the expand/collapse button based on the state. (only react|vue)
+     */
+    onExpandButtonTooltipFn?: (open: boolean) => string;
+};
+export type SidebarState = {
+    _open: boolean;
+    getToggleButtonText: () => string;
+};
+export declare const NavigationItemGroupVariantList: readonly ["popover", "tree"];
+export type NavigationItemGroupVariantType = (typeof NavigationItemGroupVariantList)[number];
+export type NavigationItemGroupVariant = {
+    variant?: NavigationItemGroupVariantType;
+};
+export type AdditionalInformationSlotProps = {
+    /**
+     * Slot to add additional information most likely a DBBadge
+     */
+    additionalInformation?: any;
+};
 export type DocumentScrollState = {
     _documentScrollListenerCallbackId?: string;
     handleDocumentScroll: (event: any, parent?: HTMLElement) => void;

package/dist/types/utils/floating-components.d.ts

@@ -16,5 +16,21 @@ export declare const getFloatingProps: (element: HTMLElement, parent: HTMLElemen
     correctedPlacement: string;
     innerWidth: number;
     innerHeight: number;
+    outsideYBoth?: undefined;
+    outsideXBoth?: undefined;
+} | {
+    top: number;
+    bottom: number;
+    right: number;
+    height: number;
+    width: number;
+    left: number;
+    childHeight: number;
+    childWidth: number;
+    correctedPlacement: string;
+    innerWidth: number;
+    innerHeight: number;
+    outsideYBoth: boolean;
+    outsideXBoth: boolean;
 };
-export declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
+export declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement?: string) => void;

package/dist/types/utils/navigation.d.ts

@@ -23,10 +23,6 @@ export declare class NavigationItemSafeTriangle {
     private getTriangleTipY;
     private hasMouseEnteredSubNavigation;
     private getTriangleCoordinates;
-    followByMouseEvent(event: MouseEvent): void;
+    followByMouseEvent(event: any): void;
 }
-declare const _default: {
-    isEventTargetNavigationItem: (event: unknown) => boolean;
-    NavigationItemSafeTriangle: typeof NavigationItemSafeTriangle;
-};
-export default _default;
+export declare const handleSubNavigationPosition: (element: HTMLElement, level?: number) => void;