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

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

@@ -1,5 +1,5 @@
 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';
@@ -747,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"]>;
@@ -761,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();
     /**
@@ -771,11 +773,12 @@ 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, propertyName?: string) => any;
     defaultOpen: InputSignal<DBAccordionItemProps["defaultOpen"]>;
@@ -792,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.
@@ -802,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>;
 }
@@ -822,7 +828,7 @@ 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, propertyName?: string) => any;
     protected readonly DEFAULT_LABEL: string;
@@ -838,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.
@@ -846,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>;
 }
@@ -860,7 +869,7 @@ 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, propertyName?: string) => any;
     protected readonly cls: (...args: ClassNameArg[]) => string;
@@ -872,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.
@@ -880,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>;
 }
@@ -922,7 +934,7 @@ 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, propertyName?: string) => any;
@@ -948,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.
@@ -957,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>;
 }
@@ -979,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"]>;
@@ -989,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.
@@ -998,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>;
 }
@@ -1052,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.
@@ -1081,7 +1101,7 @@ 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, propertyName?: string) => any;
     id: InputSignal<DBCustomButtonProps["id"]>;
@@ -1098,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.
@@ -1106,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>;
 }
@@ -1485,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;
@@ -1511,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;
@@ -1532,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.
@@ -1547,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.
@@ -1565,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>;
 }
@@ -1577,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"]>;
@@ -1585,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.
@@ -1593,11 +1626,12 @@ 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, propertyName?: string) => any;
@@ -1619,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.
@@ -1634,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>;
 }
@@ -1656,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"]>;
@@ -1666,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.
@@ -1674,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>;
 }
@@ -1728,7 +1768,7 @@ 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, propertyName?: string) => any;
     protected readonly DEFAULT_CLOSE_BUTTON: string;
@@ -1749,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.
@@ -1759,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>;
 }
@@ -1807,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;
@@ -1827,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.
@@ -1837,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>;
 }
@@ -1866,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"]>;
@@ -1876,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.
@@ -1884,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>;
 }
@@ -1893,7 +1942,7 @@ 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, propertyName?: string) => any;
     id: InputSignal<DBInfotextProps["id"]>;
@@ -1906,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.
@@ -1914,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>;
 }
@@ -2064,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;
@@ -2072,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);
     /**
@@ -2115,7 +2169,7 @@ 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, propertyName?: string) => any;
     id: InputSignal<DBLinkProps["id"]>;
@@ -2136,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.
@@ -2144,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>;
 }
@@ -2153,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.
@@ -2167,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>;
 }
@@ -2237,7 +2297,7 @@ 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, propertyName?: string) => any;
@@ -2267,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.
@@ -2278,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>;
 }
@@ -2355,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;
@@ -2387,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.
@@ -2396,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>;
 }
@@ -2448,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.
@@ -2479,7 +2547,7 @@ 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, propertyName?: string) => any;
     placement: InputSignal<DBPopoverProps["placement"]>;
@@ -2497,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.
@@ -2511,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>;
 }
@@ -2546,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.
@@ -2572,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"]>;
@@ -2580,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.
@@ -2588,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>;
 }
@@ -2702,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;
@@ -2712,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);
     /**
@@ -2765,7 +2843,7 @@ 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, propertyName?: string) => any;
     id: InputSignal<DBStackProps["id"]>;
@@ -2778,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.
@@ -2786,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>;
 }
@@ -2849,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;
@@ -2856,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.
@@ -2928,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.
@@ -2954,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.
@@ -2968,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>;
 }
@@ -2982,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.
@@ -2997,6 +3087,7 @@ 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>;
 }
@@ -3130,7 +3221,7 @@ type DBTableDefaultState = {
 };
 type DBTableState = DBTableDefaultState & GlobalState;
 
-declare class DBTable implements AfterViewInit {
+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"]>;
@@ -3148,7 +3239,9 @@ declare class DBTable implements AfterViewInit {
     _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.
@@ -3157,6 +3250,7 @@ declare class DBTable implements AfterViewInit {
      */
     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>;
 }
@@ -3193,11 +3287,13 @@ type DBTableCaptionProps = DBTableCaptionDefaultProps & GlobalProps;
 type DBTableCaptionDefaultState = {};
 type DBTableCaptionState = DBTableCaptionDefaultState & GlobalState;
 
-declare class DBTableCaption implements AfterViewInit {
+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.
@@ -3206,6 +3302,7 @@ declare class DBTableCaption implements AfterViewInit {
      */
     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>;
 }
@@ -3271,13 +3368,14 @@ type DBTableHeadDefaultState = {
 };
 type DBTableHeadState = DBTableHeadDefaultState & GlobalState;
 
-declare class DBTableHead implements AfterViewInit {
+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;
@@ -3316,6 +3414,7 @@ declare class DBTableHead implements AfterViewInit {
         content?: any;
         link?: _db_ux_ngx_core_components.DBLinkProps;
     })[] | undefined;
+    setupObserver(element: HTMLElement | null): void;
     trackByRow0(index: number, row: any): string;
     constructor();
     /**
@@ -3325,6 +3424,7 @@ declare class DBTableHead implements AfterViewInit {
      */
     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>;
 }
@@ -3469,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();
@@ -3533,7 +3635,7 @@ 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, propertyName?: string) => any;
     removeButton: InputSignal<DBTagProps["removeButton"]>;
@@ -3551,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.
@@ -3561,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>;
 }
@@ -3658,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;
@@ -3665,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.
@@ -3700,10 +3807,19 @@ 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, propertyName?: string) => any;
     id: InputSignal<DBTooltipProps["id"]>;
@@ -3723,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;
@@ -3731,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.
@@ -3739,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>;
 }