@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.
- package/CHANGELOG.md +11 -0
- package/fesm2022/db-ux-ngx-core-components.mjs +911 -767
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/index.d.ts +3241 -83
- package/package.json +3 -3
- package/components/accordion/accordion.d.ts +0 -30
- package/components/accordion/index.d.ts +0 -1
- package/components/accordion/model.d.ts +0 -41
- package/components/accordion-item/accordion-item.d.ts +0 -33
- package/components/accordion-item/index.d.ts +0 -1
- package/components/accordion-item/model.d.ts +0 -24
- package/components/badge/badge.d.ts +0 -27
- package/components/badge/index.d.ts +0 -1
- package/components/badge/model.d.ts +0 -16
- package/components/brand/brand.d.ts +0 -25
- package/components/brand/index.d.ts +0 -1
- package/components/brand/model.d.ts +0 -10
- package/components/button/button.d.ts +0 -39
- package/components/button/index.d.ts +0 -1
- package/components/button/model.d.ts +0 -40
- package/components/card/card.d.ts +0 -25
- package/components/card/index.d.ts +0 -1
- package/components/card/model.d.ts +0 -18
- package/components/checkbox/checkbox.d.ts +0 -64
- package/components/checkbox/index.d.ts +0 -1
- package/components/checkbox/model.d.ts +0 -10
- package/components/custom-select/custom-select.d.ts +0 -150
- package/components/custom-select/index.d.ts +0 -1
- package/components/custom-select/model.d.ts +0 -220
- package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -20
- package/components/custom-select-dropdown/index.d.ts +0 -1
- package/components/custom-select-dropdown/model.d.ts +0 -15
- package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -19
- package/components/custom-select-form-field/index.d.ts +0 -1
- package/components/custom-select-form-field/model.d.ts +0 -5
- package/components/custom-select-list/custom-select-list.d.ts +0 -21
- package/components/custom-select-list/index.d.ts +0 -1
- package/components/custom-select-list/model.d.ts +0 -8
- package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
- package/components/custom-select-list-item/index.d.ts +0 -1
- package/components/custom-select-list-item/model.d.ts +0 -29
- package/components/divider/divider.d.ts +0 -23
- package/components/divider/index.d.ts +0 -1
- package/components/divider/model.d.ts +0 -18
- package/components/drawer/drawer.d.ts +0 -37
- package/components/drawer/index.d.ts +0 -1
- package/components/drawer/model.d.ts +0 -50
- package/components/header/MetaNavigation.directive.d.ts +0 -5
- package/components/header/Navigation.directive.d.ts +0 -5
- package/components/header/SecondaryAction.directive.d.ts +0 -5
- package/components/header/header.d.ts +0 -33
- package/components/header/index.d.ts +0 -1
- package/components/header/model.d.ts +0 -44
- package/components/icon/icon.d.ts +0 -23
- package/components/icon/index.d.ts +0 -1
- package/components/icon/model.d.ts +0 -10
- package/components/infotext/index.d.ts +0 -1
- package/components/infotext/infotext.d.ts +0 -25
- package/components/infotext/model.d.ts +0 -5
- package/components/input/index.d.ts +0 -1
- package/components/input/input.d.ts +0 -104
- package/components/input/model.d.ts +0 -64
- package/components/link/index.d.ts +0 -1
- package/components/link/link.d.ts +0 -32
- package/components/link/model.d.ts +0 -24
- package/components/navigation/index.d.ts +0 -1
- package/components/navigation/model.d.ts +0 -5
- package/components/navigation/navigation.d.ts +0 -20
- package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
- package/components/navigation-item/index.d.ts +0 -1
- package/components/navigation-item/model.d.ts +0 -34
- package/components/navigation-item/navigation-item.d.ts +0 -46
- package/components/notification/index.d.ts +0 -1
- package/components/notification/model.d.ts +0 -57
- package/components/notification/notification.d.ts +0 -40
- package/components/page/index.d.ts +0 -1
- package/components/page/model.d.ts +0 -36
- package/components/page/page.d.ts +0 -27
- package/components/popover/index.d.ts +0 -1
- package/components/popover/model.d.ts +0 -17
- package/components/popover/popover.d.ts +0 -37
- package/components/radio/index.d.ts +0 -1
- package/components/radio/model.d.ts +0 -5
- package/components/radio/radio.d.ts +0 -47
- package/components/section/index.d.ts +0 -1
- package/components/section/model.d.ts +0 -5
- package/components/section/section.d.ts +0 -22
- package/components/select/index.d.ts +0 -1
- package/components/select/model.d.ts +0 -44
- package/components/select/select.d.ts +0 -83
- package/components/stack/index.d.ts +0 -1
- package/components/stack/model.d.ts +0 -34
- package/components/stack/stack.d.ts +0 -26
- package/components/switch/index.d.ts +0 -1
- package/components/switch/model.d.ts +0 -10
- package/components/switch/switch.d.ts +0 -51
- package/components/tab-item/index.d.ts +0 -1
- package/components/tab-item/model.d.ts +0 -24
- package/components/tab-item/tab-item.d.ts +0 -46
- package/components/tab-list/index.d.ts +0 -1
- package/components/tab-list/model.d.ts +0 -5
- package/components/tab-list/tab-list.d.ts +0 -20
- package/components/tab-panel/index.d.ts +0 -1
- package/components/tab-panel/model.d.ts +0 -10
- package/components/tab-panel/tab-panel.d.ts +0 -20
- package/components/tabs/index.d.ts +0 -1
- package/components/tabs/model.d.ts +0 -67
- package/components/tabs/tabs.d.ts +0 -47
- package/components/tag/index.d.ts +0 -1
- package/components/tag/model.d.ts +0 -47
- package/components/tag/tag.d.ts +0 -34
- package/components/textarea/index.d.ts +0 -1
- package/components/textarea/model.d.ts +0 -34
- package/components/textarea/textarea.d.ts +0 -84
- package/components/tooltip/index.d.ts +0 -1
- package/components/tooltip/model.d.ts +0 -20
- package/components/tooltip/tooltip.d.ts +0 -39
- package/shared/constants.d.ts +0 -88
- package/shared/model.d.ts +0 -522
- package/utils/document-click-listener.d.ts +0 -8
- package/utils/document-scroll-listener.d.ts +0 -9
- package/utils/floating-components.d.ts +0 -20
- package/utils/form-components.d.ts +0 -2
- package/utils/index.d.ts +0 -40
- package/utils/navigation.d.ts +0 -32
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { ClickEvent } from "../../shared/model";
|
|
3
|
-
import { NavigationItemSafeTriangle } from "../../utils/navigation";
|
|
4
|
-
import { DBNavigationItemProps } from "./model";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class DBNavigationItem implements AfterViewInit {
|
|
7
|
-
dbNavigationContent: any;
|
|
8
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
9
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
10
|
-
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
11
|
-
protected readonly DEFAULT_BACK: string;
|
|
12
|
-
subNavigationExpanded: InputSignal<DBNavigationItemProps["subNavigationExpanded"]>;
|
|
13
|
-
id: InputSignal<DBNavigationItemProps["id"]>;
|
|
14
|
-
className: InputSignal<DBNavigationItemProps["className"]>;
|
|
15
|
-
width: InputSignal<DBNavigationItemProps["width"]>;
|
|
16
|
-
icon: InputSignal<DBNavigationItemProps["icon"]>;
|
|
17
|
-
showIcon: InputSignal<DBNavigationItemProps["showIcon"]>;
|
|
18
|
-
active: InputSignal<DBNavigationItemProps["active"]>;
|
|
19
|
-
wrap: InputSignal<DBNavigationItemProps["wrap"]>;
|
|
20
|
-
disabled: InputSignal<DBNavigationItemProps["disabled"]>;
|
|
21
|
-
text: InputSignal<DBNavigationItemProps["text"]>;
|
|
22
|
-
backButtonId: InputSignal<DBNavigationItemProps["backButtonId"]>;
|
|
23
|
-
backButtonText: InputSignal<DBNavigationItemProps["backButtonText"]>;
|
|
24
|
-
click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
|
|
25
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
26
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
27
|
-
hasAreaPopup: import("@angular/core").WritableSignal<boolean>;
|
|
28
|
-
hasSubNavigation: import("@angular/core").WritableSignal<boolean | undefined>;
|
|
29
|
-
isSubNavigationExpanded: import("@angular/core").WritableSignal<boolean>;
|
|
30
|
-
autoClose: import("@angular/core").WritableSignal<boolean | undefined>;
|
|
31
|
-
subNavigationId: import("@angular/core").WritableSignal<string>;
|
|
32
|
-
navigationItemSafeTriangle: import("@angular/core").WritableSignal<NavigationItemSafeTriangle | undefined>;
|
|
33
|
-
handleNavigationItemClick(event: any): void;
|
|
34
|
-
handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
|
|
35
|
-
handleBackClick(event: ClickEvent<HTMLButtonElement> | any): void;
|
|
36
|
-
constructor();
|
|
37
|
-
/**
|
|
38
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
39
|
-
* @param element the ref for the component
|
|
40
|
-
* @param customElementSelector the custom element like `my-component`
|
|
41
|
-
*/
|
|
42
|
-
private enableAttributePassing;
|
|
43
|
-
ngAfterViewInit(): void;
|
|
44
|
-
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,40 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { ClickEvent } from "../../shared/model";
|
|
3
|
-
import { DBNotificationProps } from "./model";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DBNotification implements AfterViewInit {
|
|
6
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
7
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
8
|
-
protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
|
|
9
|
-
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
10
|
-
protected readonly DEFAULT_CLOSE_BUTTON: string;
|
|
11
|
-
id: InputSignal<DBNotificationProps["id"]>;
|
|
12
|
-
className: InputSignal<DBNotificationProps["className"]>;
|
|
13
|
-
ariaLive: InputSignal<DBNotificationProps["ariaLive"]>;
|
|
14
|
-
semantic: InputSignal<DBNotificationProps["semantic"]>;
|
|
15
|
-
variant: InputSignal<DBNotificationProps["variant"]>;
|
|
16
|
-
icon: InputSignal<DBNotificationProps["icon"]>;
|
|
17
|
-
showIcon: InputSignal<DBNotificationProps["showIcon"]>;
|
|
18
|
-
linkVariant: InputSignal<DBNotificationProps["linkVariant"]>;
|
|
19
|
-
headline: InputSignal<DBNotificationProps["headline"]>;
|
|
20
|
-
showHeadline: InputSignal<DBNotificationProps["showHeadline"]>;
|
|
21
|
-
text: InputSignal<DBNotificationProps["text"]>;
|
|
22
|
-
timestamp: InputSignal<DBNotificationProps["timestamp"]>;
|
|
23
|
-
showTimestamp: InputSignal<DBNotificationProps["showTimestamp"]>;
|
|
24
|
-
closeable: InputSignal<DBNotificationProps["closeable"]>;
|
|
25
|
-
closeButtonId: InputSignal<DBNotificationProps["closeButtonId"]>;
|
|
26
|
-
closeButtonText: InputSignal<DBNotificationProps["closeButtonText"]>;
|
|
27
|
-
close: import("@angular/core").OutputEmitterRef<void | MouseEvent | undefined>;
|
|
28
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
29
|
-
handleClose(event?: ClickEvent<HTMLButtonElement> | void): void;
|
|
30
|
-
constructor();
|
|
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
|
-
ngAfterViewInit(): void;
|
|
38
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBNotification, never>;
|
|
39
|
-
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>;
|
|
40
|
-
}
|
|
@@ -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,27 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBPageProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBPage implements AfterViewInit, OnDestroy {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
7
|
-
fadeIn: InputSignal<DBPageProps["fadeIn"]>;
|
|
8
|
-
documentOverflow: InputSignal<DBPageProps["documentOverflow"]>;
|
|
9
|
-
variant: InputSignal<DBPageProps["variant"]>;
|
|
10
|
-
id: InputSignal<DBPageProps["id"]>;
|
|
11
|
-
className: InputSignal<DBPageProps["className"]>;
|
|
12
|
-
mainClass: InputSignal<DBPageProps["mainClass"]>;
|
|
13
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
14
|
-
fontsLoaded: import("@angular/core").WritableSignal<boolean | 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
|
-
ngOnInit(): void;
|
|
23
|
-
ngAfterViewInit(): void;
|
|
24
|
-
ngOnDestroy(): void;
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBPage, never>;
|
|
26
|
-
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>;
|
|
27
|
-
}
|
|
@@ -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 { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBPopoverProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBPopover implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
7
|
-
placement: InputSignal<DBPopoverProps["placement"]>;
|
|
8
|
-
id: InputSignal<DBPopoverProps["id"]>;
|
|
9
|
-
className: InputSignal<DBPopoverProps["className"]>;
|
|
10
|
-
spacing: InputSignal<DBPopoverProps["spacing"]>;
|
|
11
|
-
gap: InputSignal<DBPopoverProps["gap"]>;
|
|
12
|
-
animation: InputSignal<DBPopoverProps["animation"]>;
|
|
13
|
-
open: InputSignal<DBPopoverProps["open"]>;
|
|
14
|
-
delay: InputSignal<DBPopoverProps["delay"]>;
|
|
15
|
-
width: InputSignal<DBPopoverProps["width"]>;
|
|
16
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
17
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
18
|
-
isExpanded: import("@angular/core").WritableSignal<boolean | undefined>;
|
|
19
|
-
_documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
|
|
20
|
-
_observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
|
|
21
|
-
handleEscape(event: any): void;
|
|
22
|
-
handleAutoPlacement(): void;
|
|
23
|
-
handleDocumentScroll(event: any): void;
|
|
24
|
-
handleEnter(): void;
|
|
25
|
-
handleLeave(event?: any): void;
|
|
26
|
-
getTrigger(): Element | null;
|
|
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<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 { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { ChangeEvent, InteractionEvent } from "../../shared/model";
|
|
4
|
-
import { DBRadioProps } from "./model";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
|
|
7
|
-
private renderer;
|
|
8
|
-
protected readonly getHideProp: (show?: boolean | string) => any;
|
|
9
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
10
|
-
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
11
|
-
id: InputSignal<DBRadioProps["id"]>;
|
|
12
|
-
checked: InputSignal<DBRadioProps["checked"]>;
|
|
13
|
-
size: InputSignal<DBRadioProps["size"]>;
|
|
14
|
-
showLabel: InputSignal<DBRadioProps["showLabel"]>;
|
|
15
|
-
showRequiredAsterisk: InputSignal<DBRadioProps["showRequiredAsterisk"]>;
|
|
16
|
-
className: InputSignal<DBRadioProps["className"]>;
|
|
17
|
-
validation: InputSignal<DBRadioProps["validation"]>;
|
|
18
|
-
name: InputSignal<DBRadioProps["name"]>;
|
|
19
|
-
disabled: ModelSignal<DBRadioProps["disabled"]>;
|
|
20
|
-
value: ModelSignal<DBRadioProps["value"]>;
|
|
21
|
-
required: InputSignal<DBRadioProps["required"]>;
|
|
22
|
-
label: InputSignal<DBRadioProps["label"]>;
|
|
23
|
-
change: import("@angular/core").OutputEmitterRef<void | Event>;
|
|
24
|
-
blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
25
|
-
focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
26
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
27
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
28
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
29
|
-
handleChange(event: ChangeEvent<HTMLInputElement> | any): void;
|
|
30
|
-
handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
|
|
31
|
-
handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
|
|
32
|
-
constructor(renderer: Renderer2);
|
|
33
|
-
/**
|
|
34
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
35
|
-
* @param element the ref for the component
|
|
36
|
-
* @param customElementSelector the custom element like `my-component`
|
|
37
|
-
*/
|
|
38
|
-
private enableAttributePassing;
|
|
39
|
-
writeValue(value: any): void;
|
|
40
|
-
propagateChange(_: any): void;
|
|
41
|
-
registerOnChange(onChange: any): void;
|
|
42
|
-
registerOnTouched(onTouched: any): void;
|
|
43
|
-
setDisabledState(disabled: boolean): 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 { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBSectionProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBSection implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
id: InputSignal<DBSectionProps["id"]>;
|
|
7
|
-
className: InputSignal<DBSectionProps["className"]>;
|
|
8
|
-
spacing: InputSignal<DBSectionProps["spacing"]>;
|
|
9
|
-
width: InputSignal<DBSectionProps["width"]>;
|
|
10
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
11
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
12
|
-
constructor();
|
|
13
|
-
/**
|
|
14
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
15
|
-
* @param element the ref for the component
|
|
16
|
-
* @param customElementSelector the custom element like `my-component`
|
|
17
|
-
*/
|
|
18
|
-
private enableAttributePassing;
|
|
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;
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { ChangeEvent, ClickEvent, InputEvent, InteractionEvent } from "../../shared/model";
|
|
4
|
-
import { DBSelectOptionType, DBSelectProps } from "./model";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class DBSelect 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 getOptionKey: (option: {
|
|
14
|
-
id?: string;
|
|
15
|
-
value?: string | number | string[] | undefined;
|
|
16
|
-
}, prefix: string) => string;
|
|
17
|
-
protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
|
|
18
|
-
protected readonly DEFAULT_VALID_MESSAGE: string;
|
|
19
|
-
id: InputSignal<DBSelectProps["id"]>;
|
|
20
|
-
invalidMessage: InputSignal<DBSelectProps["invalidMessage"]>;
|
|
21
|
-
message: InputSignal<DBSelectProps["message"]>;
|
|
22
|
-
showMessage: InputSignal<DBSelectProps["showMessage"]>;
|
|
23
|
-
placeholder: InputSignal<DBSelectProps["placeholder"]>;
|
|
24
|
-
value: ModelSignal<DBSelectProps["value"]>;
|
|
25
|
-
validMessage: InputSignal<DBSelectProps["validMessage"]>;
|
|
26
|
-
validation: InputSignal<DBSelectProps["validation"]>;
|
|
27
|
-
required: InputSignal<DBSelectProps["required"]>;
|
|
28
|
-
className: InputSignal<DBSelectProps["className"]>;
|
|
29
|
-
variant: InputSignal<DBSelectProps["variant"]>;
|
|
30
|
-
showLabel: InputSignal<DBSelectProps["showLabel"]>;
|
|
31
|
-
showRequiredAsterisk: InputSignal<DBSelectProps["showRequiredAsterisk"]>;
|
|
32
|
-
icon: InputSignal<DBSelectProps["icon"]>;
|
|
33
|
-
showIcon: InputSignal<DBSelectProps["showIcon"]>;
|
|
34
|
-
label: InputSignal<DBSelectProps["label"]>;
|
|
35
|
-
disabled: ModelSignal<DBSelectProps["disabled"]>;
|
|
36
|
-
name: InputSignal<DBSelectProps["name"]>;
|
|
37
|
-
size: InputSignal<DBSelectProps["size"]>;
|
|
38
|
-
autocomplete: InputSignal<DBSelectProps["autocomplete"]>;
|
|
39
|
-
multiple: InputSignal<DBSelectProps["multiple"]>;
|
|
40
|
-
ariaDescribedBy: InputSignal<DBSelectProps["ariaDescribedBy"]>;
|
|
41
|
-
options: InputSignal<DBSelectProps["options"]>;
|
|
42
|
-
messageIcon: InputSignal<DBSelectProps["messageIcon"]>;
|
|
43
|
-
click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
|
|
44
|
-
input: import("@angular/core").OutputEmitterRef<void | Event>;
|
|
45
|
-
change: import("@angular/core").OutputEmitterRef<void | Event>;
|
|
46
|
-
blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
47
|
-
focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
|
|
48
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
49
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
50
|
-
_messageId: import("@angular/core").WritableSignal<string | undefined>;
|
|
51
|
-
_validMessageId: import("@angular/core").WritableSignal<string | undefined>;
|
|
52
|
-
_invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
|
|
53
|
-
_invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
|
|
54
|
-
_placeholderId: import("@angular/core").WritableSignal<string>;
|
|
55
|
-
_descByIds: import("@angular/core").WritableSignal<string | undefined>;
|
|
56
|
-
_value: import("@angular/core").WritableSignal<string | undefined>;
|
|
57
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
58
|
-
_voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
|
|
59
|
-
hasValidState(): boolean;
|
|
60
|
-
handleValidation(): void;
|
|
61
|
-
handleClick(event: ClickEvent<HTMLSelectElement> | any): void;
|
|
62
|
-
handleInput(event: InputEvent<HTMLSelectElement> | any): void;
|
|
63
|
-
handleChange(event: ChangeEvent<HTMLSelectElement> | any): void;
|
|
64
|
-
handleBlur(event: InteractionEvent<HTMLSelectElement> | any): void;
|
|
65
|
-
handleFocus(event: InteractionEvent<HTMLSelectElement> | any): void;
|
|
66
|
-
getOptionLabel(option: DBSelectOptionType): string;
|
|
67
|
-
trackByOptgroupOption0(_: number, optgroupOption: any): string;
|
|
68
|
-
constructor(renderer: Renderer2);
|
|
69
|
-
/**
|
|
70
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
71
|
-
* @param element the ref for the component
|
|
72
|
-
* @param customElementSelector the custom element like `my-component`
|
|
73
|
-
*/
|
|
74
|
-
private enableAttributePassing;
|
|
75
|
-
writeValue(value: any): void;
|
|
76
|
-
propagateChange(_: any): void;
|
|
77
|
-
registerOnChange(onChange: any): void;
|
|
78
|
-
registerOnTouched(onTouched: any): void;
|
|
79
|
-
setDisabledState(disabled: boolean): void;
|
|
80
|
-
ngAfterViewInit(): void;
|
|
81
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBSelect, never>;
|
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBSelect, "db-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "click": "click"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
|
|
83
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBStack } from './stack';
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { GapSpacingProps, GlobalProps, GlobalState } from '../../shared/model';
|
|
2
|
-
export declare const StackVariantList: readonly ["simple", "divider"];
|
|
3
|
-
export type StackVariantType = (typeof StackVariantList)[number];
|
|
4
|
-
export declare const StackDirectionList: readonly ["row", "column"];
|
|
5
|
-
export type StackDirectionType = (typeof StackDirectionList)[number];
|
|
6
|
-
export declare const StackAlignmentList: readonly ["stretch", "start", "end", "center"];
|
|
7
|
-
export type StackAlignmentType = (typeof StackAlignmentList)[number];
|
|
8
|
-
export declare const StackJustifyContentList: readonly ["space-between", "start", "end", "center"];
|
|
9
|
-
export type StackJustifyContentType = (typeof StackJustifyContentList)[number];
|
|
10
|
-
export type DBStackDefaultProps = {
|
|
11
|
-
/**
|
|
12
|
-
* Change variant of stack. To use variant="divider" add a DBDivider after each element
|
|
13
|
-
*/
|
|
14
|
-
variant?: StackVariantType;
|
|
15
|
-
/**
|
|
16
|
-
* Set the direction of the stack. Defaults to "column"
|
|
17
|
-
*/
|
|
18
|
-
direction?: StackDirectionType;
|
|
19
|
-
/**
|
|
20
|
-
* If the stack should wrap if parent is too small otherwise you get an overflow
|
|
21
|
-
*/
|
|
22
|
-
wrap?: boolean | string;
|
|
23
|
-
/**
|
|
24
|
-
* Represents css align-items
|
|
25
|
-
*/
|
|
26
|
-
alignment?: StackAlignmentType;
|
|
27
|
-
/**
|
|
28
|
-
* Represents css justify-content
|
|
29
|
-
*/
|
|
30
|
-
justifyContent?: StackJustifyContentType;
|
|
31
|
-
};
|
|
32
|
-
export type DBStackProps = DBStackDefaultProps & GlobalProps & GapSpacingProps;
|
|
33
|
-
export type DBStackDefaultState = {};
|
|
34
|
-
export type DBStackState = DBStackDefaultState & GlobalState;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBStackProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBStack implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
7
|
-
id: InputSignal<DBStackProps["id"]>;
|
|
8
|
-
className: InputSignal<DBStackProps["className"]>;
|
|
9
|
-
gap: InputSignal<DBStackProps["gap"]>;
|
|
10
|
-
variant: InputSignal<DBStackProps["variant"]>;
|
|
11
|
-
direction: InputSignal<DBStackProps["direction"]>;
|
|
12
|
-
alignment: InputSignal<DBStackProps["alignment"]>;
|
|
13
|
-
justifyContent: InputSignal<DBStackProps["justifyContent"]>;
|
|
14
|
-
wrap: InputSignal<DBStackProps["wrap"]>;
|
|
15
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
16
|
-
constructor();
|
|
17
|
-
/**
|
|
18
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
19
|
-
* @param element the ref for the component
|
|
20
|
-
* @param customElementSelector the custom element like `my-component`
|
|
21
|
-
*/
|
|
22
|
-
private enableAttributePassing;
|
|
23
|
-
ngAfterViewInit(): void;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBStack, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBStack, "db-stack", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
26
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBSwitch } from './switch';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, SizeProps } from '../../shared/model';
|
|
2
|
-
export type DBSwitchDefaultProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Add additional icons to indicate active/inactive state.
|
|
5
|
-
*/
|
|
6
|
-
visualAid?: boolean | string;
|
|
7
|
-
};
|
|
8
|
-
export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps;
|
|
9
|
-
export type DBSwitchDefaultState = {};
|
|
10
|
-
export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;
|