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

package/dist/types/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/types/components/navigation-item-group/navigation-item-group.d.ts

@@ -0,0 +1,50 @@
+import { ClickEvent } from "../../shared/model";
+import { DBNavigationItemGroupProps } from "./model";
+import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot additionalInformation - TODO: Add description for slotAdditionalInformation
+ */
+export declare class DBNavigationItemGroup {
+    private _ref;
+    private _menuRef;
+    private _buttonRef;
+    expanded: DBNavigationItemGroupProps["expanded"];
+    click: EventEmitter<Parameters<Required<DBNavigationItemGroupProps>["onClick"]>[number]> | void;
+    id: DBNavigationItemGroupProps["id"];
+    className: DBNavigationItemGroupProps["className"];
+    icon: DBNavigationItemGroupProps["icon"];
+    showIcon: DBNavigationItemGroupProps["showIcon"];
+    active: DBNavigationItemGroupProps["active"];
+    disabled: DBNavigationItemGroupProps["disabled"];
+    text: DBNavigationItemGroupProps["text"];
+    backButtonId: DBNavigationItemGroupProps["backButtonId"];
+    backButtonText: DBNavigationItemGroupProps["backButtonText"];
+    hasSubNavigation: boolean;
+    isSubNavigationExpanded: boolean;
+    autoClose: boolean;
+    hasPopup: boolean;
+    initialized: boolean;
+    subNavigationId: string;
+    navigationItemSafeTriangle: any;
+    onScroll(): void;
+    handleNavigationItemClick(event: any): void;
+    forceClose(): void;
+    handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
+    handleBackClick(event: ClickEvent<HTMLButtonElement> | any): void;
+    handleEscape(event: any): void;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    watch0Fn(): void;
+    watch0(): void;
+    watch1Fn(): void;
+    watch1(): void;
+    watch2Fn(): void;
+    watch2(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

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

@@ -5,7 +5,6 @@ import { DBPopoverProps } from "./model";
  */
 export declare class DBPopover {
     private _ref;
-    placement: DBPopoverProps["placement"];
     id: DBPopoverProps["id"];
     className: DBPopoverProps["className"];
     spacing: DBPopoverProps["spacing"];
@@ -14,6 +13,7 @@ export declare class DBPopover {
     open: DBPopoverProps["open"];
     delay: DBPopoverProps["delay"];
     width: DBPopoverProps["width"];
+    placement: DBPopoverProps["placement"];
     initialized: boolean;
     isExpanded: boolean;
     _documentScrollListenerCallbackId: any;

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

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

package/dist/types/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/types/components/shell/shell.d.ts

@@ -0,0 +1,28 @@
+import { DBShellProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot controlPanelDesktop - TODO: Add description for slotControlPanelDesktop
+ * @slot controlPanelMobile - TODO: Add description for slotControlPanelMobile
+ * @slot subNavigation - TODO: Add description for slotSubNavigation
+ */
+export declare class DBShell {
+    private _ref;
+    fadeIn: DBShellProps["fadeIn"];
+    id: DBShellProps["id"];
+    className: DBShellProps["className"];
+    controlPanelDesktopPosition: DBShellProps["controlPanelDesktopPosition"];
+    controlPanelMobilePosition: DBShellProps["controlPanelMobilePosition"];
+    subNavigationDesktopPosition: DBShellProps["subNavigationDesktopPosition"];
+    subNavigationMobilePosition: DBShellProps["subNavigationMobilePosition"];
+    showSubNavigation: DBShellProps["showSubNavigation"];
+    mainClass: DBShellProps["mainClass"];
+    fontsLoaded: boolean;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

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

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

package/dist/types/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;

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

@@ -0,0 +1,24 @@
+import { DBShellSubNavigationProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBShellSubNavigation {
+    private _ref;
+    expanded: DBShellSubNavigationProps["expanded"];
+    expandButtonTooltip: DBShellSubNavigationProps["expandButtonTooltip"];
+    id: DBShellSubNavigationProps["id"];
+    className: DBShellSubNavigationProps["className"];
+    _id: string;
+    _open: boolean;
+    handleToggle(event: any): void;
+    getToggleButtonText(): any;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

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

@@ -1,4 +1,4 @@
-import { AlignmentProps, GlobalProps, GlobalState, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
+import { AlignmentProps, GlobalProps, GlobalState, InitializedState, InputEvent, OrientationProps, OverflowScrollButtonProps, OverflowScrollButtonState, WidthProps } from '../../shared/model';
 import { DBTabItemProps } from '../tab-item/model';
 import { DBTabPanelProps } from '../tab-panel/model';
 export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
@@ -7,10 +7,6 @@ export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
 export type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
 export type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
 export type DBTabsDefaultProps = {
-    /**
-     * Change amount of distance if you click on an arrow, only available with behavior="arrows"
-     */
-    arrowScrollDistance?: number | string;
     /**
      * Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
      */
@@ -50,17 +46,13 @@ export type DBTabsEventProps = {
      */
     tabSelect?: (event?: InputEvent<HTMLElement>) => void;
 };
-export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & DBTabsEventProps;
+export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & OverflowScrollButtonProps & AlignmentProps & DBTabsEventProps;
 export type DBTabsDefaultState = {
     _name: string;
     scrollContainer?: Element | null;
-    scroll: (left?: boolean) => void;
-    showScrollLeft?: boolean;
-    showScrollRight?: boolean;
-    evaluateScrollButtons: (tabList: Element) => void;
     convertTabs: () => DBSimpleTabProps[];
     initTabList: () => void;
     initTabs: (init?: boolean) => void;
     handleChange: (event: InputEvent<HTMLElement>) => void;
 };
-export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;
+export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState & OverflowScrollButtonState;

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

@@ -8,13 +8,13 @@ export declare class DBTooltip {
     private _ref;
     id: DBTooltipProps["id"];
     variant: DBTooltipProps["variant"];
-    placement: DBTooltipProps["placement"];
     className: DBTooltipProps["className"];
     emphasis: DBTooltipProps["emphasis"];
     animation: DBTooltipProps["animation"];
     delay: DBTooltipProps["delay"];
     width: DBTooltipProps["width"];
     showArrow: DBTooltipProps["showArrow"];
+    placement: DBTooltipProps["placement"];
     _id: string;
     initialized: boolean;
     _documentScrollListenerCallbackId: any;