@db-ux/ngx-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/README.md

@@ -113,17 +113,6 @@ There are 3 ways to use Events in Angular:
 ></db-input>
 ```
 
-## Documentation for AI Agents
-
-We provide a documentation for every component in the DB UX Design System via `docs` folder.
-To consume those documentation for AI Agents the best way is to copy the `docs` folder into your project.
-
-We provide a CLI tool to do this automatically, which you can run with:
-
-```shell
-npx @db-ux/agent-cli
-```
-
 ## Deutsche Bahn brand
 
 As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even if being used with the code that we're providing with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.

package/components/accordion/accordion.d.ts

@@ -0,0 +1,30 @@
+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: 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>;
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    _initOpenIndexDone: import("@angular/core").WritableSignal<boolean>;
+    convertItems(): any;
+    trackByItem0(index: number, item: any): string;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    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/index.d.ts

@@ -0,0 +1 @@
+export { DBAccordion } from './accordion';

package/components/accordion/model.d.ts

@@ -0,0 +1,41 @@
+import { GlobalProps, GlobalState, InitializedState } from '../../shared/model';
+import { DBAccordionItemDefaultProps } from '../accordion-item/model';
+export declare const AccordionVariantList: readonly ["divider", "card"];
+export type AccordionVariantType = (typeof AccordionVariantList)[number];
+export declare const AccordionBehaviorList: readonly ["multiple", "single"];
+export type AccordionBehaviorType = (typeof AccordionBehaviorList)[number];
+export type DBAccordionDefaultProps = {
+    /**
+     * To allow multiple items open at the same time or only 1 item
+     */
+    behavior?: AccordionBehaviorType;
+    /**
+     * The index of items which should be open when loading the accordion
+     */
+    initOpenIndex?: number[];
+    /**
+     * Alternative to pass in a simple representation of accordion items
+     */
+    items?: DBAccordionItemDefaultProps[] | string;
+    /**
+     * Set details name for exclusive accordions, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details#name
+     */
+    name?: string;
+    /**
+     * Informs about the changes in the internal state, which item is open
+     */
+    onChange?: (openAccordionItemIds: string[]) => void;
+    /**
+     * Defines the display of the accordion and the items:
+     * "divider": with a dividing line between the items
+     * "card": w/o dividing line, but items are shown in the card variant
+     */
+    variant?: AccordionVariantType;
+};
+export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
+export type DBAccordionDefaultState = {
+    _initOpenIndexDone: boolean;
+    _name?: string;
+    convertItems: () => DBAccordionItemDefaultProps[];
+};
+export type DBAccordionState = DBAccordionDefaultState & GlobalState & InitializedState;

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

@@ -0,0 +1,33 @@
+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: 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>;
+    _open: import("@angular/core").WritableSignal<boolean | undefined>;
+    _name: import("@angular/core").WritableSignal<string | undefined>;
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    handleNameAttribute(): void;
+    handleToggle(event: ClickEvent<HTMLElement> | any): void;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    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/accordion-item/index.d.ts

@@ -0,0 +1 @@
+export { DBAccordionItem } from './accordion-item';

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

@@ -0,0 +1,24 @@
+import { GlobalProps, GlobalState, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
+export type DBAccordionItemDefaultProps = {
+    /**
+     * Initial state for the accordion item
+     */
+    defaultOpen?: boolean;
+    /**
+     * The disabled attribute can be set to keep a user from clicking on the element.
+     */
+    disabled?: boolean | string;
+    /**
+     * Title of the accordion-item as slot
+     */
+    headline?: any;
+    /**
+     * Title of the accordion-item as plain text
+     */
+    headlinePlain?: string;
+} & TextProps;
+export type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEventProps & NameProps;
+export type DBAccordionItemDefaultState = {
+    _open?: boolean;
+};
+export type DBAccordionItemState = DBAccordionItemDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NameState;

package/components/badge/badge.d.ts

@@ -0,0 +1,27 @@
+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: 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();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    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/badge/index.d.ts

@@ -0,0 +1 @@
+export { DBBadge } from './badge';

package/components/badge/model.d.ts

@@ -0,0 +1,16 @@
+import { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps } from '../../shared/model';
+export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
+export type BadgePlacementType = (typeof BadgePlacementList)[number];
+export type DBBadgeDefaultProps = {
+    /**
+     * The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.
+     */
+    placement?: BadgePlacementType;
+    /**
+     * Describes the badge for a11y if you use placement attribute with `corner-*`
+     */
+    label?: string;
+};
+export type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & EmphasisProps & TextProps;
+export type DBBadgeDefaultState = {};
+export type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState;

package/components/button/button.d.ts

@@ -0,0 +1,39 @@
+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 getBooleanAsString: (originBool?: boolean | string) => any;
+    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.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBButton, 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/index.d.ts

@@ -0,0 +1 @@
+export { DBButton } from './button';

package/components/button/model.d.ts

@@ -0,0 +1,40 @@
+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 type DBButtonDefaultProps = {
+    /**
+     * 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).
+     */
+    disabled?: boolean | string;
+    /**
+     * 	Associates the control with a form element
+     */
+    form?: string;
+    /**
+     * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.
+     */
+    name?: string;
+    /**
+     * Define the text next to the icon specified via the icon Property to get hidden.
+     */
+    noText?: boolean | string;
+    /**
+     * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).
+     */
+    type?: ButtonTypeType;
+    /**
+     * The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).
+     */
+    value?: string;
+    /**
+     * Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.
+     */
+    variant?: ButtonVariantType | string;
+};
+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

@@ -0,0 +1,25 @@
+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: 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;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBCard, "db-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "elevationLevel": { "alias": "elevationLevel"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, ["*"], true, never>;
+}

package/components/card/index.d.ts

@@ -0,0 +1 @@
+export { DBCard } from './card';

package/components/card/model.d.ts

@@ -0,0 +1,18 @@
+import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
+export declare const CardBehaviorList: readonly ["static", "interactive"];
+export type CardBehaviorType = (typeof CardBehaviorList)[number];
+export declare const CardElevationLevelList: readonly ["1", "2", "3"];
+export type CardElevationLevelType = (typeof CardElevationLevelList)[number];
+export type DBCardDefaultProps = {
+    /**
+     * Makes the card interactive
+     */
+    behavior?: CardBehaviorType;
+    /**
+     * Changes the elevation of the card which is equal to `basic-background-level`
+     */
+    elevationLevel?: CardElevationLevelType;
+};
+export type DBCardProps = DBCardDefaultProps & GlobalProps & ClickEventProps<HTMLElement> & SpacingProps;
+export type DBCardDefaultState = {};
+export type DBCardState = DBCardDefaultState & GlobalState & ClickEventState<HTMLElement>;

package/components/checkbox/checkbox.d.ts

@@ -0,0 +1,64 @@
+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;
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    protected readonly getHideProp: (show?: boolean | string) => any;
+    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: 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>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    _id: import("@angular/core").WritableSignal<string | undefined>;
+    _messageId: import("@angular/core").WritableSignal<string | undefined>;
+    _validMessageId: import("@angular/core").WritableSignal<string | undefined>;
+    _invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
+    _invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
+    _descByIds: import("@angular/core").WritableSignal<string | undefined>;
+    _voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
+    hasValidState(): boolean;
+    handleValidation(): void;
+    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
+    handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
+    constructor(renderer: Renderer2);
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    writeValue(value: any): void;
+    propagateChange(_: any): void;
+    registerOnChange(onChange: any): void;
+    registerOnTouched(onTouched: any): void;
+    setDisabledState(disabled: boolean): 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/checkbox/index.d.ts

@@ -0,0 +1 @@
+export { DBCheckbox } from './checkbox';

package/components/checkbox/model.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+export type DBCheckboxDefaultProps = {
+    /**
+     * Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox
+     */
+    indeterminate?: boolean | string;
+};
+export type DBCheckboxProps = DBCheckboxDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps;
+export type DBCheckboxDefaultState = {};
+export type DBCheckboxState = DBCheckboxDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState & FromValidState;

package/components/control-panel-brand/control-panel-brand.d.ts

@@ -0,0 +1,24 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBControlPanelBrandProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBControlPanelBrand implements AfterViewInit {
+    protected readonly DEFAULT_ICON: string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    icon: InputSignal<DBControlPanelBrandProps["icon"]>;
+    showIcon: InputSignal<DBControlPanelBrandProps["showIcon"]>;
+    id: InputSignal<DBControlPanelBrandProps["id"]>;
+    className: InputSignal<DBControlPanelBrandProps["className"]>;
+    text: InputSignal<DBControlPanelBrandProps["text"]>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBControlPanelBrand, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBControlPanelBrand, "db-control-panel-brand", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[additional-information]"], true, never>;
+}

package/components/control-panel-brand/index.d.ts

@@ -0,0 +1 @@
+export { DBControlPanelBrand } from './control-panel-brand';

package/components/control-panel-brand/model.d.ts

@@ -0,0 +1,5 @@
+import { AdditionalInformationSlotProps, GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
+export type DBControlPanelBrandDefaultProps = {};
+export type DBControlPanelBrandProps = DBControlPanelBrandDefaultProps & GlobalProps & IconProps & ShowIconProps & TextProps & AdditionalInformationSlotProps;
+export type DBControlPanelBrandDefaultState = {};
+export type DBControlPanelBrandState = DBControlPanelBrandDefaultState & GlobalState;

package/components/control-panel-desktop/control-panel-desktop.d.ts

@@ -0,0 +1,32 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBControlPanelDesktopProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBControlPanelDesktop implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    expanded: InputSignal<DBControlPanelDesktopProps["expanded"]>;
+    expandButtonTooltip: InputSignal<DBControlPanelDesktopProps["expandButtonTooltip"]>;
+    className: InputSignal<DBControlPanelDesktopProps["className"]>;
+    id: InputSignal<DBControlPanelDesktopProps["id"]>;
+    width: InputSignal<DBControlPanelDesktopProps["width"]>;
+    orientation: InputSignal<DBControlPanelDesktopProps["orientation"]>;
+    expandButtonTooltipFn: import("@angular/core").OutputEmitterRef<boolean | void>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    _scrollContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    _id: import("@angular/core").WritableSignal<string | undefined>;
+    _open: import("@angular/core").WritableSignal<boolean>;
+    handleToggle(event: any): void;
+    getToggleButtonText(): string | void;
+    onScroll(): void;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBControlPanelDesktop, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBControlPanelDesktop, "db-control-panel-desktop", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "expandButtonTooltip": { "alias": "expandButtonTooltip"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "expandButtonTooltipFn": "expandButtonTooltipFn"; }, never, ["[brand]", "*", "[meta-navigation]", "[primary-actions]", "[secondary-actions]"], true, never>;
+}

package/components/control-panel-desktop/index.d.ts

@@ -0,0 +1 @@
+export { DBControlPanelDesktop } from './control-panel-desktop';

package/components/control-panel-desktop/model.d.ts

@@ -0,0 +1,7 @@
+import { ContainerWidthProps, ControlPanelProps, GlobalProps, GlobalState, OrientationProps, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model';
+export type DBControlPanelDesktopDefaultProps = {};
+export type DBControlPanelDesktopProps = DBControlPanelDesktopDefaultProps & GlobalProps & ContainerWidthProps & ControlPanelProps & OrientationProps & SidebarProps;
+export type DBControlPanelDesktopDefaultState = {
+    onScroll: () => void;
+};
+export type DBControlPanelDesktopState = DBControlPanelDesktopDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState;

package/components/control-panel-flat-icon-navigation/control-panel-flat-icon-navigation.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBControlPanelFlatIconNavigationProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBControlPanelFlatIconNavigation implements AfterViewInit {
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    id: InputSignal<DBControlPanelFlatIconNavigationProps["id"]>;
+    noText: InputSignal<DBControlPanelFlatIconNavigationProps["noText"]>;
+    className: InputSignal<DBControlPanelFlatIconNavigationProps["className"]>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBControlPanelFlatIconNavigation, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBControlPanelFlatIconNavigation, "db-control-panel-flat-icon-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/control-panel-flat-icon-navigation/index.d.ts

@@ -0,0 +1 @@
+export { DBControlPanelFlatIconNavigation } from "./control-panel-flat-icon-navigation";

package/components/control-panel-flat-icon-navigation/model.d.ts

@@ -0,0 +1,7 @@
+import { GlobalProps, GlobalState, InitializedState } from '../../shared/model';
+export type DBControlPanelFlatIconNavigationDefaultProps = {
+    noText?: string | boolean;
+};
+export type DBControlPanelFlatIconNavigationProps = DBControlPanelFlatIconNavigationDefaultProps & GlobalProps;
+export type DBControlPanelFlatIconNavigationDefaultState = {};
+export type DBControlPanelFlatIconNavigationState = DBControlPanelFlatIconNavigationDefaultState & GlobalState & InitializedState;

package/components/control-panel-meta-navigation/control-panel-meta-navigation.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBControlPanelMetaNavigationProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBControlPanelMetaNavigation implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    id: InputSignal<DBControlPanelMetaNavigationProps["id"]>;
+    className: InputSignal<DBControlPanelMetaNavigationProps["className"]>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBControlPanelMetaNavigation, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBControlPanelMetaNavigation, "db-control-panel-meta-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/control-panel-meta-navigation/index.d.ts

@@ -0,0 +1 @@
+export { DBControlPanelMetaNavigation } from './control-panel-meta-navigation';

package/components/control-panel-meta-navigation/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState } from '../../shared/model';
+export type DBControlPanelMetaNavigationDefaultProps = {};
+export type DBControlPanelMetaNavigationProps = DBControlPanelMetaNavigationDefaultProps & GlobalProps;
+export type DBControlPanelMetaNavigationDefaultState = {};
+export type DBControlPanelMetaNavigationState = DBControlPanelMetaNavigationDefaultState & GlobalState;

package/components/control-panel-mobile/control-panel-mobile.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBControlPanelMobileProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBControlPanelMobile implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    protected readonly DEFAULT_BURGER_MENU: string;
+    id: InputSignal<DBControlPanelMobileProps["id"]>;
+    width: InputSignal<DBControlPanelMobileProps["width"]>;
+    position: InputSignal<DBControlPanelMobileProps["position"]>;
+    variant: InputSignal<DBControlPanelMobileProps["variant"]>;
+    className: InputSignal<DBControlPanelMobileProps["className"]>;
+    drawerHeadlinePlain: InputSignal<DBControlPanelMobileProps["drawerHeadlinePlain"]>;
+    burgerMenuLabel: InputSignal<DBControlPanelMobileProps["burgerMenuLabel"]>;
+    toggle: import("@angular/core").OutputEmitterRef<boolean | void>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    open: import("@angular/core").WritableSignal<boolean>;
+    handleToggle(event: any): void;
+    handleNavigationItemClick(event: any): void;
+    constructor();
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBControlPanelMobile, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBControlPanelMobile, "db-control-panel-mobile", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "drawerHeadlinePlain": { "alias": "drawerHeadlinePlain"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["*", "[meta-navigation]", "[secondary-actions]", "[flat-icon-navigation]", "[brand]", "[primary-actions]"], true, never>;
+}