@aegov/designsystem-angular 0.2.3 → 0.2.4

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,1829 +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', 'heading', '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', 'heading', '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: ['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: ['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<{ preventDefault: () => 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 drawer closes (cancellable)
657
- */
658
- aegovDrawerBeforeClose: EventEmitter<AegovDrawerCustomEvent<{ preventDefault: () => void }>>;
659
- /**
660
- * Emitted when backdrop is clicked
661
- */
662
- aegovDrawerBackdropClick: EventEmitter<AegovDrawerCustomEvent<MouseEvent>>;
663
- /**
664
- * Emitted when ESC key is pressed
665
- */
666
- aegovDrawerEscapePress: EventEmitter<AegovDrawerCustomEvent<KeyboardEvent>>;
667
- }
668
-
669
-
670
- @ProxyCmp({
671
- defineCustomElementFn: defineAegovDropdown,
672
- inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'tabBehavior', 'trigger'],
673
- methods: ['closeDropdown', 'toggle']
674
- })
675
- @Component({
676
- selector: 'aegov-dropdown',
677
- changeDetection: ChangeDetectionStrategy.OnPush,
678
- template: '<ng-content></ng-content>',
679
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
680
- inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'tabBehavior', 'trigger'],
681
- outputs: ['aegovDropdownOpen', 'aegovDropdownClose'],
682
- })
683
- export class AegovDropdown {
684
- protected el: HTMLAegovDropdownElement;
685
- @Output() aegovDropdownOpen = new EventEmitter<AegovDropdownCustomEvent<void>>();
686
- @Output() aegovDropdownClose = new EventEmitter<AegovDropdownCustomEvent<void>>();
687
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
688
- c.detach();
689
- this.el = r.nativeElement;
690
- }
691
- }
692
-
693
-
694
- import type { AegovDropdownCustomEvent } from '@aegov/designsystem/components';
695
-
696
- export declare interface AegovDropdown extends Components.AegovDropdown {
697
- /**
698
- * Emitted when dropdown opens
699
- */
700
- aegovDropdownOpen: EventEmitter<AegovDropdownCustomEvent<void>>;
701
- /**
702
- * Emitted when dropdown closes
703
- */
704
- aegovDropdownClose: EventEmitter<AegovDropdownCustomEvent<void>>;
705
- }
706
-
707
-
708
- @ProxyCmp({
709
- defineCustomElementFn: defineAegovFileupload,
710
- inputs: ['accept', 'appearance', 'errorMessage', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'label', 'labelButton', 'labelHelp', 'maxFileSize', 'maxFiles', 'name', 'size', 'variant'],
711
- methods: ['getFiles', 'clear', 'validate', 'setCustomValidity']
712
- })
713
- @Component({
714
- selector: 'aegov-fileupload',
715
- changeDetection: ChangeDetectionStrategy.OnPush,
716
- template: '<ng-content></ng-content>',
717
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
718
- inputs: ['accept', 'appearance', 'errorMessage', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'label', 'labelButton', 'labelHelp', 'maxFileSize', 'maxFiles', 'name', 'size', 'variant'],
719
- outputs: ['aegovFileuploadChange', 'aegovFileuploadRemove', 'aegovValidate'],
720
- })
721
- export class AegovFileupload {
722
- protected el: HTMLAegovFileuploadElement;
723
- @Output() aegovFileuploadChange = new EventEmitter<AegovFileuploadCustomEvent<{ files: File[] }>>();
724
- @Output() aegovFileuploadRemove = new EventEmitter<AegovFileuploadCustomEvent<{ file: File; remaining: File[] }>>();
725
- @Output() aegovValidate = new EventEmitter<AegovFileuploadCustomEvent<IAegovFileuploadAegovValidationDetail<File[]>>>();
726
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
727
- c.detach();
728
- this.el = r.nativeElement;
729
- }
730
- }
731
-
732
-
733
- import type { AegovFileuploadCustomEvent } from '@aegov/designsystem/components';
734
- import type { AegovValidationDetail as IAegovFileuploadAegovValidationDetail } from '@aegov/designsystem/components';
735
-
736
- export declare interface AegovFileupload extends Components.AegovFileupload {
737
- /**
738
- * Emitted when the file selection changes.
739
- */
740
- aegovFileuploadChange: EventEmitter<AegovFileuploadCustomEvent<{ files: File[] }>>;
741
- /**
742
- * Emitted when a file is removed from the list (button/dropzone appearances).
743
- */
744
- aegovFileuploadRemove: EventEmitter<AegovFileuploadCustomEvent<{ file: File; remaining: File[] }>>;
745
- /**
746
- * Unified validation event. See §2.3.
747
- */
748
- aegovValidate: EventEmitter<AegovFileuploadCustomEvent<IAegovFileuploadAegovValidationDetail<File[]>>>;
749
- }
750
-
751
-
752
- @ProxyCmp({
753
- defineCustomElementFn: defineAegovFormField,
754
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isInvalid', 'variant']
755
- })
756
- @Component({
757
- selector: 'aegov-form-field',
758
- changeDetection: ChangeDetectionStrategy.OnPush,
759
- template: '<ng-content></ng-content>',
760
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
761
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isInvalid', 'variant'],
762
- })
763
- export class AegovFormField {
764
- protected el: HTMLAegovFormFieldElement;
765
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
766
- c.detach();
767
- this.el = r.nativeElement;
768
- }
769
- }
770
-
771
-
772
- export declare interface AegovFormField extends Components.AegovFormField {}
773
-
774
-
775
- @ProxyCmp({
776
- defineCustomElementFn: defineAegovHeader,
777
- inputs: ['entityDomain', 'entityName', 'logoLabel', 'skipContentContainer', 'variant']
778
- })
779
- @Component({
780
- selector: 'aegov-header',
781
- changeDetection: ChangeDetectionStrategy.OnPush,
782
- template: '<ng-content></ng-content>',
783
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
784
- inputs: ['entityDomain', 'entityName', 'logoLabel', 'skipContentContainer', 'variant'],
785
- })
786
- export class AegovHeader {
787
- protected el: HTMLAegovHeaderElement;
788
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
789
- c.detach();
790
- this.el = r.nativeElement;
791
- }
792
- }
793
-
794
-
795
- export declare interface AegovHeader extends Components.AegovHeader {}
796
-
797
-
798
- @ProxyCmp({
799
- defineCustomElementFn: defineAegovHeaderBanner,
800
- inputs: ['entityDomain', 'entityName', 'skipContentContainer']
801
- })
802
- @Component({
803
- selector: 'aegov-header-banner',
804
- changeDetection: ChangeDetectionStrategy.OnPush,
805
- template: '<ng-content></ng-content>',
806
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
807
- inputs: ['entityDomain', 'entityName', 'skipContentContainer'],
808
- })
809
- export class AegovHeaderBanner {
810
- protected el: HTMLAegovHeaderBannerElement;
811
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
812
- c.detach();
813
- this.el = r.nativeElement;
814
- }
815
- }
816
-
817
-
818
- export declare interface AegovHeaderBanner extends Components.AegovHeaderBanner {}
819
-
820
-
821
- @ProxyCmp({
822
- defineCustomElementFn: defineAegovInput,
823
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'isRevealable', 'name', 'placeholder', 'size', 'type', 'value', 'variant'],
824
- methods: ['validate', 'setCustomValidity']
825
- })
826
- @Component({
827
- selector: 'aegov-input',
828
- changeDetection: ChangeDetectionStrategy.OnPush,
829
- template: '<ng-content></ng-content>',
830
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
831
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'isRevealable', 'name', 'placeholder', 'size', 'type', 'value', 'variant'],
832
- outputs: ['aegovInputChange', 'aegovInputValue', 'aegovInputFocus', 'aegovInputBlur', 'aegovValidate'],
833
- })
834
- export class AegovInput {
835
- protected el: HTMLAegovInputElement;
836
- @Output() aegovInputChange = new EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>();
837
- @Output() aegovInputValue = new EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>();
838
- @Output() aegovInputFocus = new EventEmitter<AegovInputCustomEvent<FocusEvent>>();
839
- @Output() aegovInputBlur = new EventEmitter<AegovInputCustomEvent<FocusEvent>>();
840
- @Output() aegovValidate = new EventEmitter<AegovInputCustomEvent<IAegovInputAegovValidationDetail<string>>>();
841
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
842
- c.detach();
843
- this.el = r.nativeElement;
844
- }
845
- }
846
-
847
-
848
- import type { AegovInputCustomEvent } from '@aegov/designsystem/components';
849
- import type { AegovValidationDetail as IAegovInputAegovValidationDetail } from '@aegov/designsystem/components';
850
-
851
- export declare interface AegovInput extends Components.AegovInput {
852
- /**
853
- * Emitted when the input value changes (on blur/enter).
854
- */
855
- aegovInputChange: EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>;
856
- /**
857
- * Emitted on every keystroke.
858
- */
859
- aegovInputValue: EventEmitter<AegovInputCustomEvent<{ value: string; event: globalThis.Event }>>;
860
- /**
861
- * Emitted when the input gains focus.
862
- */
863
- aegovInputFocus: EventEmitter<AegovInputCustomEvent<FocusEvent>>;
864
- /**
865
- * Emitted when the input loses focus.
866
- */
867
- aegovInputBlur: EventEmitter<AegovInputCustomEvent<FocusEvent>>;
868
- /**
869
- * Unified validation event emitted on input/change/blur/manual triggers.
870
- Carries full validity snapshot for orchestrators (Layer 2) and BYO consumers.
871
- See validation-engine-addon.md §2.3.
872
- */
873
- aegovValidate: EventEmitter<AegovInputCustomEvent<IAegovInputAegovValidationDetail<string>>>;
874
- }
875
-
876
-
877
- @ProxyCmp({
878
- defineCustomElementFn: defineAegovInputGroup,
879
- inputs: ['addonPrefix', 'addonSuffix', 'extraClass', 'groupLabel', 'size', 'variant']
880
- })
881
- @Component({
882
- selector: 'aegov-input-group',
883
- changeDetection: ChangeDetectionStrategy.OnPush,
884
- template: '<ng-content></ng-content>',
885
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
886
- inputs: ['addonPrefix', 'addonSuffix', 'extraClass', 'groupLabel', 'size', 'variant'],
887
- })
888
- export class AegovInputGroup {
889
- protected el: HTMLAegovInputGroupElement;
890
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
891
- c.detach();
892
- this.el = r.nativeElement;
893
- }
894
- }
895
-
896
-
897
- export declare interface AegovInputGroup extends Components.AegovInputGroup {}
898
-
899
-
900
- @ProxyCmp({
901
- defineCustomElementFn: defineAegovLabel,
902
- inputs: ['extraClass', 'fieldId', 'htmlFor', 'variant']
903
- })
904
- @Component({
905
- selector: 'aegov-label',
906
- changeDetection: ChangeDetectionStrategy.OnPush,
907
- template: '<ng-content></ng-content>',
908
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
909
- inputs: ['extraClass', 'fieldId', 'htmlFor', 'variant'],
910
- })
911
- export class AegovLabel {
912
- protected el: HTMLAegovLabelElement;
913
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
914
- c.detach();
915
- this.el = r.nativeElement;
916
- }
917
- }
918
-
919
-
920
- export declare interface AegovLabel extends Components.AegovLabel {}
921
-
922
-
923
- @ProxyCmp({
924
- defineCustomElementFn: defineAegovLink,
925
- inputs: ['appearance', 'extraClass', 'fieldId', 'href', 'isBold', 'isDisabled', 'isFull', 'isIcon', 'rel', 'size', 'target', 'variant']
926
- })
927
- @Component({
928
- selector: 'aegov-link',
929
- changeDetection: ChangeDetectionStrategy.OnPush,
930
- template: '<ng-content></ng-content>',
931
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
932
- inputs: ['appearance', 'extraClass', 'fieldId', { name: 'href', required: true }, 'isBold', 'isDisabled', 'isFull', 'isIcon', 'rel', 'size', 'target', 'variant'],
933
- outputs: ['aegovLinkClick'],
934
- })
935
- export class AegovLink {
936
- protected el: HTMLAegovLinkElement;
937
- @Output() aegovLinkClick = new EventEmitter<AegovLinkCustomEvent<{ href: string; event: MouseEvent }>>();
938
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
939
- c.detach();
940
- this.el = r.nativeElement;
941
- }
942
- }
943
-
944
-
945
- import type { AegovLinkCustomEvent } from '@aegov/designsystem/components';
946
-
947
- export declare interface AegovLink extends Components.AegovLink {
948
- /**
949
- * Emitted when the link is clicked.
950
- The event detail contains the href and can be used to implement custom navigation.
951
- */
952
- aegovLinkClick: EventEmitter<AegovLinkCustomEvent<{ href: string; event: MouseEvent }>>;
953
- }
954
-
955
-
956
- @ProxyCmp({
957
- defineCustomElementFn: defineAegovModal,
958
- inputs: ['fieldId', 'isCloseWithOverlay', 'isOpen', 'isPadding', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
959
- methods: ['show', 'close', 'toggle']
960
- })
961
- @Component({
962
- selector: 'aegov-modal',
963
- changeDetection: ChangeDetectionStrategy.OnPush,
964
- template: '<ng-content></ng-content>',
965
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
966
- inputs: ['fieldId', 'isCloseWithOverlay', 'isOpen', 'isPadding', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
967
- outputs: ['aegovModalOpen', 'aegovModalClose', 'aegovModalBeforeClose', 'aegovModalBackdropClick', 'aegovModalEscapePress'],
968
- })
969
- export class AegovModal {
970
- protected el: HTMLAegovModalElement;
971
- @Output() aegovModalOpen = new EventEmitter<AegovModalCustomEvent<void>>();
972
- @Output() aegovModalClose = new EventEmitter<AegovModalCustomEvent<void>>();
973
- @Output() aegovModalBeforeClose = new EventEmitter<AegovModalCustomEvent<void>>();
974
- @Output() aegovModalBackdropClick = new EventEmitter<AegovModalCustomEvent<MouseEvent>>();
975
- @Output() aegovModalEscapePress = new EventEmitter<AegovModalCustomEvent<KeyboardEvent>>();
976
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
977
- c.detach();
978
- this.el = r.nativeElement;
979
- }
980
- }
981
-
982
-
983
- import type { AegovModalCustomEvent } from '@aegov/designsystem/components';
984
-
985
- export declare interface AegovModal extends Components.AegovModal {
986
- /**
987
- * Emitted when modal is opened
988
- */
989
- aegovModalOpen: EventEmitter<AegovModalCustomEvent<void>>;
990
- /**
991
- * Emitted when modal is closed
992
- */
993
- aegovModalClose: EventEmitter<AegovModalCustomEvent<void>>;
994
- /**
995
- * Emitted before modal closes (cancellable)
996
- */
997
- aegovModalBeforeClose: EventEmitter<AegovModalCustomEvent<void>>;
998
- /**
999
- * Emitted when backdrop is clicked
1000
- */
1001
- aegovModalBackdropClick: EventEmitter<AegovModalCustomEvent<MouseEvent>>;
1002
- /**
1003
- * Emitted when ESC key is pressed
1004
- */
1005
- aegovModalEscapePress: EventEmitter<AegovModalCustomEvent<KeyboardEvent>>;
1006
- }
1007
-
1008
-
1009
- @ProxyCmp({
1010
- defineCustomElementFn: defineAegovNavbar,
1011
- inputs: ['gap', 'labelNav', 'size']
1012
- })
1013
- @Component({
1014
- selector: 'aegov-navbar',
1015
- changeDetection: ChangeDetectionStrategy.OnPush,
1016
- template: '<ng-content></ng-content>',
1017
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1018
- inputs: ['gap', 'labelNav', 'size'],
1019
- })
1020
- export class AegovNavbar {
1021
- protected el: HTMLAegovNavbarElement;
1022
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1023
- c.detach();
1024
- this.el = r.nativeElement;
1025
- }
1026
- }
1027
-
1028
-
1029
- export declare interface AegovNavbar extends Components.AegovNavbar {}
1030
-
1031
-
1032
- @ProxyCmp({
1033
- defineCustomElementFn: defineAegovNavbarItem,
1034
- inputs: ['href', 'isActive', 'isDisabled', 'rel', 'size', 'target']
1035
- })
1036
- @Component({
1037
- selector: 'aegov-navbar-item',
1038
- changeDetection: ChangeDetectionStrategy.OnPush,
1039
- template: '<ng-content></ng-content>',
1040
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1041
- inputs: ['href', 'isActive', 'isDisabled', 'rel', 'size', 'target'],
1042
- })
1043
- export class AegovNavbarItem {
1044
- protected el: HTMLAegovNavbarItemElement;
1045
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1046
- c.detach();
1047
- this.el = r.nativeElement;
1048
- }
1049
- }
1050
-
1051
-
1052
- export declare interface AegovNavbarItem extends Components.AegovNavbarItem {}
1053
-
1054
-
1055
- @ProxyCmp({
1056
- defineCustomElementFn: defineAegovNavblock,
1057
- inputs: ['activeBorder', 'blockTitle', 'fieldId', 'icon', 'isBordered', 'isMultiple', 'labelNav', 'size', 'variant']
1058
- })
1059
- @Component({
1060
- selector: 'aegov-navblock',
1061
- changeDetection: ChangeDetectionStrategy.OnPush,
1062
- template: '<ng-content></ng-content>',
1063
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1064
- inputs: ['activeBorder', 'blockTitle', 'fieldId', 'icon', 'isBordered', 'isMultiple', 'labelNav', 'size', 'variant'],
1065
- })
1066
- export class AegovNavblock {
1067
- protected el: HTMLAegovNavblockElement;
1068
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1069
- c.detach();
1070
- this.el = r.nativeElement;
1071
- }
1072
- }
1073
-
1074
-
1075
- export declare interface AegovNavblock extends Components.AegovNavblock {}
1076
-
1077
-
1078
- @ProxyCmp({
1079
- defineCustomElementFn: defineAegovNavblockItem,
1080
- inputs: ['href', 'isActive', 'isDisabled', 'isOpen', 'rel', 'target']
1081
- })
1082
- @Component({
1083
- selector: 'aegov-navblock-item',
1084
- changeDetection: ChangeDetectionStrategy.OnPush,
1085
- template: '<ng-content></ng-content>',
1086
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1087
- inputs: ['href', 'isActive', 'isDisabled', 'isOpen', 'rel', 'target'],
1088
- outputs: ['aegovNavblockItemToggle'],
1089
- })
1090
- export class AegovNavblockItem {
1091
- protected el: HTMLAegovNavblockItemElement;
1092
- @Output() aegovNavblockItemToggle = new EventEmitter<AegovNavblockItemCustomEvent<{ open: boolean }>>();
1093
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1094
- c.detach();
1095
- this.el = r.nativeElement;
1096
- }
1097
- }
1098
-
1099
-
1100
- import type { AegovNavblockItemCustomEvent } from '@aegov/designsystem/components';
1101
-
1102
- export declare interface AegovNavblockItem extends Components.AegovNavblockItem {
1103
- /**
1104
- * Emitted when the row toggles its sub-region.
1105
- */
1106
- aegovNavblockItemToggle: EventEmitter<AegovNavblockItemCustomEvent<{ open: boolean }>>;
1107
- }
1108
-
1109
-
1110
- @ProxyCmp({
1111
- defineCustomElementFn: defineAegovOtp,
1112
- inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isAlphanumeric', 'isDisabled', 'isInvalid', 'isRequired', 'length', 'name', 'pattern', 'size', 'value', 'variant'],
1113
- methods: ['clear', 'validate', 'setCustomValidity']
1114
- })
1115
- @Component({
1116
- selector: 'aegov-otp',
1117
- changeDetection: ChangeDetectionStrategy.OnPush,
1118
- template: '<ng-content></ng-content>',
1119
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1120
- inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isAlphanumeric', 'isDisabled', 'isInvalid', 'isRequired', 'length', 'name', 'pattern', 'size', 'value', 'variant'],
1121
- outputs: ['aegovOtpChange', 'aegovOtpComplete', 'aegovValidate'],
1122
- })
1123
- export class AegovOtp {
1124
- protected el: HTMLAegovOtpElement;
1125
- @Output() aegovOtpChange = new EventEmitter<AegovOtpCustomEvent<{ value: string }>>();
1126
- @Output() aegovOtpComplete = new EventEmitter<AegovOtpCustomEvent<{ value: string }>>();
1127
- @Output() aegovValidate = new EventEmitter<AegovOtpCustomEvent<IAegovOtpAegovValidationDetail<string>>>();
1128
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1129
- c.detach();
1130
- this.el = r.nativeElement;
1131
- }
1132
- }
1133
-
1134
-
1135
- import type { AegovOtpCustomEvent } from '@aegov/designsystem/components';
1136
- import type { AegovValidationDetail as IAegovOtpAegovValidationDetail } from '@aegov/designsystem/components';
1137
-
1138
- export declare interface AegovOtp extends Components.AegovOtp {
1139
- /**
1140
- * Fires on every character change with the current value.
1141
- */
1142
- aegovOtpChange: EventEmitter<AegovOtpCustomEvent<{ value: string }>>;
1143
- /**
1144
- * Fires when all cells are filled (and pattern is valid if set).
1145
- */
1146
- aegovOtpComplete: EventEmitter<AegovOtpCustomEvent<{ value: string }>>;
1147
- /**
1148
- * Unified validation event. See §2.3.
1149
- */
1150
- aegovValidate: EventEmitter<AegovOtpCustomEvent<IAegovOtpAegovValidationDetail<string>>>;
1151
- }
1152
-
1153
-
1154
- @ProxyCmp({
1155
- defineCustomElementFn: defineAegovPagination,
1156
- inputs: ['countBoundary', 'countSibling', 'fieldId', 'isDisabled', 'isEnabledFirstLast', 'labelFirst', 'labelLast', 'labelNext', 'labelPrev', 'pageCurrent', 'pages', 'size', 'variant']
1157
- })
1158
- @Component({
1159
- selector: 'aegov-pagination',
1160
- changeDetection: ChangeDetectionStrategy.OnPush,
1161
- template: '<ng-content></ng-content>',
1162
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1163
- inputs: ['countBoundary', 'countSibling', 'fieldId', 'isDisabled', 'isEnabledFirstLast', 'labelFirst', 'labelLast', 'labelNext', 'labelPrev', 'pageCurrent', 'pages', 'size', 'variant'],
1164
- outputs: ['aegovPaginationPageChange'],
1165
- })
1166
- export class AegovPagination {
1167
- protected el: HTMLAegovPaginationElement;
1168
- @Output() aegovPaginationPageChange = new EventEmitter<AegovPaginationCustomEvent<number>>();
1169
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1170
- c.detach();
1171
- this.el = r.nativeElement;
1172
- }
1173
- }
1174
-
1175
-
1176
- import type { AegovPaginationCustomEvent } from '@aegov/designsystem/components';
1177
-
1178
- export declare interface AegovPagination extends Components.AegovPagination {
1179
- /**
1180
- * Emitted when a page is selected. The event detail is the new page number (1-indexed).
1181
- Update pageCurrent in response to this event.
1182
- */
1183
- aegovPaginationPageChange: EventEmitter<AegovPaginationCustomEvent<number>>;
1184
- }
1185
-
1186
-
1187
- @ProxyCmp({
1188
- defineCustomElementFn: defineAegovPopover,
1189
- inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
1190
- methods: ['closePopover']
1191
- })
1192
- @Component({
1193
- selector: 'aegov-popover',
1194
- changeDetection: ChangeDetectionStrategy.OnPush,
1195
- template: '<ng-content></ng-content>',
1196
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1197
- inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
1198
- outputs: ['aegovPopoverOpen', 'aegovPopoverClose'],
1199
- })
1200
- export class AegovPopover {
1201
- protected el: HTMLAegovPopoverElement;
1202
- @Output() aegovPopoverOpen = new EventEmitter<AegovPopoverCustomEvent<void>>();
1203
- @Output() aegovPopoverClose = new EventEmitter<AegovPopoverCustomEvent<void>>();
1204
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1205
- c.detach();
1206
- this.el = r.nativeElement;
1207
- }
1208
- }
1209
-
1210
-
1211
- import type { AegovPopoverCustomEvent } from '@aegov/designsystem/components';
1212
-
1213
- export declare interface AegovPopover extends Components.AegovPopover {
1214
- /**
1215
- * Emitted when popover opens
1216
- */
1217
- aegovPopoverOpen: EventEmitter<AegovPopoverCustomEvent<void>>;
1218
- /**
1219
- * Emitted when popover closes
1220
- */
1221
- aegovPopoverClose: EventEmitter<AegovPopoverCustomEvent<void>>;
1222
- }
1223
-
1224
-
1225
- @ProxyCmp({
1226
- defineCustomElementFn: defineAegovProgress,
1227
- inputs: ['counter', 'counterSuffix', 'description', 'extraClass', 'fieldId', 'height', 'label', 'max', 'value']
1228
- })
1229
- @Component({
1230
- selector: 'aegov-progress',
1231
- changeDetection: ChangeDetectionStrategy.OnPush,
1232
- template: '<ng-content></ng-content>',
1233
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1234
- inputs: ['counter', 'counterSuffix', 'description', 'extraClass', 'fieldId', 'height', 'label', 'max', 'value'],
1235
- })
1236
- export class AegovProgress {
1237
- protected el: HTMLAegovProgressElement;
1238
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1239
- c.detach();
1240
- this.el = r.nativeElement;
1241
- }
1242
- }
1243
-
1244
-
1245
- export declare interface AegovProgress extends Components.AegovProgress {}
1246
-
1247
-
1248
- @ProxyCmp({
1249
- defineCustomElementFn: defineAegovRadio,
1250
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
1251
- methods: ['validate', 'setCustomValidity']
1252
- })
1253
- @Component({
1254
- selector: 'aegov-radio',
1255
- changeDetection: ChangeDetectionStrategy.OnPush,
1256
- template: '<ng-content></ng-content>',
1257
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1258
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
1259
- outputs: ['aegovRadioChange', 'aegovValidate'],
1260
- })
1261
- export class AegovRadio {
1262
- protected el: HTMLAegovRadioElement;
1263
- @Output() aegovRadioChange = new EventEmitter<AegovRadioCustomEvent<{ checked: boolean; value?: string }>>();
1264
- @Output() aegovValidate = new EventEmitter<AegovRadioCustomEvent<IAegovRadioAegovValidationDetail<boolean>>>();
1265
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1266
- c.detach();
1267
- this.el = r.nativeElement;
1268
- }
1269
- }
1270
-
1271
-
1272
- import type { AegovRadioCustomEvent } from '@aegov/designsystem/components';
1273
- import type { AegovValidationDetail as IAegovRadioAegovValidationDetail } from '@aegov/designsystem/components';
1274
-
1275
- export declare interface AegovRadio extends Components.AegovRadio {
1276
- /**
1277
- * Emitted when the radio checked state changes.
1278
- */
1279
- aegovRadioChange: EventEmitter<AegovRadioCustomEvent<{ checked: boolean; value?: string }>>;
1280
- /**
1281
- * Unified validation event. See §2.3.
1282
- */
1283
- aegovValidate: EventEmitter<AegovRadioCustomEvent<IAegovRadioAegovValidationDetail<boolean>>>;
1284
- }
1285
-
1286
-
1287
- @ProxyCmp({
1288
- defineCustomElementFn: defineAegovRadioGroup,
1289
- inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'orientation', 'size', 'variant'],
1290
- methods: ['validate', 'setCustomValidity']
1291
- })
1292
- @Component({
1293
- selector: 'aegov-radio-group',
1294
- changeDetection: ChangeDetectionStrategy.OnPush,
1295
- template: '<ng-content></ng-content>',
1296
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1297
- inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', { name: 'name', required: true }, 'orientation', 'size', 'variant'],
1298
- outputs: ['aegovRadioGroupChange', 'aegovValidate'],
1299
- })
1300
- export class AegovRadioGroup {
1301
- protected el: HTMLAegovRadioGroupElement;
1302
- @Output() aegovRadioGroupChange = new EventEmitter<AegovRadioGroupCustomEvent<{ value: string | undefined }>>();
1303
- @Output() aegovValidate = new EventEmitter<AegovRadioGroupCustomEvent<IAegovRadioGroupAegovValidationDetail<string | undefined>>>();
1304
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1305
- c.detach();
1306
- this.el = r.nativeElement;
1307
- }
1308
- }
1309
-
1310
-
1311
- import type { AegovRadioGroupCustomEvent } from '@aegov/designsystem/components';
1312
- import type { AegovValidationDetail as IAegovRadioGroupAegovValidationDetail } from '@aegov/designsystem/components';
1313
-
1314
- export declare interface AegovRadioGroup extends Components.AegovRadioGroup {
1315
- /**
1316
- * Emitted when the selected radio changes. Contains the selected value.
1317
- */
1318
- aegovRadioGroupChange: EventEmitter<AegovRadioGroupCustomEvent<{ value: string | undefined }>>;
1319
- /**
1320
- * Unified validation event (group-level aggregate). See §2.3.
1321
- */
1322
- aegovValidate: EventEmitter<AegovRadioGroupCustomEvent<IAegovRadioGroupAegovValidationDetail<string | undefined>>>;
1323
- }
1324
-
1325
-
1326
- @ProxyCmp({
1327
- defineCustomElementFn: defineAegovRange,
1328
- inputs: ['display', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'max', 'min', 'mode', 'name', 'orientation', 'size', 'step', 'value', 'valueHigh', 'valueLow', 'variant'],
1329
- methods: ['validate', 'setCustomValidity']
1330
- })
1331
- @Component({
1332
- selector: 'aegov-range',
1333
- changeDetection: ChangeDetectionStrategy.OnPush,
1334
- template: '<ng-content></ng-content>',
1335
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1336
- inputs: ['display', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'max', 'min', 'mode', 'name', 'orientation', 'size', 'step', 'value', 'valueHigh', 'valueLow', 'variant'],
1337
- outputs: ['aegovRangeInput', 'aegovRangeChange', 'aegovValidate'],
1338
- })
1339
- export class AegovRange {
1340
- protected el: HTMLAegovRangeElement;
1341
- @Output() aegovRangeInput = new EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>();
1342
- @Output() aegovRangeChange = new EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>();
1343
- @Output() aegovValidate = new EventEmitter<AegovRangeCustomEvent<IAegovRangeAegovValidationDetail<IAegovRangeAegovRangeValue>>>();
1344
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1345
- c.detach();
1346
- this.el = r.nativeElement;
1347
- }
1348
- }
1349
-
1350
-
1351
- import type { AegovRangeCustomEvent } from '@aegov/designsystem/components';
1352
- import type { AegovValidationDetail as IAegovRangeAegovValidationDetail } from '@aegov/designsystem/components';
1353
- import type { AegovRangeValue as IAegovRangeAegovRangeValue } from '@aegov/designsystem/components';
1354
-
1355
- export declare interface AegovRange extends Components.AegovRange {
1356
- /**
1357
- * Emitted during drag on every value update.
1358
- */
1359
- aegovRangeInput: EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>;
1360
- /**
1361
- * Emitted on release (value committed).
1362
- */
1363
- aegovRangeChange: EventEmitter<AegovRangeCustomEvent<{ value?: number; valueLow?: number; valueHigh?: number }>>;
1364
- /**
1365
- * Unified validation event. See §2.3.
1366
- */
1367
- aegovValidate: EventEmitter<AegovRangeCustomEvent<IAegovRangeAegovValidationDetail<IAegovRangeAegovRangeValue>>>;
1368
- }
1369
-
1370
-
1371
- @ProxyCmp({
1372
- defineCustomElementFn: defineAegovSelect,
1373
- inputs: ['appearance', 'emptyMessage', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isClearable', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'isSearchable', 'name', 'placeholder', 'size', 'value', 'variant', 'visibleItems'],
1374
- methods: ['validate', 'setCustomValidity']
1375
- })
1376
- @Component({
1377
- selector: 'aegov-select',
1378
- changeDetection: ChangeDetectionStrategy.OnPush,
1379
- template: '<ng-content></ng-content>',
1380
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1381
- inputs: ['appearance', 'emptyMessage', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isClearable', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'isSearchable', 'name', 'placeholder', 'size', 'value', 'variant', 'visibleItems'],
1382
- outputs: ['aegovSelectChange', 'aegovSelectOpen', 'aegovSelectClose', 'aegovValidate'],
1383
- })
1384
- export class AegovSelect {
1385
- protected el: HTMLAegovSelectElement;
1386
- @Output() aegovSelectChange = new EventEmitter<AegovSelectCustomEvent<IAegovSelectSelectChangeDetail>>();
1387
- @Output() aegovSelectOpen = new EventEmitter<AegovSelectCustomEvent<void>>();
1388
- @Output() aegovSelectClose = new EventEmitter<AegovSelectCustomEvent<void>>();
1389
- @Output() aegovValidate = new EventEmitter<AegovSelectCustomEvent<IAegovSelectAegovValidationDetail<IAegovSelectAegovSelectValue>>>();
1390
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1391
- c.detach();
1392
- this.el = r.nativeElement;
1393
- }
1394
- }
1395
-
1396
-
1397
- import type { AegovSelectCustomEvent } from '@aegov/designsystem/components';
1398
- import type { SelectChangeDetail as IAegovSelectSelectChangeDetail } from '@aegov/designsystem/components';
1399
- import type { AegovValidationDetail as IAegovSelectAegovValidationDetail } from '@aegov/designsystem/components';
1400
- import type { AegovSelectValue as IAegovSelectAegovSelectValue } from '@aegov/designsystem/components';
1401
-
1402
- export declare interface AegovSelect extends Components.AegovSelect {
1403
- /**
1404
- * Emitted when the selected value changes.
1405
- */
1406
- aegovSelectChange: EventEmitter<AegovSelectCustomEvent<IAegovSelectSelectChangeDetail>>;
1407
- /**
1408
- * Emitted when the dropdown opens (listbox appearance).
1409
- */
1410
- aegovSelectOpen: EventEmitter<AegovSelectCustomEvent<void>>;
1411
- /**
1412
- * Emitted when the dropdown closes (listbox appearance).
1413
- */
1414
- aegovSelectClose: EventEmitter<AegovSelectCustomEvent<void>>;
1415
- /**
1416
- * Unified validation event. See §2.3.
1417
- */
1418
- aegovValidate: EventEmitter<AegovSelectCustomEvent<IAegovSelectAegovValidationDetail<IAegovSelectAegovSelectValue>>>;
1419
- }
1420
-
1421
-
1422
- @ProxyCmp({
1423
- defineCustomElementFn: defineAegovSelectOption,
1424
- inputs: ['isDisabled', 'value']
1425
- })
1426
- @Component({
1427
- selector: 'aegov-select-option',
1428
- changeDetection: ChangeDetectionStrategy.OnPush,
1429
- template: '<ng-content></ng-content>',
1430
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1431
- inputs: ['isDisabled', 'value'],
1432
- })
1433
- export class AegovSelectOption {
1434
- protected el: HTMLAegovSelectOptionElement;
1435
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1436
- c.detach();
1437
- this.el = r.nativeElement;
1438
- }
1439
- }
1440
-
1441
-
1442
- export declare interface AegovSelectOption extends Components.AegovSelectOption {}
1443
-
1444
-
1445
- @ProxyCmp({
1446
- defineCustomElementFn: defineAegovSelectOptionGroup,
1447
- inputs: ['label']
1448
- })
1449
- @Component({
1450
- selector: 'aegov-select-option-group',
1451
- changeDetection: ChangeDetectionStrategy.OnPush,
1452
- template: '<ng-content></ng-content>',
1453
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1454
- inputs: ['label'],
1455
- })
1456
- export class AegovSelectOptionGroup {
1457
- protected el: HTMLAegovSelectOptionGroupElement;
1458
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1459
- c.detach();
1460
- this.el = r.nativeElement;
1461
- }
1462
- }
1463
-
1464
-
1465
- export declare interface AegovSelectOptionGroup extends Components.AegovSelectOptionGroup {}
1466
-
1467
-
1468
- @ProxyCmp({
1469
- defineCustomElementFn: defineAegovSeparator,
1470
- inputs: ['appearance', 'extraClass', 'gap', 'isDecorative', 'orientation', 'text', 'variant']
1471
- })
1472
- @Component({
1473
- selector: 'aegov-separator',
1474
- changeDetection: ChangeDetectionStrategy.OnPush,
1475
- template: '<ng-content></ng-content>',
1476
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1477
- inputs: ['appearance', 'extraClass', 'gap', 'isDecorative', 'orientation', 'text', 'variant'],
1478
- })
1479
- export class AegovSeparator {
1480
- protected el: HTMLAegovSeparatorElement;
1481
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1482
- c.detach();
1483
- this.el = r.nativeElement;
1484
- }
1485
- }
1486
-
1487
-
1488
- export declare interface AegovSeparator extends Components.AegovSeparator {}
1489
-
1490
-
1491
- @ProxyCmp({
1492
- defineCustomElementFn: defineAegovTab,
1493
- inputs: ['activeTabId', 'isDisabled', 'orientation', 'size', 'tabId', 'variant']
1494
- })
1495
- @Component({
1496
- selector: 'aegov-tab',
1497
- changeDetection: ChangeDetectionStrategy.OnPush,
1498
- template: '<ng-content></ng-content>',
1499
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1500
- inputs: ['activeTabId', 'isDisabled', 'orientation', 'size', { name: 'tabId', required: true }, 'variant'],
1501
- outputs: ['aegovTabSelect'],
1502
- })
1503
- export class AegovTab {
1504
- protected el: HTMLAegovTabElement;
1505
- @Output() aegovTabSelect = new EventEmitter<AegovTabCustomEvent<string>>();
1506
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1507
- c.detach();
1508
- this.el = r.nativeElement;
1509
- }
1510
- }
1511
-
1512
-
1513
- import type { AegovTabCustomEvent } from '@aegov/designsystem/components';
1514
-
1515
- export declare interface AegovTab extends Components.AegovTab {
1516
- /**
1517
- * Emitted when this tab is clicked. Bubbles up to the parent aegov-tabs. @event aegovTabSelect
1518
- */
1519
- aegovTabSelect: EventEmitter<AegovTabCustomEvent<string>>;
1520
- }
1521
-
1522
-
1523
- @ProxyCmp({
1524
- defineCustomElementFn: defineAegovTabPanel,
1525
- inputs: ['active', 'extraClass', 'tabId']
1526
- })
1527
- @Component({
1528
- selector: 'aegov-tab-panel',
1529
- changeDetection: ChangeDetectionStrategy.OnPush,
1530
- template: '<ng-content></ng-content>',
1531
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1532
- inputs: ['active', 'extraClass', { name: 'tabId', required: true }],
1533
- })
1534
- export class AegovTabPanel {
1535
- protected el: HTMLAegovTabPanelElement;
1536
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1537
- c.detach();
1538
- this.el = r.nativeElement;
1539
- }
1540
- }
1541
-
1542
-
1543
- export declare interface AegovTabPanel extends Components.AegovTabPanel {}
1544
-
1545
-
1546
- @ProxyCmp({
1547
- defineCustomElementFn: defineAegovTabs,
1548
- inputs: ['defaultOpen', 'fieldId', 'isScrollable', 'isStretchable', 'labelTablist', 'orientation', 'size', 'variant']
1549
- })
1550
- @Component({
1551
- selector: 'aegov-tabs',
1552
- changeDetection: ChangeDetectionStrategy.OnPush,
1553
- template: '<ng-content></ng-content>',
1554
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1555
- inputs: ['defaultOpen', 'fieldId', 'isScrollable', 'isStretchable', 'labelTablist', 'orientation', 'size', 'variant'],
1556
- outputs: ['aegovTabChange'],
1557
- })
1558
- export class AegovTabs {
1559
- protected el: HTMLAegovTabsElement;
1560
- @Output() aegovTabChange = new EventEmitter<AegovTabsCustomEvent<string>>();
1561
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1562
- c.detach();
1563
- this.el = r.nativeElement;
1564
- }
1565
- }
1566
-
1567
-
1568
- import type { AegovTabsCustomEvent } from '@aegov/designsystem/components';
1569
-
1570
- export declare interface AegovTabs extends Components.AegovTabs {
1571
- /**
1572
- * Emitted when the active tab changes.
1573
- Event detail contains the new active tab-id string. @event aegovTabChange
1574
- */
1575
- aegovTabChange: EventEmitter<AegovTabsCustomEvent<string>>;
1576
- }
1577
-
1578
-
1579
- @ProxyCmp({
1580
- defineCustomElementFn: defineAegovText,
1581
- inputs: ['extraClass', 'size']
1582
- })
1583
- @Component({
1584
- selector: 'aegov-text',
1585
- changeDetection: ChangeDetectionStrategy.OnPush,
1586
- template: '<ng-content></ng-content>',
1587
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1588
- inputs: ['extraClass', 'size'],
1589
- })
1590
- export class AegovText {
1591
- protected el: HTMLAegovTextElement;
1592
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1593
- c.detach();
1594
- this.el = r.nativeElement;
1595
- }
1596
- }
1597
-
1598
-
1599
- export declare interface AegovText extends Components.AegovText {}
1600
-
1601
-
1602
- @ProxyCmp({
1603
- defineCustomElementFn: defineAegovTextarea,
1604
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'maxlength', 'name', 'placeholder', 'resize', 'size', 'value', 'variant'],
1605
- methods: ['validate', 'setCustomValidity']
1606
- })
1607
- @Component({
1608
- selector: 'aegov-textarea',
1609
- changeDetection: ChangeDetectionStrategy.OnPush,
1610
- template: '<ng-content></ng-content>',
1611
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1612
- inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'maxlength', 'name', 'placeholder', 'resize', 'size', 'value', 'variant'],
1613
- outputs: ['aegovTextareaChange', 'aegovTextareaInput', 'aegovTextareaFocus', 'aegovTextareaBlur', 'aegovValidate'],
1614
- })
1615
- export class AegovTextarea {
1616
- protected el: HTMLAegovTextareaElement;
1617
- @Output() aegovTextareaChange = new EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>();
1618
- @Output() aegovTextareaInput = new EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>();
1619
- @Output() aegovTextareaFocus = new EventEmitter<AegovTextareaCustomEvent<FocusEvent>>();
1620
- @Output() aegovTextareaBlur = new EventEmitter<AegovTextareaCustomEvent<FocusEvent>>();
1621
- @Output() aegovValidate = new EventEmitter<AegovTextareaCustomEvent<IAegovTextareaAegovValidationDetail<string>>>();
1622
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1623
- c.detach();
1624
- this.el = r.nativeElement;
1625
- }
1626
- }
1627
-
1628
-
1629
- import type { AegovTextareaCustomEvent } from '@aegov/designsystem/components';
1630
- import type { AegovValidationDetail as IAegovTextareaAegovValidationDetail } from '@aegov/designsystem/components';
1631
-
1632
- export declare interface AegovTextarea extends Components.AegovTextarea {
1633
- /**
1634
- * Emitted when the textarea value changes (on blur).
1635
- */
1636
- aegovTextareaChange: EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>;
1637
- /**
1638
- * Emitted on every keystroke.
1639
- */
1640
- aegovTextareaInput: EventEmitter<AegovTextareaCustomEvent<{ value: string; event: globalThis.Event }>>;
1641
- /**
1642
- * Emitted when the textarea gains focus.
1643
- */
1644
- aegovTextareaFocus: EventEmitter<AegovTextareaCustomEvent<FocusEvent>>;
1645
- /**
1646
- * Emitted when the textarea loses focus.
1647
- */
1648
- aegovTextareaBlur: EventEmitter<AegovTextareaCustomEvent<FocusEvent>>;
1649
- /**
1650
- * Unified validation event. See validation-engine-addon.md §2.3.
1651
- */
1652
- aegovValidate: EventEmitter<AegovTextareaCustomEvent<IAegovTextareaAegovValidationDetail<string>>>;
1653
- }
1654
-
1655
-
1656
- @ProxyCmp({
1657
- defineCustomElementFn: defineAegovTimeline,
1658
- inputs: ['fieldId', 'orientation', 'size', 'variant']
1659
- })
1660
- @Component({
1661
- selector: 'aegov-timeline',
1662
- changeDetection: ChangeDetectionStrategy.OnPush,
1663
- template: '<ng-content></ng-content>',
1664
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1665
- inputs: ['fieldId', 'orientation', 'size', 'variant'],
1666
- })
1667
- export class AegovTimeline {
1668
- protected el: HTMLAegovTimelineElement;
1669
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1670
- c.detach();
1671
- this.el = r.nativeElement;
1672
- }
1673
- }
1674
-
1675
-
1676
- export declare interface AegovTimeline extends Components.AegovTimeline {}
1677
-
1678
-
1679
- @ProxyCmp({
1680
- defineCustomElementFn: defineAegovTimelineStep,
1681
- inputs: ['description', 'status']
1682
- })
1683
- @Component({
1684
- selector: 'aegov-timeline-step',
1685
- changeDetection: ChangeDetectionStrategy.OnPush,
1686
- template: '<ng-content></ng-content>',
1687
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1688
- inputs: ['description', 'status'],
1689
- })
1690
- export class AegovTimelineStep {
1691
- protected el: HTMLAegovTimelineStepElement;
1692
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1693
- c.detach();
1694
- this.el = r.nativeElement;
1695
- }
1696
- }
1697
-
1698
-
1699
- export declare interface AegovTimelineStep extends Components.AegovTimelineStep {}
1700
-
1701
-
1702
- @ProxyCmp({
1703
- defineCustomElementFn: defineAegovTitle,
1704
- inputs: ['extraClass', 'fieldId', 'headingType', 'size']
1705
- })
1706
- @Component({
1707
- selector: 'aegov-title',
1708
- changeDetection: ChangeDetectionStrategy.OnPush,
1709
- template: '<ng-content></ng-content>',
1710
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1711
- inputs: ['extraClass', 'fieldId', 'headingType', 'size'],
1712
- })
1713
- export class AegovTitle {
1714
- protected el: HTMLAegovTitleElement;
1715
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1716
- c.detach();
1717
- this.el = r.nativeElement;
1718
- }
1719
- }
1720
-
1721
-
1722
- export declare interface AegovTitle extends Components.AegovTitle {}
1723
-
1724
-
1725
- @ProxyCmp({
1726
- defineCustomElementFn: defineAegovToast,
1727
- inputs: ['appearance', 'duration', 'isDismissible', 'isProgressEnabled', 'mode', 'position', 'variant'],
1728
- methods: ['show', 'close']
1729
- })
1730
- @Component({
1731
- selector: 'aegov-toast',
1732
- changeDetection: ChangeDetectionStrategy.OnPush,
1733
- template: '<ng-content></ng-content>',
1734
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1735
- inputs: ['appearance', 'duration', 'isDismissible', 'isProgressEnabled', 'mode', 'position', 'variant'],
1736
- outputs: ['aegovToastOpen', 'aegovToastClose', 'aegovToastDismiss'],
1737
- })
1738
- export class AegovToast {
1739
- protected el: HTMLAegovToastElement;
1740
- @Output() aegovToastOpen = new EventEmitter<AegovToastCustomEvent<void>>();
1741
- @Output() aegovToastClose = new EventEmitter<AegovToastCustomEvent<void>>();
1742
- @Output() aegovToastDismiss = new EventEmitter<AegovToastCustomEvent<void>>();
1743
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1744
- c.detach();
1745
- this.el = r.nativeElement;
1746
- }
1747
- }
1748
-
1749
-
1750
- import type { AegovToastCustomEvent } from '@aegov/designsystem/components';
1751
-
1752
- export declare interface AegovToast extends Components.AegovToast {
1753
- /**
1754
- * Emitted after the toast becomes visible.
1755
- */
1756
- aegovToastOpen: EventEmitter<AegovToastCustomEvent<void>>;
1757
- /**
1758
- * Emitted after the toast close animation completes and element is removed.
1759
- */
1760
- aegovToastClose: EventEmitter<AegovToastCustomEvent<void>>;
1761
- /**
1762
- * Emitted when the user clicks the dismiss button.
1763
- */
1764
- aegovToastDismiss: EventEmitter<AegovToastCustomEvent<void>>;
1765
- }
1766
-
1767
-
1768
- @ProxyCmp({
1769
- defineCustomElementFn: defineAegovToggle,
1770
- inputs: ['errorMessage', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
1771
- methods: ['validate', 'setCustomValidity']
1772
- })
1773
- @Component({
1774
- selector: 'aegov-toggle',
1775
- changeDetection: ChangeDetectionStrategy.OnPush,
1776
- template: '<ng-content></ng-content>',
1777
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1778
- inputs: ['errorMessage', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
1779
- outputs: ['aegovToggleChange', 'aegovValidate'],
1780
- })
1781
- export class AegovToggle {
1782
- protected el: HTMLAegovToggleElement;
1783
- @Output() aegovToggleChange = new EventEmitter<AegovToggleCustomEvent<{ checked: boolean; value?: string }>>();
1784
- @Output() aegovValidate = new EventEmitter<AegovToggleCustomEvent<IAegovToggleAegovValidationDetail<boolean>>>();
1785
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1786
- c.detach();
1787
- this.el = r.nativeElement;
1788
- }
1789
- }
1790
-
1791
-
1792
- import type { AegovToggleCustomEvent } from '@aegov/designsystem/components';
1793
- import type { AegovValidationDetail as IAegovToggleAegovValidationDetail } from '@aegov/designsystem/components';
1794
-
1795
- export declare interface AegovToggle extends Components.AegovToggle {
1796
- /**
1797
- * Emitted when the toggle checked state changes.
1798
- */
1799
- aegovToggleChange: EventEmitter<AegovToggleCustomEvent<{ checked: boolean; value?: string }>>;
1800
- /**
1801
- * Unified validation event. See §2.3.
1802
- */
1803
- aegovValidate: EventEmitter<AegovToggleCustomEvent<IAegovToggleAegovValidationDetail<boolean>>>;
1804
- }
1805
-
1806
-
1807
- @ProxyCmp({
1808
- defineCustomElementFn: defineAegovTooltip,
1809
- inputs: ['align', 'content', 'delayEnd', 'delayStart', 'gap', 'isDisabled', 'offset', 'position', 'trigger']
1810
- })
1811
- @Component({
1812
- selector: 'aegov-tooltip',
1813
- changeDetection: ChangeDetectionStrategy.OnPush,
1814
- template: '<ng-content></ng-content>',
1815
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1816
- inputs: ['align', 'content', 'delayEnd', 'delayStart', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
1817
- })
1818
- export class AegovTooltip {
1819
- protected el: HTMLAegovTooltipElement;
1820
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1821
- c.detach();
1822
- this.el = r.nativeElement;
1823
- }
1824
- }
1825
-
1826
-
1827
- export declare interface AegovTooltip extends Components.AegovTooltip {}
1828
-
1829
-