@aegov/designsystem-angular 0.2.14 → 0.2.16

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.
@@ -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
-