@db-ux/ngx-core-components 1.0.0-test-13b991d
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/README.md +130 -0
- package/components/accordion/accordion.d.ts +31 -0
- package/components/accordion/index.d.ts +1 -0
- package/components/accordion/model.d.ts +41 -0
- package/components/accordion-item/accordion-item.d.ts +29 -0
- package/components/accordion-item/index.d.ts +1 -0
- package/components/accordion-item/model.d.ts +24 -0
- package/components/badge/badge.d.ts +28 -0
- package/components/badge/index.d.ts +1 -0
- package/components/badge/model.d.ts +16 -0
- package/components/brand/brand.d.ts +24 -0
- package/components/brand/index.d.ts +1 -0
- package/components/brand/model.d.ts +10 -0
- package/components/button/button.d.ts +39 -0
- package/components/button/index.d.ts +1 -0
- package/components/button/model.d.ts +52 -0
- package/components/card/card.d.ts +24 -0
- package/components/card/index.d.ts +1 -0
- package/components/card/model.d.ts +18 -0
- package/components/checkbox/checkbox.d.ts +64 -0
- package/components/checkbox/index.d.ts +1 -0
- package/components/checkbox/model.d.ts +10 -0
- package/components/divider/divider.d.ts +22 -0
- package/components/divider/index.d.ts +1 -0
- package/components/divider/model.d.ts +18 -0
- package/components/drawer/drawer.d.ts +34 -0
- package/components/drawer/index.d.ts +1 -0
- package/components/drawer/model.d.ts +41 -0
- package/components/header/MetaNavigation.directive.d.ts +5 -0
- package/components/header/Navigation.directive.d.ts +5 -0
- package/components/header/SecondaryAction.directive.d.ts +5 -0
- package/components/header/header.d.ts +34 -0
- package/components/header/index.d.ts +1 -0
- package/components/header/model.d.ts +44 -0
- package/components/icon/icon.d.ts +22 -0
- package/components/icon/index.d.ts +1 -0
- package/components/icon/model.d.ts +12 -0
- package/components/infotext/index.d.ts +1 -0
- package/components/infotext/infotext.d.ts +24 -0
- package/components/infotext/model.d.ts +5 -0
- package/components/input/index.d.ts +1 -0
- package/components/input/input.d.ts +87 -0
- package/components/input/model.d.ts +39 -0
- package/components/link/index.d.ts +1 -0
- package/components/link/link.d.ts +37 -0
- package/components/link/model.d.ts +24 -0
- package/components/navigation/index.d.ts +1 -0
- package/components/navigation/model.d.ts +5 -0
- package/components/navigation/navigation.d.ts +21 -0
- package/components/navigation-item/NavigationContent.directive.d.ts +5 -0
- package/components/navigation-item/index.d.ts +1 -0
- package/components/navigation-item/model.d.ts +34 -0
- package/components/navigation-item/navigation-item.d.ts +44 -0
- package/components/notification/index.d.ts +1 -0
- package/components/notification/model.d.ts +57 -0
- package/components/notification/notification.d.ts +38 -0
- package/components/page/index.d.ts +1 -0
- package/components/page/model.d.ts +32 -0
- package/components/page/page.d.ts +25 -0
- package/components/popover/index.d.ts +1 -0
- package/components/popover/model.d.ts +18 -0
- package/components/popover/popover.d.ts +33 -0
- package/components/radio/index.d.ts +1 -0
- package/components/radio/model.d.ts +7 -0
- package/components/radio/radio.d.ts +51 -0
- package/components/section/index.d.ts +1 -0
- package/components/section/model.d.ts +5 -0
- package/components/section/section.d.ts +22 -0
- package/components/select/index.d.ts +1 -0
- package/components/select/model.d.ts +43 -0
- package/components/select/select.d.ts +77 -0
- package/components/stack/index.d.ts +1 -0
- package/components/stack/model.d.ts +34 -0
- package/components/stack/stack.d.ts +25 -0
- package/components/switch/index.d.ts +1 -0
- package/components/switch/model.d.ts +12 -0
- package/components/switch/switch.d.ts +55 -0
- package/components/tab-item/index.d.ts +1 -0
- package/components/tab-item/model.d.ts +24 -0
- package/components/tab-item/tab-item.d.ts +44 -0
- package/components/tab-list/index.d.ts +1 -0
- package/components/tab-list/model.d.ts +5 -0
- package/components/tab-list/tab-list.d.ts +20 -0
- package/components/tab-panel/index.d.ts +1 -0
- package/components/tab-panel/model.d.ts +10 -0
- package/components/tab-panel/tab-panel.d.ts +21 -0
- package/components/tabs/index.d.ts +1 -0
- package/components/tabs/model.d.ts +47 -0
- package/components/tabs/tabs.d.ts +42 -0
- package/components/tag/index.d.ts +1 -0
- package/components/tag/model.d.ts +45 -0
- package/components/tag/tag.d.ts +37 -0
- package/components/textarea/index.d.ts +1 -0
- package/components/textarea/model.d.ts +30 -0
- package/components/textarea/textarea.d.ts +79 -0
- package/components/tooltip/index.d.ts +1 -0
- package/components/tooltip/model.d.ts +7 -0
- package/components/tooltip/tooltip.d.ts +32 -0
- package/esm2022/components/accordion/accordion.mjs +196 -0
- package/esm2022/components/accordion/index.mjs +2 -0
- package/esm2022/components/accordion/model.mjs +3 -0
- package/esm2022/components/accordion-item/accordion-item.mjs +136 -0
- package/esm2022/components/accordion-item/index.mjs +2 -0
- package/esm2022/components/accordion-item/model.mjs +2 -0
- package/esm2022/components/badge/badge.mjs +130 -0
- package/esm2022/components/badge/index.mjs +2 -0
- package/esm2022/components/badge/model.mjs +2 -0
- package/esm2022/components/brand/brand.mjs +99 -0
- package/esm2022/components/brand/index.mjs +2 -0
- package/esm2022/components/brand/model.mjs +2 -0
- package/esm2022/components/button/button.mjs +158 -0
- package/esm2022/components/button/index.mjs +2 -0
- package/esm2022/components/button/model.mjs +4 -0
- package/esm2022/components/card/card.mjs +107 -0
- package/esm2022/components/card/index.mjs +2 -0
- package/esm2022/components/card/model.mjs +3 -0
- package/esm2022/components/checkbox/checkbox.mjs +328 -0
- package/esm2022/components/checkbox/index.mjs +2 -0
- package/esm2022/components/checkbox/model.mjs +2 -0
- package/esm2022/components/divider/divider.mjs +93 -0
- package/esm2022/components/divider/index.mjs +2 -0
- package/esm2022/components/divider/model.mjs +3 -0
- package/esm2022/components/drawer/drawer.mjs +218 -0
- package/esm2022/components/drawer/index.mjs +2 -0
- package/esm2022/components/drawer/model.mjs +4 -0
- package/esm2022/components/header/MetaNavigation.directive.mjs +15 -0
- package/esm2022/components/header/Navigation.directive.mjs +15 -0
- package/esm2022/components/header/SecondaryAction.directive.mjs +15 -0
- package/esm2022/components/header/header.mjs +251 -0
- package/esm2022/components/header/index.mjs +2 -0
- package/esm2022/components/header/model.mjs +2 -0
- package/esm2022/components/icon/icon.mjs +100 -0
- package/esm2022/components/icon/index.mjs +2 -0
- package/esm2022/components/icon/model.mjs +3 -0
- package/esm2022/components/infotext/index.mjs +2 -0
- package/esm2022/components/infotext/infotext.mjs +103 -0
- package/esm2022/components/infotext/model.mjs +2 -0
- package/esm2022/components/input/index.mjs +2 -0
- package/esm2022/components/input/input.mjs +421 -0
- package/esm2022/components/input/model.mjs +6 -0
- package/esm2022/components/link/index.mjs +2 -0
- package/esm2022/components/link/link.mjs +152 -0
- package/esm2022/components/link/model.mjs +4 -0
- package/esm2022/components/navigation/index.mjs +2 -0
- package/esm2022/components/navigation/model.mjs +2 -0
- package/esm2022/components/navigation/navigation.mjs +92 -0
- package/esm2022/components/navigation-item/NavigationContent.directive.mjs +15 -0
- package/esm2022/components/navigation-item/index.mjs +2 -0
- package/esm2022/components/navigation-item/model.mjs +2 -0
- package/esm2022/components/navigation-item/navigation-item.mjs +236 -0
- package/esm2022/components/notification/index.mjs +2 -0
- package/esm2022/components/notification/model.mjs +4 -0
- package/esm2022/components/notification/notification.mjs +181 -0
- package/esm2022/components/page/index.mjs +2 -0
- package/esm2022/components/page/model.mjs +3 -0
- package/esm2022/components/page/page.mjs +127 -0
- package/esm2022/components/popover/index.mjs +2 -0
- package/esm2022/components/popover/model.mjs +2 -0
- package/esm2022/components/popover/popover.mjs +189 -0
- package/esm2022/components/radio/index.mjs +2 -0
- package/esm2022/components/radio/model.mjs +2 -0
- package/esm2022/components/radio/radio.mjs +230 -0
- package/esm2022/components/section/index.mjs +2 -0
- package/esm2022/components/section/model.mjs +2 -0
- package/esm2022/components/section/section.mjs +96 -0
- package/esm2022/components/select/index.mjs +2 -0
- package/esm2022/components/select/model.mjs +2 -0
- package/esm2022/components/select/select.mjs +426 -0
- package/esm2022/components/stack/index.mjs +2 -0
- package/esm2022/components/stack/model.mjs +5 -0
- package/esm2022/components/stack/stack.mjs +106 -0
- package/esm2022/components/switch/index.mjs +2 -0
- package/esm2022/components/switch/model.mjs +2 -0
- package/esm2022/components/switch/switch.mjs +237 -0
- package/esm2022/components/tab-item/index.mjs +2 -0
- package/esm2022/components/tab-item/model.mjs +2 -0
- package/esm2022/components/tab-item/tab-item.mjs +195 -0
- package/esm2022/components/tab-list/index.mjs +2 -0
- package/esm2022/components/tab-list/model.mjs +2 -0
- package/esm2022/components/tab-list/tab-list.mjs +84 -0
- package/esm2022/components/tab-panel/index.mjs +2 -0
- package/esm2022/components/tab-panel/model.mjs +2 -0
- package/esm2022/components/tab-panel/tab-panel.mjs +96 -0
- package/esm2022/components/tabs/index.mjs +2 -0
- package/esm2022/components/tabs/model.mjs +3 -0
- package/esm2022/components/tabs/tabs.mjs +322 -0
- package/esm2022/components/tag/index.mjs +2 -0
- package/esm2022/components/tag/model.mjs +2 -0
- package/esm2022/components/tag/tag.mjs +186 -0
- package/esm2022/components/textarea/index.mjs +2 -0
- package/esm2022/components/textarea/model.mjs +3 -0
- package/esm2022/components/textarea/textarea.mjs +363 -0
- package/esm2022/components/tooltip/index.mjs +2 -0
- package/esm2022/components/tooltip/model.mjs +2 -0
- package/esm2022/components/tooltip/tooltip.mjs +149 -0
- package/esm2022/db-ux-ngx-core-components.mjs +5 -0
- package/esm2022/index.mjs +41 -0
- package/esm2022/shared/constants.mjs +94 -0
- package/esm2022/shared/model.mjs +22 -0
- package/esm2022/utils/form-components.mjs +11 -0
- package/esm2022/utils/index.mjs +174 -0
- package/esm2022/utils/navigation.mjs +133 -0
- package/fesm2022/db-ux-ngx-core-components.mjs +6109 -0
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -0
- package/index.d.ts +40 -0
- package/package.json +35 -0
- package/shared/constants.d.ts +83 -0
- package/shared/model.d.ts +445 -0
- package/utils/form-components.d.ts +2 -0
- package/utils/index.d.ts +61 -0
- package/utils/navigation.d.ts +32 -0
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { EventEmitter, ElementRef, SimpleChanges, Renderer2 } from "@angular/core";
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import type { DBTabItemProps, DBTabItemState } from "./model";
|
|
4
|
+
import { ChangeEvent } from "../../shared/model";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class DBTabItem implements ControlValueAccessor {
|
|
7
|
+
private renderer;
|
|
8
|
+
constructor(renderer: Renderer2);
|
|
9
|
+
cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
10
|
+
getHideProp: (show?: boolean | undefined) => any;
|
|
11
|
+
active: DBTabItemProps["active"];
|
|
12
|
+
className: DBTabItemProps["className"];
|
|
13
|
+
id: DBTabItemProps["id"];
|
|
14
|
+
icon: DBTabItemProps["icon"];
|
|
15
|
+
iconAfter: DBTabItemProps["iconAfter"];
|
|
16
|
+
showIcon: DBTabItemProps["showIcon"];
|
|
17
|
+
noText: DBTabItemProps["noText"];
|
|
18
|
+
disabled: DBTabItemProps["disabled"];
|
|
19
|
+
controls: DBTabItemProps["controls"];
|
|
20
|
+
checked: DBTabItemProps["checked"];
|
|
21
|
+
label: DBTabItemProps["label"];
|
|
22
|
+
onChange: EventEmitter<any>;
|
|
23
|
+
change: EventEmitter<any>;
|
|
24
|
+
_ref: ElementRef | undefined;
|
|
25
|
+
initialized: DBTabItemState["initialized"];
|
|
26
|
+
_selected: DBTabItemState["_selected"];
|
|
27
|
+
handleChange(event: ChangeEvent<HTMLInputElement>): ReturnType<DBTabItemState["handleChange"]>;
|
|
28
|
+
/**
|
|
29
|
+
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
30
|
+
* @param element the ref for the component
|
|
31
|
+
* @param customElementSelector the custom element like `my-component`
|
|
32
|
+
*/
|
|
33
|
+
private enableAttributePassing;
|
|
34
|
+
writeValue(value: any): void;
|
|
35
|
+
propagateChange(_: any): void;
|
|
36
|
+
registerOnChange(onChange: any): void;
|
|
37
|
+
registerOnTouched(onTouched: any): void;
|
|
38
|
+
setDisabledState(disabled: boolean): void;
|
|
39
|
+
ngOnInit(): void;
|
|
40
|
+
ngAfterViewInit(): void;
|
|
41
|
+
ngAfterContentChecked(changes: SimpleChanges): void;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DBTabItem, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; }; "className": { "alias": "className"; "required": false; }; "id": { "alias": "id"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "noText": { "alias": "noText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "onChange": "onChange"; "change": "change"; }, never, ["*"], true, never>;
|
|
44
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DBTabList } from './tab-list';
|
|
@@ -0,0 +1,5 @@
|
|
|
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;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ElementRef } from "@angular/core";
|
|
2
|
+
import { DBTabListProps, DBTabListState } from "./model";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class DBTabList {
|
|
5
|
+
cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
+
id: DBTabListProps["id"];
|
|
7
|
+
className: DBTabListProps["className"];
|
|
8
|
+
_ref: ElementRef | undefined;
|
|
9
|
+
_id: DBTabListState["_id"];
|
|
10
|
+
/**
|
|
11
|
+
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
12
|
+
* @param element the ref for the component
|
|
13
|
+
* @param customElementSelector the custom element like `my-component`
|
|
14
|
+
*/
|
|
15
|
+
private enableAttributePassing;
|
|
16
|
+
ngOnInit(): void;
|
|
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; }; "className": { "alias": "className"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DBTabPanel } from './tab-panel';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AriaLabelledByProps, 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 & AriaLabelledByProps;
|
|
9
|
+
export type DBTabPanelDefaultState = {};
|
|
10
|
+
export type DBTabPanelState = DBTabPanelDefaultState & GlobalState;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ElementRef } from "@angular/core";
|
|
2
|
+
import { DBTabPanelProps } from "./model";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class DBTabPanel {
|
|
5
|
+
cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
+
className: DBTabPanelProps["className"];
|
|
7
|
+
id: DBTabPanelProps["id"];
|
|
8
|
+
labelledBy: DBTabPanelProps["labelledBy"];
|
|
9
|
+
content: DBTabPanelProps["content"];
|
|
10
|
+
_ref: ElementRef | undefined;
|
|
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
|
+
ngOnInit(): void;
|
|
18
|
+
ngAfterViewInit(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DBTabPanel, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; }; "id": { "alias": "id"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DBTabs } from './tabs';
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { AlignmentProps, GlobalProps, GlobalState, InitializedState, 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;
|
|
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;
|
|
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 DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps;
|
|
36
|
+
export type DBTabsDefaultState = {
|
|
37
|
+
_name: string;
|
|
38
|
+
scrollContainer?: Element | null;
|
|
39
|
+
scroll: (left?: boolean) => void;
|
|
40
|
+
showScrollLeft?: boolean;
|
|
41
|
+
showScrollRight?: boolean;
|
|
42
|
+
evaluateScrollButtons: (tabList: Element) => void;
|
|
43
|
+
convertTabs: (tabs?: unknown[] | string | undefined) => DBSimpleTabProps[];
|
|
44
|
+
initTabList: () => void;
|
|
45
|
+
initTabs: (init?: boolean) => void;
|
|
46
|
+
};
|
|
47
|
+
export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ElementRef, SimpleChanges } from "@angular/core";
|
|
2
|
+
import { DBTabsProps, DBTabsState } from "./model";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class DBTabs {
|
|
5
|
+
cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
+
id: DBTabsProps["id"];
|
|
7
|
+
name: DBTabsProps["name"];
|
|
8
|
+
arrowScrollDistance: DBTabsProps["arrowScrollDistance"];
|
|
9
|
+
orientation: DBTabsProps["orientation"];
|
|
10
|
+
behavior: DBTabsProps["behavior"];
|
|
11
|
+
initialSelectedMode: DBTabsProps["initialSelectedMode"];
|
|
12
|
+
initialSelectedIndex: DBTabsProps["initialSelectedIndex"];
|
|
13
|
+
className: DBTabsProps["className"];
|
|
14
|
+
alignment: DBTabsProps["alignment"];
|
|
15
|
+
width: DBTabsProps["width"];
|
|
16
|
+
tabs: DBTabsProps["tabs"];
|
|
17
|
+
_ref: ElementRef | undefined;
|
|
18
|
+
_id: DBTabsState["_id"];
|
|
19
|
+
_name: DBTabsState["_name"];
|
|
20
|
+
initialized: DBTabsState["initialized"];
|
|
21
|
+
showScrollLeft: DBTabsState["showScrollLeft"];
|
|
22
|
+
showScrollRight: DBTabsState["showScrollRight"];
|
|
23
|
+
scrollContainer: DBTabsState["scrollContainer"];
|
|
24
|
+
convertTabs(tabs: unknown[] | string | undefined): ReturnType<DBTabsState["convertTabs"]>;
|
|
25
|
+
evaluateScrollButtons(tList: Element): ReturnType<DBTabsState["evaluateScrollButtons"]>;
|
|
26
|
+
scroll(left?: boolean): ReturnType<DBTabsState["scroll"]>;
|
|
27
|
+
initTabList(): ReturnType<DBTabsState["initTabList"]>;
|
|
28
|
+
initTabs(init?: boolean): ReturnType<DBTabsState["initTabs"]>;
|
|
29
|
+
trackByTab0(index: any, tab: any): string;
|
|
30
|
+
trackByTab1(index: any, tab: any): string;
|
|
31
|
+
/**
|
|
32
|
+
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
33
|
+
* @param element the ref for the component
|
|
34
|
+
* @param customElementSelector the custom element like `my-component`
|
|
35
|
+
*/
|
|
36
|
+
private enableAttributePassing;
|
|
37
|
+
ngOnInit(): void;
|
|
38
|
+
ngAfterViewInit(): void;
|
|
39
|
+
ngAfterContentChecked(changes: SimpleChanges): void;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DBTabs, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "behavior": { "alias": "behavior"; "required": false; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; }; "className": { "alias": "className"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "width": { "alias": "width"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
42
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DBTag } from './tag';
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, TagEmphasisProps } from '../../shared/model';
|
|
2
|
+
export declare const TagBehaviorList: readonly ["static", "removable"];
|
|
3
|
+
export type TagBehaviorType = (typeof TagBehaviorList)[number];
|
|
4
|
+
export type DBTagDefaultProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Defines the behavior of the component:
|
|
7
|
+
* - static: default behavior without remove button
|
|
8
|
+
* - removable: add a remove button at the end of the tag
|
|
9
|
+
*/
|
|
10
|
+
behavior?: TagBehaviorType | string;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated Disable tag
|
|
13
|
+
*/
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Define the text next to the icon specified via the icon Property to get hidden.
|
|
17
|
+
*/
|
|
18
|
+
noText?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
|
|
21
|
+
*/
|
|
22
|
+
onRemove?: () => void;
|
|
23
|
+
/**
|
|
24
|
+
* The removeButton attribute shows the cancel button.
|
|
25
|
+
*/
|
|
26
|
+
removeButton?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Enable/Disable icon for checkbox/radio inside tag.
|
|
29
|
+
*/
|
|
30
|
+
showCheckState?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Alternative for children to set content as property.
|
|
33
|
+
*/
|
|
34
|
+
text?: string;
|
|
35
|
+
/**
|
|
36
|
+
* If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.
|
|
37
|
+
*/
|
|
38
|
+
value?: string;
|
|
39
|
+
};
|
|
40
|
+
export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & TagEmphasisProps & ShowIconProps & ContentSlotProps;
|
|
41
|
+
export type DBTagDefaultState = {
|
|
42
|
+
getRemoveButtonText: () => string;
|
|
43
|
+
handleRemove: () => void;
|
|
44
|
+
};
|
|
45
|
+
export type DBTagState = DBTagDefaultState & GlobalState & InitializedState;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { EventEmitter, ElementRef, SimpleChanges } from "@angular/core";
|
|
2
|
+
import { DBTagProps, DBTagState } from "./model";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class DBTag {
|
|
5
|
+
cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
+
getBooleanAsString: (originBool?: boolean | undefined) => any;
|
|
7
|
+
getHideProp: (show?: boolean | undefined) => any;
|
|
8
|
+
disabled: DBTagProps["disabled"];
|
|
9
|
+
removeButton: DBTagProps["removeButton"];
|
|
10
|
+
id: DBTagProps["id"];
|
|
11
|
+
className: DBTagProps["className"];
|
|
12
|
+
semantic: DBTagProps["semantic"];
|
|
13
|
+
emphasis: DBTagProps["emphasis"];
|
|
14
|
+
icon: DBTagProps["icon"];
|
|
15
|
+
showCheckState: DBTagProps["showCheckState"];
|
|
16
|
+
showIcon: DBTagProps["showIcon"];
|
|
17
|
+
noText: DBTagProps["noText"];
|
|
18
|
+
overflow: DBTagProps["overflow"];
|
|
19
|
+
text: DBTagProps["text"];
|
|
20
|
+
behavior: DBTagProps["behavior"];
|
|
21
|
+
onRemove: EventEmitter<any>;
|
|
22
|
+
_ref: ElementRef | undefined;
|
|
23
|
+
initialized: DBTagState["initialized"];
|
|
24
|
+
handleRemove(): ReturnType<DBTagState["handleRemove"]>;
|
|
25
|
+
getRemoveButtonText(): ReturnType<DBTagState["getRemoveButtonText"]>;
|
|
26
|
+
/**
|
|
27
|
+
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
28
|
+
* @param element the ref for the component
|
|
29
|
+
* @param customElementSelector the custom element like `my-component`
|
|
30
|
+
*/
|
|
31
|
+
private enableAttributePassing;
|
|
32
|
+
ngOnInit(): void;
|
|
33
|
+
ngAfterViewInit(): void;
|
|
34
|
+
ngAfterContentChecked(changes: SimpleChanges): void;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DBTag, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DBTag, "db-tag", never, { "disabled": { "alias": "disabled"; "required": false; }; "removeButton": { "alias": "removeButton"; "required": false; }; "id": { "alias": "id"; "required": false; }; "className": { "alias": "className"; "required": false; }; "semantic": { "alias": "semantic"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "showCheckState": { "alias": "showCheckState"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "noText": { "alias": "noText"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; "text": { "alias": "text"; "required": false; }; "behavior": { "alias": "behavior"; "required": false; }; }, { "onRemove": "onRemove"; }, never, ["[content]", "*"], true, never>;
|
|
37
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DBTextarea } from './textarea';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, 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;
|
|
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
|
+
* The number of visible text lines for the control. If it is specified, it must be a positive integer
|
|
17
|
+
*/
|
|
18
|
+
rows?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies whether the textarea is subject to spell checking by the underlying browser/OS
|
|
21
|
+
*/
|
|
22
|
+
spellCheck?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Indicates how the control should wrap the value for form submission.
|
|
25
|
+
*/
|
|
26
|
+
wrap?: TextareaWrapType;
|
|
27
|
+
};
|
|
28
|
+
export type DBTextareaProps = DBTextareaDefaultProps & ChangeEventProps<HTMLTextAreaElement> & InputEventProps<HTMLTextAreaElement> & FocusEventProps<HTMLTextAreaElement> & FormProps & GlobalProps & FormTextProps & FormMessageProps;
|
|
29
|
+
export type DBTextareaDefaultState = {};
|
|
30
|
+
export type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { EventEmitter, ElementRef, SimpleChanges, Renderer2 } from "@angular/core";
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { DBTextareaProps, DBTextareaState } from "./model";
|
|
4
|
+
import { ChangeEvent, InputEvent, InteractionEvent } from "../../shared/model";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class DBTextarea implements ControlValueAccessor {
|
|
7
|
+
private renderer;
|
|
8
|
+
constructor(renderer: Renderer2);
|
|
9
|
+
cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
10
|
+
getHideProp: (show?: boolean | undefined) => any;
|
|
11
|
+
stringPropVisible: (givenString?: string | undefined, showString?: boolean | undefined) => string | boolean | undefined;
|
|
12
|
+
DEFAULT_INVALID_MESSAGE: string;
|
|
13
|
+
DEFAULT_LABEL: string;
|
|
14
|
+
DEFAULT_PLACEHOLDER: string;
|
|
15
|
+
DEFAULT_ROWS: number;
|
|
16
|
+
DEFAULT_VALID_MESSAGE: string;
|
|
17
|
+
id: DBTextareaProps["id"];
|
|
18
|
+
message: DBTextareaProps["message"];
|
|
19
|
+
showMessage: DBTextareaProps["showMessage"];
|
|
20
|
+
value: DBTextareaProps["value"];
|
|
21
|
+
validation: DBTextareaProps["validation"];
|
|
22
|
+
invalidMessage: DBTextareaProps["invalidMessage"];
|
|
23
|
+
required: DBTextareaProps["required"];
|
|
24
|
+
minLength: DBTextareaProps["minLength"];
|
|
25
|
+
maxLength: DBTextareaProps["maxLength"];
|
|
26
|
+
validMessage: DBTextareaProps["validMessage"];
|
|
27
|
+
className: DBTextareaProps["className"];
|
|
28
|
+
variant: DBTextareaProps["variant"];
|
|
29
|
+
showLabel: DBTextareaProps["showLabel"];
|
|
30
|
+
label: DBTextareaProps["label"];
|
|
31
|
+
resize: DBTextareaProps["resize"];
|
|
32
|
+
disabled: DBTextareaProps["disabled"];
|
|
33
|
+
readOnly: DBTextareaProps["readOnly"];
|
|
34
|
+
form: DBTextareaProps["form"];
|
|
35
|
+
name: DBTextareaProps["name"];
|
|
36
|
+
wrap: DBTextareaProps["wrap"];
|
|
37
|
+
spellCheck: DBTextareaProps["spellCheck"];
|
|
38
|
+
autocomplete: DBTextareaProps["autocomplete"];
|
|
39
|
+
placeholder: DBTextareaProps["placeholder"];
|
|
40
|
+
rows: DBTextareaProps["rows"];
|
|
41
|
+
cols: DBTextareaProps["cols"];
|
|
42
|
+
messageIcon: DBTextareaProps["messageIcon"];
|
|
43
|
+
onInput: EventEmitter<any>;
|
|
44
|
+
input: EventEmitter<any>;
|
|
45
|
+
onChange: EventEmitter<any>;
|
|
46
|
+
change: EventEmitter<any>;
|
|
47
|
+
onBlur: EventEmitter<any>;
|
|
48
|
+
blur: EventEmitter<any>;
|
|
49
|
+
onFocus: EventEmitter<any>;
|
|
50
|
+
focus: EventEmitter<any>;
|
|
51
|
+
_ref: ElementRef | undefined;
|
|
52
|
+
_id: DBTextareaState["_id"];
|
|
53
|
+
_messageId: DBTextareaState["_messageId"];
|
|
54
|
+
_validMessageId: DBTextareaState["_validMessageId"];
|
|
55
|
+
_invalidMessageId: DBTextareaState["_invalidMessageId"];
|
|
56
|
+
_descByIds: DBTextareaState["_descByIds"];
|
|
57
|
+
_value: DBTextareaState["_value"];
|
|
58
|
+
_voiceOverFallback: DBTextareaState["_voiceOverFallback"];
|
|
59
|
+
handleInput(event: InputEvent<HTMLTextAreaElement>): ReturnType<DBTextareaState["handleInput"]>;
|
|
60
|
+
handleChange(event: ChangeEvent<HTMLTextAreaElement>): ReturnType<DBTextareaState["handleChange"]>;
|
|
61
|
+
handleBlur(event: InteractionEvent<HTMLTextAreaElement>): ReturnType<DBTextareaState["handleBlur"]>;
|
|
62
|
+
handleFocus(event: InteractionEvent<HTMLTextAreaElement>): ReturnType<DBTextareaState["handleFocus"]>;
|
|
63
|
+
/**
|
|
64
|
+
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
65
|
+
* @param element the ref for the component
|
|
66
|
+
* @param customElementSelector the custom element like `my-component`
|
|
67
|
+
*/
|
|
68
|
+
private enableAttributePassing;
|
|
69
|
+
writeValue(value: any): void;
|
|
70
|
+
propagateChange(_: any): void;
|
|
71
|
+
registerOnChange(onChange: any): void;
|
|
72
|
+
registerOnTouched(onTouched: any): void;
|
|
73
|
+
setDisabledState(disabled: boolean): void;
|
|
74
|
+
ngOnInit(): void;
|
|
75
|
+
ngAfterViewInit(): void;
|
|
76
|
+
ngAfterContentChecked(changes: SimpleChanges): void;
|
|
77
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DBTextarea, never>;
|
|
78
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DBTextarea, "db-textarea", never, { "id": { "alias": "id"; "required": false; }; "message": { "alias": "message"; "required": false; }; "showMessage": { "alias": "showMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "validMessage": { "alias": "validMessage"; "required": false; }; "className": { "alias": "className"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "form": { "alias": "form"; "required": false; }; "name": { "alias": "name"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; }, { "onInput": "onInput"; "input": "input"; "onChange": "onChange"; "change": "change"; "onBlur": "onBlur"; "blur": "blur"; "onFocus": "onFocus"; "focus": "focus"; }, never, never, true, never>;
|
|
79
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DBTooltip } from './tooltip';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ClickEventState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
|
|
2
|
+
export type DBTooltipDefaultProps = {
|
|
3
|
+
showArrow?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
|
|
6
|
+
export type DBTooltipDefaultState = {};
|
|
7
|
+
export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ElementRef, SimpleChanges } from "@angular/core";
|
|
2
|
+
import { DBTooltipProps, DBTooltipState } from "./model";
|
|
3
|
+
import { ClickEvent } from "../../shared/model";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class DBTooltip {
|
|
6
|
+
cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
7
|
+
getBooleanAsString: (originBool?: boolean | undefined) => any;
|
|
8
|
+
id: DBTooltipProps["id"];
|
|
9
|
+
className: DBTooltipProps["className"];
|
|
10
|
+
emphasis: DBTooltipProps["emphasis"];
|
|
11
|
+
animation: DBTooltipProps["animation"];
|
|
12
|
+
delay: DBTooltipProps["delay"];
|
|
13
|
+
width: DBTooltipProps["width"];
|
|
14
|
+
showArrow: DBTooltipProps["showArrow"];
|
|
15
|
+
placement: DBTooltipProps["placement"];
|
|
16
|
+
_ref: ElementRef | undefined;
|
|
17
|
+
_id: DBTooltipState["_id"];
|
|
18
|
+
initialized: DBTooltipState["initialized"];
|
|
19
|
+
handleClick(event: ClickEvent<HTMLElement>): ReturnType<DBTooltipState["handleClick"]>;
|
|
20
|
+
handleAutoPlacement(): ReturnType<DBTooltipState["handleAutoPlacement"]>;
|
|
21
|
+
/**
|
|
22
|
+
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
23
|
+
* @param element the ref for the component
|
|
24
|
+
* @param customElementSelector the custom element like `my-component`
|
|
25
|
+
*/
|
|
26
|
+
private enableAttributePassing;
|
|
27
|
+
ngOnInit(): void;
|
|
28
|
+
ngAfterViewInit(): void;
|
|
29
|
+
ngAfterContentChecked(changes: SimpleChanges): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DBTooltip, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; }; "className": { "alias": "className"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "width": { "alias": "width"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
32
|
+
}
|