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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -20,7 +20,9 @@ export declare class DBTable {
     captionPlain: DBTableProps["captionPlain"];
     _data: any;
     _style: any;
+    observer: any;
     convertData(): any;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -34,5 +36,6 @@ export declare class DBTable {
     watch2Fn(): void;
     watch2(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

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

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

@@ -10,6 +10,7 @@ export declare class DBTableHead {
     id: DBTableHeadProps["id"];
     className: DBTableHeadProps["className"];
     rows: DBTableHeadProps["rows"];
+    observer: any;
     getCells(cells?: DBTableRowCell[]): ({
         headerCell: boolean;
         children?: any;
@@ -48,6 +49,7 @@ export declare class DBTableHead {
         content?: any;
         link?: import("../..").DBLinkProps;
     })[];
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -55,5 +57,6 @@ export declare class DBTableHead {
      */
     private enableAttributePassing;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -28,12 +28,14 @@ export declare class DBTabs {
     showScrollRight: boolean;
     scrollContainer: any;
     _resizeObserver: any;
+    observer: any;
     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;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -22,8 +22,10 @@ export declare class DBTag {
     overflow: DBTagProps["overflow"];
     text: DBTagProps["text"];
     behavior: DBTagProps["behavior"];
+    observer: any;
     handleRemove(event?: ClickEvent<HTMLButtonElement> | void): void;
     getRemoveButtonText(): string;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -31,5 +33,6 @@ export declare class DBTag {
      */
     private enableAttributePassing;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -55,6 +55,7 @@ export declare class DBTextarea {
     _value: string;
     _voiceOverFallback: string;
     abortController: any;
+    observer: any;
     hasValidState(): boolean;
     handleValidation(): void;
     handleInput(event: InputEvent<HTMLTextAreaElement>, reset?: boolean): void;
@@ -62,6 +63,7 @@ export declare class DBTextarea {
     handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     resetIds(): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -16,5 +16,14 @@ export type DBTooltipDefaultProps = {
 export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps & WrapProps & TextProps;
 export type DBTooltipDefaultState = {
     getParent: () => HTMLElement;
+    _attachedParent?: HTMLElement;
+    _attachedId?: string;
+    _activeTriggerCount?: number;
+    _boundListeners?: {
+        parent: HTMLElement;
+        type: string;
+        fn: (event: any) => void;
+    }[];
+    _detachListeners: () => void;
 };
 export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState & ResetIdState;

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

@@ -23,6 +23,11 @@ export declare class DBTooltip {
     initialized: boolean;
     _documentScrollListenerCallbackId: any;
     _observer: any;
+    _attachedParent: any;
+    _attachedId: any;
+    _activeTriggerCount: number;
+    _boundListeners: any[];
+    observer: any;
     handleClick(event: ClickEvent<HTMLElement>): void;
     handleEscape(event: any): void;
     getParent(): any;
@@ -31,6 +36,8 @@ export declare class DBTooltip {
     handleLeave(): void;
     handleEnter(parent?: HTMLElement): void;
     resetIds(): void;
+    _detachListeners(): void;
+    setupObserver(element: HTMLElement | null): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -42,5 +49,6 @@ export declare class DBTooltip {
     watch1Fn(): void;
     watch1(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@db-ux/wc-core-components",
-  "version": "4.11.0",
+  "version": "4.11.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -107,7 +107,8 @@
               },
               { "name": "_open", "type": "boolean" },
               { "name": "_name" },
-              { "name": "initialized", "type": "boolean" }
+              { "name": "initialized", "type": "boolean" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -203,7 +204,8 @@
               },
               { "name": "_name", "type": "string" },
               { "name": "initialized", "type": "boolean" },
-              { "name": "_initOpenIndexDone", "type": "boolean" }
+              { "name": "_initOpenIndexDone", "type": "boolean" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -313,7 +315,8 @@
                 "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
                 "type": "string"
               },
-              { "name": "initialized", "type": "boolean" }
+              { "name": "initialized", "type": "boolean" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -384,7 +387,8 @@
                 "name": "text",
                 "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
                 "type": "string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -596,7 +600,8 @@
                 "name": "text",
                 "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
                 "type": "string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -673,7 +678,8 @@
                 "name": "spacing",
                 "description": "The spacing attribute changes the padding of the component.",
                 "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -775,7 +781,8 @@
                 "name": "text",
                 "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
                 "type": "string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -1002,7 +1009,8 @@
               { "name": "_invalidMessage" },
               { "name": "_descByIds" },
               { "name": "_voiceOverFallback", "type": "string" },
-              { "name": "abortController" }
+              { "name": "abortController" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -1158,7 +1166,8 @@
                 "name": "noText",
                 "description": "Define the text next to the icon specified via the icon Property to get hidden.",
                 "type": "boolean | string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -1214,7 +1223,8 @@
                 "name": "width",
                 "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nFull: Based on the size of the form-field\nAuto: Based on the size of the largest list item",
                 "type": "\"fixed\" | \"auto\" | \"full\" | string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -1371,7 +1381,8 @@
                 "description": "The label attribute specifies the caption of the form element.",
                 "type": "string"
               },
-              { "name": "hasDivider", "type": "boolean" }
+              { "name": "hasDivider", "type": "boolean" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -1421,7 +1432,8 @@
               {
                 "name": "className",
                 "type": "DBCustomSelectListProps[\"className\"]"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -1956,7 +1968,8 @@
               { "name": "_descByIds" },
               { "name": "_value", "type": "string" },
               { "name": "_voiceOverFallback", "type": "string" },
-              { "name": "abortController" }
+              { "name": "abortController" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -2102,7 +2115,12 @@
               { "name": "_id" },
               { "name": "initialized", "type": "boolean" },
               { "name": "_documentScrollListenerCallbackId" },
-              { "name": "_observer" }
+              { "name": "_observer" },
+              { "name": "_attachedParent" },
+              { "name": "_attachedId" },
+              { "name": "_activeTriggerCount", "type": "number" },
+              { "name": "_boundListeners", "type": "array" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -2248,7 +2266,8 @@
                 "name": "behavior",
                 "description": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
                 "type": "\"static\" | \"removable\" | string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -2805,6 +2824,7 @@
               { "name": "_searchValue" },
               { "name": "selectAllChecked", "type": "boolean" },
               { "name": "selectAllIndeterminate", "type": "boolean" },
+              { "name": "observer" },
               { "name": "satisfyReact" }
             ],
             "events": [
@@ -2865,7 +2885,8 @@
               {
                 "name": "className",
                 "type": "DBCustomSelectFormFieldProps[\"className\"]"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -2940,7 +2961,8 @@
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
                 "type": "\"full\" | \"auto\" | string"
               },
-              { "name": "className", "type": "DBDividerProps[\"className\"]" }
+              { "name": "className", "type": "DBDividerProps[\"className\"]" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -3089,7 +3111,8 @@
                 "description": "The closeButtonText attribute changes the text inside the close button.",
                 "type": "string"
               },
-              { "name": "initialized", "type": "boolean" }
+              { "name": "initialized", "type": "boolean" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -3214,7 +3237,8 @@
                 "type": "string"
               },
               { "name": "initialized", "type": "boolean" },
-              { "name": "forcedToMobile", "type": "boolean" }
+              { "name": "forcedToMobile", "type": "boolean" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -3286,7 +3310,8 @@
                 "name": "text",
                 "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
                 "type": "string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -3467,7 +3492,8 @@
                 "name": "text",
                 "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
                 "type": "string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -3505,7 +3531,8 @@
               {
                 "name": "className",
                 "type": "DBNavigationProps[\"className\"]"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -3673,7 +3700,8 @@
               { "name": "autoClose", "type": "boolean" },
               { "name": "navigationItemSafeTriangle" },
               { "name": "subNavigationId" },
-              { "name": "subNavigationToggleId" }
+              { "name": "subNavigationToggleId" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -3894,7 +3922,8 @@
                 "name": "closeButtonText",
                 "description": "The closeButtonText attribute changes the text inside the close button.",
                 "type": "string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -3983,7 +4012,8 @@
                 "description": "Adds `class` to `<main>` element",
                 "type": "string"
               },
-              { "name": "fontsLoaded", "type": "boolean" }
+              { "name": "fontsLoaded", "type": "boolean" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -4098,7 +4128,8 @@
               { "name": "initialized", "type": "boolean" },
               { "name": "isExpanded", "type": "boolean" },
               { "name": "_documentScrollListenerCallbackId" },
-              { "name": "_observer" }
+              { "name": "_observer" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -4253,7 +4284,8 @@
               },
               { "name": "initialized", "type": "boolean" },
               { "name": "_id" },
-              { "name": "abortController" }
+              { "name": "abortController" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -4329,7 +4361,8 @@
                 "name": "width",
                 "description": "Set max width for the component",
                 "type": "\"full\" | \"medium\" | \"large\" | \"small\""
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -4624,7 +4657,8 @@
               { "name": "_value", "type": "string" },
               { "name": "initialized", "type": "boolean" },
               { "name": "_voiceOverFallback", "type": "string" },
-              { "name": "abortController" }
+              { "name": "abortController" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -4746,7 +4780,8 @@
                 "name": "wrap",
                 "description": "If the stack should wrap if parent is too small otherwise you get an overflow",
                 "type": "boolean | string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -4989,7 +5024,8 @@
               { "name": "_invalidMessage" },
               { "name": "_descByIds" },
               { "name": "_voiceOverFallback", "type": "string" },
-              { "name": "abortController" }
+              { "name": "abortController" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -5167,7 +5203,8 @@
               { "name": "_name" },
               { "name": "initialized", "type": "boolean" },
               { "name": "_listenerAdded", "type": "boolean" },
-              { "name": "boundSetSelectedOnChange" }
+              { "name": "boundSetSelectedOnChange" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -5207,7 +5244,8 @@
                 "name": "propOverrides",
                 "type": "DBTabListProps[\"propOverrides\"]"
               },
-              { "name": "className", "type": "DBTabListProps[\"className\"]" }
+              { "name": "className", "type": "DBTabListProps[\"className\"]" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -5252,7 +5290,8 @@
                 "name": "content",
                 "description": "The content if you don't want to use children.",
                 "type": "string"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -5643,7 +5682,8 @@
                 "name": "className",
                 "type": "DBTableHeadProps[\"className\"]"
               },
-              { "name": "rows", "type": "DBTableRowProps[]" }
+              { "name": "rows", "type": "DBTableRowProps[]" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -5779,7 +5819,8 @@
                 "type": "string"
               },
               { "name": "_data" },
-              { "name": "_style" }
+              { "name": "_style" },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -5812,7 +5853,8 @@
               {
                 "name": "className",
                 "type": "DBTableCaptionProps[\"className\"]"
-              }
+              },
+              { "name": "observer" }
             ],
             "events": []
           }
@@ -5952,7 +5994,8 @@
               { "name": "showScrollLeft", "type": "boolean" },
               { "name": "showScrollRight", "type": "boolean" },
               { "name": "scrollContainer", "type": "null" },
-              { "name": "_resizeObserver" }
+              { "name": "_resizeObserver" },
+              { "name": "observer" }
             ],
             "events": [
               {
@@ -6336,7 +6379,8 @@
               { "name": "_descByIds" },
               { "name": "_value", "type": "string" },
               { "name": "_voiceOverFallback", "type": "string" },
-              { "name": "abortController" }
+              { "name": "abortController" },
+              { "name": "observer" }
             ],
             "events": [
               {