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

package/dist/types/components/select/select.d.ts

@@ -0,0 +1,62 @@
+import { DBSelectOptionType, DBSelectProps } from "./model";
+import { ChangeEvent, ClickEvent, InputEvent, InteractionEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBSelect {
+    private _ref;
+    id: DBSelectProps["id"];
+    message: DBSelectProps["message"];
+    showMessage: DBSelectProps["showMessage"];
+    value: DBSelectProps["value"];
+    onClick: any;
+    onInput: any;
+    input: DBSelectProps["input"];
+    onChange: any;
+    change: DBSelectProps["change"];
+    validation: DBSelectProps["validation"];
+    invalidMessage: DBSelectProps["invalidMessage"];
+    required: DBSelectProps["required"];
+    validMessage: DBSelectProps["validMessage"];
+    onBlur: any;
+    blur: DBSelectProps["blur"];
+    onFocus: any;
+    focus: DBSelectProps["focus"];
+    className: DBSelectProps["className"];
+    variant: DBSelectProps["variant"];
+    showLabel: DBSelectProps["showLabel"];
+    icon: DBSelectProps["icon"];
+    showIcon: DBSelectProps["showIcon"];
+    label: DBSelectProps["label"];
+    disabled: DBSelectProps["disabled"];
+    name: DBSelectProps["name"];
+    autocomplete: DBSelectProps["autocomplete"];
+    options: DBSelectProps["options"];
+    placeholder: DBSelectProps["placeholder"];
+    messageIcon: DBSelectProps["messageIcon"];
+    _id: any;
+    _messageId: any;
+    _validMessageId: any;
+    _invalidMessageId: any;
+    _placeholderId: string;
+    _descByIds: string;
+    _value: string;
+    initialized: boolean;
+    _voiceOverFallback: string;
+    handleClick(event: ClickEvent<HTMLSelectElement>): void;
+    handleInput(event: InputEvent<HTMLSelectElement>): void;
+    handleChange(event: ChangeEvent<HTMLSelectElement>): void;
+    handleBlur(event: InteractionEvent<HTMLSelectElement>): void;
+    handleFocus(event: InteractionEvent<HTMLSelectElement>): void;
+    getOptionLabel(option: DBSelectOptionType): 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;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/stack/index.d.ts

@@ -0,0 +1,2 @@
+import { DBStack } from './stack';
+export default DBStack;

package/dist/types/components/stack/model.d.ts

@@ -0,0 +1,34 @@
+import { GapSpacingProps, GlobalProps, GlobalState } from '../../shared/model';
+export declare const StackVariantList: readonly ["simple", "divider"];
+export type StackVariantType = (typeof StackVariantList)[number];
+export declare const StackDirectionList: readonly ["row", "column"];
+export type StackDirectionType = (typeof StackDirectionList)[number];
+export declare const StackAlignmentList: readonly ["stretch", "start", "end", "center"];
+export type StackAlignmentType = (typeof StackAlignmentList)[number];
+export declare const StackJustifyContentList: readonly ["space-between", "start", "end", "center"];
+export type StackJustifyContentType = (typeof StackJustifyContentList)[number];
+export type DBStackDefaultProps = {
+    /**
+     * Change variant of stack. To use variant="divider" add a DBDivider after each element
+     */
+    variant?: StackVariantType;
+    /**
+     * Set the direction of the stack. Defaults to "column"
+     */
+    direction?: StackDirectionType;
+    /**
+     * If the stack should wrap if parent is too small otherwise you get an overflow
+     */
+    wrap?: boolean;
+    /**
+     * Represents css align-items
+     */
+    alignment?: StackAlignmentType;
+    /**
+     * Represents css justify-content
+     */
+    justifyContent?: StackJustifyContentType;
+};
+export type DBStackProps = DBStackDefaultProps & GlobalProps & GapSpacingProps;
+export type DBStackDefaultState = {};
+export type DBStackState = DBStackDefaultState & GlobalState;

package/dist/types/components/stack/stack.d.ts

@@ -0,0 +1,24 @@
+import { DBStackProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBStack {
+    private _ref;
+    id: DBStackProps["id"];
+    className: DBStackProps["className"];
+    gap: DBStackProps["gap"];
+    variant: DBStackProps["variant"];
+    direction: DBStackProps["direction"];
+    alignment: DBStackProps["alignment"];
+    justifyContent: DBStackProps["justifyContent"];
+    wrap: DBStackProps["wrap"];
+    /**
+     * 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;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/switch/index.d.ts

@@ -0,0 +1,2 @@
+import { DBSwitch } from './switch';
+export default DBSwitch;

package/dist/types/components/switch/model.d.ts

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

package/dist/types/components/switch/switch.d.ts

@@ -0,0 +1,44 @@
+import { DBSwitchProps } from "./model";
+import { ChangeEvent, InteractionEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBSwitch {
+    private _ref;
+    id: DBSwitchProps["id"];
+    onChange: any;
+    change: DBSwitchProps["change"];
+    onBlur: any;
+    blur: DBSwitchProps["blur"];
+    onFocus: any;
+    focus: DBSwitchProps["focus"];
+    visualAid: DBSwitchProps["visualAid"];
+    size: DBSwitchProps["size"];
+    showLabel: DBSwitchProps["showLabel"];
+    emphasis: DBSwitchProps["emphasis"];
+    className: DBSwitchProps["className"];
+    checked: DBSwitchProps["checked"];
+    disabled: DBSwitchProps["disabled"];
+    describedbyid: DBSwitchProps["describedbyid"];
+    validation: DBSwitchProps["validation"];
+    name: DBSwitchProps["name"];
+    required: DBSwitchProps["required"];
+    icon: DBSwitchProps["icon"];
+    iconAfter: DBSwitchProps["iconAfter"];
+    label: DBSwitchProps["label"];
+    _id: any;
+    _checked: boolean;
+    initialized: boolean;
+    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    handleBlur(event: InteractionEvent<HTMLInputElement>): void;
+    handleFocus(event: InteractionEvent<HTMLInputElement>): void;
+    /**
+     * 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;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/tab-item/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTabItem } from './tab-item';
+export default DBTabItem;

package/dist/types/components/tab-item/model.d.ts

@@ -0,0 +1,24 @@
+import { ActiveProps, AriaControlsProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, ShowIconProps } from '../../shared/model';
+export type DBTabItemDefaultProps = {
+    /**
+     * To control the component
+     */
+    checked?: boolean;
+    /**
+     * The disabled attribute can be set to keep a user from clicking on the tab-item.
+     */
+    disabled?: boolean;
+    /**
+     * The label of the tab-item, if you don't want to use children.
+     */
+    label?: string;
+    /**
+     * Define the text next to the icon specified via the icon Property to get hidden.
+     */
+    noText?: boolean;
+};
+export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconAfterProps & ActiveProps & AriaControlsProps & ChangeEventProps<HTMLInputElement> & ShowIconProps;
+export type DBTabItemDefaultState = {
+    _selected: boolean;
+};
+export type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState;

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

@@ -0,0 +1,34 @@
+import type { DBTabItemProps } from "./model";
+import { ChangeEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTabItem {
+    private _ref;
+    active: DBTabItemProps["active"];
+    onChange: any;
+    change: DBTabItemProps["change"];
+    className: DBTabItemProps["className"];
+    id: DBTabItemProps["id"];
+    icon: DBTabItemProps["icon"];
+    iconAfter: DBTabItemProps["iconAfter"];
+    showIcon: DBTabItemProps["showIcon"];
+    noText: DBTabItemProps["noText"];
+    disabled: DBTabItemProps["disabled"];
+    controls: DBTabItemProps["controls"];
+    checked: DBTabItemProps["checked"];
+    label: DBTabItemProps["label"];
+    initialized: boolean;
+    _selected: boolean;
+    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    /**
+     * 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;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/tab-list/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTabList } from './tab-list';
+export default DBTabList;

package/dist/types/components/tab-list/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState } from '../../shared/model';
+export type DBTabListDefaultProps = {};
+export type DBTabListProps = DBTabListDefaultProps & GlobalProps;
+export type DBTabListDefaultState = {};
+export type DBTabListState = DBTabListDefaultState & GlobalState;

package/dist/types/components/tab-list/tab-list.d.ts

@@ -0,0 +1,19 @@
+import { DBTabListProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTabList {
+    private _ref;
+    id: DBTabListProps["id"];
+    className: DBTabListProps["className"];
+    _id: 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;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/tab-panel/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTabPanel } from './tab-panel';
+export default DBTabPanel;

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

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

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

@@ -0,0 +1,20 @@
+import { DBTabPanelProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTabPanel {
+    private _ref;
+    className: DBTabPanelProps["className"];
+    id: DBTabPanelProps["id"];
+    labelledBy: DBTabPanelProps["labelledBy"];
+    content: DBTabPanelProps["content"];
+    /**
+     * 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;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTabs } from './tabs';
+export default DBTabs;

package/dist/types/components/tabs/model.d.ts

@@ -0,0 +1,47 @@
+import { AlignmentProps, GlobalProps, GlobalState, InitializedState, OrientationProps, WidthProps } from '../../shared/model';
+import { DBTabItemProps } from '../tab-item/model';
+import { DBTabPanelProps } from '../tab-panel/model';
+export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
+export type TabsBehaviorType = (typeof TabsBehaviorList)[number];
+export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
+export type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
+export type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
+export type DBTabsDefaultProps = {
+    /**
+     * Change amount of distance if you click on an arrow, only available with behavior="arrows"
+     */
+    arrowScrollDistance?: number;
+    /**
+     * Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
+     */
+    behavior?: TabsBehaviorType;
+    /**
+     * Default behavior is auto selecting the first tab, change selected tab by index
+     */
+    initialSelectedIndex?: number;
+    /**
+     * Default behavior is auto selecting the first tab, disable it with 'manually'
+     */
+    initialSelectedMode?: TabsInitialSelectedModeType;
+    /**
+     * The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.
+     */
+    name?: string;
+    /**
+     * Provide simple tabs with label + text as content
+     */
+    tabs?: DBSimpleTabProps[] | string;
+};
+export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps;
+export type DBTabsDefaultState = {
+    _name: string;
+    scrollContainer?: Element | null;
+    scroll: (left?: boolean) => void;
+    showScrollLeft?: boolean;
+    showScrollRight?: boolean;
+    evaluateScrollButtons: (tabList: Element) => void;
+    convertTabs: (tabs?: unknown[] | string | undefined) => DBSimpleTabProps[];
+    initTabList: () => void;
+    initTabs: (init?: boolean) => void;
+};
+export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;

package/dist/types/components/tabs/tabs.d.ts

@@ -0,0 +1,39 @@
+import { DBTabsProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTabs {
+    private _ref;
+    id: DBTabsProps["id"];
+    name: DBTabsProps["name"];
+    arrowScrollDistance: DBTabsProps["arrowScrollDistance"];
+    orientation: DBTabsProps["orientation"];
+    behavior: DBTabsProps["behavior"];
+    initialSelectedMode: DBTabsProps["initialSelectedMode"];
+    initialSelectedIndex: DBTabsProps["initialSelectedIndex"];
+    className: DBTabsProps["className"];
+    alignment: DBTabsProps["alignment"];
+    width: DBTabsProps["width"];
+    tabs: DBTabsProps["tabs"];
+    _id: string;
+    _name: string;
+    initialized: boolean;
+    showScrollLeft: boolean;
+    showScrollRight: boolean;
+    scrollContainer: any;
+    convertTabs(tabs: unknown[] | string | undefined): any;
+    evaluateScrollButtons(tList: Element): void;
+    scroll(left?: boolean): void;
+    initTabList(): void;
+    initTabs(init?: boolean): void;
+    /**
+     * 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;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/tag/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTag } from './tag';
+export default DBTag;

package/dist/types/components/tag/model.d.ts

@@ -0,0 +1,45 @@
+import { ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, TagEmphasisProps } from '../../shared/model';
+export declare const TagBehaviorList: readonly ["static", "removable"];
+export type TagBehaviorType = (typeof TagBehaviorList)[number];
+export type DBTagDefaultProps = {
+    /**
+     *	Defines the behavior of the component:
+     *	- static: default behavior without remove button
+     *  - removable: add a remove button at the end of the tag
+     */
+    behavior?: TagBehaviorType | string;
+    /**
+     * @deprecated Disable tag
+     */
+    disabled?: boolean;
+    /**
+     * Define the text next to the icon specified via the icon Property to get hidden.
+     */
+    noText?: boolean;
+    /**
+     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
+     */
+    onRemove?: () => void;
+    /**
+     * The removeButton attribute shows the cancel button.
+     */
+    removeButton?: string;
+    /**
+     * Enable/Disable icon for checkbox/radio inside tag.
+     */
+    showCheckState?: boolean;
+    /**
+     * Alternative for children to set content as property.
+     */
+    text?: string;
+    /**
+     * If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.
+     */
+    value?: string;
+};
+export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & TagEmphasisProps & ShowIconProps & ContentSlotProps;
+export type DBTagDefaultState = {
+    getRemoveButtonText: () => string;
+    handleRemove: () => void;
+};
+export type DBTagState = DBTagDefaultState & GlobalState & InitializedState;

package/dist/types/components/tag/tag.d.ts

@@ -0,0 +1,34 @@
+import { DBTagProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot content - TODO: Add description for slotContent
+ */
+export declare class DBTag {
+    private _ref;
+    disabled: DBTagProps["disabled"];
+    onRemove: any;
+    removeButton: DBTagProps["removeButton"];
+    id: DBTagProps["id"];
+    className: DBTagProps["className"];
+    semantic: DBTagProps["semantic"];
+    emphasis: DBTagProps["emphasis"];
+    icon: DBTagProps["icon"];
+    showCheckState: DBTagProps["showCheckState"];
+    showIcon: DBTagProps["showIcon"];
+    noText: DBTagProps["noText"];
+    overflow: DBTagProps["overflow"];
+    text: DBTagProps["text"];
+    behavior: DBTagProps["behavior"];
+    initialized: boolean;
+    handleRemove(): void;
+    getRemoveButtonText(): 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;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/textarea/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTextarea } from './textarea';
+export default DBTextarea;

package/dist/types/components/textarea/model.d.ts

@@ -0,0 +1,30 @@
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
+export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
+export type TextareaResizeType = (typeof TextareaResizeList)[number];
+export declare const TextareaWrapList: readonly ["hard", "soft", "off"];
+export type TextareaWrapType = (typeof TextareaWrapList)[number];
+export type DBTextareaDefaultProps = {
+    /**
+     * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer
+     */
+    cols?: number;
+    /**
+     * In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this
+     */
+    resize?: TextareaResizeType;
+    /**
+     * The number of visible text lines for the control. If it is specified, it must be a positive integer
+     */
+    rows?: number;
+    /**
+     * Specifies whether the textarea is subject to spell checking by the underlying browser/OS
+     */
+    spellCheck?: boolean;
+    /**
+     * Indicates how the control should wrap the value for form submission.
+     */
+    wrap?: TextareaWrapType;
+};
+export type DBTextareaProps = DBTextareaDefaultProps & ChangeEventProps<HTMLTextAreaElement> & InputEventProps<HTMLTextAreaElement> & FocusEventProps<HTMLTextAreaElement> & FormProps & GlobalProps & FormTextProps & FormMessageProps;
+export type DBTextareaDefaultState = {};
+export type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState;

package/dist/types/components/textarea/textarea.d.ts

@@ -0,0 +1,63 @@
+import { DBTextareaProps } from "./model";
+import { ChangeEvent, InputEvent, InteractionEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTextarea {
+    private _ref;
+    id: DBTextareaProps["id"];
+    message: DBTextareaProps["message"];
+    showMessage: DBTextareaProps["showMessage"];
+    value: DBTextareaProps["value"];
+    onInput: any;
+    input: DBTextareaProps["input"];
+    onChange: any;
+    change: DBTextareaProps["change"];
+    validation: DBTextareaProps["validation"];
+    invalidMessage: DBTextareaProps["invalidMessage"];
+    required: DBTextareaProps["required"];
+    minLength: DBTextareaProps["minLength"];
+    maxLength: DBTextareaProps["maxLength"];
+    validMessage: DBTextareaProps["validMessage"];
+    onBlur: any;
+    blur: DBTextareaProps["blur"];
+    onFocus: any;
+    focus: DBTextareaProps["focus"];
+    className: DBTextareaProps["className"];
+    variant: DBTextareaProps["variant"];
+    showLabel: DBTextareaProps["showLabel"];
+    label: DBTextareaProps["label"];
+    resize: DBTextareaProps["resize"];
+    disabled: DBTextareaProps["disabled"];
+    readOnly: DBTextareaProps["readOnly"];
+    form: DBTextareaProps["form"];
+    name: DBTextareaProps["name"];
+    wrap: DBTextareaProps["wrap"];
+    spellCheck: DBTextareaProps["spellCheck"];
+    autocomplete: DBTextareaProps["autocomplete"];
+    placeholder: DBTextareaProps["placeholder"];
+    rows: DBTextareaProps["rows"];
+    cols: DBTextareaProps["cols"];
+    messageIcon: DBTextareaProps["messageIcon"];
+    _id: any;
+    _messageId: any;
+    _validMessageId: any;
+    _invalidMessageId: any;
+    _descByIds: string;
+    _value: string;
+    _voiceOverFallback: string;
+    handleInput(event: InputEvent<HTMLTextAreaElement>): void;
+    handleChange(event: ChangeEvent<HTMLTextAreaElement>): void;
+    handleBlur(event: InteractionEvent<HTMLTextAreaElement>): void;
+    handleFocus(event: InteractionEvent<HTMLTextAreaElement>): void;
+    /**
+     * 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;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { DBTooltip } from './tooltip';
+export default DBTooltip;

package/dist/types/components/tooltip/model.d.ts

@@ -0,0 +1,7 @@
+import { ClickEventState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
+export type DBTooltipDefaultProps = {
+    showArrow?: boolean;
+};
+export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
+export type DBTooltipDefaultState = {};
+export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -0,0 +1,30 @@
+import { DBTooltipProps } from "./model";
+import { ClickEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBTooltip {
+    private _ref;
+    id: DBTooltipProps["id"];
+    className: DBTooltipProps["className"];
+    emphasis: DBTooltipProps["emphasis"];
+    animation: DBTooltipProps["animation"];
+    delay: DBTooltipProps["delay"];
+    width: DBTooltipProps["width"];
+    showArrow: DBTooltipProps["showArrow"];
+    placement: DBTooltipProps["placement"];
+    _id: string;
+    initialized: boolean;
+    handleClick(event: ClickEvent<HTMLElement>): void;
+    handleAutoPlacement(): void;
+    /**
+     * 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;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}