@db-ux/ngx-core-components 2.0.8 → 2.0.10-popover-d7e8b9a

package/components/checkbox/checkbox.d.ts

@@ -24,6 +24,7 @@ export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
     name: import("@angular/core").InputSignal<string | undefined>;
     disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
     value: import("@angular/core").InputSignal<any>;
+    ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
     label: import("@angular/core").InputSignal<string | undefined>;
     messageIcon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     change: import("@angular/core").OutputEmitterRef<void | Event>;
@@ -58,5 +59,5 @@ export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "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; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "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; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }

package/components/custom-select/custom-select.d.ts

@@ -17,6 +17,7 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     invalidMessage: import("@angular/core").InputSignal<string | undefined>;
     message: import("@angular/core").InputSignal<string | undefined>;
     showMessage: import("@angular/core").InputSignal<string | boolean | undefined>;
+    ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
     showNoResults: import("@angular/core").InputSignal<boolean | undefined>;
     multiple: import("@angular/core").InputSignal<string | boolean | undefined>;
     showSelectAll: import("@angular/core").InputSignal<boolean | undefined>;
@@ -30,10 +31,10 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     required: import("@angular/core").InputSignal<string | boolean | undefined>;
     selectAllLabel: import("@angular/core").InputSignal<string | undefined>;
     removeTagsTexts: import("@angular/core").InputSignal<string[] | undefined>;
+    placement: import("@angular/core").InputSignal<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
     className: import("@angular/core").InputSignal<string | undefined>;
     formFieldWidth: import("@angular/core").InputSignal<string | undefined>;
     variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
-    placement: import("@angular/core").InputSignal<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
     showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
     icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
@@ -86,8 +87,11 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     _hasNoOptions: import("@angular/core").WritableSignal<boolean>;
     _documentClickListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
     _internalChangeTimestamp: import("@angular/core").WritableSignal<number>;
+    _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
+    _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
     selectAllChecked: import("@angular/core").WritableSignal<boolean>;
     selectAllIndeterminate: import("@angular/core").WritableSignal<boolean>;
+    handleDocumentScroll(event: any): void;
     hasValidState(): boolean;
     handleValidation(): void;
     handleDropdownToggle(event: any): void;
@@ -106,13 +110,13 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     handleDocumentClose(event: any): void;
     handleOptionSelected(values: string[]): void;
     handleSelect(value?: string): void;
-    handleSelectAll(): void;
+    handleSelectAll(event: any): void;
     handleFocusFirstDropdownCheckbox(activeElement?: Element): void;
-    handleOpenByKeyboardFocus(onlySearch?: boolean): void;
+    handleOpenByKeyboardFocus(): void;
     handleSearch(event: any): void;
-    handleClearAll(): void;
+    handleClearAll(event: any): void;
     handleSummaryFocus(): void;
-    satisfyReact(): void;
+    satisfyReact(event: any): void;
     trackByOption0(_: number, option: any): string;
     trackByOption1(index: number, option: any): string;
     trackByOption2(_: number, option: any): string;
@@ -131,5 +135,5 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "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; }; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "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; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "ariaListLabel": { "alias": "ariaListLabel"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "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"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "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; }; "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; }; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "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; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "ariaListLabel": { "alias": "ariaListLabel"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "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"; }, never, ["*"], true, never>;
 }

package/components/custom-select/model.d.ts

@@ -1,4 +1,4 @@
-import { BaseFormProps, CloseEventState, CustomFormProps, FormMessageProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, PlacementVerticalType, PopoverState, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
+import { BaseFormProps, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
 import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
 import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
 import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
@@ -176,11 +176,11 @@ export type DBCustomSelectDefaultState = {
     handleTagRemove: (option: CustomSelectOptionType, event?: any) => void;
     handleSummaryFocus: () => void;
     handleSelect: (value?: string) => void;
-    handleSelectAll: () => void;
-    handleClearAll: () => void;
+    handleSelectAll: (event: any) => void;
+    handleClearAll: (event: any) => void;
     handleDropdownToggle: (event: any) => void;
     handleDocumentClose: (event: any) => void;
-    handleOpenByKeyboardFocus: (onlySearch?: boolean) => void;
+    handleOpenByKeyboardFocus: () => void;
     handleFocusFirstDropdownCheckbox: (activeElement?: Element) => void;
     handleKeyboardPress: (event: any) => void;
     handleArrowDownUp: (event: any) => void;
@@ -189,5 +189,6 @@ export type DBCustomSelectDefaultState = {
     getSelectAllLabel: () => string;
     selectAllChecked: boolean;
     selectAllIndeterminate: boolean;
+    handleAutoPlacement: () => void;
 };
-export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState & PopoverState;
+export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState & DocumentScrollState;

package/components/icon/icon.d.ts

@@ -6,7 +6,7 @@ export declare class DBIcon implements AfterViewInit {
     className: import("@angular/core").InputSignal<string | undefined>;
     icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     weight: import("@angular/core").InputSignal<"16" | "20" | "24" | "32" | "48" | "64" | undefined>;
-    variant: import("@angular/core").InputSignal<"filled" | "default" | "inverted" | undefined>;
+    variant: import("@angular/core").InputSignal<string | undefined>;
     text: import("@angular/core").InputSignal<string | undefined>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     constructor();

package/components/icon/model.d.ts

@@ -1,10 +1,8 @@
 import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
-export declare const IconVariantList: readonly ["default", "inverted", "filled"];
-export type IconVariantType = (typeof IconVariantList)[number];
 export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
 export type IconWeightType = (typeof IconWeightList)[number];
 export type DBIconDefaultProps = {
-    variant?: IconVariantType;
+    variant?: string;
     weight?: IconWeightType;
 };
 export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;

package/components/popover/model.d.ts

@@ -13,6 +13,5 @@ export type DBPopoverProps = DBPopoverDefaultProps & GlobalProps & SpacingProps
 export type DBPopoverDefaultState = {
     isExpanded?: boolean;
     getTrigger: () => Element | null;
-    handleLeave: (event: any) => void;
 };
 export type DBPopoverState = DBPopoverDefaultState & GlobalState & PopoverState & InitializedState;

package/components/popover/popover.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class DBPopover implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
     id: import("@angular/core").InputSignal<string | undefined>;
     className: import("@angular/core").InputSignal<string | undefined>;
     spacing: import("@angular/core").InputSignal<string | undefined>;
@@ -11,12 +12,16 @@ export declare class DBPopover implements AfterViewInit {
     open: import("@angular/core").InputSignal<string | boolean | undefined>;
     delay: import("@angular/core").InputSignal<"none" | "slow" | "fast" | undefined>;
     width: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
-    placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     initialized: import("@angular/core").WritableSignal<boolean>;
     isExpanded: import("@angular/core").WritableSignal<boolean | undefined>;
+    _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
+    _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
+    handleEscape(event: any): void;
     handleAutoPlacement(): void;
-    handleLeave(event: any): void;
+    handleDocumentScroll(event: any): void;
+    handleEnter(): void;
+    handleLeave(event?: any): void;
     getTrigger(): Element | null;
     constructor();
     /**
@@ -28,5 +33,5 @@ export declare class DBPopover implements AfterViewInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBPopover, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "id": { "alias": "id"; "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; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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>;
 }

package/components/radio/model.d.ts

@@ -1,7 +1,5 @@
 import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
-export type DBRadioDefaultProps = {
-    describedbyid?: string;
-};
+export type DBRadioDefaultProps = {};
 export type DBRadioProps = DBRadioDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
 export type DBRadioDefaultState = {};
 export type DBRadioState = DBRadioDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;

package/components/radio/radio.d.ts

@@ -16,6 +16,7 @@ export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
     name: import("@angular/core").InputSignal<string | undefined>;
     disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
     describedbyid: import("@angular/core").InputSignal<string | undefined>;
+    ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
     value: import("@angular/core").ModelSignal<any>;
     required: import("@angular/core").InputSignal<string | boolean | undefined>;
     label: import("@angular/core").InputSignal<string | undefined>;
@@ -43,5 +44,5 @@ export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }

package/components/select/model.d.ts

@@ -1,7 +1,8 @@
 import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
-     * Enable multiple select -> use DBCustomSelect/db-custom-select for a better look
+     * @deprecated
+     * Enables multiple select, but it isn't styled, please use DBCustomSelect/db-custom-select instead
      */
     multiple?: boolean;
     /**

package/components/select/select.d.ts

@@ -31,6 +31,7 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
     size: import("@angular/core").InputSignal<number | undefined>;
     autocomplete: import("@angular/core").InputSignal<string | undefined>;
     multiple: import("@angular/core").InputSignal<boolean | undefined>;
+    ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
     options: import("@angular/core").InputSignal<DBSelectOptionType[] | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
     messageIcon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
@@ -74,5 +75,5 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBSelect, "db-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "click": "click"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBSelect, "db-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "click": "click"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }

package/components/stack/stack.d.ts

@@ -8,7 +8,7 @@ export declare class DBStack implements AfterViewInit {
     gap: import("@angular/core").InputSignal<"medium" | "small" | "large" | "none" | "3x-large" | "2x-large" | "x-large" | "x-small" | "2x-small" | "3x-small" | undefined>;
     variant: import("@angular/core").InputSignal<"divider" | "simple" | undefined>;
     direction: import("@angular/core").InputSignal<"row" | "column" | undefined>;
-    alignment: import("@angular/core").InputSignal<"start" | "center" | "stretch" | "end" | undefined>;
+    alignment: import("@angular/core").InputSignal<"start" | "center" | "end" | "stretch" | undefined>;
     justifyContent: import("@angular/core").InputSignal<"start" | "center" | "end" | "space-between" | undefined>;
     wrap: import("@angular/core").InputSignal<string | boolean | undefined>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;

package/components/switch/switch.d.ts

@@ -18,6 +18,7 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
     value: import("@angular/core").InputSignal<any>;
     disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
     describedbyid: import("@angular/core").InputSignal<string | undefined>;
+    ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
     validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
     name: import("@angular/core").InputSignal<string | undefined>;
     required: import("@angular/core").InputSignal<string | boolean | undefined>;
@@ -48,5 +49,5 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }

package/components/textarea/textarea.d.ts

@@ -38,6 +38,7 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
     wrap: import("@angular/core").InputSignal<"off" | "hard" | "soft" | undefined>;
     spellCheck: import("@angular/core").InputSignal<boolean | undefined>;
     autocomplete: import("@angular/core").InputSignal<string | undefined>;
+    ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
     rows: import("@angular/core").InputSignal<string | number | undefined>;
     cols: import("@angular/core").InputSignal<string | number | undefined>;
@@ -76,5 +77,5 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBTextarea, "db-textarea", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBTextarea, "db-textarea", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
 }

package/components/tooltip/model.d.ts

@@ -1,7 +1,9 @@
-import { ClickEventState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
+import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
 export type DBTooltipDefaultProps = {
     showArrow?: boolean | string;
 };
 export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
-export type DBTooltipDefaultState = {};
-export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState;
+export type DBTooltipDefaultState = {
+    getParent: () => HTMLElement;
+};
+export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState;

package/components/tooltip/tooltip.d.ts

@@ -5,18 +5,25 @@ export declare class DBTooltip implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     id: import("@angular/core").InputSignal<string | undefined>;
+    placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
     className: import("@angular/core").InputSignal<string | undefined>;
     emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
     animation: import("@angular/core").InputSignal<string | boolean | undefined>;
     delay: import("@angular/core").InputSignal<"none" | "slow" | "fast" | undefined>;
     width: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
     showArrow: import("@angular/core").InputSignal<string | boolean | undefined>;
-    placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     _id: import("@angular/core").WritableSignal<string | undefined>;
     initialized: import("@angular/core").WritableSignal<boolean>;
+    _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
+    _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
     handleClick(event: ClickEvent<HTMLElement>): void;
-    handleAutoPlacement(): void;
+    handleEscape(event: any): void;
+    getParent(): any;
+    handleAutoPlacement(parent?: HTMLElement): void;
+    handleDocumentScroll(event: any, parent?: HTMLElement): void;
+    handleLeave(): void;
+    handleEnter(parent?: HTMLElement): void;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -27,5 +34,5 @@ export declare class DBTooltip implements AfterViewInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBTooltip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "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; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "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; }; "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; }; }, {}, never, ["*"], true, never>;
 }