@db-ux/ngx-core-components 3.0.0 → 3.0.2-copilot-66b0168

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 (156) hide show
  1. package/README.md +11 -0
  2. package/agent/Accordion.md +52 -0
  3. package/agent/AccordionItem.md +45 -0
  4. package/agent/Badge.md +48 -0
  5. package/agent/Brand.md +29 -0
  6. package/agent/Button.md +59 -0
  7. package/agent/Card.md +39 -0
  8. package/agent/Checkbox.md +52 -0
  9. package/agent/CustomSelect.md +89 -0
  10. package/agent/Divider.md +37 -0
  11. package/agent/Drawer.md +90 -0
  12. package/agent/Header.md +45 -0
  13. package/agent/Icon.md +36 -0
  14. package/agent/Infotext.md +41 -0
  15. package/agent/Input.md +58 -0
  16. package/agent/Link.md +60 -0
  17. package/agent/Navigation.md +34 -0
  18. package/agent/NavigationItem.md +45 -0
  19. package/agent/Notification.md +52 -0
  20. package/agent/Page.md +45 -0
  21. package/agent/Popover.md +69 -0
  22. package/agent/Radio.md +39 -0
  23. package/agent/Section.md +39 -0
  24. package/agent/Select.md +80 -0
  25. package/agent/Stack.md +51 -0
  26. package/agent/Switch.md +55 -0
  27. package/agent/TabItem.md +41 -0
  28. package/agent/Tabs.md +80 -0
  29. package/agent/Tag.md +48 -0
  30. package/agent/Textarea.md +57 -0
  31. package/agent/Tooltip.md +64 -0
  32. package/agent/_instructions.md +31 -0
  33. package/package.json +7 -3
  34. package/components/accordion/accordion.d.ts +0 -31
  35. package/components/accordion/index.d.ts +0 -1
  36. package/components/accordion/model.d.ts +0 -41
  37. package/components/accordion-item/accordion-item.d.ts +0 -33
  38. package/components/accordion-item/index.d.ts +0 -1
  39. package/components/accordion-item/model.d.ts +0 -24
  40. package/components/badge/badge.d.ts +0 -27
  41. package/components/badge/index.d.ts +0 -1
  42. package/components/badge/model.d.ts +0 -16
  43. package/components/brand/brand.d.ts +0 -24
  44. package/components/brand/index.d.ts +0 -1
  45. package/components/brand/model.d.ts +0 -10
  46. package/components/button/button.d.ts +0 -38
  47. package/components/button/index.d.ts +0 -1
  48. package/components/button/model.d.ts +0 -40
  49. package/components/card/card.d.ts +0 -24
  50. package/components/card/index.d.ts +0 -1
  51. package/components/card/model.d.ts +0 -18
  52. package/components/checkbox/checkbox.d.ts +0 -64
  53. package/components/checkbox/index.d.ts +0 -1
  54. package/components/checkbox/model.d.ts +0 -10
  55. package/components/custom-select/custom-select.d.ts +0 -150
  56. package/components/custom-select/index.d.ts +0 -1
  57. package/components/custom-select/model.d.ts +0 -219
  58. package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -19
  59. package/components/custom-select-dropdown/index.d.ts +0 -1
  60. package/components/custom-select-dropdown/model.d.ts +0 -15
  61. package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -18
  62. package/components/custom-select-form-field/index.d.ts +0 -1
  63. package/components/custom-select-form-field/model.d.ts +0 -5
  64. package/components/custom-select-list/custom-select-list.d.ts +0 -20
  65. package/components/custom-select-list/index.d.ts +0 -1
  66. package/components/custom-select-list/model.d.ts +0 -8
  67. package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
  68. package/components/custom-select-list-item/index.d.ts +0 -1
  69. package/components/custom-select-list-item/model.d.ts +0 -29
  70. package/components/divider/divider.d.ts +0 -22
  71. package/components/divider/index.d.ts +0 -1
  72. package/components/divider/model.d.ts +0 -18
  73. package/components/drawer/drawer.d.ts +0 -37
  74. package/components/drawer/index.d.ts +0 -1
  75. package/components/drawer/model.d.ts +0 -50
  76. package/components/header/MetaNavigation.directive.d.ts +0 -5
  77. package/components/header/Navigation.directive.d.ts +0 -5
  78. package/components/header/SecondaryAction.directive.d.ts +0 -5
  79. package/components/header/header.d.ts +0 -34
  80. package/components/header/index.d.ts +0 -1
  81. package/components/header/model.d.ts +0 -44
  82. package/components/icon/icon.d.ts +0 -22
  83. package/components/icon/index.d.ts +0 -1
  84. package/components/icon/model.d.ts +0 -10
  85. package/components/infotext/index.d.ts +0 -1
  86. package/components/infotext/infotext.d.ts +0 -24
  87. package/components/infotext/model.d.ts +0 -5
  88. package/components/input/index.d.ts +0 -1
  89. package/components/input/input.d.ts +0 -98
  90. package/components/input/model.d.ts +0 -43
  91. package/components/link/index.d.ts +0 -1
  92. package/components/link/link.d.ts +0 -31
  93. package/components/link/model.d.ts +0 -24
  94. package/components/navigation/index.d.ts +0 -1
  95. package/components/navigation/model.d.ts +0 -5
  96. package/components/navigation/navigation.d.ts +0 -20
  97. package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
  98. package/components/navigation-item/index.d.ts +0 -1
  99. package/components/navigation-item/model.d.ts +0 -34
  100. package/components/navigation-item/navigation-item.d.ts +0 -46
  101. package/components/notification/index.d.ts +0 -1
  102. package/components/notification/model.d.ts +0 -57
  103. package/components/notification/notification.d.ts +0 -39
  104. package/components/page/index.d.ts +0 -1
  105. package/components/page/model.d.ts +0 -36
  106. package/components/page/page.d.ts +0 -26
  107. package/components/popover/index.d.ts +0 -1
  108. package/components/popover/model.d.ts +0 -17
  109. package/components/popover/popover.d.ts +0 -37
  110. package/components/radio/index.d.ts +0 -1
  111. package/components/radio/model.d.ts +0 -5
  112. package/components/radio/radio.d.ts +0 -47
  113. package/components/section/index.d.ts +0 -1
  114. package/components/section/model.d.ts +0 -5
  115. package/components/section/section.d.ts +0 -22
  116. package/components/select/index.d.ts +0 -1
  117. package/components/select/model.d.ts +0 -44
  118. package/components/select/select.d.ts +0 -84
  119. package/components/stack/index.d.ts +0 -1
  120. package/components/stack/model.d.ts +0 -34
  121. package/components/stack/stack.d.ts +0 -25
  122. package/components/switch/index.d.ts +0 -1
  123. package/components/switch/model.d.ts +0 -10
  124. package/components/switch/switch.d.ts +0 -52
  125. package/components/tab-item/index.d.ts +0 -1
  126. package/components/tab-item/model.d.ts +0 -24
  127. package/components/tab-item/tab-item.d.ts +0 -46
  128. package/components/tab-list/index.d.ts +0 -1
  129. package/components/tab-list/model.d.ts +0 -5
  130. package/components/tab-list/tab-list.d.ts +0 -20
  131. package/components/tab-panel/index.d.ts +0 -1
  132. package/components/tab-panel/model.d.ts +0 -10
  133. package/components/tab-panel/tab-panel.d.ts +0 -20
  134. package/components/tabs/index.d.ts +0 -1
  135. package/components/tabs/model.d.ts +0 -66
  136. package/components/tabs/tabs.d.ts +0 -46
  137. package/components/tag/index.d.ts +0 -1
  138. package/components/tag/model.d.ts +0 -47
  139. package/components/tag/tag.d.ts +0 -33
  140. package/components/textarea/index.d.ts +0 -1
  141. package/components/textarea/model.d.ts +0 -34
  142. package/components/textarea/textarea.d.ts +0 -84
  143. package/components/tooltip/index.d.ts +0 -1
  144. package/components/tooltip/model.d.ts +0 -20
  145. package/components/tooltip/tooltip.d.ts +0 -39
  146. package/fesm2022/db-ux-ngx-core-components.mjs +0 -7699
  147. package/fesm2022/db-ux-ngx-core-components.mjs.map +0 -1
  148. package/index.d.ts +0 -44
  149. package/shared/constants.d.ts +0 -88
  150. package/shared/model.d.ts +0 -522
  151. package/utils/document-click-listener.d.ts +0 -8
  152. package/utils/document-scroll-listener.d.ts +0 -9
  153. package/utils/floating-components.d.ts +0 -20
  154. package/utils/form-components.d.ts +0 -2
  155. package/utils/index.d.ts +0 -40
  156. package/utils/navigation.d.ts +0 -32
@@ -1,31 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBLink implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
- id: import("@angular/core").InputSignal<string | undefined>;
7
- className: import("@angular/core").InputSignal<string | undefined>;
8
- href: import("@angular/core").InputSignal<string | undefined>;
9
- target: import("@angular/core").InputSignal<"_self" | "_blank" | "_parent" | "_top" | undefined>;
10
- rel: import("@angular/core").InputSignal<string | undefined>;
11
- role: import("@angular/core").InputSignal<string | undefined>;
12
- hreflang: import("@angular/core").InputSignal<string | undefined>;
13
- disabled: import("@angular/core").InputSignal<string | boolean | undefined>;
14
- size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
15
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
16
- variant: import("@angular/core").InputSignal<"brand" | "adaptive" | "inline" | undefined>;
17
- content: import("@angular/core").InputSignal<"external" | "internal" | undefined>;
18
- wrap: import("@angular/core").InputSignal<string | boolean | undefined>;
19
- text: import("@angular/core").InputSignal<string | undefined>;
20
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
21
- constructor();
22
- /**
23
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
24
- * @param element the ref for the component
25
- * @param customElementSelector the custom element like `my-component`
26
- */
27
- private enableAttributePassing;
28
- ngAfterViewInit(): void;
29
- static ɵfac: i0.ɵɵFactoryDeclaration<DBLink, never>;
30
- 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>;
31
- }
@@ -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 { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBNavigation implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- id: import("@angular/core").InputSignal<string | undefined>;
6
- className: import("@angular/core").InputSignal<string | undefined>;
7
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
8
- _id: import("@angular/core").WritableSignal<string | undefined>;
9
- constructor();
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<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;
@@ -1,46 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import { ClickEvent } from "../../shared/model";
3
- import { NavigationItemSafeTriangle } from "../../utils/navigation";
4
- import * as i0 from "@angular/core";
5
- export declare class DBNavigationItem implements AfterViewInit {
6
- dbNavigationContent: any;
7
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
8
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
9
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
10
- protected readonly DEFAULT_BACK: string;
11
- subNavigationExpanded: import("@angular/core").InputSignal<string | boolean | undefined>;
12
- id: import("@angular/core").InputSignal<string | undefined>;
13
- className: import("@angular/core").InputSignal<string | undefined>;
14
- width: import("@angular/core").InputSignal<string | undefined>;
15
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
16
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- active: import("@angular/core").InputSignal<boolean | undefined>;
18
- wrap: import("@angular/core").InputSignal<string | boolean | undefined>;
19
- disabled: import("@angular/core").InputSignal<string | boolean | undefined>;
20
- text: import("@angular/core").InputSignal<string | undefined>;
21
- backButtonId: import("@angular/core").InputSignal<string | undefined>;
22
- backButtonText: import("@angular/core").InputSignal<string | undefined>;
23
- click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
24
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
25
- initialized: import("@angular/core").WritableSignal<boolean>;
26
- hasAreaPopup: import("@angular/core").WritableSignal<boolean>;
27
- hasSubNavigation: import("@angular/core").WritableSignal<boolean | undefined>;
28
- isSubNavigationExpanded: import("@angular/core").WritableSignal<boolean>;
29
- autoClose: import("@angular/core").WritableSignal<boolean | undefined>;
30
- subNavigationId: import("@angular/core").WritableSignal<string>;
31
- navigationItemSafeTriangle: import("@angular/core").WritableSignal<NavigationItemSafeTriangle | undefined>;
32
- handleNavigationItemClick(event: any): void;
33
- handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
34
- handleBackClick(event: ClickEvent<HTMLButtonElement> | any): void;
35
- constructor();
36
- /**
37
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
38
- * @param element the ref for the component
39
- * @param customElementSelector the custom element like `my-component`
40
- */
41
- private enableAttributePassing;
42
- ngOnInit(): void;
43
- ngAfterViewInit(): void;
44
- static ɵfac: i0.ɵɵFactoryDeclaration<DBNavigationItem, never>;
45
- static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigationItem, "db-navigation-item", never, { "subNavigationExpanded": { "alias": "subNavigationExpanded"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "backButtonId": { "alias": "backButtonId"; "required": false; "isSignal": true; }; "backButtonText": { "alias": "backButtonText"; "required": false; "isSignal": true; }; }, { "click": "click"; }, ["dbNavigationContent"], ["*", "*", "[sub-navigation]"], true, never>;
46
- }
@@ -1 +0,0 @@
1
- export { DBNotification } from './notification';
@@ -1,57 +0,0 @@
1
- import { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
2
- export declare const NotificationVariantList: readonly ["docked", "standalone", "overlay"];
3
- export type NotificationVariantType = (typeof NotificationVariantList)[number];
4
- export declare const NotificationLinkVariantList: readonly ["block", "inline"];
5
- export type NotificationLinkVariantType = (typeof NotificationLinkVariantList)[number];
6
- export declare const NotificationAriaLiveList: readonly ["assertive", "polite", "off"];
7
- export type NotificationAriaLiveType = (typeof NotificationAriaLiveList)[number];
8
- export type DBNotificationDefaultProps = {
9
- /**
10
- * The arialive attribute will lead to that the screenreader interrupts immediately
11
- * and reads out the notification if set to "assertive", while it will wait for the
12
- * user's idleness when set to "polite", compare to [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)
13
- */
14
- ariaLive?: NotificationAriaLiveType;
15
- /**
16
- * The closeable attribute shows/hides the close button on the top right.
17
- */
18
- closeable?: boolean | string;
19
- /**
20
- * The headline attribute changes the text of the bold headline.
21
- */
22
- headline?: string | any;
23
- /**
24
- * The slotImage can be set instead of an icon.
25
- */
26
- image?: any;
27
- /**
28
- * The slotLink can be set for non overlay-notifications
29
- */
30
- link?: any;
31
- /**
32
- * The linkVariant will be used if slotLink is set.
33
- */
34
- linkVariant?: NotificationLinkVariantType;
35
- /**
36
- * Enables or disables the visibility of the headline.
37
- */
38
- showHeadline?: boolean | string;
39
- /**
40
- * The timestamp attribute can be set for overlay notifications
41
- */
42
- timestamp?: string;
43
- /**
44
- * Enables or disables the visibility of the timestamp.
45
- */
46
- showTimestamp?: boolean | string;
47
- /**
48
- * The variant attribute changes the styling of the notification.
49
- * - The docked notifications are used e.g. between header and main content to show a global alert.
50
- * - The standalone notifications are used e.g. inside a form to show an alert for a specific field.
51
- * - The overlay notifications are used for absolute and floating notifications like snackbars etc.
52
- */
53
- variant?: NotificationVariantType;
54
- };
55
- export type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement>> & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
56
- export type DBNotificationDefaultState = {};
57
- export type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement>>;
@@ -1,39 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import { ClickEvent } from "../../shared/model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBNotification implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
- protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
8
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
9
- protected readonly DEFAULT_CLOSE_BUTTON: string;
10
- id: import("@angular/core").InputSignal<string | undefined>;
11
- className: import("@angular/core").InputSignal<string | undefined>;
12
- ariaLive: import("@angular/core").InputSignal<"off" | "assertive" | "polite" | undefined>;
13
- semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
14
- variant: import("@angular/core").InputSignal<"standalone" | "docked" | "overlay" | undefined>;
15
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
16
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- linkVariant: import("@angular/core").InputSignal<"inline" | "block" | undefined>;
18
- headline: import("@angular/core").InputSignal<any>;
19
- showHeadline: import("@angular/core").InputSignal<string | boolean | undefined>;
20
- text: import("@angular/core").InputSignal<string | undefined>;
21
- timestamp: import("@angular/core").InputSignal<string | undefined>;
22
- showTimestamp: import("@angular/core").InputSignal<string | boolean | undefined>;
23
- closeable: import("@angular/core").InputSignal<string | boolean | undefined>;
24
- closeButtonId: import("@angular/core").InputSignal<string | undefined>;
25
- closeButtonText: import("@angular/core").InputSignal<string | undefined>;
26
- close: import("@angular/core").OutputEmitterRef<void | MouseEvent | undefined>;
27
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
28
- handleClose(event?: ClickEvent<HTMLButtonElement> | void): void;
29
- constructor();
30
- /**
31
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
32
- * @param element the ref for the component
33
- * @param customElementSelector the custom element like `my-component`
34
- */
35
- private enableAttributePassing;
36
- ngAfterViewInit(): void;
37
- static ɵfac: i0.ɵɵFactoryDeclaration<DBNotification, never>;
38
- static ɵcmp: i0.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "linkVariant": { "alias": "linkVariant"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showHeadline": { "alias": "showHeadline"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[image]", "*", "[link]"], true, never>;
39
- }
@@ -1 +0,0 @@
1
- export { DBPage } from './page';
@@ -1,36 +0,0 @@
1
- import { GlobalProps, GlobalState } from '../../shared/model';
2
- export declare const PageVariantList: readonly ["auto", "fixed"];
3
- export type PageVariantType = (typeof PageVariantList)[number];
4
- export declare const PageDocumentOverflowList: readonly ["hidden", "auto"];
5
- export type PageDocumentOverflowType = (typeof PageDocumentOverflowList)[number];
6
- export type DBPageDefaultProps = {
7
- /**
8
- * The documentOverflow sets the overflow:hidden/auto to the root document
9
- */
10
- documentOverflow?: PageDocumentOverflowType;
11
- /**
12
- * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
13
- */
14
- fadeIn?: boolean | string;
15
- /**
16
- * The slot can be used for React to set a footer.
17
- */
18
- footer?: any;
19
- /**
20
- * The slot can be used for React to set a header.
21
- */
22
- header?: any;
23
- /**
24
- * Adds `class` to `<main>` element
25
- */
26
- mainClass?: string;
27
- /**
28
- * The variant=fixed uses flex-box to make header and footer static
29
- */
30
- variant?: PageVariantType;
31
- };
32
- export type DBPageProps = DBPageDefaultProps & GlobalProps;
33
- export type DBPageDefaultState = {
34
- fontsLoaded?: boolean;
35
- };
36
- export type DBPageState = DBPageDefaultState & GlobalState;
@@ -1,26 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBPage implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
- fadeIn: import("@angular/core").InputSignal<string | boolean | undefined>;
7
- documentOverflow: import("@angular/core").InputSignal<"auto" | "hidden" | undefined>;
8
- variant: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
9
- id: import("@angular/core").InputSignal<string | undefined>;
10
- className: import("@angular/core").InputSignal<string | undefined>;
11
- mainClass: import("@angular/core").InputSignal<string | undefined>;
12
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
13
- fontsLoaded: import("@angular/core").WritableSignal<boolean | undefined>;
14
- constructor();
15
- /**
16
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
17
- * @param element the ref for the component
18
- * @param customElementSelector the custom element like `my-component`
19
- */
20
- private enableAttributePassing;
21
- ngOnInit(): void;
22
- ngAfterViewInit(): void;
23
- ngOnDestroy(): void;
24
- static ɵfac: i0.ɵɵFactoryDeclaration<DBPage, never>;
25
- static ɵcmp: i0.ɵɵComponentDeclaration<DBPage, "db-page", never, { "fadeIn": { "alias": "fadeIn"; "required": false; "isSignal": true; }; "documentOverflow": { "alias": "documentOverflow"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "mainClass": { "alias": "mainClass"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "*", "[footer]"], true, never>;
26
- }
@@ -1 +0,0 @@
1
- export { DBPopover } from './popover';
@@ -1,17 +0,0 @@
1
- import { GapProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, SpacingProps } from '../../shared/model';
2
- export type DBPopoverDefaultProps = {
3
- /**
4
- * Use open to disable the default hover/focus behavior to use it on click or other trigger.
5
- */
6
- open?: boolean | string;
7
- /**
8
- * The trigger to open the popover e.g. a button
9
- */
10
- trigger?: any;
11
- };
12
- export type DBPopoverProps = DBPopoverDefaultProps & GlobalProps & SpacingProps & PlacementProps & GapProps & PopoverProps;
13
- export type DBPopoverDefaultState = {
14
- isExpanded?: boolean;
15
- getTrigger: () => Element | null;
16
- };
17
- export type DBPopoverState = DBPopoverDefaultState & GlobalState & PopoverState & InitializedState;
@@ -1,37 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBPopover implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
- placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
7
- id: import("@angular/core").InputSignal<string | undefined>;
8
- className: import("@angular/core").InputSignal<string | undefined>;
9
- spacing: import("@angular/core").InputSignal<string | undefined>;
10
- gap: import("@angular/core").InputSignal<string | boolean | undefined>;
11
- animation: import("@angular/core").InputSignal<string | boolean | undefined>;
12
- open: import("@angular/core").InputSignal<string | boolean | undefined>;
13
- delay: import("@angular/core").InputSignal<"none" | "slow" | "fast" | undefined>;
14
- width: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
15
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
16
- initialized: import("@angular/core").WritableSignal<boolean>;
17
- isExpanded: import("@angular/core").WritableSignal<boolean | undefined>;
18
- _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
19
- _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
20
- handleEscape(event: any): void;
21
- handleAutoPlacement(): void;
22
- handleDocumentScroll(event: any): void;
23
- handleEnter(): void;
24
- handleLeave(event?: any): void;
25
- getTrigger(): Element | null;
26
- constructor();
27
- /**
28
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
29
- * @param element the ref for the component
30
- * @param customElementSelector the custom element like `my-component`
31
- */
32
- private enableAttributePassing;
33
- ngOnInit(): void;
34
- ngAfterViewInit(): void;
35
- static ɵfac: i0.ɵɵFactoryDeclaration<DBPopover, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
37
- }
@@ -1 +0,0 @@
1
- export { DBRadio } from './radio';
@@ -1,5 +0,0 @@
1
- import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
2
- export type DBRadioDefaultProps = {};
3
- export type DBRadioProps = DBRadioDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
4
- export type DBRadioDefaultState = {};
5
- export type DBRadioState = DBRadioDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;
@@ -1,47 +0,0 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ChangeEvent, InteractionEvent } from "../../shared/model";
4
- import * as i0 from "@angular/core";
5
- export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
6
- private renderer;
7
- protected readonly getHideProp: (show?: boolean | string) => any;
8
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
9
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
10
- id: import("@angular/core").InputSignal<string | undefined>;
11
- checked: import("@angular/core").InputSignal<string | boolean | undefined>;
12
- size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
13
- showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
14
- showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
15
- className: import("@angular/core").InputSignal<string | undefined>;
16
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
17
- name: import("@angular/core").InputSignal<string | undefined>;
18
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
19
- value: import("@angular/core").ModelSignal<any>;
20
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
21
- label: import("@angular/core").InputSignal<string | undefined>;
22
- change: import("@angular/core").OutputEmitterRef<void | Event>;
23
- blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
24
- focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
25
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
26
- initialized: import("@angular/core").WritableSignal<boolean>;
27
- _id: import("@angular/core").WritableSignal<string | undefined>;
28
- handleChange(event: ChangeEvent<HTMLInputElement> | any): void;
29
- handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
30
- handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
31
- constructor(renderer: Renderer2);
32
- /**
33
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
34
- * @param element the ref for the component
35
- * @param customElementSelector the custom element like `my-component`
36
- */
37
- private enableAttributePassing;
38
- writeValue(value: any): void;
39
- propagateChange(_: any): void;
40
- registerOnChange(onChange: any): void;
41
- registerOnTouched(onTouched: any): void;
42
- setDisabledState(disabled: boolean): void;
43
- ngOnInit(): void;
44
- ngAfterViewInit(): void;
45
- static ɵfac: i0.ɵɵFactoryDeclaration<DBRadio, never>;
46
- static ɵcmp: i0.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
47
- }
@@ -1 +0,0 @@
1
- export { DBSection } from './section';
@@ -1,5 +0,0 @@
1
- import { ContainerWidthProps, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
2
- export type DBSectionDefaultProps = {};
3
- export type DBSectionProps = DBSectionDefaultProps & GlobalProps & SpacingProps & ContainerWidthProps;
4
- export type DBSectionDefaultState = {};
5
- export type DBSectionState = DBSectionDefaultState & GlobalState;
@@ -1,22 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBSection implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- id: import("@angular/core").InputSignal<string | undefined>;
6
- className: import("@angular/core").InputSignal<string | undefined>;
7
- spacing: import("@angular/core").InputSignal<string | undefined>;
8
- width: import("@angular/core").InputSignal<"medium" | "small" | "large" | "full" | undefined>;
9
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
10
- _id: import("@angular/core").WritableSignal<string | undefined>;
11
- constructor();
12
- /**
13
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
14
- * @param element the ref for the component
15
- * @param customElementSelector the custom element like `my-component`
16
- */
17
- private enableAttributePassing;
18
- ngOnInit(): void;
19
- ngAfterViewInit(): void;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<DBSection, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<DBSection, "db-section", never, { "id": { "alias": "id"; "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; }; }, {}, never, ["*"], true, never>;
22
- }
@@ -1 +0,0 @@
1
- export { DBSelect } from './select';
@@ -1,44 +0,0 @@
1
- import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
2
- export type DBSelectDefaultProps = {
3
- /**
4
- * @deprecated
5
- * Enables multiple select, but it isn't styled, please use DBCustomSelect/db-custom-select instead
6
- */
7
- multiple?: boolean;
8
- /**
9
- * If you don't/can't use children/slots you can pass in the options as an array.
10
- */
11
- options?: DBSelectOptionType[];
12
- };
13
- export type DBSelectOptionType = {
14
- /**
15
- * Identifier for option
16
- */
17
- id?: string;
18
- /**
19
- * Disables this option
20
- */
21
- disabled?: boolean;
22
- /**
23
- * Selects this option
24
- */
25
- selected?: boolean;
26
- /**
27
- * If the value is different from the label you want to show to the user.
28
- */
29
- label?: string;
30
- /**
31
- * If you want to use optgroup you can nest options here.
32
- */
33
- options?: DBSelectOptionType[];
34
- /**
35
- * The main value you select, will be shown as default label if no label is set.
36
- */
37
- value: string | string[] | number;
38
- };
39
- export type DBSelectProps = GlobalProps & ClickEventProps<HTMLSelectElement> & ChangeEventProps<HTMLSelectElement> & FocusEventProps<HTMLSelectElement> & InputEventProps<HTMLSelectElement> & FormProps & IconProps & FormMessageProps & DBSelectDefaultProps & ShowIconProps & FormSizeProps;
40
- export type DBSelectDefaultState = {
41
- _placeholderId: string;
42
- getOptionLabel: (option: DBSelectOptionType) => string;
43
- };
44
- export type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState & FromValidState;