@aegov/designsystem-angular 0.2.14 → 0.2.15
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 +21 -16
- package/fesm2022/aegov-designsystem-angular.mjs +1957 -0
- package/fesm2022/aegov-designsystem-angular.mjs.map +1 -0
- package/package.json +21 -31
- package/types/aegov-designsystem-angular.d.ts +964 -0
- package/.editorconfig +0 -17
- package/.prettierrc +0 -12
- package/.vscode/extensions.json +0 -4
- package/.vscode/launch.json +0 -20
- package/.vscode/tasks.json +0 -42
- package/angular.json +0 -36
- package/projects/component-library/README.md +0 -64
- package/projects/component-library/ng-package.json +0 -7
- package/projects/component-library/package.json +0 -16
- package/projects/component-library/src/lib/component-library.spec.ts +0 -22
- package/projects/component-library/src/lib/component-library.ts +0 -9
- package/projects/component-library/src/lib/designsystem.module.ts +0 -24
- package/projects/component-library/src/lib/stencil-generated/angular-component-lib/utils.ts +0 -65
- package/projects/component-library/src/lib/stencil-generated/components.ts +0 -1830
- package/projects/component-library/src/lib/stencil-generated/index.ts +0 -60
- package/projects/component-library/src/public-api.ts +0 -7
- package/projects/component-library/tsconfig.lib.json +0 -13
- package/projects/component-library/tsconfig.lib.prod.json +0 -11
- package/projects/component-library/tsconfig.spec.json +0 -10
- package/tsconfig.json +0 -34
|
@@ -1,1830 +0,0 @@
|
|
|
1
|
-
/* tslint:disable */
|
|
2
|
-
/* auto-generated angular directive proxies */
|
|
3
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, NgZone } from '@angular/core';
|
|
4
|
-
|
|
5
|
-
import { ProxyCmp } from './angular-component-lib/utils';
|
|
6
|
-
|
|
7
|
-
import type { Components } from '@aegov/designsystem/components';
|
|
8
|
-
|
|
9
|
-
import { defineCustomElement as defineAegovAccordion } from '@aegov/designsystem/components/aegov-accordion.js';
|
|
10
|
-
import { defineCustomElement as defineAegovAccordionItem } from '@aegov/designsystem/components/aegov-accordion-item.js';
|
|
11
|
-
import { defineCustomElement as defineAegovAspectRatio } from '@aegov/designsystem/components/aegov-aspect-ratio.js';
|
|
12
|
-
import { defineCustomElement as defineAegovAvatar } from '@aegov/designsystem/components/aegov-avatar.js';
|
|
13
|
-
import { defineCustomElement as defineAegovAvatarGroup } from '@aegov/designsystem/components/aegov-avatar-group.js';
|
|
14
|
-
import { defineCustomElement as defineAegovBadge } from '@aegov/designsystem/components/aegov-badge.js';
|
|
15
|
-
import { defineCustomElement as defineAegovBanner } from '@aegov/designsystem/components/aegov-banner.js';
|
|
16
|
-
import { defineCustomElement as defineAegovBentoGrid } from '@aegov/designsystem/components/aegov-bento-grid.js';
|
|
17
|
-
import { defineCustomElement as defineAegovBlockquote } from '@aegov/designsystem/components/aegov-blockquote.js';
|
|
18
|
-
import { defineCustomElement as defineAegovBreadcrumbs } from '@aegov/designsystem/components/aegov-breadcrumbs.js';
|
|
19
|
-
import { defineCustomElement as defineAegovBreadcrumbsItem } from '@aegov/designsystem/components/aegov-breadcrumbs-item.js';
|
|
20
|
-
import { defineCustomElement as defineAegovButton } from '@aegov/designsystem/components/aegov-button.js';
|
|
21
|
-
import { defineCustomElement as defineAegovButtonGroup } from '@aegov/designsystem/components/aegov-button-group.js';
|
|
22
|
-
import { defineCustomElement as defineAegovCallout } from '@aegov/designsystem/components/aegov-callout.js';
|
|
23
|
-
import { defineCustomElement as defineAegovCard } from '@aegov/designsystem/components/aegov-card.js';
|
|
24
|
-
import { defineCustomElement as defineAegovCheckbox } from '@aegov/designsystem/components/aegov-checkbox.js';
|
|
25
|
-
import { defineCustomElement as defineAegovCheckboxGroup } from '@aegov/designsystem/components/aegov-checkbox-group.js';
|
|
26
|
-
import { defineCustomElement as defineAegovDatepicker } from '@aegov/designsystem/components/aegov-datepicker.js';
|
|
27
|
-
import { defineCustomElement as defineAegovDrawer } from '@aegov/designsystem/components/aegov-drawer.js';
|
|
28
|
-
import { defineCustomElement as defineAegovDropdown } from '@aegov/designsystem/components/aegov-dropdown.js';
|
|
29
|
-
import { defineCustomElement as defineAegovFileupload } from '@aegov/designsystem/components/aegov-fileupload.js';
|
|
30
|
-
import { defineCustomElement as defineAegovFormField } from '@aegov/designsystem/components/aegov-form-field.js';
|
|
31
|
-
import { defineCustomElement as defineAegovHeader } from '@aegov/designsystem/components/aegov-header.js';
|
|
32
|
-
import { defineCustomElement as defineAegovHeaderBanner } from '@aegov/designsystem/components/aegov-header-banner.js';
|
|
33
|
-
import { defineCustomElement as defineAegovInput } from '@aegov/designsystem/components/aegov-input.js';
|
|
34
|
-
import { defineCustomElement as defineAegovInputGroup } from '@aegov/designsystem/components/aegov-input-group.js';
|
|
35
|
-
import { defineCustomElement as defineAegovLabel } from '@aegov/designsystem/components/aegov-label.js';
|
|
36
|
-
import { defineCustomElement as defineAegovLink } from '@aegov/designsystem/components/aegov-link.js';
|
|
37
|
-
import { defineCustomElement as defineAegovModal } from '@aegov/designsystem/components/aegov-modal.js';
|
|
38
|
-
import { defineCustomElement as defineAegovNavbar } from '@aegov/designsystem/components/aegov-navbar.js';
|
|
39
|
-
import { defineCustomElement as defineAegovNavbarItem } from '@aegov/designsystem/components/aegov-navbar-item.js';
|
|
40
|
-
import { defineCustomElement as defineAegovNavblock } from '@aegov/designsystem/components/aegov-navblock.js';
|
|
41
|
-
import { defineCustomElement as defineAegovNavblockItem } from '@aegov/designsystem/components/aegov-navblock-item.js';
|
|
42
|
-
import { defineCustomElement as defineAegovOtp } from '@aegov/designsystem/components/aegov-otp.js';
|
|
43
|
-
import { defineCustomElement as defineAegovPagination } from '@aegov/designsystem/components/aegov-pagination.js';
|
|
44
|
-
import { defineCustomElement as defineAegovPopover } from '@aegov/designsystem/components/aegov-popover.js';
|
|
45
|
-
import { defineCustomElement as defineAegovProgress } from '@aegov/designsystem/components/aegov-progress.js';
|
|
46
|
-
import { defineCustomElement as defineAegovRadio } from '@aegov/designsystem/components/aegov-radio.js';
|
|
47
|
-
import { defineCustomElement as defineAegovRadioGroup } from '@aegov/designsystem/components/aegov-radio-group.js';
|
|
48
|
-
import { defineCustomElement as defineAegovRange } from '@aegov/designsystem/components/aegov-range.js';
|
|
49
|
-
import { defineCustomElement as defineAegovSelect } from '@aegov/designsystem/components/aegov-select.js';
|
|
50
|
-
import { defineCustomElement as defineAegovSelectOption } from '@aegov/designsystem/components/aegov-select-option.js';
|
|
51
|
-
import { defineCustomElement as defineAegovSelectOptionGroup } from '@aegov/designsystem/components/aegov-select-option-group.js';
|
|
52
|
-
import { defineCustomElement as defineAegovSeparator } from '@aegov/designsystem/components/aegov-separator.js';
|
|
53
|
-
import { defineCustomElement as defineAegovTab } from '@aegov/designsystem/components/aegov-tab.js';
|
|
54
|
-
import { defineCustomElement as defineAegovTabPanel } from '@aegov/designsystem/components/aegov-tab-panel.js';
|
|
55
|
-
import { defineCustomElement as defineAegovTabs } from '@aegov/designsystem/components/aegov-tabs.js';
|
|
56
|
-
import { defineCustomElement as defineAegovText } from '@aegov/designsystem/components/aegov-text.js';
|
|
57
|
-
import { defineCustomElement as defineAegovTextarea } from '@aegov/designsystem/components/aegov-textarea.js';
|
|
58
|
-
import { defineCustomElement as defineAegovTimeline } from '@aegov/designsystem/components/aegov-timeline.js';
|
|
59
|
-
import { defineCustomElement as defineAegovTimelineStep } from '@aegov/designsystem/components/aegov-timeline-step.js';
|
|
60
|
-
import { defineCustomElement as defineAegovTitle } from '@aegov/designsystem/components/aegov-title.js';
|
|
61
|
-
import { defineCustomElement as defineAegovToast } from '@aegov/designsystem/components/aegov-toast.js';
|
|
62
|
-
import { defineCustomElement as defineAegovToggle } from '@aegov/designsystem/components/aegov-toggle.js';
|
|
63
|
-
import { defineCustomElement as defineAegovTooltip } from '@aegov/designsystem/components/aegov-tooltip.js';
|
|
64
|
-
@ProxyCmp({
|
|
65
|
-
defineCustomElementFn: defineAegovAccordion,
|
|
66
|
-
inputs: ['defaultOpen', 'fieldId', 'headingLevel', 'icon', 'isBordered', 'isMultiple', 'size']
|
|
67
|
-
})
|
|
68
|
-
@Component({
|
|
69
|
-
selector: 'aegov-accordion',
|
|
70
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
71
|
-
template: '<ng-content></ng-content>',
|
|
72
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
73
|
-
inputs: ['defaultOpen', 'fieldId', 'headingLevel', 'icon', 'isBordered', 'isMultiple', 'size'],
|
|
74
|
-
})
|
|
75
|
-
export class AegovAccordion {
|
|
76
|
-
protected el: HTMLAegovAccordionElement;
|
|
77
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
78
|
-
c.detach();
|
|
79
|
-
this.el = r.nativeElement;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
export declare interface AegovAccordion extends Components.AegovAccordion {}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
@ProxyCmp({
|
|
88
|
-
defineCustomElementFn: defineAegovAccordionItem,
|
|
89
|
-
inputs: ['heading', 'isDisabled']
|
|
90
|
-
})
|
|
91
|
-
@Component({
|
|
92
|
-
selector: 'aegov-accordion-item',
|
|
93
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
94
|
-
template: '<ng-content></ng-content>',
|
|
95
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
96
|
-
inputs: ['heading', 'isDisabled'],
|
|
97
|
-
outputs: ['aegovAccordionItemToggle'],
|
|
98
|
-
})
|
|
99
|
-
export class AegovAccordionItem {
|
|
100
|
-
protected el: HTMLAegovAccordionItemElement;
|
|
101
|
-
@Output() aegovAccordionItemToggle = new EventEmitter<AegovAccordionItemCustomEvent<{ open: boolean }>>();
|
|
102
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
103
|
-
c.detach();
|
|
104
|
-
this.el = r.nativeElement;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
import type { AegovAccordionItemCustomEvent } from '@aegov/designsystem/components';
|
|
110
|
-
|
|
111
|
-
export declare interface AegovAccordionItem extends Components.AegovAccordionItem {
|
|
112
|
-
/**
|
|
113
|
-
* Emitted when the accordion item is toggled
|
|
114
|
-
*/
|
|
115
|
-
aegovAccordionItemToggle: EventEmitter<AegovAccordionItemCustomEvent<{ open: boolean }>>;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
@ProxyCmp({
|
|
120
|
-
defineCustomElementFn: defineAegovAspectRatio,
|
|
121
|
-
inputs: ['extraClass', 'fit', 'ratio']
|
|
122
|
-
})
|
|
123
|
-
@Component({
|
|
124
|
-
selector: 'aegov-aspect-ratio',
|
|
125
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
126
|
-
template: '<ng-content></ng-content>',
|
|
127
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
128
|
-
inputs: ['extraClass', 'fit', 'ratio'],
|
|
129
|
-
})
|
|
130
|
-
export class AegovAspectRatio {
|
|
131
|
-
protected el: HTMLAegovAspectRatioElement;
|
|
132
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
133
|
-
c.detach();
|
|
134
|
-
this.el = r.nativeElement;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
export declare interface AegovAspectRatio extends Components.AegovAspectRatio {}
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
@ProxyCmp({
|
|
143
|
-
defineCustomElementFn: defineAegovAvatar,
|
|
144
|
-
inputs: ['alt', 'appearance', 'fieldId', 'size', 'src', 'status']
|
|
145
|
-
})
|
|
146
|
-
@Component({
|
|
147
|
-
selector: 'aegov-avatar',
|
|
148
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
149
|
-
template: '<ng-content></ng-content>',
|
|
150
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
151
|
-
inputs: ['alt', 'appearance', 'fieldId', 'size', 'src', 'status'],
|
|
152
|
-
})
|
|
153
|
-
export class AegovAvatar {
|
|
154
|
-
protected el: HTMLAegovAvatarElement;
|
|
155
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
156
|
-
c.detach();
|
|
157
|
-
this.el = r.nativeElement;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
export declare interface AegovAvatar extends Components.AegovAvatar {}
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
@ProxyCmp({
|
|
166
|
-
defineCustomElementFn: defineAegovAvatarGroup,
|
|
167
|
-
inputs: ['moreCount', 'moreText', 'size', 'variant']
|
|
168
|
-
})
|
|
169
|
-
@Component({
|
|
170
|
-
selector: 'aegov-avatar-group',
|
|
171
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
172
|
-
template: '<ng-content></ng-content>',
|
|
173
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
174
|
-
inputs: ['moreCount', 'moreText', 'size', 'variant'],
|
|
175
|
-
outputs: ['aegovAvatarGroupMore'],
|
|
176
|
-
})
|
|
177
|
-
export class AegovAvatarGroup {
|
|
178
|
-
protected el: HTMLAegovAvatarGroupElement;
|
|
179
|
-
@Output() aegovAvatarGroupMore = new EventEmitter<AegovAvatarGroupCustomEvent<void>>();
|
|
180
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
181
|
-
c.detach();
|
|
182
|
-
this.el = r.nativeElement;
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
import type { AegovAvatarGroupCustomEvent } from '@aegov/designsystem/components';
|
|
188
|
-
|
|
189
|
-
export declare interface AegovAvatarGroup extends Components.AegovAvatarGroup {
|
|
190
|
-
/**
|
|
191
|
-
* Emitted when the "more" indicator button is clicked
|
|
192
|
-
*/
|
|
193
|
-
aegovAvatarGroupMore: EventEmitter<AegovAvatarGroupCustomEvent<void>>;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
@ProxyCmp({
|
|
198
|
-
defineCustomElementFn: defineAegovBadge,
|
|
199
|
-
inputs: ['appearance', 'color', 'fieldId', 'isDismissible', 'size', 'variant']
|
|
200
|
-
})
|
|
201
|
-
@Component({
|
|
202
|
-
selector: 'aegov-badge',
|
|
203
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
204
|
-
template: '<ng-content></ng-content>',
|
|
205
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
206
|
-
inputs: ['appearance', 'color', 'fieldId', 'isDismissible', 'size', 'variant'],
|
|
207
|
-
outputs: ['aegovBadgeDismiss'],
|
|
208
|
-
})
|
|
209
|
-
export class AegovBadge {
|
|
210
|
-
protected el: HTMLAegovBadgeElement;
|
|
211
|
-
@Output() aegovBadgeDismiss = new EventEmitter<AegovBadgeCustomEvent<void>>();
|
|
212
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
213
|
-
c.detach();
|
|
214
|
-
this.el = r.nativeElement;
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
import type { AegovBadgeCustomEvent } from '@aegov/designsystem/components';
|
|
220
|
-
|
|
221
|
-
export declare interface AegovBadge extends Components.AegovBadge {
|
|
222
|
-
/**
|
|
223
|
-
* Emitted when the dismiss button is clicked.
|
|
224
|
-
*/
|
|
225
|
-
aegovBadgeDismiss: EventEmitter<AegovBadgeCustomEvent<void>>;
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
@ProxyCmp({
|
|
230
|
-
defineCustomElementFn: defineAegovBanner,
|
|
231
|
-
inputs: ['appearance', 'display', 'fieldId', 'isDismissible', 'isFocusable', 'mode', 'position', 'size', 'variant']
|
|
232
|
-
})
|
|
233
|
-
@Component({
|
|
234
|
-
selector: 'aegov-banner',
|
|
235
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
236
|
-
template: '<ng-content></ng-content>',
|
|
237
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
238
|
-
inputs: ['appearance', 'display', 'fieldId', 'isDismissible', 'isFocusable', 'mode', 'position', 'size', 'variant'],
|
|
239
|
-
outputs: ['aegovBannerDismiss', 'aegovBannerHeightChange'],
|
|
240
|
-
})
|
|
241
|
-
export class AegovBanner {
|
|
242
|
-
protected el: HTMLAegovBannerElement;
|
|
243
|
-
@Output() aegovBannerDismiss = new EventEmitter<AegovBannerCustomEvent<void>>();
|
|
244
|
-
@Output() aegovBannerHeightChange = new EventEmitter<AegovBannerCustomEvent<{ height: number }>>();
|
|
245
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
246
|
-
c.detach();
|
|
247
|
-
this.el = r.nativeElement;
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
import type { AegovBannerCustomEvent } from '@aegov/designsystem/components';
|
|
253
|
-
|
|
254
|
-
export declare interface AegovBanner extends Components.AegovBanner {
|
|
255
|
-
/**
|
|
256
|
-
* Event emitted when the banner is dismissed.
|
|
257
|
-
*/
|
|
258
|
-
aegovBannerDismiss: EventEmitter<AegovBannerCustomEvent<void>>;
|
|
259
|
-
/**
|
|
260
|
-
* Event emitted when banner height changes (useful for overlay mode to adjust body padding).
|
|
261
|
-
*/
|
|
262
|
-
aegovBannerHeightChange: EventEmitter<AegovBannerCustomEvent<{ height: number }>>;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
@ProxyCmp({
|
|
267
|
-
defineCustomElementFn: defineAegovBentoGrid,
|
|
268
|
-
inputs: ['cols', 'fieldId', 'flow', 'gap']
|
|
269
|
-
})
|
|
270
|
-
@Component({
|
|
271
|
-
selector: 'aegov-bento-grid',
|
|
272
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
273
|
-
template: '<ng-content></ng-content>',
|
|
274
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
275
|
-
inputs: ['cols', 'fieldId', 'flow', 'gap'],
|
|
276
|
-
})
|
|
277
|
-
export class AegovBentoGrid {
|
|
278
|
-
protected el: HTMLAegovBentoGridElement;
|
|
279
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
280
|
-
c.detach();
|
|
281
|
-
this.el = r.nativeElement;
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
export declare interface AegovBentoGrid extends Components.AegovBentoGrid {}
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
@ProxyCmp({
|
|
290
|
-
defineCustomElementFn: defineAegovBlockquote,
|
|
291
|
-
inputs: ['appearance', 'author', 'authorTitle', 'cite', 'extraClass']
|
|
292
|
-
})
|
|
293
|
-
@Component({
|
|
294
|
-
selector: 'aegov-blockquote',
|
|
295
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
296
|
-
template: '<ng-content></ng-content>',
|
|
297
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
298
|
-
inputs: ['appearance', 'author', 'authorTitle', 'cite', 'extraClass'],
|
|
299
|
-
})
|
|
300
|
-
export class AegovBlockquote {
|
|
301
|
-
protected el: HTMLAegovBlockquoteElement;
|
|
302
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
303
|
-
c.detach();
|
|
304
|
-
this.el = r.nativeElement;
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
export declare interface AegovBlockquote extends Components.AegovBlockquote {}
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
@ProxyCmp({
|
|
313
|
-
defineCustomElementFn: defineAegovBreadcrumbs,
|
|
314
|
-
inputs: ['fieldId', 'isMicrodata', 'maxLength', 'separator']
|
|
315
|
-
})
|
|
316
|
-
@Component({
|
|
317
|
-
selector: 'aegov-breadcrumbs',
|
|
318
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
319
|
-
template: '<ng-content></ng-content>',
|
|
320
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
321
|
-
inputs: ['fieldId', 'isMicrodata', 'maxLength', 'separator'],
|
|
322
|
-
})
|
|
323
|
-
export class AegovBreadcrumbs {
|
|
324
|
-
protected el: HTMLAegovBreadcrumbsElement;
|
|
325
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
326
|
-
c.detach();
|
|
327
|
-
this.el = r.nativeElement;
|
|
328
|
-
}
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
export declare interface AegovBreadcrumbs extends Components.AegovBreadcrumbs {}
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
@ProxyCmp({
|
|
336
|
-
defineCustomElementFn: defineAegovBreadcrumbsItem,
|
|
337
|
-
inputs: ['href', 'target']
|
|
338
|
-
})
|
|
339
|
-
@Component({
|
|
340
|
-
selector: 'aegov-breadcrumbs-item',
|
|
341
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
342
|
-
template: '<ng-content></ng-content>',
|
|
343
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
344
|
-
inputs: ['href', 'target'],
|
|
345
|
-
outputs: ['aegovBreadcrumbItemClick'],
|
|
346
|
-
})
|
|
347
|
-
export class AegovBreadcrumbsItem {
|
|
348
|
-
protected el: HTMLAegovBreadcrumbsItemElement;
|
|
349
|
-
@Output() aegovBreadcrumbItemClick = new EventEmitter<AegovBreadcrumbsItemCustomEvent<{ href?: string; event: MouseEvent }>>();
|
|
350
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
351
|
-
c.detach();
|
|
352
|
-
this.el = r.nativeElement;
|
|
353
|
-
}
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
import type { AegovBreadcrumbsItemCustomEvent } from '@aegov/designsystem/components';
|
|
358
|
-
|
|
359
|
-
export declare interface AegovBreadcrumbsItem extends Components.AegovBreadcrumbsItem {
|
|
360
|
-
/**
|
|
361
|
-
* Emitted when the breadcrumb item is clicked
|
|
362
|
-
*/
|
|
363
|
-
aegovBreadcrumbItemClick: EventEmitter<AegovBreadcrumbsItemCustomEvent<{ href?: string; event: MouseEvent }>>;
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
@ProxyCmp({
|
|
368
|
-
defineCustomElementFn: defineAegovButton,
|
|
369
|
-
inputs: ['appearance', 'fieldId', 'isBold', 'isDisabled', 'isFull', 'isIcon', 'isLoading', 'size', 'type', 'variant']
|
|
370
|
-
})
|
|
371
|
-
@Component({
|
|
372
|
-
selector: 'aegov-button',
|
|
373
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
374
|
-
template: '<ng-content></ng-content>',
|
|
375
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
376
|
-
inputs: ['appearance', 'fieldId', 'isBold', 'isDisabled', 'isFull', 'isIcon', 'isLoading', 'size', 'type', 'variant'],
|
|
377
|
-
outputs: ['aegovButtonClick', 'aegovButtonFocus', 'aegovButtonBlur'],
|
|
378
|
-
})
|
|
379
|
-
export class AegovButton {
|
|
380
|
-
protected el: HTMLAegovButtonElement;
|
|
381
|
-
@Output() aegovButtonClick = new EventEmitter<AegovButtonCustomEvent<MouseEvent>>();
|
|
382
|
-
@Output() aegovButtonFocus = new EventEmitter<AegovButtonCustomEvent<FocusEvent>>();
|
|
383
|
-
@Output() aegovButtonBlur = new EventEmitter<AegovButtonCustomEvent<FocusEvent>>();
|
|
384
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
385
|
-
c.detach();
|
|
386
|
-
this.el = r.nativeElement;
|
|
387
|
-
}
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
import type { AegovButtonCustomEvent } from '@aegov/designsystem/components';
|
|
392
|
-
|
|
393
|
-
export declare interface AegovButton extends Components.AegovButton {
|
|
394
|
-
/**
|
|
395
|
-
* Emitted when the button is clicked
|
|
396
|
-
*/
|
|
397
|
-
aegovButtonClick: EventEmitter<AegovButtonCustomEvent<MouseEvent>>;
|
|
398
|
-
/**
|
|
399
|
-
* Emitted when the button receives focus
|
|
400
|
-
*/
|
|
401
|
-
aegovButtonFocus: EventEmitter<AegovButtonCustomEvent<FocusEvent>>;
|
|
402
|
-
/**
|
|
403
|
-
* Emitted when the button loses focus
|
|
404
|
-
*/
|
|
405
|
-
aegovButtonBlur: EventEmitter<AegovButtonCustomEvent<FocusEvent>>;
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
@ProxyCmp({
|
|
410
|
-
defineCustomElementFn: defineAegovButtonGroup,
|
|
411
|
-
inputs: ['orientation']
|
|
412
|
-
})
|
|
413
|
-
@Component({
|
|
414
|
-
selector: 'aegov-button-group',
|
|
415
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
416
|
-
template: '<ng-content></ng-content>',
|
|
417
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
418
|
-
inputs: ['orientation'],
|
|
419
|
-
})
|
|
420
|
-
export class AegovButtonGroup {
|
|
421
|
-
protected el: HTMLAegovButtonGroupElement;
|
|
422
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
423
|
-
c.detach();
|
|
424
|
-
this.el = r.nativeElement;
|
|
425
|
-
}
|
|
426
|
-
}
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
export declare interface AegovButtonGroup extends Components.AegovButtonGroup {}
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
@ProxyCmp({
|
|
433
|
-
defineCustomElementFn: defineAegovCallout,
|
|
434
|
-
inputs: ['appearance', 'fieldId', 'isDismissible', 'size', 'variant']
|
|
435
|
-
})
|
|
436
|
-
@Component({
|
|
437
|
-
selector: 'aegov-callout',
|
|
438
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
439
|
-
template: '<ng-content></ng-content>',
|
|
440
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
441
|
-
inputs: ['appearance', 'fieldId', 'isDismissible', 'size', 'variant'],
|
|
442
|
-
outputs: ['aegovCalloutDismiss'],
|
|
443
|
-
})
|
|
444
|
-
export class AegovCallout {
|
|
445
|
-
protected el: HTMLAegovCalloutElement;
|
|
446
|
-
@Output() aegovCalloutDismiss = new EventEmitter<AegovCalloutCustomEvent<void>>();
|
|
447
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
448
|
-
c.detach();
|
|
449
|
-
this.el = r.nativeElement;
|
|
450
|
-
}
|
|
451
|
-
}
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
import type { AegovCalloutCustomEvent } from '@aegov/designsystem/components';
|
|
455
|
-
|
|
456
|
-
export declare interface AegovCallout extends Components.AegovCallout {
|
|
457
|
-
/**
|
|
458
|
-
* Event emitted when the callout is dismissed.
|
|
459
|
-
*/
|
|
460
|
-
aegovCalloutDismiss: EventEmitter<AegovCalloutCustomEvent<void>>;
|
|
461
|
-
}
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
@ProxyCmp({
|
|
465
|
-
defineCustomElementFn: defineAegovCard,
|
|
466
|
-
inputs: ['appearance', 'borderWidth', 'dataColSpan', 'dataRowSpan', 'fieldId', 'hover', 'isPadding', 'size', 'variant']
|
|
467
|
-
})
|
|
468
|
-
@Component({
|
|
469
|
-
selector: 'aegov-card',
|
|
470
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
471
|
-
template: '<ng-content></ng-content>',
|
|
472
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
473
|
-
inputs: ['appearance', 'borderWidth', 'dataColSpan', 'dataRowSpan', 'fieldId', 'hover', 'isPadding', 'size', 'variant'],
|
|
474
|
-
})
|
|
475
|
-
export class AegovCard {
|
|
476
|
-
protected el: HTMLAegovCardElement;
|
|
477
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
478
|
-
c.detach();
|
|
479
|
-
this.el = r.nativeElement;
|
|
480
|
-
}
|
|
481
|
-
}
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
export declare interface AegovCard extends Components.AegovCard {}
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
@ProxyCmp({
|
|
488
|
-
defineCustomElementFn: defineAegovCheckbox,
|
|
489
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isCheckAll', 'isChecked', 'isDisabled', 'isIndeterminate', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
|
|
490
|
-
methods: ['validate', 'setCustomValidity']
|
|
491
|
-
})
|
|
492
|
-
@Component({
|
|
493
|
-
selector: 'aegov-checkbox',
|
|
494
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
495
|
-
template: '<ng-content></ng-content>',
|
|
496
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
497
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isCheckAll', 'isChecked', 'isDisabled', 'isIndeterminate', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
|
|
498
|
-
outputs: ['aegovCheckboxChange', 'aegovValidate'],
|
|
499
|
-
})
|
|
500
|
-
export class AegovCheckbox {
|
|
501
|
-
protected el: HTMLAegovCheckboxElement;
|
|
502
|
-
@Output() aegovCheckboxChange = new EventEmitter<AegovCheckboxCustomEvent<{ checked: boolean; value?: string }>>();
|
|
503
|
-
@Output() aegovValidate = new EventEmitter<AegovCheckboxCustomEvent<IAegovCheckboxAegovValidationDetail<boolean>>>();
|
|
504
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
505
|
-
c.detach();
|
|
506
|
-
this.el = r.nativeElement;
|
|
507
|
-
}
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
import type { AegovCheckboxCustomEvent } from '@aegov/designsystem/components';
|
|
512
|
-
import type { AegovValidationDetail as IAegovCheckboxAegovValidationDetail } from '@aegov/designsystem/components';
|
|
513
|
-
|
|
514
|
-
export declare interface AegovCheckbox extends Components.AegovCheckbox {
|
|
515
|
-
/**
|
|
516
|
-
* Emitted when the checkbox checked state changes.
|
|
517
|
-
*/
|
|
518
|
-
aegovCheckboxChange: EventEmitter<AegovCheckboxCustomEvent<{ checked: boolean; value?: string }>>;
|
|
519
|
-
/**
|
|
520
|
-
* Unified validation event. See §2.3.
|
|
521
|
-
*/
|
|
522
|
-
aegovValidate: EventEmitter<AegovCheckboxCustomEvent<IAegovCheckboxAegovValidationDetail<boolean>>>;
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
@ProxyCmp({
|
|
527
|
-
defineCustomElementFn: defineAegovCheckboxGroup,
|
|
528
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'orientation', 'size', 'variant'],
|
|
529
|
-
methods: ['validate', 'setCustomValidity']
|
|
530
|
-
})
|
|
531
|
-
@Component({
|
|
532
|
-
selector: 'aegov-checkbox-group',
|
|
533
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
534
|
-
template: '<ng-content></ng-content>',
|
|
535
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
536
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'orientation', 'size', 'variant'],
|
|
537
|
-
outputs: ['aegovCheckboxGroupChange', 'aegovValidate'],
|
|
538
|
-
})
|
|
539
|
-
export class AegovCheckboxGroup {
|
|
540
|
-
protected el: HTMLAegovCheckboxGroupElement;
|
|
541
|
-
@Output() aegovCheckboxGroupChange = new EventEmitter<AegovCheckboxGroupCustomEvent<{ values: string[] }>>();
|
|
542
|
-
@Output() aegovValidate = new EventEmitter<AegovCheckboxGroupCustomEvent<IAegovCheckboxGroupAegovValidationDetail<string[]>>>();
|
|
543
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
544
|
-
c.detach();
|
|
545
|
-
this.el = r.nativeElement;
|
|
546
|
-
}
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
import type { AegovCheckboxGroupCustomEvent } from '@aegov/designsystem/components';
|
|
551
|
-
import type { AegovValidationDetail as IAegovCheckboxGroupAegovValidationDetail } from '@aegov/designsystem/components';
|
|
552
|
-
|
|
553
|
-
export declare interface AegovCheckboxGroup extends Components.AegovCheckboxGroup {
|
|
554
|
-
/**
|
|
555
|
-
* Emitted when any checkbox in the group changes. Contains all currently checked values.
|
|
556
|
-
*/
|
|
557
|
-
aegovCheckboxGroupChange: EventEmitter<AegovCheckboxGroupCustomEvent<{ values: string[] }>>;
|
|
558
|
-
/**
|
|
559
|
-
* Unified validation event (group-level aggregate). See §2.3.
|
|
560
|
-
*/
|
|
561
|
-
aegovValidate: EventEmitter<AegovCheckboxGroupCustomEvent<IAegovCheckboxGroupAegovValidationDetail<string[]>>>;
|
|
562
|
-
}
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
@ProxyCmp({
|
|
566
|
-
defineCustomElementFn: defineAegovDatepicker,
|
|
567
|
-
inputs: ['appearance', 'blackout', 'errorMessage', 'fieldId', 'format', 'hint', 'isClearable', 'isDisableFuture', 'isDisabled', 'isHeaderSelectable', 'isInvalid', 'isRequired', 'isWithConfirmation', 'labelRangeEnd', 'labelRangeStart', 'locale', 'max', 'maxRange', 'min', 'minRange', 'name', 'placeholder', 'presets', 'size', 'startDay', 'value', 'variant', 'yearRangeEnd', 'yearRangeStart'],
|
|
568
|
-
methods: ['validate', 'setCustomValidity', 'open', 'close', 'clear', 'getValue', 'getStartDate', 'getEndDate', 'getPreset']
|
|
569
|
-
})
|
|
570
|
-
@Component({
|
|
571
|
-
selector: 'aegov-datepicker',
|
|
572
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
573
|
-
template: '<ng-content></ng-content>',
|
|
574
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
575
|
-
inputs: ['appearance', 'blackout', 'errorMessage', 'fieldId', 'format', 'hint', 'isClearable', 'isDisableFuture', 'isDisabled', 'isHeaderSelectable', 'isInvalid', 'isRequired', 'isWithConfirmation', 'labelRangeEnd', 'labelRangeStart', 'locale', 'max', 'maxRange', 'min', 'minRange', 'name', 'placeholder', 'presets', 'size', 'startDay', 'value', 'variant', 'yearRangeEnd', 'yearRangeStart'],
|
|
576
|
-
outputs: ['aegovDatepickerChange', 'aegovDatepickerOpen', 'aegovDatepickerClose', 'aegovDatepickerClear', 'aegovDatepickerMonthChange', 'aegovValidate'],
|
|
577
|
-
})
|
|
578
|
-
export class AegovDatepicker {
|
|
579
|
-
protected el: HTMLAegovDatepickerElement;
|
|
580
|
-
@Output() aegovDatepickerChange = new EventEmitter<AegovDatepickerCustomEvent<IAegovDatepickerDatepickerChangeDetail>>();
|
|
581
|
-
@Output() aegovDatepickerOpen = new EventEmitter<AegovDatepickerCustomEvent<void>>();
|
|
582
|
-
@Output() aegovDatepickerClose = new EventEmitter<AegovDatepickerCustomEvent<void>>();
|
|
583
|
-
@Output() aegovDatepickerClear = new EventEmitter<AegovDatepickerCustomEvent<void>>();
|
|
584
|
-
@Output() aegovDatepickerMonthChange = new EventEmitter<AegovDatepickerCustomEvent<IAegovDatepickerDatepickerMonthChangeDetail>>();
|
|
585
|
-
@Output() aegovValidate = new EventEmitter<AegovDatepickerCustomEvent<IAegovDatepickerAegovValidationDetail<IAegovDatepickerAegovDatepickerValue>>>();
|
|
586
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
587
|
-
c.detach();
|
|
588
|
-
this.el = r.nativeElement;
|
|
589
|
-
}
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
import type { AegovDatepickerCustomEvent } from '@aegov/designsystem/components';
|
|
594
|
-
import type { DatepickerChangeDetail as IAegovDatepickerDatepickerChangeDetail } from '@aegov/designsystem/components';
|
|
595
|
-
import type { DatepickerMonthChangeDetail as IAegovDatepickerDatepickerMonthChangeDetail } from '@aegov/designsystem/components';
|
|
596
|
-
import type { AegovValidationDetail as IAegovDatepickerAegovValidationDetail } from '@aegov/designsystem/components';
|
|
597
|
-
import type { AegovDatepickerValue as IAegovDatepickerAegovDatepickerValue } from '@aegov/designsystem/components';
|
|
598
|
-
|
|
599
|
-
export declare interface AegovDatepicker extends Components.AegovDatepicker {
|
|
600
|
-
|
|
601
|
-
aegovDatepickerChange: EventEmitter<AegovDatepickerCustomEvent<IAegovDatepickerDatepickerChangeDetail>>;
|
|
602
|
-
|
|
603
|
-
aegovDatepickerOpen: EventEmitter<AegovDatepickerCustomEvent<void>>;
|
|
604
|
-
|
|
605
|
-
aegovDatepickerClose: EventEmitter<AegovDatepickerCustomEvent<void>>;
|
|
606
|
-
|
|
607
|
-
aegovDatepickerClear: EventEmitter<AegovDatepickerCustomEvent<void>>;
|
|
608
|
-
|
|
609
|
-
aegovDatepickerMonthChange: EventEmitter<AegovDatepickerCustomEvent<IAegovDatepickerDatepickerMonthChangeDetail>>;
|
|
610
|
-
/**
|
|
611
|
-
* Unified validation event. See §2.3.
|
|
612
|
-
*/
|
|
613
|
-
aegovValidate: EventEmitter<AegovDatepickerCustomEvent<IAegovDatepickerAegovValidationDetail<IAegovDatepickerAegovDatepickerValue>>>;
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
@ProxyCmp({
|
|
618
|
-
defineCustomElementFn: defineAegovDrawer,
|
|
619
|
-
inputs: ['animation', 'fieldId', 'isCloseWithOverlay', 'isOpen', 'isOverlay', 'isPadding', 'isPinned', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
|
|
620
|
-
methods: ['show', 'close', 'toggle']
|
|
621
|
-
})
|
|
622
|
-
@Component({
|
|
623
|
-
selector: 'aegov-drawer',
|
|
624
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
625
|
-
template: '<ng-content></ng-content>',
|
|
626
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
627
|
-
inputs: ['animation', 'fieldId', 'isCloseWithOverlay', 'isOpen', 'isOverlay', 'isPadding', 'isPinned', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
|
|
628
|
-
outputs: ['aegovDrawerOpen', 'aegovDrawerClose', 'aegovDrawerBeforeClose', 'aegovDrawerBackdropClick', 'aegovDrawerEscapePress'],
|
|
629
|
-
})
|
|
630
|
-
export class AegovDrawer {
|
|
631
|
-
protected el: HTMLAegovDrawerElement;
|
|
632
|
-
@Output() aegovDrawerOpen = new EventEmitter<AegovDrawerCustomEvent<void>>();
|
|
633
|
-
@Output() aegovDrawerClose = new EventEmitter<AegovDrawerCustomEvent<void>>();
|
|
634
|
-
@Output() aegovDrawerBeforeClose = new EventEmitter<AegovDrawerCustomEvent<void>>();
|
|
635
|
-
@Output() aegovDrawerBackdropClick = new EventEmitter<AegovDrawerCustomEvent<MouseEvent>>();
|
|
636
|
-
@Output() aegovDrawerEscapePress = new EventEmitter<AegovDrawerCustomEvent<KeyboardEvent>>();
|
|
637
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
638
|
-
c.detach();
|
|
639
|
-
this.el = r.nativeElement;
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
import type { AegovDrawerCustomEvent } from '@aegov/designsystem/components';
|
|
645
|
-
|
|
646
|
-
export declare interface AegovDrawer extends Components.AegovDrawer {
|
|
647
|
-
/**
|
|
648
|
-
* Emitted when drawer is opened
|
|
649
|
-
*/
|
|
650
|
-
aegovDrawerOpen: EventEmitter<AegovDrawerCustomEvent<void>>;
|
|
651
|
-
/**
|
|
652
|
-
* Emitted when drawer is closed
|
|
653
|
-
*/
|
|
654
|
-
aegovDrawerClose: EventEmitter<AegovDrawerCustomEvent<void>>;
|
|
655
|
-
/**
|
|
656
|
-
* Emitted before the drawer closes. Cancel by calling `preventDefault()` on the
|
|
657
|
-
event itself — matching `aegovModalBeforeClose`.
|
|
658
|
-
*/
|
|
659
|
-
aegovDrawerBeforeClose: EventEmitter<AegovDrawerCustomEvent<void>>;
|
|
660
|
-
/**
|
|
661
|
-
* Emitted when backdrop is clicked
|
|
662
|
-
*/
|
|
663
|
-
aegovDrawerBackdropClick: EventEmitter<AegovDrawerCustomEvent<MouseEvent>>;
|
|
664
|
-
/**
|
|
665
|
-
* Emitted when ESC key is pressed
|
|
666
|
-
*/
|
|
667
|
-
aegovDrawerEscapePress: EventEmitter<AegovDrawerCustomEvent<KeyboardEvent>>;
|
|
668
|
-
}
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
@ProxyCmp({
|
|
672
|
-
defineCustomElementFn: defineAegovDropdown,
|
|
673
|
-
inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'tabBehavior', 'trigger'],
|
|
674
|
-
methods: ['closeDropdown', 'toggle']
|
|
675
|
-
})
|
|
676
|
-
@Component({
|
|
677
|
-
selector: 'aegov-dropdown',
|
|
678
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
679
|
-
template: '<ng-content></ng-content>',
|
|
680
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
681
|
-
inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'tabBehavior', 'trigger'],
|
|
682
|
-
outputs: ['aegovDropdownOpen', 'aegovDropdownClose'],
|
|
683
|
-
})
|
|
684
|
-
export class AegovDropdown {
|
|
685
|
-
protected el: HTMLAegovDropdownElement;
|
|
686
|
-
@Output() aegovDropdownOpen = new EventEmitter<AegovDropdownCustomEvent<void>>();
|
|
687
|
-
@Output() aegovDropdownClose = new EventEmitter<AegovDropdownCustomEvent<void>>();
|
|
688
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
689
|
-
c.detach();
|
|
690
|
-
this.el = r.nativeElement;
|
|
691
|
-
}
|
|
692
|
-
}
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
import type { AegovDropdownCustomEvent } from '@aegov/designsystem/components';
|
|
696
|
-
|
|
697
|
-
export declare interface AegovDropdown extends Components.AegovDropdown {
|
|
698
|
-
/**
|
|
699
|
-
* Emitted when dropdown opens
|
|
700
|
-
*/
|
|
701
|
-
aegovDropdownOpen: EventEmitter<AegovDropdownCustomEvent<void>>;
|
|
702
|
-
/**
|
|
703
|
-
* Emitted when dropdown closes
|
|
704
|
-
*/
|
|
705
|
-
aegovDropdownClose: EventEmitter<AegovDropdownCustomEvent<void>>;
|
|
706
|
-
}
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
@ProxyCmp({
|
|
710
|
-
defineCustomElementFn: defineAegovFileupload,
|
|
711
|
-
inputs: ['accept', 'appearance', 'errorMessage', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'label', 'labelButton', 'labelHelp', 'maxFileSize', 'maxFiles', 'name', 'size', 'variant'],
|
|
712
|
-
methods: ['getFiles', 'clear', 'validate', 'setCustomValidity']
|
|
713
|
-
})
|
|
714
|
-
@Component({
|
|
715
|
-
selector: 'aegov-fileupload',
|
|
716
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
717
|
-
template: '<ng-content></ng-content>',
|
|
718
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
719
|
-
inputs: ['accept', 'appearance', 'errorMessage', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'label', 'labelButton', 'labelHelp', 'maxFileSize', 'maxFiles', 'name', 'size', 'variant'],
|
|
720
|
-
outputs: ['aegovFileuploadChange', 'aegovFileuploadRemove', 'aegovValidate'],
|
|
721
|
-
})
|
|
722
|
-
export class AegovFileupload {
|
|
723
|
-
protected el: HTMLAegovFileuploadElement;
|
|
724
|
-
@Output() aegovFileuploadChange = new EventEmitter<AegovFileuploadCustomEvent<{ files: File[] }>>();
|
|
725
|
-
@Output() aegovFileuploadRemove = new EventEmitter<AegovFileuploadCustomEvent<{ file: File; remaining: File[] }>>();
|
|
726
|
-
@Output() aegovValidate = new EventEmitter<AegovFileuploadCustomEvent<IAegovFileuploadAegovValidationDetail<File[]>>>();
|
|
727
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
728
|
-
c.detach();
|
|
729
|
-
this.el = r.nativeElement;
|
|
730
|
-
}
|
|
731
|
-
}
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
import type { AegovFileuploadCustomEvent } from '@aegov/designsystem/components';
|
|
735
|
-
import type { AegovValidationDetail as IAegovFileuploadAegovValidationDetail } from '@aegov/designsystem/components';
|
|
736
|
-
|
|
737
|
-
export declare interface AegovFileupload extends Components.AegovFileupload {
|
|
738
|
-
/**
|
|
739
|
-
* Emitted when the file selection changes.
|
|
740
|
-
*/
|
|
741
|
-
aegovFileuploadChange: EventEmitter<AegovFileuploadCustomEvent<{ files: File[] }>>;
|
|
742
|
-
/**
|
|
743
|
-
* Emitted when a file is removed from the list (button/dropzone appearances).
|
|
744
|
-
*/
|
|
745
|
-
aegovFileuploadRemove: EventEmitter<AegovFileuploadCustomEvent<{ file: File; remaining: File[] }>>;
|
|
746
|
-
/**
|
|
747
|
-
* Unified validation event. See §2.3.
|
|
748
|
-
*/
|
|
749
|
-
aegovValidate: EventEmitter<AegovFileuploadCustomEvent<IAegovFileuploadAegovValidationDetail<File[]>>>;
|
|
750
|
-
}
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
@ProxyCmp({
|
|
754
|
-
defineCustomElementFn: defineAegovFormField,
|
|
755
|
-
inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isInvalid', 'variant']
|
|
756
|
-
})
|
|
757
|
-
@Component({
|
|
758
|
-
selector: 'aegov-form-field',
|
|
759
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
760
|
-
template: '<ng-content></ng-content>',
|
|
761
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
762
|
-
inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isInvalid', 'variant'],
|
|
763
|
-
})
|
|
764
|
-
export class AegovFormField {
|
|
765
|
-
protected el: HTMLAegovFormFieldElement;
|
|
766
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
767
|
-
c.detach();
|
|
768
|
-
this.el = r.nativeElement;
|
|
769
|
-
}
|
|
770
|
-
}
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
export declare interface AegovFormField extends Components.AegovFormField {}
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
@ProxyCmp({
|
|
777
|
-
defineCustomElementFn: defineAegovHeader,
|
|
778
|
-
inputs: ['entityDomain', 'entityName', 'logoLabel', 'skipContentContainer', 'variant']
|
|
779
|
-
})
|
|
780
|
-
@Component({
|
|
781
|
-
selector: 'aegov-header',
|
|
782
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
783
|
-
template: '<ng-content></ng-content>',
|
|
784
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
785
|
-
inputs: ['entityDomain', 'entityName', 'logoLabel', 'skipContentContainer', 'variant'],
|
|
786
|
-
})
|
|
787
|
-
export class AegovHeader {
|
|
788
|
-
protected el: HTMLAegovHeaderElement;
|
|
789
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
790
|
-
c.detach();
|
|
791
|
-
this.el = r.nativeElement;
|
|
792
|
-
}
|
|
793
|
-
}
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
export declare interface AegovHeader extends Components.AegovHeader {}
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
@ProxyCmp({
|
|
800
|
-
defineCustomElementFn: defineAegovHeaderBanner,
|
|
801
|
-
inputs: ['entityDomain', 'entityName', 'skipContentContainer']
|
|
802
|
-
})
|
|
803
|
-
@Component({
|
|
804
|
-
selector: 'aegov-header-banner',
|
|
805
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
806
|
-
template: '<ng-content></ng-content>',
|
|
807
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
808
|
-
inputs: ['entityDomain', 'entityName', 'skipContentContainer'],
|
|
809
|
-
})
|
|
810
|
-
export class AegovHeaderBanner {
|
|
811
|
-
protected el: HTMLAegovHeaderBannerElement;
|
|
812
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
813
|
-
c.detach();
|
|
814
|
-
this.el = r.nativeElement;
|
|
815
|
-
}
|
|
816
|
-
}
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
export declare interface AegovHeaderBanner extends Components.AegovHeaderBanner {}
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
@ProxyCmp({
|
|
823
|
-
defineCustomElementFn: defineAegovInput,
|
|
824
|
-
inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'isRevealable', 'name', 'placeholder', 'size', 'type', 'value', 'variant'],
|
|
825
|
-
methods: ['validate', 'setCustomValidity']
|
|
826
|
-
})
|
|
827
|
-
@Component({
|
|
828
|
-
selector: 'aegov-input',
|
|
829
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
830
|
-
template: '<ng-content></ng-content>',
|
|
831
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
832
|
-
inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'isRevealable', 'name', 'placeholder', 'size', 'type', 'value', 'variant'],
|
|
833
|
-
outputs: ['aegovInputChange', 'aegovInputValue', 'aegovInputFocus', 'aegovInputBlur', 'aegovValidate'],
|
|
834
|
-
})
|
|
835
|
-
export class AegovInput {
|
|
836
|
-
protected el: HTMLAegovInputElement;
|
|
837
|
-
@Output() aegovInputChange = new EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>();
|
|
838
|
-
@Output() aegovInputValue = new EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>();
|
|
839
|
-
@Output() aegovInputFocus = new EventEmitter<AegovInputCustomEvent<FocusEvent>>();
|
|
840
|
-
@Output() aegovInputBlur = new EventEmitter<AegovInputCustomEvent<FocusEvent>>();
|
|
841
|
-
@Output() aegovValidate = new EventEmitter<AegovInputCustomEvent<IAegovInputAegovValidationDetail<string>>>();
|
|
842
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
843
|
-
c.detach();
|
|
844
|
-
this.el = r.nativeElement;
|
|
845
|
-
}
|
|
846
|
-
}
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
import type { AegovInputCustomEvent } from '@aegov/designsystem/components';
|
|
850
|
-
import type { AegovValidationDetail as IAegovInputAegovValidationDetail } from '@aegov/designsystem/components';
|
|
851
|
-
|
|
852
|
-
export declare interface AegovInput extends Components.AegovInput {
|
|
853
|
-
/**
|
|
854
|
-
* Emitted when the input value changes (on blur/enter).
|
|
855
|
-
*/
|
|
856
|
-
aegovInputChange: EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>;
|
|
857
|
-
/**
|
|
858
|
-
* Emitted on every keystroke.
|
|
859
|
-
*/
|
|
860
|
-
aegovInputValue: EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>;
|
|
861
|
-
/**
|
|
862
|
-
* Emitted when the input gains focus.
|
|
863
|
-
*/
|
|
864
|
-
aegovInputFocus: EventEmitter<AegovInputCustomEvent<FocusEvent>>;
|
|
865
|
-
/**
|
|
866
|
-
* Emitted when the input loses focus.
|
|
867
|
-
*/
|
|
868
|
-
aegovInputBlur: EventEmitter<AegovInputCustomEvent<FocusEvent>>;
|
|
869
|
-
/**
|
|
870
|
-
* Unified validation event emitted on input/change/blur/manual triggers.
|
|
871
|
-
Carries full validity snapshot for orchestrators (Layer 2) and BYO consumers.
|
|
872
|
-
See validation-engine-addon.md §2.3.
|
|
873
|
-
*/
|
|
874
|
-
aegovValidate: EventEmitter<AegovInputCustomEvent<IAegovInputAegovValidationDetail<string>>>;
|
|
875
|
-
}
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
@ProxyCmp({
|
|
879
|
-
defineCustomElementFn: defineAegovInputGroup,
|
|
880
|
-
inputs: ['addonPrefix', 'addonSuffix', 'extraClass', 'groupLabel', 'size', 'variant']
|
|
881
|
-
})
|
|
882
|
-
@Component({
|
|
883
|
-
selector: 'aegov-input-group',
|
|
884
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
885
|
-
template: '<ng-content></ng-content>',
|
|
886
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
887
|
-
inputs: ['addonPrefix', 'addonSuffix', 'extraClass', 'groupLabel', 'size', 'variant'],
|
|
888
|
-
})
|
|
889
|
-
export class AegovInputGroup {
|
|
890
|
-
protected el: HTMLAegovInputGroupElement;
|
|
891
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
892
|
-
c.detach();
|
|
893
|
-
this.el = r.nativeElement;
|
|
894
|
-
}
|
|
895
|
-
}
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
export declare interface AegovInputGroup extends Components.AegovInputGroup {}
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
@ProxyCmp({
|
|
902
|
-
defineCustomElementFn: defineAegovLabel,
|
|
903
|
-
inputs: ['extraClass', 'fieldId', 'htmlFor', 'variant']
|
|
904
|
-
})
|
|
905
|
-
@Component({
|
|
906
|
-
selector: 'aegov-label',
|
|
907
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
908
|
-
template: '<ng-content></ng-content>',
|
|
909
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
910
|
-
inputs: ['extraClass', 'fieldId', 'htmlFor', 'variant'],
|
|
911
|
-
})
|
|
912
|
-
export class AegovLabel {
|
|
913
|
-
protected el: HTMLAegovLabelElement;
|
|
914
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
915
|
-
c.detach();
|
|
916
|
-
this.el = r.nativeElement;
|
|
917
|
-
}
|
|
918
|
-
}
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
export declare interface AegovLabel extends Components.AegovLabel {}
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
@ProxyCmp({
|
|
925
|
-
defineCustomElementFn: defineAegovLink,
|
|
926
|
-
inputs: ['appearance', 'extraClass', 'fieldId', 'href', 'isBold', 'isDisabled', 'isFull', 'isIcon', 'rel', 'size', 'target', 'variant']
|
|
927
|
-
})
|
|
928
|
-
@Component({
|
|
929
|
-
selector: 'aegov-link',
|
|
930
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
931
|
-
template: '<ng-content></ng-content>',
|
|
932
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
933
|
-
inputs: ['appearance', 'extraClass', 'fieldId', { name: 'href', required: true }, 'isBold', 'isDisabled', 'isFull', 'isIcon', 'rel', 'size', 'target', 'variant'],
|
|
934
|
-
outputs: ['aegovLinkClick'],
|
|
935
|
-
})
|
|
936
|
-
export class AegovLink {
|
|
937
|
-
protected el: HTMLAegovLinkElement;
|
|
938
|
-
@Output() aegovLinkClick = new EventEmitter<AegovLinkCustomEvent<{ href: string; event: MouseEvent }>>();
|
|
939
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
940
|
-
c.detach();
|
|
941
|
-
this.el = r.nativeElement;
|
|
942
|
-
}
|
|
943
|
-
}
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
import type { AegovLinkCustomEvent } from '@aegov/designsystem/components';
|
|
947
|
-
|
|
948
|
-
export declare interface AegovLink extends Components.AegovLink {
|
|
949
|
-
/**
|
|
950
|
-
* Emitted when the link is clicked.
|
|
951
|
-
The event detail contains the href and can be used to implement custom navigation.
|
|
952
|
-
*/
|
|
953
|
-
aegovLinkClick: EventEmitter<AegovLinkCustomEvent<{ href: string; event: MouseEvent }>>;
|
|
954
|
-
}
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
@ProxyCmp({
|
|
958
|
-
defineCustomElementFn: defineAegovModal,
|
|
959
|
-
inputs: ['fieldId', 'isCloseWithOverlay', 'isOpen', 'isPadding', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
|
|
960
|
-
methods: ['show', 'close', 'toggle']
|
|
961
|
-
})
|
|
962
|
-
@Component({
|
|
963
|
-
selector: 'aegov-modal',
|
|
964
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
965
|
-
template: '<ng-content></ng-content>',
|
|
966
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
967
|
-
inputs: ['fieldId', 'isCloseWithOverlay', 'isOpen', 'isPadding', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
|
|
968
|
-
outputs: ['aegovModalOpen', 'aegovModalClose', 'aegovModalBeforeClose', 'aegovModalBackdropClick', 'aegovModalEscapePress'],
|
|
969
|
-
})
|
|
970
|
-
export class AegovModal {
|
|
971
|
-
protected el: HTMLAegovModalElement;
|
|
972
|
-
@Output() aegovModalOpen = new EventEmitter<AegovModalCustomEvent<void>>();
|
|
973
|
-
@Output() aegovModalClose = new EventEmitter<AegovModalCustomEvent<void>>();
|
|
974
|
-
@Output() aegovModalBeforeClose = new EventEmitter<AegovModalCustomEvent<void>>();
|
|
975
|
-
@Output() aegovModalBackdropClick = new EventEmitter<AegovModalCustomEvent<MouseEvent>>();
|
|
976
|
-
@Output() aegovModalEscapePress = new EventEmitter<AegovModalCustomEvent<KeyboardEvent>>();
|
|
977
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
978
|
-
c.detach();
|
|
979
|
-
this.el = r.nativeElement;
|
|
980
|
-
}
|
|
981
|
-
}
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
import type { AegovModalCustomEvent } from '@aegov/designsystem/components';
|
|
985
|
-
|
|
986
|
-
export declare interface AegovModal extends Components.AegovModal {
|
|
987
|
-
/**
|
|
988
|
-
* Emitted when modal is opened
|
|
989
|
-
*/
|
|
990
|
-
aegovModalOpen: EventEmitter<AegovModalCustomEvent<void>>;
|
|
991
|
-
/**
|
|
992
|
-
* Emitted when modal is closed
|
|
993
|
-
*/
|
|
994
|
-
aegovModalClose: EventEmitter<AegovModalCustomEvent<void>>;
|
|
995
|
-
/**
|
|
996
|
-
* Emitted before modal closes (cancellable)
|
|
997
|
-
*/
|
|
998
|
-
aegovModalBeforeClose: EventEmitter<AegovModalCustomEvent<void>>;
|
|
999
|
-
/**
|
|
1000
|
-
* Emitted when backdrop is clicked
|
|
1001
|
-
*/
|
|
1002
|
-
aegovModalBackdropClick: EventEmitter<AegovModalCustomEvent<MouseEvent>>;
|
|
1003
|
-
/**
|
|
1004
|
-
* Emitted when ESC key is pressed
|
|
1005
|
-
*/
|
|
1006
|
-
aegovModalEscapePress: EventEmitter<AegovModalCustomEvent<KeyboardEvent>>;
|
|
1007
|
-
}
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
@ProxyCmp({
|
|
1011
|
-
defineCustomElementFn: defineAegovNavbar,
|
|
1012
|
-
inputs: ['gap', 'labelNav', 'size']
|
|
1013
|
-
})
|
|
1014
|
-
@Component({
|
|
1015
|
-
selector: 'aegov-navbar',
|
|
1016
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1017
|
-
template: '<ng-content></ng-content>',
|
|
1018
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1019
|
-
inputs: ['gap', 'labelNav', 'size'],
|
|
1020
|
-
})
|
|
1021
|
-
export class AegovNavbar {
|
|
1022
|
-
protected el: HTMLAegovNavbarElement;
|
|
1023
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1024
|
-
c.detach();
|
|
1025
|
-
this.el = r.nativeElement;
|
|
1026
|
-
}
|
|
1027
|
-
}
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
export declare interface AegovNavbar extends Components.AegovNavbar {}
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
@ProxyCmp({
|
|
1034
|
-
defineCustomElementFn: defineAegovNavbarItem,
|
|
1035
|
-
inputs: ['href', 'isActive', 'isDisabled', 'rel', 'size', 'target']
|
|
1036
|
-
})
|
|
1037
|
-
@Component({
|
|
1038
|
-
selector: 'aegov-navbar-item',
|
|
1039
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1040
|
-
template: '<ng-content></ng-content>',
|
|
1041
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1042
|
-
inputs: ['href', 'isActive', 'isDisabled', 'rel', 'size', 'target'],
|
|
1043
|
-
})
|
|
1044
|
-
export class AegovNavbarItem {
|
|
1045
|
-
protected el: HTMLAegovNavbarItemElement;
|
|
1046
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1047
|
-
c.detach();
|
|
1048
|
-
this.el = r.nativeElement;
|
|
1049
|
-
}
|
|
1050
|
-
}
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
export declare interface AegovNavbarItem extends Components.AegovNavbarItem {}
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
@ProxyCmp({
|
|
1057
|
-
defineCustomElementFn: defineAegovNavblock,
|
|
1058
|
-
inputs: ['activeBorder', 'blockTitle', 'fieldId', 'icon', 'isBordered', 'isMultiple', 'labelNav', 'size', 'variant']
|
|
1059
|
-
})
|
|
1060
|
-
@Component({
|
|
1061
|
-
selector: 'aegov-navblock',
|
|
1062
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1063
|
-
template: '<ng-content></ng-content>',
|
|
1064
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1065
|
-
inputs: ['activeBorder', 'blockTitle', 'fieldId', 'icon', 'isBordered', 'isMultiple', 'labelNav', 'size', 'variant'],
|
|
1066
|
-
})
|
|
1067
|
-
export class AegovNavblock {
|
|
1068
|
-
protected el: HTMLAegovNavblockElement;
|
|
1069
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1070
|
-
c.detach();
|
|
1071
|
-
this.el = r.nativeElement;
|
|
1072
|
-
}
|
|
1073
|
-
}
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
export declare interface AegovNavblock extends Components.AegovNavblock {}
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
@ProxyCmp({
|
|
1080
|
-
defineCustomElementFn: defineAegovNavblockItem,
|
|
1081
|
-
inputs: ['href', 'isActive', 'isDisabled', 'isOpen', 'rel', 'target']
|
|
1082
|
-
})
|
|
1083
|
-
@Component({
|
|
1084
|
-
selector: 'aegov-navblock-item',
|
|
1085
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1086
|
-
template: '<ng-content></ng-content>',
|
|
1087
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1088
|
-
inputs: ['href', 'isActive', 'isDisabled', 'isOpen', 'rel', 'target'],
|
|
1089
|
-
outputs: ['aegovNavblockItemToggle'],
|
|
1090
|
-
})
|
|
1091
|
-
export class AegovNavblockItem {
|
|
1092
|
-
protected el: HTMLAegovNavblockItemElement;
|
|
1093
|
-
@Output() aegovNavblockItemToggle = new EventEmitter<AegovNavblockItemCustomEvent<{ open: boolean }>>();
|
|
1094
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1095
|
-
c.detach();
|
|
1096
|
-
this.el = r.nativeElement;
|
|
1097
|
-
}
|
|
1098
|
-
}
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
import type { AegovNavblockItemCustomEvent } from '@aegov/designsystem/components';
|
|
1102
|
-
|
|
1103
|
-
export declare interface AegovNavblockItem extends Components.AegovNavblockItem {
|
|
1104
|
-
/**
|
|
1105
|
-
* Emitted when the row toggles its sub-region.
|
|
1106
|
-
*/
|
|
1107
|
-
aegovNavblockItemToggle: EventEmitter<AegovNavblockItemCustomEvent<{ open: boolean }>>;
|
|
1108
|
-
}
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
@ProxyCmp({
|
|
1112
|
-
defineCustomElementFn: defineAegovOtp,
|
|
1113
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isAlphanumeric', 'isDisabled', 'isInvalid', 'isRequired', 'length', 'name', 'pattern', 'size', 'value', 'variant'],
|
|
1114
|
-
methods: ['clear', 'validate', 'setCustomValidity']
|
|
1115
|
-
})
|
|
1116
|
-
@Component({
|
|
1117
|
-
selector: 'aegov-otp',
|
|
1118
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1119
|
-
template: '<ng-content></ng-content>',
|
|
1120
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1121
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isAlphanumeric', 'isDisabled', 'isInvalid', 'isRequired', 'length', 'name', 'pattern', 'size', 'value', 'variant'],
|
|
1122
|
-
outputs: ['aegovOtpChange', 'aegovOtpComplete', 'aegovValidate'],
|
|
1123
|
-
})
|
|
1124
|
-
export class AegovOtp {
|
|
1125
|
-
protected el: HTMLAegovOtpElement;
|
|
1126
|
-
@Output() aegovOtpChange = new EventEmitter<AegovOtpCustomEvent<{ value: string }>>();
|
|
1127
|
-
@Output() aegovOtpComplete = new EventEmitter<AegovOtpCustomEvent<{ value: string }>>();
|
|
1128
|
-
@Output() aegovValidate = new EventEmitter<AegovOtpCustomEvent<IAegovOtpAegovValidationDetail<string>>>();
|
|
1129
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1130
|
-
c.detach();
|
|
1131
|
-
this.el = r.nativeElement;
|
|
1132
|
-
}
|
|
1133
|
-
}
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
import type { AegovOtpCustomEvent } from '@aegov/designsystem/components';
|
|
1137
|
-
import type { AegovValidationDetail as IAegovOtpAegovValidationDetail } from '@aegov/designsystem/components';
|
|
1138
|
-
|
|
1139
|
-
export declare interface AegovOtp extends Components.AegovOtp {
|
|
1140
|
-
/**
|
|
1141
|
-
* Fires on every character change with the current value.
|
|
1142
|
-
*/
|
|
1143
|
-
aegovOtpChange: EventEmitter<AegovOtpCustomEvent<{ value: string }>>;
|
|
1144
|
-
/**
|
|
1145
|
-
* Fires when all cells are filled (and pattern is valid if set).
|
|
1146
|
-
*/
|
|
1147
|
-
aegovOtpComplete: EventEmitter<AegovOtpCustomEvent<{ value: string }>>;
|
|
1148
|
-
/**
|
|
1149
|
-
* Unified validation event. See §2.3.
|
|
1150
|
-
*/
|
|
1151
|
-
aegovValidate: EventEmitter<AegovOtpCustomEvent<IAegovOtpAegovValidationDetail<string>>>;
|
|
1152
|
-
}
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
@ProxyCmp({
|
|
1156
|
-
defineCustomElementFn: defineAegovPagination,
|
|
1157
|
-
inputs: ['countBoundary', 'countSibling', 'fieldId', 'isDisabled', 'isEnabledFirstLast', 'labelFirst', 'labelLast', 'labelNext', 'labelPrev', 'pageCurrent', 'pages', 'size', 'variant']
|
|
1158
|
-
})
|
|
1159
|
-
@Component({
|
|
1160
|
-
selector: 'aegov-pagination',
|
|
1161
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1162
|
-
template: '<ng-content></ng-content>',
|
|
1163
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1164
|
-
inputs: ['countBoundary', 'countSibling', 'fieldId', 'isDisabled', 'isEnabledFirstLast', 'labelFirst', 'labelLast', 'labelNext', 'labelPrev', 'pageCurrent', 'pages', 'size', 'variant'],
|
|
1165
|
-
outputs: ['aegovPaginationPageChange'],
|
|
1166
|
-
})
|
|
1167
|
-
export class AegovPagination {
|
|
1168
|
-
protected el: HTMLAegovPaginationElement;
|
|
1169
|
-
@Output() aegovPaginationPageChange = new EventEmitter<AegovPaginationCustomEvent<number>>();
|
|
1170
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1171
|
-
c.detach();
|
|
1172
|
-
this.el = r.nativeElement;
|
|
1173
|
-
}
|
|
1174
|
-
}
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
import type { AegovPaginationCustomEvent } from '@aegov/designsystem/components';
|
|
1178
|
-
|
|
1179
|
-
export declare interface AegovPagination extends Components.AegovPagination {
|
|
1180
|
-
/**
|
|
1181
|
-
* Emitted when a page is selected. The event detail is the new page number (1-indexed).
|
|
1182
|
-
Update pageCurrent in response to this event.
|
|
1183
|
-
*/
|
|
1184
|
-
aegovPaginationPageChange: EventEmitter<AegovPaginationCustomEvent<number>>;
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
@ProxyCmp({
|
|
1189
|
-
defineCustomElementFn: defineAegovPopover,
|
|
1190
|
-
inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
|
|
1191
|
-
methods: ['closePopover']
|
|
1192
|
-
})
|
|
1193
|
-
@Component({
|
|
1194
|
-
selector: 'aegov-popover',
|
|
1195
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1196
|
-
template: '<ng-content></ng-content>',
|
|
1197
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1198
|
-
inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
|
|
1199
|
-
outputs: ['aegovPopoverOpen', 'aegovPopoverClose'],
|
|
1200
|
-
})
|
|
1201
|
-
export class AegovPopover {
|
|
1202
|
-
protected el: HTMLAegovPopoverElement;
|
|
1203
|
-
@Output() aegovPopoverOpen = new EventEmitter<AegovPopoverCustomEvent<void>>();
|
|
1204
|
-
@Output() aegovPopoverClose = new EventEmitter<AegovPopoverCustomEvent<void>>();
|
|
1205
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1206
|
-
c.detach();
|
|
1207
|
-
this.el = r.nativeElement;
|
|
1208
|
-
}
|
|
1209
|
-
}
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
import type { AegovPopoverCustomEvent } from '@aegov/designsystem/components';
|
|
1213
|
-
|
|
1214
|
-
export declare interface AegovPopover extends Components.AegovPopover {
|
|
1215
|
-
/**
|
|
1216
|
-
* Emitted when popover opens
|
|
1217
|
-
*/
|
|
1218
|
-
aegovPopoverOpen: EventEmitter<AegovPopoverCustomEvent<void>>;
|
|
1219
|
-
/**
|
|
1220
|
-
* Emitted when popover closes
|
|
1221
|
-
*/
|
|
1222
|
-
aegovPopoverClose: EventEmitter<AegovPopoverCustomEvent<void>>;
|
|
1223
|
-
}
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
@ProxyCmp({
|
|
1227
|
-
defineCustomElementFn: defineAegovProgress,
|
|
1228
|
-
inputs: ['counter', 'counterSuffix', 'description', 'extraClass', 'fieldId', 'height', 'label', 'max', 'value']
|
|
1229
|
-
})
|
|
1230
|
-
@Component({
|
|
1231
|
-
selector: 'aegov-progress',
|
|
1232
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1233
|
-
template: '<ng-content></ng-content>',
|
|
1234
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1235
|
-
inputs: ['counter', 'counterSuffix', 'description', 'extraClass', 'fieldId', 'height', 'label', 'max', 'value'],
|
|
1236
|
-
})
|
|
1237
|
-
export class AegovProgress {
|
|
1238
|
-
protected el: HTMLAegovProgressElement;
|
|
1239
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1240
|
-
c.detach();
|
|
1241
|
-
this.el = r.nativeElement;
|
|
1242
|
-
}
|
|
1243
|
-
}
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
export declare interface AegovProgress extends Components.AegovProgress {}
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
@ProxyCmp({
|
|
1250
|
-
defineCustomElementFn: defineAegovRadio,
|
|
1251
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
|
|
1252
|
-
methods: ['validate', 'setCustomValidity']
|
|
1253
|
-
})
|
|
1254
|
-
@Component({
|
|
1255
|
-
selector: 'aegov-radio',
|
|
1256
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1257
|
-
template: '<ng-content></ng-content>',
|
|
1258
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1259
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
|
|
1260
|
-
outputs: ['aegovRadioChange', 'aegovValidate'],
|
|
1261
|
-
})
|
|
1262
|
-
export class AegovRadio {
|
|
1263
|
-
protected el: HTMLAegovRadioElement;
|
|
1264
|
-
@Output() aegovRadioChange = new EventEmitter<AegovRadioCustomEvent<{ checked: boolean; value?: string }>>();
|
|
1265
|
-
@Output() aegovValidate = new EventEmitter<AegovRadioCustomEvent<IAegovRadioAegovValidationDetail<boolean>>>();
|
|
1266
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1267
|
-
c.detach();
|
|
1268
|
-
this.el = r.nativeElement;
|
|
1269
|
-
}
|
|
1270
|
-
}
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
import type { AegovRadioCustomEvent } from '@aegov/designsystem/components';
|
|
1274
|
-
import type { AegovValidationDetail as IAegovRadioAegovValidationDetail } from '@aegov/designsystem/components';
|
|
1275
|
-
|
|
1276
|
-
export declare interface AegovRadio extends Components.AegovRadio {
|
|
1277
|
-
/**
|
|
1278
|
-
* Emitted when the radio checked state changes.
|
|
1279
|
-
*/
|
|
1280
|
-
aegovRadioChange: EventEmitter<AegovRadioCustomEvent<{ checked: boolean; value?: string }>>;
|
|
1281
|
-
/**
|
|
1282
|
-
* Unified validation event. See §2.3.
|
|
1283
|
-
*/
|
|
1284
|
-
aegovValidate: EventEmitter<AegovRadioCustomEvent<IAegovRadioAegovValidationDetail<boolean>>>;
|
|
1285
|
-
}
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
@ProxyCmp({
|
|
1289
|
-
defineCustomElementFn: defineAegovRadioGroup,
|
|
1290
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'orientation', 'size', 'variant'],
|
|
1291
|
-
methods: ['validate', 'setCustomValidity']
|
|
1292
|
-
})
|
|
1293
|
-
@Component({
|
|
1294
|
-
selector: 'aegov-radio-group',
|
|
1295
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1296
|
-
template: '<ng-content></ng-content>',
|
|
1297
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1298
|
-
inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', { name: 'name', required: true }, 'orientation', 'size', 'variant'],
|
|
1299
|
-
outputs: ['aegovRadioGroupChange', 'aegovValidate'],
|
|
1300
|
-
})
|
|
1301
|
-
export class AegovRadioGroup {
|
|
1302
|
-
protected el: HTMLAegovRadioGroupElement;
|
|
1303
|
-
@Output() aegovRadioGroupChange = new EventEmitter<AegovRadioGroupCustomEvent<{ value: string | undefined }>>();
|
|
1304
|
-
@Output() aegovValidate = new EventEmitter<AegovRadioGroupCustomEvent<IAegovRadioGroupAegovValidationDetail<string | undefined>>>();
|
|
1305
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1306
|
-
c.detach();
|
|
1307
|
-
this.el = r.nativeElement;
|
|
1308
|
-
}
|
|
1309
|
-
}
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
import type { AegovRadioGroupCustomEvent } from '@aegov/designsystem/components';
|
|
1313
|
-
import type { AegovValidationDetail as IAegovRadioGroupAegovValidationDetail } from '@aegov/designsystem/components';
|
|
1314
|
-
|
|
1315
|
-
export declare interface AegovRadioGroup extends Components.AegovRadioGroup {
|
|
1316
|
-
/**
|
|
1317
|
-
* Emitted when the selected radio changes. Contains the selected value.
|
|
1318
|
-
*/
|
|
1319
|
-
aegovRadioGroupChange: EventEmitter<AegovRadioGroupCustomEvent<{ value: string | undefined }>>;
|
|
1320
|
-
/**
|
|
1321
|
-
* Unified validation event (group-level aggregate). See §2.3.
|
|
1322
|
-
*/
|
|
1323
|
-
aegovValidate: EventEmitter<AegovRadioGroupCustomEvent<IAegovRadioGroupAegovValidationDetail<string | undefined>>>;
|
|
1324
|
-
}
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
@ProxyCmp({
|
|
1328
|
-
defineCustomElementFn: defineAegovRange,
|
|
1329
|
-
inputs: ['display', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'max', 'min', 'mode', 'name', 'orientation', 'size', 'step', 'value', 'valueHigh', 'valueLow', 'variant'],
|
|
1330
|
-
methods: ['validate', 'setCustomValidity']
|
|
1331
|
-
})
|
|
1332
|
-
@Component({
|
|
1333
|
-
selector: 'aegov-range',
|
|
1334
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1335
|
-
template: '<ng-content></ng-content>',
|
|
1336
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1337
|
-
inputs: ['display', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'max', 'min', 'mode', 'name', 'orientation', 'size', 'step', 'value', 'valueHigh', 'valueLow', 'variant'],
|
|
1338
|
-
outputs: ['aegovRangeInput', 'aegovRangeChange', 'aegovValidate'],
|
|
1339
|
-
})
|
|
1340
|
-
export class AegovRange {
|
|
1341
|
-
protected el: HTMLAegovRangeElement;
|
|
1342
|
-
@Output() aegovRangeInput = new EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>();
|
|
1343
|
-
@Output() aegovRangeChange = new EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>();
|
|
1344
|
-
@Output() aegovValidate = new EventEmitter<AegovRangeCustomEvent<IAegovRangeAegovValidationDetail<IAegovRangeAegovRangeValue>>>();
|
|
1345
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1346
|
-
c.detach();
|
|
1347
|
-
this.el = r.nativeElement;
|
|
1348
|
-
}
|
|
1349
|
-
}
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
import type { AegovRangeCustomEvent } from '@aegov/designsystem/components';
|
|
1353
|
-
import type { AegovValidationDetail as IAegovRangeAegovValidationDetail } from '@aegov/designsystem/components';
|
|
1354
|
-
import type { AegovRangeValue as IAegovRangeAegovRangeValue } from '@aegov/designsystem/components';
|
|
1355
|
-
|
|
1356
|
-
export declare interface AegovRange extends Components.AegovRange {
|
|
1357
|
-
/**
|
|
1358
|
-
* Emitted during drag on every value update.
|
|
1359
|
-
*/
|
|
1360
|
-
aegovRangeInput: EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>;
|
|
1361
|
-
/**
|
|
1362
|
-
* Emitted on release (value committed).
|
|
1363
|
-
*/
|
|
1364
|
-
aegovRangeChange: EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>;
|
|
1365
|
-
/**
|
|
1366
|
-
* Unified validation event. See §2.3.
|
|
1367
|
-
*/
|
|
1368
|
-
aegovValidate: EventEmitter<AegovRangeCustomEvent<IAegovRangeAegovValidationDetail<IAegovRangeAegovRangeValue>>>;
|
|
1369
|
-
}
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
@ProxyCmp({
|
|
1373
|
-
defineCustomElementFn: defineAegovSelect,
|
|
1374
|
-
inputs: ['appearance', 'emptyMessage', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isClearable', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'isSearchable', 'name', 'placeholder', 'size', 'value', 'variant', 'visibleItems'],
|
|
1375
|
-
methods: ['validate', 'setCustomValidity']
|
|
1376
|
-
})
|
|
1377
|
-
@Component({
|
|
1378
|
-
selector: 'aegov-select',
|
|
1379
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1380
|
-
template: '<ng-content></ng-content>',
|
|
1381
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1382
|
-
inputs: ['appearance', 'emptyMessage', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isClearable', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'isSearchable', 'name', 'placeholder', 'size', 'value', 'variant', 'visibleItems'],
|
|
1383
|
-
outputs: ['aegovSelectChange', 'aegovSelectOpen', 'aegovSelectClose', 'aegovValidate'],
|
|
1384
|
-
})
|
|
1385
|
-
export class AegovSelect {
|
|
1386
|
-
protected el: HTMLAegovSelectElement;
|
|
1387
|
-
@Output() aegovSelectChange = new EventEmitter<AegovSelectCustomEvent<IAegovSelectSelectChangeDetail>>();
|
|
1388
|
-
@Output() aegovSelectOpen = new EventEmitter<AegovSelectCustomEvent<void>>();
|
|
1389
|
-
@Output() aegovSelectClose = new EventEmitter<AegovSelectCustomEvent<void>>();
|
|
1390
|
-
@Output() aegovValidate = new EventEmitter<AegovSelectCustomEvent<IAegovSelectAegovValidationDetail<IAegovSelectAegovSelectValue>>>();
|
|
1391
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1392
|
-
c.detach();
|
|
1393
|
-
this.el = r.nativeElement;
|
|
1394
|
-
}
|
|
1395
|
-
}
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
import type { AegovSelectCustomEvent } from '@aegov/designsystem/components';
|
|
1399
|
-
import type { SelectChangeDetail as IAegovSelectSelectChangeDetail } from '@aegov/designsystem/components';
|
|
1400
|
-
import type { AegovValidationDetail as IAegovSelectAegovValidationDetail } from '@aegov/designsystem/components';
|
|
1401
|
-
import type { AegovSelectValue as IAegovSelectAegovSelectValue } from '@aegov/designsystem/components';
|
|
1402
|
-
|
|
1403
|
-
export declare interface AegovSelect extends Components.AegovSelect {
|
|
1404
|
-
/**
|
|
1405
|
-
* Emitted when the selected value changes.
|
|
1406
|
-
*/
|
|
1407
|
-
aegovSelectChange: EventEmitter<AegovSelectCustomEvent<IAegovSelectSelectChangeDetail>>;
|
|
1408
|
-
/**
|
|
1409
|
-
* Emitted when the dropdown opens (listbox appearance).
|
|
1410
|
-
*/
|
|
1411
|
-
aegovSelectOpen: EventEmitter<AegovSelectCustomEvent<void>>;
|
|
1412
|
-
/**
|
|
1413
|
-
* Emitted when the dropdown closes (listbox appearance).
|
|
1414
|
-
*/
|
|
1415
|
-
aegovSelectClose: EventEmitter<AegovSelectCustomEvent<void>>;
|
|
1416
|
-
/**
|
|
1417
|
-
* Unified validation event. See §2.3.
|
|
1418
|
-
*/
|
|
1419
|
-
aegovValidate: EventEmitter<AegovSelectCustomEvent<IAegovSelectAegovValidationDetail<IAegovSelectAegovSelectValue>>>;
|
|
1420
|
-
}
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
@ProxyCmp({
|
|
1424
|
-
defineCustomElementFn: defineAegovSelectOption,
|
|
1425
|
-
inputs: ['isDisabled', 'value']
|
|
1426
|
-
})
|
|
1427
|
-
@Component({
|
|
1428
|
-
selector: 'aegov-select-option',
|
|
1429
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1430
|
-
template: '<ng-content></ng-content>',
|
|
1431
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1432
|
-
inputs: ['isDisabled', 'value'],
|
|
1433
|
-
})
|
|
1434
|
-
export class AegovSelectOption {
|
|
1435
|
-
protected el: HTMLAegovSelectOptionElement;
|
|
1436
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1437
|
-
c.detach();
|
|
1438
|
-
this.el = r.nativeElement;
|
|
1439
|
-
}
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
export declare interface AegovSelectOption extends Components.AegovSelectOption {}
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
@ProxyCmp({
|
|
1447
|
-
defineCustomElementFn: defineAegovSelectOptionGroup,
|
|
1448
|
-
inputs: ['label']
|
|
1449
|
-
})
|
|
1450
|
-
@Component({
|
|
1451
|
-
selector: 'aegov-select-option-group',
|
|
1452
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1453
|
-
template: '<ng-content></ng-content>',
|
|
1454
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1455
|
-
inputs: ['label'],
|
|
1456
|
-
})
|
|
1457
|
-
export class AegovSelectOptionGroup {
|
|
1458
|
-
protected el: HTMLAegovSelectOptionGroupElement;
|
|
1459
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1460
|
-
c.detach();
|
|
1461
|
-
this.el = r.nativeElement;
|
|
1462
|
-
}
|
|
1463
|
-
}
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
export declare interface AegovSelectOptionGroup extends Components.AegovSelectOptionGroup {}
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
@ProxyCmp({
|
|
1470
|
-
defineCustomElementFn: defineAegovSeparator,
|
|
1471
|
-
inputs: ['appearance', 'extraClass', 'gap', 'isDecorative', 'orientation', 'text', 'variant']
|
|
1472
|
-
})
|
|
1473
|
-
@Component({
|
|
1474
|
-
selector: 'aegov-separator',
|
|
1475
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1476
|
-
template: '<ng-content></ng-content>',
|
|
1477
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1478
|
-
inputs: ['appearance', 'extraClass', 'gap', 'isDecorative', 'orientation', 'text', 'variant'],
|
|
1479
|
-
})
|
|
1480
|
-
export class AegovSeparator {
|
|
1481
|
-
protected el: HTMLAegovSeparatorElement;
|
|
1482
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1483
|
-
c.detach();
|
|
1484
|
-
this.el = r.nativeElement;
|
|
1485
|
-
}
|
|
1486
|
-
}
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
export declare interface AegovSeparator extends Components.AegovSeparator {}
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
@ProxyCmp({
|
|
1493
|
-
defineCustomElementFn: defineAegovTab,
|
|
1494
|
-
inputs: ['activeTabId', 'isDisabled', 'orientation', 'size', 'tabId', 'variant']
|
|
1495
|
-
})
|
|
1496
|
-
@Component({
|
|
1497
|
-
selector: 'aegov-tab',
|
|
1498
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1499
|
-
template: '<ng-content></ng-content>',
|
|
1500
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1501
|
-
inputs: ['activeTabId', 'isDisabled', 'orientation', 'size', { name: 'tabId', required: true }, 'variant'],
|
|
1502
|
-
outputs: ['aegovTabSelect'],
|
|
1503
|
-
})
|
|
1504
|
-
export class AegovTab {
|
|
1505
|
-
protected el: HTMLAegovTabElement;
|
|
1506
|
-
@Output() aegovTabSelect = new EventEmitter<AegovTabCustomEvent<string>>();
|
|
1507
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1508
|
-
c.detach();
|
|
1509
|
-
this.el = r.nativeElement;
|
|
1510
|
-
}
|
|
1511
|
-
}
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
import type { AegovTabCustomEvent } from '@aegov/designsystem/components';
|
|
1515
|
-
|
|
1516
|
-
export declare interface AegovTab extends Components.AegovTab {
|
|
1517
|
-
/**
|
|
1518
|
-
* Emitted when this tab is clicked. Bubbles up to the parent aegov-tabs. @event aegovTabSelect
|
|
1519
|
-
*/
|
|
1520
|
-
aegovTabSelect: EventEmitter<AegovTabCustomEvent<string>>;
|
|
1521
|
-
}
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
@ProxyCmp({
|
|
1525
|
-
defineCustomElementFn: defineAegovTabPanel,
|
|
1526
|
-
inputs: ['active', 'extraClass', 'tabId']
|
|
1527
|
-
})
|
|
1528
|
-
@Component({
|
|
1529
|
-
selector: 'aegov-tab-panel',
|
|
1530
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1531
|
-
template: '<ng-content></ng-content>',
|
|
1532
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1533
|
-
inputs: ['active', 'extraClass', { name: 'tabId', required: true }],
|
|
1534
|
-
})
|
|
1535
|
-
export class AegovTabPanel {
|
|
1536
|
-
protected el: HTMLAegovTabPanelElement;
|
|
1537
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1538
|
-
c.detach();
|
|
1539
|
-
this.el = r.nativeElement;
|
|
1540
|
-
}
|
|
1541
|
-
}
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
export declare interface AegovTabPanel extends Components.AegovTabPanel {}
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
@ProxyCmp({
|
|
1548
|
-
defineCustomElementFn: defineAegovTabs,
|
|
1549
|
-
inputs: ['defaultOpen', 'fieldId', 'isScrollable', 'isStretchable', 'labelTablist', 'orientation', 'size', 'variant']
|
|
1550
|
-
})
|
|
1551
|
-
@Component({
|
|
1552
|
-
selector: 'aegov-tabs',
|
|
1553
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1554
|
-
template: '<ng-content></ng-content>',
|
|
1555
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1556
|
-
inputs: ['defaultOpen', 'fieldId', 'isScrollable', 'isStretchable', 'labelTablist', 'orientation', 'size', 'variant'],
|
|
1557
|
-
outputs: ['aegovTabChange'],
|
|
1558
|
-
})
|
|
1559
|
-
export class AegovTabs {
|
|
1560
|
-
protected el: HTMLAegovTabsElement;
|
|
1561
|
-
@Output() aegovTabChange = new EventEmitter<AegovTabsCustomEvent<string>>();
|
|
1562
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1563
|
-
c.detach();
|
|
1564
|
-
this.el = r.nativeElement;
|
|
1565
|
-
}
|
|
1566
|
-
}
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
import type { AegovTabsCustomEvent } from '@aegov/designsystem/components';
|
|
1570
|
-
|
|
1571
|
-
export declare interface AegovTabs extends Components.AegovTabs {
|
|
1572
|
-
/**
|
|
1573
|
-
* Emitted when the active tab changes.
|
|
1574
|
-
Event detail contains the new active tab-id string. @event aegovTabChange
|
|
1575
|
-
*/
|
|
1576
|
-
aegovTabChange: EventEmitter<AegovTabsCustomEvent<string>>;
|
|
1577
|
-
}
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
@ProxyCmp({
|
|
1581
|
-
defineCustomElementFn: defineAegovText,
|
|
1582
|
-
inputs: ['extraClass', 'size']
|
|
1583
|
-
})
|
|
1584
|
-
@Component({
|
|
1585
|
-
selector: 'aegov-text',
|
|
1586
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1587
|
-
template: '<ng-content></ng-content>',
|
|
1588
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1589
|
-
inputs: ['extraClass', 'size'],
|
|
1590
|
-
})
|
|
1591
|
-
export class AegovText {
|
|
1592
|
-
protected el: HTMLAegovTextElement;
|
|
1593
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1594
|
-
c.detach();
|
|
1595
|
-
this.el = r.nativeElement;
|
|
1596
|
-
}
|
|
1597
|
-
}
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
export declare interface AegovText extends Components.AegovText {}
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
@ProxyCmp({
|
|
1604
|
-
defineCustomElementFn: defineAegovTextarea,
|
|
1605
|
-
inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'maxlength', 'name', 'placeholder', 'resize', 'size', 'value', 'variant'],
|
|
1606
|
-
methods: ['validate', 'setCustomValidity']
|
|
1607
|
-
})
|
|
1608
|
-
@Component({
|
|
1609
|
-
selector: 'aegov-textarea',
|
|
1610
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1611
|
-
template: '<ng-content></ng-content>',
|
|
1612
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1613
|
-
inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'maxlength', 'name', 'placeholder', 'resize', 'size', 'value', 'variant'],
|
|
1614
|
-
outputs: ['aegovTextareaChange', 'aegovTextareaValue', 'aegovTextareaFocus', 'aegovTextareaBlur', 'aegovValidate'],
|
|
1615
|
-
})
|
|
1616
|
-
export class AegovTextarea {
|
|
1617
|
-
protected el: HTMLAegovTextareaElement;
|
|
1618
|
-
@Output() aegovTextareaChange = new EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>();
|
|
1619
|
-
@Output() aegovTextareaValue = new EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>();
|
|
1620
|
-
@Output() aegovTextareaFocus = new EventEmitter<AegovTextareaCustomEvent<FocusEvent>>();
|
|
1621
|
-
@Output() aegovTextareaBlur = new EventEmitter<AegovTextareaCustomEvent<FocusEvent>>();
|
|
1622
|
-
@Output() aegovValidate = new EventEmitter<AegovTextareaCustomEvent<IAegovTextareaAegovValidationDetail<string>>>();
|
|
1623
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1624
|
-
c.detach();
|
|
1625
|
-
this.el = r.nativeElement;
|
|
1626
|
-
}
|
|
1627
|
-
}
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
import type { AegovTextareaCustomEvent } from '@aegov/designsystem/components';
|
|
1631
|
-
import type { AegovValidationDetail as IAegovTextareaAegovValidationDetail } from '@aegov/designsystem/components';
|
|
1632
|
-
|
|
1633
|
-
export declare interface AegovTextarea extends Components.AegovTextarea {
|
|
1634
|
-
/**
|
|
1635
|
-
* Emitted when the textarea value changes (on blur).
|
|
1636
|
-
*/
|
|
1637
|
-
aegovTextareaChange: EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>;
|
|
1638
|
-
/**
|
|
1639
|
-
* Emitted on every keystroke.
|
|
1640
|
-
*/
|
|
1641
|
-
aegovTextareaValue: EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>;
|
|
1642
|
-
/**
|
|
1643
|
-
* Emitted when the textarea gains focus.
|
|
1644
|
-
*/
|
|
1645
|
-
aegovTextareaFocus: EventEmitter<AegovTextareaCustomEvent<FocusEvent>>;
|
|
1646
|
-
/**
|
|
1647
|
-
* Emitted when the textarea loses focus.
|
|
1648
|
-
*/
|
|
1649
|
-
aegovTextareaBlur: EventEmitter<AegovTextareaCustomEvent<FocusEvent>>;
|
|
1650
|
-
/**
|
|
1651
|
-
* Unified validation event. See validation-engine-addon.md §2.3.
|
|
1652
|
-
*/
|
|
1653
|
-
aegovValidate: EventEmitter<AegovTextareaCustomEvent<IAegovTextareaAegovValidationDetail<string>>>;
|
|
1654
|
-
}
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
@ProxyCmp({
|
|
1658
|
-
defineCustomElementFn: defineAegovTimeline,
|
|
1659
|
-
inputs: ['fieldId', 'orientation', 'size', 'variant']
|
|
1660
|
-
})
|
|
1661
|
-
@Component({
|
|
1662
|
-
selector: 'aegov-timeline',
|
|
1663
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1664
|
-
template: '<ng-content></ng-content>',
|
|
1665
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1666
|
-
inputs: ['fieldId', 'orientation', 'size', 'variant'],
|
|
1667
|
-
})
|
|
1668
|
-
export class AegovTimeline {
|
|
1669
|
-
protected el: HTMLAegovTimelineElement;
|
|
1670
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1671
|
-
c.detach();
|
|
1672
|
-
this.el = r.nativeElement;
|
|
1673
|
-
}
|
|
1674
|
-
}
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
export declare interface AegovTimeline extends Components.AegovTimeline {}
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
@ProxyCmp({
|
|
1681
|
-
defineCustomElementFn: defineAegovTimelineStep,
|
|
1682
|
-
inputs: ['description', 'status']
|
|
1683
|
-
})
|
|
1684
|
-
@Component({
|
|
1685
|
-
selector: 'aegov-timeline-step',
|
|
1686
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1687
|
-
template: '<ng-content></ng-content>',
|
|
1688
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1689
|
-
inputs: ['description', 'status'],
|
|
1690
|
-
})
|
|
1691
|
-
export class AegovTimelineStep {
|
|
1692
|
-
protected el: HTMLAegovTimelineStepElement;
|
|
1693
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1694
|
-
c.detach();
|
|
1695
|
-
this.el = r.nativeElement;
|
|
1696
|
-
}
|
|
1697
|
-
}
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
export declare interface AegovTimelineStep extends Components.AegovTimelineStep {}
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
@ProxyCmp({
|
|
1704
|
-
defineCustomElementFn: defineAegovTitle,
|
|
1705
|
-
inputs: ['extraClass', 'fieldId', 'headingType', 'size']
|
|
1706
|
-
})
|
|
1707
|
-
@Component({
|
|
1708
|
-
selector: 'aegov-title',
|
|
1709
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1710
|
-
template: '<ng-content></ng-content>',
|
|
1711
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1712
|
-
inputs: ['extraClass', 'fieldId', 'headingType', 'size'],
|
|
1713
|
-
})
|
|
1714
|
-
export class AegovTitle {
|
|
1715
|
-
protected el: HTMLAegovTitleElement;
|
|
1716
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1717
|
-
c.detach();
|
|
1718
|
-
this.el = r.nativeElement;
|
|
1719
|
-
}
|
|
1720
|
-
}
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
export declare interface AegovTitle extends Components.AegovTitle {}
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
@ProxyCmp({
|
|
1727
|
-
defineCustomElementFn: defineAegovToast,
|
|
1728
|
-
inputs: ['appearance', 'duration', 'isDismissible', 'isProgressEnabled', 'mode', 'position', 'variant'],
|
|
1729
|
-
methods: ['show', 'close']
|
|
1730
|
-
})
|
|
1731
|
-
@Component({
|
|
1732
|
-
selector: 'aegov-toast',
|
|
1733
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1734
|
-
template: '<ng-content></ng-content>',
|
|
1735
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1736
|
-
inputs: ['appearance', 'duration', 'isDismissible', 'isProgressEnabled', 'mode', 'position', 'variant'],
|
|
1737
|
-
outputs: ['aegovToastOpen', 'aegovToastClose', 'aegovToastDismiss'],
|
|
1738
|
-
})
|
|
1739
|
-
export class AegovToast {
|
|
1740
|
-
protected el: HTMLAegovToastElement;
|
|
1741
|
-
@Output() aegovToastOpen = new EventEmitter<AegovToastCustomEvent<void>>();
|
|
1742
|
-
@Output() aegovToastClose = new EventEmitter<AegovToastCustomEvent<void>>();
|
|
1743
|
-
@Output() aegovToastDismiss = new EventEmitter<AegovToastCustomEvent<void>>();
|
|
1744
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1745
|
-
c.detach();
|
|
1746
|
-
this.el = r.nativeElement;
|
|
1747
|
-
}
|
|
1748
|
-
}
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
import type { AegovToastCustomEvent } from '@aegov/designsystem/components';
|
|
1752
|
-
|
|
1753
|
-
export declare interface AegovToast extends Components.AegovToast {
|
|
1754
|
-
/**
|
|
1755
|
-
* Emitted after the toast becomes visible.
|
|
1756
|
-
*/
|
|
1757
|
-
aegovToastOpen: EventEmitter<AegovToastCustomEvent<void>>;
|
|
1758
|
-
/**
|
|
1759
|
-
* Emitted after the toast close animation completes and element is removed.
|
|
1760
|
-
*/
|
|
1761
|
-
aegovToastClose: EventEmitter<AegovToastCustomEvent<void>>;
|
|
1762
|
-
/**
|
|
1763
|
-
* Emitted when the user clicks the dismiss button.
|
|
1764
|
-
*/
|
|
1765
|
-
aegovToastDismiss: EventEmitter<AegovToastCustomEvent<void>>;
|
|
1766
|
-
}
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
@ProxyCmp({
|
|
1770
|
-
defineCustomElementFn: defineAegovToggle,
|
|
1771
|
-
inputs: ['errorMessage', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
|
|
1772
|
-
methods: ['validate', 'setCustomValidity']
|
|
1773
|
-
})
|
|
1774
|
-
@Component({
|
|
1775
|
-
selector: 'aegov-toggle',
|
|
1776
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1777
|
-
template: '<ng-content></ng-content>',
|
|
1778
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1779
|
-
inputs: ['errorMessage', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
|
|
1780
|
-
outputs: ['aegovToggleChange', 'aegovValidate'],
|
|
1781
|
-
})
|
|
1782
|
-
export class AegovToggle {
|
|
1783
|
-
protected el: HTMLAegovToggleElement;
|
|
1784
|
-
@Output() aegovToggleChange = new EventEmitter<AegovToggleCustomEvent<{ checked: boolean; value?: string }>>();
|
|
1785
|
-
@Output() aegovValidate = new EventEmitter<AegovToggleCustomEvent<IAegovToggleAegovValidationDetail<boolean>>>();
|
|
1786
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1787
|
-
c.detach();
|
|
1788
|
-
this.el = r.nativeElement;
|
|
1789
|
-
}
|
|
1790
|
-
}
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
import type { AegovToggleCustomEvent } from '@aegov/designsystem/components';
|
|
1794
|
-
import type { AegovValidationDetail as IAegovToggleAegovValidationDetail } from '@aegov/designsystem/components';
|
|
1795
|
-
|
|
1796
|
-
export declare interface AegovToggle extends Components.AegovToggle {
|
|
1797
|
-
/**
|
|
1798
|
-
* Emitted when the toggle checked state changes.
|
|
1799
|
-
*/
|
|
1800
|
-
aegovToggleChange: EventEmitter<AegovToggleCustomEvent<{ checked: boolean; value?: string }>>;
|
|
1801
|
-
/**
|
|
1802
|
-
* Unified validation event. See §2.3.
|
|
1803
|
-
*/
|
|
1804
|
-
aegovValidate: EventEmitter<AegovToggleCustomEvent<IAegovToggleAegovValidationDetail<boolean>>>;
|
|
1805
|
-
}
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
@ProxyCmp({
|
|
1809
|
-
defineCustomElementFn: defineAegovTooltip,
|
|
1810
|
-
inputs: ['align', 'content', 'delayEnd', 'delayStart', 'gap', 'isDisabled', 'offset', 'position', 'trigger']
|
|
1811
|
-
})
|
|
1812
|
-
@Component({
|
|
1813
|
-
selector: 'aegov-tooltip',
|
|
1814
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1815
|
-
template: '<ng-content></ng-content>',
|
|
1816
|
-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1817
|
-
inputs: ['align', 'content', 'delayEnd', 'delayStart', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
|
|
1818
|
-
})
|
|
1819
|
-
export class AegovTooltip {
|
|
1820
|
-
protected el: HTMLAegovTooltipElement;
|
|
1821
|
-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
|
|
1822
|
-
c.detach();
|
|
1823
|
-
this.el = r.nativeElement;
|
|
1824
|
-
}
|
|
1825
|
-
}
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
export declare interface AegovTooltip extends Components.AegovTooltip {}
|
|
1829
|
-
|
|
1830
|
-
|