@db-ux/wc-core-components 4.9.0-stencil-bundle-ad37ca4 → 4.9.1

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

@@ -1,5 +1,5 @@
-import { GlobalProps, InitializedState } from '../../shared/model';
-import { DBAccordionItemDefaultProps } from '../accordion-item/model';
+import type { GlobalProps, InitializedState } from '../../shared/model';
+import type { DBAccordionItemDefaultProps } from '../accordion-item/model';
 export declare const AccordionVariantList: readonly ["divider", "card"];
 export type AccordionVariantType = (typeof AccordionVariantList)[number];
 export declare const AccordionBehaviorList: readonly ["multiple", "single"];

package/dist/types/components/accordion-item/accordion-item.d.ts

@@ -6,11 +6,9 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot headline - TODO: Add description for slotHeadline
  */
 export declare class DBAccordionItem {
-    rootElement: HTMLElement;
     private _ref;
     defaultOpen: DBAccordionItemProps["defaultOpen"];
     name: DBAccordionItemProps["name"];
-    open: DBAccordionItemProps["open"];
     toggle: EventEmitter<Parameters<Required<DBAccordionItemProps>["onToggle"]>[number]> | void;
     id: DBAccordionItemProps["id"];
     propOverrides: DBAccordionItemProps["propOverrides"];
@@ -33,8 +31,6 @@ export declare class DBAccordionItem {
     watch0(): void;
     watch1Fn(): void;
     watch1(): void;
-    watch2Fn(): void;
-    watch2(): void;
     componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/accordion-item/model.d.ts

@@ -1,13 +1,9 @@
-import { GlobalProps, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
+import type { GlobalProps, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
 export type DBAccordionItemDefaultProps = {
     /**
      * Initial state for the accordion item
      */
     defaultOpen?: boolean;
-    /**
-     * State for the accordion item
-     */
-    open?: boolean;
     /**
      * The disabled attribute can be set to keep a user from clicking on the element.
      */

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

@@ -4,7 +4,6 @@ import { DBBadgeProps } from "./model";
 
  */
 export declare class DBBadge {
-    rootElement: HTMLElement;
     private _ref;
     placement: DBBadgeProps["placement"];
     id: DBBadgeProps["id"];

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

@@ -1,4 +1,4 @@
-import { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
+import type { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
 export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
 export type BadgePlacementType = (typeof BadgePlacementList)[number];
 export type DBBadgeDefaultProps = {

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

@@ -4,7 +4,6 @@ import { DBBrandProps } from "./model";
 
  */
 export declare class DBBrand {
-    rootElement: HTMLElement;
     private _ref;
     hideLogo: DBBrandProps["hideLogo"];
     icon: DBBrandProps["icon"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
 export type DBBrandDefaultProps = {
     /**
      * @deprecated: Disable the default logo svg to pass in a custom `img`

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

@@ -5,7 +5,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBButton {
-    rootElement: HTMLElement;
     private _ref;
     type: DBButtonProps["type"];
     click: EventEmitter<Parameters<Required<DBButtonProps>["onClick"]>[number]> | void;

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

@@ -1,4 +1,4 @@
-import { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
+import type { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
 export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
 export type ButtonVariantType = (typeof ButtonVariantList)[number];
 export declare const ButtonTypeList: readonly ["button", "reset", "submit"];

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBCard {
-    rootElement: HTMLElement;
     private _ref;
     click: EventEmitter<Parameters<Required<DBCardProps>["onClick"]>[number]> | void;
     id: DBCardProps["id"];

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

@@ -1,4 +1,4 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
+import type { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
 export declare const CardBehaviorList: readonly ["static", "interactive"];
 export type CardBehaviorType = (typeof CardBehaviorList)[number];
 export declare const CardElevationLevelList: readonly ["1", "2", "3"];

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBCheckbox {
-    rootElement: HTMLInputElement;
     private _ref;
     invalidMessage: DBCheckboxProps["invalidMessage"];
     id: DBCheckboxProps["id"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
 export type DBCheckboxDefaultProps = {
     /**
      * Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox

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

@@ -4,7 +4,6 @@ import { DBCustomButtonProps } from "./model";
 
  */
 export declare class DBCustomButton {
-    rootElement: HTMLElement;
     private _ref;
     id: DBCustomButtonProps["id"];
     propOverrides: DBCustomButtonProps["propOverrides"];

package/dist/types/components/custom-button/model.d.ts

@@ -1,5 +1,5 @@
-import { GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, WidthProps, WrapProps } from '../../shared/model';
-import { DBButtonSharedProps } from '../button/model';
+import type { GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, WidthProps, WrapProps } from '../../shared/model';
+import type { DBButtonSharedProps } from '../button/model';
 export type DBCustomButtonDefaultProps = {};
 export type DBCustomButtonProps = DBCustomButtonDefaultProps & DBButtonSharedProps & GlobalProps & IconProps & WidthProps & SizeProps & ShowIconProps & ShowIconLeadingProps & ShowIconTrailingProps & IconLeadingProps & IconTrailingProps & NoTextProps & WrapProps;
 export type DBCustomButtonDefaultState = {};

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBCustomSelect {
-    rootElement: HTMLElement;
     private _ref;
     private detailsRef;
     private selectRef;

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

@@ -1,7 +1,7 @@
-import { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
-import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
-import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
-import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
+import type { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
+import type { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
+import type { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
+import type { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
 export type CustomSelectOptionType = {
     /**
      * Disables this option

package/dist/types/components/custom-select-dropdown/custom-select-dropdown.d.ts

@@ -4,7 +4,6 @@ import { DBCustomSelectDropdownProps } from "./model";
 
  */
 export declare class DBCustomSelectDropdown {
-    rootElement: HTMLElement;
     private _ref;
     id: DBCustomSelectDropdownProps["id"];
     propOverrides: DBCustomSelectDropdownProps["propOverrides"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export declare const CustomSelectDropdownWidthList: readonly ["fixed", "auto", "full"];
 export type CustomSelectDropdownWidthType = (typeof CustomSelectDropdownWidthList)[number];
 export type DBCustomSelectDropdownDefaultProps = {

package/dist/types/components/custom-select-form-field/custom-select-form-field.d.ts

@@ -4,7 +4,6 @@ import { DBCustomSelectFormFieldProps } from "./model";
 
  */
 export declare class DBCustomSelectFormField {
-    rootElement: HTMLElement;
     private _ref;
     id: DBCustomSelectFormFieldProps["id"];
     propOverrides: DBCustomSelectFormFieldProps["propOverrides"];

package/dist/types/components/custom-select-form-field/model.d.ts

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export type DBCustomSelectFormFieldDefaultProps = {};
 export type DBCustomSelectFormFieldProps = DBCustomSelectFormFieldDefaultProps & GlobalProps;
 export type DBCustomSelectFormFieldDefaultState = {};

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

@@ -4,7 +4,6 @@ import { DBCustomSelectListProps } from "./model";
 
  */
 export declare class DBCustomSelectList {
-    rootElement: HTMLElement;
     private _ref;
     multiple: DBCustomSelectListProps["multiple"];
     label: DBCustomSelectListProps["label"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export type DBCustomSelectListDefaultProps = {
     label?: string;
     multiple?: boolean;

package/dist/types/components/custom-select-list-item/custom-select-list-item.d.ts

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBCustomSelectListItem {
-    rootElement: HTMLElement;
     private _ref;
     isGroupTitle: DBCustomSelectListItemProps["isGroupTitle"];
     showDivider: DBCustomSelectListItemProps["showDivider"];

package/dist/types/components/custom-select-list-item/model.d.ts

@@ -1,4 +1,4 @@
-import { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
+import type { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
 export declare const CustomSelectListItemTypeList: readonly ["checkbox", "radio"];
 export type CustomSelectListItemTypeType = (typeof CustomSelectListItemTypeList)[number];
 export type DBCustomSelectListItemExtraProps = {

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

@@ -4,7 +4,6 @@ import { DBDividerProps } from "./model";
 
  */
 export declare class DBDivider {
-    rootElement: HTMLElement;
     private _ref;
     id: DBDividerProps["id"];
     propOverrides: DBDividerProps["propOverrides"];

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

@@ -1,4 +1,4 @@
-import { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
+import type { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
 export declare const DividerMarginList: readonly ["none", "_"];
 export type DividerMarginType = (typeof DividerMarginList)[number];
 export declare const DividerVariantList: readonly ["horizontal", "vertical"];

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot drawerHeader - TODO: Add description for slotDrawerHeader
  */
 export declare class DBDrawer {
-    rootElement: HTMLElement;
     private _ref;
     private dialogContainerRef;
     open: DBDrawerProps["open"];

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

@@ -1,4 +1,4 @@
-import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
+import type { 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"];

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

@@ -3,12 +3,11 @@ import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
  * @slot metaNavigation - TODO: Add description for slotMetaNavigation
+ * @slot secondaryAction - TODO: Add description for slotSecondaryAction
  * @slot brand - TODO: Add description for slotBrand
  * @slot primaryAction - TODO: Add description for slotPrimaryAction
- * @slot secondaryAction - TODO: Add description for slotSecondaryAction
  */
 export declare class DBHeader {
-    rootElement: HTMLElement;
     private _ref;
     forceMobile: DBHeaderProps["forceMobile"];
     drawerOpen: DBHeaderProps["drawerOpen"];
@@ -17,9 +16,9 @@ export declare class DBHeader {
     id: DBHeaderProps["id"];
     propOverrides: DBHeaderProps["propOverrides"];
     width: DBHeaderProps["width"];
-    burgerMenuLabel: DBHeaderProps["burgerMenuLabel"];
     closeButtonId: DBHeaderProps["closeButtonId"];
     closeButtonText: DBHeaderProps["closeButtonText"];
+    burgerMenuLabel: DBHeaderProps["burgerMenuLabel"];
     initialized: boolean;
     forcedToMobile: boolean;
     handleToggle(event?: any): void;

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

@@ -1,4 +1,4 @@
-import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
+import type { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
 export type DBHeaderDefaultProps = {
     /**
      * Slot to pass in the DBBrand component

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

@@ -4,7 +4,6 @@ import type { DBIconProps } from "./model";
 
  */
 export declare class DBIcon {
-    rootElement: HTMLElement;
     private _ref;
     id: DBIconProps["id"];
     propOverrides: DBIconProps["propOverrides"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
 export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
 export type IconWeightType = (typeof IconWeightList)[number];
 export type DBIconDefaultProps = {

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

@@ -4,7 +4,6 @@ import { DBInfotextProps } from "./model";
 
  */
 export declare class DBInfotext {
-    rootElement: HTMLElement;
     private _ref;
     id: DBInfotextProps["id"];
     propOverrides: DBInfotextProps["propOverrides"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
 export type DBInfotextDefaultProps = {};
 export type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & IconProps & SizeProps & ShowIconProps & TextProps & WrapProps;
 export type DBInfotextDefaultState = {};

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBInput {
-    rootElement: HTMLInputElement;
     private _ref;
     invalidMessage: DBInputProps["invalidMessage"];
     id: DBInputProps["id"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InputEventProps, InputEventState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeType, ValueLabelType } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InputEventProps, InputEventState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeType, ValueLabelType } from '../../shared/model';
 export declare const InputTypeList: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", "week"];
 export type InputTypeType = (typeof InputTypeList)[number];
 export type DBInputDefaultProps = {

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

@@ -4,7 +4,6 @@ import { DBLinkProps } from "./model";
 
  */
 export declare class DBLink {
-    rootElement: HTMLElement;
     private _ref;
     id: DBLinkProps["id"];
     propOverrides: DBLinkProps["propOverrides"];

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

@@ -1,4 +1,4 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, RoleProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
+import type { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, RoleProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
 export declare const LinkVariantList: readonly ["adaptive", "brand", "inline"];
 export type LinkVariantType = (typeof LinkVariantList)[number];
 export declare const LinkSizeList: readonly ["medium", "small"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps } from '../../shared/model';
+import type { GlobalProps } from '../../shared/model';
 export type DBNavigationDefaultProps = {};
 export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
 export type DBNavigationDefaultState = {};

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

@@ -4,7 +4,6 @@ import { DBNavigationProps } from "./model";
 
  */
 export declare class DBNavigation {
-    rootElement: HTMLElement;
     private _ref;
     id: DBNavigationProps["id"];
     propOverrides: DBNavigationProps["propOverrides"];

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

@@ -1,5 +1,5 @@
-import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
-import { NavigationItemSafeTriangle } from '../../utils/navigation';
+import type { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
+import type { NavigationItemSafeTriangle } from '../../utils/navigation';
 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.
@@ -17,10 +17,6 @@ export type DBNavigationItemDefaultProps = {
      * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
      */
     subNavigationExpanded?: boolean | string;
-    /**
-     * Force hide sub-navigation - for web component output
-     */
-    hideSubNavigation?: boolean;
 };
 export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & WrapProps & NavigationBackButtonProps & ShowIconProps & TextProps;
 export type DBNavigationItemDefaultState = {

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot subNavigation - TODO: Add description for slotSubNavigation
  */
 export declare class DBNavigationItem {
-    rootElement: HTMLElement;
     private _ref;
     id: DBNavigationItemProps["id"];
     subNavigationExpanded: DBNavigationItemProps["subNavigationExpanded"];
@@ -19,7 +18,6 @@ export declare class DBNavigationItem {
     active: DBNavigationItemProps["active"];
     wrap: DBNavigationItemProps["wrap"];
     disabled: DBNavigationItemProps["disabled"];
-    hideSubNavigation: DBNavigationItemProps["hideSubNavigation"];
     text: DBNavigationItemProps["text"];
     backButtonId: DBNavigationItemProps["backButtonId"];
     backButtonText: DBNavigationItemProps["backButtonText"];

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

@@ -1,4 +1,4 @@
-import { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, RoleProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
+import type { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, RoleProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
 export declare const NotificationVariantList: readonly ["docked", "standalone", "overlay"];
 export type NotificationVariantType = (typeof NotificationVariantList)[number];
 export declare const NotificationLinkVariantList: readonly ["block", "inline"];

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

@@ -7,7 +7,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot link - TODO: Add description for slotLink
  */
 export declare class DBNotification {
-    rootElement: HTMLElement;
     private _ref;
     close: EventEmitter<Parameters<Required<DBNotificationProps>["onClose"]>[number]> | void;
     id: DBNotificationProps["id"];

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export declare const PageVariantList: readonly ["auto", "fixed"];
 export type PageVariantType = (typeof PageVariantList)[number];
 export declare const PageDocumentOverflowList: readonly ["hidden", "auto"];

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

@@ -5,7 +5,6 @@ import { DBPageProps } from "./model";
  * @slot footer - TODO: Add description for slotFooter
  */
 export declare class DBPage {
-    rootElement: HTMLElement;
     private _ref;
     fadeIn: DBPageProps["fadeIn"];
     documentOverflow: DBPageProps["documentOverflow"];

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

@@ -1,4 +1,4 @@
-import { GapProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, SpacingProps } from '../../shared/model';
+import type { GapProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, SpacingProps } from '../../shared/model';
 export type DBPopoverDefaultProps = {
     /**
      * Use open to disable the default hover/focus behavior to use it on click or other trigger.

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

@@ -4,7 +4,6 @@ import { DBPopoverProps } from "./model";
  * @slot trigger - TODO: Add description for slotTrigger
  */
 export declare class DBPopover {
-    rootElement: HTMLElement;
     private _ref;
     placement: DBPopoverProps["placement"];
     id: DBPopoverProps["id"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, InputEventProps, InputEventState, SizeProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, InputEventProps, InputEventState, SizeProps } from '../../shared/model';
 export type DBRadioDefaultProps = {};
 export type DBRadioProps = DBRadioDefaultProps & GlobalProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
 export type DBRadioDefaultState = {};

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBRadio {
-    rootElement: HTMLInputElement;
     private _ref;
     id: DBRadioProps["id"];
     propOverrides: DBRadioProps["propOverrides"];

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

@@ -1,3 +1,3 @@
-import { ContainerWidthProps, GlobalProps, SpacingProps } from '../../shared/model';
+import type { ContainerWidthProps, GlobalProps, SpacingProps } from '../../shared/model';
 export type DBSectionDefaultProps = {};
 export type DBSectionProps = DBSectionDefaultProps & GlobalProps & SpacingProps & ContainerWidthProps;

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

@@ -4,7 +4,6 @@ import { DBSectionProps } from "./model";
 
  */
 export declare class DBSection {
-    rootElement: HTMLElement;
     private _ref;
     id: DBSectionProps["id"];
     propOverrides: DBSectionProps["propOverrides"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
      * @deprecated

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBSelect {
-    rootElement: HTMLSelectElement;
     private _ref;
     invalidMessage: DBSelectProps["invalidMessage"];
     id: DBSelectProps["id"];

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

@@ -1,4 +1,4 @@
-import { GapSpacingProps, GlobalProps, GlobalState } from '../../shared/model';
+import type { GapSpacingProps, GlobalProps, GlobalState } from '../../shared/model';
 export declare const StackVariantList: readonly ["simple", "divider"];
 export type StackVariantType = (typeof StackVariantList)[number];
 export declare const StackDirectionList: readonly ["row", "column"];

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

@@ -4,7 +4,6 @@ import { DBStackProps } from "./model";
 
  */
 export declare class DBStack {
-    rootElement: HTMLElement;
     private _ref;
     id: DBStackProps["id"];
     propOverrides: DBStackProps["propOverrides"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, LabelVariantHorizontalType, SizeProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, LabelVariantHorizontalType, SizeProps } from '../../shared/model';
 export type DBSwitchDefaultProps = {
     /**
      * Add additional icons to indicate active/inactive state.

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

@@ -6,7 +6,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBSwitch {
-    rootElement: HTMLInputElement;
     private _ref;
     invalidMessage: DBSwitchProps["invalidMessage"];
     id: DBSwitchProps["id"];

package/dist/types/components/tab-item/model.d.ts

@@ -1,4 +1,4 @@
-import { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';
+import type { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';
 export type DBTabItemDefaultProps = {
     /**
      * To control the component

package/dist/types/components/tab-item/tab-item.d.ts

@@ -5,7 +5,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBTabItem {
-    rootElement: HTMLElement;
     private _ref;
     active: DBTabItemProps["active"];
     name: DBTabItemProps["name"];

package/dist/types/components/tab-list/model.d.ts

@@ -1,4 +1,4 @@
-import { GlobalProps } from '../../shared/model';
+import type { GlobalProps } from '../../shared/model';
 export type DBTabListDefaultProps = {};
 export type DBTabListProps = DBTabListDefaultProps & GlobalProps;
 export type DBTabListDefaultState = {};

package/dist/types/components/tab-list/tab-list.d.ts

@@ -4,7 +4,6 @@ import { DBTabListProps } from "./model";
 
  */
 export declare class DBTabList {
-    rootElement: HTMLElement;
     private _ref;
     id: DBTabListProps["id"];
     propOverrides: DBTabListProps["propOverrides"];

package/dist/types/components/tab-panel/model.d.ts

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model';
 export type DBTabPanelDefaultProps = {
     /**
      * The content if you don't want to use children.