@db-ux/wc-core-components 4.10.2 → 4.11.1

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

@@ -31,9 +31,11 @@ export declare class DBNavigationItem {
     navigationItemSafeTriangle: any;
     subNavigationId: any;
     subNavigationToggleId: any;
+    observer: any;
     handleNavigationItemClick(event: any): void;
     handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
     handleBackClick(event: ClickEvent<HTMLButtonElement> | any): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -45,5 +47,6 @@ export declare class DBNavigationItem {
     watch1Fn(): void;
     watch1(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -29,7 +29,9 @@ export declare class DBNotification {
     closeable: DBNotificationProps["closeable"];
     closeButtonId: DBNotificationProps["closeButtonId"];
     closeButtonText: DBNotificationProps["closeButtonText"];
+    observer: any;
     handleClose(event?: ClickEvent<HTMLButtonElement> | void): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -37,5 +39,6 @@ export declare class DBNotification {
      */
     private enableAttributePassing;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -15,6 +15,8 @@ export declare class DBPage {
     className: DBPageProps["className"];
     mainClass: DBPageProps["mainClass"];
     fontsLoaded: boolean;
+    observer: any;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -20,12 +20,14 @@ export declare class DBPopover {
     isExpanded: boolean;
     _documentScrollListenerCallbackId: any;
     _observer: any;
+    observer: any;
     handleEscape(event: any): void;
     handleAutoPlacement(): void;
     handleDocumentScroll(event: any): void;
     handleEnter(): void;
     handleLeave(event?: any): void;
     getTrigger(): Element;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -37,5 +39,6 @@ export declare class DBPopover {
     watch1Fn(): void;
     watch1(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -28,11 +28,13 @@ export declare class DBRadio {
     initialized: boolean;
     _id: any;
     abortController: any;
+    observer: any;
     handleInput(event: ChangeEvent<HTMLInputElement> | any, reset?: boolean): void;
     handleChange(event: ChangeEvent<HTMLInputElement> | any, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -11,6 +11,8 @@ export declare class DBSection {
     className: DBSectionProps["className"];
     spacing: DBSectionProps["spacing"];
     width: DBSectionProps["width"];
+    observer: any;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -18,5 +20,6 @@ export declare class DBSection {
      */
     private enableAttributePassing;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -50,6 +50,7 @@ export declare class DBSelect {
     initialized: boolean;
     _voiceOverFallback: string;
     abortController: any;
+    observer: any;
     hasValidState(): boolean;
     handleValidation(): void;
     handleClick(event: ClickEvent<HTMLSelectElement> | any): void;
@@ -60,6 +61,7 @@ export declare class DBSelect {
     getOptionLabel(option: DBSelectOptionType): string;
     shouldShowEmptyOption(): boolean;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -15,6 +15,8 @@ export declare class DBStack {
     alignment: DBStackProps["alignment"];
     justifyContent: DBStackProps["justifyContent"];
     wrap: DBStackProps["wrap"];
+    observer: any;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -22,5 +24,6 @@ export declare class DBStack {
      */
     private enableAttributePassing;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -42,6 +42,7 @@ export declare class DBSwitch {
     _descByIds: any;
     _voiceOverFallback: string;
     abortController: any;
+    observer: any;
     hasValidState(): boolean;
     handleValidation(): void;
     handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
@@ -49,6 +50,7 @@ export declare class DBSwitch {
     handleFocus(event: InteractionEvent<HTMLInputElement>): void;
     handleKeyDown(event: GeneralKeyboardEvent<HTMLInputElement>): void;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -28,9 +28,11 @@ export declare class DBTabItem {
     initialized: boolean;
     _listenerAdded: boolean;
     boundSetSelectedOnChange: any;
+    observer: any;
     setSelectedOnChange(event: any): void;
     handleNameAttribute(): void;
     handleChange(event: any): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -9,6 +9,8 @@ export declare class DBTabList {
     id: DBTabListProps["id"];
     propOverrides: DBTabListProps["propOverrides"];
     className: DBTabListProps["className"];
+    observer: any;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -16,5 +18,6 @@ export declare class DBTabList {
      */
     private enableAttributePassing;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -10,6 +10,8 @@ export declare class DBTabPanel {
     id: DBTabPanelProps["id"];
     propOverrides: DBTabPanelProps["propOverrides"];
     content: DBTabPanelProps["content"];
+    observer: any;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -17,5 +19,6 @@ export declare class DBTabPanel {
      */
     private enableAttributePassing;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/table/examples/data.d.ts

@@ -0,0 +1,9 @@
+import type { DBTableData } from '../model';
+export declare const defaultTable: DBTableData;
+export declare const horizontalAlignmentStartTable: DBTableData;
+export declare const horizontalAlignmentCenterTable: DBTableData;
+export declare const horizontalAlignmentEndTable: DBTableData;
+export declare const subHeaderEmphasisNoneTable: DBTableData;
+export declare const subHeaderEmphasisWeakTable: DBTableData;
+export declare const subHeaderEmphasisStrongTable: DBTableData;
+export declare const overflowTable: DBTableData;

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

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

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

@@ -0,0 +1,74 @@
+import type { GlobalProps, GlobalState, WidthProps } from '../../shared/model';
+import type { DBTableRowDefaultProps } from '../table-row/model';
+export declare const DBTableRowSizeList: readonly ["x-small", "small", "medium", "large"];
+export type DBTableRowSizeType = (typeof DBTableRowSizeList)[number];
+export declare const DBTableVariantList: readonly ["flat", "zebra", "spaced"];
+export type DBTableVariantType = (typeof DBTableVariantList)[number];
+export declare const DBTableDividerList: readonly ["none", "both", "horizontal", "vertical"];
+export type DBTableDividerType = (typeof DBTableDividerList)[number];
+export declare const DBTableMobileVariantList: readonly ["table", "list"];
+export type DBTableMobileVariantType = (typeof DBTableMobileVariantList)[number];
+export declare const DBTableStickyHeaderList: readonly ["none", "both", "horizontal", "vertical"];
+export type DBTableStickyHeaderType = (typeof DBTableStickyHeaderList)[number];
+export type DBTableData = {
+    header?: DBTableRowDefaultProps[];
+    body?: DBTableRowDefaultProps[];
+    footer?: DBTableRowDefaultProps[];
+};
+export declare const DBTableColumnsSizeList: readonly ["auto", "1fr", "min-content", "max-content"];
+export type DBTableColumnsSizeType = (typeof DBTableColumnsSizeList)[number];
+export 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
+     * spaced: card style table
+     * flat: 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?: DBTableStickyHeaderType;
+    /**
+     * 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>;
+};
+export type DBTableProps = DBTableDefaultProps & GlobalProps & WidthProps;
+export type DBTableDefaultState = {
+    _data?: DBTableData;
+    _style?: any;
+    convertData: () => DBTableData;
+};
+export type DBTableState = DBTableDefaultState & GlobalState;

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

@@ -0,0 +1,41 @@
+import { DBTableProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot caption - TODO: Add description for slotCaption
+ */
+export declare class DBTable {
+    rootElement: HTMLElement;
+    private _ref;
+    data: DBTableProps["data"];
+    mobileVariant: DBTableProps["mobileVariant"];
+    columnSizes: DBTableProps["columnSizes"];
+    className: DBTableProps["className"];
+    width: DBTableProps["width"];
+    size: DBTableProps["size"];
+    divider: DBTableProps["divider"];
+    variant: DBTableProps["variant"];
+    showCaption: DBTableProps["showCaption"];
+    stickyHeader: DBTableProps["stickyHeader"];
+    id: DBTableProps["id"];
+    captionPlain: DBTableProps["captionPlain"];
+    _data: any;
+    _style: any;
+    observer: any;
+    convertData(): any;
+    setupObserver(element: HTMLElement | null): 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;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/table-body/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableBody } from './table-body';
+export default DBTableBody;

package/dist/types/components/table-body/model.d.ts

@@ -0,0 +1,8 @@
+import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { DBTableRowProps } from '../table-row/model';
+export type DBTableBodyDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+export type DBTableBodyProps = DBTableBodyDefaultProps & GlobalProps;
+export type DBTableBodyDefaultState = {};
+export type DBTableBodyState = DBTableBodyDefaultState & GlobalState;

package/dist/types/components/table-body/table-body.d.ts

@@ -0,0 +1,20 @@
+import { DBTableBodyProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableBody {
+    rootElement: HTMLElement;
+    private _ref;
+    id: DBTableBodyProps["id"];
+    className: DBTableBodyProps["className"];
+    rows: DBTableBodyProps["rows"];
+    /**
+     * 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/table-caption/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableCaption } from './table-caption';
+export default DBTableCaption;

package/dist/types/components/table-caption/model.d.ts

@@ -0,0 +1,5 @@
+import type { GlobalProps, GlobalState } from '../../shared/model';
+export type DBTableCaptionDefaultProps = {};
+export type DBTableCaptionProps = DBTableCaptionDefaultProps & GlobalProps;
+export type DBTableCaptionDefaultState = {};
+export type DBTableCaptionState = DBTableCaptionDefaultState & GlobalState;

package/dist/types/components/table-caption/table-caption.d.ts

@@ -0,0 +1,22 @@
+import { DBTableCaptionProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableCaption {
+    rootElement: HTMLElement;
+    private _ref;
+    id: DBTableCaptionProps["id"];
+    className: DBTableCaptionProps["className"];
+    observer: any;
+    setupObserver(element: HTMLElement | null): 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;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/table-data-cell/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableDataCell } from './table-data-cell';
+export default DBTableDataCell;

package/dist/types/components/table-data-cell/model.d.ts

@@ -0,0 +1,5 @@
+import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model';
+export type DBTableDataCellDefaultProps = {};
+export type DBTableDataCellProps = DBTableDataCellDefaultProps & GlobalProps & DBTableCellProps;
+export type DBTableDataCellDefaultState = {};
+export type DBTableDataCellState = DBTableDataCellDefaultState & GlobalState;

package/dist/types/components/table-data-cell/table-data-cell.d.ts

@@ -0,0 +1,26 @@
+import { DBTableDataCellProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableDataCell {
+    rootElement: HTMLElement;
+    private _ref;
+    id: DBTableDataCellProps["id"];
+    className: DBTableDataCellProps["className"];
+    horizontalAlignment: DBTableDataCellProps["horizontalAlignment"];
+    verticalAlignment: DBTableDataCellProps["verticalAlignment"];
+    colSpan: DBTableDataCellProps["colSpan"];
+    colspan: DBTableDataCellProps["colspan"];
+    rowSpan: DBTableDataCellProps["rowSpan"];
+    rowspan: DBTableDataCellProps["rowspan"];
+    headers: DBTableDataCellProps["headers"];
+    /**
+     * 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/table-footer/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableFooter } from './table-footer';
+export default DBTableFooter;

package/dist/types/components/table-footer/model.d.ts

@@ -0,0 +1,8 @@
+import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { DBTableRowProps } from '../table-row/model';
+export type DBTableFooterDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+export type DBTableFooterProps = DBTableFooterDefaultProps & GlobalProps;
+export type DBTableFooterDefaultState = {};
+export type DBTableFooterState = DBTableFooterDefaultState & GlobalState;

package/dist/types/components/table-footer/table-footer.d.ts

@@ -0,0 +1,20 @@
+import { DBTableFooterProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableFooter {
+    rootElement: HTMLElement;
+    private _ref;
+    id: DBTableFooterProps["id"];
+    className: DBTableFooterProps["className"];
+    rows: DBTableFooterProps["rows"];
+    /**
+     * 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/table-head/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableHead } from './table-head';
+export default DBTableHead;

package/dist/types/components/table-head/model.d.ts

@@ -0,0 +1,10 @@
+import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { DBTableRowCell, DBTableRowProps } from '../table-row/model';
+export type DBTableHeadDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+export type DBTableHeadProps = DBTableHeadDefaultProps & GlobalProps;
+export type DBTableHeadDefaultState = {
+    getCells: (cells?: DBTableRowCell[]) => DBTableRowCell[] | undefined;
+};
+export type DBTableHeadState = DBTableHeadDefaultState & GlobalState;

package/dist/types/components/table-head/table-head.d.ts

@@ -0,0 +1,62 @@
+import { DBTableRowCell } from "../table-row/model";
+import { DBTableHeadProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableHead {
+    rootElement: HTMLElement;
+    private _ref;
+    id: DBTableHeadProps["id"];
+    className: DBTableHeadProps["className"];
+    rows: DBTableHeadProps["rows"];
+    observer: any;
+    getCells(cells?: DBTableRowCell[]): ({
+        headerCell: boolean;
+        children?: any;
+        className?: string;
+        class?: string | any;
+        id?: string;
+        autofocus?: boolean | string;
+        propOverrides?: import("../..").PropOverridesType;
+        colSpan?: number | string;
+        colspan?: number | string;
+        headers?: string;
+        rowSpan?: number | string;
+        rowspan?: number | string;
+        horizontalAlignment?: import("../..").AlignmentType;
+        verticalAlignment?: import("../..").AlignmentType;
+        content?: any;
+        link?: import("../..").DBLinkProps;
+    } | {
+        headerCell: boolean;
+        abbr?: string;
+        scope?: import("../..").DBTableHeaderCellScopeType;
+        noText?: boolean | string;
+        children?: any;
+        className?: string;
+        class?: string | any;
+        id?: string;
+        autofocus?: boolean | string;
+        propOverrides?: import("../..").PropOverridesType;
+        colSpan?: number | string;
+        colspan?: number | string;
+        headers?: string;
+        rowSpan?: number | string;
+        rowspan?: number | string;
+        horizontalAlignment?: import("../..").AlignmentType;
+        verticalAlignment?: import("../..").AlignmentType;
+        content?: any;
+        link?: import("../..").DBLinkProps;
+    })[];
+    setupObserver(element: HTMLElement | null): 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;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/table-header-cell/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableHeaderCell } from './table-header-cell';
+export default DBTableHeaderCell;

package/dist/types/components/table-header-cell/model.d.ts

@@ -0,0 +1,24 @@
+import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model';
+export declare const DBTableHeaderCellScopeList: readonly ["row", "col", "rowgroup", "colgroup"];
+export type DBTableHeaderCellScopeType = (typeof DBTableHeaderCellScopeList)[number];
+export 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;
+};
+export type DBTableHeaderCellProps = DBTableHeaderCellDefaultProps & GlobalProps & DBTableCellProps;
+export type DBTableHeaderCellDefaultState = {};
+export type DBTableHeaderCellState = DBTableHeaderCellDefaultState & GlobalState;

package/dist/types/components/table-header-cell/table-header-cell.d.ts

@@ -0,0 +1,29 @@
+import { DBTableHeaderCellProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTableHeaderCell {
+    rootElement: HTMLElement;
+    private _ref;
+    id: DBTableHeaderCellProps["id"];
+    className: DBTableHeaderCellProps["className"];
+    horizontalAlignment: DBTableHeaderCellProps["horizontalAlignment"];
+    verticalAlignment: DBTableHeaderCellProps["verticalAlignment"];
+    noText: DBTableHeaderCellProps["noText"];
+    scope: DBTableHeaderCellProps["scope"];
+    colSpan: DBTableHeaderCellProps["colSpan"];
+    colspan: DBTableHeaderCellProps["colspan"];
+    rowSpan: DBTableHeaderCellProps["rowSpan"];
+    rowspan: DBTableHeaderCellProps["rowspan"];
+    headers: DBTableHeaderCellProps["headers"];
+    abbr: DBTableHeaderCellProps["abbr"];
+    /**
+     * 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/table-row/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTableRow } from './table-row';
+export default DBTableRow;

package/dist/types/components/table-row/model.d.ts

@@ -0,0 +1,30 @@
+import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { DBLinkProps } from '../link/model';
+import type { DBTableDataCellProps } from '../table-data-cell/model';
+import type { DBTableHeaderCellProps } from '../table-header-cell/model';
+export declare const DBTableRowSubHeaderEmphasisList: readonly ["none", "weak", "strong"];
+export type DBTableRowSubHeaderEmphasisType = (typeof DBTableRowSubHeaderEmphasisList)[number];
+export type DBTableRowCell = (DBTableHeaderCellProps | DBTableDataCellProps) & {
+    headerCell?: boolean;
+    content?: any;
+    link?: DBLinkProps;
+};
+export 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-trigger="true"
+     */
+    interactive?: boolean | string;
+};
+export type DBTableRowProps = DBTableRowDefaultProps & GlobalProps;
+export type DBTableRowDefaultState = {
+    getHeaderCell: (cell: DBTableRowCell) => DBTableHeaderCellProps | undefined;
+};
+export type DBTableRowState = DBTableRowDefaultState & GlobalState;