@db-ux/ngx-core-components 2.4.3 → 3.0.0

package/components/brand/brand.d.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, ElementRef } from "@angular/core";
 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>;

package/components/button/button.d.ts

@@ -3,28 +3,28 @@ 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;
+    type: import("@angular/core").InputSignal<"button" | "reset" | "submit" | undefined>;
     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>;
+    iconLeading: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
+    showIconLeading: import("@angular/core").InputSignal<string | boolean | undefined>;
     showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
+    iconTrailing: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
+    showIconTrailing: 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>;
+    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 +34,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/custom-select-list-item/custom-select-list-item.d.ts

@@ -6,7 +6,6 @@ export declare class DBCustomSelectListItem implements AfterViewInit, ControlVal
     private renderer;
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
-    protected readonly getHideProp: (show?: boolean | string) => any;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     id: import("@angular/core").InputSignal<string | undefined>;
     isGroupTitle: import("@angular/core").InputSignal<boolean | undefined>;
@@ -26,7 +25,7 @@ export declare class DBCustomSelectListItem implements AfterViewInit, ControlVal
     _id: import("@angular/core").WritableSignal<string | undefined>;
     hasDivider: import("@angular/core").WritableSignal<boolean | undefined>;
     handleChange(event: ChangeEvent<HTMLInputElement>): void;
-    getIconAfter(): "check" | "x_placeholder" | undefined;
+    getIconTrailing(): "check" | "x_placeholder" | undefined;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.

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

@@ -23,7 +23,7 @@ export type DBCustomSelectListItemDefaultProps = {
 };
 export type DBCustomSelectListItemProps = DBCustomSelectListItemDefaultProps & GlobalProps & BaseFormProps & ValueProps & FormCheckProps & ChangeEventProps<HTMLInputElement> & DBCustomSelectListItemExtraProps;
 export type DBCustomSelectListItemDefaultState = {
-    getIconAfter: () => string | undefined;
+    getIconTrailing: () => string | undefined;
     hasDivider?: boolean;
 };
 export type DBCustomSelectListItemState = DBCustomSelectListItemDefaultState & ChangeEventState<HTMLInputElement> & GlobalState;

package/components/infotext/infotext.d.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, ElementRef } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class DBInfotext implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    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>;
     icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;

package/components/input/input.d.ts

@@ -6,9 +6,10 @@ export declare class DBInput implements AfterViewInit, ControlValueAccessor {
     private renderer;
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly DEFAULT_LABEL: string;
-    protected readonly DEFAULT_PLACEHOLDER: string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
+    protected readonly DEFAULT_PLACEHOLDER: string;
     protected readonly getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
     protected readonly getInputValue: (value?: number | string, inputType?: string) => string | number | undefined;
     protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
@@ -29,14 +30,18 @@ export declare class DBInput implements AfterViewInit, ControlValueAccessor {
     className: import("@angular/core").InputSignal<string | undefined>;
     variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
     showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
+    showIconLeading: import("@angular/core").InputSignal<string | boolean | undefined>;
     showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
+    iconLeading: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
-    iconAfter: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
+    iconTrailing: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
+    showIconTrailing: import("@angular/core").InputSignal<string | boolean | undefined>;
     label: import("@angular/core").InputSignal<string | undefined>;
     fieldSizing: import("@angular/core").InputSignal<"fixed" | "content" | undefined>;
     name: import("@angular/core").InputSignal<string | undefined>;
     type: import("@angular/core").InputSignal<string | undefined>;
+    multiple: import("@angular/core").InputSignal<string | boolean | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
     disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
     step: import("@angular/core").InputSignal<string | number | undefined>;
@@ -89,5 +94,5 @@ export declare class DBInput implements AfterViewInit, ControlValueAccessor {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBInput, "db-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "dataListId": { "alias": "dataListId"; "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; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "dataList": { "alias": "dataList"; "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; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBInput, "db-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "dataListId": { "alias": "dataListId"; "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; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "dataList": { "alias": "dataList"; "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; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }

package/components/input/model.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InputEventProps, InputEventState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ValueLabelType } from '../../shared/model';
 export declare const InputTypeList: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", "week"];
 export type InputTypeType = (typeof InputTypeList)[number];
 export type DBInputDefaultProps = {
@@ -10,6 +10,10 @@ export type DBInputDefaultProps = {
      * Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.
      */
     dataListId?: string;
+    /**
+     * Allow selecting multiple files. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/file#multiple
+     */
+    multiple?: boolean | string;
     /**
      * Maximum value
      */
@@ -31,7 +35,7 @@ export type DBInputDefaultProps = {
      */
     step?: number | string;
 };
-export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps & FormSizeProps;
+export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconTrailingProps & FormMessageProps & ShowIconProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & FormSizeProps;
 export type DBInputDefaultState = {
     _dataListId?: string;
     getDataList: () => ValueLabelType[];

package/components/link/link.d.ts

@@ -3,7 +3,6 @@ import * as i0 from "@angular/core";
 export declare class DBLink implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
-    protected readonly getHideProp: (show?: boolean | string) => any;
     id: import("@angular/core").InputSignal<string | undefined>;
     className: import("@angular/core").InputSignal<string | undefined>;
     href: import("@angular/core").InputSignal<string | undefined>;
@@ -12,13 +11,11 @@ export declare class DBLink implements AfterViewInit {
     role: import("@angular/core").InputSignal<string | undefined>;
     hreflang: import("@angular/core").InputSignal<string | undefined>;
     disabled: import("@angular/core").InputSignal<string | boolean | undefined>;
-    selected: import("@angular/core").InputSignal<string | boolean | undefined>;
-    label: import("@angular/core").InputSignal<string | undefined>;
-    current: import("@angular/core").InputSignal<boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location" | undefined>;
     size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
     showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
-    variant: import("@angular/core").InputSignal<"brand" | "adaptive" | undefined>;
+    variant: import("@angular/core").InputSignal<"brand" | "adaptive" | "inline" | undefined>;
     content: import("@angular/core").InputSignal<"external" | "internal" | undefined>;
+    wrap: import("@angular/core").InputSignal<string | boolean | undefined>;
     text: import("@angular/core").InputSignal<string | undefined>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     constructor();
@@ -30,5 +27,5 @@ export declare class DBLink implements AfterViewInit {
     private enableAttributePassing;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBLink, "db-link", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "hreflang": { "alias": "hreflang"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBLink, "db-link", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "hreflang": { "alias": "hreflang"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/link/model.d.ts

@@ -1,5 +1,5 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps } from '../../shared/model';
-export declare const LinkVariantList: readonly ["adaptive", "brand"];
+import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
+export declare const LinkVariantList: readonly ["adaptive", "brand", "inline"];
 export type LinkVariantType = (typeof LinkVariantList)[number];
 export declare const LinkSizeList: readonly ["medium", "small"];
 export type LinkSizeType = (typeof LinkSizeList)[number];
@@ -19,6 +19,6 @@ export type DBLinkDefaultProps = {
      */
     variant?: LinkVariantType;
 };
-export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps;
+export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps & WrapProps;
 export type DBLinkDefaultState = {};
 export type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;

package/components/navigation/model.d.ts

@@ -1,5 +1,5 @@
-import { AriaLabelledByProps, GlobalProps, GlobalState } from '../../shared/model';
+import { GlobalProps, GlobalState } from '../../shared/model';
 export type DBNavigationDefaultProps = {};
-export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps & AriaLabelledByProps;
+export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
 export type DBNavigationDefaultState = {};
 export type DBNavigationState = DBNavigationDefaultState & GlobalState;

package/components/navigation/navigation.d.ts

@@ -3,7 +3,6 @@ import * as i0 from "@angular/core";
 export declare class DBNavigation implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     id: import("@angular/core").InputSignal<string | undefined>;
-    labelledBy: import("@angular/core").InputSignal<string | undefined>;
     className: import("@angular/core").InputSignal<string | undefined>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     _id: import("@angular/core").WritableSignal<string | undefined>;
@@ -17,5 +16,5 @@ export declare class DBNavigation implements AfterViewInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBNavigation, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigation, "db-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "labelledBy"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigation, "db-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/navigation-item/model.d.ts

@@ -1,4 +1,4 @@
-import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps } from '../../shared/model';
+import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
 import { NavigationItemSafeTriangle } from '../../utils/navigation';
 export type DBNavigationItemDefaultProps = {
     /**
@@ -17,12 +17,8 @@ export type DBNavigationItemDefaultProps = {
      * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
      */
     subNavigationExpanded?: boolean | string;
-    /**
-     * Determines whether the text should wrap when its parent container is too small, preventing overflow.
-     */
-    wrap?: boolean | string;
 };
-export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & NavigationBackButtonProps & ShowIconProps & TextProps;
+export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & WrapProps & NavigationBackButtonProps & ShowIconProps & TextProps;
 export type DBNavigationItemDefaultState = {
     handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
     hasAreaPopup: boolean;

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

@@ -5,7 +5,6 @@ import * as i0 from "@angular/core";
 export declare class DBNavigationItem implements AfterViewInit {
     dbNavigationContent: any;
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    protected readonly getHideProp: (show?: boolean | string) => any;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly DEFAULT_BACK: string;

package/components/notification/notification.d.ts

@@ -3,7 +3,7 @@ import { ClickEvent } from "../../shared/model";
 import * as i0 from "@angular/core";
 export declare class DBNotification implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    protected readonly getHideProp: (show?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly DEFAULT_CLOSE_BUTTON: string;

package/components/radio/radio.d.ts

@@ -16,8 +16,6 @@ export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
     validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
     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>;
@@ -45,5 +43,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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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>;
+    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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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; }; "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/select.d.ts

@@ -7,6 +7,7 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
     private renderer;
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     protected readonly getHideProp: (show?: boolean | string) => any;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly DEFAULT_LABEL: string;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     protected readonly getOptionKey: (option: {

package/components/switch/model.d.ts

@@ -1,10 +1,10 @@
-import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconAfterProps, IconProps, SizeProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, SizeProps } from '../../shared/model';
 export type DBSwitchDefaultProps = {
     /**
      * Add additional icons to indicate active/inactive state.
      */
     visualAid?: boolean | string;
 };
-export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconAfterProps;
+export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps;
 export type DBSwitchDefaultState = {};
 export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;

package/components/switch/switch.d.ts

@@ -18,13 +18,12 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
     checked: import("@angular/core").ModelSignal<string | boolean | undefined>;
     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>;
+    iconLeading: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
-    iconAfter: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
+    iconTrailing: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     label: import("@angular/core").InputSignal<string | undefined>;
     change: import("@angular/core").OutputEmitterRef<void | Event>;
     blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
@@ -49,5 +48,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; }; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "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/tab-item/model.d.ts

@@ -1,4 +1,4 @@
-import { ActiveProps, AriaControlsProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, NameProps, NameState, ShowIconProps } from '../../shared/model';
+import { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';
 export type DBTabItemDefaultProps = {
     /**
      * To control the component
@@ -17,7 +17,7 @@ export type DBTabItemDefaultProps = {
      */
     noText?: boolean | string;
 };
-export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconAfterProps & ActiveProps & AriaControlsProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
+export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
 export type DBTabItemDefaultState = {
     _selected: boolean;
 };

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

@@ -4,19 +4,20 @@ import * as i0 from "@angular/core";
 export declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
     private renderer;
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    protected readonly getHideProp: (show?: boolean | string) => any;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
     active: import("@angular/core").InputSignal<string | boolean | undefined>;
     name: import("@angular/core").InputSignal<string | undefined>;
     className: import("@angular/core").InputSignal<string | undefined>;
     id: import("@angular/core").InputSignal<string | undefined>;
+    iconLeading: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
     icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
-    iconAfter: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
+    iconTrailing: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
+    showIconLeading: import("@angular/core").InputSignal<string | boolean | undefined>;
     showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
+    showIconTrailing: import("@angular/core").InputSignal<string | boolean | undefined>;
     noText: import("@angular/core").InputSignal<string | boolean | undefined>;
     disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
-    controls: import("@angular/core").InputSignal<string | undefined>;
     checked: import("@angular/core").ModelSignal<string | boolean | undefined>;
     label: import("@angular/core").InputSignal<string | undefined>;
     change: import("@angular/core").OutputEmitterRef<void | Event>;
@@ -41,5 +42,5 @@ export declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBTabItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "controls": { "alias": "controls"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; }, never, ["*"], true, never>;
 }

package/components/tab-panel/model.d.ts

@@ -1,10 +1,10 @@
-import { AriaLabelledByProps, GlobalProps, GlobalState } from '../../shared/model';
+import { GlobalProps, GlobalState } from '../../shared/model';
 export type DBTabPanelDefaultProps = {
     /**
      * The content if you don't want to use children.
      */
     content?: string;
 };
-export type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps & AriaLabelledByProps;
+export type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps;
 export type DBTabPanelDefaultState = {};
 export type DBTabPanelState = DBTabPanelDefaultState & GlobalState;

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

@@ -4,7 +4,6 @@ export declare class DBTabPanel implements AfterViewInit {
     protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
     className: import("@angular/core").InputSignal<string | undefined>;
     id: import("@angular/core").InputSignal<string | undefined>;
-    labelledBy: import("@angular/core").InputSignal<string | undefined>;
     content: import("@angular/core").InputSignal<string | undefined>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     constructor();
@@ -17,5 +16,5 @@ export declare class DBTabPanel implements AfterViewInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DBTabPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "labelledBy"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/tag/model.d.ts

@@ -1,4 +1,4 @@
-import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
+import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagEventsProps = {
@@ -18,10 +18,6 @@ export type DBTagDefaultProps = {
      *  - removable: add a remove button at the end of the tag
      */
     behavior?: TagBehaviorType | string;
-    /**
-     * @deprecated Disable tag
-     */
-    disabled?: boolean | string;
     /**
      * Define the text next to the icon specified via the icon Property to get hidden.
      */
@@ -48,4 +44,4 @@ export type DBTagDefaultState = {
     getRemoveButtonText: () => string;
     handleRemove: (event?: ClickEvent<HTMLButtonElement> | void) => void;
 };
-export type DBTagState = DBTagDefaultState & GlobalState & InitializedState;
+export type DBTagState = DBTagDefaultState & GlobalState;