@baloise/ds-angular 19.10.2 → 20.0.0-next.10
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/LICENSE +11 -2
- package/dist/fesm2022/baloise-ds-angular.mjs +3382 -0
- package/dist/fesm2022/baloise-ds-angular.mjs.map +1 -0
- package/dist/package.json +43 -0
- package/dist/types/baloise-ds-angular.d.ts +1751 -0
- package/dist/types/baloise-ds-angular.d.ts.map +1 -0
- package/package.json +31 -22
- package/README.md +0 -37
- package/app-initialize.d.ts +0 -3
- package/bundles.d.ts +0 -27
- package/components/bal-checkbox-group.d.ts +0 -20
- package/components/bal-checkbox.d.ts +0 -21
- package/components/bal-date.d.ts +0 -30
- package/components/bal-dropdown.d.ts +0 -20
- package/components/bal-file-upload.d.ts +0 -28
- package/components/bal-input-date.d.ts +0 -24
- package/components/bal-input-slider.d.ts +0 -24
- package/components/bal-input-stepper.d.ts +0 -27
- package/components/bal-input.d.ts +0 -24
- package/components/bal-number-input.d.ts +0 -25
- package/components/bal-radio-group.d.ts +0 -20
- package/components/bal-segment.d.ts +0 -18
- package/components/bal-select.d.ts +0 -28
- package/components/bal-textarea.d.ts +0 -24
- package/components/bal-time-input.d.ts +0 -26
- package/components/index.d.ts +0 -15
- package/directives/error.component.d.ts +0 -8
- package/directives/focus.directive.d.ts +0 -6
- package/esm2022/app-initialize.mjs +0 -32
- package/esm2022/baloise-ds-angular.mjs +0 -5
- package/esm2022/bundles.mjs +0 -203
- package/esm2022/components/bal-checkbox-group.mjs +0 -55
- package/esm2022/components/bal-checkbox.mjs +0 -59
- package/esm2022/components/bal-date.mjs +0 -55
- package/esm2022/components/bal-dropdown.mjs +0 -61
- package/esm2022/components/bal-file-upload.mjs +0 -55
- package/esm2022/components/bal-input-date.mjs +0 -55
- package/esm2022/components/bal-input-slider.mjs +0 -55
- package/esm2022/components/bal-input-stepper.mjs +0 -60
- package/esm2022/components/bal-input.mjs +0 -55
- package/esm2022/components/bal-number-input.mjs +0 -60
- package/esm2022/components/bal-radio-group.mjs +0 -55
- package/esm2022/components/bal-segment.mjs +0 -59
- package/esm2022/components/bal-select.mjs +0 -55
- package/esm2022/components/bal-textarea.mjs +0 -55
- package/esm2022/components/bal-time-input.mjs +0 -55
- package/esm2022/components/index.mjs +0 -16
- package/esm2022/directives/error.component.mjs +0 -23
- package/esm2022/directives/focus.directive.mjs +0 -15
- package/esm2022/generated/angular-component-lib/utils.mjs +0 -75
- package/esm2022/generated/meta.mjs +0 -48
- package/esm2022/generated/proxies.mjs +0 -2907
- package/esm2022/generated/value-accessor.mjs +0 -149
- package/esm2022/index.mjs +0 -11
- package/esm2022/provide.mjs +0 -68
- package/esm2022/providers/modal.service.mjs +0 -32
- package/esm2022/providers/snackbar.service.mjs +0 -30
- package/esm2022/providers/toast.service.mjs +0 -30
- package/fesm2022/baloise-ds-angular.mjs +0 -4209
- package/fesm2022/baloise-ds-angular.mjs.map +0 -1
- package/generated/angular-component-lib/utils.d.ts +0 -9
- package/generated/meta.d.ts +0 -45
- package/generated/proxies.d.ts +0 -1036
- package/generated/value-accessor.d.ts +0 -41
- package/index.d.ts +0 -11
- package/provide.d.ts +0 -3
- package/providers/modal.service.d.ts +0 -13
- package/providers/snackbar.service.d.ts +0 -10
- package/providers/toast.service.d.ts +0 -10
|
@@ -0,0 +1,1751 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { NgZone, EventEmitter, ChangeDetectorRef, ElementRef, Injector, EnvironmentProviders } from '@angular/core';
|
|
3
|
+
import { DsConfig } from '@baloise/ds-core';
|
|
4
|
+
import * as packages_core_dist_types_components_file_upload_file_upload_interfaces from 'packages/core/dist/types/components/file-upload/file-upload.interfaces';
|
|
5
|
+
import { DsAccordionCustomEvent, AccordionToggleDetail, Components, DsAppFooterCustomEvent, AppFooterLanguageChangeDetail, DsAppNavbarCustomEvent, DsButtonCustomEvent, ButtonClickDetail, ButtonNavigateDetail, ButtonFocusDetail, ButtonBlurDetail, ButtonDidRenderDetail, DsCarouselCustomEvent, CarouselChangeDetail, DsCarouselItemCustomEvent, DsCheckboxCustomEvent, CheckboxFocusDetail, CheckboxBlurDetail, CheckboxChangeDetail, DsCheckboxGroupCustomEvent, CheckboxGroupChangeDetail, CheckboxGroupBlurDetail, CheckboxGroupFocusDetail, DsCounterCustomEvent, CounterInputDetail, CounterChangeDetail, CounterIncreaseDetail, CounterDecreaseDetail, CounterFocusDetail, CounterBlurDetail, DsDatepickerCustomEvent, DatepickerInputDetail, DatepickerChangeDetail, DatepickerBlurDetail, DatepickerKeyPressDetail, DatepickerFocusDetail, DatepickerClickDetail, DsDrawerCustomEvent, DrawerPresentDetail, DrawerDismissDetail, DsFileUploadCustomEvent, FileUploadChangeDetail, FileUploadFilesAddedDetail, FileUploadFilesRemovedDetail, FileUploadRejectedFileDetail, FileUploadInputClickDetail, FileUploadBlurDetail, FileUploadFocusDetail, DsInputCustomEvent, InputInputDetail, InputChangeDetail, InputBlurDetail, InputKeyPressDetail, InputFocusDetail, InputClickDetail, DsInputPhoneCustomEvent, PhoneInputDetail, PhoneCountryChangeDetail, PhoneChangeDetail, DsItemCustomEvent, DsModalCustomEvent, ModalPresentDetail, ModalDismissDetail, DsNotificationCustomEvent, NotificationCloseClickDetail, DsNumberInputCustomEvent, NumberInputInputDetail, NumberInputChangeDetail, NumberInputBlurDetail, NumberInputFocusDetail, NumberInputClickDetail, NumberInputKeyPressDetail, DsPaginationCustomEvent, PaginationChangeDetail, DsPopupCustomEvent, PopupPresentDetail, PopupDismissDetail, DsRadioCustomEvent, RadioBlurDetail, RadioChangeDetail, RadioFocusDetail, DsRadioGroupCustomEvent, RadioGroupBlurDetail, RadioGroupChangeDetail, RadioGroupFocusDetail, DsRootCustomEvent, DsBrand, DsRegion, DsLanguage, DsIcons, DsLegalLinks, DsLegalText, DsSocialLinks, DsSegmentCustomEvent, SegmentBlurDetail, SegmentChangeDetail, SegmentFocusDetail, DsSegmentItemCustomEvent, DsSelectCustomEvent, SelectChangeDetail, SelectFocusDetail, SelectBlurDetail, SelectClickDetail, DsSliderCustomEvent, SliderInputDetail, SliderFocusDetail, SliderBlurDetail, SliderClickDetail, SliderChangeDetail, DsSnackbarCustomEvent, SnackbarCloseClickDetail, SnackbarActionClickDetail, DsStepCustomEvent, DsStepsCustomEvent, StepsChangeDetail, DsTabCustomEvent, DsTabsCustomEvent, TabsChangeDetail, DsTagCustomEvent, TagCloseClickDetail, DsTextareaCustomEvent, TextareaChangeDetail, TextareaInputDetail, TextareaBlurDetail, TextareaClickDetail, TextareaFocusDetail, TextareaKeyPressDetail, DsToastCustomEvent, ToastCloseClickDetail, ToastActionClickDetail, DsToggleCustomEvent, ToggleBlurDetail, ToggleChangeDetail, ToggleFocusDetail, DsTooltipCustomEvent, TooltipWillAnimateDetail, TooltipDidAnimateDetail } from '@baloise/ds-core/components';
|
|
6
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
7
|
+
|
|
8
|
+
declare class DsAccordion {
|
|
9
|
+
protected z: NgZone;
|
|
10
|
+
protected el: HTMLDsAccordionElement;
|
|
11
|
+
dsToggle: EventEmitter<DsAccordionCustomEvent<AccordionToggleDetail>>;
|
|
12
|
+
dsOpened: EventEmitter<DsAccordionCustomEvent<AccordionToggleDetail>>;
|
|
13
|
+
dsClosed: EventEmitter<DsAccordionCustomEvent<AccordionToggleDetail>>;
|
|
14
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsAccordion, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsAccordion, "ds-accordion", never, { "button": { "alias": "button"; "required": false; }; "buttonColor": { "alias": "buttonColor"; "required": false; }; "buttonIconClose": { "alias": "buttonIconClose"; "required": false; }; "buttonIconOpen": { "alias": "buttonIconOpen"; "required": false; }; "buttonLabelClose": { "alias": "buttonLabelClose"; "required": false; }; "buttonLabelOpen": { "alias": "buttonLabelOpen"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "buttonWide": { "alias": "buttonWide"; "required": false; }; "group": { "alias": "group"; "required": false; }; "marker": { "alias": "marker"; "required": false; }; "markerPosition": { "alias": "markerPosition"; "required": false; }; "open": { "alias": "open"; "required": false; }; "summaryLevel": { "alias": "summaryLevel"; "required": false; }; "summaryTitle": { "alias": "summaryTitle"; "required": false; }; "summaryVisualLevel": { "alias": "summaryVisualLevel"; "required": false; }; }, { "dsToggle": "dsToggle"; "dsOpened": "dsOpened"; "dsClosed": "dsClosed"; }, never, ["*"], true, never>;
|
|
17
|
+
}
|
|
18
|
+
declare interface DsAccordion extends Components.DsAccordion {
|
|
19
|
+
/**
|
|
20
|
+
* Emitted when the input value has changed.
|
|
21
|
+
*/
|
|
22
|
+
dsToggle: EventEmitter<DsAccordionCustomEvent<AccordionToggleDetail>>;
|
|
23
|
+
/**
|
|
24
|
+
* Emitted when the accordion is opened.
|
|
25
|
+
*/
|
|
26
|
+
dsOpened: EventEmitter<DsAccordionCustomEvent<AccordionToggleDetail>>;
|
|
27
|
+
/**
|
|
28
|
+
* Emitted when the accordion is closed.
|
|
29
|
+
*/
|
|
30
|
+
dsClosed: EventEmitter<DsAccordionCustomEvent<AccordionToggleDetail>>;
|
|
31
|
+
}
|
|
32
|
+
declare class DsAlertContainer {
|
|
33
|
+
protected z: NgZone;
|
|
34
|
+
protected el: HTMLDsAlertContainerElement;
|
|
35
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsAlertContainer, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsAlertContainer, "ds-alert-container", never, { "animated": { "alias": "animated"; "required": false; }; "container": { "alias": "container"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
38
|
+
}
|
|
39
|
+
declare interface DsAlertContainer extends Components.DsAlertContainer {
|
|
40
|
+
}
|
|
41
|
+
declare class DsAppFooter {
|
|
42
|
+
protected z: NgZone;
|
|
43
|
+
protected el: HTMLDsAppFooterElement;
|
|
44
|
+
dsLanguageChange: EventEmitter<DsAppFooterCustomEvent<AppFooterLanguageChangeDetail>>;
|
|
45
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsAppFooter, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsAppFooter, "ds-app-footer", never, { "container": { "alias": "container"; "required": false; }; "disableDefaultLinks": { "alias": "disableDefaultLinks"; "required": false; }; "disableDefaultSocialLinks": { "alias": "disableDefaultSocialLinks"; "required": false; }; "hideLanguageSelection": { "alias": "hideLanguageSelection"; "required": false; }; "legalText": { "alias": "legalText"; "required": false; }; }, { "dsLanguageChange": "dsLanguageChange"; }, never, ["*"], true, never>;
|
|
48
|
+
}
|
|
49
|
+
declare interface DsAppFooter extends Components.DsAppFooter {
|
|
50
|
+
/**
|
|
51
|
+
* Emitted when the language select value changes.
|
|
52
|
+
*/
|
|
53
|
+
dsLanguageChange: EventEmitter<DsAppFooterCustomEvent<AppFooterLanguageChangeDetail>>;
|
|
54
|
+
}
|
|
55
|
+
declare class DsAppNavbar {
|
|
56
|
+
protected z: NgZone;
|
|
57
|
+
protected el: HTMLDsAppNavbarElement;
|
|
58
|
+
dsMenuOpenStart: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
59
|
+
dsMenuOpenEnd: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
60
|
+
dsMenuCloseStart: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
61
|
+
dsMenuCloseEnd: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
62
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsAppNavbar, never>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsAppNavbar, "ds-app-navbar", never, { "container": { "alias": "container"; "required": false; }; "light": { "alias": "light"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dsMenuOpenStart": "dsMenuOpenStart"; "dsMenuOpenEnd": "dsMenuOpenEnd"; "dsMenuCloseStart": "dsMenuCloseStart"; "dsMenuCloseEnd": "dsMenuCloseEnd"; }, never, ["*"], true, never>;
|
|
65
|
+
}
|
|
66
|
+
declare interface DsAppNavbar extends Components.DsAppNavbar {
|
|
67
|
+
/**
|
|
68
|
+
* Emitted when the sidebar menu starts opening
|
|
69
|
+
*/
|
|
70
|
+
dsMenuOpenStart: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
71
|
+
/**
|
|
72
|
+
* Emitted when the sidebar menu finishes opening
|
|
73
|
+
*/
|
|
74
|
+
dsMenuOpenEnd: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
75
|
+
/**
|
|
76
|
+
* Emitted when the sidebar menu starts closing
|
|
77
|
+
*/
|
|
78
|
+
dsMenuCloseStart: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
79
|
+
/**
|
|
80
|
+
* Emitted when the sidebar menu finishes closing
|
|
81
|
+
*/
|
|
82
|
+
dsMenuCloseEnd: EventEmitter<DsAppNavbarCustomEvent<void>>;
|
|
83
|
+
}
|
|
84
|
+
declare class DsBadge {
|
|
85
|
+
protected z: NgZone;
|
|
86
|
+
protected el: HTMLDsBadgeElement;
|
|
87
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
88
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsBadge, never>;
|
|
89
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsBadge, "ds-badge", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pulse": { "alias": "pulse"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
90
|
+
}
|
|
91
|
+
declare interface DsBadge extends Components.DsBadge {
|
|
92
|
+
}
|
|
93
|
+
declare class DsBrandIcon {
|
|
94
|
+
protected z: NgZone;
|
|
95
|
+
protected el: HTMLDsBrandIconElement;
|
|
96
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
97
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsBrandIcon, never>;
|
|
98
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsBrandIcon, "ds-brand-icon", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "svg": { "alias": "svg"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
99
|
+
}
|
|
100
|
+
declare interface DsBrandIcon extends Components.DsBrandIcon {
|
|
101
|
+
}
|
|
102
|
+
declare class DsButton {
|
|
103
|
+
protected z: NgZone;
|
|
104
|
+
protected el: HTMLDsButtonElement;
|
|
105
|
+
dsClick: EventEmitter<DsButtonCustomEvent<MouseEvent>>;
|
|
106
|
+
dsNavigate: EventEmitter<DsButtonCustomEvent<MouseEvent>>;
|
|
107
|
+
dsFocus: EventEmitter<DsButtonCustomEvent<void>>;
|
|
108
|
+
dsBlur: EventEmitter<DsButtonCustomEvent<void>>;
|
|
109
|
+
dsDidRender: EventEmitter<DsButtonCustomEvent<void>>;
|
|
110
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
111
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsButton, never>;
|
|
112
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsButton, "ds-button", never, { "a11yControls": { "alias": "a11yControls"; "required": false; }; "a11yHaspopup": { "alias": "a11yHaspopup"; "required": false; }; "a11yLabel": { "alias": "a11yLabel"; "required": false; }; "a11yTitle": { "alias": "a11yTitle"; "required": false; }; "brandIcon": { "alias": "brandIcon"; "required": false; }; "brandSize": { "alias": "brandSize"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "elementType": { "alias": "elementType"; "required": false; }; "flat": { "alias": "flat"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "iconTurn": { "alias": "iconTurn"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "size": { "alias": "size"; "required": false; }; "square": { "alias": "square"; "required": false; }; "target": { "alias": "target"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, { "dsClick": "dsClick"; "dsNavigate": "dsNavigate"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; "dsDidRender": "dsDidRender"; }, never, ["*"], true, never>;
|
|
113
|
+
}
|
|
114
|
+
declare interface DsButton extends Components.DsButton {
|
|
115
|
+
/**
|
|
116
|
+
* Emitted when the link element has clicked.
|
|
117
|
+
*/
|
|
118
|
+
dsClick: EventEmitter<DsButtonCustomEvent<ButtonClickDetail>>;
|
|
119
|
+
/**
|
|
120
|
+
* Emitted when the link element has clicked.
|
|
121
|
+
*/
|
|
122
|
+
dsNavigate: EventEmitter<DsButtonCustomEvent<ButtonNavigateDetail>>;
|
|
123
|
+
/**
|
|
124
|
+
* Emitted when the button has focus.
|
|
125
|
+
*/
|
|
126
|
+
dsFocus: EventEmitter<DsButtonCustomEvent<ButtonFocusDetail>>;
|
|
127
|
+
/**
|
|
128
|
+
* Emitted when the button loses focus.
|
|
129
|
+
*/
|
|
130
|
+
dsBlur: EventEmitter<DsButtonCustomEvent<ButtonBlurDetail>>;
|
|
131
|
+
/**
|
|
132
|
+
* Emitted when the button has been rendered.
|
|
133
|
+
*/
|
|
134
|
+
dsDidRender: EventEmitter<DsButtonCustomEvent<ButtonDidRenderDetail>>;
|
|
135
|
+
}
|
|
136
|
+
declare class DsButtonGroup {
|
|
137
|
+
protected z: NgZone;
|
|
138
|
+
protected el: HTMLDsButtonGroupElement;
|
|
139
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
140
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonGroup, never>;
|
|
141
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonGroup, "ds-button-group", never, { "align": { "alias": "align"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
142
|
+
}
|
|
143
|
+
declare interface DsButtonGroup extends Components.DsButtonGroup {
|
|
144
|
+
}
|
|
145
|
+
declare class DsCard {
|
|
146
|
+
protected z: NgZone;
|
|
147
|
+
protected el: HTMLDsCardElement;
|
|
148
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
149
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCard, never>;
|
|
150
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCard, "ds-card", never, { "align": { "alias": "align"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "flat": { "alias": "flat"; "required": false; }; "fullheight": { "alias": "fullheight"; "required": false; }; "imageTeaser": { "alias": "imageTeaser"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "space": { "alias": "space"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
151
|
+
}
|
|
152
|
+
declare interface DsCard extends Components.DsCard {
|
|
153
|
+
}
|
|
154
|
+
declare class DsCardActions {
|
|
155
|
+
protected z: NgZone;
|
|
156
|
+
protected el: HTMLDsCardActionsElement;
|
|
157
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
158
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCardActions, never>;
|
|
159
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCardActions, "ds-card-actions", never, { "align": { "alias": "align"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
160
|
+
}
|
|
161
|
+
declare interface DsCardActions extends Components.DsCardActions {
|
|
162
|
+
}
|
|
163
|
+
declare class DsCardContent {
|
|
164
|
+
protected z: NgZone;
|
|
165
|
+
protected el: HTMLDsCardContentElement;
|
|
166
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
167
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCardContent, never>;
|
|
168
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCardContent, "ds-card-content", never, {}, {}, never, ["*"], true, never>;
|
|
169
|
+
}
|
|
170
|
+
declare interface DsCardContent extends Components.DsCardContent {
|
|
171
|
+
}
|
|
172
|
+
declare class DsCardHeader {
|
|
173
|
+
protected z: NgZone;
|
|
174
|
+
protected el: HTMLDsCardHeaderElement;
|
|
175
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
176
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCardHeader, never>;
|
|
177
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCardHeader, "ds-card-header", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
178
|
+
}
|
|
179
|
+
declare interface DsCardHeader extends Components.DsCardHeader {
|
|
180
|
+
}
|
|
181
|
+
declare class DsCardSubtitle {
|
|
182
|
+
protected z: NgZone;
|
|
183
|
+
protected el: HTMLDsCardSubtitleElement;
|
|
184
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
185
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCardSubtitle, never>;
|
|
186
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCardSubtitle, "ds-card-subtitle", never, { "bold": { "alias": "bold"; "required": false; }; "color": { "alias": "color"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
187
|
+
}
|
|
188
|
+
declare interface DsCardSubtitle extends Components.DsCardSubtitle {
|
|
189
|
+
}
|
|
190
|
+
declare class DsCardTitle {
|
|
191
|
+
protected z: NgZone;
|
|
192
|
+
protected el: HTMLDsCardTitleElement;
|
|
193
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
194
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCardTitle, never>;
|
|
195
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCardTitle, "ds-card-title", never, { "inverted": { "alias": "inverted"; "required": false; }; "level": { "alias": "level"; "required": false; }; "visualLevel": { "alias": "visualLevel"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
196
|
+
}
|
|
197
|
+
declare interface DsCardTitle extends Components.DsCardTitle {
|
|
198
|
+
}
|
|
199
|
+
declare class DsCarousel {
|
|
200
|
+
protected z: NgZone;
|
|
201
|
+
protected el: HTMLDsCarouselElement;
|
|
202
|
+
dsChange: EventEmitter<DsCarouselCustomEvent<CarouselChangeDetail>>;
|
|
203
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
204
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCarousel, never>;
|
|
205
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCarousel, "ds-carousel", never, { "controls": { "alias": "controls"; "required": false; }; "itemsPerView": { "alias": "itemsPerView"; "required": false; }; "label": { "alias": "label"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
206
|
+
}
|
|
207
|
+
declare interface DsCarousel extends Components.DsCarousel {
|
|
208
|
+
/**
|
|
209
|
+
* Emitted when the selected item changes.
|
|
210
|
+
*/
|
|
211
|
+
dsChange: EventEmitter<DsCarouselCustomEvent<CarouselChangeDetail>>;
|
|
212
|
+
}
|
|
213
|
+
declare class DsCarouselItem {
|
|
214
|
+
protected z: NgZone;
|
|
215
|
+
protected el: HTMLDsCarouselItemElement;
|
|
216
|
+
dsCarouselItemSelect: EventEmitter<DsCarouselItemCustomEvent<{
|
|
217
|
+
name: string;
|
|
218
|
+
}>>;
|
|
219
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
220
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCarouselItem, never>;
|
|
221
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCarouselItem, "ds-carousel-item", never, { "color": { "alias": "color"; "required": false; }; "name": { "alias": "name"; "required": true; }; "navigation": { "alias": "navigation"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, { "dsCarouselItemSelect": "dsCarouselItemSelect"; }, never, ["*"], true, never>;
|
|
222
|
+
}
|
|
223
|
+
declare interface DsCarouselItem extends Components.DsCarouselItem {
|
|
224
|
+
/**
|
|
225
|
+
* Emitted when the user clicks this item (product variant).
|
|
226
|
+
*/
|
|
227
|
+
dsCarouselItemSelect: EventEmitter<DsCarouselItemCustomEvent<{
|
|
228
|
+
name: string;
|
|
229
|
+
}>>;
|
|
230
|
+
}
|
|
231
|
+
declare class DsCheckbox {
|
|
232
|
+
protected z: NgZone;
|
|
233
|
+
protected el: HTMLDsCheckboxElement;
|
|
234
|
+
dsFocus: EventEmitter<DsCheckboxCustomEvent<FocusEvent>>;
|
|
235
|
+
dsBlur: EventEmitter<DsCheckboxCustomEvent<FocusEvent>>;
|
|
236
|
+
dsChange: EventEmitter<DsCheckboxCustomEvent<boolean>>;
|
|
237
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
238
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCheckbox, never>;
|
|
239
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCheckbox, "ds-checkbox", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "tileColor": { "alias": "tileColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
240
|
+
}
|
|
241
|
+
declare interface DsCheckbox extends Components.DsCheckbox {
|
|
242
|
+
/**
|
|
243
|
+
* Emitted when the toggle has focus.
|
|
244
|
+
*/
|
|
245
|
+
dsFocus: EventEmitter<DsCheckboxCustomEvent<CheckboxFocusDetail>>;
|
|
246
|
+
/**
|
|
247
|
+
* Emitted when the toggle loses focus.
|
|
248
|
+
*/
|
|
249
|
+
dsBlur: EventEmitter<DsCheckboxCustomEvent<CheckboxBlurDetail>>;
|
|
250
|
+
/**
|
|
251
|
+
* Emitted when the value property has changed.
|
|
252
|
+
*/
|
|
253
|
+
dsChange: EventEmitter<DsCheckboxCustomEvent<CheckboxChangeDetail>>;
|
|
254
|
+
}
|
|
255
|
+
declare class DsCheckboxGroup$1 {
|
|
256
|
+
protected z: NgZone;
|
|
257
|
+
protected el: HTMLDsCheckboxGroupElement;
|
|
258
|
+
dsBlur: EventEmitter<DsCheckboxGroupCustomEvent<FocusEvent>>;
|
|
259
|
+
dsChange: EventEmitter<DsCheckboxGroupCustomEvent<CheckboxGroupChangeDetail>>;
|
|
260
|
+
dsFocus: EventEmitter<DsCheckboxGroupCustomEvent<FocusEvent>>;
|
|
261
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
262
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCheckboxGroup$1, never>;
|
|
263
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCheckboxGroup$1, "ds-checkbox-group", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "colsMobile": { "alias": "colsMobile"; "required": false; }; "colsTablet": { "alias": "colsTablet"; "required": false; }; "control": { "alias": "control"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "tileColor": { "alias": "tileColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
264
|
+
}
|
|
265
|
+
declare interface DsCheckboxGroup$1 extends Components.DsCheckboxGroup {
|
|
266
|
+
/**
|
|
267
|
+
* Emitted when a keyboard input occurred.
|
|
268
|
+
*/
|
|
269
|
+
dsBlur: EventEmitter<DsCheckboxGroupCustomEvent<CheckboxGroupBlurDetail>>;
|
|
270
|
+
/**
|
|
271
|
+
* Emitted when the input value has changed.
|
|
272
|
+
*/
|
|
273
|
+
dsChange: EventEmitter<DsCheckboxGroupCustomEvent<CheckboxGroupChangeDetail>>;
|
|
274
|
+
/**
|
|
275
|
+
* Emitted when the input has focus.
|
|
276
|
+
*/
|
|
277
|
+
dsFocus: EventEmitter<DsCheckboxGroupCustomEvent<CheckboxGroupFocusDetail>>;
|
|
278
|
+
}
|
|
279
|
+
declare class DsClose {
|
|
280
|
+
protected z: NgZone;
|
|
281
|
+
protected el: HTMLDsCloseElement;
|
|
282
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
283
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsClose, never>;
|
|
284
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsClose, "ds-close", never, { "button": { "alias": "button"; "required": false; }; "buttonColor": { "alias": "buttonColor"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
285
|
+
}
|
|
286
|
+
declare interface DsClose extends Components.DsClose {
|
|
287
|
+
}
|
|
288
|
+
declare class DsContent {
|
|
289
|
+
protected z: NgZone;
|
|
290
|
+
protected el: HTMLDsContentElement;
|
|
291
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
292
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsContent, never>;
|
|
293
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsContent, "ds-content", never, { "align": { "alias": "align"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "space": { "alias": "space"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
294
|
+
}
|
|
295
|
+
declare interface DsContent extends Components.DsContent {
|
|
296
|
+
}
|
|
297
|
+
declare class DsCounter$1 {
|
|
298
|
+
protected z: NgZone;
|
|
299
|
+
protected el: HTMLDsCounterElement;
|
|
300
|
+
dsInput: EventEmitter<DsCounterCustomEvent<number>>;
|
|
301
|
+
dsChange: EventEmitter<DsCounterCustomEvent<number>>;
|
|
302
|
+
dsIncrease: EventEmitter<DsCounterCustomEvent<number>>;
|
|
303
|
+
dsDecrease: EventEmitter<DsCounterCustomEvent<number>>;
|
|
304
|
+
dsFocus: EventEmitter<DsCounterCustomEvent<void>>;
|
|
305
|
+
dsBlur: EventEmitter<DsCounterCustomEvent<void>>;
|
|
306
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
307
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCounter$1, never>;
|
|
308
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCounter$1, "ds-counter", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsChange": "dsChange"; "dsIncrease": "dsIncrease"; "dsDecrease": "dsDecrease"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; }, never, ["*"], true, never>;
|
|
309
|
+
}
|
|
310
|
+
declare interface DsCounter$1 extends Components.DsCounter {
|
|
311
|
+
/**
|
|
312
|
+
* Emitted whenever the value changes via a step. Fires alongside `dsChange`.
|
|
313
|
+
*/
|
|
314
|
+
dsInput: EventEmitter<DsCounterCustomEvent<CounterInputDetail>>;
|
|
315
|
+
/**
|
|
316
|
+
* Emitted once per successful step. Debounceable via the `debounce` prop.
|
|
317
|
+
*/
|
|
318
|
+
dsChange: EventEmitter<DsCounterCustomEvent<CounterChangeDetail>>;
|
|
319
|
+
/**
|
|
320
|
+
* Emitted after a successful increase step, in addition to `dsChange`/`dsInput`.
|
|
321
|
+
*/
|
|
322
|
+
dsIncrease: EventEmitter<DsCounterCustomEvent<CounterIncreaseDetail>>;
|
|
323
|
+
/**
|
|
324
|
+
* Emitted after a successful decrease step, in addition to `dsChange`/`dsInput`.
|
|
325
|
+
*/
|
|
326
|
+
dsDecrease: EventEmitter<DsCounterCustomEvent<CounterDecreaseDetail>>;
|
|
327
|
+
/**
|
|
328
|
+
* Emitted when focus enters the widget (either button).
|
|
329
|
+
*/
|
|
330
|
+
dsFocus: EventEmitter<DsCounterCustomEvent<CounterFocusDetail>>;
|
|
331
|
+
/**
|
|
332
|
+
* Emitted when focus leaves the widget entirely. Tabbing between the two
|
|
333
|
+
buttons does not emit — see `handleFocusout`.
|
|
334
|
+
*/
|
|
335
|
+
dsBlur: EventEmitter<DsCounterCustomEvent<CounterBlurDetail>>;
|
|
336
|
+
}
|
|
337
|
+
declare class DsData {
|
|
338
|
+
protected z: NgZone;
|
|
339
|
+
protected el: HTMLDsDataElement;
|
|
340
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
341
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsData, never>;
|
|
342
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsData, "ds-data", never, { "horizontal": { "alias": "horizontal"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
343
|
+
}
|
|
344
|
+
declare interface DsData extends Components.DsData {
|
|
345
|
+
}
|
|
346
|
+
declare class DsDataItem {
|
|
347
|
+
protected z: NgZone;
|
|
348
|
+
protected el: HTMLDsDataItemElement;
|
|
349
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
350
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDataItem, never>;
|
|
351
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDataItem, "ds-data-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "editLabel": { "alias": "editLabel"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
352
|
+
}
|
|
353
|
+
declare interface DsDataItem extends Components.DsDataItem {
|
|
354
|
+
}
|
|
355
|
+
declare class DsDataLabel {
|
|
356
|
+
protected z: NgZone;
|
|
357
|
+
protected el: HTMLDsDataLabelElement;
|
|
358
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
359
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDataLabel, never>;
|
|
360
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDataLabel, "ds-data-label", never, { "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
361
|
+
}
|
|
362
|
+
declare interface DsDataLabel extends Components.DsDataLabel {
|
|
363
|
+
}
|
|
364
|
+
declare class DsDataValue {
|
|
365
|
+
protected z: NgZone;
|
|
366
|
+
protected el: HTMLDsDataValueElement;
|
|
367
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
368
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDataValue, never>;
|
|
369
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDataValue, "ds-data-value", never, {}, {}, never, ["*"], true, never>;
|
|
370
|
+
}
|
|
371
|
+
declare interface DsDataValue extends Components.DsDataValue {
|
|
372
|
+
}
|
|
373
|
+
declare class DsDatepicker$1 {
|
|
374
|
+
protected z: NgZone;
|
|
375
|
+
protected el: HTMLDsDatepickerElement;
|
|
376
|
+
dsBlur: EventEmitter<DsDatepickerCustomEvent<FocusEvent>>;
|
|
377
|
+
dsKeyPress: EventEmitter<DsDatepickerCustomEvent<KeyboardEvent>>;
|
|
378
|
+
dsFocus: EventEmitter<DsDatepickerCustomEvent<FocusEvent>>;
|
|
379
|
+
dsClick: EventEmitter<DsDatepickerCustomEvent<MouseEvent>>;
|
|
380
|
+
dsInput: EventEmitter<DsDatepickerCustomEvent<DatepickerInputDetail>>;
|
|
381
|
+
dsChange: EventEmitter<DsDatepickerCustomEvent<DatepickerChangeDetail>>;
|
|
382
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
383
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDatepicker$1, never>;
|
|
384
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDatepicker$1, "ds-datepicker", never, { "allowedDates": { "alias": "allowedDates"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "freeSolo": { "alias": "freeSolo"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxYearProp": { "alias": "maxYearProp"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minYearProp": { "alias": "minYearProp"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsKeyPress": "dsKeyPress"; "dsFocus": "dsFocus"; "dsClick": "dsClick"; "dsInput": "dsInput"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
385
|
+
}
|
|
386
|
+
declare interface DsDatepicker$1 extends Components.DsDatepicker {
|
|
387
|
+
/**
|
|
388
|
+
* Emitted when the input loses focus.
|
|
389
|
+
*/
|
|
390
|
+
dsBlur: EventEmitter<DsDatepickerCustomEvent<DatepickerBlurDetail>>;
|
|
391
|
+
/**
|
|
392
|
+
* Emitted when a keyboard key has been pressed.
|
|
393
|
+
*/
|
|
394
|
+
dsKeyPress: EventEmitter<DsDatepickerCustomEvent<DatepickerKeyPressDetail>>;
|
|
395
|
+
/**
|
|
396
|
+
* Emitted when the input receives focus.
|
|
397
|
+
*/
|
|
398
|
+
dsFocus: EventEmitter<DsDatepickerCustomEvent<DatepickerFocusDetail>>;
|
|
399
|
+
/**
|
|
400
|
+
* Emitted when the input is clicked.
|
|
401
|
+
*/
|
|
402
|
+
dsClick: EventEmitter<DsDatepickerCustomEvent<DatepickerClickDetail>>;
|
|
403
|
+
/**
|
|
404
|
+
* Emitted when a keyboard input occurred (ISO value or null if incomplete).
|
|
405
|
+
*/
|
|
406
|
+
dsInput: EventEmitter<DsDatepickerCustomEvent<DatepickerInputDetail>>;
|
|
407
|
+
/**
|
|
408
|
+
* Emitted when the date value has changed (ISO value or null).
|
|
409
|
+
*/
|
|
410
|
+
dsChange: EventEmitter<DsDatepickerCustomEvent<DatepickerChangeDetail>>;
|
|
411
|
+
}
|
|
412
|
+
declare class DsDivider {
|
|
413
|
+
protected z: NgZone;
|
|
414
|
+
protected el: HTMLDsDividerElement;
|
|
415
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
416
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDivider, never>;
|
|
417
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDivider, "ds-divider", never, { "color": { "alias": "color"; "required": false; }; "dashed": { "alias": "dashed"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "space": { "alias": "space"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
418
|
+
}
|
|
419
|
+
declare interface DsDivider extends Components.DsDivider {
|
|
420
|
+
}
|
|
421
|
+
declare class DsDrawer {
|
|
422
|
+
protected z: NgZone;
|
|
423
|
+
protected el: HTMLDsDrawerElement;
|
|
424
|
+
dsWillPresent: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
425
|
+
dsDidPresent: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
426
|
+
dsWillDismiss: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
427
|
+
dsDidDismiss: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
428
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
429
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDrawer, never>;
|
|
430
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDrawer, "ds-drawer", never, { "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "container": { "alias": "container"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dsWillPresent": "dsWillPresent"; "dsDidPresent": "dsDidPresent"; "dsWillDismiss": "dsWillDismiss"; "dsDidDismiss": "dsDidDismiss"; }, never, ["*"], true, never>;
|
|
431
|
+
}
|
|
432
|
+
declare interface DsDrawer extends Components.DsDrawer {
|
|
433
|
+
/**
|
|
434
|
+
* Emitted before the drawer opens.
|
|
435
|
+
*/
|
|
436
|
+
dsWillPresent: EventEmitter<DsDrawerCustomEvent<DrawerPresentDetail>>;
|
|
437
|
+
/**
|
|
438
|
+
* Emitted after the drawer is fully open.
|
|
439
|
+
*/
|
|
440
|
+
dsDidPresent: EventEmitter<DsDrawerCustomEvent<DrawerPresentDetail>>;
|
|
441
|
+
/**
|
|
442
|
+
* Emitted before the drawer closes.
|
|
443
|
+
*/
|
|
444
|
+
dsWillDismiss: EventEmitter<DsDrawerCustomEvent<DrawerDismissDetail>>;
|
|
445
|
+
/**
|
|
446
|
+
* Emitted after the drawer is fully closed.
|
|
447
|
+
*/
|
|
448
|
+
dsDidDismiss: EventEmitter<DsDrawerCustomEvent<DrawerDismissDetail>>;
|
|
449
|
+
}
|
|
450
|
+
declare class DsFileUpload$1 {
|
|
451
|
+
protected z: NgZone;
|
|
452
|
+
protected el: HTMLDsFileUploadElement;
|
|
453
|
+
dsChange: EventEmitter<DsFileUploadCustomEvent<FileUploadChangeDetail>>;
|
|
454
|
+
dsFilesAdded: EventEmitter<DsFileUploadCustomEvent<FileUploadFilesAddedDetail>>;
|
|
455
|
+
dsFilesRemoved: EventEmitter<DsFileUploadCustomEvent<FileUploadFilesRemovedDetail>>;
|
|
456
|
+
dsRejectedFile: EventEmitter<DsFileUploadCustomEvent<packages_core_dist_types_components_file_upload_file_upload_interfaces.FileUploadRejectedFile>>;
|
|
457
|
+
dsInputClick: EventEmitter<DsFileUploadCustomEvent<MouseEvent>>;
|
|
458
|
+
dsBlur: EventEmitter<DsFileUploadCustomEvent<FocusEvent>>;
|
|
459
|
+
dsFocus: EventEmitter<DsFileUploadCustomEvent<FocusEvent>>;
|
|
460
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
461
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsFileUpload$1, never>;
|
|
462
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsFileUpload$1, "ds-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropZoneLabel": { "alias": "dropZoneLabel"; "required": false; }; "hasFileList": { "alias": "hasFileList"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxBundleSize": { "alias": "maxBundleSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; "dsFilesAdded": "dsFilesAdded"; "dsFilesRemoved": "dsFilesRemoved"; "dsRejectedFile": "dsRejectedFile"; "dsInputClick": "dsInputClick"; "dsBlur": "dsBlur"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
463
|
+
}
|
|
464
|
+
declare interface DsFileUpload$1 extends Components.DsFileUpload {
|
|
465
|
+
/**
|
|
466
|
+
* Triggers when a file is added or removed.
|
|
467
|
+
*/
|
|
468
|
+
dsChange: EventEmitter<DsFileUploadCustomEvent<FileUploadChangeDetail>>;
|
|
469
|
+
/**
|
|
470
|
+
* Triggers when a file is added.
|
|
471
|
+
*/
|
|
472
|
+
dsFilesAdded: EventEmitter<DsFileUploadCustomEvent<FileUploadFilesAddedDetail>>;
|
|
473
|
+
/**
|
|
474
|
+
* Triggers when a file is removed.
|
|
475
|
+
*/
|
|
476
|
+
dsFilesRemoved: EventEmitter<DsFileUploadCustomEvent<FileUploadFilesRemovedDetail>>;
|
|
477
|
+
/**
|
|
478
|
+
* Triggers when a file is rejected due to validation rules.
|
|
479
|
+
*/
|
|
480
|
+
dsRejectedFile: EventEmitter<DsFileUploadCustomEvent<FileUploadRejectedFileDetail>>;
|
|
481
|
+
/**
|
|
482
|
+
* Emitted when the input has clicked.
|
|
483
|
+
*/
|
|
484
|
+
dsInputClick: EventEmitter<DsFileUploadCustomEvent<FileUploadInputClickDetail>>;
|
|
485
|
+
/**
|
|
486
|
+
* Emitted when the input loses focus.
|
|
487
|
+
*/
|
|
488
|
+
dsBlur: EventEmitter<DsFileUploadCustomEvent<FileUploadBlurDetail>>;
|
|
489
|
+
/**
|
|
490
|
+
* Emitted when the input has focus.
|
|
491
|
+
*/
|
|
492
|
+
dsFocus: EventEmitter<DsFileUploadCustomEvent<FileUploadFocusDetail>>;
|
|
493
|
+
}
|
|
494
|
+
declare class DsHeading {
|
|
495
|
+
protected z: NgZone;
|
|
496
|
+
protected el: HTMLDsHeadingElement;
|
|
497
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
498
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsHeading, never>;
|
|
499
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsHeading, "ds-heading", never, { "autoLevel": { "alias": "autoLevel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "level": { "alias": "level"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "space": { "alias": "space"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "visualLevel": { "alias": "visualLevel"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
500
|
+
}
|
|
501
|
+
declare interface DsHeading extends Components.DsHeading {
|
|
502
|
+
}
|
|
503
|
+
declare class DsHint {
|
|
504
|
+
protected z: NgZone;
|
|
505
|
+
protected el: HTMLDsHintElement;
|
|
506
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
507
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsHint, never>;
|
|
508
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsHint, "ds-hint", never, { "closeLabel": { "alias": "closeLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
509
|
+
}
|
|
510
|
+
declare interface DsHint extends Components.DsHint {
|
|
511
|
+
}
|
|
512
|
+
declare class DsHintText {
|
|
513
|
+
protected z: NgZone;
|
|
514
|
+
protected el: HTMLDsHintTextElement;
|
|
515
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
516
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsHintText, never>;
|
|
517
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsHintText, "ds-hint-text", never, {}, {}, never, ["*"], true, never>;
|
|
518
|
+
}
|
|
519
|
+
declare interface DsHintText extends Components.DsHintText {
|
|
520
|
+
}
|
|
521
|
+
declare class DsHintTitle {
|
|
522
|
+
protected z: NgZone;
|
|
523
|
+
protected el: HTMLDsHintTitleElement;
|
|
524
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
525
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsHintTitle, never>;
|
|
526
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsHintTitle, "ds-hint-title", never, {}, {}, never, ["*"], true, never>;
|
|
527
|
+
}
|
|
528
|
+
declare interface DsHintTitle extends Components.DsHintTitle {
|
|
529
|
+
}
|
|
530
|
+
declare class DsIcon {
|
|
531
|
+
protected z: NgZone;
|
|
532
|
+
protected el: HTMLDsIconElement;
|
|
533
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
534
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsIcon, never>;
|
|
535
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsIcon, "ds-icon", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "name": { "alias": "name"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "svg": { "alias": "svg"; "required": false; }; "turn": { "alias": "turn"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
536
|
+
}
|
|
537
|
+
declare interface DsIcon extends Components.DsIcon {
|
|
538
|
+
}
|
|
539
|
+
declare class DsInput$1 {
|
|
540
|
+
protected z: NgZone;
|
|
541
|
+
protected el: HTMLDsInputElement;
|
|
542
|
+
dsBlur: EventEmitter<DsInputCustomEvent<FocusEvent>>;
|
|
543
|
+
dsKeyPress: EventEmitter<DsInputCustomEvent<KeyboardEvent>>;
|
|
544
|
+
dsFocus: EventEmitter<DsInputCustomEvent<FocusEvent>>;
|
|
545
|
+
dsClick: EventEmitter<DsInputCustomEvent<MouseEvent>>;
|
|
546
|
+
dsInput: EventEmitter<DsInputCustomEvent<InputInputDetail>>;
|
|
547
|
+
dsChange: EventEmitter<DsInputCustomEvent<InputChangeDetail>>;
|
|
548
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
549
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsInput$1, never>;
|
|
550
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsInput$1, "ds-input", never, { "accept": { "alias": "accept"; "required": false; }; "allowedKeyPress": { "alias": "allowedKeyPress"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsKeyPress": "dsKeyPress"; "dsFocus": "dsFocus"; "dsClick": "dsClick"; "dsInput": "dsInput"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
551
|
+
}
|
|
552
|
+
declare interface DsInput$1 extends Components.DsInput {
|
|
553
|
+
/**
|
|
554
|
+
* Emitted when a keyboard input occurred.
|
|
555
|
+
*/
|
|
556
|
+
dsBlur: EventEmitter<DsInputCustomEvent<InputBlurDetail>>;
|
|
557
|
+
/**
|
|
558
|
+
* Emitted when a keyboard key has pressed.
|
|
559
|
+
*/
|
|
560
|
+
dsKeyPress: EventEmitter<DsInputCustomEvent<InputKeyPressDetail>>;
|
|
561
|
+
/**
|
|
562
|
+
* Emitted when the input has focus.
|
|
563
|
+
*/
|
|
564
|
+
dsFocus: EventEmitter<DsInputCustomEvent<InputFocusDetail>>;
|
|
565
|
+
/**
|
|
566
|
+
* Emitted when the input has clicked
|
|
567
|
+
*/
|
|
568
|
+
dsClick: EventEmitter<DsInputCustomEvent<InputClickDetail>>;
|
|
569
|
+
/**
|
|
570
|
+
* Emitted when a keyboard input occurred.
|
|
571
|
+
*/
|
|
572
|
+
dsInput: EventEmitter<DsInputCustomEvent<InputInputDetail>>;
|
|
573
|
+
/**
|
|
574
|
+
* Emitted when the input value has changed.
|
|
575
|
+
*/
|
|
576
|
+
dsChange: EventEmitter<DsInputCustomEvent<InputChangeDetail>>;
|
|
577
|
+
}
|
|
578
|
+
declare class DsInputPhone {
|
|
579
|
+
protected z: NgZone;
|
|
580
|
+
protected el: HTMLDsInputPhoneElement;
|
|
581
|
+
dsInput: EventEmitter<DsInputPhoneCustomEvent<PhoneInputDetail>>;
|
|
582
|
+
dsChange: EventEmitter<DsInputPhoneCustomEvent<PhoneInputDetail>>;
|
|
583
|
+
dsCountryChange: EventEmitter<DsInputPhoneCustomEvent<PhoneCountryChangeDetail>>;
|
|
584
|
+
dsFocus: EventEmitter<DsInputPhoneCustomEvent<FocusEvent>>;
|
|
585
|
+
dsBlur: EventEmitter<DsInputPhoneCustomEvent<FocusEvent>>;
|
|
586
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
587
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsInputPhone, never>;
|
|
588
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsInputPhone, "ds-input-phone", never, { "color": { "alias": "color"; "required": false; }; "countries": { "alias": "countries"; "required": false; }; "country": { "alias": "country"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "initialCountry": { "alias": "initialCountry"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsChange": "dsChange"; "dsCountryChange": "dsCountryChange"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; }, never, ["*"], true, never>;
|
|
589
|
+
}
|
|
590
|
+
declare interface DsInputPhone extends Components.DsInputPhone {
|
|
591
|
+
/**
|
|
592
|
+
* Emitted on every keystroke or paste in the number field, after live formatting is applied.
|
|
593
|
+
*/
|
|
594
|
+
dsInput: EventEmitter<DsInputPhoneCustomEvent<PhoneInputDetail>>;
|
|
595
|
+
/**
|
|
596
|
+
* Emitted when the number field blurs, after the blur-time reformat.
|
|
597
|
+
*/
|
|
598
|
+
dsChange: EventEmitter<DsInputPhoneCustomEvent<PhoneChangeDetail>>;
|
|
599
|
+
/**
|
|
600
|
+
* Emitted when the selected country changes through the picker.
|
|
601
|
+
*/
|
|
602
|
+
dsCountryChange: EventEmitter<DsInputPhoneCustomEvent<PhoneCountryChangeDetail>>;
|
|
603
|
+
/**
|
|
604
|
+
* Emitted when the number field receives focus.
|
|
605
|
+
*/
|
|
606
|
+
dsFocus: EventEmitter<DsInputPhoneCustomEvent<FocusEvent>>;
|
|
607
|
+
/**
|
|
608
|
+
* Emitted when the number field loses focus.
|
|
609
|
+
*/
|
|
610
|
+
dsBlur: EventEmitter<DsInputPhoneCustomEvent<FocusEvent>>;
|
|
611
|
+
}
|
|
612
|
+
declare class DsItem {
|
|
613
|
+
protected z: NgZone;
|
|
614
|
+
protected el: HTMLDsItemElement;
|
|
615
|
+
dsClick: EventEmitter<DsItemCustomEvent<MouseEvent>>;
|
|
616
|
+
dsAccordionToggle: EventEmitter<DsItemCustomEvent<AccordionToggleDetail>>;
|
|
617
|
+
dsAccordionOpened: EventEmitter<DsItemCustomEvent<AccordionToggleDetail>>;
|
|
618
|
+
dsAccordionClosed: EventEmitter<DsItemCustomEvent<AccordionToggleDetail>>;
|
|
619
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
620
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsItem, never>;
|
|
621
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsItem, "ds-item", never, { "accordionGroup": { "alias": "accordionGroup"; "required": false; }; "accordionMarker": { "alias": "accordionMarker"; "required": false; }; "accordionMarkerPosition": { "alias": "accordionMarkerPosition"; "required": false; }; "accordionOpen": { "alias": "accordionOpen"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelLevel": { "alias": "labelLevel"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsClick": "dsClick"; "dsAccordionToggle": "dsAccordionToggle"; "dsAccordionOpened": "dsAccordionOpened"; "dsAccordionClosed": "dsAccordionClosed"; }, never, ["*"], true, never>;
|
|
622
|
+
}
|
|
623
|
+
declare interface DsItem extends Components.DsItem {
|
|
624
|
+
/**
|
|
625
|
+
* Emitted when the link element has clicked.
|
|
626
|
+
*/
|
|
627
|
+
dsClick: EventEmitter<DsItemCustomEvent<ButtonClickDetail>>;
|
|
628
|
+
/**
|
|
629
|
+
* Emitted when the accordion is toggled.
|
|
630
|
+
*/
|
|
631
|
+
dsAccordionToggle: EventEmitter<DsItemCustomEvent<AccordionToggleDetail>>;
|
|
632
|
+
/**
|
|
633
|
+
* Emitted when the accordion is opened.
|
|
634
|
+
*/
|
|
635
|
+
dsAccordionOpened: EventEmitter<DsItemCustomEvent<AccordionToggleDetail>>;
|
|
636
|
+
/**
|
|
637
|
+
* Emitted when the accordion is closed.
|
|
638
|
+
*/
|
|
639
|
+
dsAccordionClosed: EventEmitter<DsItemCustomEvent<AccordionToggleDetail>>;
|
|
640
|
+
}
|
|
641
|
+
declare class DsLabel {
|
|
642
|
+
protected z: NgZone;
|
|
643
|
+
protected el: HTMLDsLabelElement;
|
|
644
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
645
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsLabel, never>;
|
|
646
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsLabel, "ds-label", never, { "disabled": { "alias": "disabled"; "required": false; }; "htmlFor": { "alias": "htmlFor"; "required": false; }; "htmlId": { "alias": "htmlId"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
647
|
+
}
|
|
648
|
+
declare interface DsLabel extends Components.DsLabel {
|
|
649
|
+
}
|
|
650
|
+
declare class DsList {
|
|
651
|
+
protected z: NgZone;
|
|
652
|
+
protected el: HTMLDsListElement;
|
|
653
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
654
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsList, never>;
|
|
655
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsList, "ds-list", never, { "inverted": { "alias": "inverted"; "required": false; }; "ordered": { "alias": "ordered"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
656
|
+
}
|
|
657
|
+
declare interface DsList extends Components.DsList {
|
|
658
|
+
}
|
|
659
|
+
declare class DsLogo {
|
|
660
|
+
protected z: NgZone;
|
|
661
|
+
protected el: HTMLDsLogoElement;
|
|
662
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
663
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsLogo, never>;
|
|
664
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsLogo, "ds-logo", never, { "animated": { "alias": "animated"; "required": false; }; "brand": { "alias": "brand"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
665
|
+
}
|
|
666
|
+
declare interface DsLogo extends Components.DsLogo {
|
|
667
|
+
}
|
|
668
|
+
declare class DsModal {
|
|
669
|
+
protected z: NgZone;
|
|
670
|
+
protected el: HTMLDsModalElement;
|
|
671
|
+
dsWillPresent: EventEmitter<DsModalCustomEvent<void>>;
|
|
672
|
+
dsDidPresent: EventEmitter<DsModalCustomEvent<void>>;
|
|
673
|
+
dsWillDismiss: EventEmitter<DsModalCustomEvent<void>>;
|
|
674
|
+
dsDidDismiss: EventEmitter<DsModalCustomEvent<void>>;
|
|
675
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
676
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsModal, never>;
|
|
677
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsModal, "ds-modal", never, { "closable": { "alias": "closable"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "modalWidth": { "alias": "modalWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dsWillPresent": "dsWillPresent"; "dsDidPresent": "dsDidPresent"; "dsWillDismiss": "dsWillDismiss"; "dsDidDismiss": "dsDidDismiss"; }, never, ["*"], true, never>;
|
|
678
|
+
}
|
|
679
|
+
declare interface DsModal extends Components.DsModal {
|
|
680
|
+
/**
|
|
681
|
+
* Emitted before the modal opens.
|
|
682
|
+
*/
|
|
683
|
+
dsWillPresent: EventEmitter<DsModalCustomEvent<ModalPresentDetail>>;
|
|
684
|
+
/**
|
|
685
|
+
* Emitted after the modal is fully open.
|
|
686
|
+
*/
|
|
687
|
+
dsDidPresent: EventEmitter<DsModalCustomEvent<ModalPresentDetail>>;
|
|
688
|
+
/**
|
|
689
|
+
* Emitted before the modal closes.
|
|
690
|
+
*/
|
|
691
|
+
dsWillDismiss: EventEmitter<DsModalCustomEvent<ModalDismissDetail>>;
|
|
692
|
+
/**
|
|
693
|
+
* Emitted after the modal is fully closed.
|
|
694
|
+
*/
|
|
695
|
+
dsDidDismiss: EventEmitter<DsModalCustomEvent<ModalDismissDetail>>;
|
|
696
|
+
}
|
|
697
|
+
declare class DsModalBody {
|
|
698
|
+
protected z: NgZone;
|
|
699
|
+
protected el: HTMLDsModalBodyElement;
|
|
700
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
701
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsModalBody, never>;
|
|
702
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsModalBody, "ds-modal-body", never, {}, {}, never, ["*"], true, never>;
|
|
703
|
+
}
|
|
704
|
+
declare interface DsModalBody extends Components.DsModalBody {
|
|
705
|
+
}
|
|
706
|
+
declare class DsModalHeader {
|
|
707
|
+
protected z: NgZone;
|
|
708
|
+
protected el: HTMLDsModalHeaderElement;
|
|
709
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
710
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsModalHeader, never>;
|
|
711
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsModalHeader, "ds-modal-header", never, {}, {}, never, ["*"], true, never>;
|
|
712
|
+
}
|
|
713
|
+
declare interface DsModalHeader extends Components.DsModalHeader {
|
|
714
|
+
}
|
|
715
|
+
declare class DsNotification {
|
|
716
|
+
protected z: NgZone;
|
|
717
|
+
protected el: HTMLDsNotificationElement;
|
|
718
|
+
dsCloseClick: EventEmitter<DsNotificationCustomEvent<MouseEvent>>;
|
|
719
|
+
dsDidLoad: EventEmitter<DsNotificationCustomEvent<void>>;
|
|
720
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
721
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsNotification, never>;
|
|
722
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsNotification, "ds-notification", never, { "alert": { "alias": "alert"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsCloseClick": "dsCloseClick"; "dsDidLoad": "dsDidLoad"; }, never, ["*"], true, never>;
|
|
723
|
+
}
|
|
724
|
+
declare interface DsNotification extends Components.DsNotification {
|
|
725
|
+
/**
|
|
726
|
+
* Emitted when the close button got clicked.
|
|
727
|
+
*/
|
|
728
|
+
dsCloseClick: EventEmitter<DsNotificationCustomEvent<NotificationCloseClickDetail>>;
|
|
729
|
+
/**
|
|
730
|
+
* Emitted when the component has loaded.
|
|
731
|
+
*/
|
|
732
|
+
dsDidLoad: EventEmitter<DsNotificationCustomEvent<void>>;
|
|
733
|
+
}
|
|
734
|
+
declare class DsNumberInput$1 {
|
|
735
|
+
protected z: NgZone;
|
|
736
|
+
protected el: HTMLDsNumberInputElement;
|
|
737
|
+
dsInput: EventEmitter<DsNumberInputCustomEvent<NumberInputInputDetail>>;
|
|
738
|
+
dsChange: EventEmitter<DsNumberInputCustomEvent<NumberInputChangeDetail>>;
|
|
739
|
+
dsBlur: EventEmitter<DsNumberInputCustomEvent<FocusEvent>>;
|
|
740
|
+
dsFocus: EventEmitter<DsNumberInputCustomEvent<FocusEvent>>;
|
|
741
|
+
dsClick: EventEmitter<DsNumberInputCustomEvent<MouseEvent>>;
|
|
742
|
+
dsKeyPress: EventEmitter<DsNumberInputCustomEvent<KeyboardEvent>>;
|
|
743
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
744
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsNumberInput$1, never>;
|
|
745
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsNumberInput$1, "ds-number-input", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "decimal": { "alias": "decimal"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "exactNumber": { "alias": "exactNumber"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "onlyPositive": { "alias": "onlyPositive"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsChange": "dsChange"; "dsBlur": "dsBlur"; "dsFocus": "dsFocus"; "dsClick": "dsClick"; "dsKeyPress": "dsKeyPress"; }, never, ["*"], true, never>;
|
|
746
|
+
}
|
|
747
|
+
declare interface DsNumberInput$1 extends Components.DsNumberInput {
|
|
748
|
+
/**
|
|
749
|
+
* Emitted on each keystroke with the current numeric value (or null).
|
|
750
|
+
*/
|
|
751
|
+
dsInput: EventEmitter<DsNumberInputCustomEvent<NumberInputInputDetail>>;
|
|
752
|
+
/**
|
|
753
|
+
* Emitted when the value changes on blur.
|
|
754
|
+
*/
|
|
755
|
+
dsChange: EventEmitter<DsNumberInputCustomEvent<NumberInputChangeDetail>>;
|
|
756
|
+
/**
|
|
757
|
+
* Emitted when the input loses focus.
|
|
758
|
+
*/
|
|
759
|
+
dsBlur: EventEmitter<DsNumberInputCustomEvent<NumberInputBlurDetail>>;
|
|
760
|
+
/**
|
|
761
|
+
* Emitted when the input gains focus.
|
|
762
|
+
*/
|
|
763
|
+
dsFocus: EventEmitter<DsNumberInputCustomEvent<NumberInputFocusDetail>>;
|
|
764
|
+
/**
|
|
765
|
+
* Emitted when the input is clicked.
|
|
766
|
+
*/
|
|
767
|
+
dsClick: EventEmitter<DsNumberInputCustomEvent<NumberInputClickDetail>>;
|
|
768
|
+
/**
|
|
769
|
+
* Emitted on keypress.
|
|
770
|
+
*/
|
|
771
|
+
dsKeyPress: EventEmitter<DsNumberInputCustomEvent<NumberInputKeyPressDetail>>;
|
|
772
|
+
}
|
|
773
|
+
declare class DsPagination {
|
|
774
|
+
protected z: NgZone;
|
|
775
|
+
protected el: HTMLDsPaginationElement;
|
|
776
|
+
dsChange: EventEmitter<DsPaginationCustomEvent<number>>;
|
|
777
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
778
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsPagination, never>;
|
|
779
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsPagination, "ds-pagination", never, { "align": { "alias": "align"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "pageRange": { "alias": "pageRange"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "textNext": { "alias": "textNext"; "required": false; }; "textPrevious": { "alias": "textPrevious"; "required": false; }; "top": { "alias": "top"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
780
|
+
}
|
|
781
|
+
declare interface DsPagination extends Components.DsPagination {
|
|
782
|
+
/**
|
|
783
|
+
* Triggers when a page change happens
|
|
784
|
+
*/
|
|
785
|
+
dsChange: EventEmitter<DsPaginationCustomEvent<PaginationChangeDetail>>;
|
|
786
|
+
}
|
|
787
|
+
declare class DsPopup {
|
|
788
|
+
protected z: NgZone;
|
|
789
|
+
protected el: HTMLDsPopupElement;
|
|
790
|
+
dsWillPresent: EventEmitter<DsPopupCustomEvent<PopupPresentDetail>>;
|
|
791
|
+
dsDidPresent: EventEmitter<DsPopupCustomEvent<PopupPresentDetail>>;
|
|
792
|
+
dsWillDismiss: EventEmitter<DsPopupCustomEvent<PopupDismissDetail>>;
|
|
793
|
+
dsDidDismiss: EventEmitter<DsPopupCustomEvent<PopupDismissDetail>>;
|
|
794
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
795
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsPopup, never>;
|
|
796
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsPopup, "ds-popup", never, { "arrow": { "alias": "arrow"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "group": { "alias": "group"; "required": false; }; "label": { "alias": "label"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "role": { "alias": "role"; "required": false; }; "trapFocus": { "alias": "trapFocus"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "dsWillPresent": "dsWillPresent"; "dsDidPresent": "dsDidPresent"; "dsWillDismiss": "dsWillDismiss"; "dsDidDismiss": "dsDidDismiss"; }, never, ["*"], true, never>;
|
|
797
|
+
}
|
|
798
|
+
declare interface DsPopup extends Components.DsPopup {
|
|
799
|
+
/**
|
|
800
|
+
* Emitted before the popup opens.
|
|
801
|
+
*/
|
|
802
|
+
dsWillPresent: EventEmitter<DsPopupCustomEvent<PopupPresentDetail>>;
|
|
803
|
+
/**
|
|
804
|
+
* Emitted after the popup is fully open.
|
|
805
|
+
*/
|
|
806
|
+
dsDidPresent: EventEmitter<DsPopupCustomEvent<PopupPresentDetail>>;
|
|
807
|
+
/**
|
|
808
|
+
* Emitted before the popup closes.
|
|
809
|
+
*/
|
|
810
|
+
dsWillDismiss: EventEmitter<DsPopupCustomEvent<PopupDismissDetail>>;
|
|
811
|
+
/**
|
|
812
|
+
* Emitted after the popup is fully closed.
|
|
813
|
+
*/
|
|
814
|
+
dsDidDismiss: EventEmitter<DsPopupCustomEvent<PopupDismissDetail>>;
|
|
815
|
+
}
|
|
816
|
+
declare class DsProgressBar {
|
|
817
|
+
protected z: NgZone;
|
|
818
|
+
protected el: HTMLDsProgressBarElement;
|
|
819
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
820
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsProgressBar, never>;
|
|
821
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsProgressBar, "ds-progress-bar", never, { "background": { "alias": "background"; "required": false; }; "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
822
|
+
}
|
|
823
|
+
declare interface DsProgressBar extends Components.DsProgressBar {
|
|
824
|
+
}
|
|
825
|
+
declare class DsRadio {
|
|
826
|
+
protected z: NgZone;
|
|
827
|
+
protected el: HTMLDsRadioElement;
|
|
828
|
+
dsBlur: EventEmitter<DsRadioCustomEvent<FocusEvent>>;
|
|
829
|
+
dsChange: EventEmitter<DsRadioCustomEvent<boolean>>;
|
|
830
|
+
dsFocus: EventEmitter<DsRadioCustomEvent<FocusEvent>>;
|
|
831
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
832
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsRadio, never>;
|
|
833
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsRadio, "ds-radio", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "tileColor": { "alias": "tileColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
834
|
+
}
|
|
835
|
+
declare interface DsRadio extends Components.DsRadio {
|
|
836
|
+
/**
|
|
837
|
+
* Emitted when the toggle loses focus.
|
|
838
|
+
*/
|
|
839
|
+
dsBlur: EventEmitter<DsRadioCustomEvent<RadioBlurDetail>>;
|
|
840
|
+
/**
|
|
841
|
+
* Emitted when the value property has changed.
|
|
842
|
+
*/
|
|
843
|
+
dsChange: EventEmitter<DsRadioCustomEvent<RadioChangeDetail>>;
|
|
844
|
+
/**
|
|
845
|
+
* Emitted when the toggle has focus.
|
|
846
|
+
*/
|
|
847
|
+
dsFocus: EventEmitter<DsRadioCustomEvent<RadioFocusDetail>>;
|
|
848
|
+
}
|
|
849
|
+
declare class DsRadioGroup$1 {
|
|
850
|
+
protected z: NgZone;
|
|
851
|
+
protected el: HTMLDsRadioGroupElement;
|
|
852
|
+
dsBlur: EventEmitter<DsRadioGroupCustomEvent<FocusEvent>>;
|
|
853
|
+
dsChange: EventEmitter<DsRadioGroupCustomEvent<any>>;
|
|
854
|
+
dsFocus: EventEmitter<DsRadioGroupCustomEvent<FocusEvent>>;
|
|
855
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
856
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsRadioGroup$1, never>;
|
|
857
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsRadioGroup$1, "ds-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "colsMobile": { "alias": "colsMobile"; "required": false; }; "colsTablet": { "alias": "colsTablet"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "tileColor": { "alias": "tileColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
858
|
+
}
|
|
859
|
+
declare interface DsRadioGroup$1 extends Components.DsRadioGroup {
|
|
860
|
+
/**
|
|
861
|
+
* Emitted when the input loses focus.
|
|
862
|
+
*/
|
|
863
|
+
dsBlur: EventEmitter<DsRadioGroupCustomEvent<RadioGroupBlurDetail>>;
|
|
864
|
+
/**
|
|
865
|
+
* Emitted when the input value has changed.
|
|
866
|
+
*/
|
|
867
|
+
dsChange: EventEmitter<DsRadioGroupCustomEvent<RadioGroupChangeDetail>>;
|
|
868
|
+
/**
|
|
869
|
+
* Emitted when the input has focus.
|
|
870
|
+
*/
|
|
871
|
+
dsFocus: EventEmitter<DsRadioGroupCustomEvent<RadioGroupFocusDetail>>;
|
|
872
|
+
}
|
|
873
|
+
declare class DsRoot {
|
|
874
|
+
protected z: NgZone;
|
|
875
|
+
protected el: HTMLDsRootElement;
|
|
876
|
+
dsAppReady: EventEmitter<DsRootCustomEvent<void>>;
|
|
877
|
+
dsAnimatedChange: EventEmitter<DsRootCustomEvent<boolean>>;
|
|
878
|
+
dsBrandChange: EventEmitter<DsRootCustomEvent<DsBrand>>;
|
|
879
|
+
dsRegionChange: EventEmitter<DsRootCustomEvent<DsRegion>>;
|
|
880
|
+
dsLanguageChange: EventEmitter<DsRootCustomEvent<DsLanguage>>;
|
|
881
|
+
dsAllowedLanguagesChange: EventEmitter<DsRootCustomEvent<DsLanguage[]>>;
|
|
882
|
+
dsFallbackLanguageChange: EventEmitter<DsRootCustomEvent<DsLanguage>>;
|
|
883
|
+
dsIconsChange: EventEmitter<DsRootCustomEvent<DsIcons>>;
|
|
884
|
+
dsLegalLinksChange: EventEmitter<DsRootCustomEvent<DsLegalLinks>>;
|
|
885
|
+
dsLegalTextChange: EventEmitter<DsRootCustomEvent<DsLegalText>>;
|
|
886
|
+
dsSocialLinksChange: EventEmitter<DsRootCustomEvent<DsSocialLinks>>;
|
|
887
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
888
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsRoot, never>;
|
|
889
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsRoot, "ds-root", never, { "allowedLanguages": { "alias": "allowedLanguages"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "brand": { "alias": "brand"; "required": false; }; "fallbackLanguage": { "alias": "fallbackLanguage"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "language": { "alias": "language"; "required": false; }; "legalLinks": { "alias": "legalLinks"; "required": false; }; "legalText": { "alias": "legalText"; "required": false; }; "region": { "alias": "region"; "required": false; }; "socialLinks": { "alias": "socialLinks"; "required": false; }; }, { "dsAppReady": "dsAppReady"; "dsAnimatedChange": "dsAnimatedChange"; "dsBrandChange": "dsBrandChange"; "dsRegionChange": "dsRegionChange"; "dsLanguageChange": "dsLanguageChange"; "dsAllowedLanguagesChange": "dsAllowedLanguagesChange"; "dsFallbackLanguageChange": "dsFallbackLanguageChange"; "dsIconsChange": "dsIconsChange"; "dsLegalLinksChange": "dsLegalLinksChange"; "dsLegalTextChange": "dsLegalTextChange"; "dsSocialLinksChange": "dsSocialLinksChange"; }, never, ["*"], true, never>;
|
|
890
|
+
}
|
|
891
|
+
declare interface DsRoot extends Components.DsRoot {
|
|
892
|
+
/**
|
|
893
|
+
* Emitted when root is ready and painted.
|
|
894
|
+
*/
|
|
895
|
+
dsAppReady: EventEmitter<DsRootCustomEvent<void>>;
|
|
896
|
+
/**
|
|
897
|
+
* Emitted when the `animated` value changes in the global config.
|
|
898
|
+
*/
|
|
899
|
+
dsAnimatedChange: EventEmitter<DsRootCustomEvent<boolean>>;
|
|
900
|
+
/**
|
|
901
|
+
* Emitted when the `brand` value changes in the global config.
|
|
902
|
+
*/
|
|
903
|
+
dsBrandChange: EventEmitter<DsRootCustomEvent<DsBrand>>;
|
|
904
|
+
/**
|
|
905
|
+
* Emitted when the `region` value changes in the global config.
|
|
906
|
+
*/
|
|
907
|
+
dsRegionChange: EventEmitter<DsRootCustomEvent<DsRegion>>;
|
|
908
|
+
/**
|
|
909
|
+
* Emitted when the `language` value changes in the global config.
|
|
910
|
+
*/
|
|
911
|
+
dsLanguageChange: EventEmitter<DsRootCustomEvent<DsLanguage>>;
|
|
912
|
+
/**
|
|
913
|
+
* Emitted when the `allowedLanguages` value changes in the global config.
|
|
914
|
+
*/
|
|
915
|
+
dsAllowedLanguagesChange: EventEmitter<DsRootCustomEvent<DsLanguage[]>>;
|
|
916
|
+
/**
|
|
917
|
+
* Emitted when the `fallbackLanguage` value changes in the global config.
|
|
918
|
+
*/
|
|
919
|
+
dsFallbackLanguageChange: EventEmitter<DsRootCustomEvent<DsLanguage>>;
|
|
920
|
+
/**
|
|
921
|
+
* Emitted when the `icons` value changes in the global config.
|
|
922
|
+
*/
|
|
923
|
+
dsIconsChange: EventEmitter<DsRootCustomEvent<DsIcons>>;
|
|
924
|
+
/**
|
|
925
|
+
* Emitted when the `legalLinks` value changes in the global config.
|
|
926
|
+
*/
|
|
927
|
+
dsLegalLinksChange: EventEmitter<DsRootCustomEvent<DsLegalLinks>>;
|
|
928
|
+
/**
|
|
929
|
+
* Emitted when the `legalText` value changes in the global config.
|
|
930
|
+
*/
|
|
931
|
+
dsLegalTextChange: EventEmitter<DsRootCustomEvent<DsLegalText>>;
|
|
932
|
+
/**
|
|
933
|
+
* Emitted when the `socialLinks` value changes in the global config.
|
|
934
|
+
*/
|
|
935
|
+
dsSocialLinksChange: EventEmitter<DsRootCustomEvent<DsSocialLinks>>;
|
|
936
|
+
}
|
|
937
|
+
declare class DsSegment$1 {
|
|
938
|
+
protected z: NgZone;
|
|
939
|
+
protected el: HTMLDsSegmentElement;
|
|
940
|
+
dsBlur: EventEmitter<DsSegmentCustomEvent<FocusEvent>>;
|
|
941
|
+
dsChange: EventEmitter<DsSegmentCustomEvent<any>>;
|
|
942
|
+
dsFocus: EventEmitter<DsSegmentCustomEvent<FocusEvent>>;
|
|
943
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
944
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSegment$1, never>;
|
|
945
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSegment$1, "ds-segment", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "verticalOnMobile": { "alias": "verticalOnMobile"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
946
|
+
}
|
|
947
|
+
declare interface DsSegment$1 extends Components.DsSegment {
|
|
948
|
+
/**
|
|
949
|
+
* Emitted when a keyboard input occurred.
|
|
950
|
+
*/
|
|
951
|
+
dsBlur: EventEmitter<DsSegmentCustomEvent<SegmentBlurDetail>>;
|
|
952
|
+
/**
|
|
953
|
+
* Emitted when the input value has changed.
|
|
954
|
+
*/
|
|
955
|
+
dsChange: EventEmitter<DsSegmentCustomEvent<SegmentChangeDetail>>;
|
|
956
|
+
/**
|
|
957
|
+
* Emitted when the input has focus.
|
|
958
|
+
*/
|
|
959
|
+
dsFocus: EventEmitter<DsSegmentCustomEvent<SegmentFocusDetail>>;
|
|
960
|
+
}
|
|
961
|
+
declare class DsSegmentItem {
|
|
962
|
+
protected z: NgZone;
|
|
963
|
+
protected el: HTMLDsSegmentItemElement;
|
|
964
|
+
dsWillUpdate: EventEmitter<DsSegmentItemCustomEvent<void>>;
|
|
965
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
966
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSegmentItem, never>;
|
|
967
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSegmentItem, "ds-segment-item", never, { "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "svg": { "alias": "svg"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsWillUpdate": "dsWillUpdate"; }, never, ["*"], true, never>;
|
|
968
|
+
}
|
|
969
|
+
declare interface DsSegmentItem extends Components.DsSegmentItem {
|
|
970
|
+
/**
|
|
971
|
+
* Emitted when a property of the segment item changes, to notify the parent segment to re-render.
|
|
972
|
+
*/
|
|
973
|
+
dsWillUpdate: EventEmitter<DsSegmentItemCustomEvent<void>>;
|
|
974
|
+
}
|
|
975
|
+
declare class DsSelect$1 {
|
|
976
|
+
protected z: NgZone;
|
|
977
|
+
protected el: HTMLDsSelectElement;
|
|
978
|
+
dsChange: EventEmitter<DsSelectCustomEvent<SelectChangeDetail>>;
|
|
979
|
+
dsFocus: EventEmitter<DsSelectCustomEvent<FocusEvent>>;
|
|
980
|
+
dsBlur: EventEmitter<DsSelectCustomEvent<FocusEvent>>;
|
|
981
|
+
dsClick: EventEmitter<DsSelectCustomEvent<MouseEvent>>;
|
|
982
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
983
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSelect$1, never>;
|
|
984
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect$1, "ds-select", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optionGroups": { "alias": "optionGroups"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; "dsClick": "dsClick"; }, never, ["*"], true, never>;
|
|
985
|
+
}
|
|
986
|
+
declare interface DsSelect$1 extends Components.DsSelect {
|
|
987
|
+
/**
|
|
988
|
+
* Emitted when the selected value changes.
|
|
989
|
+
Single mode: `string | null`. Multiple mode: `string[]`.
|
|
990
|
+
*/
|
|
991
|
+
dsChange: EventEmitter<DsSelectCustomEvent<SelectChangeDetail>>;
|
|
992
|
+
/**
|
|
993
|
+
* Emitted when the control receives focus.
|
|
994
|
+
*/
|
|
995
|
+
dsFocus: EventEmitter<DsSelectCustomEvent<SelectFocusDetail>>;
|
|
996
|
+
/**
|
|
997
|
+
* Emitted when the control loses focus.
|
|
998
|
+
*/
|
|
999
|
+
dsBlur: EventEmitter<DsSelectCustomEvent<SelectBlurDetail>>;
|
|
1000
|
+
/**
|
|
1001
|
+
* Emitted when the host element is clicked.
|
|
1002
|
+
*/
|
|
1003
|
+
dsClick: EventEmitter<DsSelectCustomEvent<SelectClickDetail>>;
|
|
1004
|
+
}
|
|
1005
|
+
declare class DsSelectOptgroup {
|
|
1006
|
+
protected z: NgZone;
|
|
1007
|
+
protected el: HTMLDsSelectOptgroupElement;
|
|
1008
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1009
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSelectOptgroup, never>;
|
|
1010
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSelectOptgroup, "ds-select-optgroup", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1011
|
+
}
|
|
1012
|
+
declare interface DsSelectOptgroup extends Components.DsSelectOptgroup {
|
|
1013
|
+
}
|
|
1014
|
+
declare class DsSelectOption {
|
|
1015
|
+
protected z: NgZone;
|
|
1016
|
+
protected el: HTMLDsSelectOptionElement;
|
|
1017
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1018
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSelectOption, never>;
|
|
1019
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSelectOption, "ds-select-option", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1020
|
+
}
|
|
1021
|
+
declare interface DsSelectOption extends Components.DsSelectOption {
|
|
1022
|
+
}
|
|
1023
|
+
declare class DsShape {
|
|
1024
|
+
protected z: NgZone;
|
|
1025
|
+
protected el: HTMLDsShapeElement;
|
|
1026
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1027
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsShape, never>;
|
|
1028
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsShape, "ds-shape", never, { "color": { "alias": "color"; "required": false; }; "rotation": { "alias": "rotation"; "required": false; }; "variation": { "alias": "variation"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1029
|
+
}
|
|
1030
|
+
declare interface DsShape extends Components.DsShape {
|
|
1031
|
+
}
|
|
1032
|
+
declare class DsSheet {
|
|
1033
|
+
protected z: NgZone;
|
|
1034
|
+
protected el: HTMLDsSheetElement;
|
|
1035
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1036
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSheet, never>;
|
|
1037
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSheet, "ds-sheet", never, { "containerSize": { "alias": "containerSize"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1038
|
+
}
|
|
1039
|
+
declare interface DsSheet extends Components.DsSheet {
|
|
1040
|
+
}
|
|
1041
|
+
declare class DsSlider$1 {
|
|
1042
|
+
protected z: NgZone;
|
|
1043
|
+
protected el: HTMLDsSliderElement;
|
|
1044
|
+
dsInput: EventEmitter<DsSliderCustomEvent<number>>;
|
|
1045
|
+
dsFocus: EventEmitter<DsSliderCustomEvent<FocusEvent>>;
|
|
1046
|
+
dsBlur: EventEmitter<DsSliderCustomEvent<FocusEvent>>;
|
|
1047
|
+
dsClick: EventEmitter<DsSliderCustomEvent<MouseEvent>>;
|
|
1048
|
+
dsChange: EventEmitter<DsSliderCustomEvent<number>>;
|
|
1049
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1050
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSlider$1, never>;
|
|
1051
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSlider$1, "ds-slider", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "brandColor": { "alias": "brandColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; "dsClick": "dsClick"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
1052
|
+
}
|
|
1053
|
+
declare interface DsSlider$1 extends Components.DsSlider {
|
|
1054
|
+
/**
|
|
1055
|
+
* Emitted on each keyboard/pointer movement, before the value is committed.
|
|
1056
|
+
*/
|
|
1057
|
+
dsInput: EventEmitter<DsSliderCustomEvent<SliderInputDetail>>;
|
|
1058
|
+
/**
|
|
1059
|
+
* Emitted when the input has focus.
|
|
1060
|
+
*/
|
|
1061
|
+
dsFocus: EventEmitter<DsSliderCustomEvent<SliderFocusDetail>>;
|
|
1062
|
+
/**
|
|
1063
|
+
* Emitted when the input loses focus.
|
|
1064
|
+
*/
|
|
1065
|
+
dsBlur: EventEmitter<DsSliderCustomEvent<SliderBlurDetail>>;
|
|
1066
|
+
/**
|
|
1067
|
+
* Emitted when the input is clicked.
|
|
1068
|
+
*/
|
|
1069
|
+
dsClick: EventEmitter<DsSliderCustomEvent<SliderClickDetail>>;
|
|
1070
|
+
/**
|
|
1071
|
+
* Emitted when the value is committed (noUiSlider `change`, not `blur` — see
|
|
1072
|
+
ADR-0010/ADR-0007). Fires once per discrete drag/step, independent of focus.
|
|
1073
|
+
*/
|
|
1074
|
+
dsChange: EventEmitter<DsSliderCustomEvent<SliderChangeDetail>>;
|
|
1075
|
+
}
|
|
1076
|
+
declare class DsSnackbar {
|
|
1077
|
+
protected z: NgZone;
|
|
1078
|
+
protected el: HTMLDsSnackbarElement;
|
|
1079
|
+
dsCloseClick: EventEmitter<DsSnackbarCustomEvent<MouseEvent>>;
|
|
1080
|
+
dsActionClick: EventEmitter<DsSnackbarCustomEvent<MouseEvent>>;
|
|
1081
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1082
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSnackbar, never>;
|
|
1083
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSnackbar, "ds-snackbar", never, { "action": { "alias": "action"; "required": false; }; "actionHref": { "alias": "actionHref"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionTarget": { "alias": "actionTarget"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "svg": { "alias": "svg"; "required": false; }; }, { "dsCloseClick": "dsCloseClick"; "dsActionClick": "dsActionClick"; }, never, ["*"], true, never>;
|
|
1084
|
+
}
|
|
1085
|
+
declare interface DsSnackbar extends Components.DsSnackbar {
|
|
1086
|
+
/**
|
|
1087
|
+
* Emitted when the close button got clicked.
|
|
1088
|
+
*/
|
|
1089
|
+
dsCloseClick: EventEmitter<DsSnackbarCustomEvent<SnackbarCloseClickDetail>>;
|
|
1090
|
+
/**
|
|
1091
|
+
* Emitted when the action button got clicked.
|
|
1092
|
+
*/
|
|
1093
|
+
dsActionClick: EventEmitter<DsSnackbarCustomEvent<SnackbarActionClickDetail>>;
|
|
1094
|
+
}
|
|
1095
|
+
declare class DsSpinner {
|
|
1096
|
+
protected z: NgZone;
|
|
1097
|
+
protected el: HTMLDsSpinnerElement;
|
|
1098
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1099
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSpinner, never>;
|
|
1100
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSpinner, "ds-spinner", never, { "deactivated": { "alias": "deactivated"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variation": { "alias": "variation"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1101
|
+
}
|
|
1102
|
+
declare interface DsSpinner extends Components.DsSpinner {
|
|
1103
|
+
}
|
|
1104
|
+
declare class DsStack {
|
|
1105
|
+
protected z: NgZone;
|
|
1106
|
+
protected el: HTMLDsStackElement;
|
|
1107
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1108
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsStack, never>;
|
|
1109
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsStack, "ds-stack", never, { "align": { "alias": "align"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "p": { "alias": "p"; "required": false; }; "px": { "alias": "px"; "required": false; }; "py": { "alias": "py"; "required": false; }; "space": { "alias": "space"; "required": false; }; "spaceColumn": { "alias": "spaceColumn"; "required": false; }; "spaceRow": { "alias": "spaceRow"; "required": false; }; "useWrap": { "alias": "useWrap"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1110
|
+
}
|
|
1111
|
+
declare interface DsStack extends Components.DsStack {
|
|
1112
|
+
}
|
|
1113
|
+
declare class DsStep {
|
|
1114
|
+
protected z: NgZone;
|
|
1115
|
+
protected el: HTMLDsStepElement;
|
|
1116
|
+
dsStepSelect: EventEmitter<DsStepCustomEvent<{
|
|
1117
|
+
name: string;
|
|
1118
|
+
}>>;
|
|
1119
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1120
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsStep, never>;
|
|
1121
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsStep, "ds-step", never, { "disabled": { "alias": "disabled"; "required": false; }; "done": { "alias": "done"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": true; }; }, { "dsStepSelect": "dsStepSelect"; }, never, ["*"], true, never>;
|
|
1122
|
+
}
|
|
1123
|
+
declare interface DsStep extends Components.DsStep {
|
|
1124
|
+
/**
|
|
1125
|
+
* Emitted when the user clicks this step (panels mode only).
|
|
1126
|
+
*/
|
|
1127
|
+
dsStepSelect: EventEmitter<DsStepCustomEvent<{
|
|
1128
|
+
name: string;
|
|
1129
|
+
}>>;
|
|
1130
|
+
}
|
|
1131
|
+
declare class DsStepPanel {
|
|
1132
|
+
protected z: NgZone;
|
|
1133
|
+
protected el: HTMLDsStepPanelElement;
|
|
1134
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1135
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsStepPanel, never>;
|
|
1136
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsStepPanel, "ds-step-panel", never, { "for": { "alias": "for"; "required": true; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1137
|
+
}
|
|
1138
|
+
declare interface DsStepPanel extends Components.DsStepPanel {
|
|
1139
|
+
}
|
|
1140
|
+
declare class DsSteps {
|
|
1141
|
+
protected z: NgZone;
|
|
1142
|
+
protected el: HTMLDsStepsElement;
|
|
1143
|
+
dsChange: EventEmitter<DsStepsCustomEvent<StepsChangeDetail>>;
|
|
1144
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1145
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSteps, never>;
|
|
1146
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSteps, "ds-steps", never, { "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
1147
|
+
}
|
|
1148
|
+
declare interface DsSteps extends Components.DsSteps {
|
|
1149
|
+
/**
|
|
1150
|
+
* Emitted when the selected step changes (panels variant only).
|
|
1151
|
+
*/
|
|
1152
|
+
dsChange: EventEmitter<DsStepsCustomEvent<StepsChangeDetail>>;
|
|
1153
|
+
}
|
|
1154
|
+
declare class DsTab {
|
|
1155
|
+
protected z: NgZone;
|
|
1156
|
+
protected el: HTMLDsTabElement;
|
|
1157
|
+
dsTabSelect: EventEmitter<DsTabCustomEvent<{
|
|
1158
|
+
name: string;
|
|
1159
|
+
}>>;
|
|
1160
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1161
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTab, never>;
|
|
1162
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTab, "ds-tab", never, { "name": { "alias": "name"; "required": true; }; "selected": { "alias": "selected"; "required": false; }; }, { "dsTabSelect": "dsTabSelect"; }, never, ["*"], true, never>;
|
|
1163
|
+
}
|
|
1164
|
+
declare interface DsTab extends Components.DsTab {
|
|
1165
|
+
/**
|
|
1166
|
+
* Emitted when the user clicks this tab (panels mode only).
|
|
1167
|
+
*/
|
|
1168
|
+
dsTabSelect: EventEmitter<DsTabCustomEvent<{
|
|
1169
|
+
name: string;
|
|
1170
|
+
}>>;
|
|
1171
|
+
}
|
|
1172
|
+
declare class DsTabPanel {
|
|
1173
|
+
protected z: NgZone;
|
|
1174
|
+
protected el: HTMLDsTabPanelElement;
|
|
1175
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1176
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTabPanel, never>;
|
|
1177
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTabPanel, "ds-tab-panel", never, { "for": { "alias": "for"; "required": true; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1178
|
+
}
|
|
1179
|
+
declare interface DsTabPanel extends Components.DsTabPanel {
|
|
1180
|
+
}
|
|
1181
|
+
declare class DsTabs {
|
|
1182
|
+
protected z: NgZone;
|
|
1183
|
+
protected el: HTMLDsTabsElement;
|
|
1184
|
+
dsChange: EventEmitter<DsTabsCustomEvent<TabsChangeDetail>>;
|
|
1185
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1186
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTabs, never>;
|
|
1187
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTabs, "ds-tabs", never, { "color": { "alias": "color"; "required": false; }; "fullwidth": { "alias": "fullwidth"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "verticalColSize": { "alias": "verticalColSize"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
1188
|
+
}
|
|
1189
|
+
declare interface DsTabs extends Components.DsTabs {
|
|
1190
|
+
/**
|
|
1191
|
+
* Emitted when the selected tab changes (panels variant only).
|
|
1192
|
+
*/
|
|
1193
|
+
dsChange: EventEmitter<DsTabsCustomEvent<TabsChangeDetail>>;
|
|
1194
|
+
}
|
|
1195
|
+
declare class DsTag {
|
|
1196
|
+
protected z: NgZone;
|
|
1197
|
+
protected el: HTMLDsTagElement;
|
|
1198
|
+
dsCloseClick: EventEmitter<DsTagCustomEvent<MouseEvent>>;
|
|
1199
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1200
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTag, never>;
|
|
1201
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTag, "ds-tag", never, { "closable": { "alias": "closable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "position": { "alias": "position"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsCloseClick": "dsCloseClick"; }, never, ["*"], true, never>;
|
|
1202
|
+
}
|
|
1203
|
+
declare interface DsTag extends Components.DsTag {
|
|
1204
|
+
/**
|
|
1205
|
+
* Emitted when the input got clicked.
|
|
1206
|
+
*/
|
|
1207
|
+
dsCloseClick: EventEmitter<DsTagCustomEvent<TagCloseClickDetail>>;
|
|
1208
|
+
}
|
|
1209
|
+
declare class DsTagGroup {
|
|
1210
|
+
protected z: NgZone;
|
|
1211
|
+
protected el: HTMLDsTagGroupElement;
|
|
1212
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1213
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTagGroup, never>;
|
|
1214
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTagGroup, "ds-tag-group", never, {}, {}, never, ["*"], true, never>;
|
|
1215
|
+
}
|
|
1216
|
+
declare interface DsTagGroup extends Components.DsTagGroup {
|
|
1217
|
+
}
|
|
1218
|
+
declare class DsText {
|
|
1219
|
+
protected z: NgZone;
|
|
1220
|
+
protected el: HTMLDsTextElement;
|
|
1221
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1222
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsText, never>;
|
|
1223
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsText, "ds-text", never, { "align": { "alias": "align"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "size": { "alias": "size"; "required": false; }; "space": { "alias": "space"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1224
|
+
}
|
|
1225
|
+
declare interface DsText extends Components.DsText {
|
|
1226
|
+
}
|
|
1227
|
+
declare class DsTextarea$1 {
|
|
1228
|
+
protected z: NgZone;
|
|
1229
|
+
protected el: HTMLDsTextareaElement;
|
|
1230
|
+
dsBlur: EventEmitter<DsTextareaCustomEvent<FocusEvent>>;
|
|
1231
|
+
dsChange: EventEmitter<DsTextareaCustomEvent<TextareaChangeDetail>>;
|
|
1232
|
+
dsClick: EventEmitter<DsTextareaCustomEvent<MouseEvent>>;
|
|
1233
|
+
dsFocus: EventEmitter<DsTextareaCustomEvent<FocusEvent>>;
|
|
1234
|
+
dsInput: EventEmitter<DsTextareaCustomEvent<TextareaInputDetail>>;
|
|
1235
|
+
dsKeyPress: EventEmitter<DsTextareaCustomEvent<KeyboardEvent>>;
|
|
1236
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1237
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTextarea$1, never>;
|
|
1238
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTextarea$1, "ds-textarea", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsClick": "dsClick"; "dsFocus": "dsFocus"; "dsInput": "dsInput"; "dsKeyPress": "dsKeyPress"; }, never, ["*"], true, never>;
|
|
1239
|
+
}
|
|
1240
|
+
declare interface DsTextarea$1 extends Components.DsTextarea {
|
|
1241
|
+
/**
|
|
1242
|
+
* Emitted when a keyboard input occurred.
|
|
1243
|
+
*/
|
|
1244
|
+
dsBlur: EventEmitter<DsTextareaCustomEvent<TextareaBlurDetail>>;
|
|
1245
|
+
/**
|
|
1246
|
+
* Emitted when the textarea value has changed.
|
|
1247
|
+
*/
|
|
1248
|
+
dsChange: EventEmitter<DsTextareaCustomEvent<TextareaChangeDetail>>;
|
|
1249
|
+
/**
|
|
1250
|
+
* Emitted when the textarea has been clicked.
|
|
1251
|
+
*/
|
|
1252
|
+
dsClick: EventEmitter<DsTextareaCustomEvent<TextareaClickDetail>>;
|
|
1253
|
+
/**
|
|
1254
|
+
* Emitted when the textarea has focus.
|
|
1255
|
+
*/
|
|
1256
|
+
dsFocus: EventEmitter<DsTextareaCustomEvent<TextareaFocusDetail>>;
|
|
1257
|
+
/**
|
|
1258
|
+
* Emitted when a keyboard input occurred.
|
|
1259
|
+
*/
|
|
1260
|
+
dsInput: EventEmitter<DsTextareaCustomEvent<TextareaInputDetail>>;
|
|
1261
|
+
/**
|
|
1262
|
+
* Emitted when a keyboard key has been pressed.
|
|
1263
|
+
*/
|
|
1264
|
+
dsKeyPress: EventEmitter<DsTextareaCustomEvent<TextareaKeyPressDetail>>;
|
|
1265
|
+
}
|
|
1266
|
+
declare class DsToast {
|
|
1267
|
+
protected z: NgZone;
|
|
1268
|
+
protected el: HTMLDsToastElement;
|
|
1269
|
+
dsCloseClick: EventEmitter<DsToastCustomEvent<MouseEvent>>;
|
|
1270
|
+
dsActionClick: EventEmitter<DsToastCustomEvent<MouseEvent>>;
|
|
1271
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1272
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsToast, never>;
|
|
1273
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsToast, "ds-toast", never, { "action": { "alias": "action"; "required": false; }; "actionHref": { "alias": "actionHref"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionTarget": { "alias": "actionTarget"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": true; }; "svg": { "alias": "svg"; "required": false; }; }, { "dsCloseClick": "dsCloseClick"; "dsActionClick": "dsActionClick"; }, never, ["*"], true, never>;
|
|
1274
|
+
}
|
|
1275
|
+
declare interface DsToast extends Components.DsToast {
|
|
1276
|
+
/**
|
|
1277
|
+
* Emitted when the close button got clicked.
|
|
1278
|
+
*/
|
|
1279
|
+
dsCloseClick: EventEmitter<DsToastCustomEvent<ToastCloseClickDetail>>;
|
|
1280
|
+
/**
|
|
1281
|
+
* Emitted when the action button got clicked.
|
|
1282
|
+
*/
|
|
1283
|
+
dsActionClick: EventEmitter<DsToastCustomEvent<ToastActionClickDetail>>;
|
|
1284
|
+
}
|
|
1285
|
+
declare class DsToggle {
|
|
1286
|
+
protected z: NgZone;
|
|
1287
|
+
protected el: HTMLDsToggleElement;
|
|
1288
|
+
dsBlur: EventEmitter<DsToggleCustomEvent<FocusEvent>>;
|
|
1289
|
+
dsChange: EventEmitter<DsToggleCustomEvent<boolean>>;
|
|
1290
|
+
dsFocus: EventEmitter<DsToggleCustomEvent<FocusEvent>>;
|
|
1291
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1292
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsToggle, never>;
|
|
1293
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsToggle, "ds-toggle", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
1294
|
+
}
|
|
1295
|
+
declare interface DsToggle extends Components.DsToggle {
|
|
1296
|
+
/**
|
|
1297
|
+
* Emitted when the toggle loses focus.
|
|
1298
|
+
*/
|
|
1299
|
+
dsBlur: EventEmitter<DsToggleCustomEvent<ToggleBlurDetail>>;
|
|
1300
|
+
/**
|
|
1301
|
+
* Emitted when the value property has changed.
|
|
1302
|
+
*/
|
|
1303
|
+
dsChange: EventEmitter<DsToggleCustomEvent<ToggleChangeDetail>>;
|
|
1304
|
+
/**
|
|
1305
|
+
* Emitted when the toggle has focus.
|
|
1306
|
+
*/
|
|
1307
|
+
dsFocus: EventEmitter<DsToggleCustomEvent<ToggleFocusDetail>>;
|
|
1308
|
+
}
|
|
1309
|
+
declare class DsTooltip {
|
|
1310
|
+
protected z: NgZone;
|
|
1311
|
+
protected el: HTMLDsTooltipElement;
|
|
1312
|
+
dsWillAnimate: EventEmitter<DsTooltipCustomEvent<boolean>>;
|
|
1313
|
+
dsDidAnimate: EventEmitter<DsTooltipCustomEvent<boolean>>;
|
|
1314
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1315
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTooltip, never>;
|
|
1316
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTooltip, "ds-tooltip", never, { "contentWidth": { "alias": "contentWidth"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "reference": { "alias": "reference"; "required": false; }; }, { "dsWillAnimate": "dsWillAnimate"; "dsDidAnimate": "dsDidAnimate"; }, never, ["*"], true, never>;
|
|
1317
|
+
}
|
|
1318
|
+
declare interface DsTooltip extends Components.DsTooltip {
|
|
1319
|
+
/**
|
|
1320
|
+
* Emitted before the animation starts.
|
|
1321
|
+
*/
|
|
1322
|
+
dsWillAnimate: EventEmitter<DsTooltipCustomEvent<TooltipWillAnimateDetail>>;
|
|
1323
|
+
/**
|
|
1324
|
+
* Emitted after the animation has finished.
|
|
1325
|
+
*/
|
|
1326
|
+
dsDidAnimate: EventEmitter<DsTooltipCustomEvent<TooltipDidAnimateDetail>>;
|
|
1327
|
+
}
|
|
1328
|
+
|
|
1329
|
+
interface DsFormElement {
|
|
1330
|
+
disabled: boolean;
|
|
1331
|
+
invalid: boolean;
|
|
1332
|
+
invalidText: string;
|
|
1333
|
+
autoInvalidOff: boolean;
|
|
1334
|
+
}
|
|
1335
|
+
/**
|
|
1336
|
+
* `ControlValueAccessor` logic shared by the design-system's form-component wrappers, used via composition
|
|
1337
|
+
* rather than inheritance: the concrete wrapper (e.g. `DsInput`) already extends the generated proxy class
|
|
1338
|
+
* for its inputs/outputs, and Angular doesn't allow a `@Directive()` to extend a `@Component()` (`NG0903`) —
|
|
1339
|
+
* so this can't be a base class the wrapper also `extends`. Instead the wrapper constructs one as a field
|
|
1340
|
+
* (`new DsValueAccessor(inject(ElementRef).nativeElement, inject(Injector), config)`) and delegates its four
|
|
1341
|
+
* `ControlValueAccessor` methods plus `init`/`destroy` (from the wrapper's own `ngOnInit`/`ngOnDestroy`) to
|
|
1342
|
+
* it. Deliberately a plain, undecorated class implementing no Angular-recognized lifecycle interface (no
|
|
1343
|
+
* `@Injectable()`, no `OnInit`/`OnDestroy`) — it's always constructed and driven manually, never resolved or
|
|
1344
|
+
* hooked into by Angular's own DI/lifecycle machinery, so `element`/`injector` are passed in explicitly by
|
|
1345
|
+
* the wrapper's own `inject()` calls rather than this class calling `inject()` itself.
|
|
1346
|
+
*
|
|
1347
|
+
* Subclasses configure which DOM event carries value changes (`changeEvent`), which DOM event marks the
|
|
1348
|
+
* control touched (`blurEvent`), and which property holds the value (`valueProp`); this handles
|
|
1349
|
+
* writeValue/registerOnChange/registerOnTouched/setDisabledState, plus deriving `invalid`/`invalidText`
|
|
1350
|
+
* from `NgControl` once the control is touched.
|
|
1351
|
+
*
|
|
1352
|
+
* `Element` is the concrete native element interface (e.g. `HTMLDsInputElement`) and `K` the key of its
|
|
1353
|
+
* value property (e.g. `'value'`, or `'checked'` for a future `ds-checkbox`) — tying `valueProp` to an
|
|
1354
|
+
* actual key of `Element` means a typo or a mismatched property doesn't silently compile. Constrained to
|
|
1355
|
+
* `EventTarget` (not `HTMLElement`): the generated `HTMLDs*Element` interfaces don't structurally satisfy
|
|
1356
|
+
* `HTMLElement` (e.g. their spec-accurate `autocorrect: InputAutocorrect` collides with lib.dom's own,
|
|
1357
|
+
* differently-typed `autocorrect`), and this class only ever needs `addEventListener`/`removeEventListener`
|
|
1358
|
+
* plus the `DsFormElement` properties, both of which `EventTarget & DsFormElement` already covers.
|
|
1359
|
+
*/
|
|
1360
|
+
declare class DsValueAccessor<Element extends EventTarget & DsFormElement, K extends keyof Element> implements ControlValueAccessor {
|
|
1361
|
+
private readonly element;
|
|
1362
|
+
private readonly injector;
|
|
1363
|
+
private readonly config;
|
|
1364
|
+
private ngControl;
|
|
1365
|
+
private cdr;
|
|
1366
|
+
private statusSubscription?;
|
|
1367
|
+
private subscribedControl;
|
|
1368
|
+
private destroyed;
|
|
1369
|
+
private onChange;
|
|
1370
|
+
private onTouched;
|
|
1371
|
+
constructor(element: Element, injector: Injector, config: {
|
|
1372
|
+
changeEvent: string;
|
|
1373
|
+
blurEvent: string;
|
|
1374
|
+
valueProp: K;
|
|
1375
|
+
});
|
|
1376
|
+
private readonly handleChange;
|
|
1377
|
+
private readonly handleBlur;
|
|
1378
|
+
init(): void;
|
|
1379
|
+
/**
|
|
1380
|
+
* Re-checks `NgControl.control` against the instance `statusSubscription` is currently attached to, and
|
|
1381
|
+
* re-subscribes if it changed. `NgControl.control` is a plain property, not observable: a consumer
|
|
1382
|
+
* replacing the whole bound form (e.g. `this.form = new FormGroup({...})` rather than `patchValue`/
|
|
1383
|
+
* `reset`) makes the directive (e.g. `FormControlName`) repoint `control` at a new `AbstractControl`
|
|
1384
|
+
* with no event marking the swap, so without this check `statusSubscription` would keep listening to
|
|
1385
|
+
* the old, discarded control and `invalid`/`invalidText` would freeze at their pre-swap values. Called
|
|
1386
|
+
* from `writeValue()` (see there) rather than a lifecycle hook: Angular's forms machinery always calls
|
|
1387
|
+
* `writeValue()` as part of `setUpControl()` when a directive like `FormControlName` re-points `control`
|
|
1388
|
+
* at a new instance — synchronously, as part of checking the *host* view, so this fires reliably even
|
|
1389
|
+
* when the wrapper component itself is `OnPush` and not otherwise marked dirty.
|
|
1390
|
+
*/
|
|
1391
|
+
private subscribeToControl;
|
|
1392
|
+
destroy(): void;
|
|
1393
|
+
writeValue(value: Element[K]): void;
|
|
1394
|
+
registerOnChange(fn: (value: Element[K]) => void): void;
|
|
1395
|
+
registerOnTouched(fn: () => void): void;
|
|
1396
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1397
|
+
private updateInvalidState;
|
|
1398
|
+
private firstErrorMessage;
|
|
1399
|
+
}
|
|
1400
|
+
type Constructor<T = object> = new (...args: any[]) => T;
|
|
1401
|
+
/**
|
|
1402
|
+
* Class mixin (the standard pattern for adding behavior to a class whose base is dynamic — used the same
|
|
1403
|
+
* way by e.g. Angular Material's `mixinDisabled`/`mixinColor`) that adds full `ControlValueAccessor` support
|
|
1404
|
+
* to `Base`, wired up to a `DsValueAccessor` constructed from `config`. This is what lets every form
|
|
1405
|
+
* component's wrapper (`DsInput`, and future ones under `src/forms/`) skip re-declaring the same
|
|
1406
|
+
* `NG_VALUE_ACCESSOR` delegation by hand: `class DsInput extends withValueAccessor<HTMLDsInputElement,
|
|
1407
|
+
* 'value'>(config)(DsInputElement) {}`.
|
|
1408
|
+
*
|
|
1409
|
+
* A mixin — a function returning `class extends Base { ... }` — rather than a second, separately `extends`-ed
|
|
1410
|
+
* base class: JS/TS only allow a class to `extends` one thing, and the wrapper already needs to extend the
|
|
1411
|
+
* generated proxy class (`DsInputElement`) for its `@Input`/`@Output` bindings, so the CVA behavior has to be
|
|
1412
|
+
* layered onto that same chain rather than living in a class of its own.
|
|
1413
|
+
*/
|
|
1414
|
+
declare function withValueAccessor<Element extends EventTarget & DsFormElement, K extends keyof Element>(config: {
|
|
1415
|
+
changeEvent: string;
|
|
1416
|
+
blurEvent: string;
|
|
1417
|
+
valueProp: K;
|
|
1418
|
+
}): <TBase extends Constructor>(Base: TBase) => {
|
|
1419
|
+
new (...args: any[]): {
|
|
1420
|
+
readonly controlValueAccessor: DsValueAccessor<Element, K>;
|
|
1421
|
+
ngOnInit(): void;
|
|
1422
|
+
ngOnDestroy(): void;
|
|
1423
|
+
writeValue(value: Element[K]): void;
|
|
1424
|
+
registerOnChange(fn: (value: Element[K]) => void): void;
|
|
1425
|
+
registerOnTouched(fn: () => void): void;
|
|
1426
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1427
|
+
};
|
|
1428
|
+
} & TBase;
|
|
1429
|
+
|
|
1430
|
+
declare const DsInput_base: {
|
|
1431
|
+
new (...args: any[]): {
|
|
1432
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsInputElement, "value">;
|
|
1433
|
+
ngOnInit(): void;
|
|
1434
|
+
ngOnDestroy(): void;
|
|
1435
|
+
writeValue(value: string | null): void;
|
|
1436
|
+
registerOnChange(fn: (value: string | null) => void): void;
|
|
1437
|
+
registerOnTouched(fn: () => void): void;
|
|
1438
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1439
|
+
};
|
|
1440
|
+
} & typeof DsInput$1;
|
|
1441
|
+
/**
|
|
1442
|
+
* Wraps the generated `ds-input` proxy with `ControlValueAccessor` support (value: `string | null`, change
|
|
1443
|
+
* event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
|
|
1444
|
+
* Consumers only ever import `DsInput` to use `<ds-input>` at all, so registering `NG_VALUE_ACCESSOR` here —
|
|
1445
|
+
* rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
|
|
1446
|
+
*
|
|
1447
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1448
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsInputInputs`/`DsInputOutputs`
|
|
1449
|
+
* are generated from `../generated/proxies.ts` (see `packages/core/config/generate-angular-meta.mjs`), so
|
|
1450
|
+
* this stays in sync automatically whenever `ds-input`'s props/events change — no manual list to maintain.
|
|
1451
|
+
*/
|
|
1452
|
+
declare class DsInput extends DsInput_base {
|
|
1453
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsInput, never>;
|
|
1454
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsInput, "ds-input", never, { "accept": { "alias": "accept"; "required": false; }; "allowedKeyPress": { "alias": "allowedKeyPress"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsKeyPress": "dsKeyPress"; "dsFocus": "dsFocus"; "dsClick": "dsClick"; "dsInput": "dsInput"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1457
|
+
declare const DsTextarea_base: {
|
|
1458
|
+
new (...args: any[]): {
|
|
1459
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsTextareaElement, "value">;
|
|
1460
|
+
ngOnInit(): void;
|
|
1461
|
+
ngOnDestroy(): void;
|
|
1462
|
+
writeValue(value: string | null): void;
|
|
1463
|
+
registerOnChange(fn: (value: string | null) => void): void;
|
|
1464
|
+
registerOnTouched(fn: () => void): void;
|
|
1465
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1466
|
+
};
|
|
1467
|
+
} & typeof DsTextarea$1;
|
|
1468
|
+
declare class DsTextarea extends DsTextarea_base {
|
|
1469
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsTextarea, never>;
|
|
1470
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsTextarea, "ds-textarea", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsClick": "dsClick"; "dsFocus": "dsFocus"; "dsInput": "dsInput"; "dsKeyPress": "dsKeyPress"; }, never, ["*"], true, never>;
|
|
1471
|
+
}
|
|
1472
|
+
|
|
1473
|
+
declare const DsNumberInput_base: {
|
|
1474
|
+
new (...args: any[]): {
|
|
1475
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsNumberInputElement, "value">;
|
|
1476
|
+
ngOnInit(): void;
|
|
1477
|
+
ngOnDestroy(): void;
|
|
1478
|
+
writeValue(value: number | null): void;
|
|
1479
|
+
registerOnChange(fn: (value: number | null) => void): void;
|
|
1480
|
+
registerOnTouched(fn: () => void): void;
|
|
1481
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1482
|
+
};
|
|
1483
|
+
} & typeof DsNumberInput$1;
|
|
1484
|
+
/**
|
|
1485
|
+
* Wraps the generated `ds-number-input` proxy with `ControlValueAccessor` support (value: `number | null`,
|
|
1486
|
+
* change event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires
|
|
1487
|
+
* up. Consumers only ever import `DsNumberInput` to use `<ds-number-input>` at all, so registering
|
|
1488
|
+
* `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
|
|
1489
|
+
* without any extra opt-in step.
|
|
1490
|
+
*
|
|
1491
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1492
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsNumberInputInputs`/
|
|
1493
|
+
* `DsNumberInputOutputs` are generated from `../generated/proxies.ts` (see
|
|
1494
|
+
* `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
|
|
1495
|
+
* `ds-number-input`'s props/events change — no manual list to maintain.
|
|
1496
|
+
*/
|
|
1497
|
+
declare class DsNumberInput extends DsNumberInput_base {
|
|
1498
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsNumberInput, never>;
|
|
1499
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsNumberInput, "ds-number-input", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "decimal": { "alias": "decimal"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "exactNumber": { "alias": "exactNumber"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "onlyPositive": { "alias": "onlyPositive"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsChange": "dsChange"; "dsBlur": "dsBlur"; "dsFocus": "dsFocus"; "dsClick": "dsClick"; "dsKeyPress": "dsKeyPress"; }, never, ["*"], true, never>;
|
|
1500
|
+
}
|
|
1501
|
+
|
|
1502
|
+
declare const DsSlider_base: {
|
|
1503
|
+
new (...args: any[]): {
|
|
1504
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsSliderElement, "value">;
|
|
1505
|
+
ngOnInit(): void;
|
|
1506
|
+
ngOnDestroy(): void;
|
|
1507
|
+
writeValue(value: number): void;
|
|
1508
|
+
registerOnChange(fn: (value: number) => void): void;
|
|
1509
|
+
registerOnTouched(fn: () => void): void;
|
|
1510
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1511
|
+
};
|
|
1512
|
+
} & typeof DsSlider$1;
|
|
1513
|
+
/**
|
|
1514
|
+
* Wraps the generated `ds-slider` proxy with `ControlValueAccessor` support (value: `number`, change
|
|
1515
|
+
* event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
|
|
1516
|
+
* Consumers only ever import `DsSlider` to use `<ds-slider>` at all, so registering
|
|
1517
|
+
* `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
|
|
1518
|
+
* without any extra opt-in step.
|
|
1519
|
+
*
|
|
1520
|
+
* `null`/`undefined` (Angular calls `writeValue()` with either for a `FormControl` reset to no value) are
|
|
1521
|
+
* assigned straight through, like `DsInput`/`DsNumberInput` do for their own nullable value props:
|
|
1522
|
+
* `ds-slider`'s own `@Watch('value')` resolves any empty value (`null`/`undefined`/`NaN`) onto its
|
|
1523
|
+
* current `min` — see `slider.tsx`'s `value` prop doc — so this wrapper doesn't need to normalize
|
|
1524
|
+
* anything itself.
|
|
1525
|
+
*
|
|
1526
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1527
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsSliderInputs`/
|
|
1528
|
+
* `DsSliderOutputs` are generated from `../generated/proxies.ts` (see
|
|
1529
|
+
* `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
|
|
1530
|
+
* `ds-slider`'s props/events change — no manual list to maintain.
|
|
1531
|
+
*/
|
|
1532
|
+
declare class DsSlider extends DsSlider_base {
|
|
1533
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSlider, never>;
|
|
1534
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSlider, "ds-slider", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "brandColor": { "alias": "brandColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; "dsClick": "dsClick"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1537
|
+
declare const DsCounter_base: {
|
|
1538
|
+
new (...args: any[]): {
|
|
1539
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsCounterElement, "value">;
|
|
1540
|
+
ngOnInit(): void;
|
|
1541
|
+
ngOnDestroy(): void;
|
|
1542
|
+
writeValue(value: number): void;
|
|
1543
|
+
registerOnChange(fn: (value: number) => void): void;
|
|
1544
|
+
registerOnTouched(fn: () => void): void;
|
|
1545
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1546
|
+
};
|
|
1547
|
+
} & typeof DsCounter$1;
|
|
1548
|
+
/**
|
|
1549
|
+
* Wraps the generated `ds-counter` proxy with `ControlValueAccessor` support (value: `number`, change
|
|
1550
|
+
* event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
|
|
1551
|
+
* Consumers only ever import `DsCounter` to use `<ds-counter>` at all, so registering
|
|
1552
|
+
* `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
|
|
1553
|
+
* without any extra opt-in step.
|
|
1554
|
+
*
|
|
1555
|
+
* `null`/`undefined` (Angular calls `writeValue()` with either for a `FormControl` reset to no value) are
|
|
1556
|
+
* assigned straight through, like `DsSlider` does for its own non-nullable value prop:
|
|
1557
|
+
* `ds-counter`'s own `@Watch('value')` resolves any empty value (`null`/`undefined`/`NaN`) onto its
|
|
1558
|
+
* current `min` and clamps an out-of-range one into `[min, max]` — see `counter.tsx`'s `value` prop
|
|
1559
|
+
* doc — so this wrapper doesn't need to normalize anything itself.
|
|
1560
|
+
*
|
|
1561
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1562
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsCounterInputs`/
|
|
1563
|
+
* `DsCounterOutputs` are generated from `../generated/proxies.ts` (see
|
|
1564
|
+
* `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
|
|
1565
|
+
* `ds-counter`'s props/events change — no manual list to maintain.
|
|
1566
|
+
*/
|
|
1567
|
+
declare class DsCounter extends DsCounter_base {
|
|
1568
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCounter, never>;
|
|
1569
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCounter, "ds-counter", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsChange": "dsChange"; "dsIncrease": "dsIncrease"; "dsDecrease": "dsDecrease"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; }, never, ["*"], true, never>;
|
|
1570
|
+
}
|
|
1571
|
+
|
|
1572
|
+
declare const DsSegment_base: {
|
|
1573
|
+
new (...args: any[]): {
|
|
1574
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsSegmentElement, "value">;
|
|
1575
|
+
ngOnInit(): void;
|
|
1576
|
+
ngOnDestroy(): void;
|
|
1577
|
+
writeValue(value: any): void;
|
|
1578
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
1579
|
+
registerOnTouched(fn: () => void): void;
|
|
1580
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1581
|
+
};
|
|
1582
|
+
} & typeof DsSegment$1;
|
|
1583
|
+
/**
|
|
1584
|
+
* Wraps the generated `ds-segment` proxy with `ControlValueAccessor` support (value: `any | null`, change
|
|
1585
|
+
* event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
|
|
1586
|
+
* Consumers only ever import `DsSegment` to use `<ds-segment>` at all, so registering `NG_VALUE_ACCESSOR` here —
|
|
1587
|
+
* rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
|
|
1588
|
+
*
|
|
1589
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1590
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsSegmentInputs`/
|
|
1591
|
+
* `DsSegmentOutputs` are generated from `../generated/proxies.ts` (see
|
|
1592
|
+
* `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
|
|
1593
|
+
* `ds-segment`'s props/events change — no manual list to maintain.
|
|
1594
|
+
*/
|
|
1595
|
+
declare class DsSegment extends DsSegment_base {
|
|
1596
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSegment, never>;
|
|
1597
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSegment, "ds-segment", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "verticalOnMobile": { "alias": "verticalOnMobile"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
1598
|
+
}
|
|
1599
|
+
|
|
1600
|
+
declare const DsDatepicker_base: {
|
|
1601
|
+
new (...args: any[]): {
|
|
1602
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsDatepickerElement, "value">;
|
|
1603
|
+
ngOnInit(): void;
|
|
1604
|
+
ngOnDestroy(): void;
|
|
1605
|
+
writeValue(value: string | null): void;
|
|
1606
|
+
registerOnChange(fn: (value: string | null) => void): void;
|
|
1607
|
+
registerOnTouched(fn: () => void): void;
|
|
1608
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1609
|
+
};
|
|
1610
|
+
} & typeof DsDatepicker$1;
|
|
1611
|
+
/**
|
|
1612
|
+
* Wraps the generated `ds-datepicker` proxy with `ControlValueAccessor` support (value: `string | null` ISO date,
|
|
1613
|
+
* change event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires
|
|
1614
|
+
* up. Same config as `DsInput` (`ds-datepicker`'s value is a plain ISO string driven by `dsChange`, just like
|
|
1615
|
+
* `ds-input`'s), so this is a direct copy of that wrapper's shape rather than a new one.
|
|
1616
|
+
*
|
|
1617
|
+
* `inputs`/`outputs` are re-declared rather than inherited — see `DsInput` for why.
|
|
1618
|
+
*/
|
|
1619
|
+
declare class DsDatepicker extends DsDatepicker_base {
|
|
1620
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDatepicker, never>;
|
|
1621
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDatepicker, "ds-datepicker", never, { "allowedDates": { "alias": "allowedDates"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "freeSolo": { "alias": "freeSolo"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxYearProp": { "alias": "maxYearProp"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minYearProp": { "alias": "minYearProp"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsKeyPress": "dsKeyPress"; "dsFocus": "dsFocus"; "dsClick": "dsClick"; "dsInput": "dsInput"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
declare const DsCheckboxGroup_base: {
|
|
1625
|
+
new (...args: any[]): {
|
|
1626
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsCheckboxGroupElement, "value">;
|
|
1627
|
+
ngOnInit(): void;
|
|
1628
|
+
ngOnDestroy(): void;
|
|
1629
|
+
writeValue(value: any[]): void;
|
|
1630
|
+
registerOnChange(fn: (value: any[]) => void): void;
|
|
1631
|
+
registerOnTouched(fn: () => void): void;
|
|
1632
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1633
|
+
};
|
|
1634
|
+
} & typeof DsCheckboxGroup$1;
|
|
1635
|
+
/**
|
|
1636
|
+
* Wraps the generated `ds-checkbox-group` proxy with `ControlValueAccessor` support (value: `any[]`, change event:
|
|
1637
|
+
* `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up. Consumers only
|
|
1638
|
+
* ever import `DsCheckboxGroup` to use `<ds-checkbox-group>` at all, so registering `NG_VALUE_ACCESSOR` here —
|
|
1639
|
+
* rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
|
|
1640
|
+
*
|
|
1641
|
+
* `ds-checkbox-group`'s `value` is `any[]` rather than a plain scalar, but that needs no accessor-level
|
|
1642
|
+
* conversion: `DsValueAccessor<Element, K>`'s `Element[K]` generic just resolves to `HTMLDsCheckboxGroupElement`'s
|
|
1643
|
+
* own `value: any[]` type, so `writeValue`/`handleChange` already pass the array straight through unmodified —
|
|
1644
|
+
* the same `config` shape (`changeEvent`/`blurEvent`/`valueProp`) as `ds-input` carries over unchanged.
|
|
1645
|
+
*
|
|
1646
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1647
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsCheckboxGroupInputs`/
|
|
1648
|
+
* `DsCheckboxGroupOutputs` are generated from `../generated/proxies.ts` (see
|
|
1649
|
+
* `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
|
|
1650
|
+
* `ds-checkbox-group`'s props/events change — no manual list to maintain.
|
|
1651
|
+
*/
|
|
1652
|
+
declare class DsCheckboxGroup extends DsCheckboxGroup_base {
|
|
1653
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsCheckboxGroup, never>;
|
|
1654
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsCheckboxGroup, "ds-checkbox-group", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "colsMobile": { "alias": "colsMobile"; "required": false; }; "colsTablet": { "alias": "colsTablet"; "required": false; }; "control": { "alias": "control"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "tileColor": { "alias": "tileColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
1655
|
+
}
|
|
1656
|
+
|
|
1657
|
+
declare const DsRadioGroup_base: {
|
|
1658
|
+
new (...args: any[]): {
|
|
1659
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsRadioGroupElement, "value">;
|
|
1660
|
+
ngOnInit(): void;
|
|
1661
|
+
ngOnDestroy(): void;
|
|
1662
|
+
writeValue(value: any): void;
|
|
1663
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
1664
|
+
registerOnTouched(fn: () => void): void;
|
|
1665
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1666
|
+
};
|
|
1667
|
+
} & typeof DsRadioGroup$1;
|
|
1668
|
+
/**
|
|
1669
|
+
* Wraps the generated `ds-radio-group` proxy with `ControlValueAccessor` support (value: `any | null`, change
|
|
1670
|
+
* event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
|
|
1671
|
+
* Consumers only ever import `DsRadioGroup` to use `<ds-radio-group>` at all, so registering
|
|
1672
|
+
* `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
|
|
1673
|
+
* without any extra opt-in step.
|
|
1674
|
+
*
|
|
1675
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1676
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsRadioGroupInputs`/
|
|
1677
|
+
* `DsRadioGroupOutputs` are generated from `../generated/proxies.ts` (see
|
|
1678
|
+
* `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
|
|
1679
|
+
* `ds-radio-group`'s props/events change — no manual list to maintain.
|
|
1680
|
+
*/
|
|
1681
|
+
declare class DsRadioGroup extends DsRadioGroup_base {
|
|
1682
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsRadioGroup, never>;
|
|
1683
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsRadioGroup, "ds-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "colsMobile": { "alias": "colsMobile"; "required": false; }; "colsTablet": { "alias": "colsTablet"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "tileColor": { "alias": "tileColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsBlur": "dsBlur"; "dsChange": "dsChange"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
1684
|
+
}
|
|
1685
|
+
|
|
1686
|
+
declare const DsFileUpload_base: {
|
|
1687
|
+
new (...args: any[]): {
|
|
1688
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsFileUploadElement, "value">;
|
|
1689
|
+
ngOnInit(): void;
|
|
1690
|
+
ngOnDestroy(): void;
|
|
1691
|
+
writeValue(value: File[]): void;
|
|
1692
|
+
registerOnChange(fn: (value: File[]) => void): void;
|
|
1693
|
+
registerOnTouched(fn: () => void): void;
|
|
1694
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1695
|
+
};
|
|
1696
|
+
} & typeof DsFileUpload$1;
|
|
1697
|
+
/**
|
|
1698
|
+
* Wraps the generated `ds-file-upload` proxy with `ControlValueAccessor` support (value: `File[]`, change
|
|
1699
|
+
* event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
|
|
1700
|
+
* `ds-file-upload` emits its full `File[]` directly as `dsChange`'s `event.detail` and accepts the same
|
|
1701
|
+
* shape back on its `value` prop, so — like `ds-datepicker`'s ISO string or `ds-slider`'s number — no
|
|
1702
|
+
* accessor-level conversion is needed: this is a direct copy of `DsInput`'s config shape, just with a
|
|
1703
|
+
* `File[]` value type instead of `string`.
|
|
1704
|
+
*
|
|
1705
|
+
* `inputs`/`outputs` are re-declared rather than inherited — see `DsInput` for why.
|
|
1706
|
+
*/
|
|
1707
|
+
declare class DsFileUpload extends DsFileUpload_base {
|
|
1708
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsFileUpload, never>;
|
|
1709
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsFileUpload, "ds-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropZoneLabel": { "alias": "dropZoneLabel"; "required": false; }; "hasFileList": { "alias": "hasFileList"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxBundleSize": { "alias": "maxBundleSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; "dsFilesAdded": "dsFilesAdded"; "dsFilesRemoved": "dsFilesRemoved"; "dsRejectedFile": "dsRejectedFile"; "dsInputClick": "dsInputClick"; "dsBlur": "dsBlur"; "dsFocus": "dsFocus"; }, never, ["*"], true, never>;
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1712
|
+
declare const DsSelect_base: {
|
|
1713
|
+
new (...args: any[]): {
|
|
1714
|
+
readonly controlValueAccessor: DsValueAccessor<HTMLDsSelectElement, "value">;
|
|
1715
|
+
ngOnInit(): void;
|
|
1716
|
+
ngOnDestroy(): void;
|
|
1717
|
+
writeValue(value: string | string[] | null): void;
|
|
1718
|
+
registerOnChange(fn: (value: string | string[] | null) => void): void;
|
|
1719
|
+
registerOnTouched(fn: () => void): void;
|
|
1720
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1721
|
+
};
|
|
1722
|
+
} & typeof DsSelect$1;
|
|
1723
|
+
/**
|
|
1724
|
+
* Wraps the generated `ds-select` proxy with `ControlValueAccessor` support (value: `string | string[] | null`,
|
|
1725
|
+
* change event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
|
|
1726
|
+
* `Element[K]` already resolves to `HTMLDsSelectElement['value']`, i.e. `string | string[] | null`, so — same as
|
|
1727
|
+
* `ds-checkbox-group`'s array value and `ds-radio-group`'s `any` value — no accessor-level override is needed to
|
|
1728
|
+
* pass single- vs. multiple-mode values through unmodified; `writeValue`/`registerOnChange` already assign/read
|
|
1729
|
+
* `element.value` verbatim, whatever shape it currently holds.
|
|
1730
|
+
*
|
|
1731
|
+
* Consumers only ever import `DsSelect` to use `<ds-select>` at all, so registering `NG_VALUE_ACCESSOR` here —
|
|
1732
|
+
* rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
|
|
1733
|
+
*
|
|
1734
|
+
* `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
|
|
1735
|
+
* and outputs statically from its own `@Component` decorator at build time. `DsSelectInputs`/`DsSelectOutputs`
|
|
1736
|
+
* are generated from `../generated/proxies.ts` (see `packages/core/config/generate-angular-meta.mjs`), so this
|
|
1737
|
+
* stays in sync automatically whenever `ds-select`'s props/events change — no manual list to maintain.
|
|
1738
|
+
*/
|
|
1739
|
+
declare class DsSelect extends DsSelect_base {
|
|
1740
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsSelect, never>;
|
|
1741
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "autoInvalidOff": { "alias": "autoInvalidOff"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optionGroups": { "alias": "optionGroups"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; "dsFocus": "dsFocus"; "dsBlur": "dsBlur"; "dsClick": "dsClick"; }, never, ["*"], true, never>;
|
|
1742
|
+
}
|
|
1743
|
+
|
|
1744
|
+
interface DsAngularConfig {
|
|
1745
|
+
defaults?: DsConfig;
|
|
1746
|
+
}
|
|
1747
|
+
declare function provideDesignSystem(config?: DsAngularConfig): EnvironmentProviders;
|
|
1748
|
+
|
|
1749
|
+
export { DsAccordion, DsAlertContainer, DsAppFooter, DsAppNavbar, DsBadge, DsBrandIcon, DsButton, DsButtonGroup, DsCard, DsCardActions, DsCardContent, DsCardHeader, DsCardSubtitle, DsCardTitle, DsCarousel, DsCarouselItem, DsCheckbox, DsCheckboxGroup, DsClose, DsContent, DsCounter, DsData, DsDataItem, DsDataLabel, DsDataValue, DsDatepicker, DsDivider, DsDrawer, DsFileUpload, DsHeading, DsHint, DsHintText, DsHintTitle, DsIcon, DsInput, DsInputPhone, DsItem, DsLabel, DsList, DsLogo, DsModal, DsModalBody, DsModalHeader, DsNotification, DsNumberInput, DsPagination, DsPopup, DsProgressBar, DsRadio, DsRadioGroup, DsRoot, DsSegment, DsSegmentItem, DsSelect, DsSelectOptgroup, DsSelectOption, DsShape, DsSheet, DsSlider, DsSnackbar, DsSpinner, DsStack, DsStep, DsStepPanel, DsSteps, DsTab, DsTabPanel, DsTabs, DsTag, DsTagGroup, DsText, DsTextarea, DsToast, DsToggle, DsTooltip, DsValueAccessor, provideDesignSystem, withValueAccessor };
|
|
1750
|
+
export type { DsAngularConfig };
|
|
1751
|
+
//# sourceMappingURL=baloise-ds-angular.d.ts.map
|