@db-ux/ngx-core-components 3.1.20 → 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.
Files changed (125) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/fesm2022/db-ux-ngx-core-components.mjs +911 -767
  3. package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
  4. package/index.d.ts +3241 -83
  5. package/package.json +3 -3
  6. package/components/accordion/accordion.d.ts +0 -30
  7. package/components/accordion/index.d.ts +0 -1
  8. package/components/accordion/model.d.ts +0 -41
  9. package/components/accordion-item/accordion-item.d.ts +0 -33
  10. package/components/accordion-item/index.d.ts +0 -1
  11. package/components/accordion-item/model.d.ts +0 -24
  12. package/components/badge/badge.d.ts +0 -27
  13. package/components/badge/index.d.ts +0 -1
  14. package/components/badge/model.d.ts +0 -16
  15. package/components/brand/brand.d.ts +0 -25
  16. package/components/brand/index.d.ts +0 -1
  17. package/components/brand/model.d.ts +0 -10
  18. package/components/button/button.d.ts +0 -39
  19. package/components/button/index.d.ts +0 -1
  20. package/components/button/model.d.ts +0 -40
  21. package/components/card/card.d.ts +0 -25
  22. package/components/card/index.d.ts +0 -1
  23. package/components/card/model.d.ts +0 -18
  24. package/components/checkbox/checkbox.d.ts +0 -64
  25. package/components/checkbox/index.d.ts +0 -1
  26. package/components/checkbox/model.d.ts +0 -10
  27. package/components/custom-select/custom-select.d.ts +0 -150
  28. package/components/custom-select/index.d.ts +0 -1
  29. package/components/custom-select/model.d.ts +0 -220
  30. package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -20
  31. package/components/custom-select-dropdown/index.d.ts +0 -1
  32. package/components/custom-select-dropdown/model.d.ts +0 -15
  33. package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -19
  34. package/components/custom-select-form-field/index.d.ts +0 -1
  35. package/components/custom-select-form-field/model.d.ts +0 -5
  36. package/components/custom-select-list/custom-select-list.d.ts +0 -21
  37. package/components/custom-select-list/index.d.ts +0 -1
  38. package/components/custom-select-list/model.d.ts +0 -8
  39. package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
  40. package/components/custom-select-list-item/index.d.ts +0 -1
  41. package/components/custom-select-list-item/model.d.ts +0 -29
  42. package/components/divider/divider.d.ts +0 -23
  43. package/components/divider/index.d.ts +0 -1
  44. package/components/divider/model.d.ts +0 -18
  45. package/components/drawer/drawer.d.ts +0 -37
  46. package/components/drawer/index.d.ts +0 -1
  47. package/components/drawer/model.d.ts +0 -50
  48. package/components/header/MetaNavigation.directive.d.ts +0 -5
  49. package/components/header/Navigation.directive.d.ts +0 -5
  50. package/components/header/SecondaryAction.directive.d.ts +0 -5
  51. package/components/header/header.d.ts +0 -33
  52. package/components/header/index.d.ts +0 -1
  53. package/components/header/model.d.ts +0 -44
  54. package/components/icon/icon.d.ts +0 -23
  55. package/components/icon/index.d.ts +0 -1
  56. package/components/icon/model.d.ts +0 -10
  57. package/components/infotext/index.d.ts +0 -1
  58. package/components/infotext/infotext.d.ts +0 -25
  59. package/components/infotext/model.d.ts +0 -5
  60. package/components/input/index.d.ts +0 -1
  61. package/components/input/input.d.ts +0 -104
  62. package/components/input/model.d.ts +0 -64
  63. package/components/link/index.d.ts +0 -1
  64. package/components/link/link.d.ts +0 -32
  65. package/components/link/model.d.ts +0 -24
  66. package/components/navigation/index.d.ts +0 -1
  67. package/components/navigation/model.d.ts +0 -5
  68. package/components/navigation/navigation.d.ts +0 -20
  69. package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
  70. package/components/navigation-item/index.d.ts +0 -1
  71. package/components/navigation-item/model.d.ts +0 -34
  72. package/components/navigation-item/navigation-item.d.ts +0 -46
  73. package/components/notification/index.d.ts +0 -1
  74. package/components/notification/model.d.ts +0 -57
  75. package/components/notification/notification.d.ts +0 -40
  76. package/components/page/index.d.ts +0 -1
  77. package/components/page/model.d.ts +0 -36
  78. package/components/page/page.d.ts +0 -27
  79. package/components/popover/index.d.ts +0 -1
  80. package/components/popover/model.d.ts +0 -17
  81. package/components/popover/popover.d.ts +0 -37
  82. package/components/radio/index.d.ts +0 -1
  83. package/components/radio/model.d.ts +0 -5
  84. package/components/radio/radio.d.ts +0 -47
  85. package/components/section/index.d.ts +0 -1
  86. package/components/section/model.d.ts +0 -5
  87. package/components/section/section.d.ts +0 -22
  88. package/components/select/index.d.ts +0 -1
  89. package/components/select/model.d.ts +0 -44
  90. package/components/select/select.d.ts +0 -83
  91. package/components/stack/index.d.ts +0 -1
  92. package/components/stack/model.d.ts +0 -34
  93. package/components/stack/stack.d.ts +0 -26
  94. package/components/switch/index.d.ts +0 -1
  95. package/components/switch/model.d.ts +0 -10
  96. package/components/switch/switch.d.ts +0 -51
  97. package/components/tab-item/index.d.ts +0 -1
  98. package/components/tab-item/model.d.ts +0 -24
  99. package/components/tab-item/tab-item.d.ts +0 -46
  100. package/components/tab-list/index.d.ts +0 -1
  101. package/components/tab-list/model.d.ts +0 -5
  102. package/components/tab-list/tab-list.d.ts +0 -20
  103. package/components/tab-panel/index.d.ts +0 -1
  104. package/components/tab-panel/model.d.ts +0 -10
  105. package/components/tab-panel/tab-panel.d.ts +0 -20
  106. package/components/tabs/index.d.ts +0 -1
  107. package/components/tabs/model.d.ts +0 -67
  108. package/components/tabs/tabs.d.ts +0 -47
  109. package/components/tag/index.d.ts +0 -1
  110. package/components/tag/model.d.ts +0 -47
  111. package/components/tag/tag.d.ts +0 -34
  112. package/components/textarea/index.d.ts +0 -1
  113. package/components/textarea/model.d.ts +0 -34
  114. package/components/textarea/textarea.d.ts +0 -84
  115. package/components/tooltip/index.d.ts +0 -1
  116. package/components/tooltip/model.d.ts +0 -20
  117. package/components/tooltip/tooltip.d.ts +0 -39
  118. package/shared/constants.d.ts +0 -88
  119. package/shared/model.d.ts +0 -522
  120. package/utils/document-click-listener.d.ts +0 -8
  121. package/utils/document-scroll-listener.d.ts +0 -9
  122. package/utils/floating-components.d.ts +0 -20
  123. package/utils/form-components.d.ts +0 -2
  124. package/utils/index.d.ts +0 -40
  125. package/utils/navigation.d.ts +0 -32
@@ -1,37 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { ClickEvent, GeneralKeyboardEvent } from "../../shared/model";
3
- import { DBDrawerProps } from "./model";
4
- import * as i0 from "@angular/core";
5
- export declare class DBDrawer implements AfterViewInit {
6
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
7
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
8
- protected readonly DEFAULT_CLOSE_BUTTON: string;
9
- open: InputSignal<DBDrawerProps["open"]>;
10
- position: InputSignal<DBDrawerProps["position"]>;
11
- backdrop: InputSignal<DBDrawerProps["backdrop"]>;
12
- variant: InputSignal<DBDrawerProps["variant"]>;
13
- id: InputSignal<DBDrawerProps["id"]>;
14
- direction: InputSignal<DBDrawerProps["direction"]>;
15
- className: InputSignal<DBDrawerProps["className"]>;
16
- spacing: InputSignal<DBDrawerProps["spacing"]>;
17
- width: InputSignal<DBDrawerProps["width"]>;
18
- rounded: InputSignal<DBDrawerProps["rounded"]>;
19
- closeButtonId: InputSignal<DBDrawerProps["closeButtonId"]>;
20
- closeButtonText: InputSignal<DBDrawerProps["closeButtonText"]>;
21
- close: import("@angular/core").OutputEmitterRef<void | KeyboardEvent | MouseEvent | undefined>;
22
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
23
- dialogContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
24
- initialized: import("@angular/core").WritableSignal<boolean>;
25
- handleClose(event?: ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement> | void, forceClose?: boolean): void;
26
- handleDialogOpen(): void;
27
- constructor();
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
- ngAfterViewInit(): void;
35
- static ɵfac: i0.ɵɵFactoryDeclaration<DBDrawer, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
37
- }
@@ -1 +0,0 @@
1
- export { DBDrawer } from './drawer';
@@ -1,50 +0,0 @@
1
- import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
2
- export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
3
- export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
4
- export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
5
- export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
6
- export declare const DrawerVariantList: readonly ["modal", "inside"];
7
- export type DrawerVariantType = (typeof DrawerVariantList)[number];
8
- export declare const DrawerPositionList: readonly ["fixed", "absolute"];
9
- export type DrawerPositionType = (typeof DrawerPositionList)[number];
10
- export type DBDrawerDefaultProps = {
11
- /**
12
- * The backdrop attribute changes the opacity of the backdrop.
13
- * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`
14
- */
15
- backdrop?: DrawerBackdropType;
16
- /**
17
- * The direction attribute changes the position & animation of the drawer.
18
- * E.g. "left" slides from left screen border to the right.
19
- */
20
- direction?: DrawerDirectionType;
21
- /**
22
- * Slot for changing the header of the drawer.
23
- */
24
- drawerHeader?: any;
25
- /**
26
- * The open attribute opens or closes the drawer based on the state.
27
- */
28
- open?: boolean | string;
29
- /**
30
- * The rounded attribute changes the border radius of the corners on the "end" of the drawer.
31
- * The "end" depends on which direction you use.
32
- */
33
- rounded?: boolean | string;
34
- /**
35
- * Set the variant modal|inside. Defaults to modal.
36
- */
37
- variant?: DrawerVariantType;
38
- /**
39
- * The position attribute changes the css-position (fixed or absolute) of the drawer.
40
- *
41
- * - `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.
42
- * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
43
- */
44
- position?: DrawerPositionType;
45
- };
46
- export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
47
- export type DBDrawerDefaultState = {
48
- handleDialogOpen: () => void;
49
- };
50
- export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class MetaNavigationDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<MetaNavigationDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<MetaNavigationDirective, "[dbMetaNavigation]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NavigationDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NavigationDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationDirective, "[dbNavigation]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class SecondaryActionDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<SecondaryActionDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<SecondaryActionDirective, "[dbSecondaryAction]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,33 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBHeaderProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBHeader implements AfterViewInit {
5
- dbNavigation: any;
6
- dbMetaNavigation: any;
7
- dbSecondaryAction: any;
8
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
9
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
10
- protected readonly DEFAULT_BURGER_MENU: string;
11
- forceMobile: InputSignal<DBHeaderProps["forceMobile"]>;
12
- drawerOpen: InputSignal<DBHeaderProps["drawerOpen"]>;
13
- className: InputSignal<DBHeaderProps["className"]>;
14
- id: InputSignal<DBHeaderProps["id"]>;
15
- width: InputSignal<DBHeaderProps["width"]>;
16
- burgerMenuLabel: InputSignal<DBHeaderProps["burgerMenuLabel"]>;
17
- toggle: import("@angular/core").OutputEmitterRef<boolean | void>;
18
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
19
- initialized: import("@angular/core").WritableSignal<boolean>;
20
- forcedToMobile: import("@angular/core").WritableSignal<boolean | undefined>;
21
- handleToggle(event?: any): void;
22
- handleNavigationItemClick(event: unknown): void;
23
- constructor();
24
- /**
25
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
26
- * @param element the ref for the component
27
- * @param customElementSelector the custom element like `my-component`
28
- */
29
- private enableAttributePassing;
30
- ngAfterViewInit(): void;
31
- static ɵfac: i0.ɵɵFactoryDeclaration<DBHeader, never>;
32
- static ɵcmp: i0.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "forceMobile": { "alias": "forceMobile"; "required": false; "isSignal": true; }; "drawerOpen": { "alias": "drawerOpen"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "*", "*", "*", "[brand]", "*", "[primary-action]", "*"], true, never>;
33
- }
@@ -1 +0,0 @@
1
- export { DBHeader } from './header';
@@ -1,44 +0,0 @@
1
- import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
2
- export type DBHeaderDefaultProps = {
3
- /**
4
- * Slot to pass in the DBBrand component
5
- */
6
- brand?: any;
7
- /**
8
- * Slot to pass in a meta navigation.
9
- * - Desktop: Above the regular header
10
- * - Mobile: Inside the drawer
11
- */
12
- metaNavigation?: any;
13
- /**
14
- * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
15
- * - Desktop: Shown next to the main-navigation
16
- * - Mobile: Shown next to the brand
17
- */
18
- primaryAction?: any;
19
- /**
20
- * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
21
- * - Desktop: Shown separated by divider at the end of the header
22
- * - Mobile: Shown inside the drawer at the bottom.
23
- */
24
- secondaryAction?: any;
25
- /**
26
- * Open/closes the drawer for mobile header or if `forceMobile` is true.
27
- */
28
- drawerOpen?: boolean | string;
29
- /**
30
- * Forces the header to use mobile layout for desktop as well.
31
- * You should only use this setting if you really can't provide a smaller navigation.
32
- * Overwrite size of the drawer with '--db-drawer-max-width: xxx'
33
- */
34
- forceMobile?: boolean | string;
35
- /**
36
- * This attribute sets the label for the burger menu button for mobile headers.
37
- */
38
- burgerMenuLabel?: string;
39
- };
40
- export type DBHeaderProps = DBHeaderDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
41
- export type DBHeaderDefaultState = {
42
- forcedToMobile?: boolean;
43
- };
44
- export type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState;
@@ -1,23 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import type { DBIconProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBIcon implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- id: InputSignal<DBIconProps["id"]>;
7
- className: InputSignal<DBIconProps["className"]>;
8
- icon: InputSignal<DBIconProps["icon"]>;
9
- weight: InputSignal<DBIconProps["weight"]>;
10
- variant: InputSignal<DBIconProps["variant"]>;
11
- text: InputSignal<DBIconProps["text"]>;
12
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
13
- constructor();
14
- /**
15
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
16
- * @param element the ref for the component
17
- * @param customElementSelector the custom element like `my-component`
18
- */
19
- private enableAttributePassing;
20
- ngAfterViewInit(): void;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<DBIcon, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<DBIcon, "db-icon", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
23
- }
@@ -1 +0,0 @@
1
- export { DBIcon } from './icon';
@@ -1,10 +0,0 @@
1
- import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
2
- export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
3
- export type IconWeightType = (typeof IconWeightList)[number];
4
- export type DBIconDefaultProps = {
5
- variant?: string;
6
- weight?: IconWeightType;
7
- };
8
- export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;
9
- export type DBIconDefaultState = {};
10
- export type DBIconState = DBIconDefaultState & GlobalState;
@@ -1 +0,0 @@
1
- export { DBInfotext } from './infotext';
@@ -1,25 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBInfotextProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBInfotext implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
- id: InputSignal<DBInfotextProps["id"]>;
8
- className: InputSignal<DBInfotextProps["className"]>;
9
- icon: InputSignal<DBInfotextProps["icon"]>;
10
- semantic: InputSignal<DBInfotextProps["semantic"]>;
11
- size: InputSignal<DBInfotextProps["size"]>;
12
- showIcon: InputSignal<DBInfotextProps["showIcon"]>;
13
- text: InputSignal<DBInfotextProps["text"]>;
14
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
15
- constructor();
16
- /**
17
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
18
- * @param element the ref for the component
19
- * @param customElementSelector the custom element like `my-component`
20
- */
21
- private enableAttributePassing;
22
- ngAfterViewInit(): void;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<DBInfotext, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<DBInfotext, "db-infotext", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
25
- }
@@ -1,5 +0,0 @@
1
- import { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps } from '../../shared/model';
2
- export type DBInfotextDefaultProps = {};
3
- export type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & IconProps & SizeProps & ShowIconProps & TextProps;
4
- export type DBInfotextDefaultState = {};
5
- export type DBInfotextState = DBInfotextDefaultState & GlobalState;
@@ -1 +0,0 @@
1
- export { DBInput } from './input';
@@ -1,104 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ChangeEvent, InputEvent, InteractionEvent, ValueLabelType } from "../../shared/model";
4
- import { DBInputProps } from "./model";
5
- import * as i0 from "@angular/core";
6
- export declare class DBInput 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 getBooleanAsString: (originBool?: boolean | string) => any;
11
- protected readonly DEFAULT_LABEL: string;
12
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
13
- protected readonly DEFAULT_PLACEHOLDER: string;
14
- protected readonly getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
15
- protected readonly getInputValue: (value?: number | string, inputType?: string) => string | number | undefined;
16
- protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
17
- protected readonly DEFAULT_VALID_MESSAGE: string;
18
- id: InputSignal<DBInputProps["id"]>;
19
- invalidMessage: InputSignal<DBInputProps["invalidMessage"]>;
20
- dataListId: InputSignal<DBInputProps["dataListId"]>;
21
- message: InputSignal<DBInputProps["message"]>;
22
- showMessage: InputSignal<DBInputProps["showMessage"]>;
23
- value: ModelSignal<DBInputProps["value"]>;
24
- validMessage: InputSignal<DBInputProps["validMessage"]>;
25
- validation: InputSignal<DBInputProps["validation"]>;
26
- required: InputSignal<DBInputProps["required"]>;
27
- minLength: InputSignal<DBInputProps["minLength"]>;
28
- maxLength: InputSignal<DBInputProps["maxLength"]>;
29
- pattern: InputSignal<DBInputProps["pattern"]>;
30
- dataList: InputSignal<DBInputProps["dataList"]>;
31
- className: InputSignal<DBInputProps["className"]>;
32
- variant: InputSignal<DBInputProps["variant"]>;
33
- showLabel: InputSignal<DBInputProps["showLabel"]>;
34
- showIconLeading: InputSignal<DBInputProps["showIconLeading"]>;
35
- showIcon: InputSignal<DBInputProps["showIcon"]>;
36
- iconLeading: InputSignal<DBInputProps["iconLeading"]>;
37
- icon: InputSignal<DBInputProps["icon"]>;
38
- iconTrailing: InputSignal<DBInputProps["iconTrailing"]>;
39
- showRequiredAsterisk: InputSignal<DBInputProps["showRequiredAsterisk"]>;
40
- showIconTrailing: InputSignal<DBInputProps["showIconTrailing"]>;
41
- label: InputSignal<DBInputProps["label"]>;
42
- fieldSizing: InputSignal<DBInputProps["fieldSizing"]>;
43
- name: InputSignal<DBInputProps["name"]>;
44
- type: InputSignal<DBInputProps["type"]>;
45
- multiple: InputSignal<DBInputProps["multiple"]>;
46
- placeholder: InputSignal<DBInputProps["placeholder"]>;
47
- disabled: ModelSignal<DBInputProps["disabled"]>;
48
- step: InputSignal<DBInputProps["step"]>;
49
- maxlength: InputSignal<DBInputProps["maxlength"]>;
50
- minlength: InputSignal<DBInputProps["minlength"]>;
51
- max: InputSignal<DBInputProps["max"]>;
52
- min: InputSignal<DBInputProps["min"]>;
53
- readOnly: InputSignal<DBInputProps["readOnly"]>;
54
- readonly: InputSignal<DBInputProps["readonly"]>;
55
- form: InputSignal<DBInputProps["form"]>;
56
- size: InputSignal<DBInputProps["size"]>;
57
- autocomplete: InputSignal<DBInputProps["autocomplete"]>;
58
- autofocus: InputSignal<DBInputProps["autofocus"]>;
59
- enterkeyhint: InputSignal<DBInputProps["enterkeyhint"]>;
60
- inputmode: InputSignal<DBInputProps["inputmode"]>;
61
- ariaDescribedBy: InputSignal<DBInputProps["ariaDescribedBy"]>;
62
- messageSize: InputSignal<DBInputProps["messageSize"]>;
63
- messageIcon: InputSignal<DBInputProps["messageIcon"]>;
64
- validMessageSize: InputSignal<DBInputProps["validMessageSize"]>;
65
- invalidMessageSize: InputSignal<DBInputProps["invalidMessageSize"]>;
66
- input: import("@angular/core").OutputEmitterRef<void | Event>;
67
- change: import("@angular/core").OutputEmitterRef<void | Event>;
68
- blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
69
- focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
70
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
71
- _id: import("@angular/core").WritableSignal<string | undefined>;
72
- _messageId: import("@angular/core").WritableSignal<string | undefined>;
73
- _validMessageId: import("@angular/core").WritableSignal<string | undefined>;
74
- _invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
75
- _invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
76
- _dataListId: import("@angular/core").WritableSignal<string | undefined>;
77
- _descByIds: import("@angular/core").WritableSignal<string | undefined>;
78
- _value: import("@angular/core").WritableSignal<string | undefined>;
79
- _voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
80
- hasValidState(): boolean;
81
- handleValidation(): void;
82
- handleInput(event: InputEvent<HTMLInputElement>): void;
83
- handleChange(event: ChangeEvent<HTMLInputElement>): void;
84
- handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
85
- handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
86
- getDataList(): ValueLabelType[];
87
- isIOSSafari(): boolean;
88
- trackByOption0(_: number, option: any): string;
89
- constructor(renderer: Renderer2);
90
- /**
91
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
92
- * @param element the ref for the component
93
- * @param customElementSelector the custom element like `my-component`
94
- */
95
- private enableAttributePassing;
96
- writeValue(value: any): void;
97
- propagateChange(_: any): void;
98
- registerOnChange(onChange: any): void;
99
- registerOnTouched(onTouched: any): void;
100
- setDisabledState(disabled: boolean): void;
101
- ngAfterViewInit(): void;
102
- static ɵfac: i0.ɵɵFactoryDeclaration<DBInput, never>;
103
- static ɵcmp: i0.ɵɵComponentDeclaration<DBInput, "db-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "dataListId": { "alias": "dataListId"; "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; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "dataList": { "alias": "dataList"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "messageSize": { "alias": "messageSize"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "validMessageSize": { "alias": "validMessageSize"; "required": false; "isSignal": true; }; "invalidMessageSize": { "alias": "invalidMessageSize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
104
- }
@@ -1,64 +0,0 @@
1
- import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InputEventProps, InputEventState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeType, ValueLabelType } from '../../shared/model';
2
- export declare const InputTypeList: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", "week"];
3
- export type InputTypeType = (typeof InputTypeList)[number];
4
- export type DBInputDefaultProps = {
5
- /**
6
- * Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.
7
- */
8
- dataList?: string[] | ValueLabelType[];
9
- /**
10
- * Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.
11
- */
12
- dataListId?: string;
13
- /**
14
- * Allow selecting multiple files. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/file#multiple
15
- */
16
- multiple?: boolean | string;
17
- /**
18
- * Maximum value
19
- */
20
- max?: number | string;
21
- /**
22
- * Minimum value
23
- */
24
- min?: number | string;
25
- /**
26
- * Pattern the value must match to be valid
27
- */
28
- pattern?: string;
29
- /**
30
- * Type of form control
31
- */
32
- type?: InputTypeType | string;
33
- /**
34
- * Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).
35
- */
36
- step?: number | string;
37
- /**
38
- * Hint for the [enter key behavior](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint) on virtual keyboards.
39
- */
40
- enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
41
- /**
42
- * Hint for [virtual keyboard](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) selection.
43
- */
44
- inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
45
- /**
46
- * The size of the message infotext. Defaults to "small".
47
- */
48
- messageSize?: SizeType;
49
- /**
50
- * The size of the valid message infotext. Defaults to "small".
51
- */
52
- validMessageSize?: SizeType;
53
- /**
54
- * The size of the invalid message infotext. Defaults to "small".
55
- */
56
- invalidMessageSize?: SizeType;
57
- };
58
- export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconTrailingProps & FormMessageProps & ShowIconProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & FormSizeProps;
59
- export type DBInputDefaultState = {
60
- _dataListId?: string;
61
- getDataList: () => ValueLabelType[];
62
- isIOSSafari: () => boolean;
63
- };
64
- export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;
@@ -1 +0,0 @@
1
- export { DBLink } from './link';
@@ -1,32 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBLinkProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBLink implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
- id: InputSignal<DBLinkProps["id"]>;
8
- className: InputSignal<DBLinkProps["className"]>;
9
- href: InputSignal<DBLinkProps["href"]>;
10
- target: InputSignal<DBLinkProps["target"]>;
11
- rel: InputSignal<DBLinkProps["rel"]>;
12
- role: InputSignal<DBLinkProps["role"]>;
13
- hreflang: InputSignal<DBLinkProps["hreflang"]>;
14
- disabled: InputSignal<DBLinkProps["disabled"]>;
15
- size: InputSignal<DBLinkProps["size"]>;
16
- showIcon: InputSignal<DBLinkProps["showIcon"]>;
17
- variant: InputSignal<DBLinkProps["variant"]>;
18
- content: InputSignal<DBLinkProps["content"]>;
19
- wrap: InputSignal<DBLinkProps["wrap"]>;
20
- text: InputSignal<DBLinkProps["text"]>;
21
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
22
- constructor();
23
- /**
24
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
25
- * @param element the ref for the component
26
- * @param customElementSelector the custom element like `my-component`
27
- */
28
- private enableAttributePassing;
29
- ngAfterViewInit(): void;
30
- static ɵfac: i0.ɵɵFactoryDeclaration<DBLink, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<DBLink, "db-link", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "hreflang": { "alias": "hreflang"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
32
- }
@@ -1,24 +0,0 @@
1
- import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
2
- export declare const LinkVariantList: readonly ["adaptive", "brand", "inline"];
3
- export type LinkVariantType = (typeof LinkVariantList)[number];
4
- export declare const LinkSizeList: readonly ["medium", "small"];
5
- export type LinkSizeType = (typeof LinkSizeList)[number];
6
- export declare const LinkContentList: readonly ["external", "internal"];
7
- export type LinkContentType = (typeof LinkContentList)[number];
8
- export type DBLinkDefaultProps = {
9
- /**
10
- * Adds a different arrow after the link to indicate external or internal link
11
- */
12
- content?: LinkContentType;
13
- /**
14
- * Change the size of the link
15
- */
16
- size?: LinkSizeType;
17
- /**
18
- * Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.
19
- */
20
- variant?: LinkVariantType;
21
- };
22
- export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps & WrapProps;
23
- export type DBLinkDefaultState = {};
24
- export type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;
@@ -1 +0,0 @@
1
- export { DBNavigation } from './navigation';
@@ -1,5 +0,0 @@
1
- import { GlobalProps, GlobalState } from '../../shared/model';
2
- export type DBNavigationDefaultProps = {};
3
- export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
4
- export type DBNavigationDefaultState = {};
5
- export type DBNavigationState = DBNavigationDefaultState & GlobalState;
@@ -1,20 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBNavigationProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBNavigation implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- id: InputSignal<DBNavigationProps["id"]>;
7
- className: InputSignal<DBNavigationProps["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<DBNavigation, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigation, "db-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
20
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NavigationContentDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NavigationContentDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationContentDirective, "[dbNavigationContent]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1 +0,0 @@
1
- export { DBNavigationItem } from './navigation-item';
@@ -1,34 +0,0 @@
1
- import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
2
- import { NavigationItemSafeTriangle } from '../../utils/navigation';
3
- export type DBNavigationItemDefaultProps = {
4
- /**
5
- * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current="page" on the contained anchor, this does not guarantee correct a11y.
6
- */
7
- active?: boolean;
8
- /**
9
- * The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
10
- */
11
- disabled?: boolean | string;
12
- /**
13
- * React-specific property to pass in a slot for sub-navigation
14
- */
15
- subNavigation?: any;
16
- /**
17
- * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
18
- */
19
- subNavigationExpanded?: boolean | string;
20
- };
21
- export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & WrapProps & NavigationBackButtonProps & ShowIconProps & TextProps;
22
- export type DBNavigationItemDefaultState = {
23
- handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
24
- hasAreaPopup: boolean;
25
- isSubNavigationExpanded: boolean;
26
- subNavigationId: string;
27
- /**
28
- * Internal state property to show/hide sub-navigation button
29
- */
30
- hasSubNavigation?: boolean;
31
- navigationItemSafeTriangle?: NavigationItemSafeTriangle;
32
- autoClose?: boolean;
33
- };
34
- export type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState & NavigationBehaviorState;