@db-ux/ngx-core-components 3.1.19 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -1
- package/fesm2022/db-ux-ngx-core-components.mjs +913 -757
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/index.d.ts +3241 -83
- package/package.json +3 -3
- package/components/accordion/accordion.d.ts +0 -30
- package/components/accordion/index.d.ts +0 -1
- package/components/accordion/model.d.ts +0 -41
- package/components/accordion-item/accordion-item.d.ts +0 -33
- package/components/accordion-item/index.d.ts +0 -1
- package/components/accordion-item/model.d.ts +0 -24
- package/components/badge/badge.d.ts +0 -27
- package/components/badge/index.d.ts +0 -1
- package/components/badge/model.d.ts +0 -16
- package/components/brand/brand.d.ts +0 -25
- package/components/brand/index.d.ts +0 -1
- package/components/brand/model.d.ts +0 -10
- package/components/button/button.d.ts +0 -39
- package/components/button/index.d.ts +0 -1
- package/components/button/model.d.ts +0 -40
- package/components/card/card.d.ts +0 -25
- package/components/card/index.d.ts +0 -1
- package/components/card/model.d.ts +0 -18
- package/components/checkbox/checkbox.d.ts +0 -64
- package/components/checkbox/index.d.ts +0 -1
- package/components/checkbox/model.d.ts +0 -10
- package/components/custom-select/custom-select.d.ts +0 -150
- package/components/custom-select/index.d.ts +0 -1
- package/components/custom-select/model.d.ts +0 -220
- package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -20
- package/components/custom-select-dropdown/index.d.ts +0 -1
- package/components/custom-select-dropdown/model.d.ts +0 -15
- package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -19
- package/components/custom-select-form-field/index.d.ts +0 -1
- package/components/custom-select-form-field/model.d.ts +0 -5
- package/components/custom-select-list/custom-select-list.d.ts +0 -21
- package/components/custom-select-list/index.d.ts +0 -1
- package/components/custom-select-list/model.d.ts +0 -8
- package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
- package/components/custom-select-list-item/index.d.ts +0 -1
- package/components/custom-select-list-item/model.d.ts +0 -29
- package/components/divider/divider.d.ts +0 -23
- package/components/divider/index.d.ts +0 -1
- package/components/divider/model.d.ts +0 -18
- package/components/drawer/drawer.d.ts +0 -37
- package/components/drawer/index.d.ts +0 -1
- package/components/drawer/model.d.ts +0 -50
- package/components/header/MetaNavigation.directive.d.ts +0 -5
- package/components/header/Navigation.directive.d.ts +0 -5
- package/components/header/SecondaryAction.directive.d.ts +0 -5
- package/components/header/header.d.ts +0 -33
- package/components/header/index.d.ts +0 -1
- package/components/header/model.d.ts +0 -44
- package/components/icon/icon.d.ts +0 -23
- package/components/icon/index.d.ts +0 -1
- package/components/icon/model.d.ts +0 -10
- package/components/infotext/index.d.ts +0 -1
- package/components/infotext/infotext.d.ts +0 -25
- package/components/infotext/model.d.ts +0 -5
- package/components/input/index.d.ts +0 -1
- package/components/input/input.d.ts +0 -103
- package/components/input/model.d.ts +0 -63
- package/components/link/index.d.ts +0 -1
- package/components/link/link.d.ts +0 -32
- package/components/link/model.d.ts +0 -24
- package/components/navigation/index.d.ts +0 -1
- package/components/navigation/model.d.ts +0 -5
- package/components/navigation/navigation.d.ts +0 -20
- package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
- package/components/navigation-item/index.d.ts +0 -1
- package/components/navigation-item/model.d.ts +0 -34
- package/components/navigation-item/navigation-item.d.ts +0 -46
- package/components/notification/index.d.ts +0 -1
- package/components/notification/model.d.ts +0 -57
- package/components/notification/notification.d.ts +0 -40
- package/components/page/index.d.ts +0 -1
- package/components/page/model.d.ts +0 -36
- package/components/page/page.d.ts +0 -27
- package/components/popover/index.d.ts +0 -1
- package/components/popover/model.d.ts +0 -17
- package/components/popover/popover.d.ts +0 -37
- package/components/radio/index.d.ts +0 -1
- package/components/radio/model.d.ts +0 -5
- package/components/radio/radio.d.ts +0 -47
- package/components/section/index.d.ts +0 -1
- package/components/section/model.d.ts +0 -5
- package/components/section/section.d.ts +0 -22
- package/components/select/index.d.ts +0 -1
- package/components/select/model.d.ts +0 -44
- package/components/select/select.d.ts +0 -83
- package/components/stack/index.d.ts +0 -1
- package/components/stack/model.d.ts +0 -34
- package/components/stack/stack.d.ts +0 -26
- package/components/switch/index.d.ts +0 -1
- package/components/switch/model.d.ts +0 -10
- package/components/switch/switch.d.ts +0 -51
- package/components/tab-item/index.d.ts +0 -1
- package/components/tab-item/model.d.ts +0 -24
- package/components/tab-item/tab-item.d.ts +0 -46
- package/components/tab-list/index.d.ts +0 -1
- package/components/tab-list/model.d.ts +0 -5
- package/components/tab-list/tab-list.d.ts +0 -20
- package/components/tab-panel/index.d.ts +0 -1
- package/components/tab-panel/model.d.ts +0 -10
- package/components/tab-panel/tab-panel.d.ts +0 -20
- package/components/tabs/index.d.ts +0 -1
- package/components/tabs/model.d.ts +0 -67
- package/components/tabs/tabs.d.ts +0 -47
- package/components/tag/index.d.ts +0 -1
- package/components/tag/model.d.ts +0 -47
- package/components/tag/tag.d.ts +0 -34
- package/components/textarea/index.d.ts +0 -1
- package/components/textarea/model.d.ts +0 -34
- package/components/textarea/textarea.d.ts +0 -84
- package/components/tooltip/index.d.ts +0 -1
- package/components/tooltip/model.d.ts +0 -20
- package/components/tooltip/tooltip.d.ts +0 -39
- package/shared/constants.d.ts +0 -88
- package/shared/model.d.ts +0 -522
- package/utils/document-click-listener.d.ts +0 -8
- package/utils/document-scroll-listener.d.ts +0 -9
- package/utils/floating-components.d.ts +0 -20
- package/utils/form-components.d.ts +0 -2
- package/utils/index.d.ts +0 -40
- package/utils/navigation.d.ts +0 -32
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { ChangeEvent, InteractionEvent } from "../../shared/model";
|
|
4
|
-
import { DBSwitchProps } from "./model";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
|
|
7
|
-
private renderer;
|
|
8
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
9
|
-
protected readonly getHideProp: (show?: boolean | string) => any;
|
|
10
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
11
|
-
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
12
|
-
id: InputSignal<DBSwitchProps["id"]>;
|
|
13
|
-
visualAid: InputSignal<DBSwitchProps["visualAid"]>;
|
|
14
|
-
size: InputSignal<DBSwitchProps["size"]>;
|
|
15
|
-
showLabel: InputSignal<DBSwitchProps["showLabel"]>;
|
|
16
|
-
emphasis: InputSignal<DBSwitchProps["emphasis"]>;
|
|
17
|
-
showRequiredAsterisk: InputSignal<DBSwitchProps["showRequiredAsterisk"]>;
|
|
18
|
-
className: InputSignal<DBSwitchProps["className"]>;
|
|
19
|
-
checked: ModelSignal<DBSwitchProps["checked"]>;
|
|
20
|
-
value: InputSignal<DBSwitchProps["value"]>;
|
|
21
|
-
disabled: ModelSignal<DBSwitchProps["disabled"]>;
|
|
22
|
-
validation: InputSignal<DBSwitchProps["validation"]>;
|
|
23
|
-
name: InputSignal<DBSwitchProps["name"]>;
|
|
24
|
-
required: InputSignal<DBSwitchProps["required"]>;
|
|
25
|
-
iconLeading: InputSignal<DBSwitchProps["iconLeading"]>;
|
|
26
|
-
icon: InputSignal<DBSwitchProps["icon"]>;
|
|
27
|
-
iconTrailing: InputSignal<DBSwitchProps["iconTrailing"]>;
|
|
28
|
-
label: InputSignal<DBSwitchProps["label"]>;
|
|
29
|
-
blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
30
|
-
focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
31
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
32
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
33
|
-
handleChange(event: ChangeEvent<HTMLInputElement>): void;
|
|
34
|
-
handleBlur(event: InteractionEvent<HTMLInputElement>): void;
|
|
35
|
-
handleFocus(event: InteractionEvent<HTMLInputElement>): void;
|
|
36
|
-
constructor(renderer: Renderer2);
|
|
37
|
-
/**
|
|
38
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
39
|
-
* @param element the ref for the component
|
|
40
|
-
* @param customElementSelector the custom element like `my-component`
|
|
41
|
-
*/
|
|
42
|
-
private enableAttributePassing;
|
|
43
|
-
writeValue(value: any): void;
|
|
44
|
-
propagateChange(_: any): void;
|
|
45
|
-
registerOnChange(onChange: any): void;
|
|
46
|
-
registerOnTouched(onTouched: any): void;
|
|
47
|
-
setDisabledState(disabled: boolean): void;
|
|
48
|
-
ngAfterViewInit(): void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBSwitch, never>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
|
|
51
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBTabItem } from './tab-item';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';
|
|
2
|
-
export type DBTabItemDefaultProps = {
|
|
3
|
-
/**
|
|
4
|
-
* To control the component
|
|
5
|
-
*/
|
|
6
|
-
checked?: boolean | string;
|
|
7
|
-
/**
|
|
8
|
-
* The disabled attribute can be set to keep a user from clicking on the tab-item.
|
|
9
|
-
*/
|
|
10
|
-
disabled?: boolean | string;
|
|
11
|
-
/**
|
|
12
|
-
* The label of the tab-item, if you don't want to use children.
|
|
13
|
-
*/
|
|
14
|
-
label?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Define the text next to the icon specified via the icon Property to get hidden.
|
|
17
|
-
*/
|
|
18
|
-
noText?: boolean | string;
|
|
19
|
-
};
|
|
20
|
-
export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
|
|
21
|
-
export type DBTabItemDefaultState = {
|
|
22
|
-
_selected: boolean;
|
|
23
|
-
};
|
|
24
|
-
export type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState & NameState;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import type { DBTabItemProps } from "./model";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
|
|
6
|
-
private renderer;
|
|
7
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
8
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
9
|
-
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
10
|
-
active: InputSignal<DBTabItemProps["active"]>;
|
|
11
|
-
name: InputSignal<DBTabItemProps["name"]>;
|
|
12
|
-
className: InputSignal<DBTabItemProps["className"]>;
|
|
13
|
-
id: InputSignal<DBTabItemProps["id"]>;
|
|
14
|
-
iconLeading: InputSignal<DBTabItemProps["iconLeading"]>;
|
|
15
|
-
icon: InputSignal<DBTabItemProps["icon"]>;
|
|
16
|
-
iconTrailing: InputSignal<DBTabItemProps["iconTrailing"]>;
|
|
17
|
-
showIconLeading: InputSignal<DBTabItemProps["showIconLeading"]>;
|
|
18
|
-
showIcon: InputSignal<DBTabItemProps["showIcon"]>;
|
|
19
|
-
showIconTrailing: InputSignal<DBTabItemProps["showIconTrailing"]>;
|
|
20
|
-
noText: InputSignal<DBTabItemProps["noText"]>;
|
|
21
|
-
disabled: ModelSignal<DBTabItemProps["disabled"]>;
|
|
22
|
-
checked: ModelSignal<DBTabItemProps["checked"]>;
|
|
23
|
-
label: InputSignal<DBTabItemProps["label"]>;
|
|
24
|
-
change: import("@angular/core").OutputEmitterRef<void | Event>;
|
|
25
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
26
|
-
_selected: import("@angular/core").WritableSignal<boolean>;
|
|
27
|
-
_name: import("@angular/core").WritableSignal<string | undefined>;
|
|
28
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
29
|
-
handleNameAttribute(): void;
|
|
30
|
-
handleChange(event: any): void;
|
|
31
|
-
constructor(renderer: Renderer2);
|
|
32
|
-
/**
|
|
33
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
34
|
-
* @param element the ref for the component
|
|
35
|
-
* @param customElementSelector the custom element like `my-component`
|
|
36
|
-
*/
|
|
37
|
-
private enableAttributePassing;
|
|
38
|
-
writeValue(value: any): void;
|
|
39
|
-
propagateChange(_: any): void;
|
|
40
|
-
registerOnChange(onChange: any): void;
|
|
41
|
-
registerOnTouched(onTouched: any): void;
|
|
42
|
-
setDisabledState(disabled: boolean): void;
|
|
43
|
-
ngAfterViewInit(): void;
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBTabItem, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; }, never, ["*"], true, never>;
|
|
46
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBTabList } from './tab-list';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { GlobalProps, GlobalState } from '../../shared/model';
|
|
2
|
-
export type DBTabListDefaultProps = {};
|
|
3
|
-
export type DBTabListProps = DBTabListDefaultProps & GlobalProps;
|
|
4
|
-
export type DBTabListDefaultState = {};
|
|
5
|
-
export type DBTabListState = DBTabListDefaultState & GlobalState;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBTabListProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBTabList implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
id: InputSignal<DBTabListProps["id"]>;
|
|
7
|
-
className: InputSignal<DBTabListProps["className"]>;
|
|
8
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
9
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
10
|
-
constructor();
|
|
11
|
-
/**
|
|
12
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
13
|
-
* @param element the ref for the component
|
|
14
|
-
* @param customElementSelector the custom element like `my-component`
|
|
15
|
-
*/
|
|
16
|
-
private enableAttributePassing;
|
|
17
|
-
ngAfterViewInit(): void;
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBTabList, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
20
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBTabPanel } from './tab-panel';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { GlobalProps, GlobalState } from '../../shared/model';
|
|
2
|
-
export type DBTabPanelDefaultProps = {
|
|
3
|
-
/**
|
|
4
|
-
* The content if you don't want to use children.
|
|
5
|
-
*/
|
|
6
|
-
content?: string;
|
|
7
|
-
};
|
|
8
|
-
export type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps;
|
|
9
|
-
export type DBTabPanelDefaultState = {};
|
|
10
|
-
export type DBTabPanelState = DBTabPanelDefaultState & GlobalState;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBTabPanelProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBTabPanel implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
className: InputSignal<DBTabPanelProps["className"]>;
|
|
7
|
-
id: InputSignal<DBTabPanelProps["id"]>;
|
|
8
|
-
content: InputSignal<DBTabPanelProps["content"]>;
|
|
9
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
10
|
-
constructor();
|
|
11
|
-
/**
|
|
12
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
13
|
-
* @param element the ref for the component
|
|
14
|
-
* @param customElementSelector the custom element like `my-component`
|
|
15
|
-
*/
|
|
16
|
-
private enableAttributePassing;
|
|
17
|
-
ngAfterViewInit(): void;
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBTabPanel, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
20
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBTabs } from './tabs';
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { AlignmentProps, GlobalProps, GlobalState, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
|
|
2
|
-
import { DBTabItemProps } from '../tab-item/model';
|
|
3
|
-
import { DBTabPanelProps } from '../tab-panel/model';
|
|
4
|
-
export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
|
|
5
|
-
export type TabsBehaviorType = (typeof TabsBehaviorList)[number];
|
|
6
|
-
export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
|
|
7
|
-
export type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
|
|
8
|
-
export type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
|
|
9
|
-
export type DBTabsDefaultProps = {
|
|
10
|
-
/**
|
|
11
|
-
* Change amount of distance if you click on an arrow, only available with behavior="arrows"
|
|
12
|
-
*/
|
|
13
|
-
arrowScrollDistance?: number | string;
|
|
14
|
-
/**
|
|
15
|
-
* Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
|
|
16
|
-
*/
|
|
17
|
-
behavior?: TabsBehaviorType;
|
|
18
|
-
/**
|
|
19
|
-
* Default behavior is auto selecting the first tab, change selected tab by index
|
|
20
|
-
*/
|
|
21
|
-
initialSelectedIndex?: number | string;
|
|
22
|
-
/**
|
|
23
|
-
* Default behavior is auto selecting the first tab, disable it with 'manually'
|
|
24
|
-
*/
|
|
25
|
-
initialSelectedMode?: TabsInitialSelectedModeType;
|
|
26
|
-
/**
|
|
27
|
-
* The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.
|
|
28
|
-
*/
|
|
29
|
-
name?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Provide simple tabs with label + text as content
|
|
32
|
-
*/
|
|
33
|
-
tabs?: DBSimpleTabProps[] | string;
|
|
34
|
-
};
|
|
35
|
-
export type DBTabsEventProps = {
|
|
36
|
-
/**
|
|
37
|
-
* Informs the user if the current tab index has changed.
|
|
38
|
-
*/
|
|
39
|
-
indexChange?: (index?: number) => void;
|
|
40
|
-
/**
|
|
41
|
-
* Informs the user if the current tab index has changed.
|
|
42
|
-
*/
|
|
43
|
-
onIndexChange?: (index?: number) => void;
|
|
44
|
-
/**
|
|
45
|
-
* Informs the user if another tab has been selected.
|
|
46
|
-
*/
|
|
47
|
-
onTabSelect?: (event?: InputEvent<HTMLElement>) => void;
|
|
48
|
-
/**
|
|
49
|
-
* Informs the user if another tab has been selected.
|
|
50
|
-
*/
|
|
51
|
-
tabSelect?: (event?: InputEvent<HTMLElement>) => void;
|
|
52
|
-
};
|
|
53
|
-
export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & DBTabsEventProps;
|
|
54
|
-
export type DBTabsDefaultState = {
|
|
55
|
-
_name: string;
|
|
56
|
-
scrollContainer?: Element | null;
|
|
57
|
-
scroll: (left?: boolean) => void;
|
|
58
|
-
showScrollLeft?: boolean;
|
|
59
|
-
showScrollRight?: boolean;
|
|
60
|
-
evaluateScrollButtons: (tabList: Element) => void;
|
|
61
|
-
convertTabs: () => DBSimpleTabProps[];
|
|
62
|
-
initTabList: () => void;
|
|
63
|
-
initTabs: (init?: boolean) => void;
|
|
64
|
-
handleChange: (event: InputEvent<HTMLElement>) => void;
|
|
65
|
-
_resizeObserver?: ResizeObserver;
|
|
66
|
-
};
|
|
67
|
-
export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { InputEvent } from "../../shared/model";
|
|
3
|
-
import { DBTabsProps } from "./model";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DBTabs implements AfterViewInit, OnDestroy {
|
|
6
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
7
|
-
id: InputSignal<DBTabsProps["id"]>;
|
|
8
|
-
name: InputSignal<DBTabsProps["name"]>;
|
|
9
|
-
tabs: InputSignal<DBTabsProps["tabs"]>;
|
|
10
|
-
arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
|
|
11
|
-
orientation: InputSignal<DBTabsProps["orientation"]>;
|
|
12
|
-
behavior: InputSignal<DBTabsProps["behavior"]>;
|
|
13
|
-
initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
|
|
14
|
-
initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
|
|
15
|
-
className: InputSignal<DBTabsProps["className"]>;
|
|
16
|
-
alignment: InputSignal<DBTabsProps["alignment"]>;
|
|
17
|
-
width: InputSignal<DBTabsProps["width"]>;
|
|
18
|
-
indexChange: import("@angular/core").OutputEmitterRef<number | void | undefined>;
|
|
19
|
-
tabSelect: import("@angular/core").OutputEmitterRef<void | Event | undefined>;
|
|
20
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
21
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
22
|
-
_name: import("@angular/core").WritableSignal<string>;
|
|
23
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
24
|
-
showScrollLeft: import("@angular/core").WritableSignal<boolean | undefined>;
|
|
25
|
-
showScrollRight: import("@angular/core").WritableSignal<boolean | undefined>;
|
|
26
|
-
scrollContainer: import("@angular/core").WritableSignal<Element | null | undefined>;
|
|
27
|
-
_resizeObserver: import("@angular/core").WritableSignal<ResizeObserver | undefined>;
|
|
28
|
-
convertTabs(): any;
|
|
29
|
-
evaluateScrollButtons(tList: Element): void;
|
|
30
|
-
scroll(left?: boolean): void;
|
|
31
|
-
initTabList(): void;
|
|
32
|
-
initTabs(init?: boolean): void;
|
|
33
|
-
handleChange(event: InputEvent<HTMLElement>): void;
|
|
34
|
-
trackByTab0(index: number, tab: any): string;
|
|
35
|
-
trackByTab1(index: number, tab: any): string;
|
|
36
|
-
constructor();
|
|
37
|
-
/**
|
|
38
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
39
|
-
* @param element the ref for the component
|
|
40
|
-
* @param customElementSelector the custom element like `my-component`
|
|
41
|
-
*/
|
|
42
|
-
private enableAttributePassing;
|
|
43
|
-
ngAfterViewInit(): void;
|
|
44
|
-
ngOnDestroy(): void;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBTabs, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "indexChange": "indexChange"; "tabSelect": "tabSelect"; }, never, ["*"], true, never>;
|
|
47
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBTag } from './tag';
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
|
|
2
|
-
export declare const TagBehaviorList: readonly ["static", "removable"];
|
|
3
|
-
export type TagBehaviorType = (typeof TagBehaviorList)[number];
|
|
4
|
-
export type DBTagEventsProps = {
|
|
5
|
-
/**
|
|
6
|
-
* If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
|
|
7
|
-
*/
|
|
8
|
-
onRemove?: (event?: ClickEvent<HTMLButtonElement> | void) => void;
|
|
9
|
-
/**
|
|
10
|
-
* If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
|
|
11
|
-
*/
|
|
12
|
-
remove?: (event?: ClickEvent<HTMLButtonElement> | void) => void;
|
|
13
|
-
};
|
|
14
|
-
export type DBTagDefaultProps = {
|
|
15
|
-
/**
|
|
16
|
-
* Defines the behavior of the component:
|
|
17
|
-
* - static: default behavior without remove button
|
|
18
|
-
* - removable: add a remove button at the end of the tag
|
|
19
|
-
*/
|
|
20
|
-
behavior?: TagBehaviorType | string;
|
|
21
|
-
/**
|
|
22
|
-
* Define the text next to the icon specified via the icon Property to get hidden.
|
|
23
|
-
*/
|
|
24
|
-
noText?: boolean | string;
|
|
25
|
-
/**
|
|
26
|
-
* The removeButton attribute shows the cancel button.
|
|
27
|
-
*/
|
|
28
|
-
removeButton?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Enable/Disable icon for checkbox/radio inside tag.
|
|
31
|
-
*/
|
|
32
|
-
showCheckState?: boolean | string;
|
|
33
|
-
/**
|
|
34
|
-
* Alternative for children to set content as property.
|
|
35
|
-
*/
|
|
36
|
-
text?: string;
|
|
37
|
-
/**
|
|
38
|
-
* If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.
|
|
39
|
-
*/
|
|
40
|
-
value?: string;
|
|
41
|
-
};
|
|
42
|
-
export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps & DBTagEventsProps;
|
|
43
|
-
export type DBTagDefaultState = {
|
|
44
|
-
getRemoveButtonText: () => string;
|
|
45
|
-
handleRemove: (event?: ClickEvent<HTMLButtonElement> | void) => void;
|
|
46
|
-
};
|
|
47
|
-
export type DBTagState = DBTagDefaultState & GlobalState;
|
package/components/tag/tag.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { ClickEvent } from "../../shared/model";
|
|
3
|
-
import { DBTagProps } from "./model";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DBTag implements AfterViewInit {
|
|
6
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
7
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
8
|
-
removeButton: InputSignal<DBTagProps["removeButton"]>;
|
|
9
|
-
id: InputSignal<DBTagProps["id"]>;
|
|
10
|
-
className: InputSignal<DBTagProps["className"]>;
|
|
11
|
-
semantic: InputSignal<DBTagProps["semantic"]>;
|
|
12
|
-
emphasis: InputSignal<DBTagProps["emphasis"]>;
|
|
13
|
-
icon: InputSignal<DBTagProps["icon"]>;
|
|
14
|
-
showCheckState: InputSignal<DBTagProps["showCheckState"]>;
|
|
15
|
-
showIcon: InputSignal<DBTagProps["showIcon"]>;
|
|
16
|
-
noText: InputSignal<DBTagProps["noText"]>;
|
|
17
|
-
overflow: InputSignal<DBTagProps["overflow"]>;
|
|
18
|
-
text: InputSignal<DBTagProps["text"]>;
|
|
19
|
-
behavior: InputSignal<DBTagProps["behavior"]>;
|
|
20
|
-
remove: import("@angular/core").OutputEmitterRef<void | MouseEvent | undefined>;
|
|
21
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
22
|
-
handleRemove(event?: ClickEvent<HTMLButtonElement> | void): void;
|
|
23
|
-
getRemoveButtonText(): string | undefined;
|
|
24
|
-
constructor();
|
|
25
|
-
/**
|
|
26
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
27
|
-
* @param element the ref for the component
|
|
28
|
-
* @param customElementSelector the custom element like `my-component`
|
|
29
|
-
*/
|
|
30
|
-
private enableAttributePassing;
|
|
31
|
-
ngAfterViewInit(): void;
|
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBTag, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTag, "db-tag", never, { "removeButton": { "alias": "removeButton"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showCheckState": { "alias": "showCheckState"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["[content]", "*"], true, never>;
|
|
34
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBTextarea } from './textarea';
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
|
|
2
|
-
export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
|
|
3
|
-
export type TextareaResizeType = (typeof TextareaResizeList)[number];
|
|
4
|
-
export declare const TextareaWrapList: readonly ["hard", "soft", "off"];
|
|
5
|
-
export type TextareaWrapType = (typeof TextareaWrapList)[number];
|
|
6
|
-
export type DBTextareaDefaultProps = {
|
|
7
|
-
/**
|
|
8
|
-
* The visible width of the text control, in average character widths. If it is specified, it must be a positive integer
|
|
9
|
-
*/
|
|
10
|
-
cols?: number | string;
|
|
11
|
-
/**
|
|
12
|
-
* In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this
|
|
13
|
-
*/
|
|
14
|
-
resize?: TextareaResizeType;
|
|
15
|
-
/**
|
|
16
|
-
* Show/Hides drag handle in the right-hand corner - default: true
|
|
17
|
-
*/
|
|
18
|
-
showResizer?: boolean | string;
|
|
19
|
-
/**
|
|
20
|
-
* The number of visible text lines for the control. If it is specified, it must be a positive integer
|
|
21
|
-
*/
|
|
22
|
-
rows?: number | string;
|
|
23
|
-
/**
|
|
24
|
-
* Specifies whether the textarea is subject to spell checking by the underlying browser/OS
|
|
25
|
-
*/
|
|
26
|
-
spellCheck?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Indicates how the control should wrap the value for form submission.
|
|
29
|
-
*/
|
|
30
|
-
wrap?: TextareaWrapType;
|
|
31
|
-
};
|
|
32
|
-
export type DBTextareaProps = DBTextareaDefaultProps & ChangeEventProps<HTMLTextAreaElement> & InputEventProps<HTMLTextAreaElement> & FocusEventProps<HTMLTextAreaElement> & FormProps & GlobalProps & FormTextProps & FormMessageProps;
|
|
33
|
-
export type DBTextareaDefaultState = {};
|
|
34
|
-
export type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState & FromValidState;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { ChangeEvent, InputEvent, InteractionEvent } from "../../shared/model";
|
|
4
|
-
import { DBTextareaProps } from "./model";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
|
|
7
|
-
private renderer;
|
|
8
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
9
|
-
protected readonly getHideProp: (show?: boolean | string) => any;
|
|
10
|
-
protected readonly DEFAULT_LABEL: string;
|
|
11
|
-
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
12
|
-
protected readonly getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
|
|
13
|
-
protected readonly DEFAULT_PLACEHOLDER: string;
|
|
14
|
-
protected readonly DEFAULT_ROWS: number;
|
|
15
|
-
protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
|
|
16
|
-
protected readonly DEFAULT_VALID_MESSAGE: string;
|
|
17
|
-
id: InputSignal<DBTextareaProps["id"]>;
|
|
18
|
-
invalidMessage: InputSignal<DBTextareaProps["invalidMessage"]>;
|
|
19
|
-
message: InputSignal<DBTextareaProps["message"]>;
|
|
20
|
-
showMessage: InputSignal<DBTextareaProps["showMessage"]>;
|
|
21
|
-
value: ModelSignal<DBTextareaProps["value"]>;
|
|
22
|
-
validMessage: InputSignal<DBTextareaProps["validMessage"]>;
|
|
23
|
-
validation: InputSignal<DBTextareaProps["validation"]>;
|
|
24
|
-
required: InputSignal<DBTextareaProps["required"]>;
|
|
25
|
-
minLength: InputSignal<DBTextareaProps["minLength"]>;
|
|
26
|
-
maxLength: InputSignal<DBTextareaProps["maxLength"]>;
|
|
27
|
-
className: InputSignal<DBTextareaProps["className"]>;
|
|
28
|
-
variant: InputSignal<DBTextareaProps["variant"]>;
|
|
29
|
-
showRequiredAsterisk: InputSignal<DBTextareaProps["showRequiredAsterisk"]>;
|
|
30
|
-
showLabel: InputSignal<DBTextareaProps["showLabel"]>;
|
|
31
|
-
label: InputSignal<DBTextareaProps["label"]>;
|
|
32
|
-
fieldSizing: InputSignal<DBTextareaProps["fieldSizing"]>;
|
|
33
|
-
resize: InputSignal<DBTextareaProps["resize"]>;
|
|
34
|
-
showResizer: InputSignal<DBTextareaProps["showResizer"]>;
|
|
35
|
-
disabled: ModelSignal<DBTextareaProps["disabled"]>;
|
|
36
|
-
readOnly: InputSignal<DBTextareaProps["readOnly"]>;
|
|
37
|
-
readonly: InputSignal<DBTextareaProps["readonly"]>;
|
|
38
|
-
form: InputSignal<DBTextareaProps["form"]>;
|
|
39
|
-
maxlength: InputSignal<DBTextareaProps["maxlength"]>;
|
|
40
|
-
minlength: InputSignal<DBTextareaProps["minlength"]>;
|
|
41
|
-
name: InputSignal<DBTextareaProps["name"]>;
|
|
42
|
-
wrap: InputSignal<DBTextareaProps["wrap"]>;
|
|
43
|
-
spellCheck: InputSignal<DBTextareaProps["spellCheck"]>;
|
|
44
|
-
autocomplete: InputSignal<DBTextareaProps["autocomplete"]>;
|
|
45
|
-
ariaDescribedBy: InputSignal<DBTextareaProps["ariaDescribedBy"]>;
|
|
46
|
-
placeholder: InputSignal<DBTextareaProps["placeholder"]>;
|
|
47
|
-
rows: InputSignal<DBTextareaProps["rows"]>;
|
|
48
|
-
cols: InputSignal<DBTextareaProps["cols"]>;
|
|
49
|
-
messageIcon: InputSignal<DBTextareaProps["messageIcon"]>;
|
|
50
|
-
input: import("@angular/core").OutputEmitterRef<void | Event>;
|
|
51
|
-
change: import("@angular/core").OutputEmitterRef<void | Event>;
|
|
52
|
-
blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
53
|
-
focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
54
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
55
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
56
|
-
_messageId: import("@angular/core").WritableSignal<string | undefined>;
|
|
57
|
-
_validMessageId: import("@angular/core").WritableSignal<string | undefined>;
|
|
58
|
-
_invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
|
|
59
|
-
_invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
|
|
60
|
-
_descByIds: import("@angular/core").WritableSignal<string | undefined>;
|
|
61
|
-
_value: import("@angular/core").WritableSignal<string | undefined>;
|
|
62
|
-
_voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
|
|
63
|
-
hasValidState(): boolean;
|
|
64
|
-
handleValidation(): void;
|
|
65
|
-
handleInput(event: InputEvent<HTMLTextAreaElement>): void;
|
|
66
|
-
handleChange(event: ChangeEvent<HTMLTextAreaElement>): void;
|
|
67
|
-
handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any): void;
|
|
68
|
-
handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any): void;
|
|
69
|
-
constructor(renderer: Renderer2);
|
|
70
|
-
/**
|
|
71
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
72
|
-
* @param element the ref for the component
|
|
73
|
-
* @param customElementSelector the custom element like `my-component`
|
|
74
|
-
*/
|
|
75
|
-
private enableAttributePassing;
|
|
76
|
-
writeValue(value: any): void;
|
|
77
|
-
propagateChange(_: any): void;
|
|
78
|
-
registerOnChange(onChange: any): void;
|
|
79
|
-
registerOnTouched(onTouched: any): void;
|
|
80
|
-
setDisabledState(disabled: boolean): void;
|
|
81
|
-
ngAfterViewInit(): void;
|
|
82
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBTextarea, never>;
|
|
83
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTextarea, "db-textarea", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "showResizer": { "alias": "showResizer"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
|
|
84
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBTooltip } from './tooltip';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
|
|
2
|
-
export declare const TooltipVariantList: readonly ["description", "label"];
|
|
3
|
-
export type TooltipVariantType = (typeof TooltipVariantList)[number];
|
|
4
|
-
export type DBTooltipDefaultProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Show/Hides arrow
|
|
7
|
-
*/
|
|
8
|
-
showArrow?: boolean | string;
|
|
9
|
-
/**
|
|
10
|
-
* Change the behavior of the tooltip:
|
|
11
|
-
* - description: Adds `aria-describedby` to parent
|
|
12
|
-
* - label: Adds `aria-labelledby` to parent
|
|
13
|
-
*/
|
|
14
|
-
variant?: TooltipVariantType;
|
|
15
|
-
};
|
|
16
|
-
export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
|
|
17
|
-
export type DBTooltipDefaultState = {
|
|
18
|
-
getParent: () => HTMLElement;
|
|
19
|
-
};
|
|
20
|
-
export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { ClickEvent } from "../../shared/model";
|
|
3
|
-
import { DBTooltipProps } from "./model";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DBTooltip implements AfterViewInit {
|
|
6
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
7
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
8
|
-
id: InputSignal<DBTooltipProps["id"]>;
|
|
9
|
-
variant: InputSignal<DBTooltipProps["variant"]>;
|
|
10
|
-
placement: InputSignal<DBTooltipProps["placement"]>;
|
|
11
|
-
className: InputSignal<DBTooltipProps["className"]>;
|
|
12
|
-
emphasis: InputSignal<DBTooltipProps["emphasis"]>;
|
|
13
|
-
animation: InputSignal<DBTooltipProps["animation"]>;
|
|
14
|
-
delay: InputSignal<DBTooltipProps["delay"]>;
|
|
15
|
-
width: InputSignal<DBTooltipProps["width"]>;
|
|
16
|
-
showArrow: InputSignal<DBTooltipProps["showArrow"]>;
|
|
17
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
18
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
19
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
20
|
-
_documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
|
|
21
|
-
_observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
|
|
22
|
-
handleClick(event: ClickEvent<HTMLElement>): void;
|
|
23
|
-
handleEscape(event: any): void;
|
|
24
|
-
getParent(): any;
|
|
25
|
-
handleAutoPlacement(parent?: HTMLElement): void;
|
|
26
|
-
handleDocumentScroll(event: any, parent?: HTMLElement): void;
|
|
27
|
-
handleLeave(): void;
|
|
28
|
-
handleEnter(parent?: HTMLElement): void;
|
|
29
|
-
constructor();
|
|
30
|
-
/**
|
|
31
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
32
|
-
* @param element the ref for the component
|
|
33
|
-
* @param customElementSelector the custom element like `my-component`
|
|
34
|
-
*/
|
|
35
|
-
private enableAttributePassing;
|
|
36
|
-
ngAfterViewInit(): void;
|
|
37
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBTooltip, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
39
|
-
}
|