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

package/types/db-ux-ngx-core-components.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, InputSignal, ElementRef, OnDestroy, ModelSignal, Renderer2 } from '@angular/core';
+import { AfterViewInit, OnDestroy, InputSignal, ElementRef, 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,48 @@ 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;
+    /**
+     * Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).
+     * If both `colSpan` and `colspan` are provided, `colSpan` takes precedence.
+     *
+     * [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;
+    /**
+     * Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).
+     * If both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.
+     *
+     * [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: {
@@ -582,11 +625,16 @@ declare const hasVoiceOver: () => boolean;
 declare const isIOSSafari: () => boolean;
 declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
 /**
- * Some frameworks like stencil would not add "true" as value for a prop
- * if it is used in a framework like angular e.g.: [disabled]="myDisabledProp"
- * @param originBool Some boolean to convert to string
+ * Converts boolean-like inputs to "true" or "false" strings.
+ * Handles HTML-style boolean attributes where an empty string or the
+ * attribute's own name as value (e.g. noText="noText") should be treated as true.
+ * Some frameworks like Stencil do not add "true" as value for a prop
+ * if it is used in a framework like Angular e.g.: [disabled]="myDisabledProp"
+ * @param originBool Boolean or string value to convert
+ * @param propertyName The prop/attribute name — when originBool is a string equal
+ *   to this name (case-insensitive), it is treated as true
  */
-declare const getBooleanAsString: (originBool?: boolean | string) => any;
+declare const getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
 declare const getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
 declare const getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
 /**
@@ -699,7 +747,7 @@ type DBAccordionDefaultState = {
 };
 type DBAccordionState = DBAccordionDefaultState & InitializedState;
 
-declare class DBAccordion implements AfterViewInit {
+declare class DBAccordion implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     name: InputSignal<DBAccordionProps["name"]>;
     behavior: InputSignal<DBAccordionProps["behavior"]>;
@@ -713,7 +761,9 @@ declare class DBAccordion implements AfterViewInit {
     _name: _angular_core.WritableSignal<string | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
     _initOpenIndexDone: _angular_core.WritableSignal<boolean>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     convertItems(): any;
+    setupObserver(element: HTMLElement | null): void;
     trackByItem0(index: number, item: any): string;
     constructor();
     /**
@@ -723,13 +773,14 @@ declare class DBAccordion implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBAccordion, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBAccordion, "db-accordion", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initOpenIndex": { "alias": "initOpenIndex"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class DBAccordionItem implements AfterViewInit {
+declare class DBAccordionItem implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     defaultOpen: InputSignal<DBAccordionItemProps["defaultOpen"]>;
     name: InputSignal<DBAccordionItemProps["name"]>;
     open: InputSignal<DBAccordionItemProps["open"]>;
@@ -744,8 +795,10 @@ declare class DBAccordionItem implements AfterViewInit {
     _open: _angular_core.WritableSignal<boolean | undefined>;
     _name: _angular_core.WritableSignal<string | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleNameAttribute(): void;
     handleToggle(event: ClickEvent<HTMLElement> | any): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -754,6 +807,7 @@ declare class DBAccordionItem implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBAccordionItem, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBAccordionItem, "db-accordion-item", never, { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "headlinePlain": { "alias": "headlinePlain"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["[headline]", "*"], true, never>;
 }
@@ -774,9 +828,9 @@ type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProp
 type DBBadgeDefaultState = {};
 type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState;
 
-declare class DBBadge implements AfterViewInit {
+declare class DBBadge implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly DEFAULT_LABEL: string;
     placement: InputSignal<DBBadgeProps["placement"]>;
     id: InputSignal<DBBadgeProps["id"]>;
@@ -790,6 +844,8 @@ declare class DBBadge implements AfterViewInit {
     text: InputSignal<DBBadgeProps["text"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -798,6 +854,7 @@ declare class DBBadge implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBBadge, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBBadge, "db-badge", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -812,9 +869,9 @@ type DBBrandProps = DBBrandDefaultProps & GlobalProps & IconProps & ShowIconProp
 type DBBrandDefaultState = {};
 type DBBrandState = DBBrandDefaultState & GlobalState;
 
-declare class DBBrand implements AfterViewInit {
+declare class DBBrand implements AfterViewInit, OnDestroy {
     protected readonly DEFAULT_ICON: string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     hideLogo: InputSignal<DBBrandProps["hideLogo"]>;
     icon: InputSignal<DBBrandProps["icon"]>;
@@ -824,6 +881,8 @@ declare class DBBrand implements AfterViewInit {
     className: InputSignal<DBBrandProps["className"]>;
     text: InputSignal<DBBrandProps["text"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -832,6 +891,7 @@ declare class DBBrand implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBBrand, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBBrand, "db-brand", never, { "hideLogo": { "alias": "hideLogo"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -874,10 +934,10 @@ type DBButtonDefaultState = {
 };
 type DBButtonState = DBButtonDefaultState & GlobalState;
 
-declare class DBButton implements AfterViewInit {
+declare class DBButton implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     type: InputSignal<DBButtonProps["type"]>;
     id: InputSignal<DBButtonProps["id"]>;
     propOverrides: InputSignal<DBButtonProps["propOverrides"]>;
@@ -900,7 +960,9 @@ declare class DBButton implements AfterViewInit {
     text: InputSignal<DBButtonProps["text"]>;
     click: _angular_core.OutputEmitterRef<void | MouseEvent>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     getButtonType(): "button" | "reset" | "submit" | undefined;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -909,6 +971,7 @@ declare class DBButton implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBButton, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBButton, "db-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, ["*"], true, never>;
 }
@@ -931,7 +994,7 @@ type DBCardProps = DBCardDefaultProps & GlobalProps & ClickEventProps<HTMLElemen
 type DBCardDefaultState = {};
 type DBCardState = DBCardDefaultState & GlobalState & ClickEventState<HTMLElement>;
 
-declare class DBCard implements AfterViewInit {
+declare class DBCard implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBCardProps["id"]>;
     propOverrides: InputSignal<DBCardProps["propOverrides"]>;
@@ -941,7 +1004,9 @@ declare class DBCard implements AfterViewInit {
     spacing: InputSignal<DBCardProps["spacing"]>;
     click: _angular_core.OutputEmitterRef<void | MouseEvent>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleClick(event: ClickEvent<HTMLElement>): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -950,6 +1015,7 @@ declare class DBCard implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCard, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCard, "db-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "elevationLevel": { "alias": "elevationLevel"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, ["*"], true, never>;
 }
@@ -1004,12 +1070,14 @@ declare class DBCheckbox implements AfterViewInit, ControlValueAccessor, OnDestr
     _descByIds: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
     abortController: _angular_core.WritableSignal<AbortController | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
     handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1033,9 +1101,9 @@ type DBCustomButtonProps = DBCustomButtonDefaultProps & DBButtonSharedProps & Gl
 type DBCustomButtonDefaultState = {};
 type DBCustomButtonState = DBCustomButtonDefaultState & GlobalState;
 
-declare class DBCustomButton implements AfterViewInit {
+declare class DBCustomButton implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     id: InputSignal<DBCustomButtonProps["id"]>;
     propOverrides: InputSignal<DBCustomButtonProps["propOverrides"]>;
     className: InputSignal<DBCustomButtonProps["className"]>;
@@ -1050,6 +1118,8 @@ declare class DBCustomButton implements AfterViewInit {
     variant: InputSignal<DBCustomButtonProps["variant"]>;
     noText: InputSignal<DBCustomButtonProps["noText"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1058,6 +1128,7 @@ declare class DBCustomButton implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomButton, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomButton, "db-custom-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1336,7 +1407,7 @@ type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState
 declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly getHideProp: (show?: boolean | string) => any;
     protected readonly DEFAULT_LABEL: string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
@@ -1437,6 +1508,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
     _searchValue: _angular_core.WritableSignal<string | undefined>;
     selectAllChecked: _angular_core.WritableSignal<boolean>;
     selectAllIndeterminate: _angular_core.WritableSignal<boolean>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleDocumentScroll(event: any): void;
     hasValidState(): boolean;
     handleValidation(): void;
@@ -1463,6 +1535,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
     handleSummaryFocus(): void;
     resetIds(): void;
     satisfyReact(event: any): void;
+    setupObserver(element: HTMLElement | null): void;
     trackByOption0(_: number, option: any): string;
     trackByOption1(_: number, option: any): string;
     trackByOption2(_: number, option: any): string;
@@ -1484,13 +1557,15 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "selectedPrefix": { "alias": "selectedPrefix"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "mobileCloseButtonText": { "alias": "mobileCloseButtonText"; "required": false; "isSignal": true; }; "showClearSelection": { "alias": "showClearSelection"; "required": false; "isSignal": true; }; "clearSelectionText": { "alias": "clearSelectionText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "disabled": "disabledChange"; "amountChange": "amountChange"; "dropdownToggle": "dropdownToggle"; "optionSelected": "optionSelected"; "search": "search"; }, never, ["*"], true, never>;
 }
 
-declare class DBCustomSelectDropdown implements AfterViewInit {
+declare class DBCustomSelectDropdown implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBCustomSelectDropdownProps["id"]>;
     propOverrides: InputSignal<DBCustomSelectDropdownProps["propOverrides"]>;
     className: InputSignal<DBCustomSelectDropdownProps["className"]>;
     width: InputSignal<DBCustomSelectDropdownProps["width"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1499,16 +1574,19 @@ declare class DBCustomSelectDropdown implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelectDropdown, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectDropdown, "db-custom-select-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class DBCustomSelectFormField implements AfterViewInit {
+declare class DBCustomSelectFormField implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBCustomSelectFormFieldProps["id"]>;
     propOverrides: InputSignal<DBCustomSelectFormFieldProps["propOverrides"]>;
     className: InputSignal<DBCustomSelectFormFieldProps["className"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1517,6 +1595,7 @@ declare class DBCustomSelectFormField implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelectFormField, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectFormField, "db-custom-select-form-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1529,7 +1608,7 @@ type DBCustomSelectListProps = DBCustomSelectListDefaultProps & GlobalProps;
 type DBCustomSelectListDefaultState = {};
 type DBCustomSelectListState = DBCustomSelectListDefaultState & GlobalState;
 
-declare class DBCustomSelectList implements AfterViewInit {
+declare class DBCustomSelectList implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     multiple: InputSignal<DBCustomSelectListProps["multiple"]>;
     label: InputSignal<DBCustomSelectListProps["label"]>;
@@ -1537,6 +1616,8 @@ declare class DBCustomSelectList implements AfterViewInit {
     propOverrides: InputSignal<DBCustomSelectListProps["propOverrides"]>;
     className: InputSignal<DBCustomSelectListProps["className"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1545,14 +1626,15 @@ declare class DBCustomSelectList implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelectList, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectList, "db-custom-select-list", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAccessor {
+declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     isGroupTitle: InputSignal<DBCustomSelectListItemProps["isGroupTitle"]>;
     showDivider: InputSignal<DBCustomSelectListItemProps["showDivider"]>;
@@ -1571,8 +1653,10 @@ declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAcces
     change: _angular_core.OutputEmitterRef<void | Event>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     hasDivider: _angular_core.WritableSignal<boolean | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleChange(event: ChangeEvent<HTMLInputElement>): void;
     getIconTrailing(): "check" | "x_placeholder" | undefined;
+    setupObserver(element: HTMLElement | null): void;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1586,6 +1670,7 @@ declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAcces
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelectListItem, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectListItem, "db-custom-select-list-item", never, { "isGroupTitle": { "alias": "isGroupTitle"; "required": false; "isSignal": true; }; "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "groupTitle": { "alias": "groupTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; }, never, ["*"], true, never>;
 }
@@ -1608,7 +1693,7 @@ type DBDividerProps = DBDividerDefaultProps & GlobalProps & EmphasisProps & Marg
 type DBDividerDefaultState = {};
 type DBDividerState = DBDividerDefaultState & GlobalState;
 
-declare class DBDivider implements AfterViewInit {
+declare class DBDivider implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBDividerProps["id"]>;
     propOverrides: InputSignal<DBDividerProps["propOverrides"]>;
@@ -1618,6 +1703,8 @@ declare class DBDivider implements AfterViewInit {
     width: InputSignal<DBDividerProps["width"]>;
     className: InputSignal<DBDividerProps["className"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1626,6 +1713,7 @@ declare class DBDivider implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBDivider, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDivider, "db-divider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -1680,9 +1768,9 @@ type DBDrawerDefaultState = {
 };
 type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;
 
-declare class DBDrawer implements AfterViewInit {
+declare class DBDrawer implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly DEFAULT_CLOSE_BUTTON: string;
     open: InputSignal<DBDrawerProps["open"]>;
     position: InputSignal<DBDrawerProps["position"]>;
@@ -1701,8 +1789,10 @@ declare class DBDrawer implements AfterViewInit {
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     dialogContainerRef: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleClose(event?: ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement> | void, forceClose?: boolean): void;
     handleDialogOpen(): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1711,6 +1801,7 @@ declare class DBDrawer implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBDrawer, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
 }
@@ -1759,7 +1850,7 @@ type DBHeaderDefaultState = {
 };
 type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState;
 
-declare class DBHeader implements AfterViewInit {
+declare class DBHeader implements AfterViewInit, OnDestroy {
     dbNavigation: any;
     dbMetaNavigation: any;
     dbSecondaryAction: any;
@@ -1779,8 +1870,10 @@ declare class DBHeader implements AfterViewInit {
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
     forcedToMobile: _angular_core.WritableSignal<boolean | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleToggle(event?: any): void;
     handleNavigationItemClick(event: unknown): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1789,6 +1882,7 @@ declare class DBHeader implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBHeader, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "forceMobile": { "alias": "forceMobile"; "required": false; "isSignal": true; }; "drawerOpen": { "alias": "drawerOpen"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "[brand]", "*", "[primary-action]", "*", "*", "*", "*"], true, never>;
 }
@@ -1818,7 +1912,7 @@ type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;
 type DBIconDefaultState = {};
 type DBIconState = DBIconDefaultState & GlobalState;
 
-declare class DBIcon implements AfterViewInit {
+declare class DBIcon implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBIconProps["id"]>;
     propOverrides: InputSignal<DBIconProps["propOverrides"]>;
@@ -1828,6 +1922,8 @@ declare class DBIcon implements AfterViewInit {
     variant: InputSignal<DBIconProps["variant"]>;
     text: InputSignal<DBIconProps["text"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1836,6 +1932,7 @@ declare class DBIcon implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBIcon, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBIcon, "db-icon", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1845,9 +1942,9 @@ type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & Ic
 type DBInfotextDefaultState = {};
 type DBInfotextState = DBInfotextDefaultState & GlobalState;
 
-declare class DBInfotext implements AfterViewInit {
+declare class DBInfotext implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     id: InputSignal<DBInfotextProps["id"]>;
     propOverrides: InputSignal<DBInfotextProps["propOverrides"]>;
     className: InputSignal<DBInfotextProps["className"]>;
@@ -1858,6 +1955,8 @@ declare class DBInfotext implements AfterViewInit {
     showIcon: InputSignal<DBInfotextProps["showIcon"]>;
     text: InputSignal<DBInfotextProps["text"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1866,6 +1965,7 @@ declare class DBInfotext implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBInfotext, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBInfotext, "db-infotext", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1941,7 +2041,7 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor, OnDestroy
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly DEFAULT_LABEL: string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly DEFAULT_PLACEHOLDER: string;
@@ -2016,6 +2116,7 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor, OnDestroy
     _value: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
     abortController: _angular_core.WritableSignal<AbortController | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
     handleInput(event: InputEvent<HTMLInputElement>, reset?: boolean): void;
@@ -2024,6 +2125,7 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor, OnDestroy
     handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
     getDataList(): ValueLabelType[];
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     trackByOption0(_: number, option: any): string;
     constructor(renderer: Renderer2);
     /**
@@ -2067,9 +2169,9 @@ type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchor
 type DBLinkDefaultState = {};
 type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;
 
-declare class DBLink implements AfterViewInit {
+declare class DBLink implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     id: InputSignal<DBLinkProps["id"]>;
     propOverrides: InputSignal<DBLinkProps["propOverrides"]>;
     className: InputSignal<DBLinkProps["className"]>;
@@ -2088,6 +2190,8 @@ declare class DBLink implements AfterViewInit {
     wrap: InputSignal<DBLinkProps["wrap"]>;
     text: InputSignal<DBLinkProps["text"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2096,6 +2200,7 @@ declare class DBLink implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBLink, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBLink, "db-link", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "referrerpolicy": { "alias": "referrerpolicy"; "required": false; "isSignal": true; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; "isSignal": true; }; "hreflang": { "alias": "hreflang"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -2105,12 +2210,14 @@ type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
 type DBNavigationDefaultState = {};
 type DBNavigationState = DBNavigationDefaultState;
 
-declare class DBNavigation implements AfterViewInit {
+declare class DBNavigation implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBNavigationProps["id"]>;
     propOverrides: InputSignal<DBNavigationProps["propOverrides"]>;
     className: InputSignal<DBNavigationProps["className"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2119,6 +2226,7 @@ declare class DBNavigation implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBNavigation, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNavigation, "db-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -2189,10 +2297,10 @@ type DBNavigationItemDefaultState = {
 };
 type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState & NavigationBehaviorState;
 
-declare class DBNavigationItem implements AfterViewInit {
+declare class DBNavigationItem implements AfterViewInit, OnDestroy {
     dbNavigationContent: any;
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly DEFAULT_BACK: string;
     id: InputSignal<DBNavigationItemProps["id"]>;
@@ -2219,9 +2327,11 @@ declare class DBNavigationItem implements AfterViewInit {
     navigationItemSafeTriangle: _angular_core.WritableSignal<NavigationItemSafeTriangle | undefined>;
     subNavigationId: _angular_core.WritableSignal<string | undefined>;
     subNavigationToggleId: _angular_core.WritableSignal<string | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleNavigationItemClick(event: any): void;
     handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
     handleBackClick(event: ClickEvent<HTMLButtonElement> | any): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2230,6 +2340,7 @@ declare class DBNavigationItem implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBNavigationItem, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNavigationItem, "db-navigation-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "subNavigationExpanded": { "alias": "subNavigationExpanded"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideSubNavigation": { "alias": "hideSubNavigation"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "backButtonId": { "alias": "backButtonId"; "required": false; "isSignal": true; }; "backButtonText": { "alias": "backButtonText"; "required": false; "isSignal": true; }; }, { "click": "click"; }, ["dbNavigationContent"], ["*", "[sub-navigation]", "*"], true, never>;
 }
@@ -2307,7 +2418,7 @@ type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & RoleProps
 type DBNotificationDefaultState = {};
 type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement>>;
 
-declare class DBNotification implements AfterViewInit {
+declare class DBNotification implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getNotificationRole: ({ semantic, role, ariaLive }: {
         semantic?: string;
@@ -2315,7 +2426,7 @@ declare class DBNotification implements AfterViewInit {
         ariaLive?: string;
     }) => string | undefined;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
     protected readonly DEFAULT_CLOSE_BUTTON: string;
     id: InputSignal<DBNotificationProps["id"]>;
@@ -2339,7 +2450,9 @@ declare class DBNotification implements AfterViewInit {
     closeButtonText: InputSignal<DBNotificationProps["closeButtonText"]>;
     close: _angular_core.OutputEmitterRef<void | MouseEvent | undefined>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleClose(event?: ClickEvent<HTMLButtonElement> | void): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2348,6 +2461,7 @@ declare class DBNotification implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBNotification, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "linkVariant": { "alias": "linkVariant"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showHeadline": { "alias": "showHeadline"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "timestampDatetime": { "alias": "timestampDatetime"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[image]", "*", "[link]"], true, never>;
 }
@@ -2390,7 +2504,7 @@ type DBPageState = DBPageDefaultState & GlobalState;
 
 declare class DBPage implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     fadeIn: InputSignal<DBPageProps["fadeIn"]>;
     documentOverflow: InputSignal<DBPageProps["documentOverflow"]>;
     variant: InputSignal<DBPageProps["variant"]>;
@@ -2400,6 +2514,8 @@ declare class DBPage implements AfterViewInit, OnDestroy {
     mainClass: InputSignal<DBPageProps["mainClass"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     fontsLoaded: _angular_core.WritableSignal<boolean | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2431,9 +2547,9 @@ type DBPopoverDefaultState = {
 };
 type DBPopoverState = DBPopoverDefaultState & GlobalState & PopoverState & InitializedState;
 
-declare class DBPopover implements AfterViewInit {
+declare class DBPopover implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     placement: InputSignal<DBPopoverProps["placement"]>;
     id: InputSignal<DBPopoverProps["id"]>;
     propOverrides: InputSignal<DBPopoverProps["propOverrides"]>;
@@ -2449,12 +2565,14 @@ declare class DBPopover implements AfterViewInit {
     isExpanded: _angular_core.WritableSignal<boolean | undefined>;
     _documentScrollListenerCallbackId: _angular_core.WritableSignal<string | undefined>;
     _observer: _angular_core.WritableSignal<IntersectionObserver | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleEscape(event: any): void;
     handleAutoPlacement(): void;
     handleDocumentScroll(event: any): void;
     handleEnter(): void;
     handleLeave(event?: any): void;
     getTrigger(): Element | null;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2463,6 +2581,7 @@ declare class DBPopover implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBPopover, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
 }
@@ -2498,11 +2617,13 @@ declare class DBRadio implements AfterViewInit, ControlValueAccessor, OnDestroy
     initialized: _angular_core.WritableSignal<boolean>;
     _id: _angular_core.WritableSignal<string | undefined>;
     abortController: _angular_core.WritableSignal<AbortController | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     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;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2524,7 +2645,7 @@ declare class DBRadio implements AfterViewInit, ControlValueAccessor, OnDestroy
 type DBSectionDefaultProps = {};
 type DBSectionProps = DBSectionDefaultProps & GlobalProps & SpacingProps & ContainerWidthProps;
 
-declare class DBSection implements AfterViewInit {
+declare class DBSection implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBSectionProps["id"]>;
     propOverrides: InputSignal<DBSectionProps["propOverrides"]>;
@@ -2532,6 +2653,8 @@ declare class DBSection implements AfterViewInit {
     spacing: InputSignal<DBSectionProps["spacing"]>;
     width: InputSignal<DBSectionProps["width"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2540,6 +2663,7 @@ declare class DBSection implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBSection, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSection, "db-section", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -2602,7 +2726,7 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly DEFAULT_LABEL: string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly getOptionKey: (option: {
@@ -2654,6 +2778,7 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
     initialized: _angular_core.WritableSignal<boolean>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
     abortController: _angular_core.WritableSignal<AbortController | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
     handleClick(event: ClickEvent<HTMLSelectElement> | any): void;
@@ -2664,6 +2789,7 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
     getOptionLabel(option: DBSelectOptionType): string;
     shouldShowEmptyOption(): boolean | undefined;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     trackByOptgroupOption0(_: number, optgroupOption: any): string;
     constructor(renderer: Renderer2);
     /**
@@ -2717,9 +2843,9 @@ type DBStackProps = DBStackDefaultProps & GlobalProps & GapSpacingProps;
 type DBStackDefaultState = {};
 type DBStackState = DBStackDefaultState & GlobalState;
 
-declare class DBStack implements AfterViewInit {
+declare class DBStack implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     id: InputSignal<DBStackProps["id"]>;
     propOverrides: InputSignal<DBStackProps["propOverrides"]>;
     className: InputSignal<DBStackProps["className"]>;
@@ -2730,6 +2856,8 @@ declare class DBStack implements AfterViewInit {
     justifyContent: InputSignal<DBStackProps["justifyContent"]>;
     wrap: InputSignal<DBStackProps["wrap"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2738,6 +2866,7 @@ declare class DBStack implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBStack, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBStack, "db-stack", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -2760,7 +2889,7 @@ type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLI
 
 declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly getHideProp: (show?: boolean | string) => any;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
@@ -2801,6 +2930,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     _descByIds: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
     abortController: _angular_core.WritableSignal<AbortController | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
     handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
@@ -2808,6 +2938,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     handleFocus(event: InteractionEvent<HTMLInputElement>): void;
     handleKeyDown(event: GeneralKeyboardEvent<HTMLInputElement>): void;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2856,7 +2987,7 @@ type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTM
 declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     active: InputSignal<DBTabItemProps["active"]>;
     name: InputSignal<DBTabItemProps["name"]>;
@@ -2880,9 +3011,11 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestro
     initialized: _angular_core.WritableSignal<boolean>;
     _listenerAdded: _angular_core.WritableSignal<boolean>;
     boundSetSelectedOnChange: _angular_core.WritableSignal<((event: any) => void) | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     setSelectedOnChange(event: any): void;
     handleNameAttribute(): void;
     handleChange(event: any): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2906,12 +3039,14 @@ type DBTabListProps = DBTabListDefaultProps & GlobalProps;
 type DBTabListDefaultState = {};
 type DBTabListState = DBTabListDefaultState;
 
-declare class DBTabList implements AfterViewInit {
+declare class DBTabList implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBTabListProps["id"]>;
     propOverrides: InputSignal<DBTabListProps["propOverrides"]>;
     className: InputSignal<DBTabListProps["className"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2920,6 +3055,7 @@ declare class DBTabList implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabList, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -2934,13 +3070,15 @@ type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps;
 type DBTabPanelDefaultState = {};
 type DBTabPanelState = DBTabPanelDefaultState & GlobalState;
 
-declare class DBTabPanel implements AfterViewInit {
+declare class DBTabPanel implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     className: InputSignal<DBTabPanelProps["className"]>;
     id: InputSignal<DBTabPanelProps["id"]>;
     propOverrides: InputSignal<DBTabPanelProps["propOverrides"]>;
     content: InputSignal<DBTabPanelProps["content"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2949,10 +3087,400 @@ declare class DBTabPanel implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabPanel, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+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-trigger="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 ["flat", "zebra", "spaced"];
+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 DBTableStickyHeaderList: readonly ["none", "both", "horizontal", "vertical"];
+type DBTableStickyHeaderType = (typeof DBTableStickyHeaderList)[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
+     * 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>;
+};
+type DBTableProps = DBTableDefaultProps & GlobalProps & WidthProps;
+type DBTableDefaultState = {
+    _data?: DBTableData;
+    _style?: any;
+    convertData: () => DBTableData;
+};
+type DBTableState = DBTableDefaultState & GlobalState;
+
+declare class DBTable implements AfterViewInit, OnDestroy {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: 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>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    convertData(): any;
+    setupObserver(element: HTMLElement | null): void;
+    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;
+    ngOnDestroy(): 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 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 DBTableCaptionDefaultProps = {};
+type DBTableCaptionProps = DBTableCaptionDefaultProps & GlobalProps;
+type DBTableCaptionDefaultState = {};
+type DBTableCaptionState = DBTableCaptionDefaultState & GlobalState;
+
+declare class DBTableCaption implements AfterViewInit, OnDestroy {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    id: InputSignal<DBTableCaptionProps["id"]>;
+    className: InputSignal<DBTableCaptionProps["className"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setupObserver(element: HTMLElement | null): void;
+    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;
+    ngOnDestroy(): 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>;
+}
+
+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>;
+}
+
+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>;
+}
+
+type DBTableHeadDefaultProps = {
+    rows?: DBTableRowProps[];
+};
+type DBTableHeadProps = DBTableHeadDefaultProps & GlobalProps;
+type DBTableHeadDefaultState = {
+    getCells: (cells?: DBTableRowCell[]) => DBTableRowCell[] | undefined;
+};
+type DBTableHeadState = DBTableHeadDefaultState & GlobalState;
+
+declare class DBTableHead implements AfterViewInit, OnDestroy {
+    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>;
+    observer: _angular_core.WritableSignal<MutationObserver | 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;
+    setupObserver(element: HTMLElement | null): void;
+    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;
+    ngOnDestroy(): 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>;
+}
+
+declare class DBTableHeaderCell implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: 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 DBTableRow implements AfterViewInit {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: 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 const TabsBehaviorList: readonly ["scrollbar", "arrows"];
 type TabsBehaviorType = (typeof TabsBehaviorList)[number];
 declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
@@ -3041,12 +3569,14 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
     showScrollRight: _angular_core.WritableSignal<boolean | undefined>;
     scrollContainer: _angular_core.WritableSignal<Element | null | undefined>;
     _resizeObserver: _angular_core.WritableSignal<ResizeObserver | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     convertTabs(): any;
     evaluateScrollButtons(tList: Element): void;
     scroll(left?: boolean): void;
     initTabList(): void;
     initTabs(init?: boolean): void;
     handleChange(event: InputEvent<HTMLElement>): void;
+    setupObserver(element: HTMLElement | null): void;
     trackByTab0(index: number, tab: any): string;
     trackByTab1(index: number, tab: any): string;
     constructor();
@@ -3105,9 +3635,9 @@ type DBTagDefaultState = {
 };
 type DBTagState = DBTagDefaultState & GlobalState;
 
-declare class DBTag implements AfterViewInit {
+declare class DBTag implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     removeButton: InputSignal<DBTagProps["removeButton"]>;
     id: InputSignal<DBTagProps["id"]>;
     propOverrides: InputSignal<DBTagProps["propOverrides"]>;
@@ -3123,8 +3653,10 @@ declare class DBTag implements AfterViewInit {
     behavior: InputSignal<DBTagProps["behavior"]>;
     remove: _angular_core.OutputEmitterRef<void | MouseEvent | undefined>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleRemove(event?: ClickEvent<HTMLButtonElement> | void): void;
     getRemoveButtonText(): string | undefined;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -3133,6 +3665,7 @@ declare class DBTag implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTag, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTag, "db-tag", never, { "removeButton": { "alias": "removeButton"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showCheckState": { "alias": "showCheckState"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["[content]", "*"], true, never>;
 }
@@ -3230,6 +3763,7 @@ declare class DBTextarea implements AfterViewInit, ControlValueAccessor, OnDestr
     _value: _angular_core.WritableSignal<string | undefined>;
     _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
     abortController: _angular_core.WritableSignal<AbortController | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     hasValidState(): boolean;
     handleValidation(): void;
     handleInput(event: InputEvent<HTMLTextAreaElement>, reset?: boolean): void;
@@ -3237,6 +3771,7 @@ declare class DBTextarea implements AfterViewInit, ControlValueAccessor, OnDestr
     handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -3272,12 +3807,21 @@ type DBTooltipDefaultProps = {
 type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps & WrapProps & TextProps;
 type DBTooltipDefaultState = {
     getParent: () => HTMLElement;
+    _attachedParent?: HTMLElement;
+    _attachedId?: string;
+    _activeTriggerCount?: number;
+    _boundListeners?: {
+        parent: HTMLElement;
+        type: string;
+        fn: (event: any) => void;
+    }[];
+    _detachListeners: () => void;
 };
 type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState & ResetIdState;
 
-declare class DBTooltip implements AfterViewInit {
+declare class DBTooltip implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     id: InputSignal<DBTooltipProps["id"]>;
     propOverrides: InputSignal<DBTooltipProps["propOverrides"]>;
     variant: InputSignal<DBTooltipProps["variant"]>;
@@ -3295,6 +3839,15 @@ declare class DBTooltip implements AfterViewInit {
     initialized: _angular_core.WritableSignal<boolean>;
     _documentScrollListenerCallbackId: _angular_core.WritableSignal<string | undefined>;
     _observer: _angular_core.WritableSignal<IntersectionObserver | undefined>;
+    _attachedParent: _angular_core.WritableSignal<HTMLElement | undefined>;
+    _attachedId: _angular_core.WritableSignal<string | undefined>;
+    _activeTriggerCount: _angular_core.WritableSignal<number | undefined>;
+    _boundListeners: _angular_core.WritableSignal<{
+        parent: HTMLElement;
+        type: string;
+        fn: (event: any) => void;
+    }[] | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleClick(event: ClickEvent<HTMLElement>): void;
     handleEscape(event: any): void;
     getParent(): any;
@@ -3303,6 +3856,8 @@ declare class DBTooltip implements AfterViewInit {
     handleLeave(): void;
     handleEnter(parent?: HTMLElement): void;
     resetIds(): void;
+    _detachListeners(): void;
+    setupObserver(element: HTMLElement | null): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -3311,6 +3866,7 @@ declare class DBTooltip implements AfterViewInit {
      */
     private enableAttributePassing;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTooltip, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -3446,5 +4002,5 @@ 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 };
+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, DBTableStickyHeaderList, 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, DBTableStickyHeaderType, 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 };