@db-ux/wc-core-components 2.0.0-0-custom-select-16b8cce → 2.0.0

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

@@ -3,7 +3,7 @@ export type DBPopoverDefaultProps = {
     /**
      * Use open to disable the default hover/focus behavior to use it on click or other trigger.
      */
-    open?: boolean;
+    open?: boolean | string;
     /**
      * The trigger to open the popover e.g. a button
      */

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

@@ -1,5 +1,6 @@
 import { DBRadioProps } from "./model";
 import { ChangeEvent, InteractionEvent } from "../../shared/model";
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
 
@@ -8,12 +9,9 @@ export declare class DBRadio {
     private _ref;
     id: DBRadioProps["id"];
     checked: DBRadioProps["checked"];
-    onChange: any;
-    change: DBRadioProps["change"];
-    onBlur: any;
-    blur: DBRadioProps["blur"];
-    onFocus: any;
-    focus: DBRadioProps["focus"];
+    change: EventEmitter<Parameters<Required<DBRadioProps>["onChange"]>[number]> | void;
+    blur: EventEmitter<Parameters<Required<DBRadioProps>["onBlur"]>[number]> | void;
+    focus: EventEmitter<Parameters<Required<DBRadioProps>["onFocus"]>[number]> | void;
     size: DBRadioProps["size"];
     showLabel: DBRadioProps["showLabel"];
     className: DBRadioProps["className"];
@@ -26,9 +24,9 @@ export declare class DBRadio {
     label: DBRadioProps["label"];
     initialized: boolean;
     _id: any;
-    handleChange(event: ChangeEvent<HTMLInputElement>): void;
-    handleBlur(event: InteractionEvent<HTMLInputElement>): void;
-    handleFocus(event: InteractionEvent<HTMLInputElement>): void;
+    handleChange(event: ChangeEvent<HTMLInputElement> | any): void;
+    handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
+    handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
      * Enable multiple select -> use DBCustomSelect/db-custom-select for a better look
@@ -40,4 +40,4 @@ export type DBSelectDefaultState = {
     _placeholderId: string;
     getOptionLabel: (option: DBSelectOptionType) => string;
 };
-export type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState;
+export type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState & FromValidState;

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

@@ -1,5 +1,6 @@
 import { DBSelectOptionType, DBSelectProps } from "./model";
 import { ChangeEvent, ClickEvent, InputEvent, InteractionEvent } from "../../shared/model";
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
 
@@ -7,22 +8,18 @@ import { ChangeEvent, ClickEvent, InputEvent, InteractionEvent } from "../../sha
 export declare class DBSelect {
     private _ref;
     id: DBSelectProps["id"];
+    invalidMessage: DBSelectProps["invalidMessage"];
     message: DBSelectProps["message"];
     showMessage: DBSelectProps["showMessage"];
     value: DBSelectProps["value"];
-    onClick: any;
-    onInput: any;
-    input: DBSelectProps["input"];
-    onChange: any;
-    change: DBSelectProps["change"];
+    validMessage: DBSelectProps["validMessage"];
     validation: DBSelectProps["validation"];
-    invalidMessage: DBSelectProps["invalidMessage"];
     required: DBSelectProps["required"];
-    validMessage: DBSelectProps["validMessage"];
-    onBlur: any;
-    blur: DBSelectProps["blur"];
-    onFocus: any;
-    focus: DBSelectProps["focus"];
+    click: EventEmitter<Parameters<Required<DBSelectProps>["onClick"]>[number]> | void;
+    input: EventEmitter<Parameters<Required<DBSelectProps>["onInput"]>[number]> | void;
+    change: EventEmitter<Parameters<Required<DBSelectProps>["onChange"]>[number]> | void;
+    blur: EventEmitter<Parameters<Required<DBSelectProps>["onBlur"]>[number]> | void;
+    focus: EventEmitter<Parameters<Required<DBSelectProps>["onFocus"]>[number]> | void;
     className: DBSelectProps["className"];
     variant: DBSelectProps["variant"];
     showLabel: DBSelectProps["showLabel"];
@@ -41,16 +38,19 @@ export declare class DBSelect {
     _messageId: any;
     _validMessageId: any;
     _invalidMessageId: any;
+    _invalidMessage: 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;
+    hasValidState(): boolean;
+    handleValidation(): void;
+    handleClick(event: ClickEvent<HTMLSelectElement> | any): void;
+    handleInput(event: InputEvent<HTMLSelectElement> | any): void;
+    handleChange(event: ChangeEvent<HTMLSelectElement> | any): void;
+    handleBlur(event: InteractionEvent<HTMLSelectElement> | any): void;
+    handleFocus(event: InteractionEvent<HTMLSelectElement> | any): void;
     getOptionLabel(option: DBSelectOptionType): string;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -62,6 +62,8 @@ export declare class DBSelect {
     watch0(): void;
     watch1Fn(): void;
     watch1(): void;
+    watch2Fn(): void;
+    watch2(): void;
     componentDidLoad(): void;
     render(): any;
 }

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

@@ -19,7 +19,7 @@ export type DBStackDefaultProps = {
     /**
      * If the stack should wrap if parent is too small otherwise you get an overflow
      */
-    wrap?: boolean;
+    wrap?: boolean | string;
     /**
      * Represents css align-items
      */

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

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

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

@@ -1,5 +1,6 @@
 import { DBSwitchProps } from "./model";
 import { ChangeEvent, InteractionEvent } from "../../shared/model";
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
 
@@ -8,12 +9,9 @@ export declare class DBSwitch {
     private _ref;
     id: DBSwitchProps["id"];
     checked: DBSwitchProps["checked"];
-    onChange: any;
-    change: DBSwitchProps["change"];
-    onBlur: any;
-    blur: DBSwitchProps["blur"];
-    onFocus: any;
-    focus: DBSwitchProps["focus"];
+    change: EventEmitter<Parameters<Required<DBSwitchProps>["onChange"]>[number]> | void;
+    blur: EventEmitter<Parameters<Required<DBSwitchProps>["onBlur"]>[number]> | void;
+    focus: EventEmitter<Parameters<Required<DBSwitchProps>["onFocus"]>[number]> | void;
     visualAid: DBSwitchProps["visualAid"];
     size: DBSwitchProps["size"];
     showLabel: DBSwitchProps["showLabel"];

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

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

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

@@ -1,4 +1,5 @@
 import type { DBTabItemProps } from "./model";
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
 
@@ -6,8 +7,8 @@ import type { DBTabItemProps } from "./model";
 export declare class DBTabItem {
     private _ref;
     active: DBTabItemProps["active"];
-    onChange: any;
-    change: DBTabItemProps["change"];
+    name: DBTabItemProps["name"];
+    change: EventEmitter<Parameters<Required<DBTabItemProps>["onChange"]>[number]> | void;
     className: DBTabItemProps["className"];
     id: DBTabItemProps["id"];
     icon: DBTabItemProps["icon"];
@@ -18,8 +19,10 @@ export declare class DBTabItem {
     controls: DBTabItemProps["controls"];
     checked: DBTabItemProps["checked"];
     label: DBTabItemProps["label"];
-    initialized: boolean;
     _selected: boolean;
+    _name: any;
+    initialized: boolean;
+    handleNameAttribute(): void;
     handleChange(event: any): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -29,6 +32,8 @@ export declare class DBTabItem {
     private enableAttributePassing;
     watch0Fn(): void;
     watch0(): void;
+    watch1Fn(): void;
+    watch1(): void;
     componentDidLoad(): void;
     render(): any;
 }

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

@@ -10,7 +10,7 @@ export type DBTabsDefaultProps = {
     /**
      * Change amount of distance if you click on an arrow, only available with behavior="arrows"
      */
-    arrowScrollDistance?: number;
+    arrowScrollDistance?: number | string;
     /**
      * Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
      */
@@ -18,7 +18,7 @@ export type DBTabsDefaultProps = {
     /**
      * Default behavior is auto selecting the first tab, change selected tab by index
      */
-    initialSelectedIndex?: number;
+    initialSelectedIndex?: number | string;
     /**
      * Default behavior is auto selecting the first tab, disable it with 'manually'
      */
@@ -35,6 +35,14 @@ export type DBTabsDefaultProps = {
      * Informs the user if another tab has been selected.
      */
     onTabSelect?: (event?: Event) => void;
+    /**
+     * Informs the user if the current tab index has changed.
+     */
+    indexChange?: (index?: number) => void;
+    /**
+     * Informs the user if another tab has been selected.
+     */
+    tabSelect?: (event?: Event) => void;
     /**
      * Provide simple tabs with label + text as content
      */
@@ -48,7 +56,7 @@ export type DBTabsDefaultState = {
     showScrollLeft?: boolean;
     showScrollRight?: boolean;
     evaluateScrollButtons: (tabList: Element) => void;
-    convertTabs: (tabs?: unknown[] | string | undefined) => DBSimpleTabProps[];
+    convertTabs: () => DBSimpleTabProps[];
     initTabList: () => void;
     initTabs: (init?: boolean) => void;
     handleChange: (event: any) => void;

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

@@ -1,4 +1,5 @@
 import { DBTabsProps } from "./model";
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
 
@@ -7,24 +8,24 @@ export declare class DBTabs {
     private _ref;
     id: DBTabsProps["id"];
     name: DBTabsProps["name"];
+    tabs: DBTabsProps["tabs"];
     arrowScrollDistance: DBTabsProps["arrowScrollDistance"];
     orientation: DBTabsProps["orientation"];
     behavior: DBTabsProps["behavior"];
     initialSelectedMode: DBTabsProps["initialSelectedMode"];
     initialSelectedIndex: DBTabsProps["initialSelectedIndex"];
-    onIndexChange: any;
-    onTabSelect: any;
+    indexChange: EventEmitter<Parameters<Required<DBTabsProps>["onIndexChange"]>[number]> | void;
+    tabSelect: EventEmitter<Parameters<Required<DBTabsProps>["onTabSelect"]>[number]> | void;
     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;
+    convertTabs(): any;
     evaluateScrollButtons(tList: Element): void;
     scroll(left?: boolean): void;
     initTabList(): void;

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

@@ -1,4 +1,4 @@
-import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, TagEmphasisProps } from '../../shared/model';
+import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, EmphasisProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagDefaultProps = {
@@ -11,15 +11,19 @@ export type DBTagDefaultProps = {
     /**
      * @deprecated Disable tag
      */
-    disabled?: boolean;
+    disabled?: boolean | string;
     /**
      * Define the text next to the icon specified via the icon Property to get hidden.
      */
-    noText?: boolean;
+    noText?: boolean | string;
     /**
      * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
      */
     onRemove?: (event?: any) => void;
+    /**
+     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
+     */
+    remove?: (event?: any) => void;
     /**
      * The removeButton attribute shows the cancel button.
      */
@@ -27,7 +31,7 @@ export type DBTagDefaultProps = {
     /**
      * Enable/Disable icon for checkbox/radio inside tag.
      */
-    showCheckState?: boolean;
+    showCheckState?: boolean | string;
     /**
      * Alternative for children to set content as property.
      */
@@ -37,7 +41,7 @@ export type DBTagDefaultProps = {
      */
     value?: string;
 };
-export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & TagEmphasisProps & ShowIconProps & ContentSlotProps;
+export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps;
 export type DBTagDefaultState = {
     getRemoveButtonText: () => string;
     handleRemove: (event?: ClickEvent<HTMLButtonElement>) => void;

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

@@ -1,5 +1,6 @@
 import { DBTagProps } from "./model";
 import { ClickEvent } from "../../shared/model";
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
  * @slot content - TODO: Add description for slotContent
@@ -7,7 +8,7 @@ import { ClickEvent } from "../../shared/model";
 export declare class DBTag {
     private _ref;
     disabled: DBTagProps["disabled"];
-    remove: any;
+    remove: EventEmitter<Parameters<Required<DBTagProps>["remove"]>[number]> | void;
     removeButton: DBTagProps["removeButton"];
     id: DBTagProps["id"];
     className: DBTagProps["className"];

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, 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"];
@@ -7,7 +7,7 @@ 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;
+    cols?: number | string;
     /**
      * In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this
      */
@@ -15,7 +15,7 @@ export type DBTextareaDefaultProps = {
     /**
      * The number of visible text lines for the control. If it is specified, it must be a positive integer
      */
-    rows?: number;
+    rows?: number | string;
     /**
      * Specifies whether the textarea is subject to spell checking by the underlying browser/OS
      */
@@ -27,4 +27,4 @@ export type DBTextareaDefaultProps = {
 };
 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;
+export type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState & FromValidState;

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

@@ -1,5 +1,6 @@
 import { DBTextareaProps } from "./model";
 import { ChangeEvent, InputEvent, InteractionEvent } from "../../shared/model";
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot children - This is a default/unnamed slot
 
@@ -7,23 +8,19 @@ import { ChangeEvent, InputEvent, InteractionEvent } from "../../shared/model";
 export declare class DBTextarea {
     private _ref;
     id: DBTextareaProps["id"];
+    invalidMessage: DBTextareaProps["invalidMessage"];
     message: DBTextareaProps["message"];
     showMessage: DBTextareaProps["showMessage"];
     value: DBTextareaProps["value"];
-    onInput: any;
-    input: DBTextareaProps["input"];
-    onChange: any;
-    change: DBTextareaProps["change"];
+    validMessage: DBTextareaProps["validMessage"];
     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"];
+    input: EventEmitter<Parameters<Required<DBTextareaProps>["onInput"]>[number]> | void;
+    change: EventEmitter<Parameters<Required<DBTextareaProps>["onChange"]>[number]> | void;
+    blur: EventEmitter<Parameters<Required<DBTextareaProps>["onBlur"]>[number]> | void;
+    focus: EventEmitter<Parameters<Required<DBTextareaProps>["onFocus"]>[number]> | void;
     className: DBTextareaProps["className"];
     variant: DBTextareaProps["variant"];
     showLabel: DBTextareaProps["showLabel"];
@@ -31,7 +28,10 @@ export declare class DBTextarea {
     resize: DBTextareaProps["resize"];
     disabled: DBTextareaProps["disabled"];
     readOnly: DBTextareaProps["readOnly"];
+    readonly: DBTextareaProps["readonly"];
     form: DBTextareaProps["form"];
+    maxlength: DBTextareaProps["maxlength"];
+    minlength: DBTextareaProps["minlength"];
     name: DBTextareaProps["name"];
     wrap: DBTextareaProps["wrap"];
     spellCheck: DBTextareaProps["spellCheck"];
@@ -44,13 +44,16 @@ export declare class DBTextarea {
     _messageId: any;
     _validMessageId: any;
     _invalidMessageId: any;
+    _invalidMessage: any;
     _descByIds: string;
     _value: string;
     _voiceOverFallback: string;
+    hasValidState(): boolean;
+    handleValidation(): void;
     handleInput(event: InputEvent<HTMLTextAreaElement>): void;
     handleChange(event: ChangeEvent<HTMLTextAreaElement>): void;
-    handleBlur(event: InteractionEvent<HTMLTextAreaElement>): void;
-    handleFocus(event: InteractionEvent<HTMLTextAreaElement>): void;
+    handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any): void;
+    handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any): void;
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -61,6 +64,8 @@ export declare class DBTextarea {
     watch0(): void;
     watch1Fn(): void;
     watch1(): void;
+    watch2Fn(): void;
+    watch2(): void;
     componentDidLoad(): void;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 import { ClickEventState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
 export type DBTooltipDefaultProps = {
-    showArrow?: boolean;
+    showArrow?: boolean | string;
 };
 export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
 export type DBTooltipDefaultState = {};