@db-ux/ngx-core-components 4.5.4-mcp-e4cd7e6 → 4.5.4-table-c758ae7

package/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { AfterViewInit, InputSignal, ElementRef, OnDestroy, ModelSignal, Renderer2 } from '@angular/core';
 import { IconTypes } from '@db-ux/core-foundations';
 import { ControlValueAccessor } from '@angular/forms';
+import * as _db_ux_ngx_core_components from '@db-ux/ngx-core-components';
 
 interface GlobalProps {
     /**
@@ -464,11 +465,11 @@ type CloseEventProps<T> = {
 type CloseEventState<T> = {
     handleClose: (event?: T | void, forceClose?: boolean) => void;
 };
-declare const AlignmentList: readonly ["start", "center"];
+declare const AlignmentList: readonly ["start", "center", "end"];
 type AlignmentType = (typeof AlignmentList)[number];
 type AlignmentProps = {
     /**
-     * Define the content alignment in full width
+     * Define the content alignment
      */
     alignment?: AlignmentType | string;
 };
@@ -558,6 +559,46 @@ interface PatternhubProps {
      */
     isPatternhub?: boolean;
 }
+type DBTableCellProps = {
+    /**
+     * The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)
+     */
+    colSpan?: number | string;
+    /**
+     * The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)
+     */
+    colspan?: number | string;
+    /**
+     * The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)
+     */
+    headers?: string;
+    /**
+     * The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)
+     */
+    rowSpan?: number | string;
+    /**
+     * The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)
+     */
+    rowspan?: number | string;
+    /**
+     * Set the horizontal alignment of the cell content.
+     */
+    horizontalAlignment?: AlignmentType;
+    /**
+     * Set the vertical alignment of the cell content.
+     */
+    verticalAlignment?: AlignmentType;
+};
 
 declare const uuid: () => string;
 declare const addAttributeToChildren: (element: Element, attribute: {
@@ -3423,5 +3464,385 @@ declare const getFloatingProps: (element: HTMLElement, parent: HTMLElement, plac
 };
 declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
 
-export { AccordionBehaviorList, AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBCustomButton, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, MetaNavigationDirective, NavigationContentDirective, NavigationDirective, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
-export type { AccordionBehaviorType, AccordionVariantType, ActiveProps, AlignmentProps, AlignmentType, AriaControlsProps, AutoCompleteType, BadgePlacementType, BaseFormProps, ButtonTypeType, ButtonVariantType, CardBehaviorType, CardElevationLevelType, ChangeEvent, ChangeEventProps, ChangeEventState, ClassNameArg, ClickEvent, ClickEventProps, ClickEventState, CloseEventProps, CloseEventState, ContainerWidthProps, ContentSlotProps, CustomFormProps, CustomSelectDropdownWidthType, CustomSelectListItemTypeType, CustomSelectOptionType, DBAccordionDefaultProps, DBAccordionDefaultState, DBAccordionItemDefaultProps, DBAccordionItemDefaultState, DBAccordionItemProps, DBAccordionItemState, DBAccordionProps, DBAccordionState, DBBadgeDefaultProps, DBBadgeDefaultState, DBBadgeProps, DBBadgeState, DBBrandDefaultProps, DBBrandDefaultState, DBBrandProps, DBBrandState, DBButtonDefaultProps, DBButtonDefaultState, DBButtonProps, DBButtonSharedProps, DBButtonState, DBCardDefaultProps, DBCardDefaultState, DBCardProps, DBCardState, DBCheckboxDefaultProps, DBCheckboxDefaultState, DBCheckboxProps, DBCheckboxState, DBCustomButtonDefaultProps, DBCustomButtonDefaultState, DBCustomButtonProps, DBCustomButtonState, DBCustomSelectDefaultProps, DBCustomSelectDefaultState, DBCustomSelectDropdownDefaultProps, DBCustomSelectDropdownDefaultState, DBCustomSelectDropdownProps, DBCustomSelectDropdownState, DBCustomSelectEvents, DBCustomSelectFormFieldDefaultProps, DBCustomSelectFormFieldDefaultState, DBCustomSelectFormFieldProps, DBCustomSelectFormFieldState, DBCustomSelectListDefaultProps, DBCustomSelectListDefaultState, DBCustomSelectListItemDefaultProps, DBCustomSelectListItemDefaultState, DBCustomSelectListItemExtraProps, DBCustomSelectListItemProps, DBCustomSelectListItemState, DBCustomSelectListProps, DBCustomSelectListState, DBCustomSelectProps, DBCustomSelectState, DBDataOutsidePair, DBDividerDefaultProps, DBDividerDefaultState, DBDividerProps, DBDividerState, DBDrawerDefaultProps, DBDrawerDefaultState, DBDrawerProps, DBDrawerState, DBHeaderDefaultProps, DBHeaderDefaultState, DBHeaderProps, DBHeaderState, DBIconDefaultProps, DBIconDefaultState, DBIconProps, DBIconState, DBInfotextDefaultProps, DBInfotextDefaultState, DBInfotextProps, DBInfotextState, DBInputDefaultProps, DBInputDefaultState, DBInputProps, DBInputState, DBLinkDefaultProps, DBLinkDefaultState, DBLinkProps, DBLinkState, DBNavigationDefaultProps, DBNavigationDefaultState, DBNavigationItemDefaultProps, DBNavigationItemDefaultState, DBNavigationItemProps, DBNavigationItemState, DBNavigationProps, DBNavigationState, DBNotificationDefaultProps, DBNotificationDefaultState, DBNotificationProps, DBNotificationState, DBPageDefaultProps, DBPageDefaultState, DBPageProps, DBPageState, DBPopoverDefaultProps, DBPopoverDefaultState, DBPopoverProps, DBPopoverState, DBRadioDefaultProps, DBRadioDefaultState, DBRadioProps, DBRadioState, DBSectionDefaultProps, DBSectionProps, DBSelectDefaultProps, DBSelectDefaultState, DBSelectOptionType, DBSelectProps, DBSelectState, DBSimpleTabProps, DBStackDefaultProps, DBStackDefaultState, DBStackProps, DBStackState, DBSwitchDefaultProps, DBSwitchDefaultState, DBSwitchProps, DBSwitchState, DBTabItemDefaultProps, DBTabItemDefaultState, DBTabItemProps, DBTabItemState, DBTabListDefaultProps, DBTabListDefaultState, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelDefaultState, DBTabPanelProps, DBTabPanelState, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, FieldSizingType, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GapProps, GapSpacingProps, GapSpacingType, GeneralEvent, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, IconWeightType, InitializedState, InnerCloseButtonProps, InputEvent, InputEventProps, InputEventState, InputTypeType, InteractionEvent, LabelVariantHorizontalType, LabelVariantType, LinkContentType, LinkProps, LinkReferrerPolicyType, LinkSizeType, LinkTargetType, LinkVariantType, MarginProps, MarginType, MaxWidthType, NameProps, NameState, NavigationBackButtonProps, NavigationBehaviorState, NoTextProps, NotificationAriaLiveType, NotificationLinkVariantType, NotificationVariantType, OrientationProps, OrientationType, OverflowProps, PageDocumentOverflowType, PageVariantType, PatternhubProps, PlacementHorizontalType, PlacementProps, PlacementType, PlacementVerticalType, PopoverDelayType, PopoverProps, PopoverState, PopoverWidthType, PropOverridesType, RequiredProps, ResetIdState, RoleProps, SelectedTypeType, SemanticProps, SemanticType, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ShowLabelProps, SizeProps, SizeType, SpacingProps, SpacingType, StackAlignmentType, StackDirectionType, StackJustifyContentType, StackVariantType, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };
+type DBTableDataCellDefaultProps = {};
+type DBTableDataCellProps = DBTableDataCellDefaultProps & GlobalProps & DBTableCellProps;
+type DBTableDataCellDefaultState = {};
+type DBTableDataCellState = DBTableDataCellDefaultState & GlobalState;
+
+declare const DBTableHeaderCellScopeList: readonly ["row", "col", "rowgroup", "colgroup"];
+type DBTableHeaderCellScopeType = (typeof DBTableHeaderCellScopeList)[number];
+type DBTableHeaderCellDefaultProps = {
+    /**
+     * The **`abbr`** property of the HTMLTableCellElement interface indicates an abbreviation associated with the cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/abbr)
+     */
+    abbr?: string;
+    /**
+     * The **`scope`** property of the HTMLTableCellElement interface indicates the scope of a th cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/scope)
+     */
+    scope?: DBTableHeaderCellScopeType;
+    /**
+     * Hide the text content of the cell.
+     */
+    noText?: boolean | string;
+};
+type DBTableHeaderCellProps = DBTableHeaderCellDefaultProps & GlobalProps & DBTableCellProps;
+type DBTableHeaderCellDefaultState = {};
+type DBTableHeaderCellState = DBTableHeaderCellDefaultState & GlobalState;
+
+declare const DBTableRowSubHeaderEmphasisList: readonly ["none", "weak", "strong"];
+type DBTableRowSubHeaderEmphasisType = (typeof DBTableRowSubHeaderEmphasisList)[number];
+type DBTableRowCell = (DBTableHeaderCellProps | DBTableDataCellProps) & {
+    headerCell?: boolean;
+    content?: any;
+    link?: DBLinkProps;
+};
+type DBTableRowDefaultProps = {
+    /**
+     * All cells of the row
+     */
+    cells?: DBTableRowCell[];
+    /**
+     * Change styling of row only if it is inside thead
+     */
+    subHeaderEmphasis?: DBTableRowSubHeaderEmphasisType;
+    /**
+     * If true marks the row as interactive, which checks for child with data-table-row-action="true"
+     */
+    interactive?: boolean | string;
+};
+type DBTableRowProps = DBTableRowDefaultProps & GlobalProps;
+type DBTableRowDefaultState = {
+    getHeaderCell: (cell: DBTableRowCell) => DBTableHeaderCellProps | undefined;
+};
+type DBTableRowState = DBTableRowDefaultState & GlobalState;
+
+declare const DBTableRowSizeList: readonly ["x-small", "small", "medium", "large"];
+type DBTableRowSizeType = (typeof DBTableRowSizeList)[number];
+declare const DBTableVariantList: readonly ["joined", "zebra", "floating"];
+type DBTableVariantType = (typeof DBTableVariantList)[number];
+declare const DBTableDividerList: readonly ["none", "both", "horizontal", "vertical"];
+type DBTableDividerType = (typeof DBTableDividerList)[number];
+declare const DBTableMobileVariantList: readonly ["table", "list"];
+type DBTableMobileVariantType = (typeof DBTableMobileVariantList)[number];
+declare const DBTableStickHeaderList: readonly ["none", "both", "horizontal", "vertical"];
+type DBTableStickHederType = (typeof DBTableStickHeaderList)[number];
+type DBTableData = {
+    header?: DBTableRowDefaultProps[];
+    body?: DBTableRowDefaultProps[];
+    footer?: DBTableRowDefaultProps[];
+};
+declare const DBTableColumnsSizeList: readonly ["auto", "1fr", "min-content", "max-content"];
+type DBTableColumnsSizeType = (typeof DBTableColumnsSizeList)[number];
+type DBTableDefaultProps = {
+    /**
+     * Slot for table caption
+     */
+    caption?: any;
+    /**
+     * String alternative for table caption slot
+     */
+    captionPlain?: string;
+    /**
+     * Table data if you don't use default slot/children
+     */
+    data?: DBTableData | string;
+    /**
+     * Show the divider between the rows and cells
+     */
+    divider?: DBTableDividerType;
+    /**
+     * Show caption above table default is hidden
+     */
+    showCaption?: boolean | string;
+    /**
+     * Size of the table rows
+     */
+    size?: DBTableRowSizeType;
+    /**
+     * Change the layout of the table
+     * floating: card style table
+     * joined: classic table
+     */
+    variant?: DBTableVariantType;
+    /**
+     * Change the layout of the table on mobile
+     * list: list style
+     * table: classic table
+     */
+    mobileVariant?: DBTableMobileVariantType;
+    /**
+     * Change the header cells to be sticky when scrolling the table
+     */
+    stickyHeader?: DBTableStickHederType;
+    /**
+     * Set the width of the columns based in their index.
+     * Alternative: Use `--db-table-column-size-$index` inside CSS to control it.
+     * See: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-template-columns
+     */
+    columnSizes?: Record<number, DBTableColumnsSizeType | string>;
+};
+type DBTableProps = DBTableDefaultProps & GlobalProps & WidthProps;
+type DBTableDefaultState = {
+    _data?: DBTableData;
+    _style?: any;
+    convertData: () => DBTableData;
+};
+type DBTableState = DBTableDefaultState & GlobalState;
+
+declare class DBTable implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    data: InputSignal<DBTableProps["data"]>;
+    mobileVariant: InputSignal<DBTableProps["mobileVariant"]>;
+    columnSizes: InputSignal<DBTableProps["columnSizes"]>;
+    className: InputSignal<DBTableProps["className"]>;
+    width: InputSignal<DBTableProps["width"]>;
+    size: InputSignal<DBTableProps["size"]>;
+    divider: InputSignal<DBTableProps["divider"]>;
+    variant: InputSignal<DBTableProps["variant"]>;
+    showCaption: InputSignal<DBTableProps["showCaption"]>;
+    stickyHeader: InputSignal<DBTableProps["stickyHeader"]>;
+    id: InputSignal<DBTableProps["id"]>;
+    captionPlain: InputSignal<DBTableProps["captionPlain"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    _data: _angular_core.WritableSignal<DBTableData | undefined>;
+    _style: _angular_core.WritableSignal<any>;
+    convertData(): any;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTable, "db-table", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "mobileVariant": { "alias": "mobileVariant"; "required": false; "isSignal": true; }; "columnSizes": { "alias": "columnSizes"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showCaption": { "alias": "showCaption"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "captionPlain": { "alias": "captionPlain"; "required": false; "isSignal": true; }; }, {}, never, ["[caption]", "*"], true, never>;
+}
+
+type DBTableCaptionDefaultProps = {};
+type DBTableCaptionProps = DBTableCaptionDefaultProps & GlobalProps;
+type DBTableCaptionDefaultState = {};
+type DBTableCaptionState = DBTableCaptionDefaultState & GlobalState;
+
+declare class DBTableCaption implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    id: InputSignal<DBTableCaptionProps["id"]>;
+    className: InputSignal<DBTableCaptionProps["className"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTableCaption, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableCaption, "db-table-caption", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type DBTableHeadDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+type DBTableHeadProps = DBTableHeadDefaultProps & GlobalProps;
+type DBTableHeadDefaultState = {
+    getCells: (cells?: DBTableRowCell[]) => DBTableRowCell[] | undefined;
+};
+type DBTableHeadState = DBTableHeadDefaultState & GlobalState;
+
+declare class DBTableHead implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly uuid: () => string;
+    id: InputSignal<DBTableHeadProps["id"]>;
+    className: InputSignal<DBTableHeadProps["className"]>;
+    rows: InputSignal<DBTableHeadProps["rows"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    getCells(cells?: DBTableRowCell[]): ({
+        headerCell: boolean;
+        children?: any;
+        className?: string;
+        class?: string | any;
+        id?: string;
+        autofocus?: boolean | string;
+        propOverrides?: _db_ux_ngx_core_components.PropOverridesType;
+        colSpan?: number | string;
+        colspan?: number | string;
+        headers?: string;
+        rowSpan?: number | string;
+        rowspan?: number | string;
+        horizontalAlignment?: _db_ux_ngx_core_components.AlignmentType;
+        verticalAlignment?: _db_ux_ngx_core_components.AlignmentType;
+        content?: any;
+        link?: _db_ux_ngx_core_components.DBLinkProps;
+    } | {
+        headerCell: boolean;
+        abbr?: string;
+        scope?: _db_ux_ngx_core_components.DBTableHeaderCellScopeType;
+        noText?: boolean | string;
+        children?: any;
+        className?: string;
+        class?: string | any;
+        id?: string;
+        autofocus?: boolean | string;
+        propOverrides?: _db_ux_ngx_core_components.PropOverridesType;
+        colSpan?: number | string;
+        colspan?: number | string;
+        headers?: string;
+        rowSpan?: number | string;
+        rowspan?: number | string;
+        horizontalAlignment?: _db_ux_ngx_core_components.AlignmentType;
+        verticalAlignment?: _db_ux_ngx_core_components.AlignmentType;
+        content?: any;
+        link?: _db_ux_ngx_core_components.DBLinkProps;
+    })[] | undefined;
+    trackByRow0(index: number, row: any): string;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTableHead, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableHead, "db-table-head", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type DBTableBodyDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+type DBTableBodyProps = DBTableBodyDefaultProps & GlobalProps;
+type DBTableBodyDefaultState = {};
+type DBTableBodyState = DBTableBodyDefaultState & GlobalState;
+
+declare class DBTableBody implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly uuid: () => string;
+    id: InputSignal<DBTableBodyProps["id"]>;
+    className: InputSignal<DBTableBodyProps["className"]>;
+    rows: InputSignal<DBTableBodyProps["rows"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    trackByRow0(index: number, row: any): string;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTableBody, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableBody, "db-table-body", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type DBTableFooterDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+type DBTableFooterProps = DBTableFooterDefaultProps & GlobalProps;
+type DBTableFooterDefaultState = {};
+type DBTableFooterState = DBTableFooterDefaultState & GlobalState;
+
+declare class DBTableFooter implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly uuid: () => string;
+    id: InputSignal<DBTableFooterProps["id"]>;
+    className: InputSignal<DBTableFooterProps["className"]>;
+    rows: InputSignal<DBTableFooterProps["rows"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    trackByRow0(index: number, row: any): string;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTableFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableFooter, "db-table-footer", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DBTableRow implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly uuid: () => string;
+    id: InputSignal<DBTableRowProps["id"]>;
+    className: InputSignal<DBTableRowProps["className"]>;
+    interactive: InputSignal<DBTableRowProps["interactive"]>;
+    subHeaderEmphasis: InputSignal<DBTableRowProps["subHeaderEmphasis"]>;
+    cells: InputSignal<DBTableRowProps["cells"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    getHeaderCell(cell: DBTableRowCell): DBTableHeaderCellProps | undefined;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTableRow, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableRow, "db-table-row", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "subHeaderEmphasis": { "alias": "subHeaderEmphasis"; "required": false; "isSignal": true; }; "cells": { "alias": "cells"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DBTableHeaderCell implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
+    id: InputSignal<DBTableHeaderCellProps["id"]>;
+    className: InputSignal<DBTableHeaderCellProps["className"]>;
+    horizontalAlignment: InputSignal<DBTableHeaderCellProps["horizontalAlignment"]>;
+    verticalAlignment: InputSignal<DBTableHeaderCellProps["verticalAlignment"]>;
+    noText: InputSignal<DBTableHeaderCellProps["noText"]>;
+    scope: InputSignal<DBTableHeaderCellProps["scope"]>;
+    colSpan: InputSignal<DBTableHeaderCellProps["colSpan"]>;
+    colspan: InputSignal<DBTableHeaderCellProps["colspan"]>;
+    rowSpan: InputSignal<DBTableHeaderCellProps["rowSpan"]>;
+    rowspan: InputSignal<DBTableHeaderCellProps["rowspan"]>;
+    headers: InputSignal<DBTableHeaderCellProps["headers"]>;
+    abbr: InputSignal<DBTableHeaderCellProps["abbr"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTableHeaderCell, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableHeaderCell, "db-table-header-cell", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "horizontalAlignment": { "alias": "horizontalAlignment"; "required": false; "isSignal": true; }; "verticalAlignment": { "alias": "verticalAlignment"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "colSpan": { "alias": "colSpan"; "required": false; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowSpan": { "alias": "rowSpan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; "abbr": { "alias": "abbr"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DBTableDataCell implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
+    id: InputSignal<DBTableDataCellProps["id"]>;
+    className: InputSignal<DBTableDataCellProps["className"]>;
+    horizontalAlignment: InputSignal<DBTableDataCellProps["horizontalAlignment"]>;
+    verticalAlignment: InputSignal<DBTableDataCellProps["verticalAlignment"]>;
+    colSpan: InputSignal<DBTableDataCellProps["colSpan"]>;
+    colspan: InputSignal<DBTableDataCellProps["colspan"]>;
+    rowSpan: InputSignal<DBTableDataCellProps["rowSpan"]>;
+    rowspan: InputSignal<DBTableDataCellProps["rowspan"]>;
+    headers: InputSignal<DBTableDataCellProps["headers"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    constructor();
+    /**
+     * 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;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTableDataCell, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableDataCell, "db-table-data-cell", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "horizontalAlignment": { "alias": "horizontalAlignment"; "required": false; "isSignal": true; }; "verticalAlignment": { "alias": "verticalAlignment"; "required": false; "isSignal": true; }; "colSpan": { "alias": "colSpan"; "required": false; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowSpan": { "alias": "rowSpan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AccordionBehaviorList, AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBCustomButton, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTable, DBTableBody, DBTableCaption, DBTableColumnsSizeList, DBTableDataCell, DBTableDividerList, DBTableFooter, DBTableHead, DBTableHeaderCell, DBTableHeaderCellScopeList, DBTableMobileVariantList, DBTableRow, DBTableRowSizeList, DBTableRowSubHeaderEmphasisList, DBTableStickHeaderList, DBTableVariantList, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, MetaNavigationDirective, NavigationContentDirective, NavigationDirective, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
+export type { AccordionBehaviorType, AccordionVariantType, ActiveProps, AlignmentProps, AlignmentType, AriaControlsProps, AutoCompleteType, BadgePlacementType, BaseFormProps, ButtonTypeType, ButtonVariantType, CardBehaviorType, CardElevationLevelType, ChangeEvent, ChangeEventProps, ChangeEventState, ClassNameArg, ClickEvent, ClickEventProps, ClickEventState, CloseEventProps, CloseEventState, ContainerWidthProps, ContentSlotProps, CustomFormProps, CustomSelectDropdownWidthType, CustomSelectListItemTypeType, CustomSelectOptionType, DBAccordionDefaultProps, DBAccordionDefaultState, DBAccordionItemDefaultProps, DBAccordionItemDefaultState, DBAccordionItemProps, DBAccordionItemState, DBAccordionProps, DBAccordionState, DBBadgeDefaultProps, DBBadgeDefaultState, DBBadgeProps, DBBadgeState, DBBrandDefaultProps, DBBrandDefaultState, DBBrandProps, DBBrandState, DBButtonDefaultProps, DBButtonDefaultState, DBButtonProps, DBButtonSharedProps, DBButtonState, DBCardDefaultProps, DBCardDefaultState, DBCardProps, DBCardState, DBCheckboxDefaultProps, DBCheckboxDefaultState, DBCheckboxProps, DBCheckboxState, DBCustomButtonDefaultProps, DBCustomButtonDefaultState, DBCustomButtonProps, DBCustomButtonState, DBCustomSelectDefaultProps, DBCustomSelectDefaultState, DBCustomSelectDropdownDefaultProps, DBCustomSelectDropdownDefaultState, DBCustomSelectDropdownProps, DBCustomSelectDropdownState, DBCustomSelectEvents, DBCustomSelectFormFieldDefaultProps, DBCustomSelectFormFieldDefaultState, DBCustomSelectFormFieldProps, DBCustomSelectFormFieldState, DBCustomSelectListDefaultProps, DBCustomSelectListDefaultState, DBCustomSelectListItemDefaultProps, DBCustomSelectListItemDefaultState, DBCustomSelectListItemExtraProps, DBCustomSelectListItemProps, DBCustomSelectListItemState, DBCustomSelectListProps, DBCustomSelectListState, DBCustomSelectProps, DBCustomSelectState, DBDataOutsidePair, DBDividerDefaultProps, DBDividerDefaultState, DBDividerProps, DBDividerState, DBDrawerDefaultProps, DBDrawerDefaultState, DBDrawerProps, DBDrawerState, DBHeaderDefaultProps, DBHeaderDefaultState, DBHeaderProps, DBHeaderState, DBIconDefaultProps, DBIconDefaultState, DBIconProps, DBIconState, DBInfotextDefaultProps, DBInfotextDefaultState, DBInfotextProps, DBInfotextState, DBInputDefaultProps, DBInputDefaultState, DBInputProps, DBInputState, DBLinkDefaultProps, DBLinkDefaultState, DBLinkProps, DBLinkState, DBNavigationDefaultProps, DBNavigationDefaultState, DBNavigationItemDefaultProps, DBNavigationItemDefaultState, DBNavigationItemProps, DBNavigationItemState, DBNavigationProps, DBNavigationState, DBNotificationDefaultProps, DBNotificationDefaultState, DBNotificationProps, DBNotificationState, DBPageDefaultProps, DBPageDefaultState, DBPageProps, DBPageState, DBPopoverDefaultProps, DBPopoverDefaultState, DBPopoverProps, DBPopoverState, DBRadioDefaultProps, DBRadioDefaultState, DBRadioProps, DBRadioState, DBSectionDefaultProps, DBSectionProps, DBSelectDefaultProps, DBSelectDefaultState, DBSelectOptionType, DBSelectProps, DBSelectState, DBSimpleTabProps, DBStackDefaultProps, DBStackDefaultState, DBStackProps, DBStackState, DBSwitchDefaultProps, DBSwitchDefaultState, DBSwitchProps, DBSwitchState, DBTabItemDefaultProps, DBTabItemDefaultState, DBTabItemProps, DBTabItemState, DBTabListDefaultProps, DBTabListDefaultState, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelDefaultState, DBTabPanelProps, DBTabPanelState, DBTableBodyDefaultProps, DBTableBodyDefaultState, DBTableBodyProps, DBTableBodyState, DBTableCaptionDefaultProps, DBTableCaptionDefaultState, DBTableCaptionProps, DBTableCaptionState, DBTableCellProps, DBTableColumnsSizeType, DBTableData, DBTableDataCellDefaultProps, DBTableDataCellDefaultState, DBTableDataCellProps, DBTableDataCellState, DBTableDefaultProps, DBTableDefaultState, DBTableDividerType, DBTableFooterDefaultProps, DBTableFooterDefaultState, DBTableFooterProps, DBTableFooterState, DBTableHeadDefaultProps, DBTableHeadDefaultState, DBTableHeadProps, DBTableHeadState, DBTableHeaderCellDefaultProps, DBTableHeaderCellDefaultState, DBTableHeaderCellProps, DBTableHeaderCellScopeType, DBTableHeaderCellState, DBTableMobileVariantType, DBTableProps, DBTableRowCell, DBTableRowDefaultProps, DBTableRowDefaultState, DBTableRowProps, DBTableRowSizeType, DBTableRowState, DBTableRowSubHeaderEmphasisType, DBTableState, DBTableStickHederType, DBTableVariantType, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, FieldSizingType, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GapProps, GapSpacingProps, GapSpacingType, GeneralEvent, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, IconWeightType, InitializedState, InnerCloseButtonProps, InputEvent, InputEventProps, InputEventState, InputTypeType, InteractionEvent, LabelVariantHorizontalType, LabelVariantType, LinkContentType, LinkProps, LinkReferrerPolicyType, LinkSizeType, LinkTargetType, LinkVariantType, MarginProps, MarginType, MaxWidthType, NameProps, NameState, NavigationBackButtonProps, NavigationBehaviorState, NoTextProps, NotificationAriaLiveType, NotificationLinkVariantType, NotificationVariantType, OrientationProps, OrientationType, OverflowProps, PageDocumentOverflowType, PageVariantType, PatternhubProps, PlacementHorizontalType, PlacementProps, PlacementType, PlacementVerticalType, PopoverDelayType, PopoverProps, PopoverState, PopoverWidthType, PropOverridesType, RequiredProps, ResetIdState, RoleProps, SelectedTypeType, SemanticProps, SemanticType, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ShowLabelProps, SizeProps, SizeType, SpacingProps, SpacingType, StackAlignmentType, StackDirectionType, StackJustifyContentType, StackVariantType, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/ngx-core-components",
-  "version": "4.5.4-mcp-e4cd7e6",
+  "version": "4.5.4-table-c758ae7",
   "description": "Angular components @db-ux/core-components",
   "type": "module",
   "repository": {
@@ -16,8 +16,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@db-ux/core-components": "4.5.4-mcp-e4cd7e6",
-    "@db-ux/core-foundations": "4.5.4-mcp-e4cd7e6",
+    "@db-ux/core-components": "4.5.4-table-c758ae7",
+    "@db-ux/core-foundations": "4.5.4-table-c758ae7",
     "tslib": "^2.3.0"
   },
   "typings": "index.d.ts",