@db-ux/ngx-core-components 2.4.4 → 3.0.1

package/components/accordion/accordion.d.ts

@@ -1,15 +1,15 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
-import { DBAccordionItemDefaultProps } from "../accordion-item/model";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBAccordionProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBAccordion implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    name: import("@angular/core").InputSignal<string | undefined>;
-    behavior: import("@angular/core").InputSignal<"multiple" | "single" | undefined>;
-    initOpenIndex: import("@angular/core").InputSignal<number[] | undefined>;
-    items: import("@angular/core").InputSignal<string | DBAccordionItemDefaultProps[] | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    variant: import("@angular/core").InputSignal<"divider" | "card" | undefined>;
+    id: InputSignal<DBAccordionProps["id"]>;
+    name: InputSignal<DBAccordionProps["name"]>;
+    behavior: InputSignal<DBAccordionProps["behavior"]>;
+    initOpenIndex: InputSignal<DBAccordionProps["initOpenIndex"]>;
+    items: InputSignal<DBAccordionProps["items"]>;
+    className: InputSignal<DBAccordionProps["className"]>;
+    variant: InputSignal<DBAccordionProps["variant"]>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     _id: import("@angular/core").WritableSignal<string | undefined>;
     _name: import("@angular/core").WritableSignal<string | undefined>;
@@ -24,7 +24,6 @@ export declare class DBAccordion implements AfterViewInit {
      * @param customElementSelector  the custom element like `my-component`
      */
     private enableAttributePassing;
-    ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBAccordion, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DBAccordion, "db-accordion", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

package/components/accordion-item/accordion-item.d.ts

@@ -1,16 +1,17 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
 import { ClickEvent } from "../../shared/model";
+import { DBAccordionItemProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBAccordionItem implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    defaultOpen: import("@angular/core").InputSignal<boolean | undefined>;
-    name: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    disabled: import("@angular/core").InputSignal<string | boolean | undefined>;
-    headlinePlain: import("@angular/core").InputSignal<string | undefined>;
-    text: import("@angular/core").InputSignal<string | undefined>;
+    id: InputSignal<DBAccordionItemProps["id"]>;
+    defaultOpen: InputSignal<DBAccordionItemProps["defaultOpen"]>;
+    name: InputSignal<DBAccordionItemProps["name"]>;
+    className: InputSignal<DBAccordionItemProps["className"]>;
+    disabled: InputSignal<DBAccordionItemProps["disabled"]>;
+    headlinePlain: InputSignal<DBAccordionItemProps["headlinePlain"]>;
+    text: InputSignal<DBAccordionItemProps["text"]>;
     toggle: import("@angular/core").OutputEmitterRef<boolean | void>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     _id: import("@angular/core").WritableSignal<string | undefined>;
@@ -26,7 +27,6 @@ export declare class DBAccordionItem implements AfterViewInit {
      * @param customElementSelector  the custom element like `my-component`
      */
     private enableAttributePassing;
-    ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBAccordionItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DBAccordionItem, "db-accordion-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "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>;

package/components/badge/badge.d.ts

@@ -1,16 +1,17 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBBadgeProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBBadge implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly DEFAULT_LABEL: string;
-    placement: import("@angular/core").InputSignal<"inline" | "corner-top-left" | "corner-top-right" | "corner-center-left" | "corner-center-right" | "corner-bottom-left" | "corner-bottom-right" | undefined>;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
-    size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
-    emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
-    label: import("@angular/core").InputSignal<string | undefined>;
-    text: import("@angular/core").InputSignal<string | undefined>;
+    placement: InputSignal<DBBadgeProps["placement"]>;
+    id: InputSignal<DBBadgeProps["id"]>;
+    className: InputSignal<DBBadgeProps["className"]>;
+    semantic: InputSignal<DBBadgeProps["semantic"]>;
+    size: InputSignal<DBBadgeProps["size"]>;
+    emphasis: InputSignal<DBBadgeProps["emphasis"]>;
+    label: InputSignal<DBBadgeProps["label"]>;
+    text: InputSignal<DBBadgeProps["text"]>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     initialized: import("@angular/core").WritableSignal<boolean>;
     constructor();
@@ -20,7 +21,6 @@ export declare class DBBadge implements AfterViewInit {
      * @param customElementSelector  the custom element like `my-component`
      */
     private enableAttributePassing;
-    ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBBadge, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DBBadge, "db-badge", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

package/components/brand/brand.d.ts

@@ -1,15 +1,16 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBBrandProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBBrand implements AfterViewInit {
     protected readonly DEFAULT_ICON: string;
-    protected readonly getHideProp: (show?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    hideLogo: import("@angular/core").InputSignal<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>;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    text: import("@angular/core").InputSignal<string | undefined>;
+    hideLogo: InputSignal<DBBrandProps["hideLogo"]>;
+    icon: InputSignal<DBBrandProps["icon"]>;
+    showIcon: InputSignal<DBBrandProps["showIcon"]>;
+    id: InputSignal<DBBrandProps["id"]>;
+    className: InputSignal<DBBrandProps["className"]>;
+    text: InputSignal<DBBrandProps["text"]>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     constructor();
     /**

package/components/button/button.d.ts

@@ -1,30 +1,31 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import type { DBButtonProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBButton implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
-    protected readonly getHideProp: (show?: boolean | string) => any;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    type: import("@angular/core").InputSignal<"button" | "reset" | "submit" | undefined>;
-    disabled: import("@angular/core").InputSignal<string | boolean | undefined>;
-    label: import("@angular/core").InputSignal<string | 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>;
-    size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
-    state: import("@angular/core").InputSignal<"loading" | undefined>;
-    width: import("@angular/core").InputSignal<string | undefined>;
-    variant: import("@angular/core").InputSignal<string | undefined>;
-    noText: import("@angular/core").InputSignal<string | boolean | undefined>;
-    name: import("@angular/core").InputSignal<string | undefined>;
-    form: import("@angular/core").InputSignal<string | undefined>;
-    value: import("@angular/core").InputSignal<string | undefined>;
-    describedbyid: import("@angular/core").InputSignal<string | undefined>;
-    ariaexpanded: import("@angular/core").InputSignal<boolean | undefined>;
-    ariapressed: import("@angular/core").InputSignal<boolean | undefined>;
-    text: import("@angular/core").InputSignal<string | undefined>;
+    type: InputSignal<DBButtonProps["type"]>;
+    id: InputSignal<DBButtonProps["id"]>;
+    className: InputSignal<DBButtonProps["className"]>;
+    disabled: InputSignal<DBButtonProps["disabled"]>;
+    iconLeading: InputSignal<DBButtonProps["iconLeading"]>;
+    icon: InputSignal<DBButtonProps["icon"]>;
+    showIconLeading: InputSignal<DBButtonProps["showIconLeading"]>;
+    showIcon: InputSignal<DBButtonProps["showIcon"]>;
+    iconTrailing: InputSignal<DBButtonProps["iconTrailing"]>;
+    showIconTrailing: InputSignal<DBButtonProps["showIconTrailing"]>;
+    size: InputSignal<DBButtonProps["size"]>;
+    width: InputSignal<DBButtonProps["width"]>;
+    variant: InputSignal<DBButtonProps["variant"]>;
+    noText: InputSignal<DBButtonProps["noText"]>;
+    name: InputSignal<DBButtonProps["name"]>;
+    form: InputSignal<DBButtonProps["form"]>;
+    value: InputSignal<DBButtonProps["value"]>;
+    text: InputSignal<DBButtonProps["text"]>;
+    click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    getButtonType(): "button" | "reset" | "submit" | undefined;
     constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -34,5 +35,5 @@ export declare class DBButton implements AfterViewInit {
     private enableAttributePassing;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBButton, "db-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "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; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "ariaexpanded": { "alias": "ariaexpanded"; "required": false; "isSignal": true; }; "ariapressed": { "alias": "ariapressed"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBButton, "db-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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; }; "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>;
 }

package/components/button/model.d.ts

@@ -1,19 +1,9 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, ShowIconProps, SizeProps, TextProps, WidthProps } from '../../shared/model';
+import { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps } from '../../shared/model';
 export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
 export type ButtonVariantType = (typeof ButtonVariantList)[number];
 export declare const ButtonTypeList: readonly ["button", "reset", "submit"];
 export type ButtonTypeType = (typeof ButtonTypeList)[number];
-export declare const ButtonStateList: readonly ["loading"];
-export type ButtonStateType = (typeof ButtonStateList)[number];
 export type DBButtonDefaultProps = {
-    /**
-     * If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).
-     */
-    ariaexpanded?: boolean;
-    /**
-     * Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).
-     */
-    ariapressed?: boolean;
     /**
      * The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
      */
@@ -22,10 +12,6 @@ export type DBButtonDefaultProps = {
      * 	Associates the control with a form element
      */
     form?: string;
-    /**
-     * The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button
-     */
-    label?: string;
     /**
      * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.
      */
@@ -34,10 +20,6 @@ export type DBButtonDefaultProps = {
      * Define the text next to the icon specified via the icon Property to get hidden.
      */
     noText?: boolean | string;
-    /**
-     * Show loading progress inside button.
-     */
-    state?: ButtonStateType;
     /**
      * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).
      */
@@ -51,6 +33,8 @@ export type DBButtonDefaultProps = {
      */
     variant?: ButtonVariantType | string;
 };
-export type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps;
-export type DBButtonDefaultState = {};
-export type DBButtonState = DBButtonDefaultState & GlobalState & ClickEventState<HTMLButtonElement>;
+export type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps & ShowIconLeadingProps & ShowIconTrailingProps & IconLeadingProps & IconTrailingProps;
+export type DBButtonDefaultState = {
+    getButtonType: () => ButtonTypeType;
+};
+export type DBButtonState = DBButtonDefaultState & GlobalState;

package/components/card/card.d.ts

@@ -1,13 +1,14 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
 import { ClickEvent } from "../../shared/model";
+import type { DBCardProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBCard implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    behavior: import("@angular/core").InputSignal<"static" | "interactive" | undefined>;
-    elevationLevel: import("@angular/core").InputSignal<"1" | "2" | "3" | undefined>;
-    spacing: import("@angular/core").InputSignal<string | undefined>;
+    id: InputSignal<DBCardProps["id"]>;
+    className: InputSignal<DBCardProps["className"]>;
+    behavior: InputSignal<DBCardProps["behavior"]>;
+    elevationLevel: InputSignal<DBCardProps["elevationLevel"]>;
+    spacing: InputSignal<DBCardProps["spacing"]>;
     click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     handleClick(event: ClickEvent<HTMLElement>): void;

package/components/checkbox/checkbox.d.ts

@@ -1,6 +1,7 @@
-import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
 import { ControlValueAccessor } from '@angular/forms';
 import { ChangeEvent, InteractionEvent } from "../../shared/model";
+import { DBCheckboxProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
     private renderer;
@@ -9,25 +10,25 @@ export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
     protected readonly DEFAULT_VALID_MESSAGE: string;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    invalidMessage: import("@angular/core").InputSignal<string | undefined>;
-    message: import("@angular/core").InputSignal<string | undefined>;
-    showMessage: import("@angular/core").InputSignal<string | boolean | undefined>;
-    indeterminate: import("@angular/core").InputSignal<string | boolean | undefined>;
-    checked: import("@angular/core").ModelSignal<string | boolean | undefined>;
-    validMessage: import("@angular/core").InputSignal<string | undefined>;
-    validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
-    required: import("@angular/core").InputSignal<string | boolean | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
-    showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
-    showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
-    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>;
+    id: InputSignal<DBCheckboxProps["id"]>;
+    invalidMessage: InputSignal<DBCheckboxProps["invalidMessage"]>;
+    message: InputSignal<DBCheckboxProps["message"]>;
+    showMessage: InputSignal<DBCheckboxProps["showMessage"]>;
+    indeterminate: InputSignal<DBCheckboxProps["indeterminate"]>;
+    checked: ModelSignal<DBCheckboxProps["checked"]>;
+    validMessage: InputSignal<DBCheckboxProps["validMessage"]>;
+    validation: InputSignal<DBCheckboxProps["validation"]>;
+    required: InputSignal<DBCheckboxProps["required"]>;
+    className: InputSignal<DBCheckboxProps["className"]>;
+    size: InputSignal<DBCheckboxProps["size"]>;
+    showRequiredAsterisk: InputSignal<DBCheckboxProps["showRequiredAsterisk"]>;
+    showLabel: InputSignal<DBCheckboxProps["showLabel"]>;
+    name: InputSignal<DBCheckboxProps["name"]>;
+    disabled: ModelSignal<DBCheckboxProps["disabled"]>;
+    value: InputSignal<DBCheckboxProps["value"]>;
+    ariaDescribedBy: InputSignal<DBCheckboxProps["ariaDescribedBy"]>;
+    label: InputSignal<DBCheckboxProps["label"]>;
+    messageIcon: InputSignal<DBCheckboxProps["messageIcon"]>;
     change: import("@angular/core").OutputEmitterRef<void | Event>;
     blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
     focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
@@ -57,7 +58,6 @@ export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
     registerOnChange(onChange: any): void;
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
-    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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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

@@ -1,7 +1,7 @@
-import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
 import { ControlValueAccessor } from '@angular/forms';
 import { ClickEvent, GeneralEvent, InputEvent, InteractionEvent } from "../../shared/model";
-import { CustomSelectOptionType } from "./model";
+import { CustomSelectOptionType, DBCustomSelectProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
     private renderer;
@@ -18,53 +18,53 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     protected readonly DEFAULT_CLOSE_BUTTON: string;
     protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
     protected readonly DEFAULT_VALID_MESSAGE: string;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    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>;
-    showSearch: import("@angular/core").InputSignal<boolean | undefined>;
-    values: import("@angular/core").ModelSignal<string[] | undefined>;
-    validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
-    options: import("@angular/core").InputSignal<CustomSelectOptionType[] | undefined>;
-    searchValue: import("@angular/core").InputSignal<string | undefined>;
-    selectedLabels: import("@angular/core").InputSignal<string | undefined>;
-    transformSelectedLabels: import("@angular/core").InputSignal<((selectedOptions?: CustomSelectOptionType[]) => string) | undefined>;
-    selectedType: import("@angular/core").InputSignal<"text" | "amount" | "tag" | undefined>;
-    amountText: import("@angular/core").InputSignal<string | undefined>;
-    validMessage: import("@angular/core").InputSignal<string | undefined>;
-    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>;
-    searchFilter: import("@angular/core").InputSignal<((option: CustomSelectOptionType, filterText: string) => boolean) | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    formFieldWidth: import("@angular/core").InputSignal<string | undefined>;
-    variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
-    showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | 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>;
-    label: import("@angular/core").InputSignal<string | undefined>;
-    form: import("@angular/core").InputSignal<string | undefined>;
-    name: import("@angular/core").InputSignal<string | undefined>;
-    disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
-    open: import("@angular/core").InputSignal<boolean | undefined>;
-    dropdownWidth: import("@angular/core").InputSignal<string | undefined>;
-    searchLabel: import("@angular/core").InputSignal<string | undefined>;
-    searchPlaceholder: import("@angular/core").InputSignal<string | undefined>;
-    showLoading: import("@angular/core").InputSignal<boolean | undefined>;
-    ariaListLabel: import("@angular/core").InputSignal<string | undefined>;
-    noResultsText: import("@angular/core").InputSignal<string | undefined>;
-    loadingText: import("@angular/core").InputSignal<string | undefined>;
-    mobileCloseButtonText: import("@angular/core").InputSignal<string | undefined>;
-    showClearSelection: import("@angular/core").InputSignal<boolean | undefined>;
-    clearSelectionText: import("@angular/core").InputSignal<string | 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>;
+    id: InputSignal<DBCustomSelectProps["id"]>;
+    invalidMessage: InputSignal<DBCustomSelectProps["invalidMessage"]>;
+    message: InputSignal<DBCustomSelectProps["message"]>;
+    showMessage: InputSignal<DBCustomSelectProps["showMessage"]>;
+    ariaDescribedBy: InputSignal<DBCustomSelectProps["ariaDescribedBy"]>;
+    showNoResults: InputSignal<DBCustomSelectProps["showNoResults"]>;
+    showLoading: InputSignal<DBCustomSelectProps["showLoading"]>;
+    multiple: InputSignal<DBCustomSelectProps["multiple"]>;
+    showSelectAll: InputSignal<DBCustomSelectProps["showSelectAll"]>;
+    showSearch: InputSignal<DBCustomSelectProps["showSearch"]>;
+    values: ModelSignal<DBCustomSelectProps["values"]>;
+    validation: InputSignal<DBCustomSelectProps["validation"]>;
+    options: InputSignal<DBCustomSelectProps["options"]>;
+    searchValue: InputSignal<DBCustomSelectProps["searchValue"]>;
+    selectedLabels: InputSignal<DBCustomSelectProps["selectedLabels"]>;
+    transformSelectedLabels: InputSignal<DBCustomSelectProps["transformSelectedLabels"]>;
+    selectedType: InputSignal<DBCustomSelectProps["selectedType"]>;
+    amountText: InputSignal<DBCustomSelectProps["amountText"]>;
+    validMessage: InputSignal<DBCustomSelectProps["validMessage"]>;
+    required: InputSignal<DBCustomSelectProps["required"]>;
+    selectAllLabel: InputSignal<DBCustomSelectProps["selectAllLabel"]>;
+    removeTagsTexts: InputSignal<DBCustomSelectProps["removeTagsTexts"]>;
+    placement: InputSignal<DBCustomSelectProps["placement"]>;
+    searchFilter: InputSignal<DBCustomSelectProps["searchFilter"]>;
+    className: InputSignal<DBCustomSelectProps["className"]>;
+    formFieldWidth: InputSignal<DBCustomSelectProps["formFieldWidth"]>;
+    variant: InputSignal<DBCustomSelectProps["variant"]>;
+    showRequiredAsterisk: InputSignal<DBCustomSelectProps["showRequiredAsterisk"]>;
+    showLabel: InputSignal<DBCustomSelectProps["showLabel"]>;
+    icon: InputSignal<DBCustomSelectProps["icon"]>;
+    showIcon: InputSignal<DBCustomSelectProps["showIcon"]>;
+    label: InputSignal<DBCustomSelectProps["label"]>;
+    form: InputSignal<DBCustomSelectProps["form"]>;
+    name: InputSignal<DBCustomSelectProps["name"]>;
+    disabled: ModelSignal<DBCustomSelectProps["disabled"]>;
+    open: InputSignal<DBCustomSelectProps["open"]>;
+    dropdownWidth: InputSignal<DBCustomSelectProps["dropdownWidth"]>;
+    searchLabel: InputSignal<DBCustomSelectProps["searchLabel"]>;
+    searchPlaceholder: InputSignal<DBCustomSelectProps["searchPlaceholder"]>;
+    ariaListLabel: InputSignal<DBCustomSelectProps["ariaListLabel"]>;
+    loadingText: InputSignal<DBCustomSelectProps["loadingText"]>;
+    noResultsText: InputSignal<DBCustomSelectProps["noResultsText"]>;
+    mobileCloseButtonText: InputSignal<DBCustomSelectProps["mobileCloseButtonText"]>;
+    showClearSelection: InputSignal<DBCustomSelectProps["showClearSelection"]>;
+    clearSelectionText: InputSignal<DBCustomSelectProps["clearSelectionText"]>;
+    placeholder: InputSignal<DBCustomSelectProps["placeholder"]>;
+    messageIcon: InputSignal<DBCustomSelectProps["messageIcon"]>;
     amountChange: import("@angular/core").OutputEmitterRef<number | void>;
     dropdownToggle: import("@angular/core").OutputEmitterRef<void | Event>;
     optionSelected: import("@angular/core").OutputEmitterRef<void | string[]>;
@@ -85,6 +85,7 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     _placeholderId: import("@angular/core").WritableSignal<string | undefined>;
     _infoTextId: import("@angular/core").WritableSignal<string | undefined>;
     _validity: import("@angular/core").WritableSignal<"invalid" | "valid" | "no-validation" | undefined>;
+    _userInteraction: import("@angular/core").WritableSignal<boolean | undefined>;
     _descByIds: import("@angular/core").WritableSignal<string | undefined>;
     _selectedLabels: import("@angular/core").WritableSignal<string | undefined>;
     _selectedLabelsId: import("@angular/core").WritableSignal<string | undefined>;
@@ -143,8 +144,7 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
     registerOnChange(onChange: any): void;
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
-    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; }; "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; }; "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; }; "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"; "search": "search"; }, 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; }; "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; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "ariaListLabel": { "alias": "ariaListLabel"; "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>;
 }

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

@@ -190,6 +190,7 @@ export type DBCustomSelectDefaultState = {
     _internalChangeTimestamp: number;
     _documentClickListenerCallbackId?: string;
     _searchValue?: string;
+    _userInteraction?: boolean;
     getNativeSelectValue: () => string;
     getOptionLabel: (option: CustomSelectOptionType) => string;
     getOptionChecked: (value?: string) => boolean;

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

@@ -1,10 +1,11 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBCustomSelectDropdownProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBCustomSelectDropdown implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
-    width: import("@angular/core").InputSignal<string | undefined>;
+    id: InputSignal<DBCustomSelectDropdownProps["id"]>;
+    className: InputSignal<DBCustomSelectDropdownProps["className"]>;
+    width: InputSignal<DBCustomSelectDropdownProps["width"]>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     constructor();
     /**

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

@@ -1,9 +1,10 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBCustomSelectFormFieldProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBCustomSelectFormField implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
+    id: InputSignal<DBCustomSelectFormFieldProps["id"]>;
+    className: InputSignal<DBCustomSelectFormFieldProps["className"]>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     constructor();
     /**

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

@@ -1,11 +1,12 @@
-import { AfterViewInit, ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBCustomSelectListProps } from "./model";
 import * as i0 from "@angular/core";
 export declare class DBCustomSelectList implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    multiple: import("@angular/core").InputSignal<boolean | undefined>;
-    label: import("@angular/core").InputSignal<string | undefined>;
-    id: import("@angular/core").InputSignal<string | undefined>;
-    className: import("@angular/core").InputSignal<string | undefined>;
+    multiple: InputSignal<DBCustomSelectListProps["multiple"]>;
+    label: InputSignal<DBCustomSelectListProps["label"]>;
+    id: InputSignal<DBCustomSelectListProps["id"]>;
+    className: InputSignal<DBCustomSelectListProps["className"]>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     constructor();
     /**