@db-ux/ngx-core-components 1.0.0-test-13b991d

package/components/drawer/drawer.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter, ElementRef, SimpleChanges } from "@angular/core";
+import { DBDrawerProps, DBDrawerState } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBDrawer {
+    DEFAULT_CLOSE_BUTTON: string;
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    open: DBDrawerProps["open"];
+    backdrop: DBDrawerProps["backdrop"];
+    variant: DBDrawerProps["variant"];
+    id: DBDrawerProps["id"];
+    className: DBDrawerProps["className"];
+    spacing: DBDrawerProps["spacing"];
+    width: DBDrawerProps["width"];
+    direction: DBDrawerProps["direction"];
+    rounded: DBDrawerProps["rounded"];
+    closeButtonId: DBDrawerProps["closeButtonId"];
+    closeButtonText: DBDrawerProps["closeButtonText"];
+    onClose: EventEmitter<any>;
+    _ref: ElementRef | undefined;
+    dialogContainerRef: ElementRef | undefined;
+    handleClose(event: any): ReturnType<DBDrawerState["handleClose"]>;
+    handleDialogOpen(): ReturnType<DBDrawerState["handleDialogOpen"]>;
+    /**
+     * 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;
+    ngAfterContentChecked(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBDrawer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "id": { "alias": "id"; "required": false; }; "className": { "alias": "className"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "width": { "alias": "width"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; }; }, { "onClose": "onClose"; }, 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,41 @@
+import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, 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 ["left", "right", "up", "down"];
+export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
+export declare const DrawerVariantList: readonly ["modal", "inside"];
+export type DrawerVariantType = (typeof DrawerVariantList)[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;
+    /**
+     * The open attribute opens or closes the drawer based on the state.
+     */
+    open?: boolean;
+    /**
+     * 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;
+    /**
+     * Set the variant modal|inside. Defaults to modal.
+     */
+    variant?: DrawerVariantType;
+};
+export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps & InnerCloseButtonProps & WidthProps & SpacingProps;
+export type DBDrawerDefaultState = {
+    handleDialogOpen: () => void;
+};
+export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState;

package/components/header/MetaNavigation.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class MetaNavigationDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetaNavigationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MetaNavigationDirective, "[dbMetaNavigation]", never, {}, {}, never, never, true, never>;
+}

package/components/header/Navigation.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class NavigationDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationDirective, "[dbNavigation]", never, {}, {}, never, never, true, never>;
+}

package/components/header/SecondaryAction.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SecondaryActionDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SecondaryActionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SecondaryActionDirective, "[dbSecondaryAction]", never, {}, {}, never, never, true, never>;
+}

package/components/header/header.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter, ElementRef, SimpleChanges } from "@angular/core";
+import { DBHeaderProps, DBHeaderState } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBHeader {
+    dbNavigation: any;
+    dbMetaNavigation: any;
+    dbSecondaryAction: any;
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    DEFAULT_BURGER_MENU: string;
+    id: DBHeaderProps["id"];
+    forceMobile: DBHeaderProps["forceMobile"];
+    drawerOpen: DBHeaderProps["drawerOpen"];
+    className: DBHeaderProps["className"];
+    width: DBHeaderProps["width"];
+    burgerMenuLabel: DBHeaderProps["burgerMenuLabel"];
+    onToggle: EventEmitter<any>;
+    _ref: ElementRef | undefined;
+    _id: DBHeaderState["_id"];
+    initialized: DBHeaderState["initialized"];
+    forcedToMobile: DBHeaderState["forcedToMobile"];
+    toggle(): ReturnType<DBHeaderState["toggle"]>;
+    handleNavigationItemClick(event: unknown): ReturnType<DBHeaderState["handleNavigationItemClick"]>;
+    /**
+     * 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;
+    ngAfterContentChecked(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "id": { "alias": "id"; "required": false; }; "forceMobile": { "alias": "forceMobile"; "required": false; }; "drawerOpen": { "alias": "drawerOpen"; "required": false; }; "className": { "alias": "className"; "required": false; }; "width": { "alias": "width"; "required": false; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; }; }, { "onToggle": "onToggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "*", "*", "*", "[brand]", "*", "[primary-action]", "*"], true, never>;
+}

package/components/header/index.d.ts

@@ -0,0 +1 @@
+export { DBHeader } from './header';

package/components/header/model.d.ts

@@ -0,0 +1,44 @@
+import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
+export type DBHeaderDefaultProps = {
+    /**
+     * Slot to pass in the DBBrand component
+     */
+    brand?: any;
+    /**
+     * Slot to pass in a meta navigation.
+     * Desktop: Above the regular header
+     * Mobile: Inside the drawer
+     */
+    metaNavigation?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
+     * Desktop: Shown next to the main-navigation
+     * Mobile: Shown next to the brand
+     */
+    primaryAction?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
+     * Desktop: Shown seperated by divider at the end of the header
+     * Mobile: Shown inside the drawer at the bottom.
+     */
+    secondaryAction?: any;
+    /**
+     * Open/closes the drawer for mobile header or if `forceMobile` is true.
+     */
+    drawerOpen?: boolean;
+    /**
+     * Forces the header to use mobile layout for desktop as well.
+     * You should only use this setting if you really can't provide a smaller navigation.
+     * Overwrite size of the drawer with '--db-drawer-max-width: xxx'
+     */
+    forceMobile?: boolean;
+    /**
+     * This attribute sets the label for the burger menu button for mobile headers.
+     */
+    burgerMenuLabel?: string;
+};
+export type DBHeaderProps = DBHeaderDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
+export type DBHeaderDefaultState = {
+    forcedToMobile?: boolean;
+};
+export type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState;

package/components/icon/icon.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef } from "@angular/core";
+import type { DBIconProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBIcon {
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    id: DBIconProps["id"];
+    className: DBIconProps["className"];
+    icon: DBIconProps["icon"];
+    weight: DBIconProps["weight"];
+    variant: DBIconProps["variant"];
+    text: DBIconProps["text"];
+    _ref: ElementRef | undefined;
+    /**
+     * 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; }; "className": { "alias": "className"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, 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,12 @@
+import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
+export declare const IconVariantList: readonly ["default", "inverted", "filled"];
+export type IconVariantType = (typeof IconVariantList)[number];
+export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
+export type IconWeightType = (typeof IconWeightList)[number];
+export type DBIconDefaultProps = {
+    variant?: IconVariantType;
+    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,24 @@
+import { ElementRef } from "@angular/core";
+import { DBInfotextProps } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBInfotext {
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    getHideProp: (show?: boolean | undefined) => any;
+    id: DBInfotextProps["id"];
+    className: DBInfotextProps["className"];
+    icon: DBInfotextProps["icon"];
+    semantic: DBInfotextProps["semantic"];
+    size: DBInfotextProps["size"];
+    showIcon: DBInfotextProps["showIcon"];
+    text: DBInfotextProps["text"];
+    _ref: ElementRef | undefined;
+    /**
+     * 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; }; "className": { "alias": "className"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "semantic": { "alias": "semantic"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, 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,87 @@
+import { EventEmitter, ElementRef, SimpleChanges, Renderer2 } from "@angular/core";
+import { ControlValueAccessor } from '@angular/forms';
+import { DBInputProps, DBInputState } from "./model";
+import { ChangeEvent, InputEvent, InteractionEvent, ValueLabelType } from "../../shared/model";
+import * as i0 from "@angular/core";
+export declare class DBInput implements ControlValueAccessor {
+    private renderer;
+    constructor(renderer: Renderer2);
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    getHideProp: (show?: boolean | undefined) => any;
+    stringPropVisible: (givenString?: string | undefined, showString?: boolean | undefined) => string | boolean | undefined;
+    DEFAULT_INVALID_MESSAGE: string;
+    DEFAULT_LABEL: string;
+    DEFAULT_PLACEHOLDER: string;
+    DEFAULT_VALID_MESSAGE: string;
+    id: DBInputProps["id"];
+    dataListId: DBInputProps["dataListId"];
+    message: DBInputProps["message"];
+    showMessage: DBInputProps["showMessage"];
+    value: DBInputProps["value"];
+    validation: DBInputProps["validation"];
+    invalidMessage: DBInputProps["invalidMessage"];
+    required: DBInputProps["required"];
+    minLength: DBInputProps["minLength"];
+    maxLength: DBInputProps["maxLength"];
+    pattern: DBInputProps["pattern"];
+    validMessage: DBInputProps["validMessage"];
+    className: DBInputProps["className"];
+    variant: DBInputProps["variant"];
+    showLabel: DBInputProps["showLabel"];
+    showIcon: DBInputProps["showIcon"];
+    icon: DBInputProps["icon"];
+    iconAfter: DBInputProps["iconAfter"];
+    label: DBInputProps["label"];
+    name: DBInputProps["name"];
+    type: DBInputProps["type"];
+    placeholder: DBInputProps["placeholder"];
+    disabled: DBInputProps["disabled"];
+    step: DBInputProps["step"];
+    max: DBInputProps["max"];
+    min: DBInputProps["min"];
+    readOnly: DBInputProps["readOnly"];
+    form: DBInputProps["form"];
+    autocomplete: DBInputProps["autocomplete"];
+    autofocus: DBInputProps["autofocus"];
+    dataList: DBInputProps["dataList"];
+    messageIcon: DBInputProps["messageIcon"];
+    onInput: EventEmitter<any>;
+    input: EventEmitter<any>;
+    onChange: EventEmitter<any>;
+    change: EventEmitter<any>;
+    onBlur: EventEmitter<any>;
+    blur: EventEmitter<any>;
+    onFocus: EventEmitter<any>;
+    focus: EventEmitter<any>;
+    _ref: ElementRef | undefined;
+    _id: DBInputState["_id"];
+    _messageId: DBInputState["_messageId"];
+    _validMessageId: DBInputState["_validMessageId"];
+    _invalidMessageId: DBInputState["_invalidMessageId"];
+    _dataListId: DBInputState["_dataListId"];
+    _descByIds: DBInputState["_descByIds"];
+    _value: DBInputState["_value"];
+    _voiceOverFallback: DBInputState["_voiceOverFallback"];
+    handleInput(event: InputEvent<HTMLInputElement>): ReturnType<DBInputState["handleInput"]>;
+    handleChange(event: ChangeEvent<HTMLInputElement>): ReturnType<DBInputState["handleChange"]>;
+    handleBlur(event: InteractionEvent<HTMLInputElement>): ReturnType<DBInputState["handleBlur"]>;
+    handleFocus(event: InteractionEvent<HTMLInputElement>): ReturnType<DBInputState["handleFocus"]>;
+    getDataList(_list?: string[] | ValueLabelType[]): ReturnType<DBInputState["getDataList"]>;
+    trackByOption0(_: any, option: any): string;
+    /**
+     * 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;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngAfterContentChecked(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBInput, "db-input", never, { "id": { "alias": "id"; "required": false; }; "dataListId": { "alias": "dataListId"; "required": false; }; "message": { "alias": "message"; "required": false; }; "showMessage": { "alias": "showMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "validMessage": { "alias": "validMessage"; "required": false; }; "className": { "alias": "className"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "step": { "alias": "step"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "form": { "alias": "form"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "dataList": { "alias": "dataList"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; }, { "onInput": "onInput"; "input": "input"; "onChange": "onChange"; "change": "change"; "onBlur": "onBlur"; "blur": "blur"; "onFocus": "onFocus"; "focus": "focus"; }, never, ["*"], true, never>;
+}

package/components/input/model.d.ts

@@ -0,0 +1,39 @@
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, 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;
+    /**
+     * 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 & IconAfterProps & FormMessageProps & ShowIconProps;
+export type DBInputDefaultState = {
+    _dataListId?: string;
+    getDataList: (_list?: string[] | ValueLabelType[]) => ValueLabelType[];
+};
+export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;

package/components/link/index.d.ts

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

package/components/link/link.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, ElementRef } from "@angular/core";
+import { DBLinkProps, DBLinkState } from "./model";
+import { ClickEvent } from "../../shared/model";
+import * as i0 from "@angular/core";
+export declare class DBLink {
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    getBooleanAsString: (originBool?: boolean | undefined) => any;
+    getHideProp: (show?: boolean | undefined) => any;
+    id: DBLinkProps["id"];
+    className: DBLinkProps["className"];
+    href: DBLinkProps["href"];
+    target: DBLinkProps["target"];
+    rel: DBLinkProps["rel"];
+    role: DBLinkProps["role"];
+    hreflang: DBLinkProps["hreflang"];
+    disabled: DBLinkProps["disabled"];
+    selected: DBLinkProps["selected"];
+    label: DBLinkProps["label"];
+    current: DBLinkProps["current"];
+    size: DBLinkProps["size"];
+    showIcon: DBLinkProps["showIcon"];
+    variant: DBLinkProps["variant"];
+    content: DBLinkProps["content"];
+    text: DBLinkProps["text"];
+    onClick: EventEmitter<any>;
+    _ref: ElementRef | undefined;
+    handleClick(event: ClickEvent<HTMLAnchorElement>): ReturnType<DBLinkState["handleClick"]>;
+    /**
+     * 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; }; "className": { "alias": "className"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "role": { "alias": "role"; "required": false; }; "hreflang": { "alias": "hreflang"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "label": { "alias": "label"; "required": false; }; "current": { "alias": "current"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "content": { "alias": "content"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+}

package/components/link/model.d.ts

@@ -0,0 +1,24 @@
+import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps } from '../../shared/model';
+export declare const LinkVariantList: readonly ["adaptive", "brand"];
+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;
+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,5 @@
+import { AriaLabelledByProps, GlobalProps, GlobalState } from '../../shared/model';
+export type DBNavigationDefaultProps = {};
+export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps & AriaLabelledByProps;
+export type DBNavigationDefaultState = {};
+export type DBNavigationState = DBNavigationDefaultState & GlobalState;

package/components/navigation/navigation.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef } from "@angular/core";
+import { DBNavigationProps, DBNavigationState } from "./model";
+import * as i0 from "@angular/core";
+export declare class DBNavigation {
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    id: DBNavigationProps["id"];
+    labelledBy: DBNavigationProps["labelledBy"];
+    className: DBNavigationProps["className"];
+    _ref: ElementRef | undefined;
+    _id: DBNavigationState["_id"];
+    /**
+     * 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<DBNavigation, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigation, "db-navigation", never, { "id": { "alias": "id"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class NavigationContentDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationContentDirective, "[dbNavigationContent]", never, {}, {}, never, 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,34 @@
+import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, ShowIconProps, TextProps, WidthProps } from '../../shared/model';
+import { NavigationItemSafeTriangle } from '../../utils/navigation';
+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;
+    /**
+     * The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
+     */
+    disabled?: boolean;
+    /**
+     * React-specific property to pass in a slot for sub-navigation
+     */
+    subNavigation?: any;
+    /**
+     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
+     */
+    subNavigationExpanded?: boolean;
+};
+export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & NavigationBackButtonProps & ShowIconProps & TextProps;
+export type DBNavigationItemDefaultState = {
+    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    hasAreaPopup: boolean;
+    isSubNavigationExpanded: boolean;
+    subNavigationId: string;
+    /**
+     * Internal state property to show/hide sub-navigation button
+     */
+    hasSubNavigation?: boolean;
+    updateSubNavigationState: () => void;
+    navigationItemSafeTriangle?: NavigationItemSafeTriangle;
+};
+export type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState;

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

@@ -0,0 +1,44 @@
+import { EventEmitter, ElementRef, SimpleChanges } from "@angular/core";
+import { DBNavigationItemProps, DBNavigationItemState } from "./model";
+import { ClickEvent } from "../../shared/model";
+import * as i0 from "@angular/core";
+export declare class DBNavigationItem {
+    dbNavigationContent: any;
+    cls: (...args: import("../../utils").ClassNameArg[]) => string;
+    getBooleanAsString: (originBool?: boolean | undefined) => any;
+    getHideProp: (show?: boolean | undefined) => any;
+    DEFAULT_BACK: string;
+    subNavigationExpanded: DBNavigationItemProps["subNavigationExpanded"];
+    id: DBNavigationItemProps["id"];
+    className: DBNavigationItemProps["className"];
+    width: DBNavigationItemProps["width"];
+    icon: DBNavigationItemProps["icon"];
+    showIcon: DBNavigationItemProps["showIcon"];
+    active: DBNavigationItemProps["active"];
+    disabled: DBNavigationItemProps["disabled"];
+    text: DBNavigationItemProps["text"];
+    backButtonId: DBNavigationItemProps["backButtonId"];
+    backButtonText: DBNavigationItemProps["backButtonText"];
+    onClick: EventEmitter<any>;
+    _ref: ElementRef | undefined;
+    initialized: DBNavigationItemState["initialized"];
+    hasAreaPopup: DBNavigationItemState["hasAreaPopup"];
+    hasSubNavigation: DBNavigationItemState["hasSubNavigation"];
+    isSubNavigationExpanded: DBNavigationItemState["isSubNavigationExpanded"];
+    subNavigationId: DBNavigationItemState["subNavigationId"];
+    navigationItemSafeTriangle: DBNavigationItemState["navigationItemSafeTriangle"];
+    handleClick(event: ClickEvent<HTMLButtonElement>): ReturnType<DBNavigationItemState["handleClick"]>;
+    handleBackClick(event: ClickEvent<HTMLButtonElement>): ReturnType<DBNavigationItemState["handleBackClick"]>;
+    updateSubNavigationState(): ReturnType<DBNavigationItemState["updateSubNavigationState"]>;
+    /**
+     * 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;
+    ngAfterContentChecked(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DBNavigationItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigationItem, "db-navigation-item", never, { "subNavigationExpanded": { "alias": "subNavigationExpanded"; "required": false; }; "id": { "alias": "id"; "required": false; }; "className": { "alias": "className"; "required": false; }; "width": { "alias": "width"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "backButtonId": { "alias": "backButtonId"; "required": false; }; "backButtonText": { "alias": "backButtonText"; "required": false; }; }, { "onClick": "onClick"; }, ["dbNavigationContent"], ["*", "*", "[sub-navigation]"], true, never>;
+}

package/components/notification/index.d.ts

@@ -0,0 +1 @@
+export { DBNotification } from './notification';