@payex-ds/angular 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +51 -2
- package/esm2022/generated/all.mjs +7 -0
- package/esm2022/generated/components.mjs +2175 -0
- package/esm2022/generated/value-accessor.mjs +37 -0
- package/esm2022/index.mjs +8 -0
- package/esm2022/lib/component-base.mjs +34 -0
- package/esm2022/lib/provide-design-system.mjs +15 -0
- package/esm2022/lib/value-accessor.mjs +45 -0
- package/esm2022/payex-ds-angular.mjs +5 -0
- package/fesm2022/payex-ds-angular.mjs +2311 -0
- package/fesm2022/payex-ds-angular.mjs.map +1 -0
- package/generated/all.d.ts +3 -0
- package/generated/components.d.ts +711 -0
- package/generated/value-accessor.d.ts +10 -0
- package/index.d.ts +7 -0
- package/lib/component-base.d.ts +12 -0
- package/lib/provide-design-system.d.ts +10 -0
- package/lib/value-accessor.d.ts +21 -0
- package/package.json +29 -3
|
@@ -0,0 +1,711 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import type { PdsAccordion as PdsAccordionElement, PdsAccordionItem as PdsAccordionItemElement, PdsAlert as PdsAlertElement, PdsBadge as PdsBadgeElement, PdsBreadcrumb as PdsBreadcrumbElement, PdsBreadcrumbItem as PdsBreadcrumbItemElement, PdsButton as PdsButtonElement, PdsCard as PdsCardElement, PdsCheckbox as PdsCheckboxElement, PdsDatepicker as PdsDatepickerElement, PdsDialog as PdsDialogElement, PdsDropdown as PdsDropdownElement, PdsDropdownItem as PdsDropdownItemElement, PdsExpandable as PdsExpandableElement, PdsInput as PdsInputElement, PdsLink as PdsLinkElement, PdsList as PdsListElement, PdsListItem as PdsListItemElement, PdsLoader as PdsLoaderElement, PdsMediaObject as PdsMediaObjectElement, PdsPagination as PdsPaginationElement, PdsPanel as PdsPanelElement, PdsProgressStep as PdsProgressStepElement, PdsProgressSteps as PdsProgressStepsElement, PdsRadio as PdsRadioElement, PdsRadioGroup as PdsRadioGroupElement, PdsRangeslider as PdsRangesliderElement, PdsSelect as PdsSelectElement, PdsSheet as PdsSheetElement, PdsSidebar as PdsSidebarElement, PdsSidebarGroup as PdsSidebarGroupElement, PdsSidebarItem as PdsSidebarItemElement, PdsSkipLink as PdsSkipLinkElement, PdsSlab as PdsSlabElement, PdsStatus as PdsStatusElement, PdsTab as PdsTabElement, PdsTabPanel as PdsTabPanelElement, PdsTable as PdsTableElement, PdsTabs as PdsTabsElement, PdsTag as PdsTagElement, PdsToast as PdsToastElement, PdsToastRegion as PdsToastRegionElement, PdsTogglebox as PdsToggleboxElement, PdsTooltip as PdsTooltipElement, PdsTopbar as PdsTopbarElement } from '@payex-ds/core';
|
|
3
|
+
import { PdsComponentBase } from '../lib/component-base';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/** Accordion groups pds-accordion-item sections. */
|
|
6
|
+
export declare class PdsAccordionComponent extends PdsComponentBase<PdsAccordionElement> {
|
|
7
|
+
set multiple(value: PdsAccordionElement['multiple']);
|
|
8
|
+
/** Bubbles from the item the user toggled. Detail: `{ open }`. */
|
|
9
|
+
readonly pdsToggle: EventEmitter<CustomEvent<{
|
|
10
|
+
open: unknown;
|
|
11
|
+
}>>;
|
|
12
|
+
constructor();
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsAccordionComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsAccordionComponent, "pds-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; }, { "pdsToggle": "pdsToggle"; }, never, ["*"], true, never>;
|
|
15
|
+
static ngAcceptInputType_multiple: unknown;
|
|
16
|
+
}
|
|
17
|
+
/** Accordion item with a heading button and a content region. */
|
|
18
|
+
export declare class PdsAccordionItemComponent extends PdsComponentBase<PdsAccordionItemElement> {
|
|
19
|
+
set disabled(value: PdsAccordionItemElement['disabled']);
|
|
20
|
+
set heading(value: PdsAccordionItemElement['heading']);
|
|
21
|
+
set headingLevel(value: PdsAccordionItemElement['headingLevel']);
|
|
22
|
+
set open(value: PdsAccordionItemElement['open']);
|
|
23
|
+
/** Fired when the user toggles the item. Detail: `{ open }`. */
|
|
24
|
+
readonly pdsToggle: EventEmitter<CustomEvent<{
|
|
25
|
+
open: PdsAccordionItemElement["open"];
|
|
26
|
+
}>>;
|
|
27
|
+
constructor();
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsAccordionItemComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsAccordionItemComponent, "pds-accordion-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "pdsToggle": "pdsToggle"; }, never, ["*"], true, never>;
|
|
30
|
+
static ngAcceptInputType_disabled: unknown;
|
|
31
|
+
static ngAcceptInputType_headingLevel: unknown;
|
|
32
|
+
static ngAcceptInputType_open: unknown;
|
|
33
|
+
}
|
|
34
|
+
/** Alerts communicate important, contextual messages. */
|
|
35
|
+
export declare class PdsAlertComponent extends PdsComponentBase<PdsAlertElement> {
|
|
36
|
+
set dismissible(value: PdsAlertElement['dismissible']);
|
|
37
|
+
set heading(value: PdsAlertElement['heading']);
|
|
38
|
+
set variant(value: PdsAlertElement['variant']);
|
|
39
|
+
/** Accessible label of the close button. Default `Dismiss`. */
|
|
40
|
+
set closeLabel(value: string | null | undefined);
|
|
41
|
+
/** Fired when the close button is used (cancelable). The alert hides itself unless cancelled. */
|
|
42
|
+
readonly pdsDismiss: EventEmitter<CustomEvent<unknown>>;
|
|
43
|
+
constructor();
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsAlertComponent, never>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsAlertComponent, "pds-alert", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "closeLabel": { "alias": "close-label"; "required": false; }; }, { "pdsDismiss": "pdsDismiss"; }, never, ["*"], true, never>;
|
|
46
|
+
static ngAcceptInputType_dismissible: unknown;
|
|
47
|
+
}
|
|
48
|
+
/** Badges highlight a count or short status label. */
|
|
49
|
+
export declare class PdsBadgeComponent extends PdsComponentBase<PdsBadgeElement> {
|
|
50
|
+
set count(value: PdsBadgeElement['count']);
|
|
51
|
+
set dot(value: PdsBadgeElement['dot']);
|
|
52
|
+
set max(value: PdsBadgeElement['max']);
|
|
53
|
+
set variant(value: PdsBadgeElement['variant']);
|
|
54
|
+
/** Accessible name announced instead of the visible text. */
|
|
55
|
+
set ariaLabel(value: string | null | undefined);
|
|
56
|
+
constructor();
|
|
57
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsBadgeComponent, never>;
|
|
58
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsBadgeComponent, "pds-badge", never, { "count": { "alias": "count"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "max": { "alias": "max"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
59
|
+
static ngAcceptInputType_dot: unknown;
|
|
60
|
+
static ngAcceptInputType_max: unknown;
|
|
61
|
+
}
|
|
62
|
+
/** Shows the user's location in a hierarchy. */
|
|
63
|
+
export declare class PdsBreadcrumbComponent extends PdsComponentBase<PdsBreadcrumbElement> {
|
|
64
|
+
set expandLabel(value: PdsBreadcrumbElement['expandLabel']);
|
|
65
|
+
set label(value: PdsBreadcrumbElement['label']);
|
|
66
|
+
set maxItems(value: PdsBreadcrumbElement['maxItems']);
|
|
67
|
+
/** Fired when the collapsed items are revealed. */
|
|
68
|
+
readonly pdsExpand: EventEmitter<CustomEvent<unknown>>;
|
|
69
|
+
constructor();
|
|
70
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsBreadcrumbComponent, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsBreadcrumbComponent, "pds-breadcrumb", never, { "expandLabel": { "alias": "expandLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; }, { "pdsExpand": "pdsExpand"; }, never, ["*"], true, never>;
|
|
72
|
+
static ngAcceptInputType_maxItems: unknown;
|
|
73
|
+
}
|
|
74
|
+
/** An item inside `pds-breadcrumb`. */
|
|
75
|
+
export declare class PdsBreadcrumbItemComponent extends PdsComponentBase<PdsBreadcrumbItemElement> {
|
|
76
|
+
set current(value: PdsBreadcrumbItemElement['current']);
|
|
77
|
+
set href(value: PdsBreadcrumbItemElement['href']);
|
|
78
|
+
constructor();
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsBreadcrumbItemComponent, never>;
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsBreadcrumbItemComponent, "pds-breadcrumb-item", never, { "current": { "alias": "current"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
81
|
+
static ngAcceptInputType_current: unknown;
|
|
82
|
+
}
|
|
83
|
+
/** Buttons trigger actions or navigation. */
|
|
84
|
+
export declare class PdsButtonComponent extends PdsComponentBase<PdsButtonElement> {
|
|
85
|
+
set disabled(value: PdsButtonElement['disabled']);
|
|
86
|
+
set fullWidth(value: PdsButtonElement['fullWidth']);
|
|
87
|
+
set href(value: PdsButtonElement['href']);
|
|
88
|
+
set loading(value: PdsButtonElement['loading']);
|
|
89
|
+
set size(value: PdsButtonElement['size']);
|
|
90
|
+
set type(value: PdsButtonElement['type']);
|
|
91
|
+
set variant(value: PdsButtonElement['variant']);
|
|
92
|
+
/** Link target when `href` is set. */
|
|
93
|
+
set target(value: string | null | undefined);
|
|
94
|
+
/** Fired when activated (not fired while disabled/loading). Detail: `{ originalEvent }`. */
|
|
95
|
+
readonly pdsClick: EventEmitter<CustomEvent<{
|
|
96
|
+
originalEvent: unknown;
|
|
97
|
+
}>>;
|
|
98
|
+
constructor();
|
|
99
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsButtonComponent, never>;
|
|
100
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsButtonComponent, "pds-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "href": { "alias": "href"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "pdsClick": "pdsClick"; }, never, ["*"], true, never>;
|
|
101
|
+
static ngAcceptInputType_disabled: unknown;
|
|
102
|
+
static ngAcceptInputType_fullWidth: unknown;
|
|
103
|
+
static ngAcceptInputType_loading: unknown;
|
|
104
|
+
}
|
|
105
|
+
/** Cards group related content and actions. */
|
|
106
|
+
export declare class PdsCardComponent extends PdsComponentBase<PdsCardElement> {
|
|
107
|
+
set clickable(value: PdsCardElement['clickable']);
|
|
108
|
+
set heading(value: PdsCardElement['heading']);
|
|
109
|
+
set headingLevel(value: PdsCardElement['headingLevel']);
|
|
110
|
+
set href(value: PdsCardElement['href']);
|
|
111
|
+
set variant(value: PdsCardElement['variant']);
|
|
112
|
+
/** Accessible link name when `href` is set without `heading`. */
|
|
113
|
+
set label(value: string | null | undefined);
|
|
114
|
+
/** Link target when `href` is set. */
|
|
115
|
+
set target(value: string | null | undefined);
|
|
116
|
+
constructor();
|
|
117
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsCardComponent, never>;
|
|
118
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsCardComponent, "pds-card", never, { "clickable": { "alias": "clickable"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
119
|
+
static ngAcceptInputType_clickable: unknown;
|
|
120
|
+
static ngAcceptInputType_headingLevel: unknown;
|
|
121
|
+
}
|
|
122
|
+
/** Checkbox for boolean or multi-select choices. */
|
|
123
|
+
export declare class PdsCheckboxComponent extends PdsComponentBase<PdsCheckboxElement> {
|
|
124
|
+
/** Current checked state (the attribute is the initial state). */
|
|
125
|
+
set checked(value: PdsCheckboxElement['checked']);
|
|
126
|
+
set disabled(value: PdsCheckboxElement['disabled']);
|
|
127
|
+
set errorText(value: PdsCheckboxElement['errorText']);
|
|
128
|
+
set helperText(value: PdsCheckboxElement['helperText']);
|
|
129
|
+
set indeterminate(value: PdsCheckboxElement['indeterminate']);
|
|
130
|
+
set label(value: PdsCheckboxElement['label']);
|
|
131
|
+
set name(value: PdsCheckboxElement['name']);
|
|
132
|
+
set required(value: PdsCheckboxElement['required']);
|
|
133
|
+
set value(value: PdsCheckboxElement['value']);
|
|
134
|
+
/** Fired when toggled by the user. Detail: `{ checked, value }`. */
|
|
135
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
136
|
+
checked: PdsCheckboxElement["checked"];
|
|
137
|
+
value: PdsCheckboxElement["value"];
|
|
138
|
+
}>>;
|
|
139
|
+
constructor();
|
|
140
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsCheckboxComponent, never>;
|
|
141
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsCheckboxComponent, "pds-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
142
|
+
static ngAcceptInputType_checked: unknown;
|
|
143
|
+
static ngAcceptInputType_disabled: unknown;
|
|
144
|
+
static ngAcceptInputType_indeterminate: unknown;
|
|
145
|
+
static ngAcceptInputType_required: unknown;
|
|
146
|
+
}
|
|
147
|
+
/** Pick a date by typing or from a calendar popup. */
|
|
148
|
+
export declare class PdsDatepickerComponent extends PdsComponentBase<PdsDatepickerElement> {
|
|
149
|
+
set disabled(value: PdsDatepickerElement['disabled']);
|
|
150
|
+
set disabledDates(value: PdsDatepickerElement['disabledDates']);
|
|
151
|
+
set errorText(value: PdsDatepickerElement['errorText']);
|
|
152
|
+
set firstDayOfWeek(value: PdsDatepickerElement['firstDayOfWeek']);
|
|
153
|
+
set helperText(value: PdsDatepickerElement['helperText']);
|
|
154
|
+
set label(value: PdsDatepickerElement['label']);
|
|
155
|
+
set locale(value: PdsDatepickerElement['locale']);
|
|
156
|
+
set max(value: PdsDatepickerElement['max']);
|
|
157
|
+
set min(value: PdsDatepickerElement['min']);
|
|
158
|
+
set name(value: PdsDatepickerElement['name']);
|
|
159
|
+
set placeholder(value: PdsDatepickerElement['placeholder']);
|
|
160
|
+
set readonly(value: PdsDatepickerElement['readonly']);
|
|
161
|
+
set required(value: PdsDatepickerElement['required']);
|
|
162
|
+
set value(value: PdsDatepickerElement['value']);
|
|
163
|
+
/** Fired when the value changes. Detail: `{ value }` (ISO string or empty). */
|
|
164
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
165
|
+
value: PdsDatepickerElement["value"];
|
|
166
|
+
}>>;
|
|
167
|
+
/** Fired when the calendar opens. */
|
|
168
|
+
readonly pdsOpen: EventEmitter<CustomEvent<unknown>>;
|
|
169
|
+
/** Fired when the calendar closes. */
|
|
170
|
+
readonly pdsClose: EventEmitter<CustomEvent<unknown>>;
|
|
171
|
+
constructor();
|
|
172
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsDatepickerComponent, never>;
|
|
173
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsDatepickerComponent, "pds-datepicker", never, { "disabled": { "alias": "disabled"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "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; }; }, { "pdsChange": "pdsChange"; "pdsOpen": "pdsOpen"; "pdsClose": "pdsClose"; }, never, ["*"], true, never>;
|
|
174
|
+
static ngAcceptInputType_disabled: unknown;
|
|
175
|
+
static ngAcceptInputType_firstDayOfWeek: unknown;
|
|
176
|
+
static ngAcceptInputType_readonly: unknown;
|
|
177
|
+
static ngAcceptInputType_required: unknown;
|
|
178
|
+
}
|
|
179
|
+
/** Dialogs interrupt the user with focused, modal content. */
|
|
180
|
+
export declare class PdsDialogComponent extends PdsComponentBase<PdsDialogElement> {
|
|
181
|
+
set dismissible(value: PdsDialogElement['dismissible']);
|
|
182
|
+
set heading(value: PdsDialogElement['heading']);
|
|
183
|
+
set open(value: PdsDialogElement['open']);
|
|
184
|
+
/** Value reported by `pds-close`. */
|
|
185
|
+
set returnValue(value: PdsDialogElement['returnValue']);
|
|
186
|
+
set size(value: PdsDialogElement['size']);
|
|
187
|
+
/** Accessible label of the close button. Default `Close`. */
|
|
188
|
+
set closeLabel(value: string | null | undefined);
|
|
189
|
+
/** Fired after the dialog opened. */
|
|
190
|
+
readonly pdsOpen: EventEmitter<CustomEvent<unknown>>;
|
|
191
|
+
/** Fired after the dialog closed. Detail: `{ returnValue }`. */
|
|
192
|
+
readonly pdsClose: EventEmitter<CustomEvent<{
|
|
193
|
+
returnValue: PdsDialogElement["returnValue"];
|
|
194
|
+
}>>;
|
|
195
|
+
/** Cancelable; fired when Escape, backdrop or close button asks to close. Detail: `{ reason }`. */
|
|
196
|
+
readonly pdsRequestClose: EventEmitter<CustomEvent<{
|
|
197
|
+
reason: unknown;
|
|
198
|
+
}>>;
|
|
199
|
+
constructor();
|
|
200
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsDialogComponent, never>;
|
|
201
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsDialogComponent, "pds-dialog", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "open": { "alias": "open"; "required": false; }; "returnValue": { "alias": "returnValue"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closeLabel": { "alias": "close-label"; "required": false; }; }, { "pdsOpen": "pdsOpen"; "pdsClose": "pdsClose"; "pdsRequestClose": "pdsRequestClose"; }, never, ["*"], true, never>;
|
|
202
|
+
static ngAcceptInputType_dismissible: unknown;
|
|
203
|
+
static ngAcceptInputType_open: unknown;
|
|
204
|
+
}
|
|
205
|
+
/** Dropdown menu opened from a button. */
|
|
206
|
+
export declare class PdsDropdownComponent extends PdsComponentBase<PdsDropdownElement> {
|
|
207
|
+
set disabled(value: PdsDropdownElement['disabled']);
|
|
208
|
+
set label(value: PdsDropdownElement['label']);
|
|
209
|
+
set open(value: PdsDropdownElement['open']);
|
|
210
|
+
set placement(value: PdsDropdownElement['placement']);
|
|
211
|
+
/** Fired when an item is chosen. Detail: `{ value }`. */
|
|
212
|
+
readonly pdsSelect: EventEmitter<CustomEvent<{
|
|
213
|
+
value: unknown;
|
|
214
|
+
}>>;
|
|
215
|
+
constructor();
|
|
216
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsDropdownComponent, never>;
|
|
217
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsDropdownComponent, "pds-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "pdsSelect": "pdsSelect"; }, never, ["*"], true, never>;
|
|
218
|
+
static ngAcceptInputType_disabled: unknown;
|
|
219
|
+
static ngAcceptInputType_open: unknown;
|
|
220
|
+
}
|
|
221
|
+
/** Menu item. */
|
|
222
|
+
export declare class PdsDropdownItemComponent extends PdsComponentBase<PdsDropdownItemElement> {
|
|
223
|
+
set disabled(value: PdsDropdownItemElement['disabled']);
|
|
224
|
+
set href(value: PdsDropdownItemElement['href']);
|
|
225
|
+
set value(value: PdsDropdownItemElement['value']);
|
|
226
|
+
constructor();
|
|
227
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsDropdownItemComponent, never>;
|
|
228
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsDropdownItemComponent, "pds-dropdown-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
229
|
+
static ngAcceptInputType_disabled: unknown;
|
|
230
|
+
}
|
|
231
|
+
/** Expandable reveals or hides content. */
|
|
232
|
+
export declare class PdsExpandableComponent extends PdsComponentBase<PdsExpandableElement> {
|
|
233
|
+
set label(value: PdsExpandableElement['label']);
|
|
234
|
+
set open(value: PdsExpandableElement['open']);
|
|
235
|
+
/** Fired when the user toggles. Detail: `{ open }`. */
|
|
236
|
+
readonly pdsToggle: EventEmitter<CustomEvent<{
|
|
237
|
+
open: PdsExpandableElement["open"];
|
|
238
|
+
}>>;
|
|
239
|
+
constructor();
|
|
240
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsExpandableComponent, never>;
|
|
241
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsExpandableComponent, "pds-expandable", never, { "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "pdsToggle": "pdsToggle"; }, never, ["*"], true, never>;
|
|
242
|
+
static ngAcceptInputType_open: unknown;
|
|
243
|
+
}
|
|
244
|
+
/** Single-line text field. */
|
|
245
|
+
export declare class PdsInputComponent extends PdsComponentBase<PdsInputElement> {
|
|
246
|
+
set disabled(value: PdsInputElement['disabled']);
|
|
247
|
+
set errorText(value: PdsInputElement['errorText']);
|
|
248
|
+
set helperText(value: PdsInputElement['helperText']);
|
|
249
|
+
set label(value: PdsInputElement['label']);
|
|
250
|
+
set name(value: PdsInputElement['name']);
|
|
251
|
+
set placeholder(value: PdsInputElement['placeholder']);
|
|
252
|
+
set readOnly(value: PdsInputElement['readOnly']);
|
|
253
|
+
set required(value: PdsInputElement['required']);
|
|
254
|
+
set type(value: PdsInputElement['type']);
|
|
255
|
+
/** Current value. */
|
|
256
|
+
set value(value: PdsInputElement['value']);
|
|
257
|
+
/** Native autocomplete hint. */
|
|
258
|
+
set autocomplete(value: string | null | undefined);
|
|
259
|
+
/** Maximum (number type). */
|
|
260
|
+
set max(value: string | null | undefined);
|
|
261
|
+
/** Maximum length. */
|
|
262
|
+
set maxlength(value: number | null | undefined);
|
|
263
|
+
/** Minimum (number type). */
|
|
264
|
+
set min(value: string | null | undefined);
|
|
265
|
+
/** Minimum length. */
|
|
266
|
+
set minlength(value: number | null | undefined);
|
|
267
|
+
/** Validation regular expression. */
|
|
268
|
+
set pattern(value: string | null | undefined);
|
|
269
|
+
/** Makes the field read-only. */
|
|
270
|
+
set readonly(value: boolean | null | undefined);
|
|
271
|
+
/** Fired on every edit. Detail: `{ value }`. */
|
|
272
|
+
readonly pdsInput: EventEmitter<CustomEvent<{
|
|
273
|
+
value: PdsInputElement["value"];
|
|
274
|
+
}>>;
|
|
275
|
+
/** Fired when the value is committed. Detail: `{ value }`. */
|
|
276
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
277
|
+
value: PdsInputElement["value"];
|
|
278
|
+
}>>;
|
|
279
|
+
constructor();
|
|
280
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsInputComponent, never>;
|
|
281
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsInputComponent, "pds-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "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; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "pdsInput": "pdsInput"; "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
282
|
+
static ngAcceptInputType_disabled: unknown;
|
|
283
|
+
static ngAcceptInputType_readOnly: unknown;
|
|
284
|
+
static ngAcceptInputType_required: unknown;
|
|
285
|
+
}
|
|
286
|
+
/** Links navigate to another location. */
|
|
287
|
+
export declare class PdsLinkComponent extends PdsComponentBase<PdsLinkElement> {
|
|
288
|
+
set external(value: PdsLinkElement['external']);
|
|
289
|
+
set href(value: PdsLinkElement['href']);
|
|
290
|
+
set target(value: PdsLinkElement['target']);
|
|
291
|
+
set variant(value: PdsLinkElement['variant']);
|
|
292
|
+
constructor();
|
|
293
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsLinkComponent, never>;
|
|
294
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsLinkComponent, "pds-link", never, { "external": { "alias": "external"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
295
|
+
static ngAcceptInputType_external: unknown;
|
|
296
|
+
}
|
|
297
|
+
/** Lists present related items. */
|
|
298
|
+
export declare class PdsListComponent extends PdsComponentBase<PdsListElement> {
|
|
299
|
+
set variant(value: PdsListElement['variant']);
|
|
300
|
+
constructor();
|
|
301
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsListComponent, never>;
|
|
302
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsListComponent, "pds-list", never, { "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
303
|
+
}
|
|
304
|
+
/** A single entry in a list. */
|
|
305
|
+
export declare class PdsListItemComponent extends PdsComponentBase<PdsListItemElement> {
|
|
306
|
+
set dataIndex(value: string | null | undefined);
|
|
307
|
+
set dataVariant(value: string | null | undefined);
|
|
308
|
+
constructor();
|
|
309
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsListItemComponent, never>;
|
|
310
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsListItemComponent, "pds-list-item", never, { "dataIndex": { "alias": "data-index"; "required": false; }; "dataVariant": { "alias": "data-variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
311
|
+
}
|
|
312
|
+
/** Indicates that content is loading. */
|
|
313
|
+
export declare class PdsLoaderComponent extends PdsComponentBase<PdsLoaderElement> {
|
|
314
|
+
set label(value: PdsLoaderElement['label']);
|
|
315
|
+
set overlay(value: PdsLoaderElement['overlay']);
|
|
316
|
+
set size(value: PdsLoaderElement['size']);
|
|
317
|
+
constructor();
|
|
318
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsLoaderComponent, never>;
|
|
319
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsLoaderComponent, "pds-loader", never, { "label": { "alias": "label"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
320
|
+
static ngAcceptInputType_overlay: unknown;
|
|
321
|
+
}
|
|
322
|
+
/** Media objects pair an image or icon with text. */
|
|
323
|
+
export declare class PdsMediaObjectComponent extends PdsComponentBase<PdsMediaObjectElement> {
|
|
324
|
+
set align(value: PdsMediaObjectElement['align']);
|
|
325
|
+
set reverse(value: PdsMediaObjectElement['reverse']);
|
|
326
|
+
/** Breakpoint in px, or `null` when the container query is used. */
|
|
327
|
+
set stackBelow(value: PdsMediaObjectElement['stackBelow']);
|
|
328
|
+
constructor();
|
|
329
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsMediaObjectComponent, never>;
|
|
330
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsMediaObjectComponent, "pds-media-object", never, { "align": { "alias": "align"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "stackBelow": { "alias": "stackBelow"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
331
|
+
static ngAcceptInputType_reverse: unknown;
|
|
332
|
+
}
|
|
333
|
+
/** Navigate between pages of content. */
|
|
334
|
+
export declare class PdsPaginationComponent extends PdsComponentBase<PdsPaginationElement> {
|
|
335
|
+
set hrefTemplate(value: PdsPaginationElement['hrefTemplate']);
|
|
336
|
+
set label(value: PdsPaginationElement['label']);
|
|
337
|
+
set page(value: PdsPaginationElement['page']);
|
|
338
|
+
set siblingCount(value: PdsPaginationElement['siblingCount']);
|
|
339
|
+
set totalPages(value: PdsPaginationElement['totalPages']);
|
|
340
|
+
/** Accessible name of the next control. Default `Next page`. */
|
|
341
|
+
set nextLabel(value: string | null | undefined);
|
|
342
|
+
/** Accessible name of the previous control. Default `Previous page`. */
|
|
343
|
+
set previousLabel(value: string | null | undefined);
|
|
344
|
+
/** Fired when the user selects a page. Detail: `{ page }`. */
|
|
345
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
346
|
+
page: PdsPaginationElement["page"];
|
|
347
|
+
}>>;
|
|
348
|
+
constructor();
|
|
349
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsPaginationComponent, never>;
|
|
350
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsPaginationComponent, "pds-pagination", never, { "hrefTemplate": { "alias": "hrefTemplate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "page": { "alias": "page"; "required": false; }; "siblingCount": { "alias": "siblingCount"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "nextLabel": { "alias": "next-label"; "required": false; }; "previousLabel": { "alias": "previous-label"; "required": false; }; }, { "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
351
|
+
static ngAcceptInputType_page: unknown;
|
|
352
|
+
static ngAcceptInputType_siblingCount: unknown;
|
|
353
|
+
static ngAcceptInputType_totalPages: unknown;
|
|
354
|
+
}
|
|
355
|
+
/** Panels group related content on a tinted surface. */
|
|
356
|
+
export declare class PdsPanelComponent extends PdsComponentBase<PdsPanelElement> {
|
|
357
|
+
set heading(value: PdsPanelElement['heading']);
|
|
358
|
+
set headingLevel(value: PdsPanelElement['headingLevel']);
|
|
359
|
+
set variant(value: PdsPanelElement['variant']);
|
|
360
|
+
constructor();
|
|
361
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsPanelComponent, never>;
|
|
362
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsPanelComponent, "pds-panel", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
363
|
+
static ngAcceptInputType_headingLevel: unknown;
|
|
364
|
+
}
|
|
365
|
+
/** One step of a multi-step process. */
|
|
366
|
+
export declare class PdsProgressStepComponent extends PdsComponentBase<PdsProgressStepElement> {
|
|
367
|
+
set status(value: PdsProgressStepElement['status']);
|
|
368
|
+
/** Fired when a completed step is activated in a clickable container. Detail: `{ index }`. */
|
|
369
|
+
readonly pdsStepClick: EventEmitter<CustomEvent<{
|
|
370
|
+
index: unknown;
|
|
371
|
+
}>>;
|
|
372
|
+
constructor();
|
|
373
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsProgressStepComponent, never>;
|
|
374
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsProgressStepComponent, "pds-progress-step", never, { "status": { "alias": "status"; "required": false; }; }, { "pdsStepClick": "pdsStepClick"; }, never, ["*"], true, never>;
|
|
375
|
+
}
|
|
376
|
+
/** Shows progress through a sequence of steps. */
|
|
377
|
+
export declare class PdsProgressStepsComponent extends PdsComponentBase<PdsProgressStepsElement> {
|
|
378
|
+
set clickable(value: PdsProgressStepsElement['clickable']);
|
|
379
|
+
set current(value: PdsProgressStepsElement['current']);
|
|
380
|
+
set label(value: PdsProgressStepsElement['label']);
|
|
381
|
+
set orientation(value: PdsProgressStepsElement['orientation']);
|
|
382
|
+
/** Fired when a completed step is activated. Detail: `{ index }`. */
|
|
383
|
+
readonly pdsStepClick: EventEmitter<CustomEvent<{
|
|
384
|
+
index: unknown;
|
|
385
|
+
}>>;
|
|
386
|
+
constructor();
|
|
387
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsProgressStepsComponent, never>;
|
|
388
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsProgressStepsComponent, "pds-progress-steps", never, { "clickable": { "alias": "clickable"; "required": false; }; "current": { "alias": "current"; "required": false; }; "label": { "alias": "label"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "pdsStepClick": "pdsStepClick"; }, never, ["*"], true, never>;
|
|
389
|
+
static ngAcceptInputType_clickable: unknown;
|
|
390
|
+
static ngAcceptInputType_current: unknown;
|
|
391
|
+
}
|
|
392
|
+
/** Radio option, used inside `pds-radio-group`. */
|
|
393
|
+
export declare class PdsRadioComponent extends PdsComponentBase<PdsRadioElement> {
|
|
394
|
+
/** Current selection state (managed by the group). The `checked` attribute is only the initial state. */
|
|
395
|
+
set checked(value: PdsRadioElement['checked']);
|
|
396
|
+
set disabled(value: PdsRadioElement['disabled']);
|
|
397
|
+
set value(value: PdsRadioElement['value']);
|
|
398
|
+
constructor();
|
|
399
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsRadioComponent, never>;
|
|
400
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsRadioComponent, "pds-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
401
|
+
static ngAcceptInputType_checked: unknown;
|
|
402
|
+
static ngAcceptInputType_disabled: unknown;
|
|
403
|
+
}
|
|
404
|
+
/** Group of mutually exclusive radio options. */
|
|
405
|
+
export declare class PdsRadioGroupComponent extends PdsComponentBase<PdsRadioGroupElement> {
|
|
406
|
+
set disabled(value: PdsRadioGroupElement['disabled']);
|
|
407
|
+
set errorText(value: PdsRadioGroupElement['errorText']);
|
|
408
|
+
set helperText(value: PdsRadioGroupElement['helperText']);
|
|
409
|
+
set label(value: PdsRadioGroupElement['label']);
|
|
410
|
+
set name(value: PdsRadioGroupElement['name']);
|
|
411
|
+
set orientation(value: PdsRadioGroupElement['orientation']);
|
|
412
|
+
set required(value: PdsRadioGroupElement['required']);
|
|
413
|
+
/** Currently selected value ('' when none). */
|
|
414
|
+
set value(value: PdsRadioGroupElement['value']);
|
|
415
|
+
/** Fired when the selection changes by user interaction. Detail: `{ value }`. */
|
|
416
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
417
|
+
value: PdsRadioGroupElement["value"];
|
|
418
|
+
}>>;
|
|
419
|
+
constructor();
|
|
420
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsRadioGroupComponent, never>;
|
|
421
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsRadioGroupComponent, "pds-radio-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
422
|
+
static ngAcceptInputType_disabled: unknown;
|
|
423
|
+
static ngAcceptInputType_required: unknown;
|
|
424
|
+
}
|
|
425
|
+
/** Slider for choosing a number within a range. */
|
|
426
|
+
export declare class PdsRangesliderComponent extends PdsComponentBase<PdsRangesliderElement> {
|
|
427
|
+
set disabled(value: PdsRangesliderElement['disabled']);
|
|
428
|
+
set errorText(value: PdsRangesliderElement['errorText']);
|
|
429
|
+
set helperText(value: PdsRangesliderElement['helperText']);
|
|
430
|
+
set label(value: PdsRangesliderElement['label']);
|
|
431
|
+
set name(value: PdsRangesliderElement['name']);
|
|
432
|
+
set required(value: PdsRangesliderElement['required']);
|
|
433
|
+
set showValue(value: PdsRangesliderElement['showValue']);
|
|
434
|
+
/** Current value. */
|
|
435
|
+
set value(value: PdsRangesliderElement['value']);
|
|
436
|
+
/** Maximum. Default 100. */
|
|
437
|
+
set max(value: number | null | undefined);
|
|
438
|
+
/** Minimum. Default 0. */
|
|
439
|
+
set min(value: number | null | undefined);
|
|
440
|
+
/** Step. Default 1. */
|
|
441
|
+
set step(value: number | null | undefined);
|
|
442
|
+
/** Fired while dragging. Detail: `{ value }`. */
|
|
443
|
+
readonly pdsInput: EventEmitter<CustomEvent<{
|
|
444
|
+
value: PdsRangesliderElement["value"];
|
|
445
|
+
}>>;
|
|
446
|
+
/** Fired when the value is committed. Detail: `{ value }`. */
|
|
447
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
448
|
+
value: PdsRangesliderElement["value"];
|
|
449
|
+
}>>;
|
|
450
|
+
constructor();
|
|
451
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsRangesliderComponent, never>;
|
|
452
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsRangesliderComponent, "pds-rangeslider", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; }, { "pdsInput": "pdsInput"; "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
453
|
+
static ngAcceptInputType_disabled: unknown;
|
|
454
|
+
static ngAcceptInputType_required: unknown;
|
|
455
|
+
static ngAcceptInputType_showValue: unknown;
|
|
456
|
+
}
|
|
457
|
+
/** Dropdown for choosing one option from a list. */
|
|
458
|
+
export declare class PdsSelectComponent extends PdsComponentBase<PdsSelectElement> {
|
|
459
|
+
set disabled(value: PdsSelectElement['disabled']);
|
|
460
|
+
set errorText(value: PdsSelectElement['errorText']);
|
|
461
|
+
set helperText(value: PdsSelectElement['helperText']);
|
|
462
|
+
set label(value: PdsSelectElement['label']);
|
|
463
|
+
set name(value: PdsSelectElement['name']);
|
|
464
|
+
set placeholder(value: PdsSelectElement['placeholder']);
|
|
465
|
+
set required(value: PdsSelectElement['required']);
|
|
466
|
+
/** Current value. */
|
|
467
|
+
set value(value: PdsSelectElement['value']);
|
|
468
|
+
/** Fired when the selection changes. Detail: `{ value }`. */
|
|
469
|
+
readonly pdsInput: EventEmitter<CustomEvent<{
|
|
470
|
+
value: PdsSelectElement["value"];
|
|
471
|
+
}>>;
|
|
472
|
+
/** Fired when the selection is committed. Detail: `{ value }`. */
|
|
473
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
474
|
+
value: PdsSelectElement["value"];
|
|
475
|
+
}>>;
|
|
476
|
+
constructor();
|
|
477
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsSelectComponent, never>;
|
|
478
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsSelectComponent, "pds-select", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "pdsInput": "pdsInput"; "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
479
|
+
static ngAcceptInputType_disabled: unknown;
|
|
480
|
+
static ngAcceptInputType_required: unknown;
|
|
481
|
+
}
|
|
482
|
+
/** Sheets slide in from an edge of the screen with secondary content. */
|
|
483
|
+
export declare class PdsSheetComponent extends PdsComponentBase<PdsSheetElement> {
|
|
484
|
+
set dismissible(value: PdsSheetElement['dismissible']);
|
|
485
|
+
set heading(value: PdsSheetElement['heading']);
|
|
486
|
+
set open(value: PdsSheetElement['open']);
|
|
487
|
+
set placement(value: PdsSheetElement['placement']);
|
|
488
|
+
/** Value reported by `pds-close`. */
|
|
489
|
+
set returnValue(value: PdsSheetElement['returnValue']);
|
|
490
|
+
/** Accessible label of the close button. Default `Close`. */
|
|
491
|
+
set closeLabel(value: string | null | undefined);
|
|
492
|
+
/** Fired after the sheet opened. */
|
|
493
|
+
readonly pdsOpen: EventEmitter<CustomEvent<unknown>>;
|
|
494
|
+
/** Fired after the sheet closed. Detail: `{ returnValue }`. */
|
|
495
|
+
readonly pdsClose: EventEmitter<CustomEvent<{
|
|
496
|
+
returnValue: PdsSheetElement["returnValue"];
|
|
497
|
+
}>>;
|
|
498
|
+
/** Cancelable; fired when Escape, backdrop or close button asks to close. Detail: `{ reason }`. */
|
|
499
|
+
readonly pdsRequestClose: EventEmitter<CustomEvent<{
|
|
500
|
+
reason: unknown;
|
|
501
|
+
}>>;
|
|
502
|
+
constructor();
|
|
503
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsSheetComponent, never>;
|
|
504
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsSheetComponent, "pds-sheet", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "returnValue": { "alias": "returnValue"; "required": false; }; "closeLabel": { "alias": "close-label"; "required": false; }; }, { "pdsOpen": "pdsOpen"; "pdsClose": "pdsClose"; "pdsRequestClose": "pdsRequestClose"; }, never, ["*"], true, never>;
|
|
505
|
+
static ngAcceptInputType_dismissible: unknown;
|
|
506
|
+
static ngAcceptInputType_open: unknown;
|
|
507
|
+
}
|
|
508
|
+
/** Vertical navigation container for `pds-sidebar-item` and `pds-sidebar-group`. */
|
|
509
|
+
export declare class PdsSidebarComponent extends PdsComponentBase<PdsSidebarElement> {
|
|
510
|
+
set collapsed(value: PdsSidebarElement['collapsed']);
|
|
511
|
+
set label(value: PdsSidebarElement['label']);
|
|
512
|
+
constructor();
|
|
513
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsSidebarComponent, never>;
|
|
514
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsSidebarComponent, "pds-sidebar", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
515
|
+
static ngAcceptInputType_collapsed: unknown;
|
|
516
|
+
}
|
|
517
|
+
/** A collapsible section of `pds-sidebar-item`s. */
|
|
518
|
+
export declare class PdsSidebarGroupComponent extends PdsComponentBase<PdsSidebarGroupElement> {
|
|
519
|
+
/** Set by the parent sidebar: icon-only mode shows items directly without a heading. */
|
|
520
|
+
set collapsed(value: PdsSidebarGroupElement['collapsed']);
|
|
521
|
+
set expanded(value: PdsSidebarGroupElement['expanded']);
|
|
522
|
+
set label(value: PdsSidebarGroupElement['label']);
|
|
523
|
+
/** Fired when the heading is toggled. Detail: `{ expanded }`. */
|
|
524
|
+
readonly pdsToggle: EventEmitter<CustomEvent<{
|
|
525
|
+
expanded: PdsSidebarGroupElement["expanded"];
|
|
526
|
+
}>>;
|
|
527
|
+
constructor();
|
|
528
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsSidebarGroupComponent, never>;
|
|
529
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsSidebarGroupComponent, "pds-sidebar-group", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "pdsToggle": "pdsToggle"; }, never, ["*"], true, never>;
|
|
530
|
+
static ngAcceptInputType_collapsed: unknown;
|
|
531
|
+
static ngAcceptInputType_expanded: unknown;
|
|
532
|
+
}
|
|
533
|
+
/** An item inside `pds-sidebar`. */
|
|
534
|
+
export declare class PdsSidebarItemComponent extends PdsComponentBase<PdsSidebarItemElement> {
|
|
535
|
+
set active(value: PdsSidebarItemElement['active']);
|
|
536
|
+
/** Set by the parent sidebar. */
|
|
537
|
+
set collapsed(value: PdsSidebarItemElement['collapsed']);
|
|
538
|
+
set disabled(value: PdsSidebarItemElement['disabled']);
|
|
539
|
+
set href(value: PdsSidebarItemElement['href']);
|
|
540
|
+
set label(value: PdsSidebarItemElement['label']);
|
|
541
|
+
/** Fired when a button-type item is activated. */
|
|
542
|
+
readonly pdsClick: EventEmitter<CustomEvent<unknown>>;
|
|
543
|
+
constructor();
|
|
544
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsSidebarItemComponent, never>;
|
|
545
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsSidebarItemComponent, "pds-sidebar-item", never, { "active": { "alias": "active"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "pdsClick": "pdsClick"; }, never, ["*"], true, never>;
|
|
546
|
+
static ngAcceptInputType_active: unknown;
|
|
547
|
+
static ngAcceptInputType_collapsed: unknown;
|
|
548
|
+
static ngAcceptInputType_disabled: unknown;
|
|
549
|
+
}
|
|
550
|
+
/** Lets keyboard users skip repeated content. */
|
|
551
|
+
export declare class PdsSkipLinkComponent extends PdsComponentBase<PdsSkipLinkElement> {
|
|
552
|
+
set href(value: PdsSkipLinkElement['href']);
|
|
553
|
+
constructor();
|
|
554
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsSkipLinkComponent, never>;
|
|
555
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsSkipLinkComponent, "pds-skip-link", never, { "href": { "alias": "href"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
556
|
+
}
|
|
557
|
+
/** Slabs divide a page into full-width sections. */
|
|
558
|
+
export declare class PdsSlabComponent extends PdsComponentBase<PdsSlabElement> {
|
|
559
|
+
set size(value: PdsSlabElement['size']);
|
|
560
|
+
set variant(value: PdsSlabElement['variant']);
|
|
561
|
+
constructor();
|
|
562
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsSlabComponent, never>;
|
|
563
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsSlabComponent, "pds-slab", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
564
|
+
}
|
|
565
|
+
/** Shows a status as a coloured dot plus label. */
|
|
566
|
+
export declare class PdsStatusComponent extends PdsComponentBase<PdsStatusElement> {
|
|
567
|
+
set status(value: PdsStatusElement['status']);
|
|
568
|
+
constructor();
|
|
569
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsStatusComponent, never>;
|
|
570
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsStatusComponent, "pds-status", never, { "status": { "alias": "status"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
571
|
+
}
|
|
572
|
+
/** Tab button of a tab list. */
|
|
573
|
+
export declare class PdsTabComponent extends PdsComponentBase<PdsTabElement> {
|
|
574
|
+
set disabled(value: PdsTabElement['disabled']);
|
|
575
|
+
set panel(value: PdsTabElement['panel']);
|
|
576
|
+
/** True once the tab is connected; lets the parent ignore tabs that are not initialised yet. */
|
|
577
|
+
set ready(value: PdsTabElement['ready']);
|
|
578
|
+
set selected(value: PdsTabElement['selected']);
|
|
579
|
+
constructor();
|
|
580
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsTabComponent, never>;
|
|
581
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsTabComponent, "pds-tab", never, { "disabled": { "alias": "disabled"; "required": false; }; "panel": { "alias": "panel"; "required": false; }; "ready": { "alias": "ready"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
582
|
+
static ngAcceptInputType_disabled: unknown;
|
|
583
|
+
static ngAcceptInputType_ready: unknown;
|
|
584
|
+
static ngAcceptInputType_selected: unknown;
|
|
585
|
+
}
|
|
586
|
+
/** Panel shown when its tab is selected. */
|
|
587
|
+
export declare class PdsTabPanelComponent extends PdsComponentBase<PdsTabPanelElement> {
|
|
588
|
+
constructor();
|
|
589
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsTabPanelComponent, never>;
|
|
590
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsTabPanelComponent, "pds-tab-panel", never, {}, {}, never, ["*"], true, never>;
|
|
591
|
+
}
|
|
592
|
+
/** Styled, scrollable and optionally sortable data table. */
|
|
593
|
+
export declare class PdsTableComponent extends PdsComponentBase<PdsTableElement> {
|
|
594
|
+
set bordered(value: PdsTableElement['bordered']);
|
|
595
|
+
set compact(value: PdsTableElement['compact']);
|
|
596
|
+
set label(value: PdsTableElement['label']);
|
|
597
|
+
set stickyHeader(value: PdsTableElement['stickyHeader']);
|
|
598
|
+
set striped(value: PdsTableElement['striped']);
|
|
599
|
+
/** CSS max-height of the scroll region (e.g. `20rem`). */
|
|
600
|
+
set maxHeight(value: string | null | undefined);
|
|
601
|
+
/** Fired after a column is sorted. Detail: `{ column, direction }`. */
|
|
602
|
+
readonly pdsSort: EventEmitter<CustomEvent<{
|
|
603
|
+
column: unknown;
|
|
604
|
+
direction: unknown;
|
|
605
|
+
}>>;
|
|
606
|
+
constructor();
|
|
607
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsTableComponent, never>;
|
|
608
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsTableComponent, "pds-table", never, { "bordered": { "alias": "bordered"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "label": { "alias": "label"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "maxHeight": { "alias": "max-height"; "required": false; }; }, { "pdsSort": "pdsSort"; }, never, ["*"], true, never>;
|
|
609
|
+
static ngAcceptInputType_bordered: unknown;
|
|
610
|
+
static ngAcceptInputType_compact: unknown;
|
|
611
|
+
static ngAcceptInputType_stickyHeader: unknown;
|
|
612
|
+
static ngAcceptInputType_striped: unknown;
|
|
613
|
+
}
|
|
614
|
+
/** Tabs switch between related panels. */
|
|
615
|
+
export declare class PdsTabsComponent extends PdsComponentBase<PdsTabsElement> {
|
|
616
|
+
set label(value: PdsTabsElement['label']);
|
|
617
|
+
set orientation(value: PdsTabsElement['orientation']);
|
|
618
|
+
set value(value: PdsTabsElement['value']);
|
|
619
|
+
/** Fired when the user selects a tab. Detail: `{ index, value }` (value is the panel id). */
|
|
620
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
621
|
+
index: unknown;
|
|
622
|
+
value: PdsTabsElement["value"];
|
|
623
|
+
}>>;
|
|
624
|
+
constructor();
|
|
625
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsTabsComponent, never>;
|
|
626
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsTabsComponent, "pds-tabs", never, { "label": { "alias": "label"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
627
|
+
}
|
|
628
|
+
/** Tags label or categorise content. */
|
|
629
|
+
export declare class PdsTagComponent extends PdsComponentBase<PdsTagElement> {
|
|
630
|
+
set removable(value: PdsTagElement['removable']);
|
|
631
|
+
set size(value: PdsTagElement['size']);
|
|
632
|
+
set variant(value: PdsTagElement['variant']);
|
|
633
|
+
/** Fired (cancelable) when the remove button is activated. The tag removes itself unless prevented. */
|
|
634
|
+
readonly pdsRemove: EventEmitter<CustomEvent<unknown>>;
|
|
635
|
+
constructor();
|
|
636
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsTagComponent, never>;
|
|
637
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsTagComponent, "pds-tag", never, { "removable": { "alias": "removable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "pdsRemove": "pdsRemove"; }, never, ["*"], true, never>;
|
|
638
|
+
static ngAcceptInputType_removable: unknown;
|
|
639
|
+
}
|
|
640
|
+
/** Toasts show short-lived, non-blocking feedback. */
|
|
641
|
+
export declare class PdsToastComponent extends PdsComponentBase<PdsToastElement> {
|
|
642
|
+
set dismissible(value: PdsToastElement['dismissible']);
|
|
643
|
+
set duration(value: PdsToastElement['duration']);
|
|
644
|
+
set heading(value: PdsToastElement['heading']);
|
|
645
|
+
set variant(value: PdsToastElement['variant']);
|
|
646
|
+
/** Accessible label of the close button. Default `Dismiss`. */
|
|
647
|
+
set closeLabel(value: string | null | undefined);
|
|
648
|
+
/** Fired before the toast is removed (cancelable). Detail: `{ reason: 'timeout' | 'close-button' | 'programmatic' }`. */
|
|
649
|
+
readonly pdsDismiss: EventEmitter<CustomEvent<Record<string, unknown>>>;
|
|
650
|
+
constructor();
|
|
651
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsToastComponent, never>;
|
|
652
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsToastComponent, "pds-toast", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "closeLabel": { "alias": "close-label"; "required": false; }; }, { "pdsDismiss": "pdsDismiss"; }, never, ["*"], true, never>;
|
|
653
|
+
static ngAcceptInputType_dismissible: unknown;
|
|
654
|
+
static ngAcceptInputType_duration: unknown;
|
|
655
|
+
}
|
|
656
|
+
/** Container that stacks and announces `pds-toast` elements. */
|
|
657
|
+
export declare class PdsToastRegionComponent extends PdsComponentBase<PdsToastRegionElement> {
|
|
658
|
+
constructor();
|
|
659
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsToastRegionComponent, never>;
|
|
660
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsToastRegionComponent, "pds-toast-region", never, {}, {}, never, ["*"], true, never>;
|
|
661
|
+
}
|
|
662
|
+
/** Switch for immediately-applied on/off settings. */
|
|
663
|
+
export declare class PdsToggleboxComponent extends PdsComponentBase<PdsToggleboxElement> {
|
|
664
|
+
/** Current state (the attribute is the initial state). */
|
|
665
|
+
set checked(value: PdsToggleboxElement['checked']);
|
|
666
|
+
set disabled(value: PdsToggleboxElement['disabled']);
|
|
667
|
+
set errorText(value: PdsToggleboxElement['errorText']);
|
|
668
|
+
set helperText(value: PdsToggleboxElement['helperText']);
|
|
669
|
+
set label(value: PdsToggleboxElement['label']);
|
|
670
|
+
set name(value: PdsToggleboxElement['name']);
|
|
671
|
+
set required(value: PdsToggleboxElement['required']);
|
|
672
|
+
set value(value: PdsToggleboxElement['value']);
|
|
673
|
+
/** Fired when toggled by the user. Detail: `{ checked, value }`. */
|
|
674
|
+
readonly pdsChange: EventEmitter<CustomEvent<{
|
|
675
|
+
checked: PdsToggleboxElement["checked"];
|
|
676
|
+
value: PdsToggleboxElement["value"];
|
|
677
|
+
}>>;
|
|
678
|
+
constructor();
|
|
679
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsToggleboxComponent, never>;
|
|
680
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsToggleboxComponent, "pds-togglebox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "pdsChange": "pdsChange"; }, never, ["*"], true, never>;
|
|
681
|
+
static ngAcceptInputType_checked: unknown;
|
|
682
|
+
static ngAcceptInputType_disabled: unknown;
|
|
683
|
+
static ngAcceptInputType_required: unknown;
|
|
684
|
+
}
|
|
685
|
+
/** Tooltips show short supplementary text for a control. */
|
|
686
|
+
export declare class PdsTooltipComponent extends PdsComponentBase<PdsTooltipElement> {
|
|
687
|
+
set content(value: PdsTooltipElement['content']);
|
|
688
|
+
set delay(value: PdsTooltipElement['delay']);
|
|
689
|
+
set hide(value: PdsTooltipElement['hide']);
|
|
690
|
+
set placement(value: PdsTooltipElement['placement']);
|
|
691
|
+
constructor();
|
|
692
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsTooltipComponent, never>;
|
|
693
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsTooltipComponent, "pds-tooltip", never, { "content": { "alias": "content"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "hide": { "alias": "hide"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
694
|
+
static ngAcceptInputType_delay: unknown;
|
|
695
|
+
}
|
|
696
|
+
/** Responsive application header. */
|
|
697
|
+
export declare class PdsTopbarComponent extends PdsComponentBase<PdsTopbarElement> {
|
|
698
|
+
set breakpoint(value: PdsTopbarElement['breakpoint']);
|
|
699
|
+
set label(value: PdsTopbarElement['label']);
|
|
700
|
+
set menuLabel(value: PdsTopbarElement['menuLabel']);
|
|
701
|
+
set open(value: PdsTopbarElement['open']);
|
|
702
|
+
/** Fired when the menu is opened or closed. Detail: `{ open }`. */
|
|
703
|
+
readonly pdsMenuToggle: EventEmitter<CustomEvent<{
|
|
704
|
+
open: PdsTopbarElement["open"];
|
|
705
|
+
}>>;
|
|
706
|
+
constructor();
|
|
707
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdsTopbarComponent, never>;
|
|
708
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdsTopbarComponent, "pds-topbar", never, { "breakpoint": { "alias": "breakpoint"; "required": false; }; "label": { "alias": "label"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "pdsMenuToggle": "pdsMenuToggle"; }, never, ["*"], true, never>;
|
|
709
|
+
static ngAcceptInputType_open: unknown;
|
|
710
|
+
}
|
|
711
|
+
export declare const PDS_ELEMENT_COMPONENTS: readonly [typeof PdsAccordionComponent, typeof PdsAccordionItemComponent, typeof PdsAlertComponent, typeof PdsBadgeComponent, typeof PdsBreadcrumbComponent, typeof PdsBreadcrumbItemComponent, typeof PdsButtonComponent, typeof PdsCardComponent, typeof PdsCheckboxComponent, typeof PdsDatepickerComponent, typeof PdsDialogComponent, typeof PdsDropdownComponent, typeof PdsDropdownItemComponent, typeof PdsExpandableComponent, typeof PdsInputComponent, typeof PdsLinkComponent, typeof PdsListComponent, typeof PdsListItemComponent, typeof PdsLoaderComponent, typeof PdsMediaObjectComponent, typeof PdsPaginationComponent, typeof PdsPanelComponent, typeof PdsProgressStepComponent, typeof PdsProgressStepsComponent, typeof PdsRadioComponent, typeof PdsRadioGroupComponent, typeof PdsRangesliderComponent, typeof PdsSelectComponent, typeof PdsSheetComponent, typeof PdsSidebarComponent, typeof PdsSidebarGroupComponent, typeof PdsSidebarItemComponent, typeof PdsSkipLinkComponent, typeof PdsSlabComponent, typeof PdsStatusComponent, typeof PdsTabComponent, typeof PdsTabPanelComponent, typeof PdsTableComponent, typeof PdsTabsComponent, typeof PdsTagComponent, typeof PdsToastComponent, typeof PdsToastRegionComponent, typeof PdsToggleboxComponent, typeof PdsTooltipComponent, typeof PdsTopbarComponent];
|