@db-ux/ngx-core-components 3.0.2-copilot-66b0168 → 3.0.2-shell-ed0ed7c

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

@@ -0,0 +1 @@
+export { DBCustomSelectListItem } from './custom-select-list-item';

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

@@ -0,0 +1,29 @@
+import { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, GlobalState, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
+export declare const CustomSelectListItemTypeList: readonly ["checkbox", "radio"];
+export type CustomSelectListItemTypeType = (typeof CustomSelectListItemTypeList)[number];
+export type DBCustomSelectListItemExtraProps = {
+    /**
+     * If the item is a group title (only text)
+     */
+    isGroupTitle?: boolean;
+    /**
+     * Show a divider on the bottom of the list item for visual grouping (don't use it on every item)
+     */
+    showDivider?: boolean;
+} & IconProps & ShowIconProps;
+export type DBCustomSelectListItemDefaultProps = {
+    /**
+     * Set the title of a group of items - disables radio/checkbox behavior
+     */
+    groupTitle?: string;
+    /**
+     * Change the behavior of the item single(radio) or multiple(checkbox)
+     */
+    type?: CustomSelectListItemTypeType;
+};
+export type DBCustomSelectListItemProps = DBCustomSelectListItemDefaultProps & GlobalProps & BaseFormProps & ValueProps & FormCheckProps & ChangeEventProps<HTMLInputElement> & DBCustomSelectListItemExtraProps;
+export type DBCustomSelectListItemDefaultState = {
+    getIconTrailing: () => string | undefined;
+    hasDivider?: boolean;
+};
+export type DBCustomSelectListItemState = DBCustomSelectListItemDefaultState & ChangeEventState<HTMLInputElement> & GlobalState;

package/components/divider/divider.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBDividerProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBDivider implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    id: InputSignal<DBDividerProps["id"]>;
+    margin: InputSignal<DBDividerProps["margin"]>;
+    variant: InputSignal<DBDividerProps["variant"]>;
+    emphasis: InputSignal<DBDividerProps["emphasis"]>;
+    width: InputSignal<DBDividerProps["width"]>;
+    className: InputSignal<DBDividerProps["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<DBDivider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBDivider, "db-divider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/divider/index.d.ts

@@ -0,0 +1 @@
+export { DBDivider } from './divider';

package/components/divider/model.d.ts

@@ -0,0 +1,18 @@
+import { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
+export declare const DividerMarginList: readonly ["none", "_"];
+export type DividerMarginType = (typeof DividerMarginList)[number];
+export declare const DividerVariantList: readonly ["horizontal", "vertical"];
+export type DividerVariantType = (typeof DividerVariantList)[number];
+export type DBDividerDefaultProps = {
+    /**
+     * Removes the margin of the divider.
+     */
+    margin?: DividerMarginType;
+    /**
+     * Changes the orientation of the divider.
+     */
+    variant?: DividerVariantType;
+};
+export type DBDividerProps = DBDividerDefaultProps & GlobalProps & EmphasisProps & MarginProps & WidthProps;
+export type DBDividerDefaultState = {};
+export type DBDividerState = DBDividerDefaultState & GlobalState;

package/components/drawer/drawer.d.ts

@@ -0,0 +1,38 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { ClickEvent, GeneralKeyboardEvent } from "../../shared/model";
+import { DBDrawerProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBDrawer implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly DEFAULT_CLOSE_BUTTON: string;
+    open: InputSignal<DBDrawerProps["open"]>;
+    position: InputSignal<DBDrawerProps["position"]>;
+    backdrop: InputSignal<DBDrawerProps["backdrop"]>;
+    variant: InputSignal<DBDrawerProps["variant"]>;
+    id: InputSignal<DBDrawerProps["id"]>;
+    direction: InputSignal<DBDrawerProps["direction"]>;
+    className: InputSignal<DBDrawerProps["className"]>;
+    spacing: InputSignal<DBDrawerProps["spacing"]>;
+    width: InputSignal<DBDrawerProps["width"]>;
+    rounded: InputSignal<DBDrawerProps["rounded"]>;
+    drawerHeaderPlain: InputSignal<DBDrawerProps["drawerHeaderPlain"]>;
+    closeButtonId: InputSignal<DBDrawerProps["closeButtonId"]>;
+    closeButtonText: InputSignal<DBDrawerProps["closeButtonText"]>;
+    close: import("@angular/core").OutputEmitterRef<void | KeyboardEvent | MouseEvent | undefined>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    dialogContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    handleClose(event?: ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement> | void, forceClose?: boolean): void;
+    handleDialogOpen(): 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<DBDrawer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "drawerHeaderPlain": { "alias": "drawerHeaderPlain"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
+}

package/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export { DBDrawer } from './drawer';

package/components/drawer/model.d.ts

@@ -0,0 +1,54 @@
+import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
+export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
+export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
+export declare const DrawerDirectionList: readonly ["custom", "left", "right", "up", "down"];
+export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
+export declare const DrawerVariantList: readonly ["modal", "inside"];
+export type DrawerVariantType = (typeof DrawerVariantList)[number];
+export declare const DrawerPositionList: readonly ["fixed", "absolute"];
+export type DrawerPositionType = (typeof DrawerPositionList)[number];
+export type DBDrawerDefaultProps = {
+    /**
+     * The backdrop attribute changes the opacity of the backdrop.
+     * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`
+     */
+    backdrop?: DrawerBackdropType;
+    /**
+     * The direction attribute changes the position & animation of the drawer.
+     * E.g. "left" slides from left screen border to the right.
+     */
+    direction?: DrawerDirectionType;
+    /**
+     * Slot for changing the header of the drawer.
+     */
+    drawerHeader?: any;
+    /**
+     * Text for changing the header of the drawer.
+     */
+    drawerHeaderPlain?: string;
+    /**
+     * The open attribute opens or closes the drawer based on the state.
+     */
+    open?: boolean | string;
+    /**
+     * The rounded attribute changes the border radius of the corners on the "end" of the drawer.
+     * The "end" depends on which direction you use.
+     */
+    rounded?: boolean | string;
+    /**
+     * Set the variant modal|inside. Defaults to modal.
+     */
+    variant?: DrawerVariantType;
+    /**
+     * The position attribute changes the css-position (fixed or absolute) of the drawer.
+     *
+     * - `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.
+     * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
+     */
+    position?: DrawerPositionType;
+};
+export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
+export type DBDrawerDefaultState = {
+    handleDialogOpen: () => void;
+};
+export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;

package/components/icon/icon.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import type { DBIconProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBIcon implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    id: InputSignal<DBIconProps["id"]>;
+    className: InputSignal<DBIconProps["className"]>;
+    icon: InputSignal<DBIconProps["icon"]>;
+    weight: InputSignal<DBIconProps["weight"]>;
+    variant: InputSignal<DBIconProps["variant"]>;
+    text: InputSignal<DBIconProps["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<DBIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBIcon, "db-icon", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/icon/index.d.ts

@@ -0,0 +1 @@
+export { DBIcon } from './icon';

package/components/icon/model.d.ts

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

package/components/infotext/index.d.ts

@@ -0,0 +1 @@
+export { DBInfotext } from './infotext';

package/components/infotext/infotext.d.ts

@@ -0,0 +1,25 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBInfotextProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBInfotext implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    id: InputSignal<DBInfotextProps["id"]>;
+    className: InputSignal<DBInfotextProps["className"]>;
+    icon: InputSignal<DBInfotextProps["icon"]>;
+    semantic: InputSignal<DBInfotextProps["semantic"]>;
+    size: InputSignal<DBInfotextProps["size"]>;
+    showIcon: InputSignal<DBInfotextProps["showIcon"]>;
+    text: InputSignal<DBInfotextProps["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<DBInfotext, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBInfotext, "db-infotext", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/infotext/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps } from '../../shared/model';
+export type DBInfotextDefaultProps = {};
+export type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & IconProps & SizeProps & ShowIconProps & TextProps;
+export type DBInfotextDefaultState = {};
+export type DBInfotextState = DBInfotextDefaultState & GlobalState;

package/components/input/index.d.ts

@@ -0,0 +1 @@
+export { DBInput } from './input';

package/components/input/input.d.ts

@@ -0,0 +1,98 @@
+import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
+import { ControlValueAccessor } from '@angular/forms';
+import { ChangeEvent, InputEvent, InteractionEvent, ValueLabelType } from "../../shared/model";
+import { DBInputProps } from "./model";
+import * as i0 from "@angular/core";
+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 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;
+    protected readonly DEFAULT_VALID_MESSAGE: string;
+    id: InputSignal<DBInputProps["id"]>;
+    invalidMessage: InputSignal<DBInputProps["invalidMessage"]>;
+    dataListId: InputSignal<DBInputProps["dataListId"]>;
+    message: InputSignal<DBInputProps["message"]>;
+    showMessage: InputSignal<DBInputProps["showMessage"]>;
+    value: ModelSignal<DBInputProps["value"]>;
+    validMessage: InputSignal<DBInputProps["validMessage"]>;
+    validation: InputSignal<DBInputProps["validation"]>;
+    required: InputSignal<DBInputProps["required"]>;
+    minLength: InputSignal<DBInputProps["minLength"]>;
+    maxLength: InputSignal<DBInputProps["maxLength"]>;
+    pattern: InputSignal<DBInputProps["pattern"]>;
+    dataList: InputSignal<DBInputProps["dataList"]>;
+    className: InputSignal<DBInputProps["className"]>;
+    variant: InputSignal<DBInputProps["variant"]>;
+    showLabel: InputSignal<DBInputProps["showLabel"]>;
+    showIconLeading: InputSignal<DBInputProps["showIconLeading"]>;
+    showIcon: InputSignal<DBInputProps["showIcon"]>;
+    iconLeading: InputSignal<DBInputProps["iconLeading"]>;
+    icon: InputSignal<DBInputProps["icon"]>;
+    iconTrailing: InputSignal<DBInputProps["iconTrailing"]>;
+    showRequiredAsterisk: InputSignal<DBInputProps["showRequiredAsterisk"]>;
+    showIconTrailing: InputSignal<DBInputProps["showIconTrailing"]>;
+    label: InputSignal<DBInputProps["label"]>;
+    fieldSizing: InputSignal<DBInputProps["fieldSizing"]>;
+    name: InputSignal<DBInputProps["name"]>;
+    type: InputSignal<DBInputProps["type"]>;
+    multiple: InputSignal<DBInputProps["multiple"]>;
+    placeholder: InputSignal<DBInputProps["placeholder"]>;
+    disabled: ModelSignal<DBInputProps["disabled"]>;
+    step: InputSignal<DBInputProps["step"]>;
+    maxlength: InputSignal<DBInputProps["maxlength"]>;
+    minlength: InputSignal<DBInputProps["minlength"]>;
+    max: InputSignal<DBInputProps["max"]>;
+    min: InputSignal<DBInputProps["min"]>;
+    readOnly: InputSignal<DBInputProps["readOnly"]>;
+    readonly: InputSignal<DBInputProps["readonly"]>;
+    form: InputSignal<DBInputProps["form"]>;
+    size: InputSignal<DBInputProps["size"]>;
+    autocomplete: InputSignal<DBInputProps["autocomplete"]>;
+    autofocus: InputSignal<DBInputProps["autofocus"]>;
+    ariaDescribedBy: InputSignal<DBInputProps["ariaDescribedBy"]>;
+    messageIcon: InputSignal<DBInputProps["messageIcon"]>;
+    input: import("@angular/core").OutputEmitterRef<void | Event>;
+    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>;
+    _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>;
+    _dataListId: import("@angular/core").WritableSignal<string | undefined>;
+    _descByIds: import("@angular/core").WritableSignal<string | undefined>;
+    _value: import("@angular/core").WritableSignal<string | undefined>;
+    _voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
+    hasValidState(): boolean;
+    handleValidation(): void;
+    handleInput(event: InputEvent<HTMLInputElement>): void;
+    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
+    handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
+    getDataList(): ValueLabelType[];
+    trackByOption0(_: number, option: any): string;
+    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<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; }; "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

@@ -0,0 +1,43 @@
+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 = {
+    /**
+     * Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.
+     */
+    dataList?: string[] | ValueLabelType[];
+    /**
+     * 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
+     */
+    max?: number | string;
+    /**
+     * Minimum value
+     */
+    min?: number | string;
+    /**
+     * Pattern the value must match to be valid
+     */
+    pattern?: string;
+    /**
+     * 	Type of form control
+     */
+    type?: InputTypeType | string;
+    /**
+     * Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).
+     */
+    step?: number | string;
+};
+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[];
+};
+export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;

package/components/link/index.d.ts

@@ -0,0 +1 @@
+export { DBLink } from './link';

package/components/link/link.d.ts

@@ -0,0 +1,32 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBLinkProps } from "./model";
+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;
+    id: InputSignal<DBLinkProps["id"]>;
+    className: InputSignal<DBLinkProps["className"]>;
+    href: InputSignal<DBLinkProps["href"]>;
+    target: InputSignal<DBLinkProps["target"]>;
+    rel: InputSignal<DBLinkProps["rel"]>;
+    role: InputSignal<DBLinkProps["role"]>;
+    hreflang: InputSignal<DBLinkProps["hreflang"]>;
+    disabled: InputSignal<DBLinkProps["disabled"]>;
+    size: InputSignal<DBLinkProps["size"]>;
+    showIcon: InputSignal<DBLinkProps["showIcon"]>;
+    variant: InputSignal<DBLinkProps["variant"]>;
+    content: InputSignal<DBLinkProps["content"]>;
+    wrap: InputSignal<DBLinkProps["wrap"]>;
+    text: InputSignal<DBLinkProps["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<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; }; "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

@@ -0,0 +1,24 @@
+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];
+export declare const LinkContentList: readonly ["external", "internal"];
+export type LinkContentType = (typeof LinkContentList)[number];
+export type DBLinkDefaultProps = {
+    /**
+     * Adds a different arrow after the link to indicate external or internal link
+     */
+    content?: LinkContentType;
+    /**
+     * Change the size of the link
+     */
+    size?: LinkSizeType;
+    /**
+     * Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.
+     */
+    variant?: LinkVariantType;
+};
+export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps & WrapProps;
+export type DBLinkDefaultState = {};
+export type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;

package/components/navigation/index.d.ts

@@ -0,0 +1 @@
+export { DBNavigation } from './navigation';

package/components/navigation/model.d.ts

@@ -0,0 +1,14 @@
+import { GlobalProps, GlobalState, InitializedState, NavigationItemGroupVariant, NavigationItemGroupVariantType, OverflowScrollButtonProps, OverflowScrollButtonState } from '../../shared/model';
+export type DBNavigationDefaultProps = {
+    showTreeLine?: boolean | string;
+};
+export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps & OverflowScrollButtonProps & NavigationItemGroupVariant;
+export type DBNavigationDefaultState = {
+    onScroll: () => void;
+    _variant?: NavigationItemGroupVariantType;
+    _shellDesktopPosition?: string | null;
+    _subNavigationDesktopPosition?: string | null;
+    _handleSubNavigation: () => void;
+    _isSubNavigation?: boolean;
+};
+export type DBNavigationState = DBNavigationDefaultState & GlobalState & OverflowScrollButtonState & InitializedState;

package/components/navigation/navigation.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBNavigationProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBNavigation implements AfterViewInit {
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    variant: InputSignal<DBNavigationProps["variant"]>;
+    arrowScrollDistance: InputSignal<DBNavigationProps["arrowScrollDistance"]>;
+    id: InputSignal<DBNavigationProps["id"]>;
+    showTreeLine: InputSignal<DBNavigationProps["showTreeLine"]>;
+    className: InputSignal<DBNavigationProps["className"]>;
+    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    menuRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    showScrollLeft: import("@angular/core").WritableSignal<boolean | undefined>;
+    showScrollRight: import("@angular/core").WritableSignal<boolean | undefined>;
+    _shellDesktopPosition: import("@angular/core").WritableSignal<string | null | undefined>;
+    _subNavigationDesktopPosition: import("@angular/core").WritableSignal<string | null | undefined>;
+    _variant: import("@angular/core").WritableSignal<"popover" | "tree" | undefined>;
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    _isSubNavigation: import("@angular/core").WritableSignal<boolean | undefined>;
+    evaluateScrollButtons(tList: Element): void;
+    scroll(left?: boolean): void;
+    onScroll(): void;
+    _handleSubNavigation(): 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<DBNavigation, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigation, "db-navigation", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "showTreeLine": { "alias": "showTreeLine"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1 @@
+export { DBNavigationItem } from './navigation-item';

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

@@ -0,0 +1,19 @@
+import { AdditionalInformationSlotProps, DisabledProps, GlobalProps, GlobalState, IconProps, ShowIconProps } from '../../shared/model';
+export type DBNavigationItemDefaultProps = {
+    /**
+     * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current="page" on the contained anchor, this does not guarantee correct a11y.
+     */
+    active?: boolean;
+    /**
+     * If you use DBShell with controlPanelDesktopPosition="left" you need
+     * to add a tooltip for collapsed navigation
+     */
+    tooltip?: string;
+    /**
+     * Set the text for the navigation-item
+     */
+    text?: string;
+};
+export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & IconProps & ShowIconProps & DisabledProps & AdditionalInformationSlotProps;
+export type DBNavigationItemDefaultState = {};
+export type DBNavigationItemState = DBNavigationItemDefaultState & GlobalState;

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

@@ -0,0 +1,26 @@
+import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
+import { DBNavigationItemProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBNavigationItem implements AfterViewInit {
+    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
+    protected readonly DEFAULT_LABEL: string;
+    id: InputSignal<DBNavigationItemProps["id"]>;
+    className: InputSignal<DBNavigationItemProps["className"]>;
+    icon: InputSignal<DBNavigationItemProps["icon"]>;
+    showIcon: InputSignal<DBNavigationItemProps["showIcon"]>;
+    active: InputSignal<DBNavigationItemProps["active"]>;
+    disabled: InputSignal<DBNavigationItemProps["disabled"]>;
+    tooltip: InputSignal<DBNavigationItemProps["tooltip"]>;
+    _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<DBNavigationItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigationItem, "db-navigation-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[additional-information]"], true, never>;
+}

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

@@ -0,0 +1 @@
+export { DBNavigationItemGroup } from './navigation-item-group';

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

@@ -0,0 +1,26 @@
+import { AdditionalInformationSlotProps, ClickEvent, ClickEventProps, ClickEventState, DisabledProps, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, NavigationItemGroupVariant, ShowIconProps } from '../../shared/model';
+import { NavigationItemSafeTriangle } from '../../utils/navigation';
+import { DBNavigationItemDefaultProps } from '../navigation-item/model';
+export type DBNavigationItemGroupDefaultProps = {
+    /**
+     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
+     */
+    expanded?: boolean | string;
+};
+export type DBNavigationItemGroupProps = DBNavigationItemGroupDefaultProps & NavigationBackButtonProps & ClickEventProps<HTMLButtonElement> & GlobalProps & IconProps & ShowIconProps & DBNavigationItemDefaultProps & DisabledProps & NavigationItemGroupVariant & AdditionalInformationSlotProps;
+export type DBNavigationItemGroupDefaultState = {
+    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    isSubNavigationExpanded: boolean;
+    subNavigationId: string;
+    /**
+     * Internal state property to show/hide sub-navigation button
+     */
+    hasSubNavigation?: boolean;
+    hasPopup?: boolean;
+    navigationItemSafeTriangle?: NavigationItemSafeTriangle;
+    autoClose?: boolean;
+    onScroll: () => void;
+    handleEscape: (event: any) => void;
+    forceClose: () => void;
+};
+export type DBNavigationItemGroupState = DBNavigationItemGroupDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & NavigationBehaviorState & InitializedState;