@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.
Files changed (211) hide show
  1. package/README.md +130 -0
  2. package/components/accordion/accordion.d.ts +31 -0
  3. package/components/accordion/index.d.ts +1 -0
  4. package/components/accordion/model.d.ts +41 -0
  5. package/components/accordion-item/accordion-item.d.ts +29 -0
  6. package/components/accordion-item/index.d.ts +1 -0
  7. package/components/accordion-item/model.d.ts +24 -0
  8. package/components/badge/badge.d.ts +28 -0
  9. package/components/badge/index.d.ts +1 -0
  10. package/components/badge/model.d.ts +16 -0
  11. package/components/brand/brand.d.ts +24 -0
  12. package/components/brand/index.d.ts +1 -0
  13. package/components/brand/model.d.ts +10 -0
  14. package/components/button/button.d.ts +39 -0
  15. package/components/button/index.d.ts +1 -0
  16. package/components/button/model.d.ts +52 -0
  17. package/components/card/card.d.ts +24 -0
  18. package/components/card/index.d.ts +1 -0
  19. package/components/card/model.d.ts +18 -0
  20. package/components/checkbox/checkbox.d.ts +64 -0
  21. package/components/checkbox/index.d.ts +1 -0
  22. package/components/checkbox/model.d.ts +10 -0
  23. package/components/divider/divider.d.ts +22 -0
  24. package/components/divider/index.d.ts +1 -0
  25. package/components/divider/model.d.ts +18 -0
  26. package/components/drawer/drawer.d.ts +34 -0
  27. package/components/drawer/index.d.ts +1 -0
  28. package/components/drawer/model.d.ts +41 -0
  29. package/components/header/MetaNavigation.directive.d.ts +5 -0
  30. package/components/header/Navigation.directive.d.ts +5 -0
  31. package/components/header/SecondaryAction.directive.d.ts +5 -0
  32. package/components/header/header.d.ts +34 -0
  33. package/components/header/index.d.ts +1 -0
  34. package/components/header/model.d.ts +44 -0
  35. package/components/icon/icon.d.ts +22 -0
  36. package/components/icon/index.d.ts +1 -0
  37. package/components/icon/model.d.ts +12 -0
  38. package/components/infotext/index.d.ts +1 -0
  39. package/components/infotext/infotext.d.ts +24 -0
  40. package/components/infotext/model.d.ts +5 -0
  41. package/components/input/index.d.ts +1 -0
  42. package/components/input/input.d.ts +87 -0
  43. package/components/input/model.d.ts +39 -0
  44. package/components/link/index.d.ts +1 -0
  45. package/components/link/link.d.ts +37 -0
  46. package/components/link/model.d.ts +24 -0
  47. package/components/navigation/index.d.ts +1 -0
  48. package/components/navigation/model.d.ts +5 -0
  49. package/components/navigation/navigation.d.ts +21 -0
  50. package/components/navigation-item/NavigationContent.directive.d.ts +5 -0
  51. package/components/navigation-item/index.d.ts +1 -0
  52. package/components/navigation-item/model.d.ts +34 -0
  53. package/components/navigation-item/navigation-item.d.ts +44 -0
  54. package/components/notification/index.d.ts +1 -0
  55. package/components/notification/model.d.ts +57 -0
  56. package/components/notification/notification.d.ts +38 -0
  57. package/components/page/index.d.ts +1 -0
  58. package/components/page/model.d.ts +32 -0
  59. package/components/page/page.d.ts +25 -0
  60. package/components/popover/index.d.ts +1 -0
  61. package/components/popover/model.d.ts +18 -0
  62. package/components/popover/popover.d.ts +33 -0
  63. package/components/radio/index.d.ts +1 -0
  64. package/components/radio/model.d.ts +7 -0
  65. package/components/radio/radio.d.ts +51 -0
  66. package/components/section/index.d.ts +1 -0
  67. package/components/section/model.d.ts +5 -0
  68. package/components/section/section.d.ts +22 -0
  69. package/components/select/index.d.ts +1 -0
  70. package/components/select/model.d.ts +43 -0
  71. package/components/select/select.d.ts +77 -0
  72. package/components/stack/index.d.ts +1 -0
  73. package/components/stack/model.d.ts +34 -0
  74. package/components/stack/stack.d.ts +25 -0
  75. package/components/switch/index.d.ts +1 -0
  76. package/components/switch/model.d.ts +12 -0
  77. package/components/switch/switch.d.ts +55 -0
  78. package/components/tab-item/index.d.ts +1 -0
  79. package/components/tab-item/model.d.ts +24 -0
  80. package/components/tab-item/tab-item.d.ts +44 -0
  81. package/components/tab-list/index.d.ts +1 -0
  82. package/components/tab-list/model.d.ts +5 -0
  83. package/components/tab-list/tab-list.d.ts +20 -0
  84. package/components/tab-panel/index.d.ts +1 -0
  85. package/components/tab-panel/model.d.ts +10 -0
  86. package/components/tab-panel/tab-panel.d.ts +21 -0
  87. package/components/tabs/index.d.ts +1 -0
  88. package/components/tabs/model.d.ts +47 -0
  89. package/components/tabs/tabs.d.ts +42 -0
  90. package/components/tag/index.d.ts +1 -0
  91. package/components/tag/model.d.ts +45 -0
  92. package/components/tag/tag.d.ts +37 -0
  93. package/components/textarea/index.d.ts +1 -0
  94. package/components/textarea/model.d.ts +30 -0
  95. package/components/textarea/textarea.d.ts +79 -0
  96. package/components/tooltip/index.d.ts +1 -0
  97. package/components/tooltip/model.d.ts +7 -0
  98. package/components/tooltip/tooltip.d.ts +32 -0
  99. package/esm2022/components/accordion/accordion.mjs +196 -0
  100. package/esm2022/components/accordion/index.mjs +2 -0
  101. package/esm2022/components/accordion/model.mjs +3 -0
  102. package/esm2022/components/accordion-item/accordion-item.mjs +136 -0
  103. package/esm2022/components/accordion-item/index.mjs +2 -0
  104. package/esm2022/components/accordion-item/model.mjs +2 -0
  105. package/esm2022/components/badge/badge.mjs +130 -0
  106. package/esm2022/components/badge/index.mjs +2 -0
  107. package/esm2022/components/badge/model.mjs +2 -0
  108. package/esm2022/components/brand/brand.mjs +99 -0
  109. package/esm2022/components/brand/index.mjs +2 -0
  110. package/esm2022/components/brand/model.mjs +2 -0
  111. package/esm2022/components/button/button.mjs +158 -0
  112. package/esm2022/components/button/index.mjs +2 -0
  113. package/esm2022/components/button/model.mjs +4 -0
  114. package/esm2022/components/card/card.mjs +107 -0
  115. package/esm2022/components/card/index.mjs +2 -0
  116. package/esm2022/components/card/model.mjs +3 -0
  117. package/esm2022/components/checkbox/checkbox.mjs +328 -0
  118. package/esm2022/components/checkbox/index.mjs +2 -0
  119. package/esm2022/components/checkbox/model.mjs +2 -0
  120. package/esm2022/components/divider/divider.mjs +93 -0
  121. package/esm2022/components/divider/index.mjs +2 -0
  122. package/esm2022/components/divider/model.mjs +3 -0
  123. package/esm2022/components/drawer/drawer.mjs +218 -0
  124. package/esm2022/components/drawer/index.mjs +2 -0
  125. package/esm2022/components/drawer/model.mjs +4 -0
  126. package/esm2022/components/header/MetaNavigation.directive.mjs +15 -0
  127. package/esm2022/components/header/Navigation.directive.mjs +15 -0
  128. package/esm2022/components/header/SecondaryAction.directive.mjs +15 -0
  129. package/esm2022/components/header/header.mjs +251 -0
  130. package/esm2022/components/header/index.mjs +2 -0
  131. package/esm2022/components/header/model.mjs +2 -0
  132. package/esm2022/components/icon/icon.mjs +100 -0
  133. package/esm2022/components/icon/index.mjs +2 -0
  134. package/esm2022/components/icon/model.mjs +3 -0
  135. package/esm2022/components/infotext/index.mjs +2 -0
  136. package/esm2022/components/infotext/infotext.mjs +103 -0
  137. package/esm2022/components/infotext/model.mjs +2 -0
  138. package/esm2022/components/input/index.mjs +2 -0
  139. package/esm2022/components/input/input.mjs +421 -0
  140. package/esm2022/components/input/model.mjs +6 -0
  141. package/esm2022/components/link/index.mjs +2 -0
  142. package/esm2022/components/link/link.mjs +152 -0
  143. package/esm2022/components/link/model.mjs +4 -0
  144. package/esm2022/components/navigation/index.mjs +2 -0
  145. package/esm2022/components/navigation/model.mjs +2 -0
  146. package/esm2022/components/navigation/navigation.mjs +92 -0
  147. package/esm2022/components/navigation-item/NavigationContent.directive.mjs +15 -0
  148. package/esm2022/components/navigation-item/index.mjs +2 -0
  149. package/esm2022/components/navigation-item/model.mjs +2 -0
  150. package/esm2022/components/navigation-item/navigation-item.mjs +236 -0
  151. package/esm2022/components/notification/index.mjs +2 -0
  152. package/esm2022/components/notification/model.mjs +4 -0
  153. package/esm2022/components/notification/notification.mjs +181 -0
  154. package/esm2022/components/page/index.mjs +2 -0
  155. package/esm2022/components/page/model.mjs +3 -0
  156. package/esm2022/components/page/page.mjs +127 -0
  157. package/esm2022/components/popover/index.mjs +2 -0
  158. package/esm2022/components/popover/model.mjs +2 -0
  159. package/esm2022/components/popover/popover.mjs +189 -0
  160. package/esm2022/components/radio/index.mjs +2 -0
  161. package/esm2022/components/radio/model.mjs +2 -0
  162. package/esm2022/components/radio/radio.mjs +230 -0
  163. package/esm2022/components/section/index.mjs +2 -0
  164. package/esm2022/components/section/model.mjs +2 -0
  165. package/esm2022/components/section/section.mjs +96 -0
  166. package/esm2022/components/select/index.mjs +2 -0
  167. package/esm2022/components/select/model.mjs +2 -0
  168. package/esm2022/components/select/select.mjs +426 -0
  169. package/esm2022/components/stack/index.mjs +2 -0
  170. package/esm2022/components/stack/model.mjs +5 -0
  171. package/esm2022/components/stack/stack.mjs +106 -0
  172. package/esm2022/components/switch/index.mjs +2 -0
  173. package/esm2022/components/switch/model.mjs +2 -0
  174. package/esm2022/components/switch/switch.mjs +237 -0
  175. package/esm2022/components/tab-item/index.mjs +2 -0
  176. package/esm2022/components/tab-item/model.mjs +2 -0
  177. package/esm2022/components/tab-item/tab-item.mjs +195 -0
  178. package/esm2022/components/tab-list/index.mjs +2 -0
  179. package/esm2022/components/tab-list/model.mjs +2 -0
  180. package/esm2022/components/tab-list/tab-list.mjs +84 -0
  181. package/esm2022/components/tab-panel/index.mjs +2 -0
  182. package/esm2022/components/tab-panel/model.mjs +2 -0
  183. package/esm2022/components/tab-panel/tab-panel.mjs +96 -0
  184. package/esm2022/components/tabs/index.mjs +2 -0
  185. package/esm2022/components/tabs/model.mjs +3 -0
  186. package/esm2022/components/tabs/tabs.mjs +322 -0
  187. package/esm2022/components/tag/index.mjs +2 -0
  188. package/esm2022/components/tag/model.mjs +2 -0
  189. package/esm2022/components/tag/tag.mjs +186 -0
  190. package/esm2022/components/textarea/index.mjs +2 -0
  191. package/esm2022/components/textarea/model.mjs +3 -0
  192. package/esm2022/components/textarea/textarea.mjs +363 -0
  193. package/esm2022/components/tooltip/index.mjs +2 -0
  194. package/esm2022/components/tooltip/model.mjs +2 -0
  195. package/esm2022/components/tooltip/tooltip.mjs +149 -0
  196. package/esm2022/db-ux-ngx-core-components.mjs +5 -0
  197. package/esm2022/index.mjs +41 -0
  198. package/esm2022/shared/constants.mjs +94 -0
  199. package/esm2022/shared/model.mjs +22 -0
  200. package/esm2022/utils/form-components.mjs +11 -0
  201. package/esm2022/utils/index.mjs +174 -0
  202. package/esm2022/utils/navigation.mjs +133 -0
  203. package/fesm2022/db-ux-ngx-core-components.mjs +6109 -0
  204. package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -0
  205. package/index.d.ts +40 -0
  206. package/package.json +35 -0
  207. package/shared/constants.d.ts +83 -0
  208. package/shared/model.d.ts +445 -0
  209. package/utils/form-components.d.ts +2 -0
  210. package/utils/index.d.ts +61 -0
  211. 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
+ }